/*1738540868000*/
.quick-access-nav {
    position: fixed;
    z-index: 999
}
.custom-radio label {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid transparent; /* بداية بدون إطار */
    border-radius: 10px; /* لجعل الحواف مستديرة */
    transition: border-color 0.3s ease;
}

.custom-radio input[type="radio"]:checked + label {
    border-color: red; /* عند التحديد يظهر الإطار الأحمر */
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto
}

.lfr-asset-column-details .lfr-asset-categories {
    color: #7d7d7d
}

.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
    color: #555
}

.lfr-asset-column-details .lfr-asset-description {
    color: #444;
    font-style: italic;
    margin: .5em auto 2em;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none
}

.lfr-asset-column-details .lfr-asset-icon {
    border-left: 1px solid transparent;
    color: #999;
    float: right;
    line-height: 1em;
    margin-left: 10px;
    padding-left: 10px
}

.lfr-asset-column-details .lfr-asset-icon.last {
    border-width: 0
}

.lfr-asset-column-details .lfr-asset-tags {
    color: #7d7d7d
}

.lfr-asset-column-details .lfr-asset-tags .tag {
    color: #555
}

.lfr-asset-column-details .lfr-asset-metadata {
    clear: both;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em
}

.lfr-asset-column-details .lfr-panel {
    clear: both;
    margin-bottom: .2em
}

.lfr-asset-column-details .lfr-panel.lfr-extended {
    border: 1px solid #ccc;
    margin-bottom: 0
}

.lfr-asset-column-details .lfr-asset-field label,.lfr-asset-column-details .taglib-custom-attributes-list label {
    display: block
}

.lfr-asset-column-details .taglib-custom-attributes-list {
    margin-bottom: 1em
}

.overlay {
    position: absolute
}

.overlay-hidden,.overlaymask-hidden {
    display: none
}

.lfr-form-row {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 1px 5px 25px;
    position: relative
}

.lfr-form-row:after {
    clear: both;
    content: "";
    display: block;
    height: 0
}

.lfr-form-row:hover {
    border: solid #ccc;
    border-width: 1px 0;
    padding-top: 0
}

.lfr-form-row.lfr-form-row-inline .form-group {
    margin-left: 5px
}

.lfr-form-row legend .field-label {
    float: right;
    margin-left: 10px
}

.lfr-form-row .handle-sort-vertical {
    background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
    cursor: move;
    padding-right: 20px
}

.lfr-form-row fieldset {
    border-width: 0;
    margin: 0;
    padding: 0
}

.lfr-autorow-controls {
    bottom: 5px;
    position: absolute;
    left: 5px
}

.datepicker-popover-content .popover-content {
    padding: .75rem 1rem
}

.dropdown.open>.dropdown-menu,.overlay-content .open>.dropdown-menu {
    display: block
}

.form-control-inline {
    background-color: transparent;
    font-size: 1.125rem;
    font-weight: 700
}

.form-control-inline:not(:hover) {
    border-color: transparent
}

.form-control-inline::-webkit-input-placeholder {
    color: #a9afb5;
    font-style: italic
}

.form-control-inline::-moz-placeholder {
    color: #a9afb5;
    font-style: italic
}

.form-control-inline:-ms-input-placeholder {
    color: #a9afb5;
    font-style: italic
}

.form-control-inline::-ms-input-placeholder {
    color: #a9afb5;
    font-style: italic
}

.form-control-inline::placeholder {
    color: #a9afb5;
    font-style: italic
}

.form-search .input-group {
    position: relative
}

.form-search .input-group.advanced-search .search-query {
    padding-right: 40px;
    z-index: 0
}

.form-search .input-group.advanced-search .toggle-advanced {
    cursor: pointer;
    right: 0;
    line-height: 1;
    padding: 8px 10px;
    position: absolute;
    top: 0
}

.form-search .input-group.advanced-search .toggle-advanced .caret {
    margin-top: 7px
}

.form-search .input-group.advanced-search .toggle-advanced .icon-search {
    font-size: 14px
}

@media(max-width: 991.98px) {
    .form-search .input-group {
        width:100%
    }

    .form-search .input-group .btn {
        clip: rect(0,0,0,0);
        right: -9999px;
        position: absolute
    }

    .form-search .input-group input.search-query {
        width: 100%
    }
}

.lfr-table {
    border-collapse: collapse;
    clear: both
}

.lfr-table>tbody>tr>td,.lfr-table>tbody>tr>th,.lfr-table>tfoot>tr>td,.lfr-table>tfoot>tr>th,.lfr-table>thead>tr>td,.lfr-table>thead>tr>th {
    padding: 0 5px;
    overflow-wrap: break-all;
    word-wrap: break-all
}

.lfr-table>tbody>tr>td.first-child,.lfr-table>tbody>tr>td:first-child,.lfr-table>tbody>tr>th.first-child,.lfr-table>tbody>tr>th:first-child,.lfr-table>tfoot>tr>td.first-child,.lfr-table>tfoot>tr>td:first-child,.lfr-table>tfoot>tr>th.first-child,.lfr-table>tfoot>tr>th:first-child,.lfr-table>thead>tr>td.first-child,.lfr-table>thead>tr>td:first-child,.lfr-table>thead>tr>th.first-child,.lfr-table>thead>tr>th:first-child {
    padding-right: 0
}

.lfr-table>tbody>tr>td.last-child,.lfr-table>tbody>tr>td:last-child,.lfr-table>tbody>tr>th.last-child,.lfr-table>tbody>tr>th:last-child,.lfr-table>tfoot>tr>td.last-child,.lfr-table>tfoot>tr>td:last-child,.lfr-table>tfoot>tr>th.last-child,.lfr-table>tfoot>tr>th:last-child,.lfr-table>thead>tr>td.last-child,.lfr-table>thead>tr>td:last-child,.lfr-table>thead>tr>th.last-child,.lfr-table>thead>tr>th:last-child {
    padding-left: 0
}

.lfr-table>tbody>tr>th,.lfr-table>tfoot>tr>th,.lfr-table>thead>tr>th {
    font-weight: 700
}

.lfr-pagination:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.lfr-pagination .dropdown-menu {
    display: none
}

.lfr-pagination .dropdown-toggle .icon-caret-down {
    margin-right: 5px
}

.lfr-pagination .lfr-pagination-controls {
    float: right
}

.lfr-pagination .lfr-pagination-controls .search-results {
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    top: 10px
}

.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
    border-width: 0;
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 20px;
    padding: 3px 20px;
    text-align: right;
    white-space: nowrap;
    width: 100%
}

.lfr-pagination .lfr-pagination-delta-selector {
    float: right
}

@media(max-width: 991.98px) {
    .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
        display:none
    }
}

.lfr-pagination .pagination-content {
    float: left
}

.lfr-panel.lfr-extended {
    border: 1px solid transparent;
    border-color: #dedede #dedede #bfbfbf #bfbfbf
}

.lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
    display: block
}

.lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
    border-bottom-width: 0
}

.lfr-panel.panel-default .panel-heading {
    border-bottom-width: 0
}

.lfr-panel .toggler-header {
    cursor: pointer
}

.sidebar-sm .sheet-subtitle {
    font-size: .75rem;
    margin-bottom: 1rem
}

.sidebar-sm .form-control[type=file] {
    padding: 0
}

.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
    min-height: auto;
    padding: .285rem .75rem
}

.sidebar-sm .list-group-item-flex {
    padding: .5rem .25rem
}

.sidebar-sm .list-group-item-flex .autofit-col {
    padding-right: .25rem;
    padding-left: .25rem
}

.lfr-translation-manager {
    border-radius: 4px;
    display: inline-block;
    margin-top: .5em;
    min-height: 1.8em
}

.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
    display: inline-block;
    width: auto
}

.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
    float: none;
    padding: .4em 0
}

.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
    display: inline
}

.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
    margin: 10px 0
}

.lfr-translation-manager .lfr-translation-manager-available-translations {
    white-space: normal
}

.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
    line-height: 1
}

.lfr-translation-manager .lfr-translation-manager-translation {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin: .2em;
    padding: .4em .5em .4em .3em;
    text-decoration: none
}

.lfr-translation-manager .lfr-translation-manager-translation * {
    vertical-align: middle
}

.lfr-translation-manager .lfr-translation-manager-translation img {
    margin-left: .3em
}

.lfr-translation-manager .lfr-translation-manager-translation:hover {
    background-color: #d1e5ef
}

.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
    background-color: #598bec;
    border-color: #224fa8;
    color: #fff
}

.lfr-translation-manager .lfr-translation-manager-change-default-locale {
    margin: 0 .4em
}

.lfr-translation-manager .lfr-translation-manager-delete-translation {
    display: inline-block;
    padding: 0 2px
}

.lfr-translation-manager .lfr-translation-manager-delete-translation svg {
    pointer-events: none
}

.lfr-tree a {
    text-decoration: none
}

.lfr-tree li {
    margin-bottom: 2px;
    padding-right: 0
}

.lfr-tree li ul li,.lfr-tree li.tree-item {
    padding-right: 0
}

.lfr-tree li.tree-item {
    padding-right: 5px
}

.lfr-tree li.tree-item li {
    padding-right: 20px
}

.lfr-tree li.tree-item ul {
    margin-right: 0;
    margin-top: 5px
}

.lfr-upload-container {
    margin-bottom: 1rem
}

.lfr-upload-container .upload-target {
    border: 3px dashed #e5e7e9;
    margin-bottom: 1rem;
    min-height: 2rem;
    padding: 2rem 0;
    position: relative;
    text-align: center
}

.upload-drop-intent .lfr-upload-container .upload-target {
    z-index: 100
}

.upload-drop-active .lfr-upload-container .upload-target {
    background-color: #92e5a5;
    border-color: #69db83
}

.lfr-upload-container .upload-target .drop-file-text {
    font-weight: 400
}

.mobile .lfr-upload-container .upload-target .drop-file-text {
    display: none
}

.lfr-upload-container .upload-target .small {
    display: block;
    margin: 5px 0;
    text-transform: lowercase
}

.lfr-upload-container .manage-upload-target {
    padding-top: 5px;
    position: relative
}

.lfr-upload-container .manage-upload-target .select-files {
    float: right;
    line-height: 0;
    margin: 0 1.125rem 1.125rem;
    padding: 0 5px 0 0
}

.lfr-upload-container .cancel-uploads,.lfr-upload-container .clear-uploads {
    background-repeat: no-repeat;
    float: left
}

.lfr-upload-container .cancel-uploads {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
    margin-left: 0
}

.lfr-upload-container .clear-uploads {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
    padding-right: 16px
}

.lfr-upload-container .upload-file.upload-complete.file-saved {
    padding-right: 25px
}

.lfr-upload-container .upload-file .file-title {
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    padding-left: 16px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.lfr-upload-container .upload-file .icon-file {
    font-size: 40px
}

.lfr-upload-container .upload-list-info {
    margin: 1em 0 .5em
}

.lfr-upload-container .upload-list-info h4 {
    font-size: 1.3em
}

.lfr-upload-container .cancel-button {
    color: #6c757d;
    margin-top: 1px;
    position: absolute;
    left: 5px;
    top: 50%;
    white-space: nowrap
}

.lfr-upload-container .cancel-button .cancel-button-text {
    display: none;
    margin-right: 5px
}

.lfr-upload-container .cancel-button:hover .cancel-button-text {
    display: inline
}

.lfr-upload-container .cancel-button .lexicon-icon {
    height: 12px
}

.lfr-upload-container .delete-button {
    color: #6c757d
}

.lfr-upload-container .delete-button-col {
    padding-left: 10px
}

.lfr-upload-container .file-added .success-message {
    float: left;
    font-weight: 400
}

.lfr-upload-container .upload-error {
    opacity: 1;
    padding-right: 25px
}

.lfr-upload-container .delete-button,.lfr-upload-container .upload-complete .cancel-button,.lfr-upload-container .upload-complete.file-saved .delete-button,.lfr-upload-container .upload-complete.upload-error .delete-button {
    display: none
}

.lfr-upload-container .multiple-files .upload-error {
    background: #f5c4c9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
    border-color: #bd2130;
    color: #bd2130;
    font-weight: 400;
    margin-bottom: 16px;
    padding: 8px 24px 8px 8px
}

.lfr-upload-container .multiple-files .upload-error .error-message {
    display: block
}

.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
    padding-right: 1rem
}

.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
    display: none
}

.lfr-upload-container .single-file .upload-error {
    list-style: none;
    margin-top: 1em
}

.lfr-upload-container .single-file .upload-error .upload-error-message {
    margin-bottom: .5em
}

.lfr-upload-container .upload-complete {
    padding-right: 5px
}

.lfr-upload-container .upload-complete .error-message,.lfr-upload-container .upload-complete .success-message {
    font-weight: 700;
    margin-right: 1em
}

.lfr-upload-container .upload-complete .delete-button {
    display: inline-block
}

.lfr-upload-container .upload-complete .select-file:disabled+.custom-control-label {
    display: none
}

.lfr-upload-container .progress {
    display: none;
    margin-top: .5rem
}

.lfr-upload-container .file-uploading .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lfr-alert-container {
    right: 0;
    position: absolute;
    left: auto;
    top: auto;
    width: 100%;
    z-index: 430
}

.lfr-alert-container.inline-alert-container {
    position: relative
}

.lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
    padding: 0
}

.lfr-alert-container .lfr-alert-wrapper {
    margin-bottom: 5px;
    overflow: hidden
}

.lfr-search-container td .overlay.entry-action {
    position: static
}

.lfr-search-container td .overlay.entry-action .btn a {
    display: block;
    padding: 4px 12px
}

.contextual-sidebar {
    height: calc(100vh - var(--control-menu-container-height) - 49px);
    pointer-events: none;
    position: fixed;
    left: 0;
    top: calc(var(--control-menu-container-height) + 49px);
    -webkit-transform: translateX(100%);
    transform: translateX(calc(100% * -1));
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s,-webkit-transform ease .5s;
    width: 320px;
    will-change: transform
}

.contextual-sidebar.contextual-sidebar-visible {
    pointer-events: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media(min-width: 576px) {
    .contextual-sidebar {
        height:calc(100vh - var(--control-menu-container-height) - 64px);
        top: calc(var(--control-menu-container-height) + 64px)
    }

    .contextual-sidebar-content {
        -webkit-transition: padding ease .5s;
        transition: padding ease .5s;
        will-change: padding
    }

    .contextual-sidebar-visible .contextual-sidebar-content,.contextual-sidebar-visible+.contextual-sidebar-content {
        padding-left: 320px
    }
}

.taglib-diff-html div.diff-removed-image {
    background: #fdc6c6 url(../images/diff/minus.png)
}

.taglib-diff-html div.diff-added-image {
    background: #cfc url(../images/diff/plus.png) no-repeat
}

.taglib-diff-html div.diff-added-image,.taglib-diff-html div.diff-removed-image {
    height: 300px;
    margin: 2px;
    opacity: .55;
    position: absolute;
    width: 200px
}

.taglib-diff-html span.diff-html-added {
    background-color: #cfc;
    font-size: 1em
}

.taglib-diff-html span.diff-html-added img {
    border: 2px solid #cfc
}

.taglib-diff-html span.diff-html-changed {
    background: url(../images/diff/underline.png) bottom repeat-x
}

.taglib-diff-html span.diff-html-changed img {
    border: 2px dotted #009
}

.taglib-diff-html span.diff-html-removed {
    background-color: #fdc6c6;
    font-size: 1em;
    text-decoration: line-through
}

.taglib-diff-html span.diff-html-removed img {
    border: 2px solid #fdc6c6
}

.taglib-discussion {
    font-size: .875rem;
    margin-top: 1rem
}

.taglib-discussion .actions-menu .component-action {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.taglib-discussion .button-holder {
    margin: 1rem 0
}

.taglib-discussion .comment-container {
    margin-bottom: 1.5rem
}

.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
    border-right-color: #dbdde1
}

.taglib-discussion .lfr-discussion-body {
    font-size: 1rem
}

@media(min-width: 576px) {
    .taglib-discussion .lfr-discussion-body {
        padding-right:3.5rem
    }
}

@media(min-width: 576px) {
    .taglib-discussion .lfr-discussion-details .taglib-user-display {
        word-wrap:break-word
    }
}

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
    font-weight: 700;
    text-decoration: none
}

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
    text-decoration: underline
}

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
    background-size: 50px
}

.taglib-discussion .lfr-discussion-container {
    border-bottom: 1px solid #e7e7ed;
    margin-bottom: 1.5rem
}

.taglib-discussion .lfr-discussion-container:first-of-type {
    border-top: 1px solid #e7e7ed;
    padding-top: 1.5rem
}

.taglib-discussion .lfr-discussion-container:last-of-type {
    border-bottom: 0
}

.taglib-discussion .lfr-discussion-container .lfr-discussion {
    padding-right: 1rem
}

.taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
    padding-right: 0
}

@media(min-width: 576px) {
    .taglib-discussion .lfr-discussion-container .lfr-discussion {
        padding-right:3.5rem
    }
}

.taglib-discussion .lfr-discussion-parent-link {
    color: #67678c;
    font-weight: 600;
    margin-right: 1em
}

@media(max-width: 767.98px) {
    .taglib-discussion .lfr-discussion-parent-link {
        display:block;
        margin-right: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type>.btn-outline-borderless {
    margin-right: -.75rem
}

.taglib-discussion .lfr-discussion-more-comments {
    border-top: 1px solid #e7e7ed;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    text-align: center
}

.taglib-discussion .username {
    color: #272833;
    font-weight: 600
}

.taglib-discussion .taglib-workflow-status {
    margin-right: .5rem
}

.taglib-discussion .workflow-value {
    text-transform: uppercase
}

@media(min-width: 576px) {
    .taglib-discussion .actions-menu {
        display:none
    }

    .taglib-discussion .actions-menu.open,.taglib-discussion .actions-menu:focus,.taglib-discussion .comment-container:hover .actions-menu {
        display: inline-block
    }
}

.drop-zone {
    min-height: 80px;
    padding: 20px;
    text-align: center
}

.drop-zone.drop-enabled {
    outline: 2px dashed transparent
}

.drop-zone.drop-enabled:not(.no-border) {
    outline-color: rgba(176,180,187,.5)
}

.drop-zone p {
    margin: 10px auto 0;
    max-width: 75%
}

.drop-here-info {
    font-size: 25px;
    height: 100%;
    right: 0;
    min-height: 100px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .drop-here-info {
        -webkit-transition: none;
        transition: none
    }
}

.drop-here-info {
    -webkit-transition: none;
    transition: none
}

.drop-here-info .drop-here-indicator {
    height: 115px;
    right: 0;
    margin: auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.drop-here-info .drop-icons {
    display: inline-block;
    position: relative;
    width: 160px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .drop-here-info .drop-icons {
        -webkit-transition: none;
        transition: none
    }
}

.drop-here-info .drop-icons {
    -webkit-transition: none;
    transition: none
}

.drop-here-info .drop-icons span {
    border-radius: 3px;
    position: absolute;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .drop-here-info .drop-icons span {
        -webkit-transition: none;
        transition: none
    }
}

.drop-here-info .drop-icons span {
    -webkit-transition: none;
    transition: none
}

.drop-here-info .drop-icons span:first-of-type {
    -webkit-box-shadow: 5px 4px 0 0 rgba(0,0,0,.08);
    box-shadow: 5px 4px 0 0 rgba(0,0,0,.08);
    height: 60px;
    right: 0;
    line-height: 60px;
    opacity: 0;
    top: 10px;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    width: 60px
}

.drop-here-info .drop-icons span:nth-of-type(2) {
    background: #00c2ff;
    color: #fff;
    height: 80px;
    right: 40px;
    line-height: 80px;
    width: 80px;
    z-index: 2
}

.drop-here-info .drop-icons span:nth-of-type(3) {
    -webkit-box-shadow: -5px 4px 0 0 rgba(0,0,0,.08);
    box-shadow: -5px 4px 0 0 rgba(0,0,0,.08);
    display: block;
    font-size: 45px;
    height: 70px;
    right: 90px;
    line-height: 70px;
    opacity: 0;
    position: relative;
    top: 8px;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    width: 70px;
    z-index: 1
}

.drop-here-info .drop-icons span:first-of-type,.drop-here-info .drop-icons span:nth-of-type(3) {
    background: #e8e6e8;
    color: #a5a6ac
}

.drop-here-info .drop-text {
    color: #fff;
    display: block;
    font-size: 20px;
    margin-right: 0;
    margin-top: 20px
}

.drop-active .drop-here-info {
    background-color: rgba(0,0,0,.6);
    opacity: 1;
    visibility: visible;
    z-index: 100
}

.drop-active .drop-here-info .drop-icons span:first-of-type,.drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
    opacity: 1
}

.drop-active .drop-here-info span:first-of-type {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.drop-active .drop-here-info span:nth-of-type(2) {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.drop-active .drop-here-info span:nth-of-type(3) {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.taglib-empty-result-message.sheet {
    margin-bottom: 24px
}

.taglib-empty-result-message .taglib-empty-result-message-description {
    color: #6c757d;
    margin-top: 8px
}

.taglib-empty-result-message .taglib-empty-result-message-header,.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,.taglib-empty-result-message .taglib-empty-search-result-message-header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: auto;
    margin-left: auto
}

.taglib-empty-result-message .taglib-empty-result-message-header,.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
    max-width: 200px;
    padding-top: 250px
}

.taglib-empty-result-message .taglib-empty-result-message-header,.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
    background-image: url(/o/zain-theme/images/states/empty_state.gif)
}

@media(prefers-reduced-motion:reduce) {
    .taglib-empty-result-message .taglib-empty-result-message-header,.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
        background-image: url(/o/zain-theme/images/states/empty_state_reduced_motion.gif)
    }
}

.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header,.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
    background-image: url(/o/zain-theme/images/states/empty_state_reduced_motion.gif)
}

.taglib-empty-result-message .taglib-empty-search-result-message-header {
    background-image: url(/o/zain-theme/images/states/search_state.gif);
    max-width: 210px;
    padding-top: 232px
}

@media(prefers-reduced-motion:reduce) {
    .taglib-empty-result-message .taglib-empty-search-result-message-header {
        background-image: url(/o/zain-theme/images/states/search_state_reduced_motion.gif)
    }
}

.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-search-result-message-header {
    background-image: url(/o/zain-theme/images/states/search_state_reduced_motion.gif)
}

.taglib-empty-result-message .taglib-empty-state {
    background-image: url(/o/zain-theme/images/states/empty_state.gif);
    margin: auto;
    max-width: 250px;
    padding-top: 250px
}

@media(prefers-reduced-motion:reduce) {
    .taglib-empty-result-message .taglib-empty-state {
        background-image: url(/o/zain-theme/images/states/empty_state_reduced_motion.gif)
    }
}

.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-state {
    background-image: url(/o/zain-theme/images/states/empty_state_reduced_motion.gif)
}

.taglib-empty-result-message .taglib-success-state {
    background-image: url(/o/zain-theme/images/states/success_state.gif);
    margin: auto;
    max-width: 250px;
    padding-top: 250px
}

@media(prefers-reduced-motion:reduce) {
    .taglib-empty-result-message .taglib-success-state {
        background-image: url(/o/zain-theme/images/states/success_state_reduced_motion.gif)
    }
}

.c-prefers-reduced-motion .taglib-empty-result-message .taglib-success-state {
    background-image: url(/o/zain-theme/images/states/success_state_reduced_motion.gif)
}

.taglib-empty-result-message .taglib-search-state {
    background-image: url(/o/zain-theme/images/states/search_state.gif);
    margin: auto;
    max-width: 250px;
    padding-top: 250px
}

@media(prefers-reduced-motion:reduce) {
    .taglib-empty-result-message .taglib-search-state {
        background-image: url(/o/zain-theme/images/states/search_state_reduced_motion.gif)
    }
}

.c-prefers-reduced-motion .taglib-empty-result-message .taglib-search-state {
    background-image: url(/o/zain-theme/images/states/search_state_reduced_motion.gif)
}

.taglib-empty-result-message .taglib-empty-result-message-title {
    font-size: 1rem;
    margin-top: 48px
}

.taglib-empty-result-message .taglib-empty-result-message-description {
    font-size: .875rem
}

.taglib-empty-result-message .taglib-empty-result-message-header+.taglib-empty-result-message-title,.taglib-empty-result-message .taglib-empty-search-result-message-header+.taglib-empty-result-message-title,.taglib-empty-result-message .taglib-empty-state+.taglib-empty-result-message-title,.taglib-empty-result-message .taglib-search-state+.taglib-empty-result-message-title,.taglib-empty-result-message .taglib-success-state+.taglib-empty-result-message-title {
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center
}

.taglib-empty-result-message .taglib-empty-result-message-header~.taglib-empty-result-message-actions,.taglib-empty-result-message .taglib-empty-result-message-header~.taglib-empty-result-message-description,.taglib-empty-result-message .taglib-empty-search-result-message-header~.taglib-empty-result-message-actions,.taglib-empty-result-message .taglib-empty-search-result-message-header~.taglib-empty-result-message-description,.taglib-empty-result-message .taglib-empty-state~.taglib-empty-result-message-actions,.taglib-empty-result-message .taglib-empty-state~.taglib-empty-result-message-description,.taglib-empty-result-message .taglib-search-state~.taglib-empty-result-message-actions,.taglib-empty-result-message .taglib-search-state~.taglib-empty-result-message-description,.taglib-empty-result-message .taglib-success-state~.taglib-empty-result-message-actions,.taglib-empty-result-message .taglib-success-state~.taglib-empty-result-message-description {
    font-size: 1rem;
    text-align: center
}

.field-wrapper.form-inline .control-label {
    display: inline-block
}

.field-wrapper-html .input-localized .input-group-item {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.taglib-header {
    border-bottom: 1px solid #c8c9ca;
    color: #555;
    margin-bottom: 1em;
    padding-bottom: 10px
}

.taglib-header .header-title {
    display: inline-block;
    margin: .1em;
    max-width: 100%;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal
}

.taglib-header .header-back-to {
    display: inline-block;
    vertical-align: middle
}

.taglib-header .header-back-to a {
    display: block;
    font-weight: 700;
    padding: 0 0 0 .3em;
    text-decoration: none
}

.taglib-icon {
    text-decoration: none
}

.taglib-icon:not(.btn):focus .taglib-text,.taglib-icon:not(.btn):hover .taglib-text {
    text-decoration: underline
}

.taglib-icon[lang]>img {
    vertical-align: baseline;
    width: 16px
}

.taglib-icon-help {
    color: #6c757d !important
}

.taglib-icon-help:active,.taglib-icon-help:hover {
    color: #343a40 !important
}

.icon-monospaced {
    color: inherit;
    display: inline-block;
    height: 2rem;
    line-height: 34px;
    text-align: center;
    width: 2rem
}

.icon-monospaced.lexicon-icon {
    padding: 8px
}

.taglib-icon-list li {
    float: right;
    margin-left: 1em
}

.taglib-icon-list:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.lfr-icon-menu .lfr-icon-menu-icon {
    max-width: none
}

@media(max-width: 767.98px) {
    .table-cell.last .lfr-icon-menu .dropdown-toggle {
        text-align:center
    }

    .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text,.table-cell.last .lfr-icon-menu .dropdown-toggle>img {
        display: none
    }
}

.lfr-menu-list {
    float: none;
    overflow-y: auto;
    position: relative
}

.lfr-menu-list.direction-right {
    margin: 0 2px
}

.lfr-menu-list.dropdown-menu {
    float: none;
    position: relative
}

@media(max-width: 991.98px) {
    .lfr-menu-list.dropdown-menu>li>a {
        font-size:22px;
        line-height: 40px;
        white-space: normal
    }

    .lfr-menu-list.dropdown-menu>li>a img {
        margin-bottom: 3px
    }
}

.lfr-menu-list.dropdown-menu .search-panel {
    margin-bottom: 0
}

.lfr-menu-list.dropdown-menu .search-panel .form-group {
    margin: 0 16px
}

.lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
    width: auto
}

body>.lfr-menu-list ul {
    border-radius: 4px
}

.lfr-icon-menu-open:after {
    clear: both;
    content: "";
    display: table
}

.lfr-icon-menu-open .dropdown-menu {
    position: static
}

.input-localized.input-localized-editor .form-control {
    border-width: 0;
    height: 100%;
    padding: 0
}

.input-localized .input-group-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.input-localized .input-localized-content {
    margin-right: 6px
}

.input-group .input-localized .input-localized-content {
    margin-top: 3px
}

.input-localized .lfr-input-localized .lfr-input-localized-state {
    background-color: #ddd
}

.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    background-color: #ff0047
}

.input-localized .lfr-input-localized-default a {
    margin-left: 14px
}

.input-localized .lfr-input-localized-state {
    height: 4px;
    margin: 3px 5px;
    width: 4px
}

.input-localized .palette-item-inner .lfr-input-localized-flag {
    font-size: 16px;
    opacity: .5
}

.input-localized .palette-item,.input-localized .palette-item-hover,.input-localized .palette-item-hover .palette-item-inner {
    border-color: transparent
}

.input-localized .palette-item-inner {
    border-color: #666;
    display: block;
    height: 16px;
    width: 16px
}

.input-localized .palette-item-selected .lfr-input-localized-state {
    background: #27c1f2
}

.input-localized-palette-container .palette-items-container {
    font-size: 0;
    margin: 0;
    white-space: normal
}

.input-localized-palette-container .palette-item {
    border-width: 0;
    padding: .5rem 1.25rem
}

.input-localized-palette-container .palette-item-inner {
    border: 1px solid;
    margin-left: 4px;
    width: 16px
}

.input-localized-palette-container .palette-item-inner img {
    display: block
}

.taglib-move-boxes {
    margin-bottom: 1em
}

.taglib-move-boxes label {
    border-bottom: 1px solid transparent;
    display: block;
    margin-bottom: 5px;
    padding: 5px
}

.taglib-move-boxes .toolbar {
    text-align: center
}

.taglib-move-boxes .arrow-button img {
    border-width: 0;
    height: 16px;
    width: 16px
}

.taglib-move-boxes .choice-selector {
    width: 100%
}

.taglib-move-boxes .choice-selector label {
    background: #ebf1f9;
    border-bottom-color: #8db2f3
}

.taglib-move-boxes .field-content {
    margin-bottom: 0
}

.taglib-move-boxes .move-arrow-buttons {
    margin-top: 5em
}

.taglib-move-boxes .move-arrow-buttons .arrow-button {
    display: block
}

.taglib-move-boxes .sortable-container {
    margin-top: 10px
}

.taglib-move-boxes .sortable-container .btn.edit-selection {
    margin-bottom: 10px
}

.taglib-move-boxes .sortable-container .move-option {
    background-color: transparent;
    border-top: 1px solid #ddd;
    display: none;
    margin: 2px 0;
    padding: 2px;
    position: relative
}

.taglib-move-boxes .sortable-container .move-option.selected {
    display: block
}

.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
    background-color: #fafafa
}

.taglib-move-boxes .sortable-container .move-option .checkbox,.taglib-move-boxes .sortable-container .move-option .handle {
    position: absolute
}

.taglib-move-boxes .sortable-container .move-option .checkbox {
    display: none;
    margin: 7px 5px 0 0
}

.taglib-move-boxes .sortable-container .move-option .handle {
    color: #999;
    cursor: pointer;
    font-size: 1.5em;
    padding: 6px
}

.taglib-move-boxes .sortable-container .move-option .title {
    font-size: 1.2em;
    margin: 1px 30px 1px 0
}

.taglib-move-boxes .sortable-container.edit-list-active .move-option {
    display: block
}

.taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
    display: inline-block
}

.taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
    display: none
}

.mobile .taglib-move-boxes .selector-container {
    display: none
}

.item-selector .card-row>.autofit-col-expand {
    padding-top: 4px
}

.item-selector .drop-zone {
    background-color: #f1f2f5;
    margin-top: 1rem
}

.item-selector .input-file {
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: .1px;
    z-index: -1
}

.item-selector .input-file+label {
    position: relative
}

.item-selector .input-file+label::before {
    border-radius: 4px;
    bottom: -2px;
    content: "";
    display: block;
    right: -2px;
    position: absolute;
    left: -2px;
    top: -2px;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.item-selector .input-file:focus+label::before {
    -webkit-box-shadow: 0 0 0 2px #fff,0 0 0 4px #75b8ff;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #75b8ff
}

.item-selector .item-selector-list-row:hover {
    background-color: #e5f2ff;
    cursor: pointer
}

.lfr-map {
    border: 1px solid #ccc;
    min-height: 400px;
    width: 100%
}

.lfr-map .home-button {
    margin: 5px
}

@media(max-width: 575.98px) {
    .lfr-map .home-button {
        height:35px;
        width: 45px
    }
}

.lfr-map .search-controls {
    font-size: 15px;
    margin-top: 5px;
    width: 100%
}

@media(min-width: 576px) {
    .lfr-map .search-controls {
        width:50%
    }
}

.lfr-map .search-controls .search-input {
    width: 100%
}

.navbar .navbar-collapse {
    max-height: none
}

.navbar .navbar-collapse:after,.navbar .navbar-collapse:before {
    display: inline
}

@media(max-width: 767.98px) {
    .navbar .navbar-search {
        background-color:#f3f3f3;
        border-top-width: 0;
        width: 100%
    }
}

.navbar .navbar-search .form-search {
    margin: 8px 0
}

@media(min-width: 768px) {
    .navbar .navbar-search .form-search {
        float:left;
        max-width: 275px
    }
}

@media(max-width: 767.98px) {
    .navbar .navbar-search .form-search .input-group {
        width:100%
    }
}

@media(max-width: 991.98px) {
    .navbar .container .navbar-btn,.navbar .container-fluid .navbar-btn {
        margin-bottom:5px;
        width: 45px
    }

    .navbar .container .navbar-collapse.open,.navbar .container-fluid .navbar-collapse.open {
        border-width: 0;
        display: block;
        height: auto;
        overflow: visible
    }
}

.taglib-portlet-preview.show-borders {
    border: 1px solid #828f95;
    margin-bottom: 1em;
    padding: 3px 3px 1em
}

.taglib-portlet-preview.show-borders .title {
    background-color: #d3dadd;
    font-size: 1.4em;
    font-weight: 700;
    padding: .5em
}

.taglib-portlet-preview .preview {
    margin: 1em;
    min-height: 90px
}

.lfr-search-container .entry-action {
    width: 1px
}

.lfr-search-container .entry-action .taglib-icon {
    white-space: nowrap
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
    position: relative
}

@media(min-width: 576px) {
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
        margin-right:375px;
        width: auto
    }
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
    position: static
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
    right: 12px;
    position: fixed;
    left: 12px;
    top: -1px;
    z-index: 1020
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header>th {
    display: block;
    padding: 0
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header>th .lfr-search-iterator-fixed-header-inner-wrapper {
    overflow-x: hidden
}

@media(min-width: 576px) {
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header>th .lfr-search-iterator-fixed-header-inner-wrapper {
        margin-right:375px
    }
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header>th .lfr-search-iterator-fixed-header-inner-wrapper table {
    border-collapse: collapse;
    width: 100%
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header>th .lfr-search-iterator-fixed-header-inner-wrapper table th {
    border-radius: 0
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
    width: auto
}

@media(min-width: 576px) {
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
        right:0;
        position: absolute;
        left: 15px
    }
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
    height: auto
}

.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link) {
    color: #495057;
    font-weight: 500;
    text-decoration: underline
}

.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):focus,.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):hover {
    color: #000
}

.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
    color: #6c757d
}

.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
    color: #343a40
}

.lfr-search-container-wrapper .lfr-icon-menu>.dropdown-toggle {
    color: #6c757d
}

.lfr-search-container-wrapper .lfr-icon-menu>.dropdown-toggle:active,.lfr-search-container-wrapper .lfr-icon-menu>.dropdown-toggle:focus,.lfr-search-container-wrapper .lfr-icon-menu>.dropdown-toggle:hover {
    background-color: #f7f8f9;
    border-radius: 4px;
    color: #343a40
}

.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.lfr-search-container-wrapper .lfr-search-container-list+.taglib-search-iterator-page-iterator-bottom {
    margin-top: 20px
}

.lfr-search-container-wrapper .list-group {
    margin-bottom: 0
}

.lfr-search-container-wrapper .list-group+.list-group .list-group-header:first-child,.lfr-search-container-wrapper .list-group+.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.lfr-search-container-wrapper .list-group .list-group-item h4 {
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 0
}

.lfr-search-container-wrapper .list-group .list-group-item .h5,.lfr-search-container-wrapper .list-group .list-group-item .h6,.lfr-search-container-wrapper .list-group .list-group-item h5,.lfr-search-container-wrapper .list-group .list-group-item h6 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0
}

.lfr-search-container-wrapper .list-group .list-group-item span+h2.h5 {
    font-weight: 600
}

.lfr-search-container-wrapper .list-group .list-group-item h6+h5 {
    font-weight: 600
}

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
    border-bottom-right-radius: .25rem
}

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
    border-bottom-left-radius: .25rem
}

.user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-info .sticker {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.user-info .user-details {
    margin-right: 1rem
}

.user-info .user-name {
    color: #343a40;
    font-weight: 600
}

.user-info .date-info {
    color: #6c757d
}

.user-status-tooltip .user-status-avatar {
    float: right;
    margin-left: 5px
}

.user-status-tooltip .user-status-avatar .user-status-avatar-image {
    width: 27px
}

.user-status-tooltip .user-status-info {
    display: inline-block;
    overflow: hidden
}

.user-status-tooltip .user-status-info .user-status-date {
    font-size: 11px
}

.lfr-search-container {
    margin-top: 1.5em;
    overflow: auto
}

@media(max-width: 767.98px) {
    .lfr-search-container .selector-button {
        width:auto
    }
}

.touch .lfr-search-container {
    -webkit-overflow-scrolling: touch
}

.touch .lfr-search-container .searchcontainer-content .table {
    max-width: none
}

.taglib-page-iterator {
    clear: both;
    height: auto;
    width: auto
}

.taglib-page-iterator .lfr-pagination-buttons {
    float: left;
    margin: 0
}

@media(max-width: 991.98px) {
    .taglib-page-iterator .lfr-pagination-buttons {
        width:100%
    }
}

@media(max-width: 991.98px) and (max-width:767.98px) {
    .taglib-page-iterator .lfr-pagination-buttons {
        float:none;
        margin-top: 20px
    }
}

@media(max-width: 991.98px) {
    .taglib-page-iterator .lfr-pagination-buttons>li {
        display:inline-block;
        width: 50%
    }

    .taglib-page-iterator .lfr-pagination-buttons>li.first,.taglib-page-iterator .lfr-pagination-buttons>li.last {
        display: none
    }

    .taglib-page-iterator .lfr-pagination-buttons>li>a {
        line-height: 20px;
        padding: 11px 19px
    }
}

.taglib-page-iterator .lfr-pagination-config {
    float: right;
    line-height: 46px
}

@media(max-width: 767.98px) {
    .taglib-page-iterator .lfr-pagination-config {
        float:none
    }

    .taglib-page-iterator .lfr-pagination-config .current-page-menu {
        display: block
    }

    .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
        display: block
    }
}

.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
    display: inline
}

.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
    float: none
}

@media(max-width: 991.98px) {
    .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
        display:none
    }
}

.taglib-page-iterator .search-results {
    float: right;
    line-height: 46px;
    margin-right: 10px
}

@media(max-width: 991.98px) {
    .taglib-page-iterator .search-results {
        display:none
    }
}

.taglib-search-toggle .form-search {
    position: relative
}

.taglib-search-toggle .form-search .input-group-btn {
    position: absolute
}

@media(min-width: 992px) {
    .taglib-search-toggle .form-search .input-group-btn {
        position:static
    }
}

.taglib-search-toggle .toggle-advanced {
    color: inherit;
    margin-right: 10px;
    position: absolute;
    top: 8px
}

.taglib-search-toggle .toggle-advanced,.taglib-search-toggle .toggle-advanced:focus,.taglib-search-toggle .toggle-advanced:hover {
    text-decoration: none
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
    background-color: #fcfcfc;
    border: solid #ddd;
    border-width: 0 1px 1px;
    margin-top: 0;
    padding: 15px 15px 0
}

.navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
    border-width: 1px 0 0
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
    position: relative
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
    margin-bottom: 0
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
    color: #999;
    font-size: 13px
}

.taglib-search-toggle-advanced-wrapper .btn.close {
    margin-left: 5px;
    position: relative;
    z-index: 1
}

.taglib-user-display {
    padding: .5em
}

.taglib-user-display .avatar {
    background: no-repeat center;
    background-size: 60px;
    display: block;
    height: 60px;
    margin: 0 auto;
    width: 60px
}

.taglib-user-display .avatar.author:after {
    background: rgba(50,168,230,.5);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.taglib-user-display .user-details {
    margin-top: 1em
}

.taglib-user-display .user-name {
    font-size: 1.1em;
    font-weight: 700
}

.taglib-user-display a .user-name {
    text-decoration: underline
}

.taglib-user-display.display-style-1 .user-profile-image {
    float: right;
    margin-left: 24px
}

.taglib-user-display.display-style-1 .user-name {
    display: inline-block;
    margin-top: 10px
}

.taglib-user-display.display-style-1 .user-details {
    margin-top: 0
}

.taglib-user-display.display-style-2 .user-name,.taglib-user-display.display-style-2 .user-profile-image {
    clear: both;
    display: block;
    min-height: 20px;
    text-align: center
}

.taglib-user-display.display-style-3 {
    padding: 0
}

.taglib-user-display.display-style-3 .user-profile-image {
    display: inline-block;
    vertical-align: middle
}

.taglib-workflow-status .workflow-id,.taglib-workflow-status .workflow-status,.taglib-workflow-status .workflow-version {
    color: #999
}

.table-cell .taglib-workflow-status {
    margin: 0
}

.table-cell .taglib-workflow-status .workflow-status {
    padding-right: 0
}

.lfr-autocomplete-input-list .yui3-aclist-list {
    margin: 0
}

.portal-popup .sheet>.lfr-nav {
    margin-top: -24px
}

.portal-popup .contacts-portlet .portlet-configuration-container .form {
    position: static
}

.portal-popup .lfr-form-content {
    padding: 24px 12px
}

.portal-popup .portlet-body,.portal-popup .portlet-boundary,.portal-popup .portlet-column,.portal-popup .portlet-layout {
    height: 100%
}

.portal-popup .portlet-column {
    position: static
}

.portal-popup .dialog-body .container-view,.portal-popup .dialog-body>.container-fluid-max-xl,.portal-popup .export-dialog-tree .container-view,.portal-popup .export-dialog-tree>.container-fluid-max-xl,.portal-popup .lfr-dynamic-uploader .container-view,.portal-popup .lfr-dynamic-uploader>.container-fluid-max-xl,.portal-popup .lfr-form-content .container-view,.portal-popup .lfr-form-content>.container-fluid-max-xl,.portal-popup .portlet-configuration-body-content .container-view,.portal-popup .portlet-configuration-body-content>.container-fluid-max-xl,.portal-popup .process-list .container-view,.portal-popup .process-list>.container-fluid-max-xl,.portal-popup .roles-selector-body .container-view,.portal-popup .roles-selector-body>.container-fluid-max-xl {
    padding-top: 20px
}

.portal-popup .dialog-body .container-view .nav-tabs-underline,.portal-popup .dialog-body>.container-fluid-max-xl .nav-tabs-underline,.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,.portal-popup .export-dialog-tree>.container-fluid-max-xl .nav-tabs-underline,.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,.portal-popup .lfr-dynamic-uploader>.container-fluid-max-xl .nav-tabs-underline,.portal-popup .lfr-form-content .container-view .nav-tabs-underline,.portal-popup .lfr-form-content>.container-fluid-max-xl .nav-tabs-underline,.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,.portal-popup .portlet-configuration-body-content>.container-fluid-max-xl .nav-tabs-underline,.portal-popup .process-list .container-view .nav-tabs-underline,.portal-popup .process-list>.container-fluid-max-xl .nav-tabs-underline,.portal-popup .roles-selector-body .container-view .nav-tabs-underline,.portal-popup .roles-selector-body>.container-fluid-max-xl .nav-tabs-underline {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -20px
}

.portal-popup .dialog-body>.lfr-nav+.container-fluid-max-xl,.portal-popup .export-dialog-tree>.lfr-nav+.container-fluid-max-xl,.portal-popup .lfr-dynamic-uploader>.lfr-nav+.container-fluid-max-xl,.portal-popup .lfr-form-content>.lfr-nav+.container-fluid-max-xl,.portal-popup .portlet-configuration-body-content>.lfr-nav+.container-fluid-max-xl,.portal-popup .process-list>.lfr-nav+.container-fluid-max-xl,.portal-popup .roles-selector-body>.lfr-nav+.container-fluid-max-xl {
    padding-top: 0
}

.portal-popup .login-container {
    padding: 1rem
}

.portal-popup .navbar~.portlet-configuration-setup,.portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
    position: relative
}

@media(min-width: 576px) {
    .portal-popup .navbar~.portlet-configuration-setup,.portal-popup .portlet-export-import-container {
        height:calc(100% - 48px)
    }
}

.portal-popup .panel-group .panel {
    border-right-width: 0;
    border-radius: 0;
    border-left-width: 0
}

.portal-popup .panel-group .panel+.panel {
    border-top-width: 0;
    margin-top: 0
}

.portal-popup .panel-heading {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.portal-popup .portlet-configuration-setup .lfr-nav {
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    padding-right: 3px;
    padding-left: 3px
}

@media(min-width: 576px) {
    .portal-popup .portlet-configuration-setup .lfr-nav {
        padding-right:8px;
        padding-left: 8px
    }
}

.portal-popup .lfr-dynamic-uploader,.portal-popup .process-list {
    bottom: 0;
    display: block;
    right: 0;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 48px;
    -webkit-overflow-scrolling: touch
}

@media(min-width: 576px) {
    .portal-popup .lfr-dynamic-uploader,.portal-popup .process-list {
        top:48px
    }
}

.portal-popup .portlet-export-import-publish-processes {
    top: 0
}

.portal-popup .dialog-footer {
    background-color: #fff;
    border-top: 1px solid #dee2e6;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    right: 0;
    margin: 0;
    padding: 10px 24px;
    width: 100%;
    z-index: 1020
}

@media(min-width: 768px) {
    .portal-popup .dialog-footer {
        position:fixed
    }
}

.portal-popup .dialog-footer .btn {
    margin-right: 1rem;
    margin-left: 0
}

.portal-popup .dialog-footer.dialog-footer-not-reverse {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(min-width: 768px) {
    .portal-popup .dialog-body:not(:last-child),.portal-popup .lfr-dynamic-uploader:not(:last-child),.portal-popup .lfr-form-content:not(:last-child),.portal-popup .portlet-configuration-body-content:not(:last-child),.portal-popup .roles-selector-body:not(:last-child) {
        padding-bottom:60px
    }
}

.portal-popup .lfr-dynamic-uploader {
    display: table;
    table-layout: fixed;
    width: 100%
}

.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
    bottom: 0
}

.portal-popup .lfr-dynamic-uploader.hide-dialog-footer+.dialog-footer {
    display: none
}

.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible
}

.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content>form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: none;
    overflow: auto
}

.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
    bottom: 0
}

.portal-popup:not(.article-preview) #main-content,.portal-popup:not(.article-preview) #wrapper {
    bottom: 0;
    right: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-overflow-scrolling: touch
}

@media print {
    .portal-popup:not(.article-preview) #main-content,.portal-popup:not(.article-preview) #wrapper {
        position: initial
    }
}

.portal-popup .columns-max>.portlet-layout.row {
    margin-right: 0;
    margin-left: 0
}

.portal-popup .columns-max>.portlet-layout.row>.portlet-column {
    padding-right: 0;
    padding-left: 0
}

html:not(#__):not(#___) .portlet-layout.dragging {
    border-collapse: separate
}

html:not(#__):not(#___) .drop-area {
    background-color: #d3dadd
}

html:not(#__):not(#___) .active-area {
    background: #ffc
}

html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
    opacity: .6
}

html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc
}

html:not(#__):not(#___) .sortable-layout-proxy {
    opacity: 1
}

html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
    background-image: none
}

html:not(#__):not(#___) .proxy {
    cursor: move;
    opacity: .65;
    position: absolute
}

html:not(#__):not(#___) .proxy.generic-portlet {
    height: 200px;
    width: 300px
}

html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
    padding: 10px
}

html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    left: -15px;
    top: -15px;
    width: 32px
}

html:not(#__):not(#___) .resizable-proxy {
    border: 1px dashed #828f95;
    position: absolute;
    visibility: hidden
}

html:not(#__):not(#___) .sortable-proxy {
    background: #727c81;
    margin-top: 1px
}

html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
    margin: 2px 0
}

html:not(#__):not(#___) .yui3-dd-proxy {
    z-index: 1110 !important
}

.portlet-layout.dragging {
    border-collapse: separate
}

.drop-area {
    background-color: #d3dadd
}

.active-area {
    background: #ffc
}

.portlet-boundary.yui3-dd-dragging {
    opacity: .6;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

@media(prefers-reduced-motion:reduce) {
    .portlet-boundary.yui3-dd-dragging {
        -webkit-transition: none;
        transition: none
    }
}

.c-prefers-reduced-motion .portlet-boundary.yui3-dd-dragging {
    -webkit-transition: none;
    transition: none
}

.portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc
}

.sortable-layout-proxy {
    opacity: 1
}

.sortable-layout-proxy .portlet-topper {
    background-image: none
}

.proxy {
    cursor: move;
    opacity: .65;
    position: absolute
}

.proxy.generic-portlet {
    height: 200px;
    width: 300px
}

.proxy.generic-portlet .portlet-title {
    padding: 10px
}

.proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    left: -15px;
    top: -15px;
    width: 32px
}

.resizable-proxy {
    border: 1px dashed #828f95;
    position: absolute;
    visibility: hidden
}

.sortable-proxy {
    background: #727c81;
    margin-top: 1px
}

.sortable-layout-drag-target-indicator {
    margin: 2px 0
}

.yui3-dd-proxy {
    z-index: 1110 !important
}

.portlet-column-content.empty {
    padding: 50px
}

.lfr-portlet-title-editable {
    margin-top: 0;
    z-index: 9999
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
    margin-bottom: 0
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
    display: none
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
    display: inline-block;
    vertical-align: bottom
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
    margin-top: 0
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
    display: inline-block;
    float: none;
    margin-top: 0;
    width: auto
}

.lfr-source-editor {
    border: solid 0 #ccc;
    border-bottom-width: 2px;
    position: relative
}

.lfr-source-editor .ace_editor {
    height: 100%
}

.lfr-source-editor .lfr-source-editor-toolbar li>.btn {
    background-color: #fff;
    border: transparent;
    color: #717383;
    outline: 0
}

.lfr-source-editor .lfr-source-editor-code {
    background-color: #fff;
    color: #2b4259
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter {
    background-color: #ededef;
    color: #868896;
    overflow: hidden
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
    font-family: fontawesome-alloy;
    text-align: center;
    vertical-align: middle
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed,.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open {
    background-image: none
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
    content: "▾"
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
    content: "▸"
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
    color: #fff
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
    background-color: #717383
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
    border-left: solid 1px #ccc
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
    background-image: none
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
    background-color: #ededef
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
    color: #34adab
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
    color: #1d5ec7
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
    color: #ff6c58
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
    color: red
}

.lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474f;
    color: #fff
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
    background: #54555e;
    color: #fff
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
    background-color: #009aed
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
    background-color: #11394e
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
    color: #fff
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
    color: #4d91ff
}

.lfr-fullscreen-source-editor {
    height: 100%;
    overflow: hidden
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
    height: 40px;
    margin-left: 4px;
    margin-top: 4px;
    min-height: 40px
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
    height: 95%;
    position: relative
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
    border: 1px solid #ccc;
    position: absolute
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
    display: inline-block;
    overflow-y: auto;
    padding-right: 20px
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
    display: inline-block
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel,.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel {
    height: 100%;
    width: 50%
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
    height: 100%;
    right: 50%;
    top: 0
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel,.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel {
    height: 50%;
    width: 100%
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
    top: 50%;
    width: 100%
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
    display: none
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
    height: 100%;
    width: 100%
}

.lfr-fulscreen-source-editor-dialog .modal-footer {
    text-align: right
}

.file-icon-color-0 {
    background-color: #fff;
    color: #6b6c7e
}

.file-icon-color-1 {
    background-color: #fff;
    color: #a7a9bc
}

.file-icon-color-2 {
    background-color: #fff;
    color: #50d2a0
}

.file-icon-color-3 {
    background-color: #fff;
    color: #af78ff
}

.file-icon-color-4 {
    background-color: #fff;
    color: #ffb46e
}

.file-icon-color-5 {
    background-color: #fff;
    color: #ff5f5f
}

.file-icon-color-6 {
    background-color: #fff;
    color: #4b9bff
}

.file-icon-color-7 {
    background-color: #fff;
    color: #272833
}

.lfr-item-viewer.uploading>div:not(.progress-container) {
    opacity: .3
}

.lfr-item-viewer.uploading>.progress-container {
    visibility: visible
}

.lfr-item-viewer .aspect-ratio a.item-preview {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
}

.lfr-item-viewer .image-viewer-base-image-list {
    padding-top: 35px
}

.lfr-item-viewer .item-preview:hover {
    cursor: pointer
}

.lfr-item-viewer .progress-container {
    background-color: #fff;
    right: 0;
    margin: 0 auto;
    padding: 20px 30px;
    position: absolute;
    left: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    width: 80%;
    z-index: 1000
}

.lfr-item-viewer .progress-container a {
    position: absolute;
    left: 30px
}

.lfr-item-viewer .progress-container .progress {
    margin-top: 10px
}

.lfr-item-viewer .search-info {
    background-color: #d3e8f1
}

.lfr-item-viewer .search-info .keywords {
    font-size: 1.4em;
    font-weight: 700
}

.lfr-item-viewer .search-info .change-search-folder {
    font-size: .8em;
    font-weight: 400
}

.lfr-item-viewer .upload-view {
    display: table;
    height: 400px;
    margin-top: 20px;
    width: 100%
}

.lfr-item-viewer .upload-view>div {
    display: table-cell;
    vertical-align: middle
}

.lfr-item-viewer .yui3-widget-bd {
    position: relative
}

.lfr-menu-expanded li a:focus {
    background-color: #5b677d;
    color: #fff;
    text-shadow: -1px -1px #2c2f34
}

.lfr-url-error {
    display: inline-block;
    white-space: normal;
    overflow-wrap: break-all;
    word-wrap: break-all
}

.lfr-page-layouts {
    padding: 0
}

.lfr-page-layouts input[type=radio] {
    opacity: 0;
    position: absolute
}

.lfr-page-layouts input[type=radio]:checked+.card-horizontal {
    cursor: default
}

.lfr-page-layouts input[type=radio]:checked+.card-horizontal::after {
    bottom: -.0625rem;
    content: "";
    right: -.0625rem;
    position: absolute;
    left: -.0625rem;
    -webkit-transition: height .15s ease-out;
    transition: height .15s ease-out
}

@media(prefers-reduced-motion:reduce) {
    .lfr-page-layouts input[type=radio]:checked+.card-horizontal::after {
        -webkit-transition: none;
        transition: none
    }
}

.lfr-page-layouts input[type=radio]:checked+.card-horizontal::after {
    -webkit-transition: none;
    transition: none
}

.lfr-page-layouts .card-horizontal {
    cursor: pointer;
    outline: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .lfr-page-layouts .card-horizontal {
        -webkit-transition: none;
        transition: none
    }
}

.lfr-page-layouts .card-horizontal {
    -webkit-transition: none;
    transition: none
}

.lfr-page-layouts .card-horizontal::after {
    border-radius: 0 0 .25rem .25rem;
    bottom: -.0625rem;
    content: "";
    height: 0;
    right: -.0625rem;
    position: absolute;
    left: -.0625rem;
    -webkit-transition: height .15s ease-out;
    transition: height .15s ease-out
}

@media(prefers-reduced-motion:reduce) {
    .lfr-page-layouts .card-horizontal::after {
        -webkit-transition: none;
        transition: none
    }
}

.lfr-page-layouts .card-horizontal::after {
    -webkit-transition: none;
    transition: none
}

.modal-body.dialog-iframe-bd {
    overflow: hidden;
    padding: 0
}

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
    position: relative
}

.modal-dialog.dialog-iframe-modal {
    max-width: none
}

.modal-dialog.modal-dialog-sm {
    max-width: 500px
}

.modal-dialog .yui3-resize-handles-wrapper {
    pointer-events: all
}

.modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
    bottom: 0;
    left: 2px
}

.modal-open .modal {
    display: block
}

.sheet>.panel-group .sheet-footer {
    margin-bottom: 0
}

.sheet-footer .btn {
    margin-left: .5rem
}

.sheet-footer .btn:last-child {
    margin-left: 0
}

.tag-items {
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0 1em .5em;
    white-space: normal
}

.tag-items li {
    display: inline-block;
    margin: 0 0 0 1em;
    max-width: 100%
}

.tag-selected {
    color: #000;
    font-weight: 700;
    text-decoration: none
}

.tag-cloud .tag-popularity-1 {
    font-size: 1em
}

.tag-cloud .tag-popularity-2 {
    font-size: 1.3em
}

.tag-cloud .tag-popularity-3 {
    font-size: 1.6em
}

.tag-cloud .tag-popularity-4 {
    font-size: 1.9em
}

.tag-cloud .tag-popularity-5 {
    font-size: 2.2em
}

.tag-cloud .tag-popularity-6 {
    font-size: 2.5em
}

.lfr-portal-tooltip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.lfr-portal-tooltip,.lfr-portal-tooltip a {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.tree-node .icon-check {
    padding-left: 2px
}

.tree-node .tree-node-checked .icon-check {
    padding-left: 0
}

.tree-node [class^=icon-] {
    margin-left: 5px
}

.tree-node .tree-node-checkbox-container {
    margin-left: 0
}

.tree-node .tree-node-selected .tree-label {
    background: 0
}

.tree-node-content .tree-hitarea {
    color: #999;
    font-size: 10px;
    padding-left: 6px
}

.tree-node-content .tree-label {
    margin-right: 3px
}

.tree-node-content .tree-node-hidden-hitarea {
    visibility: hidden
}

.tree-node-selected .tree-label {
    background-color: transparent
}

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
    pointer-events: none
}

.user-icon-color-0 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #6b6c7e
}

.user-icon-color-1 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #4a97f2
}

.user-icon-color-2 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #e87523
}

.user-icon-color-3 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #fb625b
}

.user-icon-color-4 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #4fa488
}

.user-icon-color-5 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #fe4fb5
}

.user-icon-color-6 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #879b7a
}

.user-icon-color-7 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #af78ff
}

.user-icon-color-8 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #bf8c2a
}

.user-icon-color-9 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    box-shadow: 0 0 0 1px #dee2e6;
    color: #5f9bc7
}

.collapse.open {
    display: block
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3C/svg%3E");
    height: 1em;
    width: 1em
}

.navbar-nav .nav-item.hover:after {
    bottom: -.125rem;
    content: "";
    height: .125rem;
    right: 0;
    position: absolute;
    width: 100%
}

.navbar .navbar-toggler .c-inner {
    max-width: none
}

html:not(#__):not(#___) .cadmin.portlet-topper {
    position: relative
}

html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_right.png) no-repeat 0 50%;
    padding: 5px 18px 5px 5px
}

html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none
}

html:not(#__):not(#___) .cadmin .component-action.portlet-options {
    color: #fff
}

body.portlet {
    border-width: 0
}

.portlet-icon-back {
    margin-top: -2px
}

.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_right.png) no-repeat 0 50%;
    padding: 5px 18px 5px 5px
}

.portlet-options-dropdown {
    z-index: 1035
}

.portlet-topper {
    position: relative
}

.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none
}

.portlet-draggable .portlet-topper {
    cursor: move
}

.portlet-title-editable {
    cursor: pointer
}

.portlet-title-text {
    display: inline-block;
    margin-top: 0;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.panel-page-body .portlet-title-text,.panel-page-content .portlet-title-text {
    cursor: auto
}

.portlet-minimized .portlet-content {
    padding: 0
}

.portlet-nested-portlets .portlet-boundary {
    right: 0 !important;
    position: relative !important;
    top: 0 !important
}

.portlet-layout .portlet-header {
    margin-bottom: 1rem
}

@media(min-width: 576px) {
    .portlet .visible-interaction {
        display:none
    }
}

@media(max-width: 767.98px) {
    .controls-hidden .portlet .visible-interaction {
        display:none
    }
}

.portlet.focus .visible-interaction,.portlet.open .visible-interaction,.portlet:hover .visible-interaction {
    display: block
}

.controls-hidden .lfr-configurator-visibility,.controls-hidden .lfr-meta-actions {
    display: none
}

.controls-hidden .portlet-title-editable {
    pointer-events: none
}

.controls-hidden .portlet-topper {
    display: none !important
}

.controls-hidden .portlet-topper-toolbar {
    display: none !important
}

html:not(#__):not(#___) .cadmin.portlet-topper {
    background-color: #f7f7f7;
    border-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: rgba(0,0,0,.5);
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3px 24px 3px 12px;
    position: relative
}

html:not(#__):not(#___) .portlet>.cadmin.portlet-topper {
    display: none
}

@media(min-width: 768px) {
    html:not(#__):not(#___) .portlet>.cadmin.portlet-topper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        right: 0;
        opacity: 0;
        position: absolute;
        left: 0;
        -webkit-transition: opacity .25s,-webkit-transform .25s;
        transition: opacity .25s,-webkit-transform .25s;
        transition: opacity .25s,transform .25s;
        transition: opacity .25s,transform .25s,-webkit-transform .25s;
        top: 0
    }
}

@media(min-width: 768px) and (prefers-reduced-motion:reduce) {
    html:not(#__):not(#___) .portlet>.cadmin.portlet-topper {
        -webkit-transition:none;
        transition: none
    }
}

@media(min-width: 768px) {
    html:not(#__):not(#___) .portlet>.c-prefers-reduced-motion .cadmin.portlet-topper {
        -webkit-transition:none;
        transition: none
    }
}

html:not(#__):not(#___) .cadmin .portlet-actions {
    float: left
}

html:not(#__):not(#___) .cadmin .portlet-options {
    display: inline-block
}

html:not(#__):not(#___) .cadmin .portlet-title-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

html:not(#__):not(#___) .cadmin .portlet-title-menu>span>a {
    display: inline-block;
    text-decoration: none
}

html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
    margin: 0;
    padding-right: 0
}

html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu>a,html:not(#__):not(#___) .cadmin .portlet-topper-toolbar>a,html:not(#__):not(#___) .cadmin .portlet-topper-toolbar>span>a {
    color: rgba(0,0,0,.5)
}

html:not(#__):not(#___) .cadmin .portlet-topper-toolbar>a:focus,html:not(#__):not(#___) .cadmin .portlet-topper-toolbar>a:hover {
    text-decoration: none
}

html:not(#__):not(#___) .cadmin .portlet-name-text {
    font-size: 14px;
    font-weight: 600
}

html:not(#__):not(#___) .cadmin .portlet-title-default {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width: 576px) {
    html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper,html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper,html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper {
        opacity:.5
    }
}

@media(min-width: 768px) {
    html:not(#__):not(#___) .controls-visible .portlet.focus>.portlet-content-editable,html:not(#__):not(#___) .controls-visible .portlet.open>.portlet-content-editable,html:not(#__):not(#___) .controls-visible .portlet:hover>.portlet-content-editable {
        border-color:transparent;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

@media(min-width: 768px) {
    html:not(#__):not(#___) .controls-visible .portlet.focus>.cadmin.portlet-topper,html:not(#__):not(#___) .controls-visible .portlet.open>.cadmin.portlet-topper,html:not(#__):not(#___) .controls-visible .portlet:hover>.cadmin.portlet-topper {
        opacity:1;
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%)
    }
}

@media(min-width: 768px) {
    html:not(#__):not(#___) .controls-visible .portlet.open>.cadmin.portlet-topper {
        -webkit-transition-duration:0;
        transition-duration: 0
    }
}

@media(max-width: 767.98px) {
    html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
        display:box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
    display: block
}

.portlet {
    margin-bottom: 10px;
    position: relative
}

@media(min-width: 768px) {
    .controls-visible .portlet.focus>.portlet-content-editable,.controls-visible .portlet.open>.portlet-content-editable,.controls-visible .portlet:hover>.portlet-content-editable {
        border-color:transparent;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

@media(min-width: 768px) {
    .controls-visible .portlet.focus>.portlet-topper,.controls-visible .portlet.open>.portlet-topper,.controls-visible .portlet:hover>.portlet-topper {
        opacity:1;
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%)
    }
}

@media(min-width: 576px) {
    .lfr-configurator-visibility .portlet.focus .portlet-topper,.lfr-configurator-visibility .portlet.open .portlet-topper,.lfr-configurator-visibility .portlet:hover .portlet-topper {
        opacity:.5
    }
}

.portlet-content-editable {
    border-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 1px 1px 1px
}

.portlet>.portlet-content-editable {
    border-color: transparent
}

@media(max-width: 767.98px) {
    .controls-visible .portlet-content-editable {
        border-color:transparent;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

.portlet-name-text {
    font-size: .875rem;
    font-weight: 600
}

.portlet-options {
    display: inline-block
}

.portlet-title-default {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.portlet-title-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.portlet-title-menu>span>a {
    display: inline-block;
    text-decoration: none
}

.portlet-topper {
    background-color: #f7f7f7;
    border-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: rgba(0,0,0,.5);
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3px 24px 3px 12px;
    position: relative
}

.portlet>.portlet-topper {
    display: none
}

@media(min-width: 768px) {
    .portlet>.portlet-topper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        right: 0;
        opacity: 0;
        position: absolute;
        left: 0;
        -webkit-transition: opacity .25s,-webkit-transform .25s;
        transition: opacity .25s,-webkit-transform .25s;
        transition: opacity .25s,transform .25s;
        transition: opacity .25s,transform .25s,-webkit-transform .25s;
        top: 0
    }
}

@media(min-width: 768px) and (prefers-reduced-motion:reduce) {
    .portlet>.portlet-topper {
        -webkit-transition:none;
        transition: none
    }
}

@media(min-width: 768px) {
    .portlet>.portlet-topper {
        -webkit-transition:none;
        transition: none
    }
}

@media(max-width: 767.98px) {
    .controls-visible .portlet-topper {
        display:box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.portlet-topper-toolbar {
    margin: 0;
    padding-right: 0
}

.portlet-topper-toolbar .lfr-icon-menu>a,.portlet-topper-toolbar>a,.portlet-topper-toolbar>span>a {
    color: rgba(0,0,0,.5)
}

.portlet-topper-toolbar>a:focus,.portlet-topper-toolbar>a:hover {
    text-decoration: none
}

.controls-visible .portlet-topper-toolbar {
    display: block
}

.lfr-panel-page .portlet-title {
    font-size: 13px
}

.portlet-borderless .portlet-content {
    padding: 1rem
}

.portlet-decorate .portlet-content {
    background: #fff;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 1rem;
    word-wrap: break-word
}

.portlet-barebone .portlet-content {
    padding: 0
}

.portlet-dynamic-data-lists .lfr-ddm-field-group,.portlet-dynamic-data-lists-display .lfr-ddm-field-group {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 28px 24px
}

.breadcrumb.breadcrumb-vertical {
    display: inline-block;
    text-align: center
}

.breadcrumb.breadcrumb-vertical li {
    display: block
}

.breadcrumb.breadcrumb-vertical li.last,.breadcrumb.breadcrumb-vertical li.only {
    background: 0
}

.breadcrumb.breadcrumb-vertical .divider {
    background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    height: 10px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

.navbar form {
    margin: 0
}

:not(.inline-item)>.loading-animation {
    margin-bottom: 20px;
    margin-top: 20px
}

.product-menu .loading-animation {
    margin-top: 160px
}

@-webkit-keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #ddd
    }

    50% {
        background-color: #ddedde;
        border-color: #7d7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        background-color: #ddedde;
        border-color: #7d7
    }

    100% {
        background-color: #ebebeb;
        border-color: #ddd
    }
}

@keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #ddd
    }

    50% {
        background-color: #ddedde;
        border-color: #7d7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        background-color: #ddedde;
        border-color: #7d7
    }

    100% {
        background-color: #ebebeb;
        border-color: #ddd
    }
}

.lfr-upload-container .progress,.lfr-upload-container .progress-bar {
    border-radius: 10px
}

.lfr-upload-container .upload-file,.lfr-upload-container .upload-target {
    border-radius: 5px
}

.upload-drop-active .lfr-upload-container .upload-target {
    -webkit-animation: none;
    animation: none
}

.upload-drop-intent .lfr-upload-container .upload-target {
    -webkit-animation: lfr-drop-active 1s ease .2s infinite;
    animation: lfr-drop-active 1s ease .2s infinite
}

.select-files {
    border-radius: 5px
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group {
    -webkit-box-shadow: none;
    box-shadow: none
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label:focus .number,.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label:hover .number {
    -webkit-box-shadow: 0 0 5px 0 #333;
    box-shadow: 0 0 5px 0 #333;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow,-webkit-box-shadow;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label .number {
    border-radius: 50%
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.lfr-progress-active .progress-bar-status,.lfr-upload-container .file-uploading .progress-bar .progress {
    -webkit-animation: progress-bar-stripes .5s linear infinite;
    animation: progress-bar-stripes .5s linear infinite;
    background-image: linear-gradient(-45deg,rgba(255,255,255,.3) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
    background-size: 40px 40px;
    -webkit-transition: width,.5s,ease-out;
    transition: width,.5s,ease-out
}

@media(prefers-reduced-motion:reduce) {
    .lfr-progress-active .progress-bar-status,.lfr-upload-container .file-uploading .progress-bar .progress {
        -webkit-transition: none;
        transition: none
    }
}

.c-prefers-reduced-motion .lfr-progress-active .progress-bar-status,.c-prefers-reduced-motion .lfr-upload-container .file-uploading .progress-bar .progress {
    -webkit-transition: none;
    transition: none
}

@-webkit-keyframes highlight-animation {
    from {
        background-color: #ffc
    }

    to {
        background-color: transparent
    }
}

@keyframes highlight-animation {
    from {
        background-color: #ffc
    }

    to {
        background-color: transparent
    }
}

.highlight-animation {
    -webkit-animation: highlight-animation .7s;
    animation: highlight-animation .7s
}

.portlet-options.btn-group .dropdown-toggle,.portlet-options.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.form-inline.input-boolean-wrapper label,.form-group.form-inline.input-checkbox-wrapper label {
    gap: .3125rem
}

@font-face {
    font-family: NunitoSans-Regular;
    src: url("./fonts/nunitosans-regular-webfont.woff") format("woff"),url("./fonts/nunitosans-regular-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NunitoSans-SemiBold;
    src: url("./fonts/nunitosans-semibold-webfont.woff") format("woff"),url("./fonts/nunitosans-semibold-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NunitoSans-bold;
    src: url("./fonts/nunitosans-bold-webfont.woff") format("woff"),url("./fonts/nunitosans-bold-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NunitoSans-Black;
    src: url("./fonts/NunitoSans-ExtraBold.woff") format("woff"),url("./fonts/NunitoSans-ExtraBold.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nunitosans-bold;
    src: url("./fonts/nunitosans-bold-webfont.woff") format("woff"),url("./fonts/nunitosans-bold-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NunitoSans-Bold;
    src: url("./fonts/nunitosans-bold-webfont.woff") format("woff"),url("./fonts/nunitosans-bold-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nunitosans-bold;
    src: url("./fonts/nunitosans-bold-webfont.woff") format("woff"),url("./fonts/nunitosans-bold-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: QTZain-Reguar;
    src: url("./fonts/qtzain_reguar_final-webfont.woff") format("woff"),url("./fonts/qtzain_reguar_final-webfont.woff2") format("woff2");
    font-style: normal
}

@font-face {
    font-family: QTZain-Bold;
    src: url("./fonts/qtzain_bold_final-webfont.woff") format("woff"),url("./fonts/qtzain_bold_final-webfont.woff2") format("woff2");
    font-style: normal
}

@font-face {
    font-family: qt_zaintext_bold_pcbold;
    src: url("./fonts/qtzain_bold_final-webfont.woff2") format("woff2"),url("./fonts/qtzain_bold_final-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: qt_zaintextregular;
    src: url("./fonts/qtzain_reguar_final-webfont.woff2") format("woff2"),url("./fonts/qtzain_reguar_final-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: qt_zaintext_bold_pcbold;
    src: url("./fonts/qtzaintextboldpc-bold-webfont.woff2") format("woff2"),url("./fonts/qtzaintextboldpc-bold-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ZainAR;
    src: url("./fonts/ZainAR.woff2") format("woff2"),url("./fonts/ZainAR.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

.portlet-cp-search-results .taglib-page-iterator,.zain-wishlist-page .taglib-page-iterator {
    margin: 30px 0
}

.portlet-cp-search-results .taglib-page-iterator .lfr-pagination-config,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-config {
    display: none
}

.portlet-cp-search-results .taglib-page-iterator .search-results,.zain-wishlist-page .taglib-page-iterator .search-results {
    color: #d12b8a
}

.portlet-cp-search-results .taglib-page-iterator .lfr-pagination-buttons li.first,.portlet-cp-search-results .taglib-page-iterator .lfr-pagination-buttons li.last,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-buttons li.first,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-buttons li.last {
    display: none
}

.portlet-cp-search-results .taglib-page-iterator .lfr-pagination-buttons a,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-buttons a {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: transparent;
    text-transform: uppercase;
    border: 2px solid #d12b8a;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 700;
    color: #d12b8a
}

.portlet-cp-search-results .taglib-page-iterator .lfr-pagination-buttons a:hover,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-buttons a:hover {
    background: #d12b8a;
    border-color: #d12b8a;
    color: #fff
}

@media(max-width: 1199px) {
    .portlet-cp-search-results .taglib-page-iterator .search-results,.zain-wishlist-page .taglib-page-iterator .search-results {
        display:none
    }

    .portlet-cp-search-results .taglib-page-iterator .lfr-pagination-buttons,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
        float: none
    }

    .portlet-cp-search-results .taglib-page-iterator .lfr-pagination-buttons>li,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-buttons>li {
        width: auto;
        margin: 0 10px
    }

    .portlet-cp-search-results .taglib-page-iterator .lfr-pagination-buttons a,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-buttons a {
        min-width: 130px;
        padding: 5px 0;
        line-height: 35px;
        min-height: 35px
    }
}

@media(max-width: 979px) {
    .portlet-cp-search-results .taglib-page-iterator .lfr-pagination-buttons a,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-buttons a {
        font-family:NunitoSans-SemiBold,sans-serif;
        font-size: 14px
    }
}

@media(max-width: 767px) {
    .portlet-cp-search-results .taglib-page-iterator .lfr-pagination-buttons a,.zain-wishlist-page .taglib-page-iterator .lfr-pagination-buttons a {
        padding:2px 0;
        background: #d12b8a;
        color: #fff;
        border-color: #d12b8a
    }
}

.section-wrapper .product-detail-header .threshold.alert,.zain-cart-summary-checkout-step .alert {
    font-size: 14px;
    font-weight: 700;
    padding: 1rem 3.5rem 1rem 3rem;
    text-align: right;
    line-height: 26px;
    font-family: NunitoSans-Regular
}

.section-wrapper .product-detail-header .threshold.alert .lead,.zain-cart-summary-checkout-step .alert .lead {
    font-size: 14px;
    font-weight: 700;
    margin-right: 0
}

.section-wrapper .product-detail-header .threshold.alert .alert-indicator,.zain-cart-summary-checkout-step .alert .alert-indicator {
    display: none
}

.section-wrapper .product-detail-header .alert-danger.threshold.alert,.zain-cart-summary-checkout-step .alert-danger.alert {
    background: #fdf2f8;
    border-color: #fdf2f8;
    color: red;
    background: #fdf2f8 url("/o/zain-theme/images/icon-cross.svg") no-repeat scroll 10px 50%
}

.section-wrapper .product-detail-header .alert-success.threshold.alert,.zain-cart-summary-checkout-step .alert-success.alert {
    background-color: #e8f8f9;
    border-color: #e8f8f9;
    color: #23b7c0;
    background: #e8f8f9 url("/o/zain-theme/images/icon-tick.svg") no-repeat scroll 10px 50%
}

.section-wrapper .product-detail-header .threshold.alert button.close,.zain-cart-summary-checkout-step .alert button.close {
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    color: #000;
    width: 39px;
    height: 39px;
    left: 1rem;
    display: none
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input,.plan-newlines .payment-radios .custom-radio input {
    display: none
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio label,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label,.plan-newlines .payment-radios .custom-radio label {
    margin-right: 0;
    padding-right: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 767px) and (min-width:280px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio label,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label,.plan-newlines .payment-radios .custom-radio label {
        padding-right:35px
    }
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input+label,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input+label,.plan-newlines .payment-radios .custom-radio input+label {
    position: relative;
    cursor: pointer
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input+label::before,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input+label::before,.plan-newlines .payment-radios .custom-radio input+label::before {
    content: "";
    position: absolute;
    height: 28px;
    width: 28px;
    right: 0;
    background: #d12b8a;
    opacity: .1;
    border-radius: 50%;
    margin-top: 6px
}

@media(max-width: 767px) and (min-width:280px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input+label::before,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input+label::before,.plan-newlines .payment-radios .custom-radio input+label::before {
        height:25px;
        width: 25px
    }
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input:checked+label::before,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input:checked+label::before,.plan-newlines .payment-radios .custom-radio input:checked+label::before {
    background: #d12b8a;
    border: 2px solid #d12b8a
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input:checked+label::after,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input:checked+label::after,.plan-newlines .payment-radios .custom-radio input:checked+label::after {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    background: #d12b8a;
    border-radius: 50%;
    top: 8px;
    right: 8px;
    border: 0;
    margin-top: 6px
}

@media(max-width: 767px) and (min-width:280px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input:checked+label::after,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input:checked+label::after,.plan-newlines .payment-radios .custom-radio input:checked+label::after {
        height:11px;
        width: 11px
    }
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input+label::before,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input+label::before,.plan-newlines .payment-radios .custom-radio input+label::before {
    right: 40px
}

@media screen and (max-width: 767px) and (min-width:280px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input+label::before,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input+label::before,.plan-newlines .payment-radios .custom-radio input+label::before {
        right:0
    }
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input:checked+label::after,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input:checked+label::after,.plan-newlines .payment-radios .custom-radio input:checked+label::after {
    right: 48px
}

@media screen and (max-width: 767px) and (min-width:280px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio input:checked+label::after,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input:checked+label::after,.plan-newlines .payment-radios .custom-radio input:checked+label::after {
        right:8px
    }
}

.delivery-tabs .product-thumbnail .hover-label,.products-grid-item .product-image .hover-label {
    position: absolute;
    width: 50px;
    top: 30px;
    left: 10px;
    text-align: right
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-tabs .product-thumbnail .hover-label,.products-grid-item .product-image .hover-label {
        left:5px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .delivery-tabs .product-thumbnail .hover-label,.products-grid-item .product-image .hover-label {
        top:30px;
        left: 10px
    }
}

.delivery-tabs .product-thumbnail .hover-label>span,.products-grid-item .product-image .hover-label>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    color: #fff;
    cursor: pointer
}

.delivery-tabs .product-thumbnail .hover-label>span .icon i,.products-grid-item .product-image .hover-label>span .icon i {
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 16px
}

@media(min-width: 460px) {
    .delivery-tabs .product-thumbnail .hover-label>span .icon i,.products-grid-item .product-image .hover-label>span .icon i {
        font-size:14px
    }
}

@media(min-width: 768px) {
    .delivery-tabs .product-thumbnail .hover-label>span .icon i,.products-grid-item .product-image .hover-label>span .icon i {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .delivery-tabs .product-thumbnail .hover-label>span .icon i,.products-grid-item .product-image .hover-label>span .icon i {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .delivery-tabs .product-thumbnail .hover-label>span .icon i,.products-grid-item .product-image .hover-label>span .icon i {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .delivery-tabs .product-thumbnail .hover-label>span .icon i,.products-grid-item .product-image .hover-label>span .icon i {
        font-size:22px
    }
}

.delivery-tabs .product-thumbnail .hover-label>span.comp .expandable-text,.products-grid-item .product-image .hover-label>span.comp .expandable-text {
    background: rgba(114,114,114,.7)
}

.delivery-tabs .product-thumbnail .hover-label>span.comp .icon,.products-grid-item .product-image .hover-label>span.comp .icon {
    border: 1px solid #727272;
    background: #fff;
    color: #727272
}

.delivery-tabs .product-thumbnail .hover-label>span.comp .icon.delete,.products-grid-item .product-image .hover-label>span.comp .icon.delete {
    border: 0;
    background: #e3e3e3;
    color: #fff
}

.delivery-tabs .product-thumbnail .hover-label>span.fav .icon,.products-grid-item .product-image .hover-label>span.fav .icon {
    background: #e3e3e3
}

.delivery-tabs .product-thumbnail .hover-label .icon,.products-grid-item .product-image .hover-label .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    width: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1
}

.delivery-tabs .product-thumbnail .hover-label .icon a,.products-grid-item .product-image .hover-label .icon a {
    color: #fff
}

@media(max-width: 1919px) and (min-width:1440px) {
    .delivery-tabs .product-thumbnail .hover-label .icon,.products-grid-item .product-image .hover-label .icon {
        height:42px;
        width: 42px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-tabs .product-thumbnail .hover-label .icon,.products-grid-item .product-image .hover-label .icon {
        height:38px;
        width: 38px
    }
}

.delivery-tabs .product-thumbnail .hover-label .expandable-text,.products-grid-item .product-image .hover-label .expandable-text {
    position: absolute;
    left: 8px;
    white-space: nowrap;
    padding: 11px 20px;
    border-radius: 30px;
    min-width: auto;
    width: 0;
    z-index: 0;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 12px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

@media(min-width: 1600px) {
    .delivery-tabs .product-thumbnail .hover-label .expandable-text,.products-grid-item .product-image .hover-label .expandable-text {
        font-size:14px
    }
}

@media(max-width: 1439px) {
    .delivery-tabs .product-thumbnail .hover-label .expandable-text,.products-grid-item .product-image .hover-label .expandable-text {
        top:1px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .delivery-tabs .product-thumbnail .hover-label .expandable-text,.products-grid-item .product-image .hover-label .expandable-text {
        left:11px;
        padding: 7px 18px;
        top: 2px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-tabs .product-thumbnail .hover-label .expandable-text,.products-grid-item .product-image .hover-label .expandable-text {
        left:13px;
        padding: 8px 18px
    }
}

ul {
    padding: 0;
    margin: 0
}

ul li {
    list-style: none
}

footer.main-footer {
    font-family: NunitoSans-SemiBold,sans-serif;
    background: url(/o/zain-theme/images/Footer.png) no-repeat;
    background-size: cover;
    padding-top: 55px;
    padding-bottom: 40px;
    background-position: center
}

footer.main-footer .footer-content {
    margin-bottom: 50px
}

footer.main-footer .footer-content a {
    padding: 0
}

footer.main-footer .footer-content .footer-title,footer.main-footer .footer-content .footer-title-nochild {
    color: #fff;
    margin-bottom: 30px;
    font-size: 18px;
    letter-spacing: .4px;
    line-height: 1.6
}

footer.main-footer .footer-content .footer-title a,footer.main-footer .footer-content .footer-title-nochild a {
    color: #fff;
    margin-bottom: 30px;
    text-decoration: none
}

footer.main-footer .footer-content .footer-title i,footer.main-footer .footer-content .footer-title-nochild i {
    display: none
}

footer.main-footer .footer-content .footer-title i.icon-user-4,footer.main-footer .footer-content .footer-title-nochild i.icon-user-4 {
    display: inline-block;
    margin-left: 3px
}

footer.main-footer .footer-content .footer-links {
    margin-bottom: 50px
}

footer.main-footer .footer-content .footer-links li a {
    color: #fff;
    line-height: 2.7;
    font-size: 14px;
    text-transform: capitalize
}

footer.main-footer .footer-content .socialmedia li {
    display: inline
}

footer.main-footer .footer-content .socialmedia li a {
    font-size: 28px;
    line-height: 0;
    margin-left: 36px
}

footer.main-footer .footer-content .socialmedia li a:hover {
    color: #d12b8a;
    text-decoration: none
}

footer.main-footer .footer-content .user .cl-pc-3 {
    color: #23b7c0
}

footer.main-footer .footer-content .category-navigation .footer-links li a {
    text-transform: none
}

footer.main-footer .footer-seprator {
    border-top: 1px solid #727272;
    opacity: .4
}

footer.main-footer .order-track {
    margin-top: 50px
}

footer.main-footer .order-track .form-group {
    position: relative;
    width: 100%
}

footer.main-footer .order-track .form-group .form-control {
    background-color: rgba(255,255,255,.4);
    color: #fff;
    padding-left: 64px;
    border-color: transparent;
    min-height: 46px
}

footer.main-footer .order-track .form-group .form-control::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px
}

footer.main-footer .order-track .form-group .form-control::-moz-placeholder {
    color: #fff;
    font-size: 14px
}

footer.main-footer .order-track .form-group .form-control:-ms-input-placeholder {
    color: #fff;
    font-size: 14px
}

footer.main-footer .order-track .form-group .form-control::-ms-input-placeholder {
    color: #fff;
    font-size: 14px
}

footer.main-footer .order-track .form-group .form-control::placeholder {
    color: #fff;
    font-size: 14px
}

footer.main-footer .order-track .form-group .addon {
    position: absolute;
    border: 0;
    background: 0;
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
    padding: 14px 24px;
    bottom: 0
}

footer.main-footer .order-track .form-group .addon i {
    display: block;
    margin-top: 0
}

footer.main-footer .copyright_sect {
    margin-top: 44px;
    margin-right: 147px
}

footer.main-footer .copyright_sect .site-logo img {
    height: 42px
}

footer.main-footer .copyright_sect .footer-links {
    top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-weight: 400;
    font-family: NunitoSans-Regular
}

footer.main-footer .copyright_sect .footer-links li {
    color: #fff;
    margin-right: 42px;
    font-size: 14px
}

footer.main-footer .copyright_sect .footer-links li a {
    text-transform: uppercase;
    color: #fff
}

footer.main-footer .copyright_sect .policy-condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer.main-footer .order-track div#myAlert {
    color: #fff;
    border: 0;
    border-color: transparent;
    background-color: transparent;
    padding-right: 42px;
    padding-top: 0
}

footer.main-footer .order-track div#myAlert button.close {
    width: 30px;
    border-radius: 50%;
    right: 3px;
    color: #fff;
    font-size: 28px;
    top: auto
}

footer.main-footer.checkout-footer {
    background: #f8f8f8 !important;
    padding-top: 55px;
    padding-bottom: 40px
}

footer.main-footer.checkout-footer .disclaimer_footer {
    margin-top: 27px
}

footer.main-footer.checkout-footer .disclaimer_footer p {
    margin-left: 5px;
    font-family: NunitoSans-Regular;
    line-height: 24px;
    color: #6f6f6f;
    font-size: 14px
}

@media(max-width: 767px) {
    footer.main-footer.checkout-footer .disclaimer_footer p {
        margin-bottom:8px !important
    }
}

footer.main-footer.checkout-footer .disclaimer_footer a {
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
    text-decoration: underline !important;
    margin-left: 13px;
    -webkit-transition: 250ms all ease-in;
    transition: 250ms all ease-in;
    font-family: NunitoSans-Regular
}

footer.main-footer.checkout-footer .disclaimer_footer a:hover {
    text-decoration: none !important
}

@media(max-width: 767px) {
    footer.main-footer.checkout-footer .disclaimer_footer {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: right
    }
}

footer.main-footer.checkout-footer .footer_zain_new img.logo {
    max-width: 120px
}

footer.main-footer.checkout-footer .footer_zain_new .footer_new .social-links ul {
    gap: 30px
}

footer.main-footer.checkout-footer .footer_zain_new .footer_new .social-links ul img {
    max-width: 18px
}

@media(max-width: 767px) {
    footer.main-footer.checkout-footer .footer_zain_new .footer_new .social-links ul {
        gap:20px
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    footer.main-footer.checkout-footer .container {
        padding-left:8px;
        padding-right: 8px;
        max-width: 820px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    footer.main-footer.checkout-footer .container {
        padding:0
    }
}

@media(max-width: 767px) {
    footer.main-footer.checkout-footer .container {
        padding-left:15px;
        padding-right: 15px;
        max-width: 100%
    }
}

@media(max-width: 1199px) {
    footer.main-footer {
        padding-top:20px;
        padding-bottom: 26px
    }

    footer.main-footer .copyright_sect {
        text-align: center;
        margin-right: auto
    }

    footer.main-footer .copyright_sect .site-logo img {
        height: 32px
    }

    footer.main-footer .copyright_sect .footer-links {
        height: auto;
        border: 0;
        font-size: 11px;
        margin-top: 38px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    footer.main-footer .copyright_sect .footer-links li {
        margin-right: 20px;
        margin-left: 20px
    }

    footer.main-footer .copyright_sect .policy-condition {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    footer.main-footer .copyright_sect li.copy {
        margin-top: 32px
    }

    footer.main-footer .footer-content .footer-links {
        height: 0;
        overflow: hidden;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(114,114,114,.4);
        margin-bottom: 20px
    }

    footer.main-footer .footer-content .footer-links li {
        text-align: center
    }

    footer.main-footer .footer-title-nochild {
        border-bottom: 1px solid rgba(114,114,114,.4);
        padding-bottom: 20px
    }

    footer.main-footer .footer-links.open {
        height: auto;
        overflow: visible;
        padding-bottom: 20px
    }

    footer.main-footer .footer-links.open li {
        border-top: none !important
    }

    footer.main-footer .footer-content {
        margin-bottom: 25px
    }

    footer.main-footer .footer-content .footer-title,footer.main-footer .footer-content .footer-title-nochild {
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 20px
    }

    footer.main-footer .footer-content .footer-title a,footer.main-footer .footer-content .footer-title-nochild a {
        font-size: 20px;
        margin-bottom: 0
    }

    footer.main-footer .footer-content .footer-title .icon-add-1,footer.main-footer .footer-content .footer-title-nochild .icon-add-1 {
        display: inline-block;
        margin-left: 12px;
        font-size: 13px;
        position: relative;
        top: 7px
    }

    footer.main-footer .footer-content .footer-title i,footer.main-footer .footer-content .footer-title-nochild i {
        display: block
    }

    footer.main-footer .footer-title.connect {
        display: none
    }

    footer.main-footer .footer-title.connect+.footer-links {
        height: auto;
        text-align: center
    }

    footer.main-footer .footer-content .footer-links.user {
        height: auto;
        border-bottom: 0;
        margin-bottom: 31px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    footer.main-footer .footer-content .footer-links.user li:first-child {
        margin-left: 7px
    }

    footer.main-footer .footer-content .footer-links.user li a {
        border: 1px solid #23b7c0;
        color: #23b7c0;
        border-radius: 8px;
        min-width: 124px;
        display: inline-block
    }

    footer.main-footer .order-track {
        margin-top: 30px
    }

    footer.main-footer .user-heading .icon-user-4.mr-1 {
        margin-left: 8px !important
    }

    footer.main-footer #my-zain-div li.footer-title.user-heading {
        display: block
    }

    footer.main-footer .footer-title.connect+.footer-links {
        padding: 37px
    }

    footer.main-footer ul.socialmedia li:last-child a {
        margin-left: 0
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    footer.main-footer .copyright_sect li.copy {
        font-size:11px
    }
}

@media(max-width: 767px) {
    footer.main-footer .copyright_sect .footer-links li {
        margin-right:10px;
        margin-left: 10px
    }

    footer.main-footer .footer-content .order-track li.footer-title.track {
        margin-bottom: 5px
    }

    footer.main-footer .footer-content .order-track .form-group {
        margin-bottom: 0
    }

    footer.main-footer .footer-content #my-zain-div {
        margin-top: 30px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    footer.main-footer .footer-content .footer-links.user {
        margin-bottom:39px
    }

    footer.main-footer .footer-title.connect+.footer-links {
        margin-bottom: 40px
    }
}

@media(max-width: 1199px) and (min-width:767px) {
    footer.main-footer .order-track div#myAlert .yui3-widget-bd {
        padding-top:7px
    }
}

@media(max-width: 767px) {
    footer.main-footer .order-track div#myAlert {
        padding-top:12px;
        padding-left: 0
    }

    footer.main-footer .order-track div#myAlert .yui3-widget-bd {
        padding-top: 7px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] footer.main-footer .order-track div#myAlert .yui3-widget-bd {
        padding-top:7px
    }
}

@media(max-width: 1199px) and (min-width:767px) {
    footer.main-footer .order-track div#myAlert .yui3-widget-bd {
        padding-top:7px
    }
}

@media(max-width: 767px) {
    footer.main-footer .order-track div#myAlert {
        padding-top:12px;
        padding-left: 0
    }

    footer.main-footer .order-track div#myAlert .yui3-widget-bd {
        padding-top: 7px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] footer.main-footer .order-track div#myAlert .yui3-widget-bd {
        padding-top:7px
    }
}

@media(min-width: 1440px) {
    footer.main-footer .footer-content .footer-title,footer.main-footer .footer-content .footer-title-nochild {
        margin-bottom:22px;
        font-size: 20px
    }

    footer.main-footer .footer-content .footer-title a,footer.main-footer .footer-content .footer-title-nochild a {
        font-size: 20px
    }

    footer.main-footer .footer-content .footer-links li a {
        font-size: 14px;
        font-family: NunitoSans-Regular
    }
}

@media(min-width: 1600px) {
    footer.main-footer .container {
        max-width:1470px;
        padding-left: 8px;
        padding-right: 8px
    }

    footer.main-footer .copyright_sect {
        margin-right: auto
    }

    footer.main-footer .copyright_sect .footer-links li {
        font-size: 17px
    }

    footer.main-footer .footer-content .footer-title,footer.main-footer .footer-content .footer-title-nochild {
        font-size: 24px
    }

    footer.main-footer .footer-content .footer-title a,footer.main-footer .footer-content .footer-title-nochild a {
        font-size: 24px
    }

    footer.main-footer .footer-content .footer-links li a {
        font-size: 17px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    footer.main-footer .copyright_sect .site-logo img {
        height:40px
    }

    footer.main-footer .footer-content .footer-links {
        margin-bottom: 34px
    }

    footer.main-footer .footer-content .footer-links li a {
        line-height: 2.4
    }

    footer.main-footer .footer-content .footer-links li a.c-sociallink {
        font-size: 28px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    footer.main-footer .copyright_sect .site-logo img {
        height:36px
    }
}

@media(max-width: 1199px) {
    #track-order-border {
        display:none
    }
}

.footer-sticky {
    position: fixed;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 100
}

.footer__bg {
    background: #000;
    opacity: .9;
    border-top: 2px solid #d12b8a;
    padding: 10px 0
}

.footer__bg .content-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__bg .content-part .description-text {
    padding: 0 0 0 70px
}

@media(max-width: 874px) {
    .footer__bg .content-part .description-text {
        padding:0;
        text-align: center
    }
}

.footer__bg .content-part .description-text p {
    color: #fff;
    padding: 0 20px;
    font-family: NunitoSans-Regular;
    margin: 0
}

@media(max-width: 904px) {
    .footer__bg .content-part .button-part {
        text-align:center;
        margin-top: 15px
    }
}

.footer__bg .content-part a.btn.btn-pc-3 {
    padding: 10px 20px
}

@media(min-width: 280px) {
    .footer__bg .content-part a.btn.btn-pc-3 {
        min-width:69px
    }
}

@media(min-width: 1920px) {
    .footer__bg .content-part a.btn.btn-pc-3 {
        min-width:73px
    }
}

.footer__bg .content-part a.btn.btn-pc-2 {
    border: 1px solid #d12b8a;
    padding: 10px 20px;
    margin-right: 8px
}

@media(min-width: 280px) {
    .footer__bg .content-part a.btn.btn-pc-2 {
        min-width:69px
    }
}

@media(min-width: 1920px) {
    .footer__bg .content-part a.btn.btn-pc-2 {
        min-width:73px
    }
}

@media(max-width: 904px) {
    .footer__bg .content-part {
        display:-ms-grid;
        display: grid
    }
}

@media(max-width: 1199px) {
    .footer-seprator.hide-tracking-border {
        display:none
    }

    .section-wrapper .container.cart-summary-btns .button-holder {
        margin-bottom: 30px !important
    }
}

html[dir=rtl] footer.main-footer.checkout-footer .disclaimer_footer a,html[dir=rtl] footer.main-footer.checkout-footer .disclaimer_footer p {
    font-family: qt_zaintextregular
}

.mr20 {
    margin-left: 20px
}

.mr45 {
    margin-left: 45px
}

.mb50 {
    margin-bottom: 50px
}

.pl4 {
    padding-right: 4px
}

.pr4 {
    padding-left: 4px
}

.pl8 {
    padding-right: 8px
}

.pr8 {
    padding-left: 8px
}

.col-6-3-align {
    padding-left: 8px;
    padding-right: 8px
}

.ml15 {
    margin-right: 15px !important
}

.bb-0 {
    border-bottom: 0 !important
}

@font-face {
    font-family: icomoon;
    src: url("../svg/icomoon.eot?jjj0w7");
    src: url("../svg/icomoon.eot?jjj0w7#iefix") format("embedded-opentype"),url("../svg/icomoon.ttf?jjj0w7") format("truetype"),url("../svg/icomoon.woff?jjj0w7") format("woff"),url("../svg/icomoon.svg?jjj0w7#icomoon") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: icomoon2;
    src: url("../svg/icons/icomoon.eot?d03t1t");
    src: url("../svg/icons/icomoon.eot?d03t1t#iefix") format("embedded-opentype"),url("../svg/icons/icomoon.ttf?d03t1t") format("truetype"),url("../svg/icons/icomoon.woff?d03t1t") format("woff"),url("../svg/icons/icomoon.svg?d03t1t#icomoon") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}



.icon-cancel-1:before {
    content: "\e919"
}

.icon-gift-1:before {
    content: "\e91a"
}

.icon-hourglass:before {
    content: "\e91b"
}

.icon-Location:before {
    content: "\e91c"
}

.icon-shopping-cart-2:before {
    content: "\e91d"
}

.icon-exclamatory:before {
    content: "\e917"
}

.icon-delete:before {
    content: "\e918"
}

.icon-empty-shopping-card:before {
    content: "\e916"
}

.icon-cart-with-plus:before {
    content: "\e914"
}

.icon-percentage-black:before {
    content: "\e915"
}

.icon-hamburger:before {
    content: "\e913"
}

.icon-compare-black:before {
    content: "\e90f"
}

.icon-filter-mobie:before {
    content: "\e966"
}

.icon-credit-card:before {
    content: "\e959"
}

.icon-home-delivery:before {
    content: "\e95a"
}

.icon-internet:before {
    content: "\e95b"
}

.icon-rating-star:before {
    content: "\e95c"
}

.icon-store:before {
    content: "\e95d"
}

.icon-favorite-heart-button1:before {
    content: "\e958"
}

.icon-heart-feel-grey:before {
    content: "\e954"
}

.icon-angle-arrow-pointing-to-right:before {
    content: "\e93f"
}

.icon-home:before {
    content: "\e947"
}

.icon-offers:before {
    content: "\e94a"
}

.icon-right-arrow:before {
    content: "\e94b"
}

.icon-add-1:before {
    content: "\e900"
}

.icon-arrow-pointing-to-right:before {
    content: "\e901"
}

.icon-arrow-pointing-to-right-1:before {
    content: "\e902"
}

.icon-button:before {
    content: "\e903"
}

.icon-checklist:before {
    content: "\e904"
}

.icon-check-mark-button:before {
    content: "\e905"
}

.icon-checkout1:before {
    content: "\e906"
}

.icon-confirmation:before {
    content: "\e907"
}

.icon-delivery-truck-1:before {
    content: "\e908"
}

.icon-facebook:before {
    content: "\e909"
}

.icon-favorite-heart-button:before {
    content: "\e90a"
}

.icon-Group-1561:before {
    content: "\e90b"
}

.icon-Group-1564:before {
    content: "\e90c"
}

.icon-Group-1565:before {
    content: "\e90d"
}

.icon-Group-1566:before {
    content: "\e90e"
}

.icon-Group-1568:before {
    content: "\e910"
}

.icon-Group-1569:before {
    content: "\e911"
}

.icon-Group-1570:before {
    content: "\e912"
}

.icon-headphones-with-mic:before {
    content: "\e92c"
}

.icon-magnifying-glass:before {
    content: "\e92d"
}

.icon-mark-as-favorite-star:before {
    content: "\e92e"
}

.icon-minus:before {
    content: "\e92f"
}

.icon-Path-1105:before {
    content: "\e930"
}

.icon-phone-call:before {
    content: "\e931"
}

.icon-rating-1:before {
    content: "\e932"
}

.icon-save-money:before {
    content: "\e933"
}

.icon-smart-home:before {
    content: "\e934"
}

.icon-smartphone:before {
    content: "\e935"
}

.icon-sticker:before {
    content: "\e936"
}

.icon-twitter:before {
    content: "\e937" !important
}

.icon-user-4:before {
    content: "\e938"
}

.icon-arrow-double:before {
    content: "\e93e"
}

.icon-add-2:before {
    content: "\e921"
}

.icon-date:before {
    content: "\e941"
}

.icon-noun-sim-card-2:before {
    content: "\e92b"
}

.portlet {
    margin: 0;
    position: relative
}

.portlet-boundary+.portlet-boundary:not(.portlet-borderless) {
    margin-top: 20px
}

.portlet:not(:hover):not(.open) .portlet-title-default,.portlet:not(:hover):not(.open) .portlet-topper-toolbar-wrapper:has(>.lfr-tooltip-scope>.dropdown>.portlet-topper-toolbar>a[aria-expanded=false],>.portlet-topper-toolbar>.lfr-tooltip-scope>.dropdown>button[aria-expanded=false]) {
    display: none
}

.portlet:not(:hover) .portlet-topper {
    -webkit-transition: none;
    transition: none
}

@media only screen and (min-width: 768px) {
    .portlet.focus>.portlet-topper,.portlet.open>.portlet-topper,.portlet:hover>.portlet-topper {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        background: #b0cbff;
        border: 0;
        border-radius: 0 0 8px 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        right: calc(50% - 40px);
        opacity: 1;
        padding: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
        width: 80px;
        z-index: 10
    }
}

.portlet-boundary:not(.portlet-draggable) .portlet-topper {
    display: none
}

@media only screen and (min-width: 768px) {
    .portlet.focus>.portlet-content-editable,.portlet.open>.portlet-content-editable,.portlet:hover>.portlet-content-editable {
        border-radius:4px;
        -webkit-box-shadow: 0 0 4px 1px #b0cbff;
        box-shadow: 0 0 4px 1px #b0cbff
    }
}

.portlet-content-editable {
    border-radius: 8px;
    border-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 28px
}

.portlet-title-default {
    background: #b0cbff;
    border-radius: 8px 8px 0 0;
    bottom: 100%;
    color: #fff;
    font-size: 12px;
    right: 50%;
    line-height: 1.7;
    padding: 0 15px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1))
}

@media only screen and (max-width: 768px) {
    .portlet-title-default {
        display:none
    }
}

.portlet-topper-toolbar-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0b5fff;
    border-radius: 21px;
    bottom: 5px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    fill: white;
    height: 32px;
    margin: 0;
    padding: 7px;
    position: absolute;
    left: 5px;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: -webkit-transform ease .2s;
    transition: -webkit-transform ease .2s;
    transition: transform ease .2s;
    transition: transform ease .2s,-webkit-transform ease .2s;
    width: 64px;
    z-index: 10
}

@media(hover: hover) {
    .portlet:not(.open) .portlet-topper-toolbar-wrapper:not(:hover) {
        -webkit-transform:scale(.4);
        transform: scale(.4)
    }

    .portlet:not(.open) .portlet-topper-toolbar-wrapper:not(:hover) .portlet-topper-toolbar {
        opacity: 0;
        pointer-events: none
    }
}

.portlet-topper {
    display: none;
    position: absolute
}

.portlet-topper-toolbar {
    margin: 0;
    padding: 0
}

.portlet-topper-toolbar .dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portlet-topper-toolbar .dropdown>button.component-action {
    background-color: transparent !important;
    height: 13px !important;
    width: 16px !important
}

.portlet-topper-toolbar .dropdown span,.portlet-topper-toolbar .lfr-icon-menu>a,.portlet-topper-toolbar>div>a,.portlet-topper-toolbar>div>span>a {
    color: #fff !important
}

.portlet-borderless .portlet-title-text {
    display: none
}

.portlet-commerce-panel .portlet-content,.portlet-decorate .portlet-content {
    background: 0
}

.portlet-commerce-panel .portlet-title-text,.portlet-decorate .portlet-title-text {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    max-width: 100%;
    text-transform: uppercase
}

.portlet-layout .portlet-header {
    margin-bottom: 0
}

.portlet-header-tools {
    position: absolute;
    left: 5px;
    top: 5px
}

.portlet-content a,.portlet-content a:hover {
    text-decoration: none
}

.portlet-content h1,.portlet-content h2,.portlet-content h3,.portlet-content h4,.portlet-content h5,.portlet-content h6 {
    font-family: NunitoSans-Black;
    font-weight: unset
}

.portlet-content .fs-8 {
    font-size: 8px
}

.portlet-content .fs-10 {
    font-size: 10px
}

.portlet-content .fs-11 {
    font-size: 11px
}

.portlet-content .fs-12 {
    font-size: 12px
}

.portlet-content .fs-13 {
    font-size: 13px
}

.portlet-content .fs-14 {
    font-size: 14px
}

.portlet-content .fs-15 {
    font-size: 15px
}

.portlet-content .fs-16 {
    font-size: 16px !important
}

.portlet-content .fs-17 {
    font-size: 17px
}

.portlet-content .fs-18 {
    font-size: 18px;
    line-height: normal
}

.portlet-content .fs-19 {
    font-size: 19px
}

.portlet-content .fs-20 {
    font-size: 20px;
    line-height: normal
}

.portlet-content .fs-22 {
    font-size: 22px;
    line-height: normal
}

.portlet-content .fs-24 {
    font-size: 24px;
    line-height: normal
}

.portlet-content .fs-26 {
    font-size: 26px
}

.portlet-content .fs-28 {
    font-size: 28px;
    line-height: normal
}

.portlet-content .fs-30 {
    font-size: 30px
}

.portlet-content .fs-32 {
    font-size: 32px
}

.portlet-content .fs-34 {
    font-size: 34px
}

.portlet-content .fs-36 {
    font-size: 36px;
    line-height: normal
}

.portlet-content .fs-38 {
    font-size: 38px
}

.portlet-content .fs-40 {
    font-size: 40px
}

.portlet-content .fs-42 {
    font-size: 42px
}

.portlet-content .fs-44 {
    font-size: 44px
}

.portlet-content .fs-48 {
    font-size: 48px
}

.portlet-content .fs-56 {
    font-size: 56px
}

.portlet-content .fs-58 {
    font-size: 58px
}

.portlet-content .fs-80 {
    font-size: 80px
}

.portlet-content .fs-82 {
    font-size: 82px
}

.portlet-content .text-t-none {
    text-transform: none !important
}

.portlet-content .fw-100 {
    font-weight: 100
}

.portlet-content .fw-200 {
    font-weight: 200
}

.portlet-content .fw-300 {
    font-weight: 300
}

.portlet-content .fw-400 {
    font-weight: 400
}

.portlet-content .fw-500 {
    font-weight: 500
}

.portlet-content .fw-600 {
    font-weight: 600
}

.portlet-content .fw-700 {
    font-weight: 700
}

.portlet-content .fw-800 {
    font-weight: 800
}

.portlet-content .fw-900 {
    font-weight: 900
}

.portlet-content .section-half-line {
    position: relative
}

.portlet-content .section-half-line:before {
    content: "";
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 88.33%;
    border-top: 2px solid #d12b8a;
    position: absolute;
    right: 0;
    top: 0
}

.portlet-content .cl-727272 {
    color: #727272
}

.portlet-content .cl-ffffff {
    color: #fff
}

.portlet-content .cl-000000 {
    color: #000
}

.portlet-content .cl-d12b8a {
    color: #d12b8a
}

.portlet-content .bg-f7f7f7 {
    background: #f7f7f7
}

.portlet-content .mt16 {
    margin-top: 16px
}

.portlet-content .mt18 {
    margin-top: 18px
}

.portlet-content .mt30 {
    margin-top: 30px
}

.portlet-content .ml10 {
    margin-right: 10px
}

.portlet-content .mr10 {
    margin-left: 10px
}

.portlet-content .mr40 {
    margin-left: 40px
}

.portlet-content .plr70 {
    padding-right: 70px;
    padding-left: 70px
}

.portlet-content .plr25 {
    padding-right: 25px;
    padding-left: 25px
}

.portlet-content .plr10 {
    padding-right: 10px;
    padding-left: 10px
}

.portlet-content .ptb50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.portlet-content .ptb40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.portlet-content .mlr-15 {
    margin-right: -15px;
    margin-left: -15px
}

.portlet-content .mb90 {
    margin-bottom: 90px
}

.portlet-content .ml55 {
    margin-right: 55px
}

.portlet-content .mr55 {
    margin-left: 55px
}

.portlet-content .mr45 {
    margin-left: 45px
}

.portlet-content .mb50 {
    margin-bottom: 50px
}

.portlet-content .plr33 {
    padding-left: 33px;
    padding-right: 33px
}

.portlet-content .mr-30 {
    margin-left: 30px
}

.portlet-content .plr58 {
    padding-left: 58px;
    padding-right: 58px
}

.portlet-content .pb55 {
    padding-bottom: 55px
}

.portlet-content .mlr40 {
    margin-right: 40px;
    margin-left: 40px
}

.portlet-content .mt50 {
    margin-top: 50px
}

.portlet-content .plr40 {
    padding-right: 40px;
    padding-left: 40px
}

.portlet-content .pt-30 {
    padding-top: 30px
}

.portlet-content .pt-75 {
    padding-top: 75px
}

.portlet-content .pt-50 {
    padding-top: 50px
}

.portlet-content .pb-17 {
    padding-bottom: 17px
}

.portlet-content .pb-24 {
    padding-bottom: 24px
}

.portlet-content .pb-90 {
    padding-bottom: 90px
}

.portlet-content .pb-35 {
    padding-bottom: 35px
}

.portlet-content .pb-75 {
    padding-bottom: 75px
}

.btn-pc-1 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: transparent;
    text-transform: uppercase;
    border: 2px solid #d12b8a;
    padding: 16px 46px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .96px;
    color: #fff
}

.btn-pc-1:hover,.btn-pc-1:not(:disabled):not(.disabled):active,.btn-pc-1:not(:disabled):not(.disabled):active:focus {
    background: #d12b8a;
    border-color: #d12b8a;
    color: #fff
}

.btn-pc-2 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    text-transform: uppercase;
    padding: 16px 46px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .96px;
    color: #d12b8a
}

.btn-pc-2:hover,.btn-pc-2:not(:disabled):not(.disabled):active,.btn-pc-2:not(:disabled):not(.disabled):active:focus {
    background: #d12b8a;
    color: #fff
}

.btn-pc-3 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #d12b8a;
    text-transform: uppercase;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .96px;
    color: #fff
}

.btn-pc-3:hover,.btn-pc-3:not(:disabled):not(.disabled):active,.btn-pc-3:not(:disabled):not(.disabled):active:focus {
    background: #fff;
    color: #d12b8a
}

.btn-pc-4 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: transparent;
    text-transform: uppercase;
    border: 2px solid #d12b8a;
    padding: 16px 46px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .96px;
    color: #d12b8a
}

.btn-pc-4:hover,.btn-pc-4:not(:disabled):not(.disabled):active,.btn-pc-4:not(:disabled):not(.disabled):active:focus {
    background: #d12b8a;
    border-color: #d12b8a;
    color: #fff
}

.btn-pc-5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: transparent;
    text-transform: uppercase;
    border: 2px solid #23b7c0;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.btn-pc-5:hover,.btn-pc-5:not(:disabled):not(.disabled):active,.btn-pc-5:not(:disabled):not(.disabled):active:focus {
    background: #23b7c0;
    border-color: #23b7c0;
    color: #fff
}

.btn-pc-7 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: transparent;
    text-transform: uppercase;
    border: 1px solid #e3e3e3;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 800;
    color: #000;
    background-color: transparent;
    text-transform: uppercase;
    border: 1px solid #e3e3e3;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 800;
    color: #000
}

.btn-pc-7:hover,.btn-pc-7:not(:disabled):not(.disabled):active,.btn-pc-7:not(:disabled):not(.disabled):active:focus {
    background: #e3e3e3;
    border-color: #e3e3e3;
    color: #000;
    background: #e3e3e3;
    border-color: #e3e3e3;
    color: #000
}

.btn-pc-6 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: transparent;
    text-transform: uppercase;
    border: 1px solid #f7f7f7;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #727272
}

.btn-pc-8 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #fff;
    text-transform: uppercase;
    border: 1px solid #23b7c0;
    padding: 10px 32px;
    font-size: 14px;
    font-weight: 800;
    color: #000
}

.btn-pc-8:hover,.btn-pc-8:not(:disabled):not(.disabled):active,.btn-pc-8:not(:disabled):not(.disabled):active:focus {
    background: #23b7c0;
    border-color: #23b7c0;
    color: #fff
}

.btn-link-arrow {
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: .84px
}

.btn-link-arrow:hover {
    color: #d12b8a
}

.btn-sm {
    padding: 13px 28px;
    font-size: 14px
}

.btn-lg {
    padding: 20px 64px;
    font-size: 14px
}

button:focus {
    outline: 0 !important
}

.text-t-none {
    text-transform: none
}

.negative-margin {
    margin-right: -8px;
    margin-left: -8px
}

#c-mainheader {
    position: relative;
    top: 0;
    margin: 0;
    background-image: url(/o/zain-theme/images/topheader.png);
    padding-top: 12px
}

#c-mainheader .megamenu .dropdown-menu {
    width: 100%;
    max-width: 100%;
    right: 0
}

#c-mainheader .c-logo-container a {
    margin-top: -8px
}

#c-mainheader .c-rightlinks-container {
    color: #fff
}

#c-mainheader .c-headerRight>a {
    color: #fff
}

.search-bar-keywords-input-wrapper {
    margin-right: 0
}

.autocomplete-container {
    position: absolute;
    width: 100%;
    margin-top: -5px;
    z-index: 0
}

.ui-autocomplete {
    background-color: #fff;
    list-style-type: none;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    margin-top: 0;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.161);
    box-shadow: 0 3px 6px rgba(0,0,0,.161);
    top: 0 !important;
    width: 100% !important
}

.ui-autocomplete li {
    letter-spacing: .4px;
    color: #727272;
    border-bottom: 1px dashed #c9c9c9;
    text-align: right;
    font-size: 16px
}

@media(min-width: 768px) {
    .ui-autocomplete li {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .ui-autocomplete li {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .ui-autocomplete li {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .ui-autocomplete li {
        font-size:22px
    }
}

.ui-autocomplete li:hover {
    background: #d12b8a;
    color: #fff
}

.ui-autocomplete li a {
    cursor: pointer;
    color: #727272;
    text-decoration: none;
    padding: 12px 60px;
    display: block;
    line-height: 1.6
}

@media(max-width: 1919px) and (min-width:1200px) {
    .ui-autocomplete li a {
        padding:10px 20px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .ui-autocomplete li a {
        padding:12px 20px
    }
}

@media(max-width: 767px) {
    .ui-autocomplete li a {
        padding:12px 10px
    }
}

.ui-autocomplete li:hover {
    background-color: #d12b8a
}

.ui-autocomplete li:hover a {
    color: #fff
}

.section-wrapper .bodyoverlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 2;
    display: none
}

#wrapper .section-heading {
    position: relative;
    max-width: 100%;
    margin-bottom: 52px
}

@media(max-width: 767px) and (min-width:280px) {
    #wrapper .section-heading {
        margin-top:25px;
        margin-bottom: 30px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    #wrapper .section-heading {
        margin-bottom:32px
    }
}

#wrapper .section-heading h1.main-heading {
    letter-spacing: .6px;
    line-height: 1.2;
    font-size: 26px;
    margin-bottom: 10px;
    font-family: NunitoSans-Black;
    font-weight: unset;
    text-transform: inherit
}

@media(min-width: 1200px) {
    #wrapper .section-heading h1.main-heading {
        font-size:28px
    }
}

@media(min-width: 1440px) {
    #wrapper .section-heading h1.main-heading {
        font-size:30px
    }
}

@media(min-width: 1600px) {
    #wrapper .section-heading h1.main-heading {
        font-size:40px
    }
}

#wrapper .section-heading h4.sub-text {
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 16px
}

#wrapper .section-heading h4.sub-text.ff-rg {
    font-family: NunitoSans-Regular,sans-serif !important;
    font-weight: unset;
    text-transform: inherit
}

#wrapper .section-heading h4.sub-text.ff-rg span {
    color: #000
}

@media(max-width: 1919px) and (min-width:1200px) {
    #wrapper .section-heading h4.sub-text.ff-rg {
        max-width:770px
    }
}

@media(min-width: 768px) {
    #wrapper .section-heading h4.sub-text {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    #wrapper .section-heading h4.sub-text {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    #wrapper .section-heading h4.sub-text {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    #wrapper .section-heading h4.sub-text {
        font-size:22px
    }
}

.breadcrumb-wrapper {
    padding: 20px 0
}

div.section-wrapper .breadcrumb-wrapper .container-fluid-custom {
    padding-right: 0;
    padding-left: 0
}

@media(max-width: 1199px) and (min-width:768px) {
    .breadcrumb-wrapper {
        padding:20px 0
    }
}

.breadcrumb-wrapper .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border: 0;
    text-transform: uppercase
}

.breadcrumb-wrapper .breadcrumb li a,.breadcrumb-wrapper .breadcrumb li span,.breadcrumb-wrapper .breadcrumb li.breadcrumb-item {
    color: #727272;
    font-family: NunitoSans-SemiBold,sans-serif;
    white-space: nowrap;
    font-size: 12px;
    padding-right: 0
}

@media(min-width: 1600px) {
    .breadcrumb-wrapper .breadcrumb li a,.breadcrumb-wrapper .breadcrumb li span,.breadcrumb-wrapper .breadcrumb li.breadcrumb-item {
        font-size:14px
    }
}

.breadcrumb-wrapper .breadcrumb li+li::before {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    display: inline-block;
    float: none;
    margin-top: 0;
    top: 1px
}

@media(min-width: 1200px) and (max-width:1439px) {
    .breadcrumb-wrapper .breadcrumb li+li::before {
        margin-left:10px;
        margin-right: 10px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .breadcrumb-wrapper .breadcrumb li+li::before {
        margin-left:10px;
        margin-right: 5px
    }
}

.breadcrumb-wrapper .breadcrumb li .zain-active,.breadcrumb-wrapper .breadcrumb li.active {
    color: #70489d
}

.bodyoverlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 2;
    display: none
}

.bodyoverlay.js-not-close,.bodyoverlay.show {
    display: block !important
}

.common-popup {
    position: fixed;
    width: 800px;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    display: none;
    z-index: 1111
}

@media(max-width: 767px) {
    .common-popup {
        width:90%;
        max-height: 95%;
        overflow: auto
    }
}

.common-popup.show {
    display: block
}

.common-popup.-small {
    max-width: 650px
}

.common-popup.-small .order-tracking-popup-header {
    max-width: 80%
}

.common-popup.review-popup {
    max-height: 95%
}

.common-popup.otp-popup {
    max-width: 800px;
    padding-bottom: 100px;
    padding-top: 50px
}

.common-popup.otp-popup.show {
    z-index: 1000
}

.common-popup.otp-popup .order-tracking-popup-header {
    margin: auto;
    text-align: center;
    padding-top: 20px;
    max-width: 100%;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.common-popup.otp-popup .order-tracking-popup-header .success-msg {
    color: green
}

.common-popup.otp-popup .order-tracking-popup-header .error-msg {
    color: red
}

.common-popup.otp-popup .order-tracking-popup-header h3 {
    font-size: 28px
}

.common-popup.otp-popup .order-tracking-popup-header p {
    color: #727272;
    margin: 0;
    padding-bottom: 20px
}

.common-popup.otp-popup .order-tracking-popup-header span {
    text-align: center;
    padding-bottom: 10px
}

.common-popup.otp-popup .order-tracking-popup-header span .icon-confirmation {
    color: #23b7c0;
    font-size: 40px
}

.common-popup.otp-popup .order-tracking-popup-header .resend-otp a {
    color: #727272;
    text-decoration: underline !important
}

.common-popup.otp-popup .order-tracking-popup-header .otp-digits.text-center {
    padding: 10px 0;
    margin: 0
}

.common-popup.otp-popup .order-tracking-popup-header .otp-digits.text-center input {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 24px;
    color: #727272;
    margin: 0 2px;
    background: #f5f5f5
}

.common-popup .close-tracking {
    height: 30px;
    width: 30px;
    background: #f7f7f7;
    line-height: 30px;
    border-radius: 50%;
    overflow: hidden;
    color: #000;
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 20px;
    text-align: center
}

.common-popup .common-popup-header {
    text-align: center;
    padding-top: 20px;
    max-width: 60%;
    margin: auto
}

.common-popup .common-popup-header h3 {
    font-size: 1.1875rem
}

.common-popup .common-popup-header p {
    color: #727272;
    margin: 0;
    padding-bottom: 20px
}

@media(min-width: 768px) {
    .common-popup .common-popup-header p {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .common-popup .common-popup-header p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .common-popup .common-popup-header p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .common-popup .common-popup-header p {
        font-size:18px
    }
}

.common-popup ul.store-list {
    max-height: 250px;
    overflow-y: auto;
    padding: 10px 0
}

.common-popup ul.store-list li {
    margin: 5px 0
}

.common-popup.inventory-store-popup {
    padding: 20px 0;
    width: 600px;
    height: 600px
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup {
        width:80%;
        padding-bottom: 40px
    }
}

.common-popup.inventory-store-popup .inventory-store-popup-header {
    max-width: 100%;
    text-align: center;
    padding-top: 20px;
    margin: auto;
    margin-bottom: 20px
}

.common-popup.inventory-store-popup .inventory-store-popup-header h3 {
    font-size: 28px
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .inventory-store-popup-header h3 {
        font-size:22px
    }
}

.common-popup.inventory-store-popup .inventory-store-popup-header h3 span {
    display: block;
    text-align: center;
    padding-bottom: 10px
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .inventory-store-popup-header {
        margin-bottom:0
    }
}

.common-popup.inventory-store-popup .popup-sreach-bar {
    text-align: center;
    padding: 30px 0;
    width: 100%;
    background: #f7f7f7;
    position: relative
}

.common-popup.inventory-store-popup .popup-sreach-bar input[type=text] {
    padding: 10px 30px;
    font-size: 16px;
    border: 1px solid #eee;
    width: 70%;
    border-radius: 5px
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .popup-sreach-bar input[type=text] {
        padding:10px 20px;
        font-size: 14px
    }
}

.common-popup.inventory-store-popup .popup-sreach-bar button {
    padding: 6px 10px;
    margin-left: 16px;
    background: #fff;
    font-size: 17px;
    border: 0;
    cursor: pointer;
    position: absolute;
    left: 16%;
    top: 32px
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .popup-sreach-bar button {
        top:21px
    }
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .popup-sreach-bar {
        padding:20px 0
    }
}

.common-popup.inventory-store-popup .availability-popup-content {
    position: relative;
    padding: 20px 20px 20px 0;
    max-height: 300px;
    overflow: auto
}

.common-popup.inventory-store-popup .availability-popup-content .availability-heading {
    text-align: center
}

.common-popup.inventory-store-popup .availability-popup-content .availability-heading h2 {
    font-size: 24px;
    color: #d12b8a;
    text-transform: none
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .availability-popup-content .availability-heading h2 {
        font-size:18px
    }
}

.common-popup.inventory-store-popup .availability-popup-content .availability-text-box {
    border-bottom: 1px solid #eee;
    padding: 10px 20px
}

@media(max-width: 768px) and (min-width:280px) {
    .common-popup.inventory-store-popup .availability-popup-content .availability-text-box {
        padding:10px 0 10px 0 !important
    }
}

@media(min-width: 768px) {
    .common-popup.inventory-store-popup .availability-popup-content .availability-text-box .availability-text {
        padding-left:174px
    }
}

.common-popup.inventory-store-popup .availability-popup-content .availability-text-box .harry-hup-box {
    left: 0;
    padding: 11px 15px;
    position: absolute;
    background: #fcf3f8;
    border-radius: 5px;
    bottom: 28px
}

@media(max-width: 768px) and (min-width:280px) {
    .common-popup.inventory-store-popup .availability-popup-content .availability-text-box .harry-hup-box {
        right:auto;
        top: auto;
        bottom: auto !important;
        left: 0 !important;
        text-align: center;
        position: relative;
        margin-bottom: 10px
    }
}

.common-popup.inventory-store-popup .availability-popup-content .availability-text-box .harry-hup-box h4 {
    font-size: 16px;
    color: #562b7c;
    margin-bottom: 0
}

.common-popup.inventory-store-popup .availability-popup-content .availability-text-box .harry-hup-box h4 span {
    font-size: 16px;
    color: #562b7c;
    font-family: NunitoSans-Regular
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .availability-popup-content .availability-text-box .harry-hup-box h4 span {
        font-size:14px
    }
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .availability-popup-content .availability-text-box .harry-hup-box h4 {
        font-size:12px;
        margin-top: 0
    }
}

.common-popup.inventory-store-popup .availability-popup-content .availability-text-box .availability-text h4 {
    font-size: 18px;
    color: #d12b8a;
    margin-bottom: 27px
}

.common-popup.inventory-store-popup .availability-popup-content .availability-text-box .availability-text h4 span {
    font-size: 16px;
    color: #000;
    font-family: NunitoSans-Regular
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .availability-popup-content .availability-text-box .availability-text h4 span {
        font-size:14px
    }
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .availability-popup-content .availability-text-box .availability-text h4 {
        font-size:16px
    }
}

.common-popup.inventory-store-popup .availability-popup-content .availability-text-box .availability-text p {
    font-size: 11px !important;
    color: #d12b8a
}

.common-popup.inventory-store-popup .availability-popup-content .availability-text-box .availability-text p span {
    width: 1px;
    height: 30px;
    background: #eee;
    display: inline-block;
    position: relative;
    top: 10px;
    margin: 0 10px
}

.common-popup.inventory-store-popup .availability-popup-content .availability-text-box .availability-text p img {
    margin-left: 5px;
    margin-top: -10px
}

@media(max-width: 767px) {
    .common-popup.inventory-store-popup .availability-popup-content .availability-text-box .availability-text p {
        margin-bottom:0
    }
}

.common-popup.inventory-store-popup .availability-popup-content .unavailable-search .store-list-unAvailbale {
    text-align: center;
    padding: 20px
}

.bodyoverlay.js-not-close {
    display: block !important;
    z-index: 999 !important
}

.order-tracking-popup.-small {
    max-width: 650px
}

.order-tracking-popup.custom-modal {
    position: relative;
    z-index: 1200
}

.order-tracking-popup.custom-modal .modal-header .btn-toolbar {
    display: none
}

.order-tracking-popup.hide-close-btn .modal-header .btn-toolbar button.close {
    display: none
}

.order-tracking-popup .order-tracking-popup-header span {
    text-align: center;
    padding-bottom: 10px
}

.order-tracking-popup .order-tracking-popup-header span .icon-confirmation {
    color: #23b7c0;
    font-size: 40px
}

.order-tracking-popup .modal-dialog {
    position: fixed !important;
    width: 800px;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    z-index: 100;
    max-width: 650px
}

@media(max-width: 767px) {
    .order-tracking-popup .modal-dialog {
        width:90%;
        max-height: 95%;
        overflow: auto;
        max-width: 90%
    }
}

.order-tracking-popup .modal-dialog .yui3-resize-handles-wrapper {
    display: none
}

.order-tracking-popup .modal-dialog .modal-content {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.order-tracking-popup .modal-dialog .modal-content .modal-header {
    border: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: inherit
}

.order-tracking-popup .modal-dialog .modal-content .modal-header .close {
    height: 30px;
    width: 30px;
    background: #f7f7f7;
    line-height: 30px;
    border-radius: 50%;
    color: #000;
    font-size: 14px;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.order-tracking-popup .modal-dialog .modal-content .modal-body {
    padding: 0
}

.order-tracking-popup .modal-dialog .modal-content .modal-body .order-tracking-popup-header h3 span {
    display: block;
    text-align: center;
    padding-bottom: 10px
}

.order-tracking-popup .modal-dialog .modal-content .modal-body .order-tracking-popup-header p {
    color: #727272;
    margin: 0;
    padding-bottom: 20px;
    text-align: center
}

.order-tracking-popup .modal-dialog .modal-content .modal-footer {
    border: 0;
    padding-bottom: 16px
}

@media(max-width: 767px) {
    .order-tracking-popup .modal-dialog .modal-content .modal-footer {
        padding-bottom:1rem;
        padding-top: .5rem
    }
}

.order-tracking-popup .modal-dialog .modal-content .modal-footer .btn-toolbar {
    margin-right: 0;
    display: inline-block;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    float: none;
    text-align: center;
    margin: 0 auto
}

@media(max-width: 767px) {
    .order-tracking-popup .modal-dialog .modal-content .modal-footer .btn-toolbar {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.order-tracking-popup .modal-dialog .modal-content .modal-footer .btn-toolbar .btn:not(.btn-pc-4) {
    background: #d12b8a;
    color: #fff;
    border: 2px solid #d12b8a
}

.order-tracking-popup .modal-dialog .modal-content .modal-footer .btn-toolbar .btn:not(.btn-pc-4):hover:not([disabled]) {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a
}

.order-tracking-popup .modal-dialog .modal-content .modal-footer .btn-toolbar .btn {
    min-width: 160px;
    padding: 7px 10px
}

@media(max-width: 767px) {
    .order-tracking-popup .modal-dialog .modal-content .modal-footer .btn-toolbar .btn {
        margin:0
    }

    .order-tracking-popup .modal-dialog .modal-content .modal-footer .btn-toolbar .btn:first-child:not(:last-child) {
        margin-bottom: 10px
    }
}

.portlet-cp-search-results .taglib-search-iterator-page-iterator-top,.zain-wishlist-page .taglib-search-iterator-page-iterator-top {
    display: none
}

.pagination-bar {
    margin: 10px 0
}

.pagination-bar .pagination-items-per-page>a {
    color: #d12b8a
}

.pagination-bar .pagination-items-per-page.show .dropdown-toggle {
    background-color: #d12b8a;
    border-color: #d12b8a;
    color: #fff
}

.pagination-bar .pagination>li:not(.disabled)>a {
    color: #d12b8a
}

.pagination-bar .pagination>li.active>a,.pagination-bar .pagination>li.active>a:focus,.pagination-bar .pagination>li.active>a:hover {
    background-color: #d12b8a;
    border-color: #d12b8a;
    color: #fff
}

.pagination-bar .pagination>li .lexicon-icon {
    height: 12px
}

@media(max-width: 767px) {
    .pagination-bar {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pagination-bar .pagination-results {
        margin: 0 0 10px 0
    }
}

html[dir=rtl] .breadcrumb-item+.breadcrumb-item::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html[dir=rtl] .common-popup.inventory-store-popup .availability-popup-content .availability-text p img {
    margin-left: 0;
    margin-left: 5px;
    margin-top: 0
}

html[dir=rtl] .common-popup.inventory-store-popup .availability-popup-content .availability-heading {
    text-align: right
}

html[dir=rtl] .common-popup.inventory-store-popup .popup-sreach-bar button {
    left: 13% !important;
    margin-left: 18px
}

:focus {
    outline: 0
}

.custom-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    padding: 17.5px 16px 17.5px 56px;
    text-align: right;
    position: relative
}

.custom-alert .close {
    left: 2rem;
    opacity: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.custom-alert>img {
    margin-left: 10px
}

.custom-alert.custom-alert-danger {
    background-color: #fdf2f8;
    border-color: #fdf2f8;
    color: red
}

.custom-alert.custom-alert-danger .close {
    color: #da1414
}

.listing-header .top-heading-area .header-icon {
    max-width: 71px
}

.uppercase {
    text-transform: uppercase
}

.edge .zain-cart-summary-checkout-step .section-products-summary label label,.ie .zain-cart-summary-checkout-step .section-products-summary label label {
    padding-right: 0 !important
}

.edge .zain-cart-summary-checkout-step .section-products-summary input+label::before,.ie .zain-cart-summary-checkout-step .section-products-summary input+label::before {
    content: "";
    position: absolute;
    height: 28px;
    width: 28px;
    display: inline-block;
    background: 0;
    border-radius: 50%;
    border: 2px solid #fcfcfc;
    opacity: 1;
    background: #faeaf4;
    visibility: visible;
    -webkit-transform: translate(-5px,-2px);
    transform: translate(calc(-5px * -1),-2px);
    right: 0 !important
}

@media(max-width: 767px) and (min-width:280px) {
    .edge .zain-cart-summary-checkout-step .section-products-summary input+label::before,.ie .zain-cart-summary-checkout-step .section-products-summary input+label::before {
        height:25px;
        width: 25px
    }
}

.edge .zain-cart-summary-checkout-step .section-products-summary input:checked+label::after,.ie .zain-cart-summary-checkout-step .section-products-summary input:checked+label::after {
    content: "\e905";
    font-family: icomoon !important;
    position: absolute;
    top: 1px;
    right: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    content: "";
    height: 12px;
    width: 12px;
    background: #d12b8a;
    border-radius: 50%;
    top: 8px;
    right: 8px;
    border: 0;
    margin-top: -3px;
    -webkit-transform: translate(-5px,1px);
    transform: translate(calc(-5px * -1),1px);
    visibility: visible
}

@media(max-width: 767px) and (min-width:280px) {
    .edge .zain-cart-summary-checkout-step .section-products-summary input:checked+label::after,.ie .zain-cart-summary-checkout-step .section-products-summary input:checked+label::after {
        height:9px;
        width: 9px
    }
}

.no-mouse-events {
    pointer-events: none
}

.widget-title h1 {
    font-size: 1.625rem
}

@media(min-width: 768px) {
    .widget-title p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .widget-title p {
        font-size:16px
    }
}

.accordion.features_accordian {
    margin: 0
}

.accordion.features_accordian .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: 0
}

.accordion.features_accordian .card .card-header {
    background: 0;
    text-align: right;
    border-bottom: 0;
    padding: 0
}

.accordion.features_accordian .card .card-header .mg_c {
    color: #727272;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-family: NunitoSans-Regular;
    text-decoration: none;
    font-weight: 400
}

.accordion.features_accordian .card .card-header .btn-link {
    text-decoration: none;
    color: #d12b8a;
    background: #f7f7f7;
    border-radius: 50%;
    line-height: 0;
    padding: 0;
    min-height: 40px;
    width: 40px;
    text-align: center;
    margin-left: 16px
}

.accordion.features_accordian .card .card-header .btn-link i {
    margin: auto
}

.accordion.features_accordian .card .card-header .btn-link[aria-expanded=true] .icon-add-1:before {
    content: "\e92f"
}

.accordion.features_accordian .card .card-header .btn-link[aria-expanded=false] .icon-add-1:before {
    content: "\e900"
}

.loading-animation {
    min-height: 400px
}

@media(max-width: 767px) {
    .loading-animation {
        min-height:200px
    }
}

.order-tracking-popup .order-tracking-popup-header {
    padding-top: 20px
}

.order-tracking-popup .order-tracking-popup-header h3 {
    font-size: 1.1875rem;
    font-family: NunitoSans-Black;
    font-weight: unset
}

.order-tracking-popup .order-tracking-popup-header p {
    color: #727272;
    margin: 0;
    padding-bottom: 20px;
    font-size: 12px;
    font-family: NunitoSans-Regular
}

@media(min-width: 768px) {
    .order-tracking-popup .order-tracking-popup-header p {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .order-tracking-popup .order-tracking-popup-header p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .order-tracking-popup .order-tracking-popup-header p {
        font-size:16px
    }
}

.card-value-qty {
    text-align: right;
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px 0;
    text-transform: capitalize;
    border-top: 1px solid #e3e3e3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) and (min-width:280px) {
    .card-value-qty {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0
    }
}

.card-value-qty .tab-placement-label {
    color: #727272;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-family: NunitoSans-Regular;
    font-weight: 400;
    line-height: 27px;
    margin-left: 10px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.card-value-qty .custom-number-box {
    display: inline-block
}

.card-value-qty .custom-number-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 134px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.card-value-qty .custom-number-input .btn {
    border-radius: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 700;
    text-align: center;
    color: #000;
    padding: 0;
    min-width: 35px;
    color: #727272;
    font-size: 24px
}

@media(max-width: 767px) and (min-width:280px) {
    .card-value-qty .custom-number-input .btn {
        width:40px !important;
        min-width: 40px !important
    }
}

.card-value-qty .custom-number-input .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 55px;
    min-height: 48px;
    background-color: #f4f4f4 !important;
    border: 1px solid #e3e3e3 !important;
    padding: 0;
    border-radius: 0;
    text-align: center;
    color: #000;
    font-family: NunitoSans-Black,sans-serif;
    border-right: 0 !important;
    border-left: 0 !important
}

.card-value-qty .custom-number-input .btn,.card-value-qty .custom-number-input .form-control {
    min-height: 35px;
    height: 35px;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 18px;
    min-width: 42px
}

.card-value-qty .custom-number-input .btn.btn-minus,.card-value-qty .custom-number-input .form-control.btn-minus {
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

@media(max-width: 767px) and (min-width:280px) {
    .card-value-qty .custom-number-input .btn.btn-minus,.card-value-qty .custom-number-input .form-control.btn-minus {
        border-top-left-radius:0;
        border-bottom-left-radius: 0
    }
}

.card-value-qty .custom-number-input .btn.btn-plus,.card-value-qty .custom-number-input .form-control.btn-plus {
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

@media(max-width: 767px) and (min-width:280px) {
    .card-value-qty .custom-number-input .btn.btn-plus,.card-value-qty .custom-number-input .form-control.btn-plus {
        border-top-right-radius:0;
        border-bottom-right-radius: 0
    }
}

.compare-loading,.fullpage-loading {
    z-index: 20000;
    background: rgba(255,255,255,.5019607843);
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-checkbox input {
    display: none
}

.custom-checkbox input+label:before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    right: 0;
    display: inline-block;
    background: 0;
    border-radius: 2px;
    border: 2px solid #e3e3e3
}

.custom-checkbox input:checked+label::before {
    background: #d12b8a;
    border: 2px solid #d12b8a
}

.custom-checkbox input:checked+label::after {
    content: "\e905";
    font-family: icomoon !important;
    position: absolute;
    top: 1px;
    right: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.custom-scroll .mCSB_inside>.mCSB_container {
    margin-left: 25px
}

.slick-track {
    margin: inherit !important
}

html[dir=rtl] .breadcrumb-item+.breadcrumb-item::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html[dir=rtl] .breadcrumb-wrapper .breadcrumb li .zain-active,html[dir=rtl] .breadcrumb-wrapper .breadcrumb li.active {
    font-family: qt_zaintext_bold_pcbold
}

html.ie.ie11 .order-tracking-popup .modal-footer {
    display: block;
    text-align: center
}

@media(max-width: 767px) {
    html.ie.ie11 .order-tracking-popup .modal-footer .btn-toolbar {
        width:40%
    }
}

.section-wrapper .product-listing-container .container-fluid-custom.breadcrumb-section {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 767px) {
    .section-wrapper .product-listing-container .container-fluid-custom.breadcrumb-section {
        margin-left:-10px;
        margin-right: -10px
    }
}

@media(max-width: 767px) {
    .section-wrapper .container-fluid-custom.breadcrumb-section {
        padding-left:0;
        padding-right: 0
    }
}

.datepicker thead tr th.no-prev {
    cursor: default !important;
    background: 0 0 !important
}

.datepicker thead tr th.no-next {
    cursor: default !important;
    background: 0 0 !important
}

.products_section .slick-track {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.products_section .slick-track .slick-slide {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.custom-radio-wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-radio-wraper .btn {
    position: relative;
    padding: 0;
    min-width: auto;
    min-height: auto
}

.custom-radio-wraper .btn.custom-radio {
    height: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    max-width: 125px;
    border-radius: 5px;
    margin: 0 20px;
    min-width: 125px
}

@media(max-width: 767px) {
    .custom-radio-wraper .btn.custom-radio {
        margin:0 10px
    }
}

.custom-radio-wraper .btn.custom-radio label {
    padding: 0;
    text-transform: none;
    font-family: NunitoSans-Regular,sans-serif;
    color: #727272;
    font-weight: 100;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0
}

.custom-radio-wraper .custom-radio input {
    display: none
}

.custom-radio-wraper .custom-radio input:checked~.radio-lbl {
    border: 2px solid #d12b8a;
    color: #000;
    font-family: NunitoSans-Black,sans-serif
}

.custom-radio-wraper .custom-radio input:checked~.radio-lbl::before {
    content: "";
    height: 25px;
    width: 25px;
    background: #d12b8a !important;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: inherit;
    left: -12.5px;
    top: -12.5px;
    border: 0
}

.custom-radio-wraper .custom-radio input:checked~.radio-lbl::after {
    content: "";
    position: absolute;
    height: 12px;
    width: 6px;
    display: inline-block;
    background: 0;
    border: 2px solid #fff;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 0;
    border-right: 0;
    right: inherit;
    top: -7px;
    left: -3.5px
}

.custom-radio-wraper .custom-radio .radio-lbl {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border: 1px solid #e3e3e3
}

.custom-radio-wraper .custom-radio span {
    padding: 0
}

.custom-radio-wraper .btn.custom-radio.active {
    border: 2px solid #d12b8a
}

.custom-radio-wraper .btn.custom-radio.active label {
    font-family: NunitoSans-Black,sans-serif;
    color: #000
}

.custom-radio-wraper .btn.custom-radio.active:before {
    content: "";
    height: 25px;
    width: 25px;
    background: #d12b8a;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -12.5px;
    top: -12.5px;
    z-index: 1
}

.custom-radio-wraper .btn.custom-radio.active::after {
    content: "";
    position: absolute;
    height: 12px;
    width: 6px;
    display: inline-block;
    background: 0;
    border: 2px solid #fff;
    top: -7px;
    left: -3.5px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 0;
    border-right: 0
}

@media(max-width: 320px) {
    .alert-notifications.alert-notifications-fixed .alert.alert-dismissible.alert-info {
        width:17rem
    }
}

@media(max-width: 280px) {
    .alert-notifications.alert-notifications-fixed .alert.alert-dismissible.alert-info {
        width:15rem
    }
}

.alert-notifications.alert-notifications-fixed .alert-danger .close {
    top: 0
}

html[dir=rtl] .users-search-container .searchcontainer-content .table-responsive {
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-radius: 2px
}

html[dir=rtl] .custom-radio-wraper .custom-radio input:checked~.radio-lbl::before {
    right: -12.5px
}

html[dir=rtl] .custom-radio-wraper .custom-radio input:checked~.radio-lbl::after {
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    right: -3.5px
}

.custom-tooltip {
    text-align: center;
    color: #fff;
    background: #fdf4f9;
    position: absolute;
    z-index: 1;
    padding: 10px;
    font-size: 14px;
    font-family: NunitoSans-Black,sans-serif;
    color: #d12b8a;
    -webkit-box-shadow: 0 4px 6px 1px #ccc;
    box-shadow: 0 4px 6px 1px #ccc;
    border-radius: 6px
}

.custom-tooltip:after {
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #fff;
    content: "";
    position: absolute;
    right: 50%;
    bottom: -10px;
    margin-right: -10px
}

.custom-tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #fff;
    top: -20px;
    bottom: auto
}

.custom-tooltip.left:after {
    right: 10px;
    margin: 0
}

.custom-tooltip.right:after {
    left: 10px;
    right: auto;
    margin: 0
}

.text-editor ol,.text-editor ul {
    padding: 0;
    margin-right: 30px;
    margin-bottom: 1rem
}

.text-editor ul li {
    list-style: disc
}

.primary-button-2 {
    background: #d12b8a;
    color: #fff;
    border: 2px solid #d12b8a;
    padding: 15px 15px 12px;
    min-height: auto
}

.secondary-button-2 {
    background: 0;
    color: #d12b8a;
    border: 2px solid #d12b8a;
    margin-right: 5px;
    padding: 15px 15px 12px;
    min-height: auto
}

.primary-button-common,.secondary-button-common {
    border: 2px solid #d12b8a;
    border-radius: 4px;
    padding: 13px 15px 11px;
    min-height: auto;
    text-align: center;
    font-size: 14px;
    font-family: NunitoSans-Black,sans-serif;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.primary-button-common:disabled,.secondary-button-common:disabled {
    background: #e5e5e5;
    border: 2px solid #e5e5e5;
    color: #6f6f6f;
    cursor: not-allowed;
    opacity: 1
}

.primary-button-common {
    background: #d12b8a;
    color: #fff
}

.primary-button-common:hover {
    background: 0;
    color: #d12b8a
}

.secondary-button-common {
    background: 0;
    color: #d12b8a
}

.secondary-button-common:hover {
    background: #d12b8a;
    color: #fff
}

body.Personal .alert-notifications-fixed {
    bottom: auto;
    top: 80px;
    right: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1));
    padding-top: 0
}

body.Personal .alert-notifications-fixed .alert {
    font-size: 16px;
    padding: 17px 20px
}

body.Personal .alert-notifications-fixed button.close {
    display: none
}

body.Personal #tooltipContainer .alert-success .alert-autofit-row,body.Personal .alert-notifications-fixed .alert-success .alert-autofit-row,body.Personal .lfr-notification-container .alert-success .alert-autofit-row {
    background-image: url(/o/zain-theme/images/white-tick.svg);
    background-repeat: no-repeat;
    background-position: 20px 50%;
    font-family: NunitoSans-Regular;
    padding-right: 50px !important
}

body.Personal #tooltipContainer .alert-success .alert-autofit-row .autofit-col,body.Personal .alert-notifications-fixed .alert-success .alert-autofit-row .autofit-col,body.Personal .lfr-notification-container .alert-success .alert-autofit-row .autofit-col {
    display: none
}

body.Personal #tooltipContainer .alert-success .alert-autofit-row .autofit-col.autofit-col-expand,body.Personal .alert-notifications-fixed .alert-success .alert-autofit-row .autofit-col.autofit-col-expand,body.Personal .lfr-notification-container .alert-success .alert-autofit-row .autofit-col.autofit-col-expand {
    display: block !important
}

html[dir=rtl] body.Personal .alert-notifications-fixed {
    -webkit-transform: translateX(50%);
    transform: translateX(calc(50% * -1))
}

html[dir=rtl] body.Personal #tooltipContainer .alert-success,html[dir=rtl] body.Personal .lfr-notification-container .alert-success {
    background-position: calc(100% - 20px) 50%
}

@media(max-width: 1199px) and (min-width:992px) {
    .container_820_max-width .container {
        max-width:820px
    }
}

@media(max-width: 991px) {
    .primary-button-common,.secondary-button-common {
        padding:9px 5px 8px
    }
}

html[dir=rtl] #addOnsModal .modal-dialog .modal-content .modal-footer .btn-toolbar .btn {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] #customModal .modal-dialog .modal-content .modal-footer .btn-toolbar .btn-pc-3.clear-cart-no,html[dir=rtl] #customModal .modal-dialog .modal-content .modal-footer .btn-toolbar .btn-pc-4.clear-cart-yes {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .primary-button-common,html[dir=rtl] .secondary-button-common {
    font-family: QTZain-Bold,sans-serif !important
}

.b2c-checkout select.form-control {
    font-family: nunitosans-bold;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    padding: 8px;
    padding-left: 35px;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/o/zain-theme/images/arrow_down_select.svg) !important;
    background-size: 13px 8px;
    background-position: left 11px center
}

.portlet-options-dropdown .dropdown-item:focus-visible,.portlet-options-dropdown .dropdown-item:hover,.portlet-options-dropdown .dropdown-menu .link-list>li>a:focus-visible,.portlet-options-dropdown .dropdown-menu .link-list>li>a:hover,.portlet-options-dropdown .dropdown-menu>li>a:focus-visible,.portlet-options-dropdown .dropdown-menu>li>a:hover {
    -webkit-box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff !important;
    box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff !important;
    outline: 0 !important;
    text-decoration: none !important;
    color: #272833 !important;
    text-decoration: none !important;
    background-color: #f0f5ff !important
}

@media(min-width: 768px) {
    .portlet-options-dropdown .dropdown-item:not(:hover),.portlet-options-dropdown .dropdown-menu .link-list>li>a:not(:hover),.portlet-options-dropdown .dropdown-menu>li>a:not(:hover) {
        background-color:transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #6b6c7e
    }
}

html[dir=rtl] .circle_B {
    right: 50% !important;
    left: unset !important
}

html[dir=rtl] .multi-commitment-popup.order-tracking-popup.common-popup {
    left: 50% !important
}

.datepicker.dropdown-menu {
    min-width: 320px !important;
    padding-bottom: 10px;
    font-family: NunitoSans-Regular !important;
    border: 0;
    border-radius: 0;
    z-index: 9
}

.datepicker.dropdown-menu td,.datepicker.dropdown-menu th:not(.custom) {
    text-align: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: none !important;
    padding: 4px 5px
}

.datepicker.dropdown-menu table tr td.active.active {
    background-color: #d12b8a !important;
    background-image: none;
    color: #fff !important
}

.datepicker.dropdown-menu table tr td.today,.datepicker.dropdown-menu table tr td.today:hover {
    background-color: #d12b8a !important;
    background-image: none !important;
    color: #fff !important
}

.datepicker.dropdown-menu table tfoot tr th.custom {
    background: 0 0 !important;
    margin-top: 20px;
    cursor: default !important
}

.datepicker.dropdown-menu table tfoot tr th.custom>div {
    float: left
}

.datepicker.dropdown-menu .cancel,.datepicker.dropdown-menu .ok {
    cursor: pointer !important
}

.datepicker.dropdown-menu .ok {
    border: 1px solid #d12b8a;
    color: #d12b8a;
    padding: 4px 25px;
    display: inline-block;
    border-radius: 7px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px
}

.datepicker.dropdown-menu .ok.disabled {
    pointer-events: none
}

.datepicker.dropdown-menu .cancel {
    color: #000;
    padding: 4px 25px;
    display: inline-block;
    border-radius: 7px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px
}

.cart-summary-dropdown {
    -webkit-transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    -webkit-transform: scale(.75) translateX(0);
    transform: scale(.75) translateX(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none;
    text-align: right;
    position: absolute;
    width: 462px;
    background: #fff;
    border-radius: 10px;
    left: -175px;
    top: calc(100% + 15px);
    z-index: 2;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.161);
    box-shadow: 0 5px 10px rgba(0,0,0,.161)
}

@media(max-width: 1919px) and (min-width:1440px) {
    .cart-summary-dropdown {
        width:400px;
        left: -160px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .cart-summary-dropdown {
        width:335px;
        left: -135px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .cart-summary-dropdown {
        width:385px;
        left: 0;
        top: 40px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .cart-summary-dropdown {
        width:340px;
        left: 0;
        top: 40px
    }
}

@media(max-width: 420px) and (min-width:280px) {
    .cart-summary-dropdown {
        width:340px;
        left: -26px;
        top: 40px
    }
}

@media(max-width: 359px) and (min-width:280px) {
    .cart-summary-dropdown {
        width:265px
    }
}

.cart-summary-dropdown.show {
    -webkit-transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
    visibility: visible;
    overflow: auto;
    pointer-events: all
}

@media(max-width: 1199px) {
    .cart-summary-dropdown.show {
        -webkit-transform-origin:100% 0;
        transform-origin: 100% 0
    }
}

.cart-summary-dropdown .dropdown-header {
    padding-top: 25px;
    background: #fff
}

.cart-summary-dropdown .dropdown-header h3 {
    color: #000;
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 16px;
    font-family: NunitoSans-Black;
    font-weight: unset;
    text-transform: capitalize
}

@media(min-width: 768px) {
    .cart-summary-dropdown .dropdown-header h3 {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .cart-summary-dropdown .dropdown-header h3 {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .cart-summary-dropdown .dropdown-header h3 {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .cart-summary-dropdown .dropdown-header h3 {
        font-size:24px
    }
}

.cart-summary-dropdown .card-body {
    padding: 6px 24px;
    max-height: 250px;
    overflow-y: auto
}

.cart-summary-dropdown .card-body.custom-scroll {
    padding: 0 24px 20px 6px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .cart-summary-dropdown .card-body {
        padding:1px 15px
    }

    .cart-summary-dropdown .card-body.custom-scroll {
        padding: 1px 15px 1px 6px
    }
}

.cart-summary-dropdown:not(.profile-dropdown) .checkout-card {
    max-height: calc(100vh - 250px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cart-summary-dropdown:not(.profile-dropdown) .checkout-card .card-body.custom-scroll {
    max-height: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media(max-width: 1919px) and (min-width:1440px) {
    html[dir=rtl] .header.shop_landing_header .main-header ul.right-nav li.profile-btn.logedin>a {
        padding:10px 10px 10px 25px !important
    }
}

html[dir=rtl] .header.shop_landing_header .main-header ul.right-nav li.profile-btn.logedin>a .profile-image-container .profile-image {
    left: 50%;
    right: auto
}

html[dir=rtl] .header.shop_landing_header .main-header ul.right-nav li.profile-btn .cart-summary-dropdown.profile-dropdown .profile-dropmen-links .choose-heading {
    font-family: QTZain-Bold,sans-serif
}

@media(max-width: 420px) and (min-width:280px) {
    html[dir=rtl] .cart-summary-dropdown {
        top:40px
    }
}

html[dir=rtl] .cart-summary-dropdown .product-item>.row .col-2 {
    margin-left: 25px
}

html[dir=rtl] .cart-summary-dropdown .dropdown-header h3,html[dir=rtl] .cart-summary-dropdown .sect-title {
    font-family: QTZain-Bold,sans-serif;
    font-weight: 700
}

html[dir=rtl] .cart-summary-dropdown .sect-title {
    letter-spacing: inherit
}

html[dir=rtl] .cart-summary-dropdown.profile-dropdown .profile-dropmen-links .numbers li span.line-number {
    font-family: NunitoSans-Regular,sans-serif
}

html[dir=rtl] .header.shop_landing_header .main-header ul.right-nav li.profile-btn .cart-summary-dropdown.profile-dropdown .profile-dropmen-links ul.numbers li a {
    font-size: 15px
}

.header.shop_landing_header .sub-header {
    background: url(/o/zain-theme/images/Top-Header.png) repeat;
    background-size: 100%
}

.header.shop_landing_header .sub-header ul {
    padding: 0;
    margin: 0
}

.header.shop_landing_header .sub-header ul li {
    list-style: none;
    display: inline;
    top: 2px
}

.header.shop_landing_header .sub-header ul li a {
    display: inline-block;
    padding: 8px 26px 9px;
    text-decoration: none;
    color: #fff;
    width: inherit
}

html[dir=rtl].ie .header.shop_landing_header .sub-header ul li a {
    line-height: 1.2;
    padding-top: 14px
}

.header.shop_landing_header .sub-header ul li a.active,.header.shop_landing_header .sub-header ul li a:hover {
    background: #d12b8a
}

@media(max-width: 1919px) and (min-width:1440px) {
    .header.shop_landing_header .sub-header ul li a {
        padding:5px 14px 6px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .header.shop_landing_header .sub-header ul li a {
        padding:6px 26px 7px
    }
}

.header.shop_landing_header .sub-header ul.left-menu li {
    float: right
}

.header.shop_landing_header .sub-header ul.right-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block
}

.header.shop_landing_header .sub-header ul.right-menu>.portlet-journal-content {
    display: inline-block
}

.header.shop_landing_header .sub-header ul.right-menu li {
    display: inline-block
}

.header.shop_landing_header .sub-header ul.right-menu li a {
    text-transform: capitalize;
    padding: 11px 26px 12px;
    font-size: 12px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .header.shop_landing_header .sub-header ul.right-menu li a {
        padding:8px 25px 9px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .header.shop_landing_header .sub-header ul.right-menu li a {
        padding:8px 26px
    }
}

@media(min-width: 360px) {
    .header.shop_landing_header .sub-header ul.right-menu li a {
        font-size:12px
    }
}

@media(min-width: 1600px) {
    .header.shop_landing_header .sub-header ul.right-menu li a {
        font-size:14px
    }
}

.header.shop_landing_header .sub-header ul.right-menu li .form-group .form-control {
    background: 0;
    border: 0;
    font-size: 12px;
    color: #fff;
    height: auto;
    padding-right: 5px
}

.header.shop_landing_header .sub-header ul.right-menu li .form-group .form-control option {
    color: #000
}

@media(max-width: 1919px) and (min-width:1440px) {
    .header.shop_landing_header .sub-header ul.right-menu li .form-group .form-control {
        font-size:14px
    }
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop .dropdown-toggle {
    background: 0;
    border: 0;
    font-family: NunitoSans-Regular !important;
    padding: 0 2px;
    font-size: 12px;
    font-weight: unset;
    text-transform: inherit;
    position: inherit;
    top: -8px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop .dropdown-toggle i {
    font-size: 18px;
    margin-right: 5px;
    margin-top: -2px;
    top: 2px;
    padding-right: 5px
}

@media(min-width: 1600px) {
    .header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop .dropdown-toggle {
        font-size:14px
    }
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop .btn-secondary:not(:disabled):not(.disabled).active,.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop .btn-secondary:not(:disabled):not(.disabled):active,.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop .show>.btn-secondary.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border-color: transparent
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop.show .dropdown-menu {
    overflow: hidden;
    min-width: 66px;
    max-height: 68px;
    padding: 0;
    margin-top: -7px;
    position: absolute;
    will-change: transform;
    top: 0;
    right: 0;
    -webkit-transform: translate3d(0,36px,0);
    transform: translate3d(0,36px,0);
    border: 1px solid #c9c9c9;
    border-radius: 0 0 4px 4px
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop.show .dropdown-menu .dropdown-item {
    color: #000;
    padding: 6px;
    min-width: 64px;
    width: 64px;
    min-height: 22px;
    font-size: 14px;
    font-weight: 400
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop.show .dropdown-menu .dropdown-item.active,.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop.show .dropdown-menu .dropdown-item:hover {
    color: #fff
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop.show .dropdown-menu .dropdown-item:not(.active) {
    position: relative;
    top: -8px
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop.sub-header__white button {
    color: #000;
    font-weight: 800
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop.sub-header__white .dropdown-menu.show a.dropdown-item .active:hover {
    color: #000
}

.header.shop_landing_header .sub-header ul.right-menu .top-header-usa-kuwait-dropdown-desktop.sub-header__white .dropdown-menu.show a.dropdown-item:hover {
    background-color: #d12b8a
}

.header.shop_landing_header .sub-header.sub-header__white {
    background: 0;
    background-color: #fff
}

.header.shop_landing_header .sub-header.sub-header__white ul li a {
    color: #d12b8a
}

.header.shop_landing_header .sub-header.sub-header__white ul li a.active,.header.shop_landing_header .sub-header.sub-header__white ul li a:hover {
    color: #fff;
    background: #d12b8a
}

.header.shop_landing_header .sub-header.sub-header__white ul.right-menu li a {
    color: #000;
    font-weight: 800
}

.header.shop_landing_header .sub-header.sub-header__white ul.right-menu li a:hover {
    color: #d12b8a;
    background-color: #fff
}

.header.shop_landing_header .sub-header.sub-header__white ul.right-menu li .form-group .form-control {
    color: #000
}

@media(max-width: 1199px) and (min-width:200px) {
    .header.shop_landing_header .sub-header {
        display:none !important
    }
}

.header.shop_landing_header .sub-header .main-header-sitelink,.header.shop_landing_header .sub-header .main-nav-quick-links {
    display: none !important
}

@media(min-width: 1920px) {
    .header.shop_landing_header .sub-header {
        height:44px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .sub-header .container {
        padding-left:8px;
        padding-right: 8px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .sub-header .container {
        padding-left:6px;
        padding-right: 6px
    }
}

.USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop.sub-header__white span.select2-selection.select2-selection--single .select2-selection__rendered {
    color: #000
}

.USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop.sub-header__white span.select2-selection.select2-selection--single .select2-selection__arrow {
    color: #000
}

.USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop {
    margin: 0
}

.USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop span.select2-selection.select2-selection--single {
    border: 0;
    background: 0;
    min-height: auto
}

.USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop span.select2-selection.select2-selection--single .select2-selection__rendered {
    padding: 1px 1px 1px 28px;
    font-size: 12px;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 600;
    color: #fff
}

@media(min-width: 1600px) {
    .USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop span.select2-selection.select2-selection--single .select2-selection__rendered {
        font-size:14px
    }
}

.USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop span.select2-selection.select2-selection--single .select2-selection__arrow {
    left: 6px;
    color: #fff
}

.USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop span.select2-selection.select2-selection--single .select2-selection__arrow::before {
    font-size: 10px
}

.select2-container--open span.select2-dropdown.select2-dropdown--below {
    top: 1px !important;
    z-index: 9
}

html[dir=rtl] .USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop span.select2-selection.select2-selection--single .select2-selection__rendered {
    padding: 3px 6px 0 28px;
    text-align: left
}

html[dir=rtl] .USA-Kuwait-Dropdown.country-selector.top-header-usa-kuwait-dropdown-desktop span.select2-selection.select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 0
}

@media(max-width: 767px) {
    body.has-control-menu #wrapper {
        margin-top:70px
    }
}

@media(min-width: 768px) {
    body.has-control-menu #wrapper {
        margin-top:68px
    }
}

.has-control-menu.hide-dockbar #wrapper {
    margin-top: 0
}

.has-control-menu.hide-dockbar .header.shop_landing_header .sub-header {
    margin-top: 0
}

@media(max-width: 1199px) and (min-width:200px) {
    .has-control-menu.hide-dockbar .header.shop_landing_header .main-header {
        margin-top:0
    }
}

@media(max-width: 767px) {
    .control-menu {
        height:70px
    }
}

@media(min-width: 768px) {
    .control-menu {
        height:68px
    }
}

.section-wrapper .container-fluid-custom.product-detail {
    max-width: 1920px;
    margin: 0 auto
}

.container-fluid-custom.product-detail .store-heading {
    display: inline;
    cursor: pointer
}

.container-fluid-custom.product-detail .store-values-heading {
    display: none
}

.container-fluid-custom.product-detail .store-values-heading .store-value {
    margin-bottom: 10px;
    margin-right: 5px;
    font-size: 18px
}

.container-fluid-custom.product-detail .login-register-instruction .count {
    display: block;
    font-size: 24px;
    font-weight: 600
}

.container-fluid-custom.product-detail .login-register-instruction .name {
    color: #727272;
    font-size: 18px
}

.container-fluid-custom.product-detail .login-register-instruction button.btn.login-register {
    height: 50px;
    width: 200px;
    font-weight: 700;
    border-radius: 10px;
    background: #fff;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #23b7c0;
    margin-right: 3rem
}

.container-fluid-custom.product-detail .login-register-instruction button.btn.login-register:hover {
    color: #fff;
    background-color: #23b7c0;
    border: 1px solid #fff
}

.container-fluid-custom.product-detail h1 {
    font-weight: 800;
    text-transform: none;
    font-size: 30px
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail h1 {
        font-size:34px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail h1 {
        font-size:40px
    }
}

@media(min-width: 1600px) {
    .container-fluid-custom.product-detail h1 {
        font-size:48px
    }
}

.container-fluid-custom.product-detail .custom-simple-render .lfr-ddm-form-field-container {
    border-bottom: 0
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .custom-simple-render .lfr-ddm-form-field-container {
        border-bottom:0;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(max-width: 1024px) and (min-width:280px) {
    .container-fluid-custom.product-detail .custom-simple-render .lfr-ddm-form-field-container {
        text-align:right
    }
}

.container-fluid-custom.product-detail .custom-simple-render .lfr-ddm-form-field-container .form-group .custom-control {
    display: inline-block;
    margin-left: 10px
}

.container-fluid-custom.product-detail .pre-booking-form {
    margin-top: 15px;
    margin-bottom: 10px;
    position: relative
}

.container-fluid-custom.product-detail .pre-booking-form .form-group {
    text-align: right
}

.container-fluid-custom.product-detail .pre-booking-form .ddm-form-basic-info {
    display: none
}

.container-fluid-custom.product-detail .pre-booking-form .ddm-form-builder-app .lfr-ddm-form-page>.row {
    margin-right: 0;
    margin-left: 0
}

.container-fluid-custom.product-detail .register-msg {
    font-weight: 600
}

.container-fluid-custom.product-detail .button-holder .btn-group .btn {
    font-size: 16px;
    height: 55px;
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #727272;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 22px;
    letter-spacing: .84px;
    padding: 15px 66px 15px 40px;
    position: relative
}

.container-fluid-custom.product-detail .button-holder .btn-group .btn:hover {
    border: 1px solid #d12b8a;
    background: #d12b8a;
    color: #fff
}

.container-fluid-custom.product-detail .custom-simple-render .lfr-ddm-form-fields .form-group .custom-control {
    display: inline-block;
    margin-left: 10px
}

.container-fluid-custom.product-detail .pre-booking-form .ddm-form-basic-info {
    display: none
}

.container-fluid-custom.product-detail .pre-booking-form .lfr-ddm-form-page .lfr-ddm-form-page-description,.container-fluid-custom.product-detail .pre-booking-form .lfr-ddm-form-page .lfr-ddm-form-page-title,.container-fluid-custom.product-detail .pre-booking-form .lfr-ddm-form-page .required-warning,.container-fluid-custom.product-detail .pre-booking-form .lfr-ddm-form-page .row:first-of-type,.container-fluid-custom.product-detail .pre-booking-form .lfr-ddm-form-page .row:nth-of-type(2) {
    display: none
}

.container-fluid-custom.product-detail .pre-booking-form .lfr-ddm-form-submit {
    display: none
}

.container-fluid-custom.product-detail .pre-booking-form .lfr-ddm-form-pagination-controls {
    display: none
}

.container-fluid-custom.product-detail .pre-booking-form .pre-book-button {
    margin-right: 0;
    margin-top: 24px;
    border: 2px solid #d12b8a;
    background: #d12b8a;
    color: #fff;
    border: 2px solid transparent;
    text-transform: capitalize;
    font-size: 16px;
    min-height: 60px;
    padding: 6px 50px;
    min-width: 212px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container-fluid-custom.product-detail .pre-booking-form .pre-book-button {
        font-size:14px;
        min-height: 50px;
        padding: 6px 36px;
        min-width: 190px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .pre-booking-form .pre-book-button {
        font-size:12px;
        min-height: 46px;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 145px
    }
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .pre-booking-form .pre-book-button {
        font-size:12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px;
        min-width: 140px
    }
}

.container-fluid-custom.product-detail .pre-booking-form .pre-book-button:hover {
    border-color: #d12b8a
}

.container-fluid-custom.product-detail .pre-booking-form .icons-container {
    display: none
}

@media(max-width: 1199px) and (min-width:768px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container {
        padding-top:24px
    }
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .form-group.liferay-ddm-form-field-radio {
    margin-bottom: 0;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .form-group.liferay-ddm-form-field-radio {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width: 1024px) and (min-width:280px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .form-group.liferay-ddm-form-field-radio {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .form-group.liferay-ddm-form-field-radio {
        padding-bottom:10px;
        padding-top: 10px
    }

    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .form-group.liferay-ddm-form-field-radio label {
        margin: 18px !important 10px 0
    }
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .form-group.liferay-ddm-form-field-radio div:first-of-type {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio .custom-control-label {
    border-radius: 5px
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio~.custom-control.custom-radio:not(:last-child) .custom-control-label {
    border-radius: 5px
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio:last-child .custom-control-label {
    border-radius: 5px
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio label {
    display: block;
    margin: 0 !important;
    height: 100%;
    letter-spacing: .5px;
    padding-left: 0
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio label svg {
    display: none
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio label input.custom-control-input {
    display: none
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-radio .custom-control-label::before {
    border-radius: 50%;
    display: none
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control-label::after {
    display: none
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control-label-text {
    padding-right: 0
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio {
    margin-left: 5px !important;
    height: 70px;
    margin-top: 0;
    margin-bottom: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 125px;
    flex: 0 1 125px
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio {
        -webkit-box-flex:0;
        -ms-flex: 0 1 112px;
        flex: 0 1 112px
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio {
        min-height:60px;
        height: 60px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio {
        -webkit-box-flex:0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        height: 60px
    }
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio {
    min-height: 70px;
    height: auto;
    min-height: auto !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio {
        -webkit-box-flex:0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        margin-left: 10px !important
    }
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio+.custom-color-radio {
    margin-right: 0
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .custom-control-label {
    display: block;
    border: 0;
    border-radius: 0
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .custom-control-label:before {
        width:15px;
        height: 15px;
        top: -7.5px
    }

    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .custom-control-label:after {
        width: 5px;
        height: 9px;
        top: -5px
    }
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .custom-control-label-text {
    display: block;
    text-align: right;
    width: 100%;
    margin-top: 9px;
    padding-right: 2px
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .color-block {
    padding: 7px 0;
    height: 40px;
    max-width: 40px;
    width: 40px;
    min-height: 40px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .color-block {
        padding:7px 0;
        height: 40px;
        max-width: 40px;
        width: 40px;
        min-height: 40px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .color-block {
        padding:7px 0;
        height: 40px;
        max-width: 40px;
        width: 40px;
        min-height: 40px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .color-block {
        height:40px;
        width: 40px;
        padding: 7px 0
    }
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .color-block span {
    display: inline-block;
    border-radius: 2px;
    height: 24px;
    width: 24px;
    margin: 0 !important;
    border: 1px solid #e3e3e3
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .color-block span {
        height:24px;
        width: 24px;
        border-radius: 2px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio .color-block span {
        height:24px;
        width: 24px;
        border-radius: 5px
    }
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio input:checked+.custom-control-label .color-block {
    border: 2px solid #d12b8a
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control.custom-radio.custom-color-radio input:checked+.custom-control-label .color-block span {
    margin-top: -1px !important
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
    margin: 8px 0 10px;
    font-family: NunitoSans-Regular;
    font-size: 18px;
    color: #2e2e2e;
    text-transform: capitalize;
    font-weight: 500
}

@media(max-width: 1199px) and (min-width:768px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
        margin-bottom:12px
    }
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
        margin-bottom:18px
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
        margin:15px 0 10px
    }
}

@media(min-width: 280px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
        font-size:17px
    }
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
        font-size:18px
    }
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
        font-size:18px
    }
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label span:not(.custom-control-label):not(.custom-control-label-text) {
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    font-family: NunitoSans-Black,sans-serif;
    color: #000;
    margin-right: 2px
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label span:not(.custom-control-label):not(.custom-control-label-text) {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label span:not(.custom-control-label):not(.custom-control-label-text) {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label span:not(.custom-control-label):not(.custom-control-label-text) {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label span:not(.custom-control-label):not(.custom-control-label-text) {
        font-size:18px
    }
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label svg {
    display: none
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .custom-control-label {
    position: relative
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container input:checked~.custom-control-label {
    border: 2px solid #d12b8a;
    color: #d12b8a
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container input:checked~.custom-control-label span {
    font-family: NunitoSans-Black,sans-serif
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container input~.custom-control-label {
    border: 1px solid #e3e3e3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container input~.custom-control-label span {
    font-family: NunitoSans-Black,sans-serif;
    font-size: 12px;
    color: #000
}

@media(min-width: 1600px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container input~.custom-control-label span {
        font-size:14px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container input~.custom-control-label span {
        font-size:14px
    }
}

.container-fluid-custom.product-detail .price-discount {
    padding-bottom: 20px;
    border-bottom: 1px dotted #bfbfbf;
    margin-bottom: 10px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container-fluid-custom.product-detail .price-discount {
        margin-bottom:0
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .container-fluid-custom.product-detail .price-discount {
        margin-bottom:0
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .container-fluid-custom.product-detail .price-discount {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 3px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .price-discount {
        margin-bottom:16px
    }
}

.container-fluid-custom.product-detail .price-discount .price-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.container-fluid-custom.product-detail .price-discount .price-label .price-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.container-fluid-custom.product-detail .price-discount .price-label .price-main .product-promo-price,.container-fluid-custom.product-detail .price-discount .price-label .price-main .strike {
    text-decoration: line-through;
    color: #727272;
    margin-bottom: 0;
    font-family: NunitoSans-Regular,sans-serif;
    margin-left: 16px;
    line-height: 1;
    font-weight: unset;
    letter-spacing: .4px;
    font-size: 16px
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main .product-promo-price,.container-fluid-custom.product-detail .price-discount .price-label .price-main .strike {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main .product-promo-price,.container-fluid-custom.product-detail .price-discount .price-label .price-main .strike {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main .product-promo-price,.container-fluid-custom.product-detail .price-discount .price-label .price-main .strike {
        font-size:20px
    }
}

.container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
    font-family: NunitoSans-SemiBold,sans-serif;
    margin: 0 0 0 20px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #000;
    letter-spacing: .8px
}

@media(min-width: 280px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
        font-size:28px
    }
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
        font-size:28px
    }
}

@media(min-width: 1024px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
        font-size:28px
    }
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
        font-size:32px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
        font-size:32px
    }
}

@media(min-width: 1600px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
        font-size:32px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
        margin:0 0 0 15px
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
        margin-top:3px
    }
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
        margin-left:0
    }
}

.container-fluid-custom.product-detail .price-discount .price-label .price-main h3 span {
    font-family: NunitoSans-Black
}

.container-fluid-custom.product-detail .price-discount .price-label .price-main h3 small {
    text-transform: lowercase;
    color: #6f6f6f;
    font-weight: unset;
    margin-bottom: 2px;
    line-height: 1.2;
    font-size: 80%;
    margin-bottom: 0;
    margin-right: 5px
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 small {
        font-size:18px
    }
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 small {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 small {
        font-size:14px
    }
}

.container-fluid-custom.product-detail .price-discount .price-label .sale-label {
    border-right: 1px solid #70489d;
    padding-right: 20px;
    font-size: 12px;
    margin-right: 20px;
    line-height: 21px
}

.container-fluid-custom.product-detail .price-discount .price-label .sale-label i {
    color: #70489d;
    line-height: 1.6
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .price-discount .price-label .sale-label i {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .price-discount .price-label .sale-label i {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .price-discount .price-label .sale-label i {
        font-size:20px
    }
}

.container-fluid-custom.product-detail .price-discount .price-label .sale-label p {
    margin: 0;
    color: #70489d;
    text-transform: uppercase
}

.container-fluid-custom.product-detail .store-values-heading {
    width: 45%;
    margin: 0 auto;
    text-align: right
}

.container-fluid-custom.product-detail .store-values-heading .store-value {
    font-size: 12px
}

.container-fluid-custom.product-detail input.check_button {
    border: 2px solid transparent;
    font-size: 12px;
    min-height: 46px;
    padding-right: 20px;
    padding-left: 20px;
    min-width: 145px
}

.container-fluid-custom.product-detail input.check_button:hover {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a
}

.container-fluid-custom.product-detail .product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 16px 0 16px 16px
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .product-rating {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.2
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .container-fluid-custom.product-detail .product-rating {
        -webkit-box-pack:left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.container-fluid-custom.product-detail .product-rating .star {
    color: #e3e3e3
}

.container-fluid-custom.product-detail .product-rating .star.active {
    color: #ffce00
}

.container-fluid-custom.product-detail .product-rating .rating-count {
    color: #727272;
    padding-right: 0
}

.container-fluid-custom.product-detail .product-rating a {
    cursor: pointer;
    padding-right: 0
}

.container-fluid-custom.product-detail .product-rating .ratting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.container-fluid-custom.product-detail .product-rating .ratting .img {
    width: 18px;
    height: 19px;
    background-repeat: no-repeat;
    margin-left: 10px;
    background-size: contain
}

@media(max-width: 1199px) and (min-width:768px) {
    .container-fluid-custom.product-detail .product-rating .ratting .img {
        min-height:19px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .container-fluid-custom.product-detail .product-rating .ratting .img {
        min-height:23px;
        min-width: 12px
    }
}

.container-fluid-custom.product-detail .product-rating .ratting .img.rating {
    background-image: url("/o/zain-theme/images/star.svg")
}

.container-fluid-custom.product-detail .product-rating .ratting .img.zero-rating {
    background-image: url("/o/zain-theme/images/star_unfilled.svg")
}

.container-fluid-custom.product-detail .product-rating .ratting span {
    font-size: 16px;
    color: #6f6f6f
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .product-rating .ratting span {
        line-height:16px
    }
}

.container-fluid-custom.product-detail .fav-comp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 84%
}

@media(min-width: 1199px) {
    .container-fluid-custom.product-detail .fav-comp {
        margin:-20px auto 0 0
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .container-fluid-custom.product-detail .fav-comp {
        padding-bottom:30px;
        margin-right: 0;
        max-width: unset
    }
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .fav-comp {
        border-bottom:0;
        max-width: unset
    }
}

@media(max-width: 767px) {
    .container-fluid-custom.product-detail .fav-comp {
        padding-bottom:0;
        margin-right: 65px;
        margin-left: 40px;
        max-width: unset
    }
}

.container-fluid-custom.product-detail .fav-comp>.btn-group {
    margin-bottom: 60px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .fav-comp>.btn-group {
        margin-bottom:0;
        margin-top: 16px
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .fav-comp>.btn-group {
        margin-bottom:32px
    }
}

@media(max-width: 768px) {
    .container-fluid-custom.product-detail .fav-comp>.btn-group {
        -webkit-box-flex:1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        max-width: 225px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .fav-comp>.btn-group {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.container-fluid-custom.product-detail .fav-comp .btn {
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 50px;
    min-height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: NunitoSans-Black,sans-serif;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .5px;
    color: #727272;
    padding: .375rem 10px
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .fav-comp .btn {
        font-size:14px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container-fluid-custom.product-detail .fav-comp .btn {
        padding:0 10px;
        min-height: 48px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .fav-comp .btn {
        padding:0 10px;
        min-height: 48px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .container-fluid-custom.product-detail .fav-comp .btn {
        padding:0 10px;
        min-height: 48px;
        font-size: 14px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 0 auto
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .fav-comp .btn {
        padding:0 20px;
        min-height: 40px;
        font-size: 14px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: NunitoSans-Black,sans-serif !important
    }

    .container-fluid-custom.product-detail .fav-comp .btn .icon,.container-fluid-custom.product-detail .fav-comp .btn i {
        font-size: 22px
    }
}

.container-fluid-custom.product-detail .fav-comp .btn .zn-ico:before {
    vertical-align: sub
}

.container-fluid-custom.product-detail .fav-comp .btn span {
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .fav-comp .btn span {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .fav-comp .btn span {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .fav-comp .btn span {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .container-fluid-custom.product-detail .fav-comp .btn span {
        font-size:22px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .container-fluid-custom.product-detail .fav-comp .btn span {
        font-size:22px
    }
}

.container-fluid-custom.product-detail .fav-comp .btn .btn-pc-5:hover {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a
}

.container-fluid-custom.product-detail .fav-comp .btn.compare-button {
    border-radius: 5px
}

.container-fluid-custom.product-detail .fav-comp .btn.compare-button:only-child {
    border-radius: 5px
}

.container-fluid-custom.product-detail .fav-comp .btn#zain-add-to-wishlist {
    border-radius: 10px
}

.container-fluid-custom.product-detail .pay-options {
    margin-bottom: 27px;
    text-align: right
}

.container-fluid-custom.product-detail .no_commitment-sect p,.container-fluid-custom.product-detail .pay-options p {
    color: #2e2e2e;
    margin: 8px 0 10px;
    font-size: 17px
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .no_commitment-sect p,.container-fluid-custom.product-detail .pay-options p {
        font-size:18px
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .no_commitment-sect p,.container-fluid-custom.product-detail .pay-options p {
        margin:15px 0 10px
    }
}

.container-fluid-custom.product-detail .no_commitment-sect p .auto-lbl,.container-fluid-custom.product-detail .pay-options p .auto-lbl {
    font-family: NunitoSans-Black,sans-serif;
    color: #000;
    padding-right: 5px
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper,.container-fluid-custom.product-detail .pay-options .radio-wraper {
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn {
    border-radius: 0;
    padding: 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 70px;
    display: block
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn input,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn input {
    display: none
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn {
        min-height:50px
    }
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn:first-child,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn:first-child {
    border-radius: 0 10px 10px 0
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn:last-child,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn:last-child {
    border-radius: 10px 0 0 10px
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio {
    border: 1px solid #e3e3e3;
    height: 60px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    padding: 0;
    margin-bottom: 0
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio {
        min-height:60px;
        height: 60px
    }
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio label,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio label {
    padding: 0;
    text-transform: none;
    font-family: NunitoSans-Black,sans-serif;
    color: #2e2e2e;
    font-weight: 100;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px
}

@media(min-width: 1600px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio label,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio label {
        font-size:14px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio label,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio label {
        font-size:14px
    }
}

@media(max-width: 319px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio label,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio label {
        font-size:11px
    }
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active {
    transition: 0;
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
    -o-transition: 0;
    border: 2px solid #d12b8a;
    position: relative
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:before,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active:before {
    height: 25px;
    width: 25px;
    background: #d12b8a;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -12.5px;
    top: -12.5px;
    z-index: 1
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:before,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active:before {
        height:22px;
        width: 22px;
        left: -10.5px;
        top: -12.5px
    }
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:before,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active:before {
        left:50%;
        -webkit-transform: translate(50%) rotate(45deg);
        transform: translate(calc(50% * -1)) rotate(45deg)
    }
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:after,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active:after {
    position: absolute;
    height: 12px;
    width: 6px;
    display: inline-block;
    background: 0;
    border: 2px solid #fff;
    top: -7px;
    left: -3.5px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 0;
    border-right: 0
}

@media(max-width: 1919px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:after,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active:after {
        height:10px;
        width: 5px;
        top: -7px;
        left: -2.5px
    }
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:after,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active:after {
        left:50%;
        -webkit-transform: translate(50%) rotate(45deg);
        transform: translate(calc(50% * -1)) rotate(45deg)
    }
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active label,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active label {
    font-family: NunitoSans-Black,sans-serif;
    color: #d12b8a
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn,.container-fluid-custom.product-detail .pay-options .radio-wraper .btn {
        min-height:60px;
        height: 60px
    }
}

.container-fluid-custom.product-detail .no_commitment-sect {
    margin-top: 1.5rem
}

.container-fluid-custom.product-detail .no_commitment-sect .device-lbl {
    font-family: NunitoSans-Regular;
    text-decoration: none;
    color: #727272;
    position: relative;
    top: 0;
    text-transform: none
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .no_commitment-sect .device-lbl {
        font-size:20px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .no_commitment-sect .device-lbl {
        font-size:20px
    }
}

.container-fluid-custom.product-detail .no_commitment-sect .device-lbl span {
    font-family: NunitoSans-Black,sans-serif;
    color: #000;
    font-size: 20px
}

.container-fluid-custom.product-detail .no_commitment-sect .device-lbl .promo-price {
    text-decoration: line-through;
    color: #727272;
    font-weight: 400;
    margin-left: 8px;
    font-family: NunitoSans-Regular;
    margin-right: 5px
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: right;
    padding: 16px 60px 12px 10px;
    border-radius: 8px
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio>span {
    font-size: 12px;
    font-weight: 400;
    font-family: NunitoSans-Regular,sans-serif;
    text-transform: none;
    text-transform: none
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio p {
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    color: #6f6f6f;
    font-family: NunitoSans-Regular,sans-serif;
    margin: 16px 0 0 0
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio label {
    height: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio:only-child {
    border-radius: 8px
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:before {
    left: inherit;
    right: 14px;
    top: 17px;
    border: 2px solid #d12b8a;
    background: 0;
    width: 24px;
    height: 24px;
    content: ""
}

.container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:after {
    content: "";
    height: 12px;
    width: 12px;
    top: 23px;
    right: 20px;
    border: 0;
    background: #d12b8a;
    border-radius: 50%
}

@media(min-width: 280px) and (max-width:1200px) {
    .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:after {
        right:26px
    }
}

.container-fluid-custom.product-detail .device-details {
    margin-top: 20px
}

@media(max-width: 1199px) {
    .container-fluid-custom.product-detail .device-details {
        text-align:center;
        margin-top: 20px
    }
}

@media(max-width: 767px) {
    .container-fluid-custom.product-detail .device-details {
        text-align:right
    }
}

.container-fluid-custom.product-detail .device-name {
    font-family: NunitoSans-Black;
    color: #2e2e2e;
    letter-spacing: .8px;
    line-height: 1.2;
    margin: 10px 0;
    font-size: 32px
}

@media(max-width: 1024px) and (min-width:768px) {
    .container-fluid-custom.product-detail .device-name {
        font-size:28px;
        margin-top: 0;
        margin-bottom: 11px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .device-name {
        font-size:28px;
        margin-top: 0;
        margin-bottom: 27px
    }
}

.container-fluid-custom.product-detail .brand-name {
    color: #727272;
    font-family: NunitoSans-Regular,sans-serif;
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 16px;
    font-weight: unset;
    text-transform: capitalize;
    margin-bottom: 0
}

@media(min-width: 768px) {
    .container-fluid-custom.product-detail .brand-name {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .brand-name {
        font-size:16px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .brand-name {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .container-fluid-custom.product-detail .brand-name {
        font-size:16px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container-fluid-custom.product-detail .card-value-qty {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.container-fluid-custom.product-detail .card-value-qty .custom-number-input .btn,.container-fluid-custom.product-detail .card-value-qty .custom-number-input .form-control {
    min-height: 42px
}

.container-fluid-custom.product-detail .card-value-qty .custom-number-input .form-control {
    width: 38px;
    min-width: 38px
}

.container-fluid-custom.product-detail .card-value-qty .tab-placement-label {
    font-size: 14px;
    margin-left: 20px
}

@media(min-width: 1200px) {
    .container-fluid-custom.product-detail .card-value-qty .tab-placement-label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .container-fluid-custom.product-detail .card-value-qty .tab-placement-label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .container-fluid-custom.product-detail .card-value-qty .tab-placement-label {
        font-size:18px
    }
}

.container-fluid-custom.product-detail #plan-modal button.close {
    display: none
}

@media(max-width: 1024px) {
    .left-content-area .rating-stock-msg {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media(max-width: 1024px) and (min-width:768px) {
    .left-content-area .rating-stock-msg {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .left-content-area .rating-stock-msg .class-stock {
        margin: 16px 0 16px 16px
    }
}

@media(max-width: 767px) {
    .left-content-area .rating-stock-msg {
        -ms-flex-wrap:wrap-reverse;
        flex-wrap: wrap-reverse;
        margin: 16px 0 12px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .left-content-area .rating-stock-msg .class-stock,.left-content-area .rating-stock-msg .product-rating {
        margin-top: 0;
        margin-bottom: 4px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: right
    }

    .left-content-area .rating-stock-msg .ratting {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .left-content-area .rating-stock-msg .ratting .img {
        background-position: center center
    }

    .left-content-area .rating-stock-msg .ratting span {
        line-height: 16px
    }
}

@media(max-width: 1024px) {
    .right-content-area .rating-stock-msg {
        display:none
    }
}

.zain-product-detail-body .seperator-line-container {
    position: relative
}

.zain-product-detail-body .seperator-line-container:before {
    content: "";
    width: calc(100% + 2000px);
    border-top: 2px solid #d12b8a;
    position: absolute;
    left: 0;
    top: 100%
}

.zain-product-detail-body .tab-content {
    margin-top: 33px
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-product-detail-body .tab-content {
        padding:0 !important
    }
}

.zain-product-detail-body .nav-tabs {
    border-bottom: 0
}

.zain-product-detail-body .nav-tabs .nav-link {
    color: #727272;
    padding: 8px 48px 0;
    min-width: 178px;
    text-align: center;
    letter-spacing: .6px;
    line-height: 1.2;
    font-family: NunitoSans-Regular;
    text-decoration: none;
    font-size: 24px;
    border: 0;
    margin-bottom: -1px
}

.zain-product-detail-body .nav-tabs .nav-link.active {
    color: #d12b8a;
    font-family: NunitoSans-Black,sans-serif;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 4px solid !important;
    padding: 6px 10px
}

@media(min-width: 1200px) {
    .zain-product-detail-body .nav-tabs .nav-link {
        font-size:20px
    }
}

@media(min-width: 1440px) {
    .zain-product-detail-body .nav-tabs .nav-link {
        font-size:24px
    }
}

@media(min-width: 1600px) {
    .zain-product-detail-body .nav-tabs .nav-link {
        font-size:32px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .zain-product-detail-body .nav-tabs .nav-link {
        min-width:160px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-product-detail-body .nav-tabs .nav-link {
        min-width:130px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-product-detail-body .nav-tabs .nav-link {
        font-size:18px;
        min-width: 140px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-product-detail-body .nav-tabs .nav-link {
        font-size:22px;
        min-width: 140px;
        padding: 8px 16px
    }
}

.zain-product-detail-body .accordion.features_accordian {
    margin-bottom: 90px
}

.zain-product-detail-body .accordion.features_accordian .card {
    border: 0;
    margin-bottom: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.zain-product-detail-body .accordion.features_accordian .card .card-header {
    background: #fff;
    text-align: right;
    border-bottom: 0
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-header {
        padding:14px 0
    }
}

.zain-product-detail-body .accordion.features_accordian .card .card-header .btn-link {
    text-decoration: none;
    color: #d12b8a;
    background: #f7f7f7;
    border-radius: 50%;
    line-height: 0;
    padding: 0;
    min-height: 40px;
    width: 40px;
    text-align: center;
    margin-left: 16px
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-header .btn-link i {
        font-size:12px
    }
}

.zain-product-detail-body .accordion.features_accordian .card .card-header .fs-24 {
    font-size: 32x;
    letter-spacing: .4px;
    line-height: 1.6;
    font-family: NunitoSans-Black;
    white-space: nowrap
}

@media(min-width: 280px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-header .fs-24 {
        font-size:17px
    }
}

@media(min-width: 768px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-header .fs-24 {
        font-size:32px
    }
}

@media(min-width: 1200px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-header .fs-24 {
        font-size:32px
    }
}

@media(min-width: 1440px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-header .fs-24 {
        font-size:32px
    }
}

@media(min-width: 1600px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-header .fs-24 {
        font-size:32px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-header .fs-24 {
        font-family:NunitoSans-Regular,sans-serif;
        font-size: 17px;
        white-space: normal;
        line-height: normal
    }
}

.zain-product-detail-body .accordion.features_accordian .card .card-header .view-more-tables.text-right a {
    font-size: 20px;
    text-decoration: underline
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-header .view-more-tables.text-right a {
        font-size:12px
    }
}

.zain-product-detail-body .accordion.features_accordian .card .card-body {
    text-align: right;
    padding: 0
}

.zain-product-detail-body .accordion.features_accordian .card .card-body .fs-20 {
    color: #000;
    font-size: 14px;
    font-family: NunitoSans-Black;
    letter-spacing: inherit
}

@media(min-width: 768px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-body .fs-20 {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-body .fs-20 {
        font-size:16px
    }
}

@media(min-width: 1440px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-body .fs-20 {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    .zain-product-detail-body .accordion.features_accordian .card .card-body .fs-20 {
        font-size:20px
    }
}

.zain-product-detail-body .accordion.features_accordian .card .feature-content {
    width: 100%;
    margin-bottom: 30px
}

.zain-product-detail-body .accordion.features_accordian .card .feature-content .btn {
    border: 1px solid #d12b8a;
    color: #d12b8a;
    padding: 12px 30px;
    min-width: 160px
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-product-detail-body .accordion.features_accordian .card .feature-content .btn {
        padding-right:25px;
        padding-left: 25px;
        min-height: 35px;
        height: 35px;
        font-size: 12px;
        min-width: auto
    }
}

.zain-product-detail-body .accordion.features_accordian .card .feature-content p {
    font-size: 12px
}

@media(min-width: 768px) {
    .zain-product-detail-body .accordion.features_accordian .card .feature-content p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .zain-product-detail-body .accordion.features_accordian .card .feature-content p {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .zain-product-detail-body .accordion.features_accordian .card .feature-content p {
        font-size:18px
    }
}

.zain-product-detail-body .accordion.features_accordian .card .features-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    gap: 10px
}

@media(max-width: 767px) and (min-width:200px) {
    .zain-product-detail-body .accordion.features_accordian .card .features-list {
        -ms-grid-columns:(1fr)[1];
        grid-template-columns: repeat(1,1fr);
        gap: 5px
    }
}

.zain-product-detail-body .accordion.features_accordian .card .features-list li {
    list-style: none;
    line-height: 24px;
    color: #727272;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width: 1200px) {
    .zain-product-detail-body .accordion.features_accordian .card .features-list li {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .zain-product-detail-body .accordion.features_accordian .card .features-list li {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .zain-product-detail-body .accordion.features_accordian .card .features-list li {
        font-size:18px
    }
}

.zain-product-detail-body .accordion.features_accordian .card .features-list li i {
    color: #d12b8a;
    margin-left: 26px;
    font-size: 12px
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-product-detail-body .accordion.features_accordian .card .features-list li i {
        margin-left:10px
    }
}

.zain-product-detail-body .accordion.features_accordian .card .features-list li img,.zain-product-detail-body .accordion.features_accordian .card .features-list li video {
    width: 100%;
    max-width: 100%
}

.zain-product-detail-body .accordion.features_accordian .card .features-list li .heading {
    min-width: 50%;
    padding: 16px 8px;
    color: #6f6f6f
}

@media(min-width: 1440px) {
    .zain-product-detail-body .accordion.features_accordian .card .features-list li .heading {
        font-size:18px
    }
}

.zain-product-detail-body .accordion.features_accordian .card .features-list li .ellipses-text {
    padding: 16px 8px;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 50%;
    color: #2e2e2e
}

@media(min-width: 1440px) {
    .zain-product-detail-body .accordion.features_accordian .card .features-list li .ellipses-text {
        font-size:18px
    }
}

.zain-product-detail-body .accordion.features_accordian .card .features-list li .ellipses-text.show-full-text {
    text-overflow: unset !important;
    max-width: unset !important;
    white-space: unset !important;
    overflow: unset !important
}

@media(max-width: 768px) {
    .zain-product-detail-body .accordion.features_accordian .card {
        max-width:100%;
        margin: 0 auto
    }
}

@media(max-width: 767px) {
    .zain-product-detail-body .order-tracking-popup .modal-dialog {
        width:90% !important
    }
}

.container-fluid-custom.product-detail .fav-comp #zain-add-to-wishlist.add-to-fav-deactive,.container-fluid-custom.product-detail .fav-comp .compare-button.zain-active-button {
    background: 0;
    border: 2px solid #d12b8a;
    color: #d12b8a;
    z-index: 0
}

.container-fluid-custom.product-detail .fav-comp #zain-add-to-wishlist.add-to-fav-deactive .icon-favorite-heart-button:before,.container-fluid-custom.product-detail .fav-comp .compare-button.zain-active-button .icon-favorite-heart-button:before {
    content: "\e958";
    color: #d12b8a
}

.section-wrapper .product-detail-header {
    position: relative
}

.section-wrapper .product-detail-header .bottom-stripe {
    display: none !important
}

@media(max-width: 767px) {
    .section-wrapper .product-detail-header .container {
        padding-left:0;
        padding-right: 0
    }
}

@media(min-width: 768px) {
    .section-wrapper .product-detail-header>.container {
        max-width:640px
    }
}

@media(min-width: 1200px) {
    .section-wrapper .product-detail-header>.container {
        max-width:1048px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .product-detail-header>.container {
        max-width:1260px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .product-detail-header>.container {
        max-width:1470px
    }
}

.section-wrapper .product-detail-header .left-content-area.col-lg-7 {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding-right: 0
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .left-content-area.col-lg-7 {
        padding-right:0;
        padding-left: 0;
        position: static;
        max-width: 100%
    }
}

.section-wrapper .product-detail-header .right-content-area {
    min-height: 850px
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .right-content-area {
        max-width:100%;
        margin-right: auto;
        margin-left: auto;
        min-height: unset
    }
}

.section-wrapper .product-detail-header .zain-add-to-cart-button .check_button {
    border: 2px solid #d12b8a;
    background: #d12b8a;
    color: #fff;
    border: 2px solid transparent;
    text-transform: capitalize;
    font-size: 16px;
    min-height: 60px;
    padding: 6px 50px;
    min-width: 212px;
    text-transform: uppercase
}

.section-wrapper .product-detail-header .zain-add-to-cart-button .check_button.disabled {
    pointer-events: none
}

.section-wrapper .product-detail-header .zain-add-to-cart-button .check_button:hover {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-wrapper .product-detail-header .zain-add-to-cart-button .check_button {
        font-size:14px;
        min-height: 50px;
        padding: 6px 36px;
        min-width: 190px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .zain-add-to-cart-button .check_button {
        font-size:12px;
        min-height: 46px;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 145px
    }
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .zain-add-to-cart-button .check_button {
        font-size:12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px;
        min-width: 140px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .product-detail-header .zain-add-to-cart-button .check_button {
        font-family:NunitoSans-SemiBold,sans-serif
    }
}

.section-wrapper .product-detail-header .add-plan-btn-container .add-to-plan-btn,.section-wrapper .product-detail-header .zain-add-to-cart-button .taglib-add-to-cart {
    margin-top: 0;
    background: #d12b8a;
    color: #fff;
    border-color: #d12b8a;
    min-height: 48px;
    max-height: 48px
}

@media(min-width: 1440px) and (max-width:1919px) {
    .section-wrapper .product-detail-header .add-plan-btn-container .add-to-plan-btn,.section-wrapper .product-detail-header .zain-add-to-cart-button .taglib-add-to-cart {
        min-width:160px;
        min-height: 46px;
        max-height: 46px
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .section-wrapper .product-detail-header .add-plan-btn-container .add-to-plan-btn,.section-wrapper .product-detail-header .zain-add-to-cart-button .taglib-add-to-cart {
        min-width:160px;
        min-height: 44px;
        max-height: 44px
    }
}

.section-wrapper .product-detail-header .add-plan-btn-container .add-to-plan-btn.disabled,.section-wrapper .product-detail-header .zain-add-to-cart-button .taglib-add-to-cart.disabled {
    margin-top: 0;
    border-color: #e5e5e5;
    background: #e5e5e5 !important;
    color: #6f6f6f !important;
    opacity: 1
}

.section-wrapper .product-detail-header .add-plan-btn-container {
    margin-top: 1rem
}

@media(max-width: 767px) {
    .section-wrapper .product-detail-header .continue-btn-container {
        display:none
    }
}

.section-wrapper .product-detail-header .continue-btn-container .btn-inner-container {
    margin-top: 1rem
}

@media(max-width: 767px) {
    .section-wrapper .product-detail-header .continue-btn-container .btn-inner-container {
        position:fixed;
        bottom: 0;
        z-index: 10;
        right: 0;
        left: 0;
        padding: 20px 15px 30px;
        background: #fff;
        -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.3);
        box-shadow: 0 0 15px -5px rgba(0,0,0,.3);
        margin-top: 0
    }

    .section-wrapper .product-detail-header .continue-btn-container .btn-inner-container .btn {
        width: 100%;
        height: 56px;
        margin-top: 0
    }
}

.section-wrapper .product-detail-header .zain-add-to-cart-button .commerce-quantity-container {
    display: none
}

.section-wrapper .product-detail-header .btn.btn-pc-5 {
    background: 0;
    border: 1px solid #727272;
    color: #727272
}

.section-wrapper .product-detail-header .btn.btn-pc-5:hover {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a
}

.section-wrapper .product-detail-header .out-of-stock_alert {
    background: rgba(209,43,138,.05);
    border-radius: 5px;
    padding: 16px 26px 24px;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 18px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.01);
    box-shadow: 0 3px 6px rgba(0,0,0,.01)
}

@media(max-width: 1919px) and (min-width:280px) {
    .section-wrapper .product-detail-header .out-of-stock_alert {
        padding:12px 26px 8px
    }
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .out-of-stock_alert {
        margin-top:0
    }
}

.section-wrapper .product-detail-header .out-of-stock_alert .stockOut_icon {
    position: relative;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    height: 52px;
    margin-left: 12px;
    width: 52px;
    padding: 12px 0;
    vertical-align: middle;
    text-align: center
}

.section-wrapper .product-detail-header .out-of-stock_alert .stockOut_icon i {
    position: absolute;
    line-height: 52px;
    vertical-align: middle;
    top: 0;
    width: 100%;
    right: 0
}

.section-wrapper .product-detail-header .out-of-stock_alert .stockOut_icon i.icon-1 {
    font-size: 26px
}

.section-wrapper .product-detail-header .out-of-stock_alert .stockOut_icon i.icon-2 {
    color: #d12b8a
}

.section-wrapper .product-detail-header .out-of-stock_alert h4.mb-0 {
    text-transform: inherit;
    color: #70489d;
    font-family: NunitoSans-SemiBold,sans-serif;
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 16px;
    font-weight: unset
}

@media(min-width: 768px) {
    .section-wrapper .product-detail-header .out-of-stock_alert h4.mb-0 {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .section-wrapper .product-detail-header .out-of-stock_alert h4.mb-0 {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .product-detail-header .out-of-stock_alert h4.mb-0 {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .product-detail-header .out-of-stock_alert h4.mb-0 {
        font-size:22px
    }
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .out-of-stock_alert h4.mb-0 {
        font-family:NunitoSans-Black,sans-serif;
        font-size: 18px
    }
}

.section-wrapper .product-detail-header .out-of-stock_alert .notify_links {
    cursor: pointer;
    display: inline-block
}

.section-wrapper .product-detail-header .out-of-stock_alert .notify_links p {
    text-align: center;
    text-transform: uppercase;
    font-family: NunitoSans-Black,sans-serif;
    color: #000;
    margin: 0;
    padding: 20px 0;
    font-size: 12px;
    font-weight: 400
}

@media(min-width: 1600px) {
    .section-wrapper .product-detail-header .out-of-stock_alert .notify_links p {
        font-size:14px
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav {
    width: 13%;
    display: inline-block;
    float: right;
    text-align: center
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_nav {
        width:15%
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
    border-right: 1px solid #e3e3e3
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav .slick-arrow.next .icon-arrow-pointing-to-right::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav .slick-arrow {
    position: relative;
    height: 34px;
    width: 86px;
    min-width: auto;
    border-radius: 8px;
    min-height: auto;
    opacity: 1;
    margin: 35px 0;
    color: #fff
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav .slick-arrow i {
    margin: 0;
    padding: 0;
    font-size: 12px
}

@media(min-width: 1440px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_nav .slick-arrow i {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_nav .slick-arrow i {
        font-size:16px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_nav .slick-arrow {
        margin:15px 0
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav .slick-arrow.prev .icon-arrow-pointing-to-right::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav .slick-list {
    padding: 0 0 0 8px
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav .slide.slick-current {
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.161);
    box-shadow: 0 3px 6px rgba(0,0,0,.161);
    border-radius: 5px 0 0 5px
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav .slide.slick-current::before {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 3px;
    top: 0;
    background: #d12b8a
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav .slide .slide-thumbnail {
    cursor: pointer;
    padding: 12px 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 155px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_nav .slide .slide-thumbnail {
        padding:12px 18px;
        min-height: 125px
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slider_nav .slide .slide-thumbnail img {
    width: 100%
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_nav .slide .slide-thumbnail {
        padding:12px 18px;
        min-height: 125px
    }

    .section-wrapper .product-detail-header .product-detail-slider .slider_nav .slide .slide-thumbnail img {
        min-height: 68px
    }
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_nav {
        display:none
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slider_main {
    width: 85%;
    max-width: 620px;
    display: inline-block;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main {
        width:60%
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main {
        width:65%
    }
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main {
        width:100%
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-arrow.prev {
    right: -50px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-arrow.prev {
        left:calc(100% - 0px)
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-arrow {
    top: 50%
}

.section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list {
    max-width: 550px;
    margin: 0 auto;
    width: 100%
}

.section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img {
    width: 95%;
    margin: 0 auto;
    border-radius: 10px;
    min-height: 800px;
    padding: 20px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img img {
    width: 100%
}

@media(min-width: 1440px) and (max-width:1919px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img {
        min-height:620px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img {
        min-height:440px;
        width: 95%
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img {
        height:340px;
        width: 95%;
        padding: 20px 20px;
        min-height: auto
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img {
        min-height:600px;
        height: 600px
    }

    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img {
        min-height:440px;
        width: 95%
    }

    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img img {
        width: 100%
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img {
        height:340px;
        width: 95%;
        padding: 20px 20px;
        min-height: auto
    }

    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list .slide .slide-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media(max-width: 1199px) and (min-width:280px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-list {
        max-width:100%;
        padding-bottom: 40px !important;
        padding-top: 20px !important
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-arrow.slick-disabled {
    visibility: visible;
    pointer-events: none;
    opacity: .4
}

.section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-arrow.next {
    right: auto;
    left: -50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .product-detail-slider .slider_main .slick-arrow.next {
        right:calc(100% - 0px)
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slide-thumbnail {
    padding: 2px 10px
}

.section-wrapper .product-detail-header .product-detail-slider .slick-arrow.slick-disabled {
    visibility: hidden
}

.section-wrapper .product-detail-header .product-detail-slider .slick-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.section-wrapper .product-detail-header .product-detail-slider .btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.section-wrapper .product-detail-header .product-detail-slider .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-wrapper .product-detail-header .product-detail-slider .slick-arrow.dark {
    background: rgba(0,0,0,.4)
}

.section-wrapper .product-detail-header .product-detail-slider .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.section-wrapper .product-detail-header .product-detail-slider .slick-track:before {
    content: "";
    display: table
}

.section-wrapper .product-detail-header .product-detail-slider .slick-track:after {
    content: "";
    display: table
}

.section-wrapper .product-detail-header .product-detail-slider .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 60px;
    width: 60px;
    color: #fff;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: rgba(255,255,255,.4);
    z-index: 1;
    visibility: visible
}

.section-wrapper .product-detail-header .product-detail-slider .slick-arrow i {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px
}

@media(max-width: 1919px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .product-detail-slider .slick-arrow i {
        font-size:16px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-wrapper .product-detail-header .product-detail-slider .slick-arrow {
        height:55px;
        width: 55px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .product-detail-slider .slick-arrow {
        height:45px;
        width: 45px
    }
}

.section-wrapper .product-detail-header .product-detail-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px
}

.section-wrapper .product-detail-header .product-detail-slider .slick-dots li button {
    position: relative;
    z-index: 1;
    cursor: pointer;
    border: 3px solid #c9c9c9;
    border-radius: 50%;
    background: 0;
    line-height: 0;
    padding: 0;
    overflow: hidden;
    margin: 0 5px;
    outline: 0;
    color: transparent;
    height: 8px;
    width: 8px
}

.section-wrapper .product-detail-header .product-detail-slider .slick-dots li.slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .product-detail-slider .slick-dots {
        height:21px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .section-wrapper .product-detail-header .product-detail-slider .slick-dots li {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0
    }

    .section-wrapper .product-detail-header .product-detail-slider .slick-dots li button {
        width: 0;
        height: 0;
        line-height: 0
    }
}

@media(max-width: 1199px) and (min-width:280px) {
    .section-wrapper .product-detail-header .product-detail-slider .slick-slide {
        opacity:.3
    }

    .section-wrapper .product-detail-header .product-detail-slider .slick-slide.slick-current {
        opacity: 1
    }
}

.section-wrapper .product-detail-header .pre-booking-form .lfr-ddm-form-container .lfr-ddm-form-page {
    padding: 0
}

.section-wrapper .product-detail-header .pre-booking-form .container-fluid-1280.ddm-form-builder-app {
    padding: 0
}

.section-wrapper .product-detail-header .pre-booking-form .container-fluid-1280.ddm-form-builder-app .col-md-12 {
    padding: 0
}

.section-wrapper .product-detail-header .pre-booking-form .ddm-label,.section-wrapper .product-detail-header .pre-booking-form label {
    color: #000;
    margin-right: 20px;
    font-weight: 100;
    font-size: 14px;
    margin-bottom: 8px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-wrapper .product-detail-header .pre-booking-form .ddm-label,.section-wrapper .product-detail-header .pre-booking-form label {
        margin-right:15px
    }
}

@media(min-width: 1200px) {
    .section-wrapper .product-detail-header .pre-booking-form .ddm-label,.section-wrapper .product-detail-header .pre-booking-form label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .product-detail-header .pre-booking-form .ddm-label,.section-wrapper .product-detail-header .pre-booking-form label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .product-detail-header .pre-booking-form .ddm-label,.section-wrapper .product-detail-header .pre-booking-form label {
        font-size:18px
    }
}

.section-wrapper .product-detail-header .pre-booking-form .ddm-label svg,.section-wrapper .product-detail-header .pre-booking-form label svg {
    display: none
}

.section-wrapper .product-detail-header .pre-booking-form .form-group input.form-control {
    background-color: #f7f7f7;
    border: 0;
    min-height: 60px;
    font-size: 18px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-wrapper .product-detail-header .pre-booking-form .form-group input.form-control {
        min-height:52px;
        font-size: 14px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .product-detail-header .pre-booking-form .form-group input.form-control {
        min-height:46px;
        font-size: 14px
    }
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .pre-booking-form .form-group input.form-control {
        min-height:46px;
        font-size: 14px
    }
}

.section-wrapper .product-detail-header .pre-booking-form .quantity-bar {
    margin-top: 2rem
}

@media(max-width: 1199px) {
    .section-wrapper .product-detail-header .pre-booking-form .quantity-bar .card-value-qty {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.section-wrapper .product-detail-header .availability {
    display: none
}

.section-wrapper .product-detail-header .sku {
    display: none
}

.section-wrapper .product-detail-header .price {
    font-weight: Bold
}

@media(min-width: 768px) {
    .section-wrapper .product-detail-header .line-quantity-selector p {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .section-wrapper .product-detail-header .line-quantity-selector p {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .product-detail-header .line-quantity-selector p {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .product-detail-header .line-quantity-selector p {
        font-size:22px
    }
}

.login-register {
    margin-top: 30px;
    margin-bottom: 50px;
    border-top: 1px solid #e3e3e3
}

@media(max-width: 1199px) {
    .login-register {
        border-top:0
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .login-register {
        border-top:0;
        margin-bottom: 20px
    }
}

.login-register .main-heading {
    margin: 15px 0 10px 0;
    font-family: NunitoSans-Black;
    letter-spacing: .4px;
    line-height: 1.6;
    text-transform: none;
    font-size: 16px
}

@media(min-width: 768px) {
    .login-register .main-heading {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .login-register .main-heading {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .login-register .main-heading {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .login-register .main-heading {
        font-size:22px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .login-register .main-heading {
        margin-bottom:0;
        font-size: 18px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .login-register .main-heading {
        margin-bottom:0;
        font-size: 22px
    }
}

.login-register .sub-text {
    color: #727272;
    margin-bottom: 0;
    font-size: 14px
}

@media(min-width: 1200px) {
    .login-register .sub-text {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .login-register .sub-text {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .login-register .sub-text {
        font-size:18px
    }
}

@media(max-width: 1199px) {
    .login-register .sub-text {
        margin-bottom:15px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .login-register .sub-text {
        letter-spacing:inherit
    }
}

.login-register .btn.btn-pc-4 {
    border: 2px solid #23b7c0;
    background: 0;
    color: #000;
    padding: .375rem 30px
}

.login-register .btn.btn-pc-4:hover {
    background: #23b7c0;
    color: #fff
}

@media(max-width: 1919px) and (min-width:1440px) {
    .login-register .btn.btn-pc-4 {
        min-width:160px;
        font-size: 12px;
        min-height: 46px;
        padding-right: 30px;
        padding-left: 30px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .login-register .btn.btn-pc-4 {
        min-width:auto;
        font-size: 12px;
        min-height: 44px;
        padding: 0 10px
    }
}

@media(max-width: 1199px) {
    .login-register .btn.btn-pc-4 {
        margin-bottom:15px;
        font-size: 12px;
        padding: .375rem 30px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .login-register .btn.btn-pc-4 {
        padding:.375rem 25px;
        font-family: NunitoSans-SemiBold,sans-serif;
        min-height: 35px
    }
}

.login-register .col-lg-5 {
    text-align: left
}

@media(max-width: 1199px) {
    .login-register {
        text-align:center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .login-register .col-lg-5,.login-register .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }
}

.product-promo-label {
    background: #fdf4f9;
    border-radius: 4px;
    padding: 15px 30px;
    padding-right: 30px;
    position: relative;
    padding-right: 60px;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 18px
}

@media(max-width: 1440px) {
    .product-promo-label {
        font-size:14px
    }
}

.product-promo-label::before {
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 10px solid #fdf4f9;
    content: "";
    position: absolute;
    right: 25px;
    bottom: 100%
}

@media(max-width: 1199px) {
    .product-promo-label::before {
        right:50%
    }
}

.product-promo-label:after {
    content: "";
    background: #fff url(/o/zain-theme/images/hurryup_icon.png) no-repeat center center;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 20px;
    top: 11px
}

@media(min-width: 1025px) {
    .product-detail-header .fixed-sect {
        display:none
    }
}

@media(max-width: 1199px) {
    .product-detail-header .right-content-area .device-name {
        display:none
    }

    .product-detail-header .right-content-area .product-rating {
        display: none
    }

    .product-detail-header .fixed-sect .btn-stripe {
        position: absolute;
        right: 0;
        left: 0;
        text-align: center;
        top: -17px
    }

    .product-detail-header .fixed-sect .compare-btn-icon {
        font-size: 16px;
        color: #fff;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-image: url("/o/zain-theme/images/icon-bg.png");
        display: inline-block;
        line-height: 30px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 50%;
        margin-top: -15px;
        margin-right: -15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-detail-header .fixed-sect .compare-btn-icon .icon-double-angle-up {
        font-size: 12px;
        position: absolute;
        top: 3px
    }

    .product-detail-header .fixed-sect .compare-btn-icon .icon-compare-black {
        font-size: 15px;
        position: absolute;
        top: 12px
    }

    .product-detail-header .fixed-sect .sticky-price h3 {
        color: #d12b8a;
        font-family: NunitoSans-SemiBold,sans-serif;
        font-size: 20px;
        margin-bottom: 0
    }

    .product-detail-header .fixed-sect .sticky-price .product-promo-price {
        font-size: 16px
    }

    .product-detail-header .fixed-sect .sticky-price .sale-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-detail-header .fixed-sect .sticky-price .sale-label .icon-percentage-black {
        color: #727272;
        font-size: 16px;
        margin-left: 5px
    }
}

@media(max-width: 1024px) and (min-width:280px) {
    .product-detail-header .fixed-sect {
        display:none;
        position: fixed;
        bottom: 0;
        width: 100%;
        right: 0;
        background: #fff;
        z-index: 9;
        -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.3);
        box-shadow: 0 0 15px -5px rgba(0,0,0,.3);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #d12b8a;
        padding: 10px 0
    }

    .product-detail-header .fixed-sect .container {
        max-width: 340px;
        padding-left: 3px;
        padding-right: 3px
    }

    .product-detail-header .fixed-sect .container .zain-add-to-cart-button {
        margin-top: 0
    }

    .product-detail-header .fixed-sect .container .fixed-sect-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .product-detail-header .fixed-sect .container .main-heading {
        color: #d12b8a;
        font-family: NunitoSans-SemiBold,sans-serif;
        font-size: 24px;
        margin-bottom: 0
    }

    .product-detail-header .fixed-sect .container .sub-text {
        color: #727272;
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 1rem;
        font-family: NunitoSans-Regular;
        text-transform: capitalize
    }

    .product-detail-header .fixed-sect .container .btn {
        font-family: NunitoSans-SemiBold,sans-serif;
        padding: 10px 15px;
        font-size: 12px;
        min-height: auto;
        height: 44px;
        border-radius: 7px
    }

    .product-detail-header .fixed-sect .container .btn.btn-pc-3:hover {
        background: #d12b8a;
        color: #fff
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow {
    background: #d12b8a
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow:hover {
    background: #fff
}

@media(max-width: 1199px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li.benefits span.tool-tip.info img {
        margin-left:5px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .container.tabs-container {
        max-width:100%
    }
}

html[dir=rtl] .product-detail-header .left-content-area.col-lg-7 {
    left: auto;
    right: 0;
    padding-right: 0;
    padding-left: 8px
}

html[dir=rtl] .product-detail-header .out-of-stock_alert h4.mb-0 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .product-detail-header .out-of-stock_alert .notify_links p {
    width: 254px;
    margin: 0 auto;
    text-align: right
}

html[dir=rtl] .product-detail-header .product-detail-slider .slider_nav.slick-vertical .slick-slide {
    border-left: 1px solid #e3e3e3;
    border-right: 0
}

html[dir=rtl] .product-detail-header .product-detail-slider .slider_nav .slide.slick-current::before {
    left: inherit;
    right: 0
}

html[dir=rtl] .product-detail-header .product-detail-slider .slider_main .slick-arrow .icon-arrow-pointing-to-right:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

html[dir=rtl] .product-detail-header .product-detail-slider .slider_main .slick-arrow.next {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

@media(max-width: 2500px) and (min-width:1600px) {
    html[dir=rtl] .product-detail-header .product-detail-slider .slider_main .slick-arrow.next {
        right:calc(100% - 0px)
    }
}

html[dir=rtl] .product-detail-header .product-detail-slider .slider_main .slick-arrow.prev {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

@media(max-width: 2500px) and (min-width:1600px) {
    html[dir=rtl] .product-detail-header .product-detail-slider .slider_main .slick-arrow.prev {
        right:auto;
        left: calc(100% - 0px)
    }
}

html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label span:not(.custom-control-label):not(.custom-control-label-text) {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .price-discount .price-label .price-main .price,html[dir=rtl] .container-fluid-custom.product-detail .price-discount .price-label .price-main h3 {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .device-name,html[dir=rtl] .container-fluid-custom.product-detail .fav-comp .btn {
    font-family: QTZain-Bold,sans-serif;
    font-weight: 700
}

html[dir=rtl] .container-fluid-custom.product-detail .brand-name {
    font-weight: 700
}

html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-container .lfr-ddm-form-fields label span:not(.custom-control-label):not(.custom-control-label-text) {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .lfr-ddm-form-container input:checked~.custom-control-label span {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active label,html[dir=rtl] .container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active label {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .no_commitment-sect p .auto-lbl,html[dir=rtl] .container-fluid-custom.product-detail .pay-options p .auto-lbl {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .zain-product-detail-body .nav-tabs .nav-link,html[dir=rtl] .container-fluid-custom.product-detail .zain-product-detail-body .nav-tabs .nav-link.active {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .zain-product-detail-body .accordion.features_accordian .card .card-header .fs-24 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render input:checked~.custom-control-label::after {
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    right: -3.5px
}

@media(max-width: 1919px) and (min-width:1200px) {
    html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render input:checked~.custom-control-label::after {
        right:-2.5px
    }
}

@media(max-width: 1199px) {
    html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render input:checked~.custom-control-label::after {
        right:50%
    }
}

html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render input:checked~.custom-control-label::before {
    right: -12.5px
}

@media(max-width: 1919px) and (min-width:1200px) {
    html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render input:checked~.custom-control-label::before {
        right:-10.5px
    }
}

@media(max-width: 1199px) {
    html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render input:checked~.custom-control-label::before {
        right:50%
    }
}

html[dir=rtl] .right-content-area .out-of-stock_alert .store-heading p i::before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

html[dir=rtl] .zain-product-detail-body.accordion.features_accordian .card .card-header {
    text-align: left
}

html[dir=rtl] .zain-product-detail-body.accordion.features_accordian .card .card-body {
    text-align: left
}

@media(max-width: 1199px) {
    html[dir=rtl] .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:before,html[dir=rtl] .container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active:before {
        right:50%
    }
}

html[dir=rtl] .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:after,html[dir=rtl] .container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active:after {
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0
}

@media(max-width: 1199px) {
    html[dir=rtl] .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:after,html[dir=rtl] .container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio.active:after {
        right:50%
    }
}

html[dir=rtl] .section-wrapper .product-detail-header .out-of-stock_alert .notify_links p {
    font-weight: 700
}

html[dir=rtl] .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper button.btn.prev.slick-arrow i.icon-arrow-pointing-to-right::before {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important
}

@media(max-width: 1199px) {
    .right-content-area {
        max-width:100%;
        margin: 0;
        text-align: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.faq-question {
    font-weight: 700;
    color: #000
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .zain-product-detail-body .tab-content {
        padding:0 !important
    }
}

@media(max-width: 1199px) {
    .section-wrapper .container-fluid-custom.product-detail .left-content-area .device-details {
        margin-top:69px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .section-wrapper .container-fluid-custom.product-detail .left-content-area .device-details {
        margin-top:20px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .container-fluid-custom.product-detail .container {
        max-width:640px
    }
}

@media(max-width: 1199px) {
    body.signed-in .zain-product-detail-body .nav-tabs {
        margin-top:30px
    }
}

.zain-custom-color-form-field-form-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.zain-custom-color-form-field-form-field .sel-color-label {
    display: block;
    width: 100%
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-custom-color-form-field-form-field .sel-color-label {
        margin:13px !important 10px 0
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-custom-color-form-field-form-field {
        margin-bottom:10px
    }
}

@media(max-width: 1199px) and (min-width:1023px) {
    .zain-custom-color-form-field-form-field {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width: 1024px) and (min-width:280px) {
    .zain-custom-color-form-field-form-field {
        -webkit-box-pack:left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.choose-plan-loading,.common-loading,.plan-loading,.product-options-loading {
    background: rgba(255,255,255,.8);
    z-index: 20;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2
}

.choose-plan-loading .lds-ellipsis.m-auto,.common-loading .lds-ellipsis.m-auto,.plan-loading .lds-ellipsis.m-auto,.product-options-loading .lds-ellipsis.m-auto {
    margin: inherit !important
}

.price-loading .lds-ellipsis {
    height: 10px
}

.price-loading .lds-ellipsis div {
    top: 0
}

.availability-popup-content .availability-text p a {
    color: #d12b8a !important
}

.availability-popup-content .availability-text p a:hover {
    color: #d12b8a
}

.plans-product-popup .order-tracking-popup-header {
    text-align: center;
    padding-top: 20px;
    margin: auto
}

.plans-product-popup .order-tracking-popup-header h3 span {
    display: block;
    text-align: center;
    padding-bottom: 10px
}

.plans-product-popup .order-tracking-popup-header h3 span img {
    max-width: 38px
}

.plans-product-popup .popup-action .btn {
    width: 220px
}

.plans-product-popup .popup-action a.btn.btn-pc-3.border-btn {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a !important
}

.plans-product-popup .popup-action a.btn.btn-pc-3.border-btn:hover {
    background: #d12b8a;
    color: #fff
}

.plans-product-popup .popup-action .btn.btn-pc-3 {
    min-width: 120px;
    line-height: 250%;
    padding: 7px 10px
}

.container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container input:checked~.custom-control-label span {
    color: #d12b8a
}

.zain-product-detail-body .accordion.features_accordian .card .features-list li:nth-child(4n+1) {
    background: #f8f8f8
}

.zain-product-detail-body .accordion.features_accordian .card .features-list li:nth-child(4n+2) {
    background: #f8f8f8
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-product-detail-body .accordion.features_accordian .card .features-list li:nth-child(odd) {
        background:#f8f8f8
    }

    .zain-product-detail-body .accordion.features_accordian .card .features-list li:nth-child(2n) {
        background: #fff
    }

    .section-wrapper .product-detail-header .container {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .section-wrapper .product-detail-header .container.tabs-container {
        padding: 0 3px
    }

    html[dir=rtl] .container-fluid-custom.product-detail .product-rating {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right
    }
}

@media(max-width: 1024px) and (min-width:280px) {
    html[dir=rtl] .container-fluid-custom.product-detail .options.custom-simple-render .lfr-ddm-form-container .form-group.liferay-ddm-form-field-radio {
        -webkit-box-pack:right;
        -ms-flex-pack: right;
        justify-content: right
    }

    html[dir=rtl] .container-fluid-custom.product-detail .custom-simple-render .lfr-ddm-form-field-container .zain-custom-color-form-field-form-field {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right
    }
}

@media(max-width: 1199px) and (min-width:280px) {
    .container-fluid-custom.product-detail .device-details {
        margin-top:0
    }
}

.class-stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0 16px 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.class-stock .img {
    min-width: 20px;
    background-repeat: no-repeat;
    margin-left: 10px;
    background-size: contain;
    min-height: 20px
}

@media(max-width: 1199px) and (min-width:280px) {
    .class-stock {
        margin-top:0
    }
}

.class-stock.lql-stock {
    color: #9e6801
}

.class-stock.lql-stock .img {
    background-image: url("/o/zain-theme/images/limited-quantity-right.svg")
}

.class-stock.lql-stock span {
    color: #9e6801
}

.class-stock.in-stock {
    color: #028666
}

.class-stock.in-stock .img {
    background-image: url("/o/zain-theme/images/stock.svg")
}

.class-stock.in-stock span {
    color: #028666;
    line-height: 16px
}

.class-stock.of-stock {
    color: #c60224
}

.class-stock.of-stock .img {
    background-image: url("/o/zain-theme/images/out-of-stock.svg")
}

.class-stock.of-stock span {
    color: #c60224
}

@media(max-width: 1199px) and (min-width:768px) {
    .class-stock {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .class-stock {
        -webkit-box-pack:left;
        -ms-flex-pack: left;
        justify-content: left
    }

    html[dir=rtl] .class-stock {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right
    }
}

.section-wrapper .product-detail-header .threshold {
    margin-top: 20px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content {
    width: 100% !important;
    margin-top: 1.5rem !important
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content:first-child {
    margin-top: 0 !important
}

@media(max-width: 1199px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content {
        width:unset !important;
        display: block
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper {
    min-height: auto !important;
    padding: 10px 62px 15px 14px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    border: 1px solid #e5e5e5 !important
}

@media(max-width: 319px) and (min-width:200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper {
        padding:10px 50px 15px 14px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .kd-detail {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 0 !important;
    color: #000;
    border-bottom: 0
}

@media(max-width: 1199px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .kd-detail {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .price {
    font-family: NunitoSans-Black;
    margin-right: 0 !important;
    margin-top: 3px;
    letter-spacing: .8px
}

@media(max-width: 1199px) and (min-width:768px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .price {
        text-align:right
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .price {
        text-align:right
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .price .kd-label {
    font-size: 20px !important;
    vertical-align: unset
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .price .kd-count {
    font-size: 20px !important;
    line-height: 0 !important
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .price .kd-duration {
    font-size: 14px;
    color: #6f6f6f;
    font-family: NunitoSans-SemiBold;
    text-transform: none;
    letter-spacing: .4px;
    text-transform: lowercase
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .commitment {
    font-size: 12px;
    padding-bottom: 3px
}

@media(max-width: 1199px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .commitment {
        text-align:right
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification {
    margin-top: 1.1rem
}

@media(max-width: 1199px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification {
        text-align:right
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .service-item {
    padding: 0 !important;
    font-size: 14px !important;
    margin-bottom: 0
}

@media(max-width: 767px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .service-item {
        font-size:12px !important
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .service-item .service-block {
    margin-left: 1px
}

@media(max-width: 767px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .service-item .service-block {
        font-size:12px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .benefits-detail {
    font-family: NunitoSans-Black;
    font-size: 14px !important
}

@media(max-width: 767px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .benefits-detail {
        font-size:12px !important
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .addons {
    font-family: NunitoSans-Black;
    font-size: 14px !important;
    display: inline-block
}

@media(max-width: 767px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .addons {
        font-size:12px !important
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .addons span.addons-label {
    margin-right: 0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification ul.plan-custom-scroll .addons .addons-detail {
    display: inline-block !important;
    border-bottom: none !important;
    padding: 0;
    margin-top: 0 !important;
    color: #212529
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .paln-specification .renew-content h2 {
    font-size: 20px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll .service-item .add:nth-last-child(2) {
    display: none
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slanted {
    position: absolute;
    -webkit-clip-path: polygon(100% 0,100% 50%,100% 99%,0% 100%,10% 50%,0% 0%);
    clip-path: polygon(100% 0,100% 50%,100% 99%,0% 100%,10% 50%,0% 0%);
    font-size: 12px !important;
    padding: 10px 10px 10px 15px !important;
    top: -20px !important;
    left: 0;
    -webkit-transform: translate(0,100%) !important;
    transform: translate(0,100%) !important;
    text-transform: capitalize !important;
    font-family: NunitoSans-Black !important;
    z-index: 1;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: -2px !important
}

.separator.pd-separator {
    border-top: 2px solid #d8008e;
    margin: 30px 0 60px 0;
    width: 97%;
    margin-right: -7px
}

@media(max-width: 767px) {
    .separator.pd-separator {
        display:none
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper {
    position: relative
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .custom-checkbox {
    position: absolute;
    right: 14px;
    width: 24px;
    height: 24px;
    top: 17px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .custom-checkbox label {
    width: 24px;
    height: 24px;
    right: 0;
    top: 0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .custom-checkbox label::before {
    border-radius: 50%;
    border-color: #6f6f6f !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 0
}

@media(max-width: 1199px) and (min-width:768px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .custom-checkbox label::before {
        margin-right:0
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper.active-border {
    border: 2px solid #d12c89 !important
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper.active-border .custom-checkbox label::before {
    border: 2px solid #d12b8a !important;
    background: 0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper.active-border .custom-checkbox label::after {
    border: 0;
    content: "";
    background: #d12b8a;
    border-radius: 50%;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%)
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll .service-item span.service-block.less-items:not(:nth-child(-n+5)) {
    display: none
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll .service-item span.add.less-items:not(:nth-child(-n+5)) {
    display: none
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll .addons .add:last-child {
    display: none
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll .benefits-detail .add:last-child {
    display: none
}

.pay_see_less,.pay_see_more {
    text-decoration: underline !important;
    font-size: 14px
}

.commitment-navs .nav-tabs {
    border-bottom: 1px solid #6f6f6f;
    margin: 0 0 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.commitment-navs .nav-tabs .nav-item {
    border: 0;
    font-family: NunitoSans-SemiBold,sans-serif;
    font-size: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    text-align: center;
    letter-spacing: .6px;
    cursor: pointer
}

.commitment-navs .nav-tabs .nav-item.active {
    color: #000;
    background-color: transparent;
    border-bottom: 4px solid #d12b8a !important;
    padding: 6px 10px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper[data-type=zainplus] .slanted {
    background: #09b5c0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper[data-type=zainplus] .slanted::before {
    background: #09b5c0
}

@media(max-width: 1199px) {
    html[dir=rtl] .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:before {
        right:25px !important
    }

    html[dir=rtl] .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:after {
        right: 25px !important
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio label {
        padding-right:8px;
        padding-left: 8px
    }
}

html[dir=rtl] .container-fluid-custom.product-detail .pay-options .radio-wraper .btn.custom-radio label {
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio label {
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .class-stock.lql-stock .img {
    background-image: url("/o/zain-theme/images/limited-quantity-left.svg")
}

@media(min-width: 768px) {
    .section-wrapper .zain-wishlist-page .container {
        padding-left:8px;
        padding-right: 8px
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .zain-wishlist-page .container {
        max-width:820px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .zain-wishlist-page .container {
        max-width:710px;
        padding: 0
    }
}

@media(max-width: 768px) {
    .section-wrapper .zain-wishlist-page {
        margin-left:-8px;
        margin-right: -8px
    }
}

.section-wrapper .zain-wishlist-page .delete-product {
    color: #fff
}

.section-wrapper .zain-wishlist-page button.btn.btn-pc-10.btn-sm.addToCart {
    background: 0;
    color: #d12b8a;
    padding: 7px 15px
}

.section-wrapper .zain-wishlist-page button.btn.btn-pc-10.btn-sm.addToCart i {
    margin-right: 0;
    margin-left: 5px
}

.section-wrapper .zain-wishlist-page .products-grid-item .product-detail .star-rating {
    pointer-events: inherit
}

.zain-wishlist-page .results-count {
    color: #d12b8a;
    margin-bottom: 6px;
    font-weight: 100;
    font-size: 12px
}

@media(min-width: 768px) {
    .zain-wishlist-page .results-count {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .zain-wishlist-page .results-count {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .zain-wishlist-page .results-count {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .zain-wishlist-page .results-count {
        font-size:18px
    }
}

.zain-wishlist-page h5 {
    padding: 15px 40px
}

.zain-wishlist-page .product-thumbnail .options.favourite .icon {
    background: #fff;
    background-color: #d12b8a;
    border-color: #d12b8a
}

.zain-wishlist-page .product-thumbnail .product-detail .price-tag p {
    font-size: 12px
}

@media(min-width: 768px) {
    .zain-wishlist-page .product-thumbnail .product-detail .price-tag p {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .zain-wishlist-page .product-thumbnail .product-detail .price-tag p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .zain-wishlist-page .product-thumbnail .product-detail .price-tag p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .zain-wishlist-page .product-thumbnail .product-detail .price-tag p {
        font-size:18px
    }
}

.zain-wishlist-page .product-thumbnail .product-detail .star-rating {
    margin-bottom: 12px
}

.zain-wishlist-page .product-thumbnail .product-detail .star-rating a {
    cursor: pointer;
    padding-right: 5px
}

.zain-wishlist-page .product-thumbnail .product-detail button.buy-now {
    padding: 7px 15px;
    min-width: 120px
}

.zain-wishlist-page .favourite .icon {
    width: 44px;
    height: 44px;
    border: solid 1px #e3e3e3;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    z-index: 1;
    position: relative;
    display: inline-block;
    color: #fff;
    background: #e3e3e3
}

.zain-wishlist-page .fav-comp {
    position: absolute;
    top: 32px;
    left: 209px;
    text-align: left;
    font-size: 14px;
    color: #fff;
    width: calc(100% - 35px)
}

.zain-wishlist-page span.zn-ico.icon-favorite-heart-button.icon {
    position: relative;
    left: -190px;
    top: -20px
}

.zain-wishlist-page .star-rating .taglib-ratings .liferay-rating-vote {
    display: none
}

.zain-wishlist-page .lfr-search-container-wrapper {
    display: block;
    width: 100%
}

.zain-wishlist-page .sheet.taglib-empty-result-message {
    border: 0;
    background: rgba(209,43,138,.05);
    margin-bottom: 20px
}

.zain-wishlist-page .sheet.taglib-empty-result-message .taglib-empty-result-message-header {
    display: none
}

.zain-wishlist-page .sheet.taglib-empty-result-message .sheet-text {
    font-weight: 700;
    font-size: 24px;
    color: #70489d;
    font-family: NunitoSans-SemiBold,sans-serif
}

.zain-wishlist-page .new_options.collapse.show {
    visibility: visible;
    opacity: 1;
    height: auto
}

.zain-wishlist-page .products-grid-item {
    margin-top: 60px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-wishlist-page .products-grid-item .product-image img {
        max-width:170px
    }
}

@media(min-width: 1440px) {
    .zain-wishlist-page .products-grid-item .product-image img {
        max-width:270px
    }
}

html[dir=rtl] .zain-wishlist-page .products-grid-item .accordion.features_accordian .card .card-header .mg_c {
    font-family: qt_zaintextregular
}

html[dir=rtl] .zain-wishlist-page .products-grid-item .product-detail h3 {
    color: #000;
    font-family: qt_zaintext_bold_pcbold;
    font-weight: unset
}

html[dir=rtl] .zain-wishlist-page .products-grid-item .product-detail .price-tag p {
    font-family: qt_zaintextregular;
    font-weight: 400
}

html[dir=rtl] .zain-wishlist-page .products-grid-item .product-detail .price-tag h4 small,html[dir=rtl] .zain-wishlist-page .products-grid-item .product-detail .price-tag h4 span {
    font-family: qt_zaintext_bold_pcbold;
    font-weight: 400
}

.wishlist-popup .order-tracking-popup-header {
    text-align: center;
    padding-top: 20px;
    margin: auto
}

.wishlist-popup .order-tracking-popup-header h3 {
    font-size: 19px
}

.wishlist-popup .order-tracking-popup-header h3 span {
    display: block;
    text-align: center;
    padding-bottom: 10px
}

.wishlist-popup .order-tracking-popup-header img {
    max-width: 38px
}

.wishlist-popup .popup-action .btn {
    width: 220px;
    border-color: #d12b8a !important;
    padding: 7px 10px
}

@media(max-width: 767px) and (min-width:320px) {
    .wishlist-popup .popup-action .btn {
        font-size:12px
    }
}

.wishlist-popup .popup-action .btn.btn-pc-3 {
    line-height: 250%;
    min-width: 120px
}

.wishlist-popup .popup-action.pb-2 .btn:hover {
    background: #d12b8a;
    color: #fff
}

.wishlist-popup .popup-action.pb-2 .btn {
    background: 0;
    color: #d12b8a
}

.top-search-bar {
    background: #f7f7f7;
    padding: 70px 0 54px 0;
    margin-bottom: 45px;
    position: relative;
    margin-right: -8px;
    margin-left: -8px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .top-search-bar {
        padding:40px 0 24px 0
    }
}

@media(max-width: 767px) {
    .top-search-bar .container {
        max-width:340px !important
    }
}

@media(min-width: 768px) {
    .top-search-bar .container {
        padding-left:4px;
        padding-right: 4px
    }
}

.top-search-bar .search-autocomplete {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
    margin: 32px auto;
    max-width: 60%;
    text-align: center;
    width: 100%;
    z-index: 2
}

@media(max-width: 1199px) {
    .top-search-bar .search-autocomplete {
        max-width:100%
    }
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper {
    margin: 0;
    position: relative
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
    width: 100%;
    height: 75px;
    border: 0;
    border-radius: 5px;
    padding: 12px 70px 12px 195px;
    outline: 0;
    color: #000;
    font-family: NunitoSans-Black,sans-serif;
    font-weight: 600;
    background: #fff;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1;
    font-size: 16px
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input::-webkit-input-placeholder {
    color: #727272;
    letter-spacing: .5px;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 400
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input:focus::-webkit-input-placeholder {
    color: #d5d5d5;
    color: rgba(114,114,114,.3)
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input::-moz-placeholder {
    color: #727272;
    letter-spacing: .5px;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 400
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input:focus::-moz-placeholder {
    color: #d5d5d5;
    color: rgba(114,114,114,.3)
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input:-moz-placeholder {
    color: #727272;
    letter-spacing: .5px;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 400
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input:focus:-moz-placeholder {
    color: #d5d5d5;
    color: rgba(114,114,114,.3)
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input:-ms-input-placeholder {
    color: #727272;
    letter-spacing: .5px;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 400
}

.top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input:focus:-ms-input-placeholder {
    color: #d5d5d5;
    color: rgba(114,114,114,.3)
}

@media(min-width: 768px) {
    .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        font-size:22px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        padding:12px 70px 12px 160px;
        height: 64px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        height:60px;
        padding: 12px 70px 12px 160px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        height:52px;
        padding: 10px 20px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        height:52px;
        padding: 10px 100px 10px 30px !important
    }
}

.top-search-bar .search-autocomplete .search-bar-search-button-wrapper {
    position: absolute;
    width: 144px;
    min-width: auto;
    height: calc(100% - 18px);
    left: 10px;
    top: 10px;
    border-radius: 5px;
    background: #d12b8a;
    color: #fff;
    border: 2px solid transparent;
    left: 68px;
    z-index: 2
}

@media(max-width: 1919px) and (min-width:1440px) {
    .top-search-bar .search-autocomplete .search-bar-search-button-wrapper {
        width:120px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .top-search-bar .search-autocomplete .search-bar-search-button-wrapper {
        width:100px;
        left: 60px;
        min-height: 44px
    }
}

.top-search-bar .search-autocomplete .search-bar-search-button-wrapper button {
    width: 100%;
    font-size: 16px;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    color: inherit
}

@media(min-width: 768px) {
    .top-search-bar .search-autocomplete .search-bar-search-button-wrapper button {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .top-search-bar .search-autocomplete .search-bar-search-button-wrapper button {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .top-search-bar .search-autocomplete .search-bar-search-button-wrapper button {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .top-search-bar .search-autocomplete .search-bar-search-button-wrapper button {
        font-size:24px
    }
}

@media(max-width: 768px) {
    .top-search-bar .search-autocomplete .search-bar-search-button-wrapper button {
        padding-right:0;
        padding-left: 0;
        font-size: 20px;
        font-weight: 400
    }
}

.top-search-bar .search-autocomplete .search-bar-search-button-wrapper button:before {
    margin-top: -5px
}

@media(max-width: 1199px) {
    .top-search-bar .search-autocomplete .search-bar-search-button-wrapper {
        min-height:auto;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        height: 36px;
        width: auto;
        font-size: 20px;
        top: 0;
        left: 10px;
        margin: 8px;
        padding: 2px 26px;
        max-width: 77px
    }
}

.top-search-bar .autocomplete-container {
    position: absolute;
    width: 100%;
    z-index: 0
}

.top-search-bar .search-bar-simple {
    position: relative;
    z-index: 1
}

.top-search-bar .row.error-msg {
    font-family: NunitoSans-SemiBold,sans-serif;
    font-size: 16px;
    text-align: center
}

@media(min-width: 768px) {
    .top-search-bar .row.error-msg {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .top-search-bar .row.error-msg {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .top-search-bar .row.error-msg {
        font-size:20px
    }
}

html[dir=rtl] .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
    font-family: QTZain-Reguar,sans-serif
}

@media(max-width: 1919px) and (min-width:1440px) {
    html[dir=rtl] .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        padding:12px 30px 12px 140px;
        text-align: right
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    html[dir=rtl] .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        height:60px;
        padding: 12px 30px 12px 120px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    html[dir=rtl] .top-search-bar .search-autocomplete .search-bar-keywords-input-wrapper .search-bar-keywords-input {
        padding:10px 20px !important
    }
}

html[dir=rtl] .top-search-bar .search-autocomplete .search-bar-search-button-wrapper {
    left: 10px;
    right: auto
}

html[dir=rtl] .portlet-zain-search-results .search-results .viewmore-link .btn.btn-link label {
    font-family: QTZain-Bold,sans-serif;
    font-weight: 700
}

html[dir=rtl] .main-header .search-autocomplete input {
    font-family: QTZain-Reguar,sans-serif
}

@media(max-width: 1199px) {
    html[dir=rtl] .main-header .mobile-menu-toggle .main-mobile-menu .mobile-search .search-autocomplete input {
        padding:10px 20px;
        height: 48px
    }
}

html[dir=rtl] .ui-autocomplete li a {
    font-family: QTZain-Reguar,sans-serif;
    color: #727272
}

@media(max-width: 767px) and (min-width:280px) {
    html[dir=rtl] .ui-autocomplete li a {
        padding:12px 10px
    }
}

.product-tag {
    position: relative
}

.product-tag .tag-label {
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -2px;
    background: #000;
    color: #fff;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 100;
    padding: 3px 30px;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
    font-size: 12px
}

.product-tag .tag-label:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 30px;
    right: -15px;
    background: #fff;
    top: 0;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    z-index: -1
}

@media(min-width: 768px) {
    .product-tag .tag-label {
        font-size:12px
    }
}

@media(min-width: 1200px) {
    .product-tag .tag-label {
        font-size:12px
    }
}

@media(min-width: 1440px) {
    .product-tag .tag-label {
        font-size:14px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product-tag .tag-label {
        padding:2px 15px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .product-tag .tag-label {
        padding:3px 18px
    }
}

.product-tag.new {
    border-radius: 0 10px 10px 10px
}

.product-tag.new label {
    background: #23b7c0
}

.product-tag.new label:before {
    background-color: #23b7c0
}

.product-tag.on_sale {
    border-radius: 0 10px 10px 10px;
    border: 2px dashed #000
}

.product-tag.on_sale label:before {
    background-color: #000
}

@media(max-width: 767px) and (min-width:280px) {
    .product-tag.on_sale label {
        top:0
    }
}

.product-tag.recommend_for_you {
    border-radius: 0 10px 10px 10px
}

.product-tag.recommend_for_you label {
    background: #d12b8a
}

.product-tag.recommend_for_you label:before {
    background-color: #d12b8a
}

.product-tag.popular {
    border-radius: 0 10px 10px 10px
}

.product-tag.product-tag-include {
    border: 2px solid #d12b8a !important;
    border-top-left-radius: 0 !important
}

.product-tag.product-tag-include label,.product-tag.product-tag-include label::before {
    background: #d12b8a !important
}

.products-grid-item {
    position: relative;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.161);
    box-shadow: 0 3px 9px rgba(0,0,0,.161);
    border-radius: 10px;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 15px;
    border: 2px transparent solid
}

@media(max-width: 1919px) and (min-width:1200px) {
    .products-grid-item {
        margin-top:60px
    }
}

.products-grid-item .results-count {
    color: #d12b8a;
    margin-bottom: 6px;
    font-weight: 100
}

.products-grid-item .tag-label {
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -2px;
    background: #000;
    color: #fff;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 100;
    padding: 3px 30px;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
    font-size: 12px;
    padding-bottom: 5px
}

.products-grid-item .tag-label:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 30px;
    right: -15px;
    background: #fff;
    top: 0;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    z-index: -1
}

@media(min-width: 768px) {
    .products-grid-item .tag-label {
        font-size:12px
    }
}

@media(min-width: 1200px) {
    .products-grid-item .tag-label {
        font-size:12px
    }
}

@media(min-width: 1440px) {
    .products-grid-item .tag-label {
        font-size:14px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .products-grid-item .tag-label {
        padding:2px 15px;
        padding-bottom: 5px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .products-grid-item .tag-label {
        padding:3px 18px;
        padding-bottom: 5px
    }
}

.products-grid-item.new {
    border-radius: 0 10px 10px 10px
}

.products-grid-item.new label {
    background: #23b7c0
}

.products-grid-item.new label:before {
    background-color: #23b7c0
}

.products-grid-item.on_sale {
    border-radius: 0 10px 10px 10px;
    border: 2px dashed #000
}

.products-grid-item.on_sale label:before {
    background-color: #000
}

@media(max-width: 767px) and (min-width:280px) {
    .products-grid-item.on_sale label {
        top:0
    }
}

.products-grid-item.recommend_for_you {
    border-radius: 0 10px 10px 10px
}

.products-grid-item.recommend_for_you label {
    background: #d12b8a
}

.products-grid-item.recommend_for_you label:before {
    background-color: #d12b8a
}

.products-grid-item.popular {
    border-radius: 0 10px 10px 10px
}

.products-grid-item.product-tag-include {
    border: 2px solid #d12b8a !important;
    border-top-left-radius: 0 !important
}

.products-grid-item.product-tag-include label,.products-grid-item.product-tag-include label::before {
    background: #d12b8a !important
}

.products-grid-item .product-image {
    position: relative;
    padding-top: 30px;
    min-height: 318px;
    max-height: 318px
}

.products-grid-item .product-image>a {
    width: 100%;
    max-width: 100%
}

@media(max-width: 1919px) and (min-width:1440px) {
    .products-grid-item .product-image {
        padding-top:20px;
        min-height: 270px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .products-grid-item .product-image {
        padding-top:20px;
        min-height: 220px
    }
}

@media(min-width: 768px) {
    .products-grid-item .product-image {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.products-grid-item .product-image img {
    margin: 0 auto;
    width: auto;
    opacity: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    max-height: 288px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .products-grid-item .product-image img {
        max-height:230px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .products-grid-item .product-image img {
        max-height:180px
    }
}

.products-grid-item .product-detail {
    padding-top: 20px;
    padding-bottom: 34px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .products-grid-item .product-detail {
        padding-top:15px;
        padding-bottom: 24px
    }
}

.products-grid-item .product-detail h3 {
    font-family: NunitoSans-Black;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 1.2;
    font-size: 24px;
    text-transform: none
}

.products-grid-item .product-detail h3 a {
    color: #000
}

@media(min-width: 280px) {
    .products-grid-item .product-detail h3 {
        font-size:16px
    }
}

@media(min-width: 768px) {
    .products-grid-item .product-detail h3 {
        font-size:24px
    }
}

@media(min-width: 1200px) {
    .products-grid-item .product-detail h3 {
        font-size:22px
    }
}

@media(min-width: 1440px) {
    .products-grid-item .product-detail h3 {
        font-size:24px
    }
}

@media(min-width: 1600px) {
    .products-grid-item .product-detail h3 {
        font-size:24px
    }
}

.products-grid-item .product-detail h3 .hover-label {
    top: -3px;
    left: 4%
}

.products-grid-item .product-detail h3 .hover-label .accordion.features_accordian .card .card-header h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.products-grid-item .product-detail h3 .hover-label .accordion.features_accordian .card .card-header .btn-link {
    width: 30px;
    height: 30px;
    min-height: 30px;
    margin-left: 0
}

.products-grid-item .product-detail h3 .hover-label .accordion.features_accordian .card .card-header .mg_c {
    font-size: 10px;
    margin: 5px 0;
    letter-spacing: 0
}

@media(max-width: 767px) and (min-width:280px) {
    .products-grid-item .product-detail h3 .hover-label {
        left:-30%
    }

    .products-grid-item .product-detail h3 .hover-label .accordion.features_accordian .card .card-header .btn-link {
        min-width: inherit;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.products-grid-item .product-detail .price-tag p {
    margin-bottom: 0;
    font-family: NunitoSans-Regular;
    font-size: 14px
}

.products-grid-item .product-detail .price-tag h4 {
    font-family: NunitoSans-Black;
    font-weight: unset;
    letter-spacing: .4px;
    line-height: 1.6;
    text-transform: unset;
    font-size: 20px
}

.products-grid-item .product-detail .price-tag h4 span {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit
}

.products-grid-item .product-detail .price-tag h4 small {
    font-family: NunitoSans-Regular,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: lowercase
}

.products-grid-item .product-detail .price-tag .sale-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: right;
    margin-top: -13px
}

.products-grid-item .product-detail .price-tag .sale-price .strike {
    text-decoration: line-through;
    color: #727272;
    margin-bottom: 0;
    font-family: NunitoSans-Regular,sans-serif;
    margin-left: 16px;
    line-height: 1;
    font-weight: unset;
    font-size: 12px
}

@media(min-width: 1440px) {
    .products-grid-item .product-detail .price-tag .sale-price .strike {
        font-size:14px
    }
}

.products-grid-item .product-detail .price-tag .sale-price .sale-label {
    border-right: 1px solid #000;
    padding-top: 15px;
    padding-right: 15px;
    margin-right: 15px
}

.products-grid-item .product-detail .price-tag .sale-price .sale-label i {
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 20px
}

@media(min-width: 768px) {
    .products-grid-item .product-detail .price-tag .sale-price .sale-label i {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .products-grid-item .product-detail .price-tag .sale-price .sale-label i {
        font-size:20px
    }
}

@media(min-width: 1440px) {
    .products-grid-item .product-detail .price-tag .sale-price .sale-label i {
        font-size:24px
    }
}

.products-grid-item .product-detail .rating-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.products-grid-item .product-detail .star-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 18px;
    pointer-events: none
}

@media(max-width: 1919px) and (min-width:1440px) {
    .products-grid-item .product-detail .star-rating {
        margin-bottom:12px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .products-grid-item .product-detail .star-rating {
        margin-bottom:12px
    }
}

.products-grid-item .product-detail .star-rating .rating-count {
    color: #727272;
    padding-right: 10px
}

.products-grid-item .product-detail .star-rating .rating-element:before {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92e"
}

.products-grid-item .product-detail .star-rating .rating-element.icon-star-empty:before,.products-grid-item .product-detail .star-rating .rating-element.icon-star-off:before {
    color: #e3e3e3
}

.products-grid-item .product-detail .star-rating .rating-element.icon-star-on:before,.products-grid-item .product-detail .star-rating .rating-element.icon-star:before {
    color: #ffce00
}

.products-grid-item .product-detail .star-rating .taglib-ratings.stars {
    display: inline-block
}

.products-grid-item .product-detail .star-rating .taglib-ratings.stars .liferay-rating-vote {
    display: none
}

.products-grid-item .product-detail .star-rating .taglib-ratings.stars .liferay-rating-score {
    padding-right: 0;
    color: #ffce00
}

.products-grid-item .product-detail .star-rating .taglib-ratings.stars .liferay-rating-score .rating-element {
    padding-right: 5px
}

.products-grid-item .product-detail .star-rating .taglib-ratings.stars .liferay-rating-score .rating-element .lexicon-icon {
    display: none
}

.products-grid-item .product-detail .star-rating .taglib-ratings.stars .liferay-rating-score .icon-star {
    color: #ffce00
}

.products-grid-item .product-detail .star-rating .taglib-ratings.stars .liferay-rating-score .icon-star-empty {
    color: #e3e3e3
}

.products-grid-item .product-detail .star-rating .taglib-ratings.stars .rating-label {
    display: none
}

.products-grid-item .product-detail .star-rating a {
    cursor: pointer;
    padding-right: 5px
}

.products-grid-item:hover .product-image .hover-label .expandable-text {
    width: 220px;
    padding: 12px 30px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

@media(max-width: 1919px) and (min-width:1440px) {
    .products-grid-item:hover .product-image .hover-label .expandable-text {
        padding:9px 18px;
        font-size: 16px;
        top: 0
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .products-grid-item:hover .product-image .hover-label .expandable-text {
        width:190px;
        padding: 8px 18px;
        font-size: 14px
    }
}

.products-grid-item.recomanded {
    overflow: hidden;
    border: 0;
    color: #fff
}

.products-grid-item.recomanded .product-image {
    padding-top: 0;
    height: 100%;
    min-height: inherit;
    width: 100%
}

.products-grid-item.recomanded .product-image img {
    width: 100%;
    margin-bottom: 0;
    height: auto
}

.products-grid-item.recomanded .product-detail {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-top: 34px;
    background-color: rgba(0,0,0,.5)
}

.products-grid-item.recomanded .product-detail h3 a {
    color: #fff
}

.products-grid-item.recomanded .product-detail .btn {
    background-color: #fff;
    border: 0 none;
    color: #d12b8a
}

.products-grid-item.recomanded label {
    top: 0;
    left: auto;
    right: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    white-space: nowrap;
    background: #fff;
    color: #000;
    font-weight: 800;
    z-index: 1
}

@media(max-width: 1919px) and (min-width:1440px) {
    .products-grid-item.recomanded label {
        top:0
    }
}

.products-grid-item.recomanded .fav-comp {
    display: none
}

.products-grid-item:hover .product-image img {
    opacity: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

@media(max-width: 767px) and (min-width:280px) {
    .products-grid-item:hover .product-image img {
        opacity:1
    }
}

html[dir=rtl] .product-tag .tag-label {
    right: -2px;
    left: inherit
}

html[dir=rtl] .product-tag .tag-label:before {
    left: -15px;
    right: auto
}

html[dir=rtl] .product-tag.product-tag-include {
    border-radius: 10px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 0 !important
}

html[dir=rtl] .products-grid-item .product-detail .price-tag h4,html[dir=rtl] .products-grid-item .product-detail .product-price,html[dir=rtl] .products-grid-item .product-detail h3 a {
    font-family: QTZain-Bold,sans-serif;
    font-weight: 700
}

html[dir=rtl] .products-grid-item .product-detail .price-tag p,html[dir=rtl] .products-grid-item .product-detail .price-tag small {
    font-family: QTZain-Reguar,sans-serif
}

.product-listing .products-grid-item,.publisher-prouct-listing .products-grid-item {
    border-radius: 10px;
    margin-top: 13px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.161);
    box-shadow: 0 0 4px rgba(0,0,0,.161)
}

@media(min-width: 1440px) {
    .product-listing .products-grid-item .image .kd-lablel,.product-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable,.publisher-prouct-listing .products-grid-item .image .kd-lablel,.publisher-prouct-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable {
        font-size:12px
    }
}

@media(max-width: 1439px) and (min-width:768px) {
    .product-listing .products-grid-item .image .kd-lablel,.product-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable,.publisher-prouct-listing .products-grid-item .image .kd-lablel,.publisher-prouct-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable {
        font-size:12px
    }
}

@media(max-width: 767px) {
    .product-listing .products-grid-item .image .kd-lablel,.product-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable,.publisher-prouct-listing .products-grid-item .image .kd-lablel,.publisher-prouct-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable {
        font-size:14px
    }
}

.product-listing .products-grid-item.new .image .kd-lablel,.product-listing .products-grid-item.new .kd-mobile-outter .kd-mobile-lable,.publisher-prouct-listing .products-grid-item.new .image .kd-lablel,.publisher-prouct-listing .products-grid-item.new .kd-mobile-outter .kd-mobile-lable {
    background: #09b5c0
}

.product-listing .products-grid-item.on_sale .image .kd-lablel,.product-listing .products-grid-item.on_sale .kd-mobile-outter .kd-mobile-lable,.publisher-prouct-listing .products-grid-item.on_sale .image .kd-lablel,.publisher-prouct-listing .products-grid-item.on_sale .kd-mobile-outter .kd-mobile-lable {
    background: #09b5c0
}

.product-listing .products-grid-item.recommend_for_you .image .kd-lablel,.product-listing .products-grid-item.recommend_for_you .kd-mobile-outter .kd-mobile-lable,.publisher-prouct-listing .products-grid-item.recommend_for_you .image .kd-lablel,.publisher-prouct-listing .products-grid-item.recommend_for_you .kd-mobile-outter .kd-mobile-lable {
    background: #d12b8a
}

.product-listing .products-grid-item.product-tag-include,.publisher-prouct-listing .products-grid-item.product-tag-include {
    border: 2px solid #d12b8a !important
}

.product-listing .products-grid-item.product-tag-include .image .kd-lablel,.product-listing .products-grid-item.product-tag-include .kd-mobile-outter .kd-mobile-lable,.publisher-prouct-listing .products-grid-item.product-tag-include .image .kd-lablel,.publisher-prouct-listing .products-grid-item.product-tag-include .kd-mobile-outter .kd-mobile-lable {
    background: #d12b8a !important
}

.publisher-prouct-listing .products-grid-item {
    margin-right: 11px;
    margin-left: 11px
}

.loading-message {
    text-align: center;
    padding: 200px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #d12b8a;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;
    animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite
}

.lds-ripple div:nth-child(2) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

@-webkit-keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0
    }
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0
    }
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ring div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #d12b8a;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border-color: #d12b8a transparent transparent transparent
}

.lds-ring div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #d12b8a;
    -webkit-animation-timing-function: cubic-bezier(0,1,1,0);
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.lds-ellipsis div:first-child {
    right: 8px;
    -webkit-animation: lds-ellipsis1 .6s infinite;
    animation: lds-ellipsis1 .6s infinite
}

.lds-ellipsis div:nth-child(2) {
    right: 8px;
    -webkit-animation: lds-ellipsis2 .6s infinite;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(3) {
    right: 32px;
    -webkit-animation: lds-ellipsis2 .6s infinite;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(4) {
    right: 56px;
    -webkit-animation: lds-ellipsis3 .6s infinite;
    animation: lds-ellipsis3 .6s infinite
}

@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(24px,0);
        transform: translate(24px,0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(24px,0);
        transform: translate(24px,0)
    }
}

.image-cropper-crop,.image-cropper-overlay {
    display: none
}

.lfr-portrait-preview-img {
    position: relative;
    z-index: 2
}

.portlet-image-uploader .lfr-portrait-preview {
    overflow: auto;
    padding: 5px;
    width: 340px;
    height: 240px;
    padding: 0;
    text-align: center;
    background: #efefef;
    padding: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 300px;
    max-height: 200px
}

.profile-image-loading {
    position: absolute;
    z-index: 1;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    background: 0
}

.lfr-change-logo .lfr-portrait-preview-img,.lfr-portrait-preview .image-cropper .image-cropper-content {
    height: 100%;
    width: auto
}

.lfr-portrait-preview .image-cropper {
    width: 100%;
    height: 100%
}

@media(max-width: 450px) {
    .portlet-image-uploader .lfr-portrait-preview {
        max-width:100%;
        padding: 0
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .b2b-cart-summary-step .container {
        max-width:820px
    }
}

@media(max-width: 992px) and (min-width:768px) {
    .section-wrapper .b2b-cart-summary-step .container {
        padding:0
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .b2b-cart-summary-step .container {
        max-width:710px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .b2b-cart-summary-step .container {
        max-width:100%
    }
}

.b2b-cart-summary-step .pink-stripe {
    background: #fdf4f9;
    padding: 15px 20px;
    margin-top: 40px
}

.b2b-cart-summary-step .pink-stripe h3 {
    color: #70489e;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 5px;
    font-family: NunitoSans-Black;
    font-weight: unset
}

.b2b-cart-summary-step .pink-stripe p {
    margin: 0;
    font-size: 12px;
    font-family: NunitoSans-Regular;
    color: #000
}

.b2b-cart-summary-step .stripe-list ul li {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px
}

.b2b-cart-summary-step .stripe-list ul li i {
    float: right;
    color: #d12b8a;
    font-size: 12px;
    margin-top: 6px
}

.b2b-cart-summary-step .stripe-list ul li p {
    float: right;
    margin-top: 6px;
    margin-right: 5px;
    font-size: 12px;
    font-family: NunitoSans-Regular;
    color: #000
}

.b2b-cart-summary-step .cart-summary {
    margin-top: 30px
}

.b2b-cart-summary-step .cart-summary .product-item {
    position: relative;
    max-width: 75%
}

.b2b-cart-summary-step .cart-summary .product-item .main-heading {
    color: #000;
    font-family: NunitoSans-Black
}

@media(min-width: 768px) {
    .b2b-cart-summary-step .cart-summary .product-item .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .b2b-cart-summary-step .cart-summary .product-item .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .b2b-cart-summary-step .cart-summary .product-item .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .b2b-cart-summary-step .cart-summary .product-item .main-heading {
        font-size:34px
    }
}

.b2b-cart-summary-step .cart-summary .product-item .main-heading span {
    font-family: NunitoSans-Regular
}

.b2b-cart-summary-step .cart-summary .product-item .main-heading span label {
    font-size: 14px;
    color: #272833;
    font-weight: 600
}

.b2b-cart-summary-step .cart-summary .product-item .product-img {
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.161);
    box-shadow: 0 3px 9px rgba(0,0,0,.161);
    width: 100%;
    height: auto;
    max-width: 124px;
    max-height: 183px;
    padding: 36px 28px;
    border-radius: 5px
}

.b2b-cart-summary-step .cart-summary .product-item .product-img img {
    width: 100%
}

@media(max-width: 1919px) and (min-width:1440px) {
    .b2b-cart-summary-step .cart-summary .product-item .product-img {
        max-width:110px;
        max-height: 158px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .cart-summary .product-item .product-img {
        padding:16px 10px
    }
}

.b2b-cart-summary-step .cart-summary .product-item .product-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.b2b-cart-summary-step .cart-summary .product-item .product-name h1 {
    margin-bottom: 0;
    font-size: 18px
}

.b2b-cart-summary-step .cart-summary .product-item .product-name label {
    font-size: 14px;
    color: #272833;
    font-weight: 600
}

.b2b-cart-summary-step .cart-summary .product-item .left-lbl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b2b-cart-summary-step .cart-summary .product-item .right-lbl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 60px;
    font-weight: 600;
    text-align: left
}

@media(max-width: 1199px) and (min-width:768px) {
    .b2b-cart-summary-step .cart-summary .product-item {
        max-width:100%
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .cart-summary .product-item {
        max-width:100%
    }
}

@media(min-width: 1200px) {
    .b2b-cart-summary-step .cart-summary .payment-opts {
        width:70%
    }
}

.b2b-cart-summary-step .cart-summary .payment-opts .left-lbl {
    color: #727272;
    margin-bottom: 9px;
    font-size: 12px
}

.b2b-cart-summary-step .cart-summary .payment-opts .left-lbl .d-span {
    color: #000;
    font-weight: 700;
    margin-right: 10px
}

.b2b-cart-summary-step .cart-summary .payment-opts h1.left-lbl {
    color: #000;
    font-size: 28px
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .cart-summary .payment-opts h1.left-lbl {
        font-size:16px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .cart-summary .payment-opts .d-flex:first-child {
        background:#f7f7f7
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .cart-summary .payment-opts .d-flex {
        padding:9px 10px 0 10px
    }
}

.b2b-cart-summary-step .cart-summary .device-text {
    font-size: 18px;
    color: #919191;
    margin: 10px 0 10px 0
}

.b2b-cart-summary-step .color-pink {
    color: #d12b8a !important
}

.b2b-cart-summary-step .sect_sepretor-gray::after {
    content: "";
    position: absolute;
    bottom: -49px;
    height: 1px;
    width: calc(100% + 290px);
    right: -90px;
    background: #f1f1f1;
    max-width: -webkit-fill-available
}

.b2b-cart-summary-step .payment-opts-dashed {
    border-top: 2px dashed #c9c9c9;
    padding-top: 10px;
    margin-top: 25px
}

.b2b-cart-summary-step .payment-opts-dashed .tooltip_new {
    position: relative;
    right: 0 !important;
    left: auto;
    display: inline-block;
    bottom: 0
}

.b2b-cart-summary-step .payment-opts-dashed .tooltip_new .tooltiptext {
    right: 28px !important;
    left: auto;
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px
}

.b2b-cart-summary-step .payment-opts-dashed .tooltip_new .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    left: 100%;
    right: auto;
    border-color: transparent transparent transparent #000
}

.b2b-cart-summary-step .payment-opts-dashed .tooltip_new i {
    line-height: 16px;
    font-size: 10px;
    width: 18px;
    height: 18px;
    border: 1px solid #d12b8a !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: 50%;
    margin: 0
}

.b2b-cart-summary-step .payment-opts-dashed .tooltip_new:hover .tooltiptext {
    visibility: visible
}

.b2b-cart-summary-step .cl-pc-1 {
    color: #d12b8a !important
}

.b2b-cart-summary-step .sect_sepretor::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: calc(100% + 1000px);
    left: 0;
    background: #d12b8a
}

.b2b-cart-summary-step .sub_total {
    padding: 38px 0
}

.b2b-cart-summary-step .sub_total .main-heading {
    font-size: 24px
}

@media(min-width: 1200px) {
    .b2b-cart-summary-step .sub_total .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .b2b-cart-summary-step .sub_total .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .b2b-cart-summary-step .sub_total .main-heading {
        font-size:34px
    }
}

.b2b-cart-summary-step .sub_total .payment-opts .right-lbl {
    font-family: NunitoSans-Black,sans-serif;
    text-align: left
}

@media(min-width: 1200px) {
    .b2b-cart-summary-step .sub_total .payment-opts .right-lbl {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .b2b-cart-summary-step .sub_total .payment-opts .right-lbl {
        font-size:24px
    }
}

@media(min-width: 1600px) {
    .b2b-cart-summary-step .sub_total .payment-opts .right-lbl {
        font-size:24px
    }
}

.b2b-cart-summary-step .sub_total .right-lbl.cl-pc-1 {
    min-width: 200px
}

.b2b-cart-summary-step .get_promocode {
    width: 80%;
    padding-top: 20px;
    padding-bottom: 34px
}

@media(min-width: 768px) and (max-width:1199px) {
    .b2b-cart-summary-step .get_promocode {
        width:100%
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .b2b-cart-summary-step .get_promocode {
        padding-bottom:20px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .get_promocode {
        width:100%;
        padding-bottom: 34px;
        padding-top: 0
    }

    .b2b-cart-summary-step .get_promocode .form-group {
        margin-bottom: 0
    }

    .b2b-cart-summary-step .get_promocode .promo-code-content {
        width: 100%
    }
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label label {
    cursor: default;
    font-family: NunitoSans-Regular;
    font-size: 14px
}

@media(min-width: 768px) and (max-width:1199px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label label {
        font-family:NunitoSans-Black,sans-serif
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label label {
        margin-bottom:10px
    }
}

@media(min-width: 768px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label label {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label label {
        font-size:18px
    }
}

html.ie.ie11 .b2b-cart-summary-step .get_promocode .form-group.inline-label label {
    z-index: 1;
    background-color: #fff;
    height: 30px
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper {
    min-width: 480px;
    position: relative
}

@media(max-width: 1199px) and (min-width:768px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper {
        min-width:380px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper {
        width:100%;
        min-width: auto;
        padding-right: 0
    }
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control {
    width: 100%;
    padding: 6px 24px 6px 108px;
    height: 60px;
    border: 0;
    background-color: #f7f7f7;
    font-family: NunitoSans-Regular;
    font-size: 14px;
    text-transform: inherit
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control {
        min-height:44px;
        height: 44px
    }
}

@media(min-width: 1440px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control {
        font-size:17px
    }
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control::-webkit-input-placeholder {
    color: #495057
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control::-moz-placeholder {
    color: #495057
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control:-ms-input-placeholder {
    color: #495057
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control::-ms-input-placeholder {
    color: #495057
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control::placeholder {
    color: #495057
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control.invalid {
    background-image: url(/o/zain-theme/images/error-icon.svg);
    background-repeat: no-repeat;
    background-position: 170px center;
    background-size: 20px
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control.valid {
    background-image: url(/o/zain-theme/images/confirmation-success.svg);
    background-repeat: no-repeat;
    background-position: 170px center;
    background-size: 20px
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-control.valid-promo-code h5 {
    margin: 11px
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .coupon-code-body .btn.btn-link {
    margin: 9px
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link {
    position: absolute;
    left: 8px;
    top: 4px;
    color: #d12b8a;
    text-decoration: none;
    font-weight: 700
}

@media(max-width: 1199px) and (min-width:768px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link {
        font-size:12px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link {
        font-family:NunitoSans-Black,sans-serif;
        font-size: 12px;
        min-height: auto
    }
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link i {
    position: relative;
    margin-right: 10px;
    right: 0
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .apply-button {
    position: absolute;
    left: 8px;
    top: 4px;
    color: #d12b8a;
    padding: 15px
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .apply-button i {
    position: relative;
    color: #d12b8a;
    font-size: 12px
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .apply-button i {
        top:-6px
    }
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper span.product-price {
    color: #727272
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper label.right-lbl.cl-pc-1 {
    position: absolute;
    left: 21%;
    top: 31%;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper label.right-lbl.cl-pc-1 {
        left:25%
    }
}

@media(max-width: 375px) {
    .b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper label.right-lbl.cl-pc-1 {
        left:27%
    }
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .input-addon-wrapper .form-group {
    margin-bottom: 0
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .promo-code-error-message {
    background: #fdf2f8;
    margin-right: 30px
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .alert {
    background: #fdf2f8;
    color: #fd2627;
    font-size: 12px !important;
    width: 100%;
    padding: 5px 10px;
    margin-top: 5px;
    font-weight: 400;
    max-width: inherit
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .alert button.close {
    display: none
}

.b2b-cart-summary-step .get_promocode .form-group.inline-label .alert strong.lead {
    display: none
}

.b2b-cart-summary-step .promo-error p {
    background: #fdf2f8;
    color: #fd2627;
    font-size: 12px;
    width: 100%;
    padding: 10px;
    margin-top: 5px
}

.b2b-cart-summary-step .main-heading {
    font-size: 24px
}

.solution-dropdown {
    display: none;
    position: relative
}

.solution-dropdown select {
    background: #e3e3e3;
    width: 100%;
    display: inline-block;
    border: 2px solid #d12b8a;
    color: #d12b8a;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    font-family: NunitoSans-Regular;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.solution-dropdown:before {
    left: 20px;
    right: auto;
    position: absolute;
    top: 18px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #d12b8a
}

@media(max-width: 991px) {
    .solution-dropdown {
        display:block
    }
}

.section-wrapper .solution_section {
    background: #e3e3e3;
    padding-bottom: 0
}

.section-wrapper .solution_section .nav-tabs {
    border-bottom: 2px solid #d12b8a
}

.section-wrapper .solution_section .nav-tabs .nav-item {
    margin: 0 10px
}

.section-wrapper .solution_section .nav-tabs .nav-item a {
    font-size: 18px;
    border: 0;
    color: #6b6c7e
}

.section-wrapper .solution_section .nav-tabs .nav-item a:hover {
    border-bottom: 2px solid #d12b8a
}

.section-wrapper .solution_section .nav-tabs .nav-item .active {
    background: 0;
    font-weight: 700;
    color: #d12b8a;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #d12b8a
}

@media(max-width: 991px) {
    .section-wrapper .solution_section .nav-tabs {
        display:none
    }
}

.section-wrapper .solution_section .tab-pane {
    padding: 32px 0
}

.section-wrapper .solution_section .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-wrapper .solution_section .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 45px;
    min-width: 45px;
    color: #fff;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: #cecece;
    z-index: 1;
    visibility: visible
}

.section-wrapper .solution_section .slick-arrow i {
    line-height: 27px;
    font-size: 12px;
    margin: 0
}

.section-wrapper .solution_section .next.slick-arrow {
    top: calc(50% - 30px);
    left: -80px
}

@media(min-width: 1600px) and (max-width:1650px) {
    .section-wrapper .solution_section .next.slick-arrow {
        left:-46px
    }
}

.section-wrapper .solution_section .slick-arrow.prev {
    top: calc(50% - 30px);
    right: -80px
}

@media(min-width: 1600px) and (max-width:1650px) {
    .section-wrapper .solution_section .slick-arrow.prev {
        left:-46px
    }
}

.section-wrapper .solution_section .slick-arrow.slick-disabled {
    visibility: hidden
}

.section-wrapper .solution_section .slide {
    padding: 0 8px
}

.section-wrapper .solution_section .slide .slide-bg {
    height: 376px
}

.section-wrapper .solution_section .slide .slide-bg img {
    min-height: 376px;
    min-width: 500px
}

.section-wrapper .solution_section .slide .slide-content.light-font {
    width: 70%;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit
}

@media(max-width: 767px) {
    .section-wrapper .solution_section .slide .slide-content.light-font .main-heading {
        font-family:NunitoSans-Black
    }
}

.section-wrapper .solution_section .slide .slide-content.light-font .action h3 {
    font-size: 18px;
    margin: 0 0 8px
}

.section-wrapper .solution_section .slide .slide-content.light-font .action .btn.btn-pc-3 {
    margin-top: 80px;
    padding: 7px 15px;
    width: 127px
}

@media(max-width: 767px) {
    .section-wrapper .solution_section .slide .slide-content.light-font .action .btn.btn-pc-3 {
        margin-top:10px
    }
}

@media(max-width: 767px) {
    .section-wrapper .solution_section .slide .slide-content.light-font {
        width:100%
    }
}

.section-wrapper .solution_section .container {
    padding-right: 8px;
    padding-left: 8px
}

@media(min-width: 1600px) {
    .section-wrapper .solution_section .container {
        max-width:1470px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .solution_section .container {
        max-width:1260px
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .solution_section .container {
        max-width:820px
    }
}

@media(max-width: 992px) and (min-width:768px) {
    .section-wrapper .solution_section .container {
        padding:0
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .solution_section .container {
        max-width:710px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .solution_section .container {
        max-width:100%;
        padding-left: 8px;
        padding-right: 8px
    }
}

.b2b-order-confirmation-screen .confirmation_sect {
    padding-bottom: 85px
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 66px 0 50px 0
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .icon {
    background: rgba(35,183,192,.0705882353)
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .icon {
    height: 85px;
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 54px;
    margin-top: -4px
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .icon i {
    color: #23b7c0;
    letter-spacing: .8px;
    line-height: 1.2
}

@media(max-width: 1199px) and (min-width:768px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .icon i {
        font-size:22px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .icon i {
        font-size:34px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .icon i {
        font-size:40px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .icon i {
        font-size:48px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .icon {
        height:45px;
        width: 45px;
        margin-left: 15px;
        margin-top: 0;
        font-size: 20px;
        padding: 14px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .icon {
        height:45px;
        width: 45px;
        margin-left: 24px;
        margin-top: 0
    }
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .main-heading {
    margin-bottom: 12px;
    color: #000;
    letter-spacing: .8px;
    line-height: 1.2;
    font-size: 34px
}

@media(max-width: 767px) and (min-width:360px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .main-heading {
        font-size:28px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .main-heading {
        font-size:34px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .main-heading {
        font-size:40px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .main-heading {
        font-size:48px
    }
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .sub-text {
    font-family: NunitoSans-SemiBold,sans-serif;
    letter-spacing: .4px;
    line-height: 1.6
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .sub-text {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .sub-text {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .sub-text {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .sub-text {
        font-size:24px
    }
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .sub-text span {
    color: #27e8e8;
    font-weight: 700;
    font-family: NunitoSans-Regular;
    text-decoration: none
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .sub-text span {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message .sub-text span {
        font-size:18px
    }
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message p {
    color: #000
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message p a {
    font-weight: 700;
    color: #d12b8a;
    text-decoration: underline
}

.b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message p a:hover {
    text-decoration: none
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg .message p {
        font-size:18px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg {
        padding:26px 0 0 0
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .b2b-order-confirmation-screen .confirmation_sect .thankyou_msg {
        padding:46px 0 0 0
    }
}

.b2b-order-confirmation-screen .confirmation_sect .b2b-border {
    border-radius: 8px;
    overflow: hidden
}

.b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps {
    padding: 30px 16px 25px
}

.b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps {
    background: #fff;
    border-radius: 5px;
    padding: 30px 26px 25px
}

.b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps .delivery_svg {
    background: #fff;
    border-radius: 50%;
    height: 85px;
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps .main-heading {
    margin-top: 25px;
    margin-bottom: 20px;
    color: #d12b8a
}

@media(min-width: 360px) {
    .b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps .main-heading {
        font-size:24px
    }
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps .main-heading {
        font-size:34px
    }
}

.b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps ul li p {
    padding-right: 60px;
    color: #727272
}

.b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps ul li p span {
    margin-right: -60px;
    color: #d12b8a;
    height: 35px;
    width: 35px;
    border: 1px solid #d12b8a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 20px;
    font-family: NunitoSans-Black,sans-serif
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps ul li p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps ul li p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .confirmation_sect .b2b-confirmation-steps ul li p {
        font-size:18px
    }
}

.b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box {
    background: rgba(209,43,138,.05);
    border-radius: 5px;
    padding: 30px 26px 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.01);
    box-shadow: 0 3px 6px rgba(0,0,0,.01)
}

.b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box .delivery_svg {
    background: #fff;
    border-radius: 50%;
    height: 85px;
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box .main-heading {
    margin: 25px 0 10px;
    color: #d12b8a
}

@media(min-width: 360px) {
    .b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box .main-heading {
        font-size:24px
    }
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box .main-heading {
        font-size:34px
    }
}

.b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box ul li {
    border-top: 1px solid #e3e3e3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box ul li p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box ul li p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box ul li p {
        font-size:18px
    }
}

.b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box .sub-text {
    font-family: NunitoSans-Black,sans-serif;
    color: #000
}

.b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box.bg-transparent li {
    border: 0;
    padding: 5px 0
}

.b2b-order-confirmation-screen .confirmation_sect .delivery_desc_box.bg-transparent li p span {
    margin-left: 20px
}

.b2b-order-confirmation-screen .confirmation-secreen-list .first-col {
    min-width: 190px
}

.b2b-order-confirmation-screen .delivery_desc_box.bg-transparent .ff-b {
    color: #727272;
    font-family: NunitoSans-Regular
}

.b2b-order-confirmation-screen .delivery_desc_box.bg-transparent .cl-sc-2 {
    color: #000
}

.b2b-order-confirmation-screen .confirmation-secreen-list li p {
    margin-bottom: 0
}

.b2b-order-confirmation-screen .ff-b {
    font-family: NunitoSans-Black,sans-serif;
    color: #000
}

.b2b-order-confirmation-screen .confirm_products.order_products {
    padding-top: 20px;
    padding-bottom: 85px
}

.b2b-order-confirmation-screen .accordion.features_accordian {
    margin-bottom: 90px
}

.b2b-order-confirmation-screen .accordion.features_accordian .card {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.b2b-order-confirmation-screen .accordion.features_accordian .card .card-header {
    background: #fff;
    text-align: right;
    border-bottom: 0;
    padding: 24px 0
}

.b2b-order-confirmation-screen .accordion.features_accordian .card .card-header h4 {
    letter-spacing: .4px;
    line-height: 1.6
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen .accordion.features_accordian .card .card-header h4 {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .accordion.features_accordian .card .card-header h4 {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .accordion.features_accordian .card .card-header h4 {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .accordion.features_accordian .card .card-header h4 {
        font-size:24px
    }
}

.b2b-order-confirmation-screen .accordion.features_accordian .card .card-header .btn-link {
    text-decoration: none;
    color: #d12b8a;
    background: #f7f7f7;
    border-radius: 50%;
    line-height: 0;
    padding: 0;
    min-height: 40px;
    width: 40px;
    text-align: center;
    margin-left: 16px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .b2b-order-confirmation-screen .accordion.features_accordian .card .card-header .btn-link {
        min-width:40px
    }
}

.b2b-order-confirmation-screen .pink-stripe {
    background: #fdf4f9;
    padding: 15px 20px;
    margin-top: 40px
}

.b2b-order-confirmation-screen .pink-stripe h3 {
    color: #70489e;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 5px
}

.b2b-order-confirmation-screen .pink-stripe p {
    margin: 0;
    font-size: 12px
}

.b2b-order-confirmation-screen .stripe-list ul li {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px
}

.b2b-order-confirmation-screen .stripe-list ul li i {
    float: right
}

.b2b-order-confirmation-screen .stripe-list ul li i img {
    width: 12px
}

.b2b-order-confirmation-screen .stripe-list p {
    float: right;
    margin-top: 6px;
    margin-right: 5px;
    font-size: 12px;
    color: #000
}

.b2b-order-confirmation-screen .cart-summary {
    padding-right: 150px;
    margin-top: 30px
}

.b2b-order-confirmation-screen .cart-summary .main-heading {
    font-family: NunitoSans-Black;
    font-weight: unset
}

@media(max-width: 768px) and (min-width:360px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading {
        font-size:20px
    }
}

@media(min-width: 360px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading {
        font-size:24px
    }
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading {
        font-size:34px
    }
}

.b2b-order-confirmation-screen .cart-summary .main-heading span {
    font-family: NunitoSans-Regular;
    text-decoration: none;
    color: #000
}

.b2b-order-confirmation-screen .cart-summary .main-heading span label {
    color: #000
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading span label {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading span label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading span label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading span label {
        font-size:18px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .cart-summary .main-heading .d-md-block {
        display:block
    }
}

.b2b-order-confirmation-screen .cart-summary .mr-20 {
    margin-left: 190px
}

.b2b-order-confirmation-screen .cart-summary .device-text {
    margin: 0;
    font-size: 18px;
    color: #919191;
    margin: 10px 0 10px 0
}

@media(max-width: 767px) and (min-width:360px) {
    .b2b-order-confirmation-screen .cart-summary {
        padding-right:0
    }
}

.b2b-order-confirmation-screen h3.color-pink {
    color: #d02b8a;
    padding: 0 4px
}

@media(min-width: 360px) {
    .b2b-order-confirmation-screen h3.color-pink {
        font-size:24px
    }
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen h3.color-pink {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen h3.color-pink {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen h3.color-pink {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen h3.color-pink {
        font-size:34px
    }
}

@media(max-width: 768px) and (min-width:360px) {
    .b2b-order-confirmation-screen h3.color-pink {
        font-size:20px
    }
}

.b2b-order-confirmation-screen .product-item {
    position: relative;
    max-width: 75%;
    padding: 46px 0;
    border-top: 1px solid #e3e3e3
}

.b2b-order-confirmation-screen .product-item .row>.col-2 {
    margin-left: 20px
}

.b2b-order-confirmation-screen .product-item .product-img {
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.161);
    box-shadow: 0 3px 9px rgba(0,0,0,.161);
    width: 100%;
    height: auto;
    max-width: 124px;
    max-height: 183px;
    padding: 36px 28px;
    border-radius: 5px
}

.b2b-order-confirmation-screen .product-item .product-img img {
    width: 100%
}

@media(max-width: 767px) and (min-width:360px) {
    .b2b-order-confirmation-screen .product-item .product-img {
        padding:18px 10px;
        min-width: 60px
    }
}

@media(max-width: 1919px) and (min-width:1439px) {
    .b2b-order-confirmation-screen .product-item .product-img {
        max-width:110px;
        max-height: 158px
    }
}

.b2b-order-confirmation-screen .product-item .product-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 10px
}

.b2b-order-confirmation-screen .product-item .product-name h1 {
    font-size: 18px
}

.b2b-order-confirmation-screen .product-item .product-name h1,.b2b-order-confirmation-screen .product-item .product-name label {
    margin-bottom: 0
}

.b2b-order-confirmation-screen .product-item .left-lbl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b2b-order-confirmation-screen .product-item .right-lbl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    font-weight: 600;
    text-align: left
}

.b2b-order-confirmation-screen .product-item .payment-opts .left-lbl {
    color: #727272;
    margin-bottom: 8px
}

.b2b-order-confirmation-screen .product-item .payment-opts .d-flex .left-lbl {
    margin-bottom: 9px;
    font-size: 12px
}

.b2b-order-confirmation-screen .product-item .payment-opts .d-flex .left-lbl .d-span {
    color: #000;
    font-weight: 700;
    margin-right: 10px
}

.b2b-order-confirmation-screen .product-item .payment-opts .main-heading {
    font-size: 26px;
    color: #000
}

.b2b-order-confirmation-screen .product-item .payment-opts h1.main-heading.left-lbl.mb-0 {
    font-size: 26px !important
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .product-item .payment-opts h1.main-heading.left-lbl.mb-0 {
        font-size:24px !important
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .b2b-order-confirmation-screen .product-item .payment-opts .d-flex {
        padding:8px 12px 8px 0
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .b2b-order-confirmation-screen .product-item {
        max-width:100%
    }
}

.b2b-order-confirmation-screen .payment-opts-dashed {
    border-top: 2px dashed #c9c9c9;
    padding-top: 10px;
    margin-top: 25px
}

.b2b-order-confirmation-screen .payment-opts-dashed .tooltip_new {
    bottom: 0;
    position: relative;
    right: auto;
    left: auto;
    display: inline-block
}

.b2b-order-confirmation-screen .payment-opts-dashed .tooltip_new i {
    width: 18px;
    height: 18px;
    line-height: 16px;
    font-size: 10px;
    border: 1px solid #d12b8a;
    display: inline-block;
    border-radius: 50%;
    margin: 0;
    text-align: center
}

.b2b-order-confirmation-screen .payment-opts-dashed p.left-lbl.color-pink.mb-0 {
    color: #d02b8a
}

.b2b-order-confirmation-screen .cart-summary .product-item {
    border: transparent;
    padding: 0
}

.b2b-order-confirmation-screen .section-products-summary .pink-stripe {
    margin-right: -150px
}

@media(max-width: 767px) and (min-width:280px) {
    .b2b-order-confirmation-screen .section-products-summary .pink-stripe {
        margin-right:0
    }
}

.b2b-order-confirmation-screen .section-products-summary .sub_total {
    padding: 38px 0
}

@media(max-width: 1439px) and (min-width:1200px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total {
        padding:28px 0
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total {
        padding:26px 0
    }
}

@media(min-width: 360px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .main-heading {
        font-size:24px
    }
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .main-heading {
        font-size:34px
    }
}

@media(max-width: 768px) and (min-width:360px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .main-heading {
        font-size:20px
    }
}

.b2b-order-confirmation-screen .section-products-summary .sub_total .payment-opts .right-lbl {
    font-family: NunitoSans-Black,sans-serif;
    letter-spacing: .4px;
    line-height: 1.6;
    text-align: left
}

@media(min-width: 768px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .payment-opts .right-lbl {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .payment-opts .right-lbl {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .payment-opts .right-lbl {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .b2b-order-confirmation-screen .section-products-summary .sub_total .payment-opts .right-lbl {
        font-size:24px
    }
}

.b2b-order-confirmation-screen .section-products-summary .sub_total .payment-opts .right-lbl span {
    font-size: 13px;
    color: #000;
    font-family: NunitoSans-Regular;
    text-decoration: none
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .b2b-order-confirmation-screen .container {
        max-width:100%
    }
}

html[dir=rtl] .b2b-order-confirmation-screen .ff-b {
    font-family: QTZain-Bold,sans-serif !important
}

.partner-section .main-heading {
    position: relative;
    padding-top: 50px;
    margin-top: 30px;
    font-size: 1.625rem
}

.partner-section .main-heading::before {
    content: "";
    position: absolute;
    top: 0;
    height: 2px;
    width: calc(100% + 1000px);
    left: 0;
    background: #d12b8a
}

@media(min-width: 1440px) {
    .partner-section .main-heading {
        font-size:30px
    }
}

@media(min-width: 1600px) {
    .partner-section .main-heading {
        font-size:40px
    }
}

@media(min-width: 1440px) {
    .partner-section p {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .partner-section p {
        font-size:22px
    }
}

.partner-section .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.partner-section .slick-dots li {
    width: 10px;
    height: 14px
}

.partner-section .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.partner-section .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

.partner-section .partner-slider {
    max-width: 1060px;
    margin: 0 auto 40px;
    padding-bottom: 40px;
    padding-top: 10px
}

.partner-section .partner-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) and (min-width:280px) {
    .partner-section .partner-slider {
        margin-bottom:20px !important
    }
}

.partner-section .partner-slider.slick-dotted.slick-slider {
    margin: 0 auto 40px
}

.partner-section .partner-slider .no-image {
    width: 192px;
    height: 90px;
    background: #efefef;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    margin: auto;
    cursor: pointer
}

.partner-section .partner-slider .slick-arrow {
    position: absolute;
    color: #fff;
    border-radius: 50%;
    padding: 0
}

.partner-section .partner-slider .slick-arrow i {
    margin: 0
}

.partner-section .partner-slider .slick-arrow.prev {
    height: 45px;
    min-width: 45px;
    width: 45px;
    right: -90px;
    top: 50%;
    margin-top: -37px
}

.partner-section .partner-slider .slick-arrow.next {
    height: 45px;
    min-width: 45px;
    width: 45px;
    left: -90px;
    top: 50%;
    margin-top: -37px
}

.partner-section .partner-slider .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.partner-section .partner-slider .slick-arrow {
    background: #cecece
}

.partner-section .partner-slider .slick-slide img {
    width: 100%
}

@media(max-width: 1199px) and (min-width:280px) {
    .partner-section .partner-slider .slick-slide img {
        width:auto;
        max-height: 90px;
        margin: 0 auto
    }
}

.partner-section .partner-slider .slick-slide {
    padding: 0 10px;
    cursor: pointer
}

.partner-section .partner-slider .slick-arrow.slick-disabled {
    visibility: hidden
}

@media(max-width: 992px) {
    .partner-section .slick-arrow {
        display:none !important
    }
}

.section-wrapper .partner-section .container {
    padding-left: 8px;
    padding-right: 8px
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .partner-section .container {
        max-width:820px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .partner-section .container {
        max-width:100%
    }
}

.section-wrapper .partner-section .container .col-md-12 {
    padding-left: 4px;
    padding-right: 4px
}

html[dir=rtl] .partner-section .main-heading {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .partner-section p {
    font-family: qt_zaintextregular
}

.banner_slider_section {
    position: relative;
    z-index: 0
}

.banner_slider_section .banner-slider-wrapper .slide {
    position: relative
}

.banner_slider_section .banner-slider-wrapper .slide .slide-bg::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.4);
    top: 0;
    right: 0;
    z-index: 0
}

.banner_slider_section .banner-slider-wrapper .slide .slide-bg img {
    width: 100%;
    min-height: 685px;
    -o-object-fit: cover;
    object-fit: cover
}

.banner_slider_section .banner-slider-wrapper .slide .slide-content {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner_slider_section .banner-slider-wrapper .slide .slide-content .content-wrapper {
    padding: 0 8px;
    color: #fff
}

.banner_slider_section .sub-heading {
    font-family: NunitoSans-Regular,sans-serif;
    text-transform: capitalize;
    font-weight: unset;
    letter-spacing: .6px;
    line-height: 1.2;
    font-size: 20px
}

@media(min-width: 768px) {
    .banner_slider_section .sub-heading {
        font-size:22px
    }
}

@media(min-width: 1200px) {
    .banner_slider_section .sub-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .banner_slider_section .sub-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .banner_slider_section .sub-heading {
        font-size:36px
    }
}

.banner_slider_section .main-heading {
    font-family: NunitoSans-Black;
    font-size: 40px;
    line-height: 1.2
}

@media(min-width: 768px) {
    .banner_slider_section .main-heading {
        font-size:50px
    }
}

@media(min-width: 1200px) {
    .banner_slider_section .main-heading {
        font-size:55px
    }
}

@media(min-width: 1440px) {
    .banner_slider_section .main-heading {
        font-size:60px
    }
}

@media(min-width: 1600px) {
    .banner_slider_section .main-heading {
        font-size:82px;
        letter-spacing: .8px;
        line-height: 1.1
    }
}

.banner_slider_section .sub-text {
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 20px;
    font-family: NunitoSans-Regular,sans-serif;
    text-transform: inherit;
    font-weight: unset
}

@media(min-width: 768px) {
    .banner_slider_section .sub-text {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .banner_slider_section .sub-text {
        font-size:20px
    }
}

@media(min-width: 1440px) {
    .banner_slider_section .sub-text {
        font-size:24px
    }
}

@media(min-width: 1600px) {
    .banner_slider_section .sub-text {
        font-size:28px
    }
}

.banner_slider_section .btn.btn-pc-1 {
    padding: 6px 20px
}

.banner_slider_section .btn.btn-pc-2 {
    margin: 0 15px 0 0;
    padding: 6px 20px
}

.banner_slider_section .btn.btn-pc-2:hover {
    color: #fff;
    background: 0;
    border: 2px solid #fff
}

.banner_slider_section .btn.btn-lrg {
    font-size: 16px;
    min-height: 60px;
    padding-right: 50px;
    padding-left: 50px;
    min-width: 212px
}

@media(min-width: 1440px) and (max-width:1919px) {
    .banner_slider_section .btn.btn-lrg {
        font-size:14px;
        min-height: 50px;
        padding-right: 36px;
        padding-left: 36px;
        min-width: 190px
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .banner_slider_section .btn.btn-lrg {
        font-size:12px;
        min-height: 46px;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 145px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .banner_slider_section .btn.btn-lrg {
        font-size:12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px;
        min-width: 140px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .banner_slider_section .btn.btn-lrg {
        font-size:12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px;
        min-width: 140px
    }
}

.banner_slider_section .section-nav {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    z-index: 1
}

.banner_slider_section .section-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 980px;
    margin: 0 auto;
    background: #f2f2f2;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 9px 0 rgba(0,0,0,.16);
    height: 130px
}

.banner_slider_section .section-nav ul li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.banner_slider_section .section-nav ul li a {
    color: #d12b8a;
    text-decoration: none
}

.banner_slider_section .section-nav ul li a:hover {
    color: #000
}

.banner_slider_section .section-nav ul li a img {
    display: inline-block;
    margin-bottom: 10px
}

.banner_slider_section .section-nav ul li a h4 {
    font-family: NunitoSans-Black;
    font-weight: unset;
    letter-spacing: 0
}

@media(min-width: 768px) {
    .banner_slider_section .section-nav ul li a h4 {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .banner_slider_section .section-nav ul li a h4 {
        font-size:16px
    }
}

@media(min-width: 1440px) {
    .banner_slider_section .section-nav ul li a h4 {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    .banner_slider_section .section-nav ul li a h4 {
        font-size:20px
    }
}

.banner_slider_section .section-nav ul li+li:before {
    content: "";
    position: absolute;
    right: 0;
    height: 60px;
    width: 2px;
    background: #c9c9c9;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner_slider_section .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.banner_slider_section .slick-dots li {
    width: 10px;
    height: 14px
}

.banner_slider_section .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.banner_slider_section .slick-dots .slick-active button {
    border-color: #c9c9c9;
    color: transparent
}

.banner_slider_section .slick-dots {
    bottom: 120px
}

@media(max-width: 767px) and (min-width:280px) {
    .banner_slider_section .slick-dots {
        bottom:90px
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .banner_slider_section .section-nav ul {
        max-width:740px;
        height: 110px
    }
}

.banner_slider_section {
    position: relative;
    z-index: 0
}

.banner_slider_section .banner-slider-wrapper .slide {
    position: relative
}

.banner_slider_section .banner-slider-wrapper .slide .slide-bg::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.4);
    top: 0;
    right: 0;
    z-index: 0
}

.banner_slider_section .banner-slider-wrapper .slide .slide-bg img {
    width: 100%;
    min-height: 685px;
    -o-object-fit: cover;
    object-fit: cover
}

.banner_slider_section .banner-slider-wrapper .slide .slide-content {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner_slider_section .banner-slider-wrapper .slide .slide-content .content-wrapper {
    padding: 0 8px;
    color: #fff
}

.banner_slider_section .sub-heading {
    font-family: NunitoSans-Regular,sans-serif;
    text-transform: capitalize;
    font-weight: unset
}

.banner_slider_section .main-heading {
    font-family: NunitoSans-Black
}

.banner_slider_section .sub-text {
    letter-spacing: .4px;
    line-height: 1.6;
    font-family: NunitoSans-Regular,sans-serif;
    text-transform: inherit;
    font-weight: unset
}

.banner_slider_section .btn.btn-pc-1 {
    padding: 6px 20px
}

.banner_slider_section .btn.btn-pc-2 {
    margin: 0 15px 0 0;
    padding: 6px 20px
}

.banner_slider_section .btn.btn-pc-2:hover {
    color: #fff;
    background: 0;
    border: 2px solid #fff
}

.banner_slider_section .slick-dots {
    bottom: 120px
}

.banner_slider_section .slick-dots .slick-active button {
    border-color: #c9c9c9
}

@media(max-width: 1919px) and (min-width:1200px) {
    .banner_slider_section .section-nav ul {
        max-width:740px;
        height: 110px
    }

    .banner_slider_section .section-nav ul li:not(:first-child) a img {
        margin-bottom: 0;
        padding-bottom: 18px
    }
}

.top_selected_section {
    padding-top: 100px;
    padding-bottom: 90px
}

.top_selected_section .slide {
    position: relative;
    margin-bottom: 16px
}

.top_selected_section .slide .slide-bg {
    min-height: 376px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden
}

.top_selected_section .slide .slide-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 55px 35px
}

.top_selected_section .main-heading {
    letter-spacing: .8px;
    line-height: 1.2;
    font-family: NunitoSans-Black;
    text-transform: inherit;
    color: #000
}

@media(min-width: 1200px) {
    .top_selected_section .main-heading {
        font-size:28px
    }
}

@media(min-width: 1440px) {
    .top_selected_section .main-heading {
        font-size:32px
    }
}

@media(min-width: 1600px) {
    .top_selected_section .main-heading {
        font-size:42px
    }
}

.top_selected_section .sub-text {
    font-family: NunitoSans-Regular,sans-serif;
    text-transform: inherit;
    color: #000;
    font-weight: unset;
    letter-spacing: .4px;
    line-height: 1.6
}

@media(min-width: 1200px) {
    .top_selected_section .sub-text {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .top_selected_section .sub-text {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .top_selected_section .sub-text {
        font-size:22px
    }
}

.top_selected_section .slide-content.text-white .main-heading,.top_selected_section .slide-content.text-white .sub-text {
    color: #fff
}

.top_selected_section .slide-content.text-white a.btn.btn-link {
    color: #fff
}

.top_selected_section .slide-content.text-white a.btn.btn-link:hover {
    color: #fff
}

.top_selected_section .slide-content.text-white .btn.btn-pc-3:hover {
    color: #fff;
    background: 0;
    border: 2px solid #fff
}

.top_selected_section .heading .badge-secondary {
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px 25px;
    font-size: 16px;
    background: #403e44;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

@media(max-width: 1439px) and (min-width:1200px) {
    .top_selected_section .btn.btn-pc-3 {
        padding:6px 15px;
        min-width: auto;
        font-size: 12px;
        min-height: 44px;
        padding-right: 30px;
        padding-left: 30px
    }
}

.top_selected_section a.btn.btn-link {
    color: #000;
    margin: 0 15px 0 0;
    padding: 15px
}

.top_selected_section a.btn.btn-link:hover {
    color: #000
}

.top_selected_section .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.top_selected_section .slick-dots li {
    width: 10px;
    height: 14px
}

.top_selected_section .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.top_selected_section .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

@media(min-width: 768px) and (max-width:1199px) {
    .top_selected_section .mobile_slider.row {
        display:block
    }
}

.plans_section .plans-wrapper .plans_slider .slick-track {
    margin: auto
}

@media(max-width: 1919px) and (min-width:1200px) {
    .top_selected_section .slide .slide-bg {
        min-height:300px
    }

    .top_selected_section .slide .slide-content {
        padding: 35px
    }
}

@media(min-width: 1200px) {
    .zainlife_section .main-heading {
        font-size:28px;
        font-weight: unset
    }
}

.plans_section {
    padding: 30px 0
}

.plans_section .plans-wrapper {
    min-height: auto;
    position: relative;
    padding: 0 15px
}

.plans_section .plans-wrapper .plans_slider {
    position: relative;
    width: 100%;
    height: 100%;
    margin-right: -15px;
    margin-left: -15px
}

.plans_section .plans-wrapper .plans_slider .slick-list .slick-track {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.plans_section .plans-wrapper .plans_slider .slide.active {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 480px;
    flex: 0 0 480px;
    max-width: 480px
}

.plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-header {
    height: 150px
}

.plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-header img {
    height: 50px;
    right: 15px;
    bottom: 15px
}

.plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card {
    height: 640px;
    border-radius: 10px
}

.plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-body {
    padding: 50px 35px;
    min-height: calc(100% - 200px)
}

.plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-body img.card-svg {
    opacity: 0;
    visibility: hidden;
    display: none
}

@media(max-width: 1199px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-body img.card-svg {
        display:none !important
    }
}

@media(max-width: 767px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-body {
        padding:30px 15px 52px
    }
}

.plans_section .plans-wrapper .plans_slider .slide.active .main-heading {
    font-size: 22px;
    text-transform: inherit;
    font-family: NunitoSans-Black;
    font-weight: unset;
    line-height: 1.2;
    letter-spacing: .6px
}

@media(max-width: 767px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .main-heading {
        font-size:24px
    }
}

@media(min-width: 1200px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .main-heading {
        font-size:36px
    }
}

.plans_section .plans-wrapper .plans_slider .slide.active .sub-text {
    font-family: NunitoSans-Regular,sans-serif;
    text-transform: inherit;
    font-weight: unset
}

@media(min-width: 1200px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .sub-text {
        font-size:16px
    }
}

@media(min-width: 1440px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .sub-text {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .sub-text {
        font-size:20px
    }
}

.plans_section .plans-wrapper .plans_slider .slide.active .btn.btn-pc-1 {
    padding: 13px 31px !important
}

.plans_section .plans-wrapper .plans_slider .slide .plan-card.card .card-header img {
    position: absolute;
    opacity: 1;
    bottom: 20px;
    right: 20px
}

.plans_section .plans-wrapper .plans_slider .slide {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 8px
}

.plans_section .plans-wrapper .plans_slider .slide .plan-card.card {
    height: 410px;
    width: 100%;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    overflow: hidden
}

.plans_section .plans-wrapper .plans_slider .slide .plan-card.card .card-header {
    position: relative;
    height: 2px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0
}

.plans_section .plans-wrapper .plans_slider .slide .plan-card.card .card-header::before {
    content: "";
    position: absolute;
    bottom: -2px;
    right: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: url(/o/zain-theme/images/OfferGradient.png) repeat;
    background-size: 100%
}

.plans_section .plans-wrapper .plans_slider .slide .sub-text {
    margin-bottom: 30px
}

.plans_section .plans-wrapper .plans_slider .slide.hover-collapse .sub-text {
    font-size: 12px
}

@media(min-width: 1440px) {
    .plans_section .plans-wrapper .plans_slider .slide.hover-collapse .sub-text {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .plans_section .plans-wrapper .plans_slider .slide.hover-collapse .sub-text {
        font-size:16px
    }
}

.plans_section .plans-wrapper .plans_slider .slide .plan-card.card .card-body .btn.btn-link {
    opacity: 0;
    position: absolute;
    bottom: 10px;
    left: 6px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-body .btn.btn-link {
    opacity: 1;
    position: absolute;
    bottom: 10px;
    left: 6px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-body .btn.btn-link:hover {
    color: #000
}

.plans_section .btn.btn-pc-1 {
    color: #d12b8a
}

.plans_section .btn.btn-pc-1:hover {
    color: #fff
}

.plans_section .main-heading {
    text-transform: inherit;
    font-weight: unset;
    font-family: NunitoSans-Black;
    margin: 0 0 16px
}

.plans_section .sub-text {
    font-size: 12px;
    font-family: NunitoSans-Regular,sans-serif;
    text-transform: inherit;
    font-weight: unset
}

.plans_section .plans-wrapper .plans_slider .slide .plan-card.card {
    height: 320px
}

.plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card {
    height: 460px
}

.plans_section .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.plans_section .slick-dots li {
    width: 10px;
    height: 14px
}

.plans_section .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.plans_section .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

@media(max-width: 1919px) and (min-width:1200px) {
    .plans_section .plans-wrapper {
        padding:0 8px
    }

    .plans_section .plans-wrapper .plans_slider {
        margin-left: -8px;
        margin-right: -8px
    }

    .plans_section .plans-wrapper .plans_slider .slick-list .slick-track {
        min-height: 490px
    }

    .plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-body {
        padding: 30px 15px;
        min-height: calc(100% - 150px)
    }

    .plans_section .slide {
        padding: 0 8px
    }

    .plans_section .slide .plan-card.card {
        height: 320px
    }

    .plans_section .plans-wrapper .plans_slider .slide.active {
        -webkit-box-flex: 1.6;
        -ms-flex: 1.6;
        flex: 1.6;
        max-width: unset
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .plans_section .plans-wrapper .plans_slider .slide.active {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        min-width: auto
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card {
        height:460px
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .plans_section .plans-wrapper .plans_slider .slide .plan-card.card .card-body img.card-svg {
        height:50px;
        margin-bottom: 15px
    }
}

.plans_section .plans-wrapper .plans_slider .slide.hover-collapse .main-heading {
    line-height: 1.6;
    letter-spacing: .4px
}

@media(min-width: 1200px) {
    .plans_section .plans-wrapper .plans_slider .slide.hover-collapse .main-heading {
        font-size:16px
    }
}

@media(min-width: 1440px) {
    .plans_section .plans-wrapper .plans_slider .slide.hover-collapse .main-heading {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    .plans_section .plans-wrapper .plans_slider .slide.hover-collapse .main-heading {
        font-size:20px
    }
}

.products_section {
    background: #f7f7f7;
    padding-top: 50px;
    padding-bottom: 90px;
    font-weight: unset
}

.products_section .slide {
    position: relative;
    margin-bottom: 16px
}

.products_section .slide .slide-bg {
    min-height: 376px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden
}

.products_section .slide .slide-bg img {
    position: relative;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 500px
}

@media(min-width: 280px) and (max-width:767px) {
    .products_section .slide .slide-bg img {
        min-height:400px
    }
}

.products_section .slide .slide-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 55px 35px
}

.products_section .slide .slide-content.light-font {
    color: #fff
}

.products_section .main-heading {
    color: #fff;
    font-size: 24px;
    font-family: NunitoSans-Black;
    text-transform: inherit
}

.products_section .sub-text {
    font-size: 14px;
    font-family: NunitoSans-Regular,sans-serif;
    margin: 0 0 30px;
    text-transform: inherit;
    font-weight: unset
}

.products_section .btn.btn-pc-3 {
    padding: 6px 30px
}

.products_section .btn.btn-pc-3:hover {
    color: #fff;
    background: 0;
    border: 2px solid #fff
}

.products_section .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.products_section .slick-dots li {
    width: 10px;
    height: 14px
}

.products_section .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.products_section .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

@media(max-width: 767px) and (min-width:280px) {
    .products_section {
        padding-bottom:40px
    }

    .products_section .product_wrapper .slide .slide-content {
        padding: 25px 15px
    }

    .products_section .product_wrapper .slide .slide-content .main-heading {
        font-weight: unset;
        font-family: NunitoSans-SemiBold,sans-serif
    }

    .products_section .product_wrapper .slide .slide-content .action h4.sub-text {
        font-size: 16px
    }

    .container.sect_sepretor.mt-5.pt-3 {
        margin-top: 20px !important
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .product_wrapper .slide .slide-content {
        padding:55px 15px
    }
}

@media(min-width: 1440px) {
    .products_section .product_wrapper .slide .slide-content .main-heading {
        font-size:28px
    }

    .products_section .product_wrapper .slide .slide-content .action h4.sub-text {
        font-size: 16px
    }
}

@media(min-width: 1600px) {
    .products_section .product_wrapper .slide .slide-content .main-heading {
        font-size:34px
    }

    .products_section .product_wrapper .slide .slide-content .action h4.sub-text {
        font-size: 18px
    }

    .products_section .container {
        max-width: 1470px;
        padding-left: 8px;
        padding-right: 8px
    }
}

.zainlife_section {
    padding-top: 40px;
    padding-bottom: 93px
}

.zainlife_section .slide {
    position: relative;
    margin-bottom: 16px
}

.zainlife_section .slide .slide-bg {
    border-radius: 0;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    overflow: hidden
}

.zainlife_section .slide .slide-bg img {
    width: 100%;
    height: 510px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.zainlife_section .slide .slide-content {
    position: absolute;
    top: 0;
    width: 70%;
    padding: 130px 72px 58px 15px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.zainlife_section .slide .slide-content.light-font {
    color: #fff
}

.zainlife_section .main-heading {
    letter-spacing: .8px;
    line-height: 1.2;
    font-family: NunitoSans-Black;
    text-transform: inherit
}

.zainlife_section .sub-text {
    margin-bottom: 26px;
    font-size: 18px;
    color: #fff;
    font-family: NunitoSans-Regular,sans-serif;
    text-transform: inherit;
    letter-spacing: .4px;
    line-height: 1.6;
    font-weight: unset
}

.zainlife_section .btn.btn-pc-3 {
    padding: 6px 30px;
    width: 157px
}

.zainlife_section .btn.btn-pc-3:hover {
    color: #fff;
    border-color: #fff
}

.zainlife_section .slick-arrow.prev {
    right: 8px
}

.zainlife_section .slick-arrow {
    top: calc(50% - 30px)
}

.zainlife_section .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.zainlife_section .slick-arrow {
    height: 45px !important;
    width: 45px !important
}

.zainlife_section .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 60px;
    width: 60px;
    color: #fff;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: rgba(255,255,255,.4);
    z-index: 1;
    visibility: visible
}

.zainlife_section .slick-arrow.next {
    left: 8px
}

.zainlife_section .slick-arrow i {
    line-height: 45px;
    font-size: 16px;
    margin: auto
}

.zainlife_section .slick-arrow.slick-disabled {
    visibility: hidden
}

.zainlife_section video {
    width: 100%;
    height: 100%
}

.zainlife_section .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.zainlife_section .slick-dots li {
    width: 10px;
    height: 14px
}

.zainlife_section .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.zainlife_section .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

@media(max-width: 1919px) and (min-width:1200px) {
    .zainlife_section .slide .slide-bg img {
        height:385px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zainlife_section .slide .slide-content {
        width:100%
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .zainlife_section .slide .slide-content {
        width:100%;
        padding: 90px 72px 58px 15px
    }
}

@media(min-width: 1200px) {
    .zainlife_sections .main-heading {
        font-size:28px
    }
}

.zainlife-sectiom .sub-text {
    font-size: 18px
}

.offers_section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 95px
}

.offers_section .offers-gradient-bg {
    height: 430px;
    width: 100%;
    background-image: radial-gradient(circle,#e1dded 0,#f6e1ec 35%,#e9ddec 100%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.offers_section .offers-slider .slick-arrow {
    display: none !important
}

.offers_section .offers-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offers_section .offers-slider .slick-list {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px
}

.offers_section .offers-slider .slick-list .card {
    border-radius: 10px;
    overflow: hidden
}

.offers_section .offers-slider .slick-list .card .card-image {
    overflow: hidden;
    position: relative
}

.offers_section .offers-slider .slick-list .card .card-image::before {
    content: "";
    position: absolute;
    bottom: -2px;
    right: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: url(/o/zain-theme/images/OfferGradient.png) repeat;
    background-size: 100%
}

.offers_section .offers-slider .slick-list .card .card-image img {
    min-height: 265px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.offers_section .offers-slider .slick-list .card .card-content {
    height: 145px;
    padding: 19px 15px
}

.offers_section .offers-slider .slick-list .card .card-content .btn.btn-pc-3 {
    position: absolute;
    left: 28px;
    bottom: 28px;
    width: 121px
}

.offers_section .main-heading {
    font-size: 24px;
    letter-spacing: .6px;
    line-height: 1.2;
    font-family: NunitoSans-Black;
    font-weight: unset;
    text-transform: capitalize;
    color: #000
}

.offers_section .sub-text {
    font-size: 14px;
    font-family: NunitoSans-Regular;
    text-transform: inherit;
    color: #000
}

.offers_section video {
    height: 260px;
    width: 512px
}

.offers_section .media-body p.sub-text {
    margin: 0 0 16px;
    padding: 0 0 0 180px
}

.offers_section .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.offers_section .slick-dots li {
    width: 10px;
    height: 14px
}

.offers_section .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.offers_section .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

@media(min-width: 1440px) {
    .offers_section .main-heading {
        font-size:28px
    }

    .offers_section .sub-text {
        font-size: 16px
    }
}

@media(min-width: 1600px) {
    .offers_section .section-heading h1.main-heading,.zainlife_section .section-heading h1.main-heading {
        font-size:40px
    }

    .offers_section .main-heading {
        font-size: 34px
    }

    .offers_section .sub-text {
        font-size: 18px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-heading .btn-link.view-plans-link {
        font-size:12px
    }
}

.carousal-arc {
    height: 110px;
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    overflow: hidden
}

.carousal-arc .arc {
    position: absolute;
    bottom: 0;
    height: 2000px;
    width: 240%;
    border-radius: 50%;
    right: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(calc(-50% * -1));
    -webkit-box-shadow: 0 300px 0 0 #fff;
    box-shadow: 0 300px 0 0 #fff
}

.sect_sepretor {
    position: relative
}

.sect_sepretor::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: calc(100% + 1000px);
    left: 0;
    background: #d12b8a
}

.section-heading {
    position: relative;
    max-width: 100%
}

.section-heading h1.main-heading {
    margin-bottom: 10px;
    letter-spacing: .6px;
    line-height: 1.2;
    font-size: 26px;
    font-family: NunitoSans-Black
}

.section-heading .view-plans-link {
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px 0;
    min-width: auto;
    font-size: 14px;
    font-family: NunitoSans-Black,sans-serif
}

.section-heading .view-plans-link:hover {
    color: #000
}

.section-heading h4.ff-rg {
    max-width: 770px
}

.section-heading h4.sub-text {
    color: #727272;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
    letter-spacing: .4px;
    line-height: 1.6;
    font-weight: unset;
    text-transform: inherit;
    font-family: NunitoSans-Regular,sans-serif
}

.btn {
    text-transform: uppercase;
    font-size: 14px;
    min-height: 48px;
    padding-right: 30px;
    padding-left: 30px;
    font-family: NunitoSans-Black,sans-serif;
    border-radius: 10px;
    text-align: center;
    letter-spacing: .5px
}

.btn i {
    position: relative;
    margin-right: 10px;
    right: 0
}

@media(max-width: 1919px) and (min-width:1440px) {
    .btn {
        font-size:12px;
        min-height: 46px
    }
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn {
    text-transform: uppercase;
    font-family: NunitoSans-Black,sans-serif;
    border-radius: 10px;
    text-align: center;
    letter-spacing: .5px
}

html:not(.ie) .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1199px) and (min-width:768px) {
    .btn {
        font-size:12px
    }
}

.btn.btn-pc-3 {
    background: #d12b8a;
    color: #fff;
    border: 2px solid transparent
}

.btn.btn-pc-3:hover {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a
}

.btn.btn-small {
    min-height: 36px;
    font-size: 12px;
    min-width: unset;
    padding: 10px 12px !important
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-heading .view-plans-link {
        font-size:12px
    }
}

.cl-sc-1 {
    color: #000
}

.card {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.16);
    border: 0
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.portlet-boundary+.portlet-boundary:not(.portlet-borderless) {
    margin-top: 0
}

@media(max-width: 1439px) and (min-width:1200px) {
    .btn {
        min-width:auto;
        font-size: 12px;
        min-height: 44px;
        padding-right: 30px;
        padding-left: 30px
    }

    #wrapper .section-heading {
        margin-bottom: 32px
    }
}

@media(min-width: 1200px) {
    .section-heading h1.main-heading {
        font-size:28px;
        color: #000
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .offers_section .slick-dots {
        display:-webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px
}

.slick-dots li button {
    position: relative;
    z-index: 1;
    cursor: pointer;
    border: 3px solid #c9c9c9;
    border-radius: 50%;
    background: 0;
    line-height: 0;
    padding: 0;
    width: 0;
    overflow: hidden;
    margin: 4px 5px;
    outline: 0;
    color: transparent
}

.slick-dots li.slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a;
    margin-top: 2px
}

@media(max-width: 767px) and (min-width:280px) {
    .banner_slider_section .section-nav {
        display:none
    }

    #section-navigation {
        display: block;
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 5px
    }

    #section-navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -3px
    }

    #section-navigation ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 3px
    }

    #section-navigation ul li a {
        background: rgba(0,0,0,.5);
        width: 100%;
        min-height: 58px;
        padding: 6px 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block
    }

    #section-navigation ul li a i {
        font-size: 26px;
        margin-bottom: 6px;
        font-weight: 400
    }

    #section-navigation ul li a h4 {
        font-size: 12px;
        font-family: NunitoSans-Regular,sans-serif;
        margin-bottom: 0;
        font-weight: 400;
        letter-spacing: .1px
    }

    .section-heading {
        margin-top: 25px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 768px) {
    #section-navigation {
        display:none
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .section-heading .view-plans-link {
        padding:6px 0;
        font-size: 12px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .section-heading .view-plans-link {
        bottom:calc(100% + 0px);
        top: auto;
        padding: 5px 0;
        font-family: NunitoSans-Black,sans-serif
    }

    .section-heading {
        margin-top: 25px;
        margin-bottom: 30px
    }

    .section-wrapper .container {
        max-width: 340px;
        padding-left: 3px;
        padding-right: 3px;
        margin-left: auto;
        margin-right: auto
    }

    .btn.btn-small {
        min-height: 32px;
        font-size: 12px;
        min-width: unset;
        padding: 8px 12px !important
    }

    .btn.btn-lrg {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
        min-height: 40px;
        min-width: 140px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .offers_section {
        padding-top:30px;
        padding-bottom: 35px
    }

    .offers_section .offers-gradient-bg {
        height: 465px
    }

    .offers_section .offers-slider .slick-list .card .card-image img {
        min-height: auto
    }

    .offers_section .offers-slider .slick-list .card .card-content {
        min-height: 218px;
        height: auto;
        padding: 20px 30px
    }

    .offers_section .offers-slider .slick-list .card .card-content .media {
        text-align: left;
        display: block
    }

    .offers_section .offers-slider .slick-list .card .card-content .media .media-body {
        text-align: right
    }

    .offers_section .offers-slider .slick-list .card .card-content .media p {
        padding-left: 0
    }

    .offers_section .offers-slider .slick-list .card .card-content .media .btn.btn-small {
        padding: 8px 22px !important;
        width: 141px;
        height: 35px
    }

    .offers_section .offers-slider .slick-list .card .card-content img {
        margin-bottom: 10px;
        max-width: 100%;
        max-width: 40px
    }

    .sub-text {
        letter-spacing: .4px;
        line-height: 1.6;
        font-size: 16px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .section-heading {
        margin-bottom:52px
    }

    .offers_section .offers-slider .slick-list .card .card-image img {
        min-height: 300px
    }

    .offers_section .offers-slider .slick-list .card .card-content {
        height: 170px;
        padding: 42px 25px
    }

    .offers_section .offers-slider .slick-list .card .card-content .sub-text {
        padding-left: 93px
    }
}

@media(min-width: 280px) {
    .offers_section .main-heading {
        font-size:24px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .carousal-arc .arc {
        width:400%
    }

    .banner_slider_section .banner-slider-wrapper .slide .slide-bg img {
        -o-object-position: left;
        object-position: left;
        min-height: 480px
    }

    .banner_slider_section .sub-heading {
        font-size: 26px
    }

    .banner_slider_section .main-heading {
        font-family: NunitoSans-SemiBold,sans-serif;
        font-size: 40px
    }

    .banner_slider_section .sub-text {
        font-size: 16px;
        padding: 0 20px;
        display: none
    }

    .banner_slider_section .slick-dots {
        bottom: 90px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .banner_slider_section .section-nav ul {
        max-width:540px;
        height: 100px
    }

    .banner_slider_section .section-nav ul li a img {
        max-height: 45px;
        max-width: 28px;
        padding-bottom: 15px !important;
        margin-bottom: 0 !important
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .section-heading {
        margin-top:25px;
        margin-bottom: 30px
    }

    .section-heading .sub-text {
        letter-spacing: .4px;
        line-height: 1.6;
        font-size: 16px !important
    }

    .top_selected_section {
        padding-top: 15px;
        padding-bottom: 40px
    }

    .top_selected_section .slide .slide-bg {
        min-height: 225px;
        background-size: cover
    }

    .top_selected_section .slide .slide-content {
        padding: 20px 15px
    }

    .top_selected_section .slide .slide-content .btn {
        padding: 0 28px;
        font-size: 12px
    }

    .top_selected_section .slide .slide-content .btn-link {
        padding: 10px 12px 10px 0;
        margin-right: 0;
        font-family: NunitoSans-Regular,sans-serif;
        font-weight: 700
    }

    .top_selected_section .main-heading {
        font-size: 24px
    }

    .top_selected_section .sub-text {
        font-size: 16px
    }

    .top_selected_section button.btn.btn-pc-3 {
        width: 160px;
        min-height: 35px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .top_selected_section .section-heading .sub-text {
        font-size:16px
    }

    .top_selected_section .slide-content .main-heading {
        font-size: 24px
    }

    .top_selected_section .slide-content .sub-text {
        font-size: 16px
    }

    .top_selected_section .slide-content .btn.btn-pc-3 {
        font-size: 12px
    }

    .top_selected_section .slide-content .btn.btn-link {
        font-size: 12px;
        margin: 0 18px 0 0
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .products_section .section-heading .main-heading {
        color:#212529
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .products_section .section-heading .main-heading {
        color:#212529
    }

    .products_section .slide-content .main-heading {
        font-size: 26px
    }

    .products_section .btn {
        font-size: 12px
    }

    .section-heading h4.ff-rg.sub-text {
        font-size: 16px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .zainlife_section .slide .slide-content {
        padding:50px 70px 25px 75px;
        width: 100%
    }

    .zainlife_section .slide-content .main-heading {
        font-size: 24px
    }

    .zainlife_section .btn.btn-pc-3 {
        padding: 6px 30px;
        font-size: 12px
    }

    .zainlife_section .slide .slide-bg img {
        width: 100%;
        height: 400px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .zainlife_section {
        padding-bottom:40px
    }

    .zainlife_section .slide .slide-bg img {
        width: 100%;
        height: 284px
    }

    .zainlife_section .slide .slide-content {
        padding: 50px 20px 25px 15px;
        width: 100%
    }

    .zainlife_section .zainlife-slider .main-heading {
        font-family: NunitoSans-SemiBold,sans-serif;
        font-size: 24px
    }

    .zainlife_section .slide .sub-text {
        margin-bottom: 12px;
        font-size: 16px
    }

    .products_section .btn.btn-pc-3,.zainlife_section .btn.btn-pc-3 {
        padding: 6px 25px;
        font-size: 12px;
        width: 147px;
        min-height: 35px
    }

    .plans_section .plans-wrapper .plans_slider {
        margin-left: auto;
        margin-right: auto
    }

    .plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card {
        height: 420px
    }

    .plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-header {
        height: 120px
    }

    .plans_section .plans-wrapper .plans_slider .slide.active .plan-card.card .card-header img {
        width: 50px
    }

    .plans_section .plans-wrapper .plans_slider .slide.active .main-heading {
        line-height: 1.2
    }

    .plans_section .plans-wrapper .plans_slider .slide.active .btn.btn-pc-1.btn-small {
        padding: 8px 31px !important;
        max-height: 45px;
        border-width: 1px;
        font-weight: 400;
        font-family: NunitoSans-SemiBold,sans-serif
    }

    .plans_section .plans-wrapper .plans_slider .slide.active .btn.btn-link {
        padding: 0 15px;
        font-size: 12px
    }
}

@media(min-width: 1440px) {
    .zainlife_section .main-heading {
        font-size:32px
    }

    .zainlife_section .sub-text {
        font-size: 20px
    }
}

@media(min-width: 1600px) {
    .zainlife_section .main-heading {
        font-size:42px
    }

    .zainlife_section .sub-text {
        font-size: 24px
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .zainlife_section .slide .slide-content {
        width:75%;
        padding: 90px 72px 58px 15px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zainlife_section .slide .slide-content {
        width:100%
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .plans_section .plans-wrapper .plans_slider .slide.active {
        -webkit-box-flex:unset;
        -ms-flex: unset;
        flex: unset;
        max-width: unset;
        padding: 6px
    }

    .plans_section .card-header {
        height: 170px;
        padding: 15px
    }

    .plans_section .card-header img {
        width: 89px;
        height: 59px !important
    }

    .plans_section .plans-wrapper .plans_slider .slide .plan-card.card .card-body img.card-svg {
        opacity: 1;
        margin-bottom: 24px
    }

    .plans_section .plans_slider .slide.active .plan-card.card .card-body {
        padding: 30px 25px;
        min-height: calc(100% - 170px)
    }

    .plans_section .plans_slider .slide.active .main-heading {
        font-size: 22px
    }

    .plans_section .plans_slider .slide .plan-card.card .card-body {
        padding: 32px 28px;
        position: relative
    }

    .plans_section .btn.btn-link {
        font-size: 12px;
        margin: 0 18px 0 0;
        padding: 15px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .plans_section .plans-wrapper,.plans_section .plans-wrapper .plans_slider .slide {
        padding:0 6px
    }

    .plans_section .plans-wrapper .plans_slider .slide.active {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.offers-slider {
    display: block !important
}

.offers-slider .slick-dots {
    display: none !important
}

@media(max-width: 1199px) and (min-width:280px) {
    .offers-slider .slick-dots {
        display:block !important
    }
}

.chat-sec {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9
}

.chat-sec .promo-spot-panel span {
    height: 95px;
    width: 95px;
    background: #fff;
    color: #23b7c0;
    overflow: hidden;
    font-size: 14px;
    opacity: 1;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    position: relative;
    border-radius: 50%;
    border: 1px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.chat-sec .promo-spot-panel img {
    max-width: 32px;
    margin: 0 auto -13px
}

.chat-sec .promo-spot-panel p {
    margin: 0
}

.chat-sec .promo-spot-panel i {
    width: 100%;
    font-style: normal;
    line-height: 14px;
    font-size: 14px
}

@media(max-width: 767px) and (min-width:280px) {
    .chat-sec {
        right:15px;
        bottom: 15px
    }
}

.circle_B {
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(-50%,50%);
    transform: translate(calc(-50% * -1),50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #000;
    opacity: .7;
    z-index: 0;
    -webkit-animation-name: fadeOut_B;
    animation-name: fadeOut_B;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

html[dir=rtl] .chat-sec {
    right: 40px
}

@media(max-width: 767px) and (min-width:280px) {
    html[dir=rtl] .chat-sec {
        right:15px
    }
}

html[dir=rtl] .chat-sec .promo-spot-panel i {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .chat-sec .promo-spot-panel img {
    margin: 0 auto -16px
}

html[dir=rtl] .circle_B {
    -webkit-transform: translate(50%,50%);
    transform: translate(calc(50% * -1),50%)
}

html[dir=rtl] .zainlife_section .zainlife-slider button.btn.prev.slick-arrow i.icon-arrow-pointing-to-right::before {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important
}

html[dir=rtl] .solution-slider button.btn.prev.slick-arrow i.icon-arrow-pointing-to-right::before {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important
}

@-webkit-keyframes fadeOut_B {
    0% {
        opacity: 0
    }

    20% {
        opacity: .7
    }

    100% {
        opacity: 0;
        width: 120px;
        height: 120px
    }
}

@keyframes fadeOut_B {
    0% {
        opacity: 0
    }

    20% {
        opacity: .7
    }

    100% {
        opacity: 0;
        width: 120px;
        height: 120px
    }
}

html[dir=rtl] .banner_slider_section .banner-slider-wrapper .slide .slide-content .content-wrapper h1 b {
    white-space: nowrap
}

.AdjustmentEnglish {
    font-family: NunitoSans-SemiBold !important;
    font-weight: 400
}

.AdjustmentArabic {
    margin-top: 4px;
    font-weight: 600 !important
}

#EmptyCartAlertMessage {
    position: fixed !important;
    margin-left: 10px !important
}

html[dir=rtl] .icon-arrow-pointing-to-right:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

html[dir=rtl] .btn,html[dir=rtl] .main-heading {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] p {
    font-weight: 400;
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] h4.sub-text {
    font-family: QTZain-Bold,sans-serif !important;
    font-weight: 700
}

html[dir=rtl] #wrapper .section-heading h1.main-heading {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] #wrapper .section-heading h4.sub-text.ff-rg {
    font-weight: 700;
    font-family: QTZain-Reguar,sans-serif !important
}

html[dir=rtl] .header.shop_landing_header .main-header .main-menu ul.main-navigation li>a {
    font-weight: 400;
    font-family: QTZain-Reguar,sans-serif;
    text-decoration: none
}

html[dir=rtl] .offers_section .offers-slider .slick-list .card .card-content .sub-text {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .plans_section .slide.active .main-heading,html[dir=rtl] .plans_section .slide.active .sub-text {
    font-family: QTZain-Bold,sans-serif !important;
    font-weight: 700 !important
}

html[dir=rtl] .banner_slider_section .section-nav ul li a h4 {
    font-weight: 700 !important;
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .header.shop_landing_header .main-header .main-menu .megamenu-title h3 {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .header.shop_landing_header .main-header .main-menu ul.list-unstyled .megamenu-link a {
    font-weight: 400;
    font-family: QTZain-Reguar,sans-serif;
    text-decoration: none;
    padding-top: 10px !important;
    padding-left: 0 !important;
    padding-bottom: 4px !important
}

html[dir=rtl] .header.shop_landing_header .main-header .main-menu .i-watch_img-container .content a button {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .header.shop_landing_header .main-header .main-menu .i-watch_img-container .content .main-heading {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] footer.main-footer .footer-content .socialmedia li a {
    margin-right: 0
}

html[dir=rtl] footer.main-footer .footer-links a,html[dir=rtl] footer.main-footer .footer-title a {
    font-weight: 400;
    font-family: QTZain-Reguar,sans-serif;
    text-decoration: none
}

html[dir=rtl] footer.main-footer .footer-title.coonect,html[dir=rtl] footer.main-footer .footer-title.track,html[dir=rtl] footer.main-footer .footer-title.user-heading {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] li.footer-title.connect {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .header.shop_landing_header .main-header .main-menu .mobile-controls ul.mobile-nav li.mobile-menu-toggle .main-mobile-menu .mobile-megamenu li span {
    position: relative
}

html[dir=rtl] #wrapper .top_selected_section .slide .slide-bg .slide-bg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

html[dir=rtl] .icon-Group-1561:before,html[dir=rtl] .icon-cart-with-plus:before,html[dir=rtl] .icon-headphones-with-mic:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

html[dir=rtl] footer.main-footer .copyright_sect li.copy {
    direction: rtl
}

@media(max-width: 1199px) and (min-width:360px) {
    html[dir=rtl] footer.main-footer .footer-content .footer-title .icon-add-1 {
        top:9px
    }

    html[dir=rtl] .header.shop_landing_header .main-header .main-menu .mobile-controls ul.mobile-nav li.mobile-menu-toggle .main-mobile-menu .dropdown.site-dropdown.dropdown-transparent.light.USA-Kuwait-Dropdown button {
        font-family: QTZain-Reguar,sans-serif
    }

    html[dir=rtl] .header.shop_landing_header .main-header .main-menu .mobile-controls ul.mobile-nav li.mobile-menu-toggle .main-mobile-menu .dropdown.site-dropdown.dropdown-transparent.light.USA-Kuwait-Dropdown button .icon-angle-down.ml-2 {
        left: 14px
    }

    html[dir=rtl] .header.shop_landing_header .main-header .main-menu .mobile-controls ul.mobile-nav li.mobile-menu-toggle .main-mobile-menu .dropdown.site-dropdown.dropdown-transparent.light.USA-Kuwait-Dropdown .dropdown-menu.show a.dropdown-item {
        font-family: QTZain-Reguar,sans-serif
    }
}

@media(max-width: 767px) and (min-width:360px) {
    html[dir=rtl] #section-navigation ul li a h4 {
        font-family:QTZain-Reguar,sans-serif
    }
}

html[dir=rtl] li.footer-title.connect {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .header.shop_landing_header .main-header .main-menu .mobile-controls ul.mobile-nav li.mobile-menu-toggle.main-mobile-menu .mobile-megamenu li span {
    position: relative;
    top: 0
}

html[dir=rtl] .carousal-arc .arc {
    -webkit-transform: translate(50%);
    transform: translate(calc(50% * -1))
}

.header.shop_landing_header .main-header .main-menu.mobile-controls ul.mobile-nav li.mobile-menu-toggle.main-mobile-menu .mobile-megamenu li span {
    position: relative;
    top: 0
}

#mobile-menu {
    top: 60px
}

#cartdropdownmenu {
    cursor: pointer
}

.input-group-inset-item {
    border-style: none
}

#EmptyCartAlertMessage {
    position: fixed !important;
    margin-lef: 10px !important
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper {
    -webkit-box-shadow: 0 2px 4px 3px rgba(0,0,0,.161);
    box-shadow: 0 2px 4px 3px rgba(0,0,0,.161);
    border-radius: 10px 10px 10px 10px;
    border: 2px solid transparent;
    min-height: 895px;
    height: calc(100% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper {
        min-height:590px
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper {
        min-height:740px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper {
        min-height:725px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper.show-full-height,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper.show-full-height,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper.show-full-height,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.show-full-height {
    max-height: inherit !important;
    height: unset !important
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper.plan-tag,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper.plan-tag,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper.plan-tag,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.plan-tag {
    border-top-left-radius: 0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .paln-specification,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .paln-specification,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .paln-specification,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail {
    text-align: center;
    color: #70489d;
    border-bottom: 1px solid #70489d;
    position: relative;
    padding: 30px 20px 20px 20px !important;
    margin-bottom: 0 !important;
    margin-right: 20px;
    margin-left: 20px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail {
        padding:56px 20px 25px 20px;
        margin-bottom: 10px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail {
        padding:45px 20px 15px 20px;
        margin-bottom: 5px
    }
}

@media(max-width: 1199px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail {
        padding:50px 20px 15px 20px;
        margin-bottom: 0
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count {
    line-height: 55px;
    font-weight: 700;
    letter-spacing: .8px;
    font-size: 50px
}

@media(min-width: 768px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count {
        font-size:50px
    }
}

@media(min-width: 1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count {
        font-size:50px
    }
}

@media(min-width: 1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count {
        font-size:62px
    }
}

@media(min-width: 1600px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-count,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-count {
        font-size:72px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration {
    text-transform: uppercase;
    margin-top: 10px;
    margin-left: 35px;
    font-size: 14px
}

@media(min-width: 768px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration {
        font-size:16px
    }
}

@media(min-width: 1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .kd-detail .kd-duration,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail .kd-duration {
        font-size:20px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .plan-detail-wrapper .price,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .price,.zain-plan-listing-page .plan-carousel-container .plan-detail-wrapper .price,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .price {
    margin-right: -20px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .kd-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .kd-label,.zain-plan-listing-page .plan-carousel-container .kd-label,.zain-plan-listing-page .slick-plan-carousel .kd-label {
    vertical-align: top;
    margin-left: 10px;
    font-size: 14px
}

@media(min-width: 1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .kd-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .kd-label,.zain-plan-listing-page .plan-carousel-container .kd-label,.zain-plan-listing-page .slick-plan-carousel .kd-label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .kd-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .kd-label,.zain-plan-listing-page .plan-carousel-container .kd-label,.zain-plan-listing-page .slick-plan-carousel .kd-label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .kd-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .kd-label,.zain-plan-listing-page .plan-carousel-container .kd-label,.zain-plan-listing-page .slick-plan-carousel .kd-label {
        font-size:18px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.auto-height,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.auto-height,.zain-plan-listing-page .plan-carousel-container ul.auto-height,.zain-plan-listing-page .slick-plan-carousel ul.auto-height {
    height: auto !important
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    margin-right: 0;
    padding-right: 0;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li {
    list-style: none;
    padding: 28px 0;
    text-align: right;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 10px
}

@media all and (max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li {
        padding:10px 10px
    }
}

@media all and (max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li {
        padding:10px 10px
    }
}

@media(max-width: 1199px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li {
        padding:10px 10px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li div,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li div,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li div,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li div {
    text-align: right
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .service-item,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .service-item,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .service-item,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .service-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li span,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li span,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li span,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li span {
    font-size: 14px
}

@media(min-width: 1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li span,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li span,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li span,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li span {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li span,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li span,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li span,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li span {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li span,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li span,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li span,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li span {
        font-size:18px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li span.img-cion,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li span.img-cion,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li span.img-cion,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li span.img-cion {
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 5px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li span.img-cion img,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li span.img-cion img,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li span.img-cion img,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li span.img-cion img {
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .ic,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .ic,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .ic,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .ic {
    color: #d12b8a
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .count,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .count,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .count,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .count {
    font-weight: 700;
    font-size: 14px
}

@media(min-width: 1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .count,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .count,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .count,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .count {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .count,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .count,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .count,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .count {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .count,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .count,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .count,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .count {
        font-size:14px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .bf-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .bf-label,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .addons-label,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .bf-label,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .addons-label,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .bf-label {
    margin-right: 0
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .bf-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .bf-label,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .addons-label,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .bf-label,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .addons-label,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .bf-label {
        margin-right:0
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .bf-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .bf-label,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .addons-label,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .bf-label,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .addons-label,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .bf-label {
        margin-right:0
    }
}

@media(max-width: 1199px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li .bf-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li .bf-label,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .addons-label,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li .bf-label,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .addons-label,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li .bf-label {
        margin-right:0
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li span.ml-3,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li span.ml-3,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li span.ml-3,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li span.ml-3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li.addons,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li.addons,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li.addons,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li.addons {
    border-bottom: 0;
    padding: 0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container ul.plan-custom-scroll li.addons .addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li.addons .addons-label,.zain-plan-listing-page .plan-carousel-container ul.plan-custom-scroll li.addons .addons-label,.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li.addons .addons-label {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    display: block
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slanted,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted,.zain-plan-listing-page .plan-carousel-container .slanted,.zain-plan-listing-page .slick-plan-carousel .slanted {
    position: absolute;
    top: -29px;
    left: -22px;
    background: #09b5c0;
    color: #fff;
    font-weight: 700;
    letter-spacing: .35px;
    text-align: right;
    color: #fff;
    padding: 3px 15px 3px 20px;
    text-transform: uppercase;
    border-radius: 3px 0 0 0;
    font-size: 12px;
    z-index: 1;
    padding-bottom: 3px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slanted::before,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted::before,.zain-plan-listing-page .plan-carousel-container .slanted::before,.zain-plan-listing-page .slick-plan-carousel .slanted::before {
    content: "";
    background: #09b5c0;
    height: 100%;
    width: 38px;
    position: absolute;
    top: 0;
    right: -27px;
    -webkit-transform: skew(-35deg);
    transform: skew(-35deg);
    z-index: -1
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slanted::before,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted::before,.zain-plan-listing-page .plan-carousel-container .slanted::before,.zain-plan-listing-page .slick-plan-carousel .slanted::before {
        right:-13px;
        width: 24px
    }
}

@media(min-width: 1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slanted,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted,.zain-plan-listing-page .plan-carousel-container .slanted,.zain-plan-listing-page .slick-plan-carousel .slanted {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slanted,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted,.zain-plan-listing-page .plan-carousel-container .slanted,.zain-plan-listing-page .slick-plan-carousel .slanted {
        font-size:16px
    }
}

@media(max-width: 1400px) and (min-width:1366px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slanted,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted,.zain-plan-listing-page .plan-carousel-container .slanted,.zain-plan-listing-page .slick-plan-carousel .slanted {
        padding-bottom:4px !important
    }
}

@media(max-width: 1366px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slanted,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted,.zain-plan-listing-page .plan-carousel-container .slanted,.zain-plan-listing-page .slick-plan-carousel .slanted {
        padding-bottom:5px !important
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section,.zain-plan-listing-page .plan-carousel-container .addon-section,.zain-plan-listing-page .slick-plan-carousel .addon-section {
    padding-top: 15px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section .d-inline-block,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section .d-inline-block,.zain-plan-listing-page .plan-carousel-container .addon-section .d-inline-block,.zain-plan-listing-page .slick-plan-carousel .addon-section .d-inline-block {
    vertical-align: top
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section .addon-section-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section .addon-section-label,.zain-plan-listing-page .plan-carousel-container .addon-section .addon-section-label,.zain-plan-listing-page .slick-plan-carousel .addon-section .addon-section-label {
    margin: 0 20px;
    background: #fdf4f9;
    padding: 5px 10px;
    line-height: 24px;
    text-align: center;
    color: #d12b8a;
    font-size: 11px
}

@media(min-width: 1600px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section .addon-section-label .count.addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section .addon-section-label .count.addons-label,.zain-plan-listing-page .plan-carousel-container .addon-section .addon-section-label .count.addons-label,.zain-plan-listing-page .slick-plan-carousel .addon-section .addon-section-label .count.addons-label {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section .addon-section-label .count.addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section .addon-section-label .count.addons-label,.zain-plan-listing-page .plan-carousel-container .addon-section .addon-section-label .count.addons-label,.zain-plan-listing-page .slick-plan-carousel .addon-section .addon-section-label .count.addons-label {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section .addon-section-label .count.addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section .addon-section-label .count.addons-label,.zain-plan-listing-page .plan-carousel-container .addon-section .addon-section-label .count.addons-label,.zain-plan-listing-page .slick-plan-carousel .addon-section .addon-section-label .count.addons-label {
        font-size:14px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section .more-content.expand,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section .more-content.expand,.zain-plan-listing-page .plan-carousel-container .addon-section .more-content.expand,.zain-plan-listing-page .slick-plan-carousel .addon-section .more-content.expand {
    display: block
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section .more-content,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section .more-content,.zain-plan-listing-page .plan-carousel-container .addon-section .more-content,.zain-plan-listing-page .slick-plan-carousel .addon-section .more-content {
    display: none
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul,.zain-plan-listing-page .plan-carousel-container .addon-section ul,.zain-plan-listing-page .slick-plan-carousel .addon-section ul {
    overflow: hidden !important;
    height: auto !important
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul li,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul li,.zain-plan-listing-page .plan-carousel-container .addon-section ul li,.zain-plan-listing-page .slick-plan-carousel .addon-section ul li {
    padding: 16px 0;
    list-style: none;
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
    margin: 0 20px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox input,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox input,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox input,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox input {
    display: none
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox input+label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox input+label,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox input+label,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox input+label {
    padding-right: 58px;
    position: relative;
    cursor: pointer
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox input+label::before,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox input+label::before,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox input+label::before,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox input+label::before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    right: 0;
    display: inline-block;
    background: 0;
    border-radius: 2px;
    border: 2px solid #e3e3e3
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox input+label::before,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox input+label::before,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox input+label::before,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox input+label::before {
    height: 18px;
    width: 18px;
    left: 0;
    right: auto;
    top: 4px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox input:checked+label::before,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox input:checked+label::before,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox input:checked+label::before,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox input:checked+label::before {
    background: #d12b8a;
    border: 2px solid #d12b8a
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox input:checked+label::after,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox input:checked+label::after,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox input:checked+label::after,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox input:checked+label::after {
    top: 4px;
    right: auto;
    font-size: 12px;
    left: 1px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox input:checked+label::after,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox input:checked+label::after,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox input:checked+label::after,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox input:checked+label::after {
    content: "\e905";
    font-family: icomoon !important;
    position: absolute;
    top: 3px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox input:checked+label::after,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox input:checked+label::after,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox input:checked+label::after,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox input:checked+label::after {
    top: 4px;
    right: auto;
    font-size: 12px;
    left: 3px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox label .ic,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox label .ic,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox label .ic,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox label .ic {
    color: #aeaeae !important;
    line-height: 24px;
    font-weight: 400
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox label .tooltip_new,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox label .tooltip_new,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox label .tooltip_new,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox label .tooltip_new {
    position: relative;
    right: 5px;
    left: auto;
    bottom: auto;
    top: -2px;
    display: inline-block
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox label .tooltip_new .icon-exclamatory,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox label .tooltip_new .icon-exclamatory,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox label .tooltip_new .icon-exclamatory,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox label .tooltip_new .icon-exclamatory {
    color: #5f5f5f !important
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .custom-checkbox label .tooltip_new i,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .custom-checkbox label .tooltip_new i,.zain-plan-listing-page .plan-carousel-container .addon-section ul .custom-checkbox label .tooltip_new i,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .custom-checkbox label .tooltip_new i {
    text-align: center;
    height: 15px;
    width: 15px;
    font-size: 10px;
    line-height: 15px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul label .tooltip_new,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul label .tooltip_new,.zain-plan-listing-page .plan-carousel-container .addon-section ul label .tooltip_new,.zain-plan-listing-page .slick-plan-carousel .addon-section ul label .tooltip_new {
    position: relative;
    right: 5px;
    left: auto;
    bottom: auto;
    top: -2px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul label .tooltip_new i,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul label .tooltip_new i,.zain-plan-listing-page .plan-carousel-container .addon-section ul label .tooltip_new i,.zain-plan-listing-page .slick-plan-carousel .addon-section ul label .tooltip_new i {
    text-align: center;
    height: 15px;
    width: 15px;
    font-size: 10px;
    line-height: 15px;
    border: 1px solid #ccc !important;
    border-radius: 50%;
    margin: 0;
    display: inline-block
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul label .tooltip_new .tooltiptext,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul label .tooltip_new .tooltiptext,.zain-plan-listing-page .plan-carousel-container .addon-section ul label .tooltip_new .tooltiptext,.zain-plan-listing-page .slick-plan-carousel .addon-section ul label .tooltip_new .tooltiptext {
    color: #fff !important;
    font-size: 10px;
    padding: 5px 8px;
    width: 100px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul label .tooltip_new .tooltiptext::after,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul label .tooltip_new .tooltiptext::after,.zain-plan-listing-page .plan-carousel-container .addon-section ul label .tooltip_new .tooltiptext::after,.zain-plan-listing-page .slick-plan-carousel .addon-section ul label .tooltip_new .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul input:checked+label .ic,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul input:checked+label .ml-3,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul input:checked+label .ic,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul input:checked+label .ml-3,.zain-plan-listing-page .plan-carousel-container .addon-section ul input:checked+label .ic,.zain-plan-listing-page .plan-carousel-container .addon-section ul input:checked+label .ml-3,.zain-plan-listing-page .slick-plan-carousel .addon-section ul input:checked+label .ic,.zain-plan-listing-page .slick-plan-carousel .addon-section ul input:checked+label .ml-3 {
    color: #d12b8a !important;
    font-weight: 700
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .count-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .count-label,.zain-plan-listing-page .plan-carousel-container .addon-section ul .count-label,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .count-label {
    color: #000
}

@media(min-width: 1600px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .count-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .count-label,.zain-plan-listing-page .plan-carousel-container .addon-section ul .count-label,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .count-label {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section ul .count-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section ul .count-label,.zain-plan-listing-page .plan-carousel-container .addon-section ul .count-label,.zain-plan-listing-page .slick-plan-carousel .addon-section ul .count-label {
        font-size:16px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .addon-section label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .addon-section label,.zain-plan-listing-page .plan-carousel-container .addon-section label,.zain-plan-listing-page .slick-plan-carousel .addon-section label {
    padding: 0 !important;
    display: block
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .view-more,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .view-more,.zain-plan-listing-page .plan-carousel-container .view-more,.zain-plan-listing-page .slick-plan-carousel .view-more {
    margin-bottom: 0 !important;
    display: block;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.33;
    letter-spacing: .72px;
    text-align: center;
    color: #d12b8a;
    padding: 5px;
    margin: 23px 0 -15px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .view-more,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .view-more,.zain-plan-listing-page .plan-carousel-container .view-more,.zain-plan-listing-page .slick-plan-carousel .view-more {
        margin:15px 0 -6px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container.noslider .col-md-4,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel.noslider .col-md-4,.zain-plan-listing-page .plan-carousel-container.noslider .col-md-4,.zain-plan-listing-page .slick-plan-carousel.noslider .col-md-4 {
    margin-bottom: 20px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .viewmore-link,.zain-plan-listing-page .viewmore-link {
    margin-top: 30px;
    margin-bottom: 50px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .viewmore-link .btn.btn-link,.zain-plan-listing-page .viewmore-link .btn.btn-link {
    position: relative;
    padding: 15px;
    text-decoration: none;
    display: block
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .viewmore-link a,.zain-plan-listing-page .viewmore-link a {
    color: #d12b8a
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .viewmore-link a label,.zain-plan-listing-page .viewmore-link a label {
    color: #d12b8a;
    font-family: NunitoSans-Black,sans-serif;
    display: block;
    margin-bottom: 10px
}

@media(min-width: 1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .viewmore-link a label,.zain-plan-listing-page .viewmore-link a label {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .viewmore-link a label,.zain-plan-listing-page .viewmore-link a label {
        font-size:16px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .viewmore-link a i,.zain-plan-listing-page .viewmore-link a i {
    margin-right: 0 !important
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .paln-specification .action,.zain-plan-listing-page .paln-specification .action {
    padding: 15px 0 60px 0;
    text-align: center
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .paln-specification .action,.zain-plan-listing-page .paln-specification .action {
        padding:20px 0 30px 0
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .paln-specification .action,.zain-plan-listing-page .paln-specification .action {
        padding:20px 0 30px 0
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .paln-specification .action,.zain-plan-listing-page .paln-specification .action {
        padding:20px 0 30px 0
    }
}

@media(max-width: 280px) and (max-height:568px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .paln-specification .action,.zain-plan-listing-page .paln-specification .action {
        padding:20px 0 30px 0
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .paln-specification .action .btn,.zain-plan-listing-page .paln-specification .action .btn {
    min-height: 50px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .paln-specification ul,.zain-plan-listing-page .paln-specification ul {
        height:460px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .paln-specification ul,.zain-plan-listing-page .paln-specification ul {
        height:420px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul,.zain-plan-listing-page .plan-detail-wrapper ul {
        height:460px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li.benefits,.zain-plan-listing-page .plan-detail-wrapper ul li.benefits {
    background: #fdf4f9;
    min-height: 115px;
    margin: -2px 0 15px 0;
    padding: 10px 10px;
    border-bottom: 0
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li.benefits,.zain-plan-listing-page .plan-detail-wrapper ul li.benefits {
        margin-bottom:0
    }
}

@media(max-width: 1199px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li.benefits,.zain-plan-listing-page .plan-detail-wrapper ul li.benefits {
        padding:15px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li.benefits,.zain-plan-listing-page .plan-detail-wrapper ul li.benefits {
        min-height:90px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li.benefits .membership.detail,.zain-plan-listing-page .plan-detail-wrapper ul li.benefits .membership.detail {
    margin-top: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li .addons span.addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li .benefits-detail span.bf-label,.zain-plan-listing-page .plan-detail-wrapper ul li .addons span.addons-label,.zain-plan-listing-page .plan-detail-wrapper ul li .benefits-detail span.bf-label {
        margin-right:0
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li .addons span.addons-label,.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li .benefits-detail span.bf-label,.zain-plan-listing-page .plan-detail-wrapper ul li .addons span.addons-label,.zain-plan-listing-page .plan-detail-wrapper ul li .benefits-detail span.bf-label {
        margin-right:0
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li,.zain-plan-listing-page .plan-detail-wrapper ul li {
        padding:10px 0
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper .addons .addons-detail,.zain-plan-listing-page .plan-detail-wrapper .addons .addons-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px !important;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: .5rem;
    color: #5f5f5f;
    padding: 0 10px 10px 10px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper .addons span.addons-label,.zain-plan-listing-page .plan-detail-wrapper .addons span.addons-label {
        margin-right:39px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul,.zain-plan-listing-page .plan-detail-wrapper ul {
        height:400px
    }
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper {
    margin-bottom: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 767px) {
    .zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper {
        min-height:580px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper {
        min-height:650px
    }
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .kd-detail {
    padding: 40px 20px 20px 20px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 150px;
    max-height: 150px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification .plan-custom-scroll {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification .plan-custom-scroll li {
    padding: 10px 20px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification .plan-custom-scroll li .service-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 21px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification .plan-custom-scroll li .service-item span.ml-3 {
    padding-left: 0;
    margin-right: 0 !important;
    font-size: 14px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification .plan-custom-scroll li .service-item span.lfr-portal-tooltip.text-truncate-inline.tool-tip.info {
    min-height: 20px;
    min-width: 20px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification .plan-custom-scroll li .service-item img {
    max-height: 20px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification .action {
        padding:15px 0 30px 0
    }
}

@media(max-width: 1023px) {
    .zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .renew-content h2 {
        font-size:25px !important
    }
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .view-more {
    overflow-anchor: none;
    margin-top: 0;
    padding-top: 20px !important;
    margin-bottom: 8px !important
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.benefits {
    padding: 10px 20px;
    margin: 0
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.benefits .membership.detail {
    margin-top: 10px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.benefits .membership.detail span.ml-3 {
    margin-right: 0 !important
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.addons {
    padding: 0
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.addons .addons-label {
    margin-right: 20px;
    display: block;
    margin-top: 8px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.addons ul {
    height: auto
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.addons .addons-detail {
    opacity: 1;
    margin-top: 0 !important;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 20px
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li {
        padding:12px 0
    }

    .zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li span.ml-3 {
        margin-right: 5px !important
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .card-value-qty {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 1199px) {
    .zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.benefits .benefits-detail span.count.bf-label {
        margin-right:0
    }
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.addons {
    padding: 0 0 !important;
    margin: 0;
    border-bottom: 0
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.addons span.count.addons-label {
    margin-right: 0;
    margin-top: 0;
    padding: 5px 20px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.addons ul li.addons-detail {
    margin-right: 0;
    margin-left: 0;
    padding: 10px 20px 4px 20px;
    margin-top: 4px !important;
    display: block;
    border-bottom: 1px solid #e3e3e3;
    color: #5f5f5f
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .view-more {
    margin: 15px 0 0;
    padding: 5px
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .product-listing-container .zain-listing-layout.zain-plan-listing-layout .container {
        max-width:820px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .product-listing-container .zain-listing-layout.zain-plan-listing-layout .container {
        max-width:100%;
        padding: 0
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel {
    margin-bottom: 60px
}

@media(max-width: 1199px) and (min-width:768px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper {
        min-height:625px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper.show-full-height {
    height: auto !important
}

@media(max-width: 768px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper {
        min-height:530px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-dots li {
    width: 10px;
    height: 14px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow.prev {
    left: 108%
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow.next {
    right: 108%
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow.prev {
        left:101%
    }

    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow.next {
        right: 101%
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow.prev {
        left:101%
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow.next {
        right:101%
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow {
    height: 132px;
    width: 44px;
    border-radius: 5px;
    border: 2px solid transparent;
    background: #cecece;
    top: 40px;
    min-width: 45px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow {
        height:110px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow {
        height:120px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow {
    position: absolute;
    display: inline-block;
    color: #fff;
    min-width: 45px;
    padding: 0;
    text-align: center;
    z-index: 1;
    visibility: visible
}

@media(max-width: 1439px) and (min-width:1200px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow i {
        line-height:45px;
        font-size: 16px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow.slick-disabled {
    visibility: hidden
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow i {
    margin-right: 0;
    font-size: 16px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-arrow:hover {
    border: 2px solid #d12b8a;
    color: #d12b8a;
    background: #cecece
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slide-content {
    width: 33.33%;
    display: inline-block;
    margin: 10px 8px 30px
}

@media(max-width: 1199px) and (min-width:768px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slide-content {
        width:calc(50% - 16px)
    }
}

@media(max-width: 767px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slide-content {
        width:calc(100% - 16px)
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-slide {
    margin: 10px 8px 30px;
    padding-top: 25px
}

@media(max-width: 767px) and (min-width:280px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slick-slide {
        padding:25px 3px 30px
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.slick-dots {
    height: auto
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.slick-dots li {
    margin: 0 4px;
    border-bottom: 0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer {
    border: 2px solid #70489d;
    border-top-left-radius: 0;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 770px;
    max-height: 770px !important
}

@media all and (max-width: 1199px) {
    .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer {
        min-height:650px;
        max-height: 650px !important
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient {
    height: 100%;
    background: #70489e;
    background: linear-gradient(150deg,#70489e 100%,rgba(208,43,138,.2497198709) 100%);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .kd-detail,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .kd-detail {
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin-bottom: 20px;
    text-align: center
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .slanted,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .slanted {
    background: #70489d;
    top: -23px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .slanted::before,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .slanted::before {
    background: #70489d !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .renew-content,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .renew-content {
    float: right;
    width: 100%;
    padding: 0 20px;
    margin-top: 20px;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .renew-content h2,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .renew-content h2 {
    font-size: 42px;
    line-height: 42px;
    text-align: right
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .renew-content p,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .renew-content p {
    color: #fff;
    width: 80%;
    float: right;
    text-align: right
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .renew-content span,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .renew-content span {
    float: right;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .action,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .action {
    text-align: center
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .btn-pc-4,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .btn-pc-4 {
    background: #fff;
    border-color: #fff
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient .btn-pc-4:hover,.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient .btn-pc-4:hover {
    background: 0;
    color: #fff;
    border: 2px solid #fff
}

.selected-number {
    padding-bottom: 20px
}

.selected-number .main-heading {
    width: 69%
}

@media(max-width: 767px) {
    .selected-number .main-heading {
        font-size:15px !important;
        width: 72%
    }
}

@media(width: 768px) {
    .selected-number .main-heading {
        width:73%
    }
}

.dotted-phone {
    border: 1px dashed #e3e3e3;
    padding: 10px 20px 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-family: NunitoSans-Black !important;
    max-width: 230px;
    width: 100%
}

.dotted-phone span {
    color: #d12b8a;
    margin-left: 10px
}

@media(max-width: 767px) {
    .dotted-phone.sub-text {
        font-size:20px !important
    }
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted::before,.zain-plan-listing-page .slick-plan-carousel .slanted::before {
    right: -15px
}

html[dir=rtl] .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper button.btn.prev.slick-arrow i.icon-arrow-pointing-to-right::before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

html[dir=rtl] .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted,html[dir=rtl] .zain-plan-listing-page .slick-plan-carousel .slanted {
    right: -22px;
    left: auto
}

html[dir=rtl] .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .slanted::before,html[dir=rtl] .zain-plan-listing-page .slick-plan-carousel .slanted::before {
    right: auto
}

html[dir=rtl] .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.recomanded .slanted,html[dir=rtl] .zain-plan-listing-page .plan-detail-wrapper.recomanded .slanted {
    left: auto
}

html[dir=rtl] .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper.renew-offer .product-gradient,html[dir=rtl] .zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper.renew-offer .product-gradient {
    background: linear-gradient(150deg,#70489e 0,rgba(208,43,138,.24972) 100%)
}

html[dir=rtl] .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel .plan-detail-wrapper .slanted::before,html[dir=rtl] .zain-plan-listing-page .slick-plan-carousel .slanted::before {
    left: -13px
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .zain-plan-listing-page .container {
        max-width:710px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .zain-plan-listing-page .slick-plan-carousel .bundle-options-internet {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width: 280px) {
    .section-wrapper .product-listing-container .zain-listing-layout .portlet-layout.layout-2-10.row .container {
        padding-right:0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .product-listing-container .zain-listing-layout .portlet-layout.layout-2-10.row .container {
        padding-right:1px !important;
        padding-left: 1px !important
    }
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.addons ul li.addons-detail .service-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.benefits .membership.detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.benefits .membership.detail img {
    max-height: 20px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.benefits .membership.detail span.sharing-device {
    font-weight: 700;
    color: #212529
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper ul li.benefits .membership.detail.sharing-device-section {
    padding-right: 18px;
    min-height: 21px
}

.zain-plan-listing-page .slick-plan-carousel .plan-detail-wrapper .paln-specification .plan-custom-scroll li .service-item span.sharing-device {
    font-weight: 700;
    color: #212529
}

.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li div.sharing-device-section {
    padding-right: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 21px
}

.zain-plan-listing-page .slick-plan-carousel ul.plan-custom-scroll li div.sharing-device-section img {
    max-height: 20px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li span.sharing-device {
    font-weight: 700;
    color: #212529
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-detail-wrapper ul li.benefits .membership.detail.sharing-device-section {
    padding-right: 18px
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .slick-plan-carousel ul.plan-custom-scroll li div.sharing-device-section {
    padding-right: 18px
}

html[dir=rtl] .container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slanted {
    -webkit-clip-path: polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
    clip-path: polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
    padding: 10px 15px 10px 10px !important
}

html[dir=rtl] .container-fluid-custom.product-detail .no_commitment-sect .radio-wraper .btn.custom-radio.active:after {
    border: 0
}

.failure-page .confirmation_sect .thankyou_msg.failed_msg .icon {
    background: #f2e2e0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.failure-page .confirmation_sect .thankyou_msg.failed_msg .message .main-heading {
    font-size: 34px;
    letter-spacing: .8px;
    line-height: 1.2
}

.failure-page .confirmation_sect .thankyou_msg.failed_msg .message p {
    color: #727272
}

.failure-page .confirmation_sect .thankyou_msg.failed_msg .message h5 {
    color: #727272;
    font-family: NunitoSans-Regular
}

.failure-page .confirmation_sect .thankyou_msg.failed_msg .message h5 span {
    color: red
}

.failure-page .confirmation_sect .thankyou_msg.failed_msg .btn.btn-pc-3.mt-4 {
    padding: 6px 30px;
    min-height: 48px;
    line-height: 2.5
}

@media(max-width: 767px) {
    .failure-page .confirmation_sect .thankyou_msg.failed_msg .btn.btn-pc-3.mt-4 {
        min-width:auto;
        font-size: 12px;
        min-height: 35px;
        height: 35px;
        padding-right: 25px;
        padding-left: 25px;
        font-family: NunitoSans-SemiBold,sans-serif
    }
}

.failure-page .confirmation_sect .thankyou_msg.failed_msg .btn.btn-pc-1.btn-small.mt-4 {
    color: #d12b8a;
    padding: 6px 30px !important;
    min-height: 48px;
    line-height: 2.5
}

.failure-page .confirmation_sect .thankyou_msg.failed_msg .btn.btn-pc-1.btn-small.mt-4:hover {
    color: #fff
}

@media(max-width: 767px) {
    .failure-page .confirmation_sect .thankyou_msg.failed_msg .btn.btn-pc-1.btn-small.mt-4 {
        min-width:auto;
        font-size: 12px;
        min-height: 35px;
        height: 35px;
        padding-right: 25px !important;
        padding-left: 25px !important;
        font-family: NunitoSans-SemiBold,sans-serif;
        margin-right: 18px
    }
}

@media(max-width: 767px) {
    .failure-page .container {
        max-width:-webkit-fit-content !important;
        max-width: -moz-fit-content !important;
        max-width: fit-content !important
    }
}

@media(max-width: 767px) and (min-width:360px) {
    html[dir=rtl] .failure-page .confirmation_sect .thankyou_msg.failed_msg .icon {
        margin-left:26px
    }
}

html[dir=rtl] .failure-page .confirmation_sect .thankyou_msg.failed_msg .btn.btn-pc-1.btn-small.mt-4,html[dir=rtl] .failure-page .confirmation_sect .thankyou_msg.failed_msg .btn.btn-pc-3.mt-4 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .failure-page .confirmation_sect .thankyou_msg.failed_msg p {
    font-weight: 400;
    font-family: QTZain-Reguar,sans-serif
}

.zain-2-10-layout {
    margin-top: 100px
}

.filter-results-tags-row {
    display: none
}

.filters-results-row {
    margin-right: 0;
    display: none
}

@media(max-width: 1199px) {
    .filters-results-row {
        display:block;
        text-align: right
    }
}

.filters-results-row .save-link-button {
    margin-right: 12px;
    margin-left: 12px;
    display: inline-block;
    padding: 8px 14px;
    padding-right: 20px;
    padding-left: 20px;
    color: pink;
    background: #fff;
    border-radius: 8px;
    color: #d12b8a;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .filters-results-row .save-link-button {
        padding-right:24px;
        padding-left: 24px
    }
}

.filters-results-row .icon-delete,.filters-results-row .reset-link,.filters-results-row .save-link-button {
    display: none
}

.filters-results-row .reset-link {
    padding-right: 6px;
    padding-left: 6px
}

.filters-results-row .reset-link i {
    margin-left: 6px
}

.filters-results-row .buttons-container {
    text-align: left;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width: 1199px) {
    .filters-results-row .buttons-container {
        padding:9px
    }
}

.filters-results-row .filter-results-numbers {
    display: block;
    padding: 6px 12px;
    font-size: 16px;
    text-align: left;
    color: #d12b8a
}

.filters-results-row .filter-results-button {
    display: inline-block;
    padding: 12px 12px;
    font-size: 16px;
    color: #000;
    padding-right: 0;
    text-align: right
}

@media(max-width: 767px) and (min-width:280px) {
    .filters-results-row .filter-results-button {
        padding:14px 0 14px 12px
    }
}

.filters-results-row .filter-results-button .icon-filter-mobie {
    font-size: 24px;
    color: #000;
    vertical-align: middle
}

.filters-results-row .filter-results-button .icon-cancel-1 {
    display: none
}

.filter-expand:not(.filter-results-tags-row) {
    background-color: #d12b8a;
    color: #fff;
    margin-right: -64px;
    padding-right: 16px;
    position: absolute;
    width: 100%;
    right: 0;
    margin-top: -2px;
    z-index: 100
}

.filter-expand:not(.filter-results-tags-row).open {
    margin-right: 0;
    margin-left: 0;
    padding-left: 28px;
    width: 100vw;
    max-width: 100vw;
    padding-right: 28px;
    z-index: 11;
    right: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1));
    height: 53px
}

@media(max-width: 767px) {
    .filter-expand:not(.filter-results-tags-row).open {
        padding-right:7px;
        padding-left: 8px
    }
}

.filter-expand:not(.filter-results-tags-row) .filter-results-button {
    font-size: 16px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 12px
}

@media(max-width: 767px) and (min-width:280px) {
    .filter-expand:not(.filter-results-tags-row) .filter-results-button {
        padding:14px 0 14px 12px
    }
}

.filter-expand:not(.filter-results-tags-row) .filter-results-button .icon-cancel-1 {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding-right: 3px;
    padding-left: 3px;
    vertical-align: middle
}

.filter-expand:not(.filter-results-tags-row) .filter-results-button .icon-filter-mobie {
    display: none;
    font-size: 24px;
    color: #fff;
    vertical-align: middle
}

.filter-expand:not(.filter-results-tags-row) .filter-results-numbers {
    display: none
}

.filter-expand:not(.filter-results-tags-row) .icon-delete,.filter-expand:not(.filter-results-tags-row) .reset-link,.filter-expand:not(.filter-results-tags-row) .save-link-button {
    display: inline-block;
    cursor: pointer
}

.product-filters {
    font-family: "Nunito Sans",sans-serif;
    border-bottom: 1px solid #e3e3e3
}

.product-filters .panel.panel-default {
    border-color: #fff
}

.product-filters .filter-option-group {
    border-bottom: 1px solid #e3e3e3
}

.product-filters .filter-option-group .panel-heading {
    background: 0;
    pointer-events: none
}

.product-filters .filter-option-group .panel-heading .panel-title a {
    font-size: 22px;
    background: #fff;
    text-decoration: none;
    cursor: default;
    padding: 0;
    font-family: NunitoSans-Regular;
    margin: 15px 0;
    line-height: 1.6;
    letter-spacing: .4px;
    color: #000
}

@media(max-width: 1199px) {
    .product-filters .filter-option-group .panel-heading .panel-title a {
        display:block;
        font-size: 18px;
        clear: both;
        line-height: 1.6;
        letter-spacing: .4px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product-filters .filter-option-group .panel-heading .panel-title a {
        margin:12px 0;
        font-size: 14px
    }
}

.product-filters .filter-option-group .panel-heading .panel-title a .collapse-icon-closed {
    display: none
}

.product-filters .filter-option-group .panel-heading .panel-title a .collapse-icon-open {
    display: none
}

.product-filters .filter-option-group .panel-body {
    padding: 0
}

.product-filters .filter-option-group .facet-value {
    margin-bottom: 14px;
    font-size: 12px
}

@media(min-width: 768px) {
    .product-filters .filter-option-group .facet-value {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .product-filters .filter-option-group .facet-value {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .product-filters .filter-option-group .facet-value {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .product-filters .filter-option-group .facet-value {
        font-size:18px
    }
}

.product-filters .filter-option-group .facet-value input[type=checkbox] {
    display: none
}

.product-filters .filter-option-group .facet-value .category-content {
    padding-right: 36px;
    white-space: nowrap;
    position: relative;
    z-index: 2
}

.product-filters .filter-option-group .facet-value .term-name {
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 100;
    color: #727272;
    position: relative;
    cursor: pointer;
    font-size: inherit;
    line-height: 1.5;
    display: inline-block;
    white-space: normal
}

.product-filters .filter-option-group .facet-value .term-count {
    display: none
}

.product-filters .filter-option-group .facet-value .color-thumb-outer {
    display: none
}

@media(max-width: 1199px) {
    .product-filters .filter-option-group .facet-value.color-option-item .facet-checkbox-label {
        border:0;
        padding: 8px;
        text-align: center
    }

    .product-filters .filter-option-group .facet-value.color-option-item .facet-checkbox-label:after,.product-filters .filter-option-group .facet-value.color-option-item .facet-checkbox-label:before {
        content: none
    }

    .product-filters .filter-option-group .facet-value .color-thumb-outer {
        display: block;
        padding: 8px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 16px;
        max-width: 58px;
        margin: 0 auto
    }

    .product-filters .filter-option-group .facet-value .color-thumb {
        display: block;
        height: 40px;
        width: 40px;
        border-radius: 10px;
        margin: auto;
        border: 1px solid #e3e3e3
    }
}

.product-filters .filter-option-group a.btn.btn-primary {
    background: #d12b8a;
    border-color: #d12b8a;
    color: #fff
}

.product-filters .filter-option-group .styled-checkbox {
    position: absolute;
    opacity: 0
}

.product-filters .filter-option-group .styled-checkbox+.facet-checkbox-label {
    position: relative;
    cursor: pointer;
    padding: 0;
    display: inline-block
}

.product-filters .filter-option-group .styled-checkbox+.facet-checkbox-label:before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    right: 0;
    display: inline-block;
    background: 0;
    border-radius: 2px;
    border: 2px solid #e3e3e3;
    z-index: 0
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product-filters .filter-option-group .styled-checkbox+.facet-checkbox-label:before {
        height:18px;
        width: 18px
    }
}

.product-filters .filter-option-group .styled-checkbox:focus+.facet-checkbox-label:before {
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.12);
    box-shadow: 0 0 0 3px rgba(0,0,0,.12)
}

.product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label .term-name {
    font-family: NunitoSans-Black,sans-serif;
    color: #000
}

.product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label:before {
    background: #d12b8a;
    border: 2px solid #d12b8a
}

.product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label::after {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    position: absolute;
    top: 1px;
    right: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: inherit;
    z-index: 1
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label::after {
        top:0;
        right: 3px;
        font-size: 12px
    }
}

.product-filters .filter-option-group .tag-cloud {
    line-height: inherit
}

.filter-results-tags-row {
    height: auto
}

.filter-results-tags-row.filter-expand {
    visibility: hidden;
    height: 53px
}

.filter-results-tags-row .panel-title.h4 {
    display: none
}

.filter-results-tags-row .portlet-content-editable {
    min-height: 0
}

.filter-results-tags-row .product-filters .filter-option-group .tag-cloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filter-results-tags-row .product-filters .filter-option-group .tag-cloud .facet-value {
    margin-top: 3px;
    margin-bottom: 3px
}

.filter-results-tags-row .product-filters .filter-option-group .styled-checkbox+.facet-checkbox-label {
    display: inline-block;
    padding: 12px 12px;
    border-radius: 6px;
    padding-left: 26px;
    position: relative;
    color: #d12b8a;
    font-size: 12px;
    font-weight: 700;
    background-color: #fdf4f9;
    border: 0
}

.filter-results-tags-row .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label .term-name {
    font-family: NunitoSans-Regular;
    font-weight: 700;
    color: #d12b8a
}

.filter-results-tags-row .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label:before {
    right: unset;
    left: 5px;
    top: 50%;
    margin-right: 0;
    background: #727272;
    border-color: #727272
}

.filter-results-tags-row .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label:after {
    right: unset;
    left: 9px;
    top: 50%;
    content: "\e919";
    border: 0;
    font-size: 7px
}

.bottom-filter-btns .btn-reset {
    border: 0;
    background: 0;
    color: #727272;
    font-family: NunitoSans-Regular;
    font-weight: 400
}

.bottom-filter-btns .btn-reset i {
    margin: -2px 0 0 3px
}

.bottom-filter-btns .btn-save {
    margin-right: 18px;
    font-size: 12px;
    font-family: NunitoSans-SemiBold,sans-serif
}

@media(max-width: 1199px) {
    .product-filters {
        border-bottom:0
    }

    .product-filters .filter-option-group {
        border-bottom: 0
    }

    .product-filters .filter-option-group .panel-heading .panel-title a {
        background: 0
    }

    .product-filters .filter-option-group .facet-value {
        display: inline-block;
        margin-left: 8px
    }

    .product-filters .filter-option-group .facet-value .category-content {
        padding-right: 0;
        margin-bottom: 0
    }

    .product-filters .filter-option-group .styled-checkbox+.facet-checkbox-label {
        padding-right: 16px;
        position: relative;
        padding: 8px 16px;
        border: 1px solid #e3e3e3;
        border-radius: 8px;
        margin-bottom: 0
    }

    .product-filters .filter-option-group .styled-checkbox+.facet-checkbox-label::after,.product-filters .filter-option-group .styled-checkbox+.facet-checkbox-label::before {
        visibility: hidden
    }

    .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label {
        border-width: 2px;
        border-color: #d12b8a
    }

    .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label::after,.product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label::before {
        visibility: visible
    }

    .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label:before {
        top: 0;
        right: 50%;
        border-radius: 50%;
        margin-right: -7px;
        margin-top: -7px;
        height: 15px;
        width: 15px
    }

    .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label:after {
        top: 0;
        right: 50%;
        margin-right: -4px;
        font-size: 8px;
        margin-top: -5px
    }
}

.product-filters .Rating_filters li .facet-checkbox-label {
    width: 100%
}

.product-filters .Rating_filters li .category-content {
    background: url(/o/zain-theme/images/inactivestars.png) no-repeat scroll 36px 1px;
    min-width: 148px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

html[dir=rtl] .product-filters .Rating_filters li .category-content {
    background-position: calc(100% - 36px) 1px
}

@media(max-width: 1199px) {
    html[dir=rtl] .product-filters .Rating_filters li .category-content {
        background-position:0 1px
    }
}

.product-filters .Rating_filters li .category-content:before {
    content: "";
    background: url(/o/zain-theme/images/activestars.png) no-repeat scroll -93px 1px;
    position: absolute;
    min-width: 112px;
    height: 20px
}

.product-filters .Rating_filters li .category-content:after {
    content: "& Up";
    padding-right: 4px;
    font-weight: 100;
    font-family: NunitoSans-Regular,sans-serif;
    color: #727272
}

.product-filters .Rating_filters li .category-content .term-name {
    visibility: hidden;
    min-width: 112px
}

.product-filters .Rating_filters li.RatingStar1 .category-content::before {
    background-position: -93px 1px
}

html[dir=rtl] .product-filters .Rating_filters li.RatingStar1 .category-content::before {
    background-position: 93px 1px
}

.product-filters .Rating_filters li.RatingStar2 .category-content::before {
    background-position: -70px 1px
}

html[dir=rtl] .product-filters .Rating_filters li.RatingStar2 .category-content::before {
    background-position: 70px 1px
}

.product-filters .Rating_filters li.RatingStar3 .category-content::before {
    background-position: -47px 1px
}

html[dir=rtl] .product-filters .Rating_filters li.RatingStar3 .category-content::before {
    background-position: 47px 1px
}

.product-filters .Rating_filters li.RatingStar4 .category-content::before {
    background-position: -23px 1px
}

html[dir=rtl] .product-filters .Rating_filters li.RatingStar4 .category-content::before {
    background-position: 23px 1px
}

.product-filters .Rating_filters li.RatingStar5 .category-content::before {
    background-position: 0 1px
}

.product-filters .Rating_filters li .styled-checkbox:checked+.facet-checkbox-label .category-content:after {
    font-family: NunitoSans-Black,sans-serif;
    font-weight: 700;
    color: #000
}

@media(max-width: 1440px) {
    .product-filters .Rating_filters li .category-content {
        background:url(/o/zain-theme/images/inactivestars_mobile.png) no-repeat scroll 36px 1px;
        min-width: 123px
    }

    .product-filters .Rating_filters li .category-content:before {
        background: url(/o/zain-theme/images/activestars_mobile.png) no-repeat scroll -93px 1px;
        min-width: 87px;
        height: 20px
    }

    .product-filters .Rating_filters li .category-content .term-name {
        min-width: 87px
    }

    .product-filters .Rating_filters li.RatingStar1 .category-content::before {
        background-position: -72px 1px
    }

    html[dir=rtl] .product-filters .Rating_filters li.RatingStar1 .category-content::before {
        background-position: 72px 1px
    }

    .product-filters .Rating_filters li.RatingStar2 .category-content::before {
        background-position: -54px 1px
    }

    html[dir=rtl] .product-filters .Rating_filters li.RatingStar2 .category-content::before {
        background-position: 54px 1px
    }

    .product-filters .Rating_filters li.RatingStar3 .category-content::before {
        background-position: -36px 1px
    }

    html[dir=rtl] .product-filters .Rating_filters li.RatingStar3 .category-content::before {
        background-position: 36px 1px
    }

    .product-filters .Rating_filters li.RatingStar4 .category-content::before {
        background-position: -18px 1px
    }

    html[dir=rtl] .product-filters .Rating_filters li.RatingStar4 .category-content::before {
        background-position: 18px 1px
    }

    .product-filters .Rating_filters li.RatingStar5 .category-content::before {
        background-position: 0 1px
    }

    html[dir=rtl] .product-filters .Rating_filters li.RatingStar5 .category-content::before {
        background-position: 0 1px
    }
}

@media(max-width: 1199px) {
    .product-filters .Rating_filters li .category-content {
        background-position-x:0
    }
}

.selected-filters-container {
    display: none
}

.selected-filters-container .portlet-content-editable {
    min-height: 0
}

@media(max-width: 1199px) {
    .selected-filters-container {
        display:block
    }

    .selected-filters-container .portlet-content-editable {
        min-height: 0
    }

    .selected-filters-row {
        text-align: right
    }

    .selected-filters-row .filter-option-group {
        display: inline
    }

    .selected-filters-row .filter-option-group .checkbox-wrapper {
        display: inline-block;
        padding: 12px 12px;
        border-radius: 6px;
        padding-left: 26px;
        position: relative;
        color: #d12b8a;
        font-size: 12px;
        font-weight: 700;
        background-color: #fdf4f9;
        margin-bottom: 2px
    }

    .selected-filters-row .filter-option-group .checkbox-wrapper label {
        margin-bottom: 0
    }

    .selected-filters-row .filter-option-group .checkbox-wrapper input {
        display: none
    }

    .selected-filters-row .filter-option-group .checkbox-wrapper .close-tag-icon {
        position: absolute;
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        top: 0;
        left: 5px;
        background-color: #727272;
        color: #fff;
        text-align: center;
        font-size: 12px;
        line-height: 12px;
        top: 50%;
        margin-top: -7px;
        color: #fff;
        font-family: NunitoSans-Regular,sans-serif
    }
}

.button-holder.pr-btns {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px
}

.button-holder.pr-btns .btn {
    height: auto;
    min-height: inherit;
    padding: 10px 20px;
    background: 0;
    border: 1px solid #c9c9c9;
    color: #727272;
    min-height: 42px;
    min-width: auto;
    font-family: NunitoSans-Regular;
    font-size: 12px;
    font-weight: 400
}

.button-holder.pr-btns .btn i {
    font-size: 12px;
    margin-top: -3px;
    margin-left: 5px
}

@media(min-width: 1440px) {
    .button-holder.pr-btns .btn i {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .button-holder.pr-btns .btn i {
        font-size:16px
    }
}

.button-holder.pr-btns .clear-btn {
    margin-left: 5px
}

.button-holder.pr-btns .cancel-btn {
    margin-right: 5px
}

@media(max-width: 1199px) {
    .button-holder.pr-btns {
        display:none
    }
}

.portlet-cp-price-range-facets .price-range-seperator {
    width: 1px;
    background: #707070;
    height: 23px;
    margin: 0;
    opacity: .22
}

.portlet-cp-price-range-facets .price-range-btn {
    width: 1%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    border-radius: 4px 0 0 4px;
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    color: #000;
    height: 100%
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-cp-price-range-facets .price-range-btn {
        min-height:42px
    }
}

.portlet-cp-price-range-facets .price-range-btn:hover {
    background-color: #d12b8a;
    border-color: #d12b8a;
    color: #fff
}

.portlet-cp-price-range-facets .input-group.price-range-input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px
}

@media(max-width: 1919px) and (min-width:1200px) {
    .portlet-cp-price-range-facets .input-group.price-range-input-group {
        min-height:44px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .portlet-cp-price-range-facets .input-group.price-range-input-group {
        min-height:44px;
        background: #fff;
        max-width: 340px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-cp-price-range-facets .input-group.price-range-input-group {
        min-height:42px;
        max-width: 340px
    }
}

.portlet-cp-price-range-facets .input-group.price-range-input-group .price-range-input-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    max-width: inherit;
    margin-bottom: 0
}

.portlet-cp-price-range-facets .input-group.price-range-input-group .price-range-input-wrapper .form-control {
    border: 0;
    height: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    background: 0
}

@media(max-width: 1919px) and (min-width:1200px) {
    .portlet-cp-price-range-facets .input-group.price-range-input-group .price-range-input-wrapper .form-control {
        padding:10px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-cp-price-range-facets .input-group.price-range-input-group .price-range-input-wrapper .form-control {
        font-size:12px;
        background: #f7f7f7
    }
}

html[dir=rtl] .product-filters .filter-option-group .facet-value .term-name,html[dir=rtl] .product-filters .filter-option-group .panel-heading .panel-title a {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label .term-name {
    font-family: QTZain-Bold,sans-serif;
    font-weight: 700
}

html[dir=rtl] .product-filters .Rating_filters li .category-content:after {
    content: "& فوق";
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .filter-expand:not(.filter-results-tags-row).open {
    left: 50%;
    right: inherit
}

.zain-listing-layout .right-content-area {
    margin-bottom: 20px
}

.portlet-cp-search-results .portlet-body>.m-0.mb-3.row {
    display: none
}

@media(max-width: 1199px) {
    .product-listing-container.negative-margin {
        margin:auto
    }
}

.product-listing-container .container-fluid-custom {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .product-listing-container .container {
        max-width:640px
    }
}

.product-listing-container .inner-container {
    max-width: 1920px !important;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px
}

.product-listing-container .layout-2-10 {
    position: relative
}

.product-listing-container .layout-2-10 .left-content-area {
    position: absolute !important;
    width: 100% !important;
    right: 0 !important
}

.product-listing-container .filters {
    max-width: 80%;
    width: 332px;
    padding-bottom: 30px;
    margin-top: 41px
}

.product-listing-container .filters.filters-logged-out {
    margin-top: 20px
}

@media(max-width: 1919px) and (min-width:1200px) {
    .product-listing-container .filters {
        max-width:70%
    }
}

@media(max-width: 1700px) and (min-width:1600px) {
    .product-listing-container .filters {
        max-width:60%
    }
}

@media(max-width: 1199px) {
    .product-listing-container .filters,.product-listing-container .filters.filters-logged-out {
        margin-top:0
    }
}

.product-listing-container .filters .portlet-boundary+.portlet-boundary:not(.portlet-borderless) {
    margin-top: 0
}

.product-listing-container .filters .reset-desktop-btn {
    display: block
}

@media(max-width: 1199px) {
    .product-listing-container .filters .reset-desktop-btn {
        display:none
    }
}

.product-listing-container .filters .portlet-journal-content .portlet-content-editable {
    min-height: 0
}

.product-listing-container .not-logedin-notify {
    background-color: #f7f7f7;
    min-height: 168px;
    width: 100%;
    border-radius: 10px;
    margin-top: 32px;
    padding: 44px 48px
}

.product-listing-container .not-logedin-notify .btn {
    font-weight: 400 !important
}

@media(max-width: 1919px) and (min-width:1440px) {
    .product-listing-container .not-logedin-notify {
        min-height:128px;
        padding: 44px 38px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product-listing-container .not-logedin-notify {
        min-height:128px;
        margin-bottom: 0;
        padding: 34px 28px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .product-listing-container .not-logedin-notify {
        text-align:right
    }
}

.product-listing-container .not-logedin-notify .main-heading {
    font-family: NunitoSans-SemiBold,sans-serif;
    font-weight: 800;
    letter-spacing: .6px;
    line-height: 1.2;
    font-size: 22px;
    text-transform: unset
}

@media(min-width: 360px) {
    .product-listing-container .not-logedin-notify .main-heading {
        font-size:24px
    }
}

@media(min-width: 768px) {
    .product-listing-container .not-logedin-notify .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .product-listing-container .not-logedin-notify .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .product-listing-container .not-logedin-notify .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .product-listing-container .not-logedin-notify .main-heading {
        font-size:34px
    }
}

.product-listing-container .not-logedin-notify .sub-text {
    color: #727272;
    font-size: 14px
}

@media(max-width: 767px) {
    .product-listing-container .not-logedin-notify .sub-text {
        letter-spacing:inherit
    }
}

@media(min-width: 1200px) {
    .product-listing-container .not-logedin-notify .sub-text {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .product-listing-container .not-logedin-notify .sub-text {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .product-listing-container .not-logedin-notify .sub-text {
        font-size:18px
    }
}

.product-listing-container .results-count {
    color: #d12b8a;
    margin-bottom: 6px;
    font-weight: 100;
    font-size: 14px
}

@media(min-width: 1200px) {
    .product-listing-container .results-count {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .product-listing-container .results-count {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .product-listing-container .results-count {
        font-size:18px
    }
}

@media(max-width: 1199px) {
    .product-listing-container .results-count {
        display:none
    }
}

.product-listing.publisher-prouct-listing,.zain-wishlist-page.publisher-prouct-listing {
    margin-bottom: 60px
}

@media(max-width: 767px) {
    .product-listing .top-heading-area-user h4.sub-text.ff-rg,.zain-wishlist-page .top-heading-area-user h4.sub-text.ff-rg {
        margin-bottom:20px
    }
}

@media(min-width: 768px) {
    .product-listing .col-md-4.col-sm-6,.zain-wishlist-page .col-md-4.col-sm-6 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .product-listing .col-md-4.col-sm-6 .products-grid-item,.zain-wishlist-page .col-md-4.col-sm-6 .products-grid-item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail,.zain-wishlist-page .col-md-4.col-sm-6 .products-grid-item .product-detail {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .rating-container,.zain-wishlist-page .col-md-4.col-sm-6 .products-grid-item .product-detail .rating-container {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .buy-now.btn,.zain-wishlist-page .col-md-4.col-sm-6 .products-grid-item .product-detail .buy-now.btn {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        border-width: 1px
    }
}

.product-listing .mb-30,.zain-wishlist-page .mb-30 {
    margin-bottom: 30px
}

.product-listing .product.product-tag .details .buy-now.btn,.zain-wishlist-page .product.product-tag .details .buy-now.btn {
    min-width: 120px;
    padding-top: 10px;
    padding-bottom: 10px
}

.product-listing .product.product-tag .details .price-tag h4 small,.zain-wishlist-page .product.product-tag .details .price-tag h4 small {
    font-size: 80%
}

@media(max-width: 1199px) and (min-width:768px) {
    .product-listing .product.product-tag .product-image,.zain-wishlist-page .product.product-tag .product-image {
        min-height:318px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-listing .product .fav-comp,.zain-wishlist-page .product .fav-comp {
    position: absolute;
    top: 30px;
    left: 26px;
    text-align: left;
    font-size: 14px;
    color: #fff;
    width: calc(100% - 35px);
    overflow: hidden;
    border: 0
}

@media(max-width: 1919px) and (min-width:1440px) {
    .product-listing .product .fav-comp,.zain-wishlist-page .product .fav-comp {
        left:28px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product-listing .product .fav-comp,.zain-wishlist-page .product .fav-comp {
        left:17px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .product-listing .product .fav-comp,.zain-wishlist-page .product .fav-comp {
        top:8px;
        left: 14px
    }
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .product .fav-comp,.zain-wishlist-page .product .fav-comp {
        top:22px;
        left: 21px;
        width: auto
    }
}

.product-listing .product .fav-comp .compare .icon,.product-listing .product .fav-comp .options .icon,.zain-wishlist-page .product .fav-comp .compare .icon,.zain-wishlist-page .product .fav-comp .options .icon {
    font-size: 20px
}

@media(min-width: 768) {
    .product-listing .product .fav-comp .compare .icon,.product-listing .product .fav-comp .options .icon,.zain-wishlist-page .product .fav-comp .compare .icon,.zain-wishlist-page .product .fav-comp .options .icon {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .product-listing .product .fav-comp .compare .icon,.product-listing .product .fav-comp .options .icon,.zain-wishlist-page .product .fav-comp .compare .icon,.zain-wishlist-page .product .fav-comp .options .icon {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .product-listing .product .fav-comp .compare .icon,.product-listing .product .fav-comp .options .icon,.zain-wishlist-page .product .fav-comp .compare .icon,.zain-wishlist-page .product .fav-comp .options .icon {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .product-listing .product .fav-comp .compare .icon,.product-listing .product .fav-comp .options .icon,.zain-wishlist-page .product .fav-comp .compare .icon,.zain-wishlist-page .product .fav-comp .options .icon {
        font-size:22px
    }
}

.product-listing .product .fav-comp .options,.zain-wishlist-page .product .fav-comp .options {
    position: relative;
    margin-bottom: 10px;
    line-height: 30px;
    cursor: pointer
}

.product-listing .product .fav-comp .options .icon,.zain-wishlist-page .product .fav-comp .options .icon {
    width: 44px;
    height: 44px;
    border: solid 1px #e3e3e3;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    z-index: 1;
    position: relative;
    display: inline-block;
    color: #fff;
    background: #e3e3e3
}

@media(max-width: 1919px) and (min-width:1440px) {
    .product-listing .product .fav-comp .options .icon,.zain-wishlist-page .product .fav-comp .options .icon {
        height:42px;
        width: 42px;
        line-height: 42px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product-listing .product .fav-comp .options .icon,.zain-wishlist-page .product .fav-comp .options .icon {
        height:38px;
        width: 38px;
        line-height: 38px
    }
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .product .fav-comp .options .icon,.zain-wishlist-page .product .fav-comp .options .icon {
        height:37px;
        width: 37px;
        line-height: 37px
    }
}

.product-listing .product .fav-comp .options .text,.zain-wishlist-page .product .fav-comp .options .text {
    position: absolute;
    left: 2px;
    white-space: nowrap;
    padding: 11px 20px;
    border-radius: 30px;
    min-width: auto;
    width: 0;
    z-index: 0;
    overflow: hidden;
    text-transform: uppercase;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    font-family: NunitoSans-Regular;
    text-decoration: none;
    text-align: right;
    line-height: 1.5;
    font-size: 12px;
    top: -1px
}

@media(max-width: 1439px) {
    .product-listing .product .fav-comp .options .text,.zain-wishlist-page .product .fav-comp .options .text {
        top:0
    }
}

@media(min-width: 1600px) {
    .product-listing .product .fav-comp .options .text,.zain-wishlist-page .product .fav-comp .options .text {
        font-size:14px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .product-listing .product .fav-comp .options .text,.zain-wishlist-page .product .fav-comp .options .text {
        font-size:16px
    }
}

.product-listing .product .fav-comp .options.favourite .icon,.zain-wishlist-page .product .fav-comp .options.favourite .icon {
    border: solid 1px #e3e3e3;
    color: #fff;
    background: #e3e3e3
}

.product-listing .product .fav-comp .options.favourite .icon.fav-deactive,.zain-wishlist-page .product .fav-comp .options.favourite .icon.fav-deactive {
    background: #fff;
    color: #d12b8a
}

.product-listing .product .fav-comp .options.favourite .icon.fav-deactive:before,.zain-wishlist-page .product .fav-comp .options.favourite .icon.fav-deactive:before {
    content: "\e958"
}

.product-listing .product .fav-comp .compare .icon,.zain-wishlist-page .product .fav-comp .compare .icon {
    border: solid 1px #727272;
    color: #727272;
    background: #fff
}

.product-listing .product .fav-comp .compare .icon.active,.zain-wishlist-page .product .fav-comp .compare .icon.active {
    border: solid 1px #d12b8a;
    background: #d12b8a;
    color: #fff
}

.product-listing .product .fav-comp .favourite .icon,.zain-wishlist-page .product .fav-comp .favourite .icon {
    border: solid 1px rgba(209,43,138,.8);
    color: rgba(209,43,138,.8);
    background: #fff
}

.product-listing .product .fav-comp .favourite .icon.fav-deactive,.zain-wishlist-page .product .fav-comp .favourite .icon.fav-deactive {
    border: solid 1px rgba(209,43,138,.8);
    background: rgba(209,43,138,.8);
    color: #fff
}

.product-listing .product:hover .fav-comp .text,.zain-wishlist-page .product:hover .fav-comp .text {
    width: 230px;
    padding: 13px 30px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

@media(max-width: 1919px) and (min-width:1440px) {
    .product-listing .product:hover .fav-comp .text,.zain-wishlist-page .product:hover .fav-comp .text {
        padding:9px 18px;
        font-size: 16px;
        top: 0
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product-listing .product:hover .fav-comp .text,.zain-wishlist-page .product:hover .fav-comp .text {
        padding:8px 18px 9px;
        font-size: 14px;
        width: 210px
    }
}

.product-listing .product:hover .fav-comp .favourite .text,.zain-wishlist-page .product:hover .fav-comp .favourite .text {
    background: rgba(209,43,138,.7);
    color: #fff
}

.product-listing .product:hover .fav-comp .favourite .text:hover,.zain-wishlist-page .product:hover .fav-comp .favourite .text:hover {
    color: #fff
}

.product-listing .product:hover .fav-comp .compare .text,.zain-wishlist-page .product:hover .fav-comp .compare .text {
    background: #727272
}

.product-list-layout .portlet-cp-search-results .row:first-child .input-select-wrapper {
    display: none
}

@media(max-width: 1199px) {
    .section-wrapper .product-listing-container .row:not(.no-gutters)>[class*=col-].left-content-area {
        background-color:#f7f7f7;
        z-index: 1;
        position: absolute;
        display: none;
        padding-right: 26px;
        padding-left: 26px;
        margin-right: -34px;
        margin-left: -34px;
        width: 100vw;
        max-width: 100vw
    }

    .section-wrapper .product-listing-container .row:not(.no-gutters)>[class*=col-].left-content-area.open {
        display: block;
        position: absolute !important;
        background: #f7f7f7;
        margin-top: 0;
        top: 50px;
        z-index: 2
    }

    .section-wrapper .product-listing-container .filters {
        width: 100%;
        max-width: 100%
    }

    .section-wrapper .product-listing-container .filters .reset-dsktop-btn {
        display: none
    }

    .section-wrapper .product-listing-container .filters .panel {
        background: 0;
        border: 0
    }
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .product-variants li {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }

    .section-wrapper .product-listing-container .container {
        max-width: 100%
    }

    .section-wrapper .product-listing-container .row:not(.no-gutters)>[class*=col-].left-content-area.open {
        margin-right: -15px;
        margin-left: -15px;
        width: 100vw;
        max-width: 100vw;
        padding-right: 7px;
        padding-left: 7px
    }

    .product-listing [class*=col-sm] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .product-listing .not-logedin-notify {
        padding: 44px 18px;
        text-align: right;
        margin-bottom: 10px
    }

    .product-listing .not-logedin-notify .btn {
        margin-top: 10px;
        min-width: auto;
        height: 35px;
        min-height: 35px;
        padding-right: 25px;
        padding-left: 25px;
        font-size: 12px;
        font-family: NunitoSans-SemiBold,sans-serif
    }

    .product-listing .product.product-tag .details .ratting {
        margin-bottom: 18px
    }

    .product-listing .fav-comp .options .text {
        display: none
    }

    .product-listing .fav-comp .options.compare {
        display: none
    }

    .product-listing .fav-comp .options.favourite .icon {
        border: solid 1px #e3e3e3;
        color: #fff;
        background: #e3e3e3;
        width: 37px;
        height: 37px;
        font-size: 20px;
        line-height: 37px
    }

    .product-listing .fav-comp .options.favourite .icon.fav-deactive {
        background: #fff;
        color: #d12b8a
    }

    .product-listing .fav-comp .options.favourite .icon.fav-deactive:before {
        content: "\e958"
    }

    .product-listing .products-grid-item {
        display: inline-block;
        width: 100%;
        margin-top: 20px
    }

    .product-listing .products-grid-item .btn {
        font-size: 12px;
        height: 35px;
        min-width: 130px;
        min-height: 35px;
        border-width: 1px;
        border-radius: 8px;
        font-family: NunitoSans-SemiBold,sans-serif;
        padding-right: 25px;
        padding-left: 25px;
        line-height: 35px
    }

    .product-listing .products-grid-item .product-image {
        width: 40%;
        float: right;
        padding-top: 80px;
        margin-bottom: 20px;
        min-height: 240px
    }

    .product-listing .products-grid-item .product-image img {
        max-width: 100%;
        max-height: 160px
    }

    .product-listing .products-grid-item .product-detail {
        width: 60%;
        float: right;
        padding-right: 34px;
        text-align: right
    }

    .product-listing .products-grid-item .product-detail .star-rating {
        margin-bottom: 18px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .product-listing .products-grid-item .product-detail .star-rating .taglib-ratings.stars .liferay-rating-score .rating-element {
        font-size: 14px;
        padding-right: 0;
        padding-left: 4px
    }

    .product-listing .products-grid-item .product-detail .price-tag {
        padding-right: 0
    }

    .product-listing .products-grid-item .product-detail .price-tag h4 {
        font-size: 20px
    }

    .product-listing .products-grid-item .product-detail .price-tag h4 small {
        text-transform: lowercase
    }

    .product-listing .products-grid-item .product-detail .price-tag p {
        text-align: right
    }

    .product-listing .products-grid-item .product-detail .price-tag .sale-price {
        display: block;
        margin-top: 0
    }

    .product-listing .products-grid-item .product-detail .price-tag .sale-price .strike {
        display: block
    }

    .product-listing .products-grid-item .product-detail .price-tag .sale-price .sale-label {
        border-right: 0 none;
        padding-right: 0;
        margin-right: 0;
        padding-top: 0
    }

    .product-listing .products-grid-item .product-detail .price-tag .sale-price .sale-label .icon-percentage-black {
        font-size: 36px;
        color: #70489d;
        font-weight: 400
    }

    .product-listing .products-grid-item .product-detail .btn.add-to-compare {
        border-color: #e3e3e3;
        color: #727272;
        margin: 15px 0;
        background: #fff
    }

    .product-listing .products-grid-item .product-detail .btn.add-to-compare i {
        margin-right: 0
    }

    .product-listing .products-grid-item .product-detail .btn.add-to-compare.active {
        background: #d12b8a;
        color: #fff;
        border-color: #d12b8a
    }

    .product-listing .products-grid-item .product-detail .btn-sm.buy-now {
        border-radius: 8px;
        margin-bottom: 12px;
        min-height: 30px;
        margin-right: auto;
        min-width: 130px;
        background: 0;
        border: 1px solid #d12b8a;
        color: #d12b8a;
        line-height: inherit
    }
}

@media(min-width: 1600px) and (max-width:2000px) {
    .product-listing .products-grid-item,.zain-wishlist-page .products-grid-item {
        min-height:550px
    }
}

@media(min-width: 1919px) and (max-width:2000px) {
    .product-listing .products-grid-item,.zain-wishlist-page .products-grid-item {
        min-height:620px
    }
}

@media(min-width: 1500px) and (max-width:2000px) {
    .product-listing .products-grid-item,.zain-wishlist-page .products-grid-item {
        min-height:532px
    }
}

@media(min-width: 1920px) and (max-width:2220px) {
    .product-listing .products-grid-item,.zain-wishlist-page .products-grid-item {
        min-height:580px
    }
}

@media(min-width: 768px) and (max-width:1440px) {
    .product-listing .products-grid-item,.zain-wishlist-page .products-grid-item {
        min-height:530px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .product-listing .products-grid-item,.zain-wishlist-page .products-grid-item {
        min-height:596px
    }
}

@media(min-width: 200px) and (max-width:767px) {
    .product-listing .products-grid-item,.zain-wishlist-page .products-grid-item {
        height:360px !important
    }
}

@media(min-width: 200px) and (max-width:767px) {
    .product-listing .products-grid-item,.zain-wishlist-page .products-grid-item {
        height:auto !important
    }
}

.product-listing .products-grid-item .product-detail h3,.zain-wishlist-page .products-grid-item .product-detail h3 {
    padding: 0 10px
}

@media(min-width: 768px) {
    .product-listing .products-grid-item .product-detail h3.position-relative.virtual-card-padding,.zain-wishlist-page .products-grid-item .product-detail h3.position-relative.virtual-card-padding {
        padding-left:50px !important;
        padding-right: 50px
    }
}

html[dir=rtl] #wrapper .top-heading-area .section-heading h4.sub-text.ff-rg {
    font-weight: 700
}

html[dir=rtl] .product-listing .not-logedin-notify .main-heading {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .product-listing .not-logedin-notify .btn {
    font-family: QTZain-Bold,sans-serif
}

@media(max-width: 767px) and (min-width:200px) {
    html[dir=rtl] .product-listing .not-logedin-notify .sub-text {
        line-height:inherit
    }
}

html[dir=rtl] .product-listing .results-count {
    font-family: QTZain-Reguar,sans-serif
}

@media(max-width: 767px) and (min-width:200px) {
    html[dir=rtl] .product-listing .products-grid-item .product-detail {
        float:left;
        text-align: left;
        padding-left: 35px;
        padding-right: 0
    }
}

html[dir=rtl] .product-listing .products-grid-item .product-detail h3 {
    font-family: QTZain-Bold,sans-serif;
    font-weight: 700
}

html[dir=rtl] .product-listing .products-grid-item .product-detail .price-tag h4 span {
    font-family: QTZain-Bold,sans-serif
}

@media(max-width: 767px) and (min-width:200px) {
    html[dir=rtl] .product-listing .products-grid-item .product-detail .price-tag .sale-price,html[dir=rtl] .product-listing .products-grid-item .product-detail .price-tag p {
        text-align:left
    }
}

@media(max-width: 767px) and (min-width:200px) {
    html[dir=rtl] .product-listing .products-grid-item .product-detail .price-tag .sale-price .strike {
        margin-left:0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

html[dir=rtl] .product-listing .products-grid-item .product-detail .price-tag .sale-price .strike .product-price {
    font-family: QTZain-Reguar,sans-serif
}

@media(max-width: 1199px) {
    html[dir=rtl] .product-listing .products-grid-item .product-detail .price-tag .sale-price .strike .product-price {
        font-size:12px
    }
}

html[dir=rtl] .product-listing .products-grid-item .fav-comp {
    right: 20px;
    text-align: right
}

html[dir=rtl] .product-listing .products-grid-item .fav-comp .options .text {
    right: 1px;
    text-align: left;
    font-family: QTZain-Reguar,sans-serif
}

@media(min-width: 1200px) and (max-width:1439px) {
    html[dir=rtl] .product-listing .products-grid-item .fav-comp .options .text {
        padding:8px 18px
    }
}

@media(max-width: 767px) and (min-width:200px) {
    html[dir=rtl] .product-listing .products-grid-item .product-image {
        float:right
    }

    html[dir=rtl] .product-listing .products-grid-item .product-detail .star-rating {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    html[dir=rtl] .product-listing .products-grid-item .product-detail .btn.add-to-compare {
        margin: 15px auto 15px 0
    }
}

.delivery-filter-popup.container .saved_slider_new.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 0
}

.delivery-filter-popup.container .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.delivery-filter-popup.container .saved_slider_new .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.delivery-filter-popup.container .saved_slider_new .slick-dots li {
    width: 10px;
    height: 14px
}

.delivery-filter-popup.container .saved_slider_new .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.delivery-filter-popup.container .saved_slider_new .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

.delivery-filter-popup.container .saved_slider_new .slick-arrow {
    position: absolute !important;
    right: auto;
    top: 33px;
    min-height: auto !important;
    min-width: auto !important;
    height: 30px;
    width: 30px;
    visibility: visible;
    background: #cecece;
    color: #fff;
    padding: 0;
    border-radius: 50%
}

.delivery-filter-popup.container .saved_slider_new .slick-arrow i {
    margin: 0
}

.delivery-filter-popup.container .saved_slider_new .slick-arrow.prev {
    left: -60px
}

.delivery-filter-popup.container .saved_slider_new .slick-arrow.next {
    left: -100px
}

.delivery-filter-popup.container .saved_slider_new .slick-list,.delivery-filter-popup.container .saved_slider_new .slick-track {
    min-width: 100%
}

.delivery-filter-popup.container .saved-addresses,.delivery-filter-popup.container .saved-cards {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.delivery-filter-popup.container .saved-addresses .list-group-item,.delivery-filter-popup.container .saved-cards .list-group-item {
    margin: 20px 0;
    font-size: 16px;
    color: #6b6c7e;
    background-color: #fff;
    border: 1px solid #e7e7ed;
    padding: 1rem 1rem;
    font-family: NunitoSans-Regular
}

@media(max-width: 1199px) and (min-width:768px) {
    .delivery-filter-popup.container .saved-addresses .list-group-item,.delivery-filter-popup.container .saved-cards .list-group-item {
        font-size:10px;
        padding: 10px 10px
    }
}

.delivery-filter-popup.container .saved-addresses .list-group-item:hover,.delivery-filter-popup.container .saved-cards .list-group-item:hover {
    font-weight: 700;
    color: #000
}

.delivery-filter-popup.container .saved-addresses .list-group-item.active,.delivery-filter-popup.container .saved-cards .list-group-item.active {
    border-color: #d12b8a;
    background-color: #f0f5ff
}

.delivery-filter-popup.container .saved-addresses .list-group-item.active:before,.delivery-filter-popup.container .saved-cards .list-group-item.active:before {
    content: "✓";
    height: 18px;
    font-size: 9px;
    background: #d12b8a;
    display: block;
    line-height: 18px;
    width: 18px;
    color: #fff;
    position: absolute;
    left: -5px;
    top: -5px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center
}

.delivery-filter-popup.container .saved-addresses .slick-arrow,.delivery-filter-popup.container .saved-cards .slick-arrow {
    position: absolute !important;
    right: auto;
    top: 33px;
    min-height: auto !important;
    min-width: auto !important;
    height: 30px;
    width: 30px;
    visibility: visible;
    background: #cecece;
    color: #fff;
    padding: 0;
    border-radius: 50%
}

.delivery-filter-popup.container .saved-addresses .slick-arrow i,.delivery-filter-popup.container .saved-cards .slick-arrow i {
    margin: 0
}

.delivery-filter-popup.container .saved-addresses .slick-arrow.prev,.delivery-filter-popup.container .saved-cards .slick-arrow.prev {
    left: -60px
}

.delivery-filter-popup.container .saved-addresses .slick-arrow.next,.delivery-filter-popup.container .saved-cards .slick-arrow.next {
    left: -100px
}

@media(max-width: 767px) and (min-width:200px) {
    .delivery-filter-popup.container .form-group .form-control+.select2-container .select2-selection--single {
        min-height:40px
    }

    .delivery-filter-popup.container .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px
    }
}

.same-day-delivery-filter-popup.order-tracking-popup.common-popup.show {
    max-width: 500px;
    padding: 40px 30px
}

@media(max-width: 767px) {
    .same-day-delivery-filter-popup.order-tracking-popup.common-popup.show {
        overflow:inherit
    }
}

.same-day-delivery-filter-popup.order-tracking-popup.common-popup.show .order-tracking-popup-header {
    max-width: 100%
}

.same-day-delivery-filter-popup.order-tracking-popup.common-popup.show .delivery-filter-popup {
    margin: 0 auto;
    position: relative;
    padding: 0
}

.same-day-delivery-filter-popup.order-tracking-popup.common-popup.show .form-group {
    margin-bottom: 0 !important
}

.same-day-delivery-filter-popup.order-tracking-popup.common-popup.show span {
    padding-bottom: 0
}

.same-day-delivery-filter-popup.order-tracking-popup.common-popup.show .select2-container {
    width: 100%;
    margin-top: 0
}

.same-day-delivery-filter-popup.order-tracking-popup.common-popup.show .select2-container .select2-selection--single {
    min-height: 48px;
    outline: 0;
    border-color: #e3e3e3;
    background: #f7f7f7;
    width: 100%;
    padding-bottom: 0
}

.same-day-delivery-filter-popup.order-tracking-popup.common-popup.show .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 700;
    font-size: 14px
}

@media(max-width: 767px) and (min-width:200px) {
    .section-wrapper .delivery-filter-popup.container {
        max-width:initial
    }
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .products-grid-item .product-detail h3 {
        padding:0
    }
}

@media(max-width: 767px) and (min-width:200px) {
    .section-wrapper .product-listing .row:not(.no-gutters)>[class*=col-] {
        padding-right:0;
        padding-left: 0
    }

    .section-wrapper .product-listing-container .container-fluid-custom {
        padding-left: 8px;
        padding-right: 8px
    }

    .section-wrapper .product-listing-container .container-fluid-custom .top-heading-area {
        margin-right: 3px;
        margin-left: 3px
    }
}

.product-listing .products-grid-item .product-image {
    padding: 24px 32px 0;
    max-height: 220px;
    min-height: 220px
}

@media(max-width: 1199px) and (min-width:768px) {
    .product-listing .products-grid-item .product-image {
        min-height:190px !important;
        padding: 10px 29px 10px 29px !important
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .product-listing .products-grid-item .product-image {
        min-height:220px;
        padding: 24px !important 0 22px
    }
}

@media(min-width: 200px) and (max-width:767px) {
    .product-listing .products-grid-item .product-image {
        min-height:200px !important;
        max-height: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 10px;
        padding-top: 10px;
        min-height: unset;
        margin-bottom: 0 !important
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .product-listing .products-grid-item .product-image a {
        min-height:190px
    }
}

.product-listing .products-grid-item .product-image img {
    margin: 0
}

@media(max-width: 1199px) and (min-width:768px) {
    .product-listing .products-grid-item .product-image img {
        max-height:190px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product-listing .products-grid-item .product-image img {
        max-height:180px
    }
}

@media(min-width: 200px) and (max-width:767px) {
    .product-listing .products-grid-item .product-image img {
        max-height:160px
    }
}

.product-listing .products-grid-item .product-image .kd-lablel {
    -webkit-clip-path: polygon(100% 0,100% 50%,100% 99%,0% 100%,10% 50%,0% 0%);
    clip-path: polygon(100% 0,100% 50%,100% 99%,0% 100%,10% 50%,0% 0%);
    padding: 2px 10px 2px 15px !important;
    top: 0 !important;
    -webkit-transform: translate(0,100%) !important;
    transform: translate(0,100%) !important;
    text-transform: capitalize !important;
    z-index: 1;
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -2px;
    background: #09b5c0;
    color: #fff;
    font-weight: 100;
    padding: 3px 30px;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
    font-family: NunitoSans-Black
}

.product-listing .product-detail {
    padding: 0 16px 24px 16px
}

@media(min-width: 200px) and (max-width:767px) {
    .product-listing .product-detail {
        padding:5px 0 0 10px;
        padding-right: 0 !important
    }
}

.product-listing .product-detail .card-top-details {
    min-height: 140px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width: 200px) and (max-width:767px) {
    .product-listing .product-detail .card-top-details {
        min-height:100px
    }
}

@media(min-width: 768px) {
    .product-listing .mobile-btn-wrap-col {
        display:none
    }
}

.product-listing .products-grid-item .zain-product-listing-compare {
    margin: 22px 0 -5px
}

.product-listing .products-grid-item .zain-product-listing-compare .compare-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-listing .products-grid-item .zain-product-listing-compare .compare-button .compare-label {
    background: 0;
    font-size: 16px;
    font-family: NunitoSans-SemiBold !important;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-listing .products-grid-item .zain-product-listing-compare .compare-button .compare-label::before {
    content: "";
    height: 22px;
    width: 22px;
    right: 0;
    display: inline-block;
    background: 0;
    border-radius: 2px;
    border: 2px solid #e3e3e3;
    border-color: #6f6f6f;
    top: 4px;
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width: 768px) and (max-width:1439px) {
    .product-listing .products-grid-item .zain-product-listing-compare .compare-button .compare-label::before {
        height:18px;
        width: 18px
    }
}

.product-listing .products-grid-item .zain-product-listing-compare .compare-button.active .compare-label::after {
    content: "\e905";
    font-family: icomoon !important;
    position: absolute;
    top: 2px;
    right: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    position: absolute
}

@media(min-width: 768px) and (max-width:1439px) {
    .product-listing .products-grid-item .zain-product-listing-compare .compare-button.active .compare-label::after {
        font-size:12px;
        top: 1px;
        right: 3px
    }
}

.product-listing .products-grid-item .zain-product-listing-compare .compare-button.active .compare-label::before {
    background: #d12b8a;
    border: 2px solid #d12b8a
}

.product-listing .products-grid-item .product-detail .brand-name {
    font-size: 14px;
    color: #6f6f6f;
    margin: 8px 0 5px 0;
    font-family: NunitoSans-SemiBold !important;
    padding-right: 6px;
    padding-left: 6px
}

@media(min-width: 200px) and (max-width:767px) {
    .product-listing .products-grid-item .product-detail .brand-name {
        font-size:12px;
        padding-right: 0;
        padding-left: 0
    }
}

.product-listing .products-grid-item .product-detail h3 {
    padding: 0;
    font-weight: unset;
    line-height: 32px;
    margin: 0;
    padding-right: 6px;
    padding-left: 6px
}

@media(min-width: 200px) and (max-width:767px) {
    .product-listing .products-grid-item .product-detail h3 {
        line-height:18px;
        letter-spacing: 0;
        padding-right: 0;
        padding-left: 0;
        font-size: 16px
    }
}

.products-grid-item .zain-product-listing-compare .compare-button .compare-label::before {
    content: "";
    height: 22px;
    width: 22px;
    right: 0;
    display: inline-block;
    background: 0;
    border-radius: 2px;
    border: 2px solid #e3e3e3;
    border-color: #6f6f6f;
    top: 4px;
    margin-left: 8px !important
}

@media(min-width: 768px) and (max-width:1439px) {
    .products-grid-item .zain-product-listing-compare .compare-button .compare-label::before {
        margin-left:10px !important
    }
}

@media(min-width: 768px) and (max-width:1439px) {
    .products-grid-item .zain-product-listing-compare .compare-button .compare-label::before {
        height:18px;
        width: 18px
    }
}

@media(min-width: 200px) and (max-width:767px) {
    .products-grid-item .zain-product-listing-compare .compare-button .compare-label::before {
        height:18px !important;
        width: 18px !important;
        margin-top: 3px
    }
}

.products-grid-item .zain-product-listing-compare .compare-button.active .compare-label::after {
    content: "\e905";
    font-family: icomoon !important;
    position: absolute;
    top: 2px;
    right: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    position: absolute
}

@media(min-width: 768px) and (max-width:1439px) {
    .products-grid-item .zain-product-listing-compare .compare-button.active .compare-label::after {
        font-size:12px;
        top: 1px;
        right: 3px
    }
}

@media(min-width: 200px) and (max-width:767px) {
    .products-grid-item .zain-product-listing-compare .compare-button.active .compare-label::after {
        font-size:12px !important
    }
}

.products-grid-item .zain-product-listing-compare .compare-button.active .compare-label::before {
    background: #d12b8a;
    border: 2px solid #d12b8a
}

@media(min-width: 1200px) {
    .product-listing .row .col-md-12 {
        padding-top:60px
    }
}

@media(min-width: 768px) and (max-width:1200px) {
    .product-listing .row .col-md-12 {
        padding-top:0 !important
    }
}

@media(max-width: 767px) {
    .product-listing .products-grid-item .image .kd-lablel.sm-label {
        display:none
    }

    .product-listing .products-grid-item .kd-mobile-outter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        margin-left: 0;
        margin-top: 8px
    }

    .product-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable {
        background: #000;
        color: #f8f8f8;
        -webkit-clip-path: polygon(100% 0,100% 50%,100% 118%,0% 100%,6% 50%,0% 0%);
        clip-path: polygon(100% 0,100% 50%,100% 118%,0% 100%,6% 50%,0% 0%);
        padding: 2px 20px 4px 30px !important;
        font-family: NunitoSans-SemiBold !important;
        font-size: 14px
    }

    .product-listing .products-grid-item .product-detail .btn.add-to-compare {
        display: none !important
    }

    .product-listing .product.product-tag .details .buy-now.btn {
        display: none
    }

    .product-listing .product.product-tag .details .zain-product-listing-compare {
        display: none
    }

    .product-listing .products-grid-item .mobile-btn-wrap-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
        padding-left: 7px;
        padding-right: 7px
    }

    .product-listing .products-grid-item .mobile-btn-wrap-col .zain-product-listing-compare {
        margin: 0
    }

    .product-listing .products-grid-item .mobile-btn-wrap-col .zain-product-listing-compare .compare-button .compare-label {
        margin-top: 10px;
        width: 125px
    }

    .product-listing .products-grid-item .mobile-btn-wrap-col .product-buy-now-btn {
        font-family: NunitoSans-Black !important;
        min-height: 40px !important;
        font-size: 14px !important
    }

    .product-listing .products-grid-item {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid #eaeaea
    }

    .product-listing .products-grid-item .mobile-btn-wrap-col .buy-now {
        height: auto;
        line-height: normal;
        padding: 6px 25px
    }
}

@media(min-width: 767px) {
    .product-listing .products-grid-item .kd-mobile-outter {
        display:none
    }
}

.product-listing .products-grid-item .product-detail .star-rating,.publisher-prouct-listing .products-grid-item .product-detail .star-rating {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-listing .products-grid-item .product-detail .star-rating .img,.publisher-prouct-listing .products-grid-item .product-detail .star-rating .img {
    width: 18px;
    height: 19px;
    background-repeat: no-repeat;
    margin-left: 10px;
    background-size: contain
}

@media(min-width: 280px) and (max-width:767px) {
    .product-listing .products-grid-item .product-detail .star-rating .img,.publisher-prouct-listing .products-grid-item .product-detail .star-rating .img {
        width:12px;
        margin-top: 3px;
        margin-left: 5px
    }
}

.product-listing .products-grid-item .product-detail .star-rating .img.rating,.publisher-prouct-listing .products-grid-item .product-detail .star-rating .img.rating {
    background-image: url("/o/zain-theme/images/star.svg")
}

.product-listing .products-grid-item .product-detail .star-rating .img.zero-rating,.publisher-prouct-listing .products-grid-item .product-detail .star-rating .img.zero-rating {
    background-image: url("/o/zain-theme/images/star_unfilled.svg")
}

.product-listing .products-grid-item .product-detail .star-rating span,.publisher-prouct-listing .products-grid-item .product-detail .star-rating span {
    font-family: NunitoSans-SemiBold;
    color: #6f6f6f;
    font-size: 16px;
    line-height: 16px
}

@media(min-width: 280px) and (max-width:767px) {
    .product-listing .products-grid-item .product-detail .star-rating span,.publisher-prouct-listing .products-grid-item .product-detail .star-rating span {
        font-size:12px
    }
}

.product-listing .products-grid-item .product-detail .star-rating span .rating-count,.publisher-prouct-listing .products-grid-item .product-detail .star-rating span .rating-count {
    padding-right: 0
}

@media(min-width: 200px) and (max-width:767px) {
    html[dir=rtl] .product-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable {
        -webkit-clip-path:polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
        clip-path: polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
        padding: 2px 15px 2px 10px !important
    }

    html[dir=rtl] .product-listing .products-grid-item .product-detail {
        float: right;
        text-align: right
    }

    html[dir=rtl] .product-listing .products-grid-item .product-detail .star-rating {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    html[dir=rtl] .product-listing .products-grid-item .product-detail .price-tag p {
        text-align: right
    }

    html[dir=rtl] .product-listing .products-grid-item .product-detail .price-tag .sale-price {
        text-align: right
    }

    html[dir=rtl] .product-listing .products-grid-item .product-detail .price-tag .sale-price .strike {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

html[dir=rtl] .product-listing .products-grid-item .product-image .kd-lablel {
    -webkit-clip-path: polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
    clip-path: polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
    padding: 2px 15px 2px 10px !important
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing {
    margin-bottom: 32px;
    margin-top: 5px
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing {
        max-width:195px;
        margin-top: 0
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row {
        -webkit-box-pack:left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing.plan-price {
        margin:0
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing {
    padding: 1px 0
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing {
        margin:0;
        padding-right: 5px
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h2 {
    font-size: 22px;
    font-family: NunitoSans-SemiBold;
    line-height: 30px;
    color: #000
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h2 {
        font-size:16px;
        margin-bottom: 2px
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing .primary-color {
    font-family: NunitoSans-Black;
    color: #d12b8a;
    padding-left: 6px;
    padding-right: 6px
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing .primary-color {
        padding-left:0;
        padding-right: 0
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4,.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4.kd-price-small {
    font-family: NunitoSans-Black;
    font-weight: unset;
    font-size: 20px;
    margin-bottom: .5rem;
    line-height: 27px
}

@media(min-width: 1501px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4,.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4.kd-price-small {
        margin-bottom:.5rem
    }
}

@media(max-width: 1499px) and (min-width:1200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4,.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4.kd-price-small {
        font-size:15px;
        margin-bottom: 0
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4,.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4.kd-price-small {
        font-size:20px
    }
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4,.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4.kd-price-small {
        font-size:13px;
        margin: 0
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4 small,.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4.kd-price-small small {
    font-size: 14px;
    font-family: NunitoSans-SemiBold;
    color: #6f6f6f
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4 small,.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .kd-pricing h4.kd-price-small small {
        font-size:10px
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .full-price h2 {
    font-size: 22px;
    font-family: NunitoSans-Regular,sans-serif;
    color: #2e2e2e
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .full-price h2 {
        font-size:16px
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .full-price h4 {
    font-family: NunitoSans-Black;
    font-weight: unset;
    font-size: 20px;
    color: #2e2e2e
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .full-price h4 {
        font-size:1.1rem
    }
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .rating-container {
        min-height:22px;
        max-height: 22px
    }

    html[dir=rtl] .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .rating-container {
    margin: 19px 16px 0 16px;
    padding-right: 6px;
    padding-left: 6px
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .rating-container {
        padding-right:0;
        padding-left: 0;
        margin: 8px 0
    }
}

.product-listing .products-grid-item {
    height: auto !important
}

@media(min-width: 768px) and (max-width:1440px) {
    .product-listing .products-grid-item {
        min-height:290px !important
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag {
    margin-bottom: 32px;
    margin-top: 5px
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag {
        max-width:195px
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag p {
    font-size: 22px;
    font-family: NunitoSans-Regular,sans-serif;
    color: #2e2e2e
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag p {
        font-size:16px
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag h4 {
    font-family: NunitoSans-Black;
    font-weight: unset;
    font-size: 20px;
    color: #2e2e2e
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag h4 {
        font-size:1.1rem
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag.free {
    margin-bottom: 0
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag.free h4 {
        font-size:16px
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag.coming-soon {
    margin-bottom: 0
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .price-tag.coming-soon h4 {
        font-size:16px
    }
}

.card-kd-pricing .row .col:nth-child(2) .kd-pricing {
    border-right: 1px solid #dee2e6
}

.card-kd-pricing .row .col:first-child .kd-pricing {
    border-right: 0
}

.card-kd-pricing .row .col {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.card-kd-pricing .row .col .kd-pricing h4 {
    margin-bottom: .5rem
}

@media(max-width: 767px) and (min-width:200px) {
    .card-kd-pricing .row .col:nth-child(2) .kd-pricing.zain-plus .primary-color {
        margin-right:3px;
        margin-left: 3px
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .plan-price h4,.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .zain-plus h4 {
    font-family: NunitoSans-Black;
    font-weight: unset;
    font-size: 20px;
    color: #2e2e2e
}

@media(max-width: 767px) and (min-width:200px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .plan-price h4,.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .card-kd-pricing .row .zain-plus h4 {
        font-size:1.1rem
    }
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .star-rating {
    margin-bottom: 0
}

.product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .buy-now.btn {
    min-height: 46px;
    padding-right: 30px !important;
    padding-left: 30px !important;
    border-width: 1.4px !important;
    padding: .375rem .75rem;
    font-weight: 400
}

@media(min-width: 1200px) and (max-width:1439px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .buy-now.btn {
        min-height:44px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .product-listing .col-md-4.col-sm-6 .products-grid-item .product-detail .buy-now.btn {
        min-height:48px
    }
}

@media(min-width: 200px) and (max-width:768px) {
    .product-listing .products-grid-item .mobile-btn-wrap-col .buy-now {
        min-height:40px;
        height: 35px;
        font-family: NunitoSans-Black !important;
        font-size: 14px
    }
}

html[dir=rtl] .product-listing .products-grid-item .product-image .kd-lablel {
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .product-listing .products-grid-item .product-detail .brand-name {
    font-weight: 400;
    font-family: QTZain-Reguar,sans-serif !important
}

html[dir=rtl] .product-listing .products-grid-item .product-detail .star-rating span {
    font-weight: 400
}

html[dir=rtl] .product-listing .products-grid-item .product-detail .card-kd-pricing .kd-pricing h2 {
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .product-listing .products-grid-item .product-detail .card-kd-pricing .kd-pricing h4 small {
    font-family: QTZain-Reguar,sans-serif !important
}

html[dir=rtl] .product-listing .products-grid-item .buy-now.btn {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .product-listing .products-grid-item .zain-product-listing-compare .compare-button .compare-label {
    font-weight: 400;
    font-family: QTZain-Bold,sans-serif !important
}

@media(min-width: 200px) and (max-width:768px) {
    .product-listing .products-grid-item .product-detail .star-rating span {
        margin-bottom:2px
    }
}

@media(max-width: 375px) {
    .product-listing .products-grid-item .mobile-btn-wrap-col .zain-product-listing-compare {
        margin:0 0 0 10px
    }

    .product-listing .products-grid-item .mobile-btn-wrap-col .zain-product-listing-compare .compare-button .compare-label {
        width: 125px
    }

    .product-listing .products-grid-item .mobile-btn-wrap-col .buy-now {
        padding: 6px 20px;
        line-height: 21px
    }
}

@media(max-width: 359px) {
    .product-listing .products-grid-item .mobile-btn-wrap-col .zain-product-listing-compare {
        margin:0 0 0 5px
    }

    .product-listing .products-grid-item .mobile-btn-wrap-col .zain-product-listing-compare .compare-button .compare-label {
        width: 100px;
        font-size: 13px
    }

    .product-listing .products-grid-item .mobile-btn-wrap-col .buy-now {
        padding: 6px 4px;
        line-height: 21px;
        font-size: 12px
    }
}

.publisher-prouct-listing-container .widget-title .main-heading {
    text-transform: uppercase;
    font-size: 30px
}

@media(max-width: 767px) {
    .publisher-prouct-listing-container .widget-title .main-heading {
        font-size:22px
    }
}

@media(min-width: 768px) {
    .publisher-prouct-listing-container.container {
        max-width:640px
    }
}

@media(min-width: 1200px) {
    .publisher-prouct-listing-container.container {
        max-width:1048px
    }
}

@media(min-width: 1440px) {
    .publisher-prouct-listing-container.container {
        max-width:1260px
    }
}

@media(min-width: 1600px) {
    .publisher-prouct-listing-container.container {
        max-width:1470px
    }
}

.publisher-prouct-listing {
    padding-bottom: 3rem
}

.publisher-prouct-listing .slick-list,.publisher-prouct-listing .slick-track {
    min-width: 100%
}

.publisher-prouct-listing .product_slider_new .slick-arrow i {
    font-size: 16px;
    line-height: 45px
}

.publisher-prouct-listing .product_slider_new .slick-dots li:only-child {
    display: none
}

.publisher-prouct-listing .products-grid-item {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 450px
}

@media(max-width: 1919px) and (min-width:1200px) {
    .publisher-prouct-listing .products-grid-item {
        margin-top:15px
    }
}

@media(min-width: 768px) {
    .publisher-prouct-listing .products-grid-item {
        margin-bottom:3rem
    }
}

.publisher-prouct-listing .products-grid-item .product-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.publisher-prouct-listing .products-grid-item .product-detail .rating-container {
    margin-bottom: 12px
}

.publisher-prouct-listing .products-grid-item .product-detail .btn.btn-pc-4 {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media(max-width: 767px) {
    .publisher-prouct-listing .products-grid-item .product-image {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

html[dir=rtl] .publisher-prouct-listing .product_slider_new .slick-arrow.prev {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.publisher-prouct-listing .slick-list .col-md-4.col-sm-6 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.161);
    box-shadow: 0 0 4px rgba(0,0,0,.161);
    border-radius: 10px;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 15px;
    border: 2px transparent solid;
    margin-right: 11px;
    margin-left: 11px
}

.publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-image {
    padding-top: 30px !important;
    padding: 0 32px;
    min-height: 190px;
    padding-bottom: 0
}

@media(min-width: 1200px) and (max-width:1919px) {
    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-image {
        padding-top:24px !important
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-image {
        padding:10px 29px 0 29px !important
    }
}

.publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail {
    padding: 0 22px !important;
    padding-bottom: 24px !important
}

.publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail .brand-name {
    margin: 8px 0 5px 0;
    font-size: 14px
}

.publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail h3 {
    margin-bottom: 0;
    line-height: 32px
}

@media(max-width: 767px) {
    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail h3 {
        line-height:18px;
        font-size: 16px
    }
}

.publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail .rating-container {
    margin: 16px 16px 0 16px !important
}

html[dir=rtl] .publisher-prouct-listing .products-grid-item .product-image .kd-lablel {
    -webkit-clip-path: polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
    clip-path: polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
    padding: 2px 15px 2px 10px !important
}

.publisher-prouct-listing .products-grid-item .product-image .kd-lablel {
    -webkit-clip-path: polygon(100% 0,100% 50%,100% 99%,0% 100%,10% 50%,0% 0%);
    clip-path: polygon(100% 0,100% 50%,100% 99%,0% 100%,10% 50%,0% 0%);
    padding: 2px 10px 2px 15px !important;
    top: 0 !important;
    -webkit-transform: translate(0,100%) !important;
    transform: translate(0,100%) !important;
    text-transform: capitalize !important;
    z-index: 1;
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -2px;
    background: #09b5c0;
    color: #fff;
    font-weight: 600;
    padding: 3px 30px;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
}

@media(max-width: 767px) {
    .publisher-prouct-listing .products-grid-item .product-image .kd-lablel {
        display:none
    }
}

@media(max-width: 767px) {
    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item {
        border:1px solid #eaeaea;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        display: inline-block;
        width: 100%;
        min-height: 290px !important;
        margin-left: 0;
        margin-right: 0
    }

    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 10px 0;
        min-height: 180px !important;
        margin-bottom: 0 !important;
        width: 40%;
        float: right;
        min-height: 200px !important
    }

    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-image img {
        max-height: 140px;
        max-width: 100%
    }

    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail {
        padding: 5px 10px 0 0 !important;
        width: 60%;
        float: right;
        text-align: right
    }

    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail .brand-name {
        font-size: 12px
    }

    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail .rating-container {
        min-height: unset;
        margin: 8px 0 !important
    }

    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail .rating-container .star-rating {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin-bottom: 0
    }

    .publisher-prouct-listing .slick-list .col-md-4.col-sm-6 .products-grid-item .product-detail .buy-now {
        display: none
    }
}

.publisher-prouct-listing .products-grid-item .kd-mobile-outter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-left: 0;
    margin-top: 8px
}

@media(min-width: 768px) {
    .publisher-prouct-listing .products-grid-item .kd-mobile-outter {
        display:none
    }
}

.publisher-prouct-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable {
    color: #f8f8f8;
    -webkit-clip-path: polygon(100% 0,100% 50%,100% 118%,0% 100%,6% 50%,0% 0%);
    clip-path: polygon(100% 0,100% 50%,100% 118%,0% 100%,6% 50%,0% 0%);
    padding: 2px 20px 4px 30px !important;
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px
}

.publisher-prouct-listing .mobile-btn-wrap-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    bottom: 0
}

@media(min-width: 768px) {
    .publisher-prouct-listing .mobile-btn-wrap-col {
        display:none !important
    }
}

.publisher-prouct-listing .buy-now {
    border-width: 1px
}

@media(max-width: 767px) {
    html[dir=rtl] .publisher-prouct-listing .products-grid-item .kd-mobile-outter .kd-mobile-lable {
        -webkit-clip-path:polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
        clip-path: polygon(100% 0%,90% 50%,100% 99%,0% 100%,0% 50%,0% 0%) !important;
        padding: 2px 15px 2px 10px !important
    }
}

@media(min-width: 768px) {
    .products-grid-item .product-image img {
        max-height:190px
    }
}

.cl-pc-1 {
    color: #d12b8a
}

.section-wrapper .zain-cart-summary-checkout-step .right-content-area {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 0 !important;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

@media(max-width: 767px) {
    .section-wrapper .zain-cart-summary-checkout-step .cart-summary-container {
        max-width:100%
    }
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary {
    margin-bottom: 5px
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-item.line-product-item h3.main-heading.color-pink {
    color: #d12b8a !important
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-item.line-product-item h1.main-heading span {
    font-family: NunitoSans-Regular;
    font-weight: unset
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-description .payment-opts.due-per-month-opts {
    border-top: 2px dashed #c9c9c9;
    padding-top: 10px;
    margin-top: 25px
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-description .payment-opts.due-per-month-opts .d-flex p.left-lbl {
    color: #d12b8a !important
}

@media(min-width: 768px) {
    .section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-description .payment-opts.due-per-month-opts .d-flex p.left-lbl {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-description .payment-opts.due-per-month-opts .d-flex p.left-lbl {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-description .payment-opts.due-per-month-opts .d-flex p.left-lbl {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-description .payment-opts.due-per-month-opts .d-flex p.left-lbl {
        font-size:18px
    }
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-description .product-name .right-lbl {
    text-align: left;
    font-family: NunitoSans-Regular !important;
    color: #272833 !important
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-variants.b2b-product-variant {
    margin-bottom: 0
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-variants.b2b-product-variant .input-group {
    margin-bottom: 0 !important
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-item .payment-opts .left-lbl {
    text-transform: capitalize
}

.section-wrapper .zain-cart-summary-checkout-step .line-detail.b2b-cart-summary .product-item.plan-product-item.due-per-month-line-total {
    margin-top: 0;
    padding-bottom: 40px
}

@media(max-width: 1199px) {
    .section-wrapper .section-checkout_progressbar.sect_sepretor.delivery-checkout .container {
        max-width:900px
    }
}

@media(max-width: 1199px) {
    .section-wrapper .section-checkout_progressbar.sect_sepretor.delivery-checkout .progress-status .step {
        margin-right:0 !important;
        text-align: center
    }

    .section-wrapper .section-checkout_progressbar.sect_sepretor.delivery-checkout .progress-status .step:before {
        right: 146px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .section-checkout_progressbar.sect_sepretor.delivery-checkout .progress-status .step:before {
        right:118px
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .section-wrapper .section-checkout_progressbar.sect_sepretor.delivery-checkout .progress-status .step:before {
        left:inherit;
        right: 54px;
        bottom: 16px;
        width: 70%
    }
}

@media(max-width: 1199px) {
    .section-wrapper .section-checkout_progressbar.sect_sepretor.delivery-checkout .progress-status .step .step_circle {
        margin:auto
    }
}

.zain-cart-summary-checkout-step {
    font-family: "Nunito Sans",sans-serif
}

@media(max-width: 1199px) {
    .zain-cart-summary-checkout-step .left-content-area {
        min-height:inherit !important
    }
}

.zain-cart-summary-checkout-step .alert {
    max-width: 100%
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .alert {
        max-width:100%
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .alert {
        max-width:100%
    }
}

.zain-cart-summary-checkout-step .alert.bundle-erros {
    max-width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 49px;
    margin-bottom: 15px;
    margin-top: 0
}

@media(max-width: 1199px) {
    .zain-cart-summary-checkout-step .alert.bundle-erros {
        padding-left:20px;
        padding-right: 55px;
        line-height: 1.5;
        background-position: 14px 21px
    }
}

.zain-cart-summary-checkout-step .form {
    margin: 0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 28px
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group p {
    display: none
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group select.form-control {
    width: 113px;
    height: 44px;
    background-image: url("/o/zain-theme/images/arrow_down_select.svg");
    background-size: 13px 8px;
    background-position: left 11px center;
    padding-left: 35px;
    font-family: NunitoSans-Black
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group select.form-control {
        width:auto
    }
}

@media(max-width: 767px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group select.form-control {
        padding-left:25px;
        font-size: 14px;
        color: #2e2e2e;
        font-family: nunitosans-Semibold !important
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #727272;
    font-size: 14px;
    font-family: NunitoSans-Regular;
    font-weight: 700;
    text-transform: capitalize
}

@media(max-width: 767px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height:38px
    }
}

@media(max-width: 767px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group {
        margin-right:0;
        margin-left: 10px
    }

    .zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group .form-control+.help-block+.select2-container .select2-selection--single,.zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group .form-control+.select2-container .select2-selection--single {
        min-height: 38px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group.control-wrap {
    margin-left: 0
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .input-group .form-group.control-wrap {
        margin-left:0;
        margin-right: 0
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .quantity-input-container {
    margin-left: -192px;
    padding-right: 4px
}

@media(max-width: 1199px) and (min-width:992px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .quantity-input-container {
        margin-left:-80px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .quantity-input-container {
        margin-left:-25px
    }
}

@media(max-width: 767px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .quantity-input-container {
        margin-left:0;
        margin-right: 0
    }

    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .quantity-input-container .form-group {
        max-width: 45%
    }

    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .quantity-input-container .form-group .custom-number-input {
        width: 100%;
        margin-left: 0
    }

    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .quantity-input-container .form-group .custom-number-input .quantity {
        width: 100%
    }
}

html.ie.ie11 .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .quantity-input-container {
    margin-left: -55px
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .product-name .remove-btn-container {
    margin-left: -186px
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .product-name .remove-btn-container {
        margin-left:0
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .product-name .remove-btn-container {
        margin-left:0;
        height: 35px;
        margin-top: -3px;
        margin-right: 5px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .product-name {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .product-variants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .product-variants {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .input-group {
        margin-bottom:0
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .input-group .form-group {
    margin-bottom: 3px;
    max-width: 128px !important
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .input-group .form-group {
        margin-bottom:8px !important;
        margin-left: 5px;
        max-width: 45%
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .input-group .form-group .form-group {
        max-width:100%;
        margin: 0 !important
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .product-data .form-group .input-select-wrapper label {
    display: none
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input {
    margin: 0;
    float: right
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input {
        margin-left:10px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input form {
    margin: 0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input {
    display: inline-block;
    width: 35px;
    height: 40px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: 1px solid #dedede
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input {
        width:32px;
        height: 32px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.minus {
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    min-width: 35px;
    min-height: 43px;
    font-weight: 700;
    font-size: 24px;
    color: #727272
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.minus {
        min-width:30px;
        font-size: 18px;
        min-height: 42px;
        height: 42px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.minus {
        min-width:36px;
        font-size: 18px;
        min-height: 42px;
        height: 42px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.minus {
        min-width:30px;
        min-height: 38px
    }
}

@media(min-width: 1920px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.minus {
        min-height:48px !important
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.qty {
    background-color: #fff;
    min-width: 30px;
    min-height: 43px;
    font-size: 20px;
    font-weight: 700;
    border-left: 0;
    border-right: 0;
    font-family: nunitosans-bold;
    font-weight: 400
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.qty {
        min-width:60px;
        font-size: 18px;
        min-height: 42px;
        height: 42px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.qty {
        min-width:34px;
        min-height: 42px;
        height: 42px;
        font-size: 14px;
        width: 34px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.qty {
        min-width:inherit;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 38px;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.qty {
        min-height:48px !important
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.plus {
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
    min-width: 35px;
    min-height: 43px;
    font-weight: 700;
    font-size: 24px;
    color: #727272
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.plus {
        min-width:30px;
        font-size: 14px;
        min-height: 42px;
        height: 42px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.plus {
        min-width:36px;
        font-size: 14px;
        min-height: 42px;
        height: 42px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.plus {
        min-width:30px;
        min-height: 38px
    }
}

@media(min-width: 1920px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.plus {
        min-height:48px !important
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .input-select-wrapper select {
    font-size: 18px;
    padding: 6px 12px !important;
    border: solid 1px #e3e3e3;
    font-weight: 700;
    color: #000;
    height: 48px;
    width: -webkit-fill-available
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 36px;
    padding-bottom: 26px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer {
        margin-bottom:26px;
        padding-bottom: 18px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer {
        margin-bottom:15px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 26px 0 0 0;
    border-top: 2px dashed #e3e3e3;
    width: 100%;
    margin-top: 36px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control {
        margin:26px 0 0 0;
        padding: 18px 0 0 0
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control {
        margin:15px 0 0 0
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .left-lbl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
    z-index: 0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .left-lbl .form-group label {
    padding-right: 53px;
    line-height: 1.5
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .left-lbl .form-group label {
        padding-right:40px;
        font-weight: 700;
        font-size: 12px;
        margin-bottom: 0
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .left-lbl .form-group input[type=checkbox] {
    position: absolute;
    right: 0;
    visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    opacity: 0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .right-lbl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    text-align: left
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .right-lbl {
        -webkit-box-flex:0;
        -ms-flex: 0 0 55px;
        flex: 0 0 55px;
        max-width: 55px;
        font-size: 14px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .right-lbl span {
    font-weight: 600;
    font-size: 12px;
    font-family: NunitoSans-Regular
}

@media(min-width: 768px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .right-lbl span {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .right-lbl span {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .right-lbl span {
        font-size:16px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .input-checkbox-wrapper {
    -webkit-box-flex: 1.8;
    -ms-flex: 1.8;
    flex: 1.8;
    margin-bottom: 0
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .input-checkbox-wrapper {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-wrap-control .control-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
    margin-bottom: 0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer textarea {
    border: 1px solid #aaa;
    width: 100%;
    padding: 8px 10px 8px 26px;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 18px;
    color: #23b7c0;
    height: auto
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer textarea::-webkit-input-placeholder {
    color: #23b7c0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer textarea::-moz-placeholder {
    color: #23b7c0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer textarea:-ms-input-placeholder {
    color: #23b7c0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer textarea::-ms-input-placeholder {
    color: #23b7c0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer textarea::placeholder {
    color: #23b7c0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer label {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    font-family: NunitoSans-Regular;
    color: #272833;
    z-index: 2147483647;
    cursor: pointer
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer label+input {
    padding-right: 58px;
    position: relative;
    cursor: pointer
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-message,.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .giftFields {
    max-width: 408px
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-message span,.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .giftFields span {
    font-weight: 700;
    float: left;
    margin-left: 46px
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-message label,.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .giftFields label {
    font-size: 18px;
    margin: 25px 0 15px;
    font-family: NunitoSans-Black
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-message .char-limit,.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .giftFields .char-limit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-family: NunitoSans-Regular;
    text-decoration: none
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-message .char-limit p,.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .giftFields .char-limit p {
    font-size: 14px
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-message .char-limit p,.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .giftFields .char-limit p {
        font-size:14px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .gift-message .char-limit p,.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .giftFields .char-limit p {
        font-size:14px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer input::before {
    content: "";
    position: absolute;
    height: 28px;
    width: 28px;
    display: inline-block;
    background: 0;
    border-radius: 50%;
    border: 2px solid #fcfcfc;
    opacity: 1;
    background: #faeaf4;
    visibility: visible;
    -webkit-transform: translate(-5px,-2px);
    transform: translate(calc(-5px * -1),-2px)
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer input::before {
        height:25px;
        width: 25px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer input:checked::after {
    content: "\e905";
    font-family: icomoon !important;
    position: absolute;
    top: 1px;
    right: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    content: "";
    height: 12px;
    width: 12px;
    background: #d12b8a;
    border-radius: 50%;
    top: 8px;
    right: 8px;
    border: 0;
    margin-top: -3px;
    -webkit-transform: translate(-5px,1px);
    transform: translate(calc(-5px * -1),1px);
    visibility: visible
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer input:checked::after {
        height:9px;
        width: 9px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity {
    margin-right: 0
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity .child_minus {
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    width: 31px;
    height: 44px;
    font-weight: 700;
    border-right: 1px solid #e3e3e3
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity .child_minus {
        height:36px;
        min-height: 36px;
        width: 28px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity .child_minus {
        width:28px;
        height: 38px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity input {
    background-color: #f4f4f4;
    width: 50px;
    height: 44px;
    font-size: 18px;
    font-weight: 700;
    border-left: 0;
    border-right: 0
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity input {
        height:36px;
        min-height: 36px;
        width: 44px;
        font-size: 14px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity input {
        width:44px;
        height: 38px;
        font-size: 14px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity .child_plus {
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
    width: 31px;
    height: 44px;
    font-weight: 700;
    border-left: 1px solid #e3e3e3
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity .child_plus {
        height:36px;
        min-height: 36px;
        width: 28px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary .product-item .instanceGiftContainer .quantity .child_plus {
        width:28px;
        height: 38px
    }
}

.zain-cart-summary-checkout-step .section-products-summary a.remove-button {
    text-transform: uppercase;
    min-width: auto;
    min-height: 38px;
    background: 0;
    border: 1px solid #c9c9c9;
    color: #727272;
    cursor: pointer;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
    padding: 10px 27px
}

@media(min-width: 360px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-products-summary a.remove-button {
        min-width:auto;
        font-size: 12px;
        min-height: 35px;
        height: 35px;
        width: 55px;
        text-align: center;
        border-radius: 5000px !important;
        overflow: hidden;
        line-height: 20px;
        padding: 9px 20px
    }

    .zain-cart-summary-checkout-step .section-products-summary a.remove-button i {
        color: #727272;
        font-size: 12px !important
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .zain-cart-summary-checkout-step .section-products-summary a.remove-button {
        padding:10px 20px;
        width: 64.5px;
        color: transparent;
        height: 40px;
        line-height: 22px;
        border-radius: 5000px !important;
        overflow: hidden;
        text-align: center
    }

    .zain-cart-summary-checkout-step .section-products-summary a.remove-button i {
        color: #727272;
        font-size: 12px !important
    }
}

.zain-cart-summary-checkout-step .section-products-summary a.remove-button:hover {
    background: #e3e3e3;
    color: #000;
    border-color: #e3e3e3
}

.zain-cart-summary-checkout-step .section-products-summary a.remove-button i {
    padding-left: 6px;
    font-size: 14px
}

.zain-cart-summary-checkout-step .section-products-summary a.remove-button:hover {
    background: #e3e3e3;
    color: #000 !important;
    border-color: #e3e3e3
}

.zain-cart-summary-checkout-step .section-products-summary a.cart-remove-button {
    text-transform: uppercase;
    min-width: auto;
    min-height: 38px;
    background: 0;
    border: 1px solid #c9c9c9;
    color: #727272;
    cursor: pointer;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
    padding: 10px 27px
}

@media(min-width: 360px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-products-summary a.cart-remove-button {
        min-width:auto;
        font-size: 12px;
        min-height: 35px;
        height: 35px;
        width: 55px;
        text-align: center;
        border-radius: 5000px !important;
        overflow: hidden;
        line-height: 20px;
        padding: 9px 20px
    }

    .zain-cart-summary-checkout-step .section-products-summary a.cart-remove-button i {
        color: #727272;
        font-size: 12px !important
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .zain-cart-summary-checkout-step .section-products-summary a.cart-remove-button {
        padding:10px 20px;
        width: 64.5px;
        color: transparent;
        height: 40px;
        line-height: 22px;
        border-radius: 5000px !important;
        overflow: hidden;
        text-align: center
    }

    .zain-cart-summary-checkout-step .section-products-summary a.cart-remove-button i {
        color: #727272;
        font-size: 12px !important
    }
}

.zain-cart-summary-checkout-step .section-products-summary a.cart-remove-button:hover {
    background: #e3e3e3;
    color: #000 !important;
    border-color: #e3e3e3
}

.zain-cart-summary-checkout-step .section-products-summary a.cart-remove-button i {
    padding-left: 6px;
    font-size: 14px
}

.zain-cart-summary-checkout-step .section-products-summary .product_plan.sect_sepretor {
    text-align: right
}

.zain-cart-summary-checkout-step .section-products-summary .sub_total {
    padding: 38px 0;
    text-align: right
}

@media(max-width: 1919px) and (min-width:1440px) {
    .zain-cart-summary-checkout-step .section-products-summary .sub_total {
        padding:26px 0
    }
}

@media(min-width: 360px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-products-summary .sub_total {
        padding:28px 0
    }
}

.zain-cart-summary-checkout-step .section-products-summary .sub_total .main-heading {
    letter-spacing: .6px;
    line-height: 1.2;
    font-size: 24px;
    font-family: NunitoSans-Black;
    font-weight: unset
}

@media(min-width: 768px) {
    .zain-cart-summary-checkout-step .section-products-summary .sub_total .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .zain-cart-summary-checkout-step .section-products-summary .sub_total .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .zain-cart-summary-checkout-step .section-products-summary .sub_total .main-heading {
        font-size:28px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .sub_total .right-lbl {
    font-size: 18px;
    font-weight: 1000;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    font-weight: 600;
    font-family: NunitoSans-Black,sans-serif
}

@media(min-width: 768px) {
    .zain-cart-summary-checkout-step .section-products-summary .sub_total .right-lbl {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .zain-cart-summary-checkout-step .section-products-summary .sub_total .right-lbl {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .zain-cart-summary-checkout-step .section-products-summary .sub_total .right-lbl {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .zain-cart-summary-checkout-step .section-products-summary .sub_total .right-lbl {
        font-size:24px
    }
}

.zain-cart-summary-checkout-step .section-products-summary .sub_total .product-item {
    padding-bottom: 0
}

.zain-cart-summary-checkout-step .section-products-summary .sub_total .product-item {
    margin-top: 0
}

.zain-cart-summary-checkout-step .section-products-summary .sect_sepretor {
    position: relative
}

.zain-cart-summary-checkout-step .section-products-summary .sect_sepretor::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: calc(100% + 1000px);
    left: 0;
    background: #d12b8a;
    bottom: -15px
}

.zain-cart-summary-checkout-step input {
    margin: 0;
    padding: 0;
    border: 0
}

.zain-cart-summary-checkout-step input:focus {
    border: 0;
    outline: 0
}

.zain-cart-summary-checkout-step input[type=button] {
    cursor: pointer
}

.zain-cart-summary-checkout-step .out-of-stock_alert {
    padding: 12px 26px 8px;
    background: rgba(209,43,138,.05);
    border-radius: 5px;
    padding: 16px 26px 24px;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 18px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.01);
    box-shadow: 0 3px 6px rgba(0,0,0,.01)
}

.zain-cart-summary-checkout-step .out-of-stock_alert .stockOut_icon {
    position: relative;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    height: 52px;
    margin-left: 12px;
    width: 52px;
    padding: 12px 0;
    vertical-align: middle
}

.zain-cart-summary-checkout-step .out-of-stock_alert .stockOut_icon i {
    position: absolute;
    line-height: 52px;
    vertical-align: middle;
    top: 0;
    width: 100%;
    right: 0
}

.zain-cart-summary-checkout-step .out-of-stock_alert .stockOut_icon i.icon-1 {
    font-size: 26px
}

.zain-cart-summary-checkout-step .out-of-stock_alert .stockOut_icon i.icon-2 {
    color: #d12b8a
}

.zain-cart-summary-checkout-step .out-of-stock_alert h4.mb-0 {
    font-size: 18px;
    text-transform: capitalize;
    color: #70489d
}

.zain-cart-summary-checkout-step .out-of-stock_alert .notify_links p {
    text-align: center;
    text-transform: uppercase;
    font-family: NunitoSans-Black,sans-serif;
    color: #000;
    margin: 0;
    padding: 20px 0;
    font-size: 12px;
    font-weight: 1000
}

.zain-cart-summary-checkout-step .section-checkout_progressbar {
    padding: 24px 0 40px 0
}

@media(min-width: 768px) and (max-width:1199px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar {
        padding:25px 0 38px 0
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar {
        padding:25px 0 16px 0 !important
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 10px;
    margin-bottom: 0;
    max-width: 900px
}

@media(min-width: 320px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status {
        overflow-x:auto;
        padding-bottom: 17px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status {
        max-width:360px;
        padding: 0;
        overflow-x: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .4
}

@media(min-width: 320px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step {
        padding-top:0;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }

    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step:last-child::before {
        display: none
    }
}

@media(max-width: 767px) and (min-width:320px) and (max-width:359px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step:before {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 35px;
    left: 0;
    border-top: 2px dashed #c9c9c9;
    z-index: -1;
    width: calc(100% - 60px);
    bottom: 29px
}

@media(min-width: 320px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step:before {
        width:100%;
        bottom: 18px;
        z-index: 1
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step:before {
        left:inherit;
        right: 54px;
        bottom: 16px
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    width: 72px;
    border-radius: 50%;
    background: #c9c9c9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 4px solid #ffbde3;
    z-index: 1;
    font-size: 16px;
    text-align: center
}

@media(min-width: 768px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
        font-size:24px
    }
}

@media(min-width: 320px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
        height:38px;
        width: 38px;
        border: 2px solid #ffbde3
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
        height:35px;
        width: 35px;
        border: 1px solid #ffbde3;
        display: inline-block;
        padding-top: 6px
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle .zn-ico.cart-summary:before {
    content: "\e904"
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle .zn-ico.delivery-checkout:before {
    content: "\e906"
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle .zn-ico.order-summary:before {
    content: "\e904"
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle .zn-ico.order-confirmation:before {
    content: "\e907"
}

@media(max-width: 1919px) and (min-width:1440px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
        height:70px;
        width: 70px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
        height:60px;
        width: 60px
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
    margin-right: -15px;
    margin-bottom: 18px;
    font-family: NunitoSans-Black;
    font-weight: unset;
    letter-spacing: .4px;
    line-height: 1.6;
    text-transform: unset
}

@media(min-width: 320px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        display:none;
        margin-right: 0;
        margin-bottom: 0
    }
}

@media(max-width: 767px) and (min-width:30px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        position:absolute;
        right: 0;
        display: none;
        z-index: 1;
        min-height: 100%;
        vertical-align: middle;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 767px) and (min-width:30px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        font-size:12px
    }
}

@media(max-width: 767px) and (min-width:30px) and (min-width:1200px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        font-size:14px
    }
}

@media(max-width: 767px) and (min-width:30px) and (min-width:1440px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        font-size:16px
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label span {
    font-family: NunitoSans-Regular;
    text-decoration: none;
    font-weight: 700
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label span {
        display:none
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label small {
    color: #727272;
    font-family: NunitoSans-Regular,sans-serif;
    background: #fff;
    margin-right: 10px
}

@media(min-width: 768px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label small {
        font-size:12px
    }
}

@media(min-width: 1200px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label small {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label small {
        font-size:16px
    }
}

@media(min-width: 768px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        font-size:20px
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active,.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.completed {
    opacity: 1
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_circle,.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.completed .step_circle {
    background: #d12b8a;
    color: #fff
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label small,.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.completed .step_label small {
    color: #000;
    font-family: NunitoSans-Black,sans-serif
}

@media(min-width: 768px) and (max-width:1199px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label small,.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.completed .step_label small {
        font-size:14px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active {
        min-width:auto
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label small {
    color: #d12b8a
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: none;
        margin-right: 24px;
        margin-bottom: 0
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label small {
        background:#fff;
        line-height: 1.3;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        padding-left: 7px;
        text-align: right;
        font-size: 12px;
        padding-right: 6px;
        visibility: visible
    }
}

@media(max-width: 767px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label small {
        max-width:inherit !important
    }
}

@media(min-width: 320px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        visibility: hidden;
        margin-right: -10px;
        z-index: 1
    }

    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label small {
        visibility: visible;
        background: #fff;
        line-height: 1.3;
        max-width: -webkit-min-content;
        max-width: -moz-min-content;
        max-width: min-content;
        margin-right: 0;
        padding-right: 6px
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label {
        position:absolute;
        right: 0;
        margin: 0 48px 0 0;
        background: #fff;
        z-index: 1;
        padding-left: 10px;
        min-height: 100%;
        vertical-align: middle;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 359px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label {
        margin:0 25px 0 0
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.completed:before {
    border-top-style: solid;
    border-top-color: #d12b8a;
    opacity: .4
}

@media(max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.completed:before {
        border-top:2px dashed #c9c9c9 !important
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.completed {
        max-width:15%;
        position: relative
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step:last-child:before {
    border-top: 0
}

.zain-cart-summary-checkout-step .cart-summary-btns .button-holder {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    margin: 28px 0
}

.zain-cart-summary-checkout-step .cart-summary-btns .button-holder .btn-primary.btn-default.disabled,.zain-cart-summary-checkout-step .cart-summary-btns .button-holder .btn-primary.btn-default:disabled {
    color: #fff;
    background-color: #d12b8a;
    border-color: #d12b8a
}

.zain-cart-summary-checkout-step .cart-summary-btns .btn.btn-pc-3 {
    padding-top: 6px;
    padding-bottom: 6px
}

.zain-cart-summary-checkout-step .cart-summary-btns .btn.btn-pc-5 {
    background: 0;
    border: 1px solid #c9c9c9;
    color: #727272;
    padding-top: 6px;
    padding-bottom: 6px
}

@media(min-width: 1440px) {
    .zain-cart-summary-checkout-step .cart-summary-btns .btn.btn-pc-5 {
        padding-top:15px;
        padding-bottom: 15px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-cart-summary-checkout-step .cart-summary-btns .btn.btn-pc-5 {
        padding-top:8px;
        padding-bottom: 8px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-cart-summary-checkout-step .cart-summary-btns .btn.btn-pc-5 {
        padding-top:15px;
        padding-bottom: 15px
    }
}

.zain-cart-summary-checkout-step .cart-summary-btns .btn.btn-pc-5:hover:not([disabled]) {
    background: #e3e3e3;
    color: #000;
    border-color: #e3e3e3
}

.zain-cart-summary-checkout-step .cart-summary-btns .btn {
    font-size: 16px;
    min-height: 60px;
    padding-right: 50px;
    padding-left: 50px;
    min-width: 212px;
    line-height: 28px
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .cart-summary-btns .btn {
        font-size:12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px;
        min-width: 140px;
        line-height: 28px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-cart-summary-checkout-step .cart-summary-btns .btn {
        font-size:12px;
        min-height: 46px;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 145px;
        line-height: 28px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .zain-cart-summary-checkout-step .cart-summary-btns .btn {
        font-size:12px;
        min-height: 48px;
        padding-right: 24px;
        padding-left: 24px;
        min-width: 155px;
        line-height: 18px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .zain-cart-summary-checkout-step .cart-summary-btns .btn.bn-lrg {
        font-size:12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px;
        min-width: 140px
    }
}

.zain-cart-summary-checkout-step .cart-summary-btns .btn-primary.btn-default:not(:disabled):not(.disabled):active {
    background-color: #d12b8a;
    border-color: #d12b8a;
    outline: 0
}

.zain-cart-summary-checkout-step .section-products-summary.new_cart.cart-summary .product-item.plan-product-item .product-description.pl-3 .payment-opts p.left-lbl {
    color: #727272
}

.zain-cart-summary-checkout-step .update-cancel-btn {
    text-align: left;
    padding: 20px 0
}

.zain-cart-summary-checkout-step .update-cancel-btn .btn.btn.btn-pc-3.btn-default,.zain-cart-summary-checkout-step .update-cancel-btn .btn.btn.btn-pc-4.btn-default {
    padding: 7px 15px
}

.zain-cart-summary-checkout-step .checkout-total span.product-price {
    font-size: 18px;
    font-family: NunitoSans-Black
}

@media(min-width: 1200px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action a {
        margin-bottom: 10px;
        text-align: center;
        padding: 7px 10px
    }
}

@media(max-width: 1200px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action a.checkout-button-right-sidebar {
        margin-right:auto;
        margin-left: 5px
    }
}

@media(max-width: 500px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action a.checkout-button-right-sidebar {
        margin: auto;
        margin-bottom: 10px
    }
}

@media(min-width: 1200px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action .cart-summary-right-continue-shopping {
        margin-top:19px;
        text-align: center
    }
}

@media(min-width: 500px) and (max-width:1199px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action .cart-summary-right-checkout {
        text-align:end
    }
}

@media(max-width: 474px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action .cart-summary-right-continue-shopping {
        margin-top:20px
    }
}

@media(max-width: 1200px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action .row {
        width:100%
    }
}

@media(max-width: 572px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .card.checkout-card.cart-mobile .card-footer .card-action .row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 1200px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .cardcheckout button.btn.btn-link.clear-cart-btn.clear-cart-btn-add-ons {
        float:right
    }
}

@media(max-width: 500px) {
    .container-fluid-system.position-relative .cart-stripe.plan-stripe .cardcheckout {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .container-fluid-system.position-relative .cart-stripe.plan-stripe .cardcheckout a {
        margin-bottom: 10px
    }
}

@media(max-width: 767px) {
    .section-wrapper .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_circle {
        margin:0 auto 0 0 !important
    }
}

html[dir=rtl] .section-products-summary .product-item .product-description .product-name .commitment-line {
    margin-left: auto
}

@media(max-width: 767px) {
    html[dir=rtl] .section-wrapper .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_circle {
        margin:0 0 0 auto !important
    }
}

@media(max-width: 767px) {
    .section-wrapper .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step:nth-child(3).active .step_label small {
        min-width:76px
    }

    .section-wrapper .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active {
        margin-right: 10px !important
    }
}

@media(max-width: 359px) {
    .section-wrapper .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active {
        margin-right:0 !important
    }
}

.cart-summary-container .section-products-summary:not(.sub_total) {
    border-bottom: 0;
    padding-bottom: 0
}

.zain-cart-summary-checkout-step .section-products-summary .product_plan.sect_sepretor .section-products-summary.new_cart.cart-summary .product-item-container:last-of-type .product-item:not(.plan-due-amount):not(.line-product-item):not(.plan-product-item) {
    padding-bottom: 26px;
    border-bottom: 1px solid #e3e3e3
}

.zain-cart-summary-checkout-step .section-products-summary .product_plan.sect_sepretor .section-products-summary.new_cart.cart-summary .product-item-container:last-of-type .product-item:not(.plan-due-amount):not(.line-product-item):not(.plan-product-item) .instanceGiftContainer {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.zain-cart-summary-checkout-step .section-products-summary .product_plan.sect_sepretor .all-products-section .new_cart.cart-summary:last-child .product-item-container:last-of-type .product-item {
    border-bottom: none !important
}

.zain-cart-summary-checkout-step .section-products-summary .product_plan.sect_sepretor .line-detail .product-item.plan-product-item:last-of-type {
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3
}

.zain-cart-summary-checkout-step .section-products-summary .product_plan.sect_sepretor .line-detail .product-item.plan-product-item:last-of-type .instanceGiftContainer {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.zain-cart-summary-checkout-step .section-products-summary .product_plan.sect_sepretor .all-products-section .section-products-summary.new_cart.cart-summary .product-item-container {
    padding-bottom: 10px
}

.check-availabilty-in-branch-popup input[type=text] {
    padding: 10px 30px;
    font-size: 16px;
    border: 1px solid #eee;
    width: 70%;
    border-radius: 5px
}

.check-availabilty-in-branch-popup .popup-sreach-bar button {
    padding: 6px 10px;
    margin-left: 16px;
    background: #fff;
    font-size: 17px;
    border: 0;
    cursor: pointer;
    position: absolute;
    left: 16%;
    top: 178px;
    pointer-events: none
}

.section-products-summary.non-editable-summary .pink-strip-container .pink-stripe {
    max-width: 100%
}

html[dir=rtl] .check-availabilty-in-branch-popup .popup-sreach-bar button {
    left: auto;
    -webkit-transform: rotate(87deg);
    transform: rotate(87deg)
}

html[dir=rtl] .order-history-detail .line-detail .product-item .main-heading span,html[dir=rtl] .zain-cart-summary-checkout-step .line-detail .product-item .main-heading span {
    font-size: 30px
}

@media(max-width: 1200px) {
    html[dir=rtl] .order-history-detail .line-detail .product-item .main-heading span,html[dir=rtl] .zain-cart-summary-checkout-step .line-detail .product-item .main-heading span {
        font-size:28px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .order-history-detail .line-detail .product-item .main-heading span,html[dir=rtl] .zain-cart-summary-checkout-step .line-detail .product-item .main-heading span {
        font-size:26px
    }
}

html[dir=rtl] .zain-cart-summary-checkout-step .alert-danger.alert {
    background: #fdf2f8
}

html[dir=rtl] .zain-cart-summary-checkout-step .alert-danger.alert:after {
    width: 45px;
    content: " ";
    background: #fdf2f8 url("/o/zain-theme/images/icon-cross.svg") no-repeat scroll 10px 50%;
    position: absolute;
    left: 95%;
    top: 9px;
    height: 35px
}

@media(max-width: 1439px) {
    html[dir=rtl] .zain-cart-summary-checkout-step .alert-danger.alert:after {
        left:94%
    }
}

@media(max-width: 1199px) {
    html[dir=rtl] .zain-cart-summary-checkout-step .alert-danger.alert:after {
        left:93%
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .zain-cart-summary-checkout-step .alert-danger.alert:after {
        left:86%
    }
}

html[dir=rtl] .zain-cart-summary-checkout-step.b2c-checkout .promo_wrapper_checkout .get_promocode .form-group.inline-label .alert {
    padding-right: 10px
}

@media(max-width: 374px) {
    html[dir=rtl] .zain-cart-summary-checkout-step.b2c-checkout .promo_wrapper_checkout .get_promocode .form-group.inline-label .alert {
        white-space:break-spaces
    }
}

html[dir=rtl] .zain-cart-summary-checkout-step.b2c-checkout .promo_wrapper_checkout .get_promocode .form-group.inline-label .alert::after {
    width: 0
}

html[dir=rtl] .zain-cart-summary-checkout-step.b2c-checkout .alert-danger.alert:after {
    left: inherit !important;
    right: 10px
}

@media(max-width: 767px) and (min-width:360px) {
    .zain-cart-summary-checkout-step .section-products-summary.new_cart.cart-summary .product-item .input-group .form-group .form-control+.select2-container .select2-selection--single {
        padding:0
    }
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain {
    margin: 58px 0 64px 0;
    padding: 0 !important
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .overflow-auto-mobile {
    margin: 0 auto;
    max-width: 720px
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .overflow-auto-mobile .progress-status.checkout-details .step h2 {
    font-family: NunitoSans-bold,sans-serif;
    font-size: 12px;
    line-height: 24px;
    color: #6f6f6f;
    margin-bottom: 0
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 10px;
    max-width: 900px
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: 1
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:before {
    content: "";
    height: 1px;
    width: 250px;
    position: absolute;
    bottom: 35px;
    left: 0;
    border-top: 2px dashed #c9c9c9;
    z-index: 1;
    border-width: 3px;
    border-style: solid;
    border-color: #e5e5e5;
    bottom: 33px;
    right: 0
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:after {
    content: "";
    border-width: 3px;
    position: absolute;
    bottom: 33px;
    right: 0;
    width: 250px;
    border-top: 6px solid #e5e5e5;
    z-index: -1
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step .step_circle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #e5e5e5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 4px solid #ffbde3;
    z-index: 1;
    border-width: 0;
    background-color: #e5e5e5;
    color: #fff;
    opacity: 1;
    font-size: 10px
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step.active:before,.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step.completed:before {
    border-color: #d12b8a
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step.active .step_circle,.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step.completed .step_circle {
    background: #d12b8a;
    color: #fff;
    border-width: 0;
    background-color: #d12b8a
}

@media(max-width: 991px) {
    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status {
        padding-right:0;
        margin-left: -9px;
        margin-right: -9px
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:after,.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:before {
        width: auto
    }
}

@media(max-width: 767px) {
    .section-checkout_progressbar-b2c.progress_new_checkout_zain {
        margin:11px 0 8px 0;
        position: relative
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .overflow-auto-mobile {
        margin-left: -2px;
        margin-right: -4px
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain:after {
        content: "";
        height: 1px;
        background: #d12b8a;
        position: absolute;
        bottom: 0;
        width: calc(100vw - 15px);
        margin-right: -15px;
        right: -4px
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .overflow-auto-mobile .progress-status.checkout-details .step h2 {
        font-family: nunitosans-semibold !important;
        overflow: hidden;
        display: block;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size: 10px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 3px
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status {
        max-width: 360px;
        padding: 0;
        margin: 0 auto
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step {
        text-align: center !important;
        margin-right: -1px !important
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:after,.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:before {
        right: 0;
        width: 100%;
        border-top: unset !important;
        bottom: 31px !important
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:first-child:after,.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:first-child:before {
        width: 50%;
        right: 50%
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:last-child:after,.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:last-child:before {
        width: 50%;
        right: 0
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step .step_circle {
        height: 16px;
        width: 16px;
        font-size: 8px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0
    }
}

.shopping_cart_section_xain .shopping_cart_outter_wrap {
    padding: 16px 16px 0 40px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px
}

@media(max-width: 767px) {
    .shopping_cart_section_xain .shopping_cart_outter_wrap {
        padding:0;
        border-radius: 0;
        border: 0
    }

    .shopping_cart_section_xain .shopping_cart_outter_wrap .all-products-section {
        border: 1px solid #e5e5e5;
        padding: 18px 20px 24px 16px;
        border-radius: 8px
    }
}

.shopping_cart_section_xain .shopping_cart_outter_wrap .heading_content_wrap h2 {
    font-family: NunitoSans-bold !important;
    font-size: 20px;
    line-height: 32px;
    color: #2e2e2e;
    margin-bottom: 16px
}

@media(max-width: 767px) {
    .shopping_cart_section_xain .shopping_cart_outter_wrap .heading_content_wrap h2 {
        font-size:16px;
        line-height: 20px;
        margin-bottom: 10px
    }
}

.shopping_cart_section_xain .shopping_cart_outter_wrap .car_single_heading {
    font-family: nunitosans-bold !important;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .shopping_cart_section_xain .shopping_cart_outter_wrap .car_single_heading {
        margin-bottom:8px
    }
}

.shopping_cart_section_xain .shopping_cart_outter_wrap .shopping_item_single_zain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kw #wrapper .section-products-summary.consumer-cart-summary .out-of-stock-msg .alert-danger.alert {
    background-color: transparent;
    border: 0;
    padding: 5px 23px 5px 25px;
    background: url(/o/zain-theme/images/outofstockimg.svg) no-repeat scroll 0 center;
    background-size: 14px 14px;
    color: #c70024
}

.kw #wrapper .section-products-summary.consumer-cart-summary .out-of-stock-msg .alert-danger.alert span {
    color: #c70024
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .out-of-stock-msg .alert-danger.alert {
        line-height:20px
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .out-of-stock-msg .alert-danger.alert:after {
    content: none
}

html[dir=rtl] .kw #wrapper .section-products-summary.consumer-cart-summary .out-of-stock-msg .alert-danger.alert {
    background: url(/o/zain-theme/images/outofstockimg.svg) no-repeat scroll 0 center;
    background-position: right center
}

html[dir=rtl] .kw #wrapper .section-products-summary.consumer-cart-summary .out-of-stock-msg .alert-danger.alert:after {
    content: none
}

.kw #wrapper .section-products-summary.consumer-cart-summary .section-products-summary {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 1.5rem
}

.kw #wrapper .section-products-summary.consumer-cart-summary .section-products-summary:first-child {
    margin-top: 0
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item {
    max-width: 100%;
    margin-top: 0
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .mobile-quantity-selector {
    display: none
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .mobile-quantity-selector {
        display:block
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .mobile-quantity-selector select {
    font-family: nunitosans-bold;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    padding: 8px;
    padding-left: 35px;
    padding-right: 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/o/zain-theme/images/arrow_down_select.svg);
    background-repeat: no-repeat;
    background-position: left 10px center
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .shopping_item_single_zain {
    padding-top: 24px;
    padding-right: 8px;
    padding-bottom: 24px
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .shopping_item_single_zain {
        padding:0 0 16px 0
    }
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product_signle_second .row.quantity-input-container {
        display:none !important
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product_signle_second label.right-lbl {
    font-family: nunitosans-bold !important;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    margin-bottom: 16px;
    margin-left: 6px;
    margin-right: 6px
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product_signle_second label.right-lbl .product-price {
    font-family: nunitosans-bold !important;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    margin-bottom: 16px;
    margin-top: 4px
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product_signle_second label.right-lbl {
        margin-top:1px;
        margin-bottom: 8px;
        font-size: 14px;
        font-family: NunitoSans-Black,sans-serif !important
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .product-name {
    margin-bottom: 0
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .product-name h1 {
    font-family: nunitosans-bold !important;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .product-name h1 {
        font-size:14px;
        font-family: NunitoSans-Black,sans-serif !important;
        padding-left: 20px
    }
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .product-name .product-variants .input-group {
        display:none !important
    }

    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .product-name .product-variants .input-group.d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .product-name .commitment-line h2 {
    font-family: nunitosans-bold !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #6f6f6f;
    margin: 10px 0 0 0
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .product-name .commitment-line h2 {
        line-height:19px;
        margin: 8px 0 8px 0
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .product-name .commitment-line.all-sku-name {
    display: none
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .product-name .commitment-line.all-sku-name {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .input-group .form-group {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
    max-width: inherit
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .input-group .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    color: #2e2e2e;
    padding: 8px 8px 8px 35px
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .input-group .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size:14px;
        padding: 8px 8px 8px 25px;
        line-height: 25px;
        font-family: nunitosans-Semibold !important
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .input-group .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 6px
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product-description .input-group .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
        left:3px
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer {
    margin-bottom: 0 !important;
    border-bottom: none !important
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer textarea {
    padding: 8px 12px;
    font-size: 14px;
    color: #2e2e2e;
    min-height: 80px;
    min-width: 390px
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer textarea {
        min-width:180px
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer textarea::-webkit-input-placeholder {
    color: #b7b7b7 !important
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer textarea::-moz-placeholder {
    color: #b7b7b7 !important
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer textarea:-ms-input-placeholder {
    color: #b7b7b7 !important
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer textarea::-ms-input-placeholder {
    color: #b7b7b7 !important
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer textarea::placeholder {
    color: #b7b7b7 !important
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .product_name_outter_zain .input-checkbox-wrapper {
    margin-bottom: 1.5rem
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .product_name_outter_zain .input-checkbox-wrapper input {
    opacity: 0
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .product_name_outter_zain label {
    padding-right: 33px;
    position: relative;
    cursor: pointer;
    margin-right: 0 !important;
    font-size: 14px !important;
    line-height: 24px;
    color: #6f6f6f !important;
    font-family: nunitosans-semibold !important;
    z-index: 1
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .expty_element_xrm {
    width: 52px
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .expty_element_xrm {
        width:30px
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .gift-text-areas {
    margin-right: 26px
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .gift-text-areas {
        margin-right:16px
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .gift-text-areas .gift-message label {
    font-family: nunitosans-semibold !important;
    font-size: 14px !important;
    line-height: 19px;
    color: #6f6f6f;
    margin: 0 0 .25rem 0
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .product_signle_second h2 {
    font-family: nunitosans-bold !important;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    margin-bottom: 16px;
    margin-top: 4px
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer .product_signle_second .select-gift-order {
    font-family: nunitosans-bold;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    padding: 8px;
    padding-left: 35px;
    padding-right: 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/o/zain-theme/images/arrow_down_select.svg);
    background-repeat: no-repeat;
    background-position: left 10px center
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer input {
    position: absolute;
    right: 0
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer input:after,.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer input:before {
    content: none !important
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer input+label:before {
    width: 22px;
    height: 22px;
    border-radius: 0;
    background: #fff;
    border: 2px solid #e3e3e3;
    content: "";
    display: block;
    position: absolute;
    right: 0
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .instanceGiftContainer input:checked+label:after {
    content: "\e905";
    position: absolute;
    color: #fff;
    border-radius: 0;
    background: #d12b8a;
    font-weight: 400;
    font-size: 14px;
    font-family: icomoon !important;
    width: 22px;
    height: 22px;
    right: 0;
    top: 0;
    text-align: center
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .other-sku-available {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item.sku-out-of-stock .out-of-stock-msg {
    display: block
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item.sku-out-of-stock .other-sku-available {
    display: block
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item.allskus-out-of-stock .out-of-stock-msg,.kw #wrapper .section-products-summary.consumer-cart-summary .product-item.allskus-out-of-stock .stock-not-available {
    display: block
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item.allskus-out-of-stock .mobile-quantity-selector,.kw #wrapper .section-products-summary.consumer-cart-summary .product-item.allskus-out-of-stock .product-variants .input-group,.kw #wrapper .section-products-summary.consumer-cart-summary .product-item.allskus-out-of-stock .quantity-input-container {
    display: none
}

.kw #wrapper .section-products-summary.consumer-cart-summary .image_wrap_item {
    width: 52px;
    height: 74px
}

.kw #wrapper .section-products-summary.consumer-cart-summary .image_wrap_item img {
    width: 100%;
    margin-top: 5px;
    max-width: 100%
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .image_wrap_item {
        width:30px !important;
        height: 40px !important;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product_name_outter_zain {
    margin-right: 26px
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .product_name_outter_zain {
        margin-right:16px
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .remove-btn-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 24px;
    margin-right: 0 !important;
    height: auto !important
}

.kw #wrapper .section-products-summary.consumer-cart-summary .remove-btn-container a,.kw #wrapper .section-products-summary.consumer-cart-summary .remove-btn-container a.change-number-button,.kw #wrapper .section-products-summary.consumer-cart-summary .remove-btn-container a.remove-button {
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 19px;
    text-decoration: underline !important;
    color: #2051b0;
    font-family: nunitosans-semibold !important;
    background: 0 0 !important;
    min-height: inherit;
    text-transform: inherit;
    border-radius: 0 !important;
    height: auto !important;
    display: inline-block;
    white-space: nowrap
}

.kw #wrapper .section-products-summary.consumer-cart-summary .remove-btn-container .edit-button {
    display: none
}

@media(max-width: 767px) {
    .kw #wrapper .section-products-summary.consumer-cart-summary .remove-btn-container .edit-button {
        display:inline-block
    }
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product_signle_second .right-lbl {
    max-width: inherit;
    margin-bottom: 0
}

.promo_wrapper_checkout {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 16px 16px 28px 24px;
    margin-top: 32px
}

@media(max-width: 767px) {
    .promo_wrapper_checkout {
        padding:16px
    }
}

.promo_wrapper_checkout .promo_heading_top {
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-family: nunitosans-bold !important;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.promo_wrapper_checkout .promo_heading_top .add_promo_mob {
    display: none;
    font-family: nunitosans-bold !important;
    font-size: 14px;
    line-height: 19px;
    color: #028666;
    margin-bottom: 0;
    text-decoration: none
}

.promo_wrapper_checkout .promo_heading_top .mobView {
    display: none
}

@media(max-width: 767px) {
    .promo_wrapper_checkout .promo_heading_top {
        font-size:14px;
        line-height: 19px;
        margin-bottom: 0
    }

    .promo_wrapper_checkout .promo_heading_top .add_promo_mob {
        display: inline-block
    }

    .promo_wrapper_checkout .promo_heading_top .desView {
        display: none
    }

    .promo_wrapper_checkout .promo_heading_top .mobView {
        display: block
    }
}

.promo_wrapper_checkout .get_promocode {
    width: 80%;
    padding-top: 20px;
    padding-bottom: 34px
}

@media(min-width: 768px) and (max-width:1199px) {
    .promo_wrapper_checkout .get_promocode {
        width:100%
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .promo_wrapper_checkout .get_promocode {
        padding-bottom:20px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .promo_wrapper_checkout .get_promocode {
        width:100%;
        padding-bottom: 34px;
        padding-top: 0
    }

    .promo_wrapper_checkout .get_promocode .form-group {
        margin-bottom: 0
    }

    .promo_wrapper_checkout .get_promocode .promo-code-content {
        width: 100%
    }
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap
}

@media(max-width: 767px) and (min-width:280px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label label {
    cursor: default;
    font-family: NunitoSans-Regular;
    font-size: 14px
}

@media(min-width: 768px) and (max-width:1199px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label label {
        font-family:NunitoSans-Black,sans-serif
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label label {
        margin-bottom:10px
    }
}

@media(min-width: 768px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label label {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label label {
        font-size:18px
    }
}

html.ie.ie11 .promo_wrapper_checkout .get_promocode .form-group.inline-label label {
    z-index: 1;
    background-color: #fff;
    height: 30px
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper {
    min-width: 480px;
    position: relative
}

@media(max-width: 1199px) and (min-width:768px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper {
        min-width:380px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper {
        width:100%;
        min-width: auto;
        padding-right: 0
    }
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control {
    width: 100%;
    padding: 6px 24px 6px 108px;
    height: 60px;
    border: 0;
    background-color: #f7f7f7;
    font-family: NunitoSans-Regular;
    font-size: 14px;
    text-transform: inherit
}

@media(max-width: 767px) and (min-width:280px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control {
        min-height:44px;
        height: 44px
    }
}

@media(min-width: 1440px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control {
        font-size:17px
    }
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control::-webkit-input-placeholder {
    color: #495057
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control::-moz-placeholder {
    color: #495057
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control:-ms-input-placeholder {
    color: #495057
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control::-ms-input-placeholder {
    color: #495057
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control::placeholder {
    color: #495057
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control.invalid {
    background-image: url(/o/zain-theme/images/error-icon.svg);
    background-repeat: no-repeat;
    background-position: 170px center;
    background-size: 20px
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control.valid {
    background-image: url(/o/zain-theme/images/confirmation-success.svg);
    background-repeat: no-repeat;
    background-position: 170px center;
    background-size: 20px
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-control.valid-promo-code h5 {
    margin: 11px
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .coupon-code-body .btn.btn-link {
    margin: 9px
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link {
    position: absolute;
    left: 8px;
    top: 4px;
    color: #d12b8a;
    text-decoration: none;
    font-weight: 700
}

@media(max-width: 1199px) and (min-width:768px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link {
        font-size:12px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link {
        font-family:NunitoSans-Black,sans-serif;
        font-size: 12px;
        min-height: auto
    }
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link i {
    position: relative;
    margin-right: 10px;
    right: 0
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .btn-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .apply-button {
    position: absolute;
    left: 8px;
    top: 4px;
    color: #d12b8a;
    padding: 15px
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .apply-button i {
    position: relative;
    color: #d12b8a;
    font-size: 12px
}

@media(max-width: 767px) and (min-width:280px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .apply-button i {
        top:-6px
    }
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper span.product-price {
    color: #727272
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper label.right-lbl.cl-pc-1 {
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0;
    margin-left: 10px
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .input-addon-wrapper .form-group {
    margin-bottom: 0
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-error-message {
    background: #fdf2f8;
    margin-right: 30px
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .alert {
    background: 0;
    color: #c70024;
    font-size: 12px !important;
    width: 100%;
    padding: 14px 0 0;
    margin: 0;
    border: 0;
    font-weight: 400;
    max-width: inherit
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .alert button.close {
    display: none
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .alert strong.lead {
    display: none
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .alert-success {
    color: #028666
}

.promo_wrapper_checkout .get_promocode {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label label {
    font-family: nunitosans-semibold !important;
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6f;
    margin-left: 1.5rem;
    margin-bottom: 0;
    margin-top: 9px
}

@media(max-width: 767px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label label {
        display:none
    }
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 767px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content {
        display:none
    }
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .spinner-border {
    position: absolute;
    left: 10px;
    top: 10px;
    border-color: #d12b8a;
    border-left-color: transparent
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .apply-button {
    position: relative;
    left: inherit;
    top: inherit;
    padding: 0
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .primary-button-common {
    position: relative;
    left: inherit;
    top: inherit;
    min-height: 40px;
    margin-right: 1.5rem;
    height: 40px;
    border-radius: 4px
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .primary-button-common.btn-default {
    background: #d12b8a;
    color: #fff;
    border-color: #d12b8a
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .primary-button-common:disabled {
    background: #e5e5e5;
    border: 2px solid #e5e5e5;
    color: #6f6f6f;
    cursor: not-allowed;
    opacity: 1
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .primary-button-common.no-mouse-events {
    opacity: .5
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-group.input-text-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control {
    border: 1px solid #cfcfcf;
    height: 40px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    background: #fff;
    padding: 8px 10px;
    font-family: nunitosans-semibold !important;
    border-radius: 4px;
    font-size: 14px;
    line-height: 19px;
    color: #2e2e2e
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-webkit-input-placeholder {
    color: #c4c4c4 !important
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control:-moz-placeholder,.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control:-ms-input-placeholder,.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-moz-placeholder,.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-ms-input-placeholder,.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-webkit-input-placeholder,.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::placeholder {
    color: #c4c4c4 !important
}

@media(max-width: 767px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control {
        height:40px;
        min-height: 40px
    }
}

@media(max-width: 767px) {
    .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content {
        margin-top:8px
    }
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .promo_error,.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .promo_success {
    font-size: 12px !important;
    line-height: normal;
    margin: 5px 0 0 0;
    position: relative;
    white-space: normal
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .promo_error {
    color: #c70024
}

.promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .promo_success {
    color: #028666
}

.b2c-checkout {
    margin-bottom: 48px
}

@media(max-width: 767px) {
    .b2c-checkout .container.cart-summary-btns {
        display:none
    }
}

#updateShoppingCart .section-products-summary.consumer-cart-summary .product-item .mobile-quantity-selector {
    display: none !important
}

@media(max-width: 767px) {
    #updateShoppingCart .section-products-summary.consumer-cart-summary .product-item .product-description .product-name .commitment-line.all-sku-name {
        margin-top:.7rem
    }

    #updateShoppingCart .section-products-summary.consumer-cart-summary .product-item .product-description .product-variants .input-group.row .form-group.control-wrap.col-md-12 {
        margin-left: 1px
    }
}

.section-products-summary.consumer-cart-summary .product-item .other-sku-available {
    margin-left: auto
}

.promo_wrapper_checkout.coupon_code_desktop .input-addon-wrapper {
    min-width: inherit !important
}

.promo_wrapper_checkout.coupon_code_desktop .promo-code-content .input-addon-wrapper .apply-button .btn {
    font-size: 14px
}

@media(max-width: 1200px) {
    .promo_wrapper_checkout.coupon_code_desktop .promoCodeMob {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .promo_wrapper_checkout.coupon_code_desktop .promoCodeMob>label {
        margin-top: 0 !important;
        margin-bottom: 10px !important
    }

    .promo_wrapper_checkout.coupon_code_desktop .promo-code-content .input-addon-wrapper .apply-button .btn {
        margin-right: .5rem !important
    }

    .promo_wrapper_checkout.coupon_code_desktop .promo-code-content .input-addon-wrapper input.form-control {
        min-width: 200px
    }
}

@media(max-width: 767px) {
    .promo_wrapper_checkout.coupon_code_desktop .promo-code-content .input-addon-wrapper input.form-control {
        min-width:inherit
    }
}

.section-products-summary.consumer-cart-summary .product-item .mobile-quantity-selector .select2-selection__rendered {
    font-size: 16px;
    color: #2e2e2e !important;
    padding: 8px 35px 8px 8px !important
}

@media(max-width: 767px) {
    .section-products-summary.consumer-cart-summary .product-item .mobile-quantity-selector .select2-selection__rendered {
        font-size:14px;
        padding: 8px 8px 8px 25px;
        line-height: 25px;
        font-family: nunitosans-Semibold !important
    }
}

@media(max-width: 767px) {
    .section-products-summary.consumer-cart-summary .product-item .mobile-quantity-selector .select2-selection.select2-selection--single {
        min-height:38px !important;
        padding: 0 !important
    }
}

.section-products-summary.consumer-cart-summary .product-variants+.remove-btn-container {
    margin-top: 11px !important
}

html[dir=rtl] .shopping_cart_section_xain .shopping_cart_outter_wrap .heading_content_wrap h2 {
    font-family: qt_zaintext_bold_pcbold !important;
    font-weight: 600
}

html[dir=rtl] .shopping_cart_section_xain .shopping_cart_outter_wrap .heading_content_wrap h2 span {
    font-family: NunitoSans-bold !important;
    font-weight: 600
}

html[dir=rtl] .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity {
    direction: ltr
}

html[dir=rtl] .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.minus,html[dir=rtl] .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.plus {
    border: 1px solid #dedede
}

html[dir=rtl] .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.minus {
    border-radius: 5px 0 0 5px;
    border-right: 0
}

html[dir=rtl] .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.plus {
    border-radius: 0 5px 5px 0;
    border-left: 0
}

html[dir=rtl] .zain-cart-summary-checkout-step .section-products-summary .product-item .custom-number-input .quantity input.qty {
    font-weight: 400;
    color: #2e2e2e
}

html[dir=rtl] .zain-cart-summary-checkout-step .section-products-summary .product-item .product-description .product-name .remove-btn-container.mt-3 {
    margin-left: auto
}

.check-out-outter {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 16px 16px 32px 16px !important;
    margin-bottom: 32px
}

.check-out-outter h1 {
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    font-family: NunitoSans-Bold !important;
    font-weight: 600 !important
}

.check-out-outter h3 {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    font-family: NunitoSans-Bold !important
}

.check-out-outter .card-details {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 33px !important;
    margin: 0 0 !important
}

.check-out-outter .card-details .new-card {
    margin-bottom: 0 !important
}

.check-out-outter .place-your-order {
    max-height: 48px !important;
    border-radius: 6px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    font-size: 14px
}

.check-out-outter .place-your-order.btn.btn-pc-3 {
    background: #d12b8a !important;
    color: #fff !important;
    border: 2px solid transparent !important
}

.check-out-outter .place-your-order.btn.btn-pc-3:hover {
    background: 0 0 !important;
    color: #d12b8a !important;
    border-color: #d12b8a !important
}

.b2c-checkout .map-search-section-location-delivery-options {
    margin-bottom: 32px !important
}

.b2c-checkout .custom-radio.default-saved-cards {
    margin-bottom: 20px !important;
    padding-left: 0 !important
}

.b2c-checkout .remove-card {
    font-size: 14px !important;
    line-height: 19px !important;
    text-decoration: underline !important;
    color: #2051b0 !important;
    font-family: NunitoSans-SemiBold !important
}

.zain-cart-summary-checkout-step.b2c-checkout {
    margin-bottom: 0
}

.zain-cart-summary-checkout-step.b2c-checkout .alert-info {
    padding: 1rem 3rem 1rem 3.5rem
}

html[dir=rtl].zain-cart-summary-checkout-step.b2c-checkout .alert-danger.alert:after {
    top: 0 !important;
    height: 100% !important
}

.date-section .time-table.has-success {
    border-color: #049fb4 !important
}

.map-search-section-location-delivery-options p {
    opacity: 1 !important
}

.check-out-summary-title {
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    font-family: NunitoSans-bold !important;
    font-weight: 600 !important
}

.summary-form {
    margin: 8px 0 0 0
}

.summary-form .tab-content-row {
    margin-top: 50px
}

.summary-form .payment-box.desktop_payment_box:has(.deliver_radio) {
    display: block !important
}

.summary-form input,.summary-form input#date-selected {
    display: block !important
}

.summary-form .time-table label {
    color: #2e2e2e !important
}

.summary-form .time-table label.disable-time {
    color: #aeaeae !important
}

.summary-form label {
    font-size: 14px !important;
    line-height: 19px;
    color: #6f6f6f !important;
    margin-right: 0 !important;
    font-family: NunitoSans-SemiBold !important;
    font-weight: 100;
    margin-bottom: 4px
}

.summary-form label span {
    color: #d12b8a
}

.summary-form label span.time-slot-value {
    color: inherit
}

.summary-form .form-group {
    margin-bottom: 24px !important
}

.summary-form .form-group input,.summary-form .form-group select {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border-radius: 4px;
    height: 40px;
    padding: 10px 10px;
    font-size: 14px !important;
    line-height: 19px !important
}

.summary-form .form-group input::-webkit-input-placeholder,.summary-form .form-group select::-webkit-input-placeholder {
    color: #aeaeae !important
}

.summary-form .form-group input::-moz-placeholder,.summary-form .form-group select::-moz-placeholder {
    color: #aeaeae !important
}

.summary-form .form-group input:-ms-input-placeholder,.summary-form .form-group select:-ms-input-placeholder {
    color: #aeaeae !important
}

.summary-form .form-group input::-ms-input-placeholder,.summary-form .form-group select::-ms-input-placeholder {
    color: #aeaeae !important
}

.summary-form .form-group input::placeholder,.summary-form .form-group select::placeholder {
    color: #aeaeae !important
}

.summary-form .form-group textarea {
    background: 0 0 !important;
    border: 1px solid #cfcfcf !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border-radius: 4px;
    padding: 10px !important;
    height: 72px
}

.summary-form .form-group .select2-selection {
    background-color: transparent !important
}

.summary-form .form-group .form-control {
    color: #2e2e2e !important;
    font-family: nunitosans-semibold !important
}

.summary-form .form-group .form-control.nationality-select {
    background: #fff !important;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    color: #aeaeae !important
}

.summary-form .form-group .form-control:not(select):-moz-read-only {
    pointer-events: none !important;
    background-color: #f2f2f2 !important
}

.summary-form .form-group .form-control:not(select):read-only {
    pointer-events: none !important;
    background-color: #f2f2f2 !important
}

.summary-form .form-group .form-control+.help-block+.select2-container .select2-selection--single .select2-selection__rendered,.summary-form .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered,.summary-form .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #2e2e2e !important;
    font-family: nunitosans-semibold !important;
    font-size: 14px !important
}

.summary-form .has-error input {
    border-color: red !important
}

.summary-form .has-success .nationality-select,.summary-form .has-success input {
    border-color: #049fb4 !important
}

.summary-form .has-success:after {
    content: "" !important;
    background: url("/o/zain-theme/images/green-tick.svg") !important
}

.summary-form .btn.btn-pc-1a {
    background: #d12b8a !important;
    border: 2px solid #d12b8a !important;
    color: #fff !important
}

.summary-form .btn.btn-pc-1a:hover {
    background: 0 0 !important;
    color: #d12b8a !important
}

.summary-form .upload-id-popup .btn.btn-pc-1a:hover:not([disabled]) {
    color: #d12b8a !important;
    border-color: #d12b8a !important;
    background: 0 0 !important
}

.summary-form .d-desk-none {
    display: none !important
}

.summary-form .delivery-checkout-step .display-schedule {
    display: none !important
}

.summary-form .custom-checkbox input {
    display: none !important
}

.summary-form .date-section .icon-date,.summary-form .date-section .icon-time {
    font-family: icomoon !important
}

.summary-form .date-section .icon-date::before {
    content: "\e941"
}

.summary-form .date-section .icon-time::before {
    content: "\e940"
}

.summary-form.new-address-popup .form-group {
    margin-bottom: 16px !important
}

.select2-results__option {
    color: #2e2e2e !important;
    font-family: nunitosans-semibold !important;
    font-size: 14px;
    padding: 0 10px !important
}

.select2-container--open .select2-dropdown--above .select2-results .select2-results__options,.select2-container--open .select2-dropdown--below .select2-results .select2-results__options {
    border-radius: 0 !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #aeaeae !important
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step.active:before {
    -webkit-animation-name: stepper-page-load;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: linear;
    -webkit-animation-timing-function: ease-out
}

.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:last-child.active:before {
    -webkit-animation-name: stepper-page-load-lastchild
}

@-webkit-keyframes stepper-page-load {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes stepper-page-load {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes stepper-page-load-lastchild {
    0% {
        width: 0
    }

    100% {
        width: 50%
    }
}

@keyframes stepper-page-load-lastchild {
    0% {
        width: 0
    }

    100% {
        width: 50%
    }
}

.disclaimer_txt_checkout {
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px !important;
    line-height: 24px;
    color: #2e2e2e !important;
    margin-bottom: 0
}

.from_text {
    color: #6f6f6f !important;
    font-size: 16px !important;
    line-height: 24px;
    margin: 10px 0 12px 0
}

.upload_img_box {
    border: 1px solid #d8d8d8;
    min-height: 310px;
    border-radius: 8px;
    padding-top: 70px
}

.upload_img_box h2 {
    font-size: 20px;
    line-height: 32px;
    margin: 40px 0;
    font-family: NunitoSans-bold !important
}

.summary-form .upload-id-popup .tab-content,.summary-form .upload_scan_id .tab-content {
    margin: 0
}

.summary-form .upload-id-popup .tab-content li,.summary-form .upload_scan_id .tab-content li {
    margin-bottom: 0 !important
}

.summary-form .upload-id-popup .tab-content label,.summary-form .upload_scan_id .tab-content label {
    border: 0 !important;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23D8D8D8FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 4px
}

.summary-form .upload-id-popup .tab-content label div span,.summary-form .upload_scan_id .tab-content label div span {
    border: 1px solid #d12b8a !important;
    border-radius: 6px !important;
    color: #fff !important;
    background: #d12b8a !important;
    padding: 10px 50px !important
}

.summary-form .upload-id-popup .identity-img,.summary-form .upload_scan_id .identity-img {
    width: 38px
}

.summary-form .upload-id-popup label p,.summary-form .upload_scan_id label p {
    font-size: 16px !important;
    line-height: 16px !important;
    color: #aeaeae !important;
    margin: 20px 0 40px 0 !important
}

.summary-form .upload-id-popup .drag-file,.summary-form .upload_scan_id .drag-file {
    margin-bottom: 10px !important
}

.summary-form .upload-id-popup .drag-file label.descBack,.summary-form .upload-id-popup .drag-file label.descFront,.summary-form .upload_scan_id .drag-file label.descBack,.summary-form .upload_scan_id .drag-file label.descFront {
    padding-bottom: 35px
}

.summary-form .upload-id-popup .drag-file label.descBack p,.summary-form .upload-id-popup .drag-file label.descFront p,.summary-form .upload_scan_id .drag-file label.descBack p,.summary-form .upload_scan_id .drag-file label.descFront p {
    color: #aeaeae !important;
    font-size: 14px !important;
    padding-bottom: 0 !important
}

.summary-form .upload-id-popup .drag-file .upload-span,.summary-form .upload_scan_id .drag-file .upload-span {
    min-height: 46px;
    padding-top: 13px !important;
    text-transform: uppercase
}

.summary-form .upload-id-popup .tab-head ul,.summary-form .upload_scan_id .tab-head ul {
    pointer-events: none
}

.summary-form .upload-id-popup .tab-head ul li,.summary-form .upload-id-popup .tab-head ul li#back-tab,.summary-form .upload-id-popup .tab-head ul li#front-tab,.summary-form .upload-id-popup .tab-head ul li.active,.summary-form .upload_scan_id .tab-head ul li,.summary-form .upload_scan_id .tab-head ul li#back-tab,.summary-form .upload_scan_id .tab-head ul li#front-tab,.summary-form .upload_scan_id .tab-head ul li.active {
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    padding-bottom: 5px;
    opacity: 1 !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-pack: initial !important;
    -ms-flex-pack: initial !important;
    justify-content: initial !important
}

.summary-form .upload-id-popup .tab-head ul li p,.summary-form .upload-id-popup .tab-head ul li#back-tab p,.summary-form .upload-id-popup .tab-head ul li#front-tab p,.summary-form .upload-id-popup .tab-head ul li.active p,.summary-form .upload_scan_id .tab-head ul li p,.summary-form .upload_scan_id .tab-head ul li#back-tab p,.summary-form .upload_scan_id .tab-head ul li#front-tab p,.summary-form .upload_scan_id .tab-head ul li.active p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 19px;
    text-align: right;
    margin-right: 15px !important;
    font-family: NunitoSans-bold !important;
    margin-top: 6px !important;
    max-width: 120px !important;
    color: #727272 !important
}

.summary-form .upload-id-popup .tab-head ul li span,.summary-form .upload-id-popup .tab-head ul li#back-tab span,.summary-form .upload-id-popup .tab-head ul li#front-tab span,.summary-form .upload-id-popup .tab-head ul li.active span,.summary-form .upload_scan_id .tab-head ul li span,.summary-form .upload_scan_id .tab-head ul li#back-tab span,.summary-form .upload_scan_id .tab-head ul li#front-tab span,.summary-form .upload_scan_id .tab-head ul li.active span {
    width: 26px !important;
    height: 28px !important;
    font-size: 14px !important;
    font-family: NunitoSans-bold !important
}

.id_upload .close-tracking {
    background: 0;
    font-size: 20px;
    position: absolute;
    left: 40px;
    top: 40px
}

.id_upload .close-tracking img {
    width: 18px
}

.id_upload .tab-content button {
    min-width: 160px;
    border-radius: 6px !important
}

.id_upload .tab-content button:disabled {
    cursor: not-allowed;
    background: #e5e5e5 !important;
    color: #6f6f6f !important;
    opacity: 1;
    border-color: #e5e5e5 !important
}

@media(min-width: 1200px) and (max-width:1439px) {
    .id_upload .tab-content button {
        min-width:auto;
        font-size: 12px;
        min-height: 44px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.id_upload .order-tracking-popup-header {
    padding: 20px 0;
    text-align: right !important;
    margin: 0 !important
}

.id_upload .order-tracking-popup-header h3 {
    font-size: 20px !important;
    line-height: 32px;
    font-family: NunitoSans-bold !important
}

.id_upload .order-tracking-popup-header p {
    line-height: 24px;
    padding-bottom: 0 !important
}

.id_upload .tab-content {
    margin: 50px 0 50px 0 !important
}

.upload_scan_id .tab-content {
    margin: 0 !important
}

.order-tracking-popup.id_upload {
    max-width: 640px !important;
    padding: 30px 40px !important
}

.order-tracking-popup.id_upload .close-tracking {
    height: auto;
    width: auto;
    background: 0 0 !important;
    border-radius: 0;
    z-index: 999;
    line-height: 24px !important
}

.order-tracking-popup.id_upload p {
    font-size: 14px !important;
    color: #727272 !important
}

.upload_img label {
    display: none
}

.upload_img .btn {
    font-size: 14px !important
}

.upload_img button img {
    width: 24px;
    margin-left: 5px
}

.upload_img button.btn {
    padding-right: 20px !important;
    padding-left: 20px !important;
    min-width: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-box .custom-radio {
    margin-top: 24px
}

.payment-box .custom-radio input {
    display: none !important
}

.payment-box .custom-radio input:checked+label::before {
    border: 6px solid #d12c89 !important
}

.payment-box .custom-radio input:checked+label::after {
    content: "";
    height: 12px;
    width: 12px;
    background: 0;
    border-radius: 50%;
    top: 22px;
    right: 8px;
    border: 0;
    margin-top: -3px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    font-family: NunitoSans-Black !important;
    position: absolute;
    background: 0 0 !important
}

.payment-box .custom-radio input+label {
    position: relative !important;
    cursor: pointer !important;
    padding-right: 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    height: 100%;
    margin: 0;
    font-weight: 100;
    color: #6f6f6f;
    font-size: 12px
}

.payment-box .custom-radio input+label::before {
    height: 20px !important;
    width: 20px !important;
    right: 0 !important;
    background: 0 0 !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    content: "" !important;
    position: absolute !important;
    display: inline-block !important;
    border: 1px solid #6f6f6f !important
}

.payment-box .custom-radio img {
    float: right;
    margin-left: 10px;
    width: 21px;
    height: 20px
}

.payment-box .form-group {
    margin-top: 0
}

.deliver_radio .custom-img-text .custom-radio-img h2 {
    font-family: nunitosans-bold !important;
    color: #2e2e2e;
    margin-bottom: 8px
}

.deliver_radio .custom-img-text .custom-radio-img h3 {
    font-family: nunitosans-bold !important;
    margin-top: 0 !important;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e
}

.deliver_radio .custom-img-text .custom-radio-text p span {
    font-size: 14px !important;
    font-family: nunitosans-semibold !important;
    line-height: 19px;
    color: #6f6f6f
}

.custom-radio-img h2 {
    font-size: 16px;
    font-family: NunitoSans-Bold !important;
    line-height: 20px;
    color: #2e2e2e;
    margin-bottom: 8px;
    font-weight: 600 !important
}

.custom-img-text {
    width: 100%
}

.deliver_type_section .payment-box .custom-radio {
    margin-top: 26px
}

.deliver_type_section .payment-box .custom-radio .clock-box {
    padding-bottom: 30px
}

.deliver_type_section .payment-box .delivery-options-container .zain-dev-option-radio[data-delivery-disable=true] {
    opacity: .4;
    pointer-events: none
}

.custom-radio.deliver_radio input+label::before {
    margin-top: 0 !important
}

.form_delivery_slot {
    padding-right: 40px !important;
    margin-top: 24px !important
}

.form_delivery_slot .delivery-fields {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border-radius: 4px;
    height: 40px;
    padding: 10px 10px;
    font-size: 14px !important;
    line-height: 19px !important;
    min-height: 46px !important;
    max-width: 100% !important
}

.time-slot-margin {
    margin-right: -6px !important
}

.check-out-outter .clock-box .wrapper_control_frm .date-section {
    margin-top: -55px !important;
    border: 0 !important;
    padding: 0 !important
}

.wrapper_control_frm {
    position: relative
}

.wrapper_control_frm i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    color: #aeaeae;
    font-size: 20px
}

.clock-sec {
    padding: 10px 10px 0 10px !important;
    border-radius: 16px;
    margin: 0 !important;
    position: absolute !important;
    z-index: 3 !important
}

.clock-sec ul li {
    border-bottom: 1px solid #f3f3f3;
    padding: 10px !important 10px 0;
    text-align: center
}

.clock-sec ul li label {
    font-size: 14px !important;
    line-height: 24px;
    color: #000 !important
}

.clock-sec ul li label:hover {
    color: #d12b8a !important
}

@media(min-width: 280px) and (max-width:767px) {
    .clock-sec {
        width:260px !important
    }
}

.d-desk-none {
    display: none !important
}

.new-address-section .address-border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 81%
}

.new-address-section .address-border-bottom .payment-box {
    max-height: 220px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #c9c9c9 !important
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background: 0 0 !important
}

.edit-address {
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px;
    line-height: 19px;
    color: #2051b0;
    text-decoration: underline !important;
    padding-right: 35px !important;
    padding-top: 16px !important;
    display: inline-block;
    padding-bottom: 14px
}

@media(min-width: 280px) and (max-width:767px) {
    .edit-address {
        padding-right:55px !important
    }
}

.add-new-address {
    padding: 16px 20px 20px 0
}

.add-new-address a {
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px;
    line-height: 20px;
    color: #2051b0;
    text-decoration: underline !important;
    display: inline-block
}

.add-new-address img {
    margin-left: 10px
}

.order-tracking-popup.new-address-popup {
    max-width: 888px !important;
    padding: 40px
}

.new-address-section .custom-radio-img h2 {
    font-size: 14px;
    font-family: NunitoSans-SemiBold !important
}

.new-address-popup .order-tracking-popup-header {
    max-width: 100% !important
}

.new-address-popup .form-group {
    text-align: right
}

.new-address-popup .select2.select2-container.select2-container--default {
    width: 100% !important
}

.new-address-popup h3 {
    text-align: right;
    font-family: NunitoSans-bold !important;
    font-size: 20px !important;
    line-height: 32px;
    color: #2e2e2e;
    margin-bottom: 16px;
    margin-top: 0
}

.new-address-popup .order-tracking-popup-header {
    max-width: 100% !important
}

.new-address-popup .form-group {
    text-align: right
}

.new-address-popup .next-btn {
    padding: 14px 24px;
    background: #d12b8a;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 6px;
    border: 2px solid #d12b8a;
    font-family: NunitoSans-bold !important;
    line-height: 19px;
    height: 48px;
    margin-top: 30px !important;
    display: inline-block;
    margin-top: 16px !important
}

.new-address-popup .next-btn:hover {
    background-color: transparent;
    color: #d12b8a
}

.new-address-popup .cancel-btn {
    padding: 14px 24px;
    background: 0;
    color: #6f6f6f;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 6px;
    border: 1.4px solid #e5e5e5;
    font-family: NunitoSans-bold !important;
    line-height: 19px;
    height: 48px;
    margin-top: 30px !important;
    display: inline-block
}

.new-address-popup .cancel-btn:hover {
    background-color: #d12b8a;
    color: #fff
}

.new-address-popup .close-tracking {
    top: 40px;
    left: 40px;
    line-height: 27px !important
}

.new-address-popup .close-tracking img {
    width: 18px
}

.summary-form.new-card-form {
    padding-right: 35px
}

.summary-form.new-card-form .group_card {
    max-width: 165px !important
}

.summary-form.new-card-form .group_card input {
    display: block !important
}

.summary-form.new-card-form .group_card.has-error:before {
    content: "x";
    position: absolute;
    right: 10px;
    top: 106%;
    z-index: 1111;
    background: red;
    width: 15px;
    height: 15px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 13px
}

.summary-form.new-card-form .group_card.has-error:after {
    content: "Field Required";
    position: absolute;
    right: 30px;
    top: 107%;
    z-index: 1111;
    color: red;
    overflow: hidden;
    font-size: 11px;
    text-align: center
}

.payment-box.desktop_payment_box .payment-radios {
    max-height: 200px !important;
    overflow-x: hidden !important;
    padding-left: 8px !important
}

.order_place_left h2 {
    font-family: nunitosans-bold !important;
    font-size: 20px;
    line-height: 32px;
    color: #028666;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.order_place_left h2 label {
    margin-bottom: 0
}

.order_place_left p {
    font-size: 14px !important;
    font-family: NunitoSans-SemiBold !important;
    line-height: 24px;
    color: #6f6f6f;
    margin: 0
}

.datepicker.dropdown-menu.datepicker-dropdown {
    border-radius: 16px !important;
    padding: 24px 28px;
    min-width: 300px !important;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0,0,0,.3) !important;
    box-shadow: 0 1px 5px -1px rgba(0,0,0,.3) !important;
    font-size: 14px !important
}

.datepicker.dropdown-menu.datepicker-dropdown .datepicker-days .table-condensed .day {
    line-height: 32px !important;
    margin: 16px 20px !important;
    width: 30px !important;
    height: 24px !important;
    padding: 0 !important
}

.datepicker.dropdown-menu.datepicker-dropdown .datepicker-days table.table-condensed {
    border-collapse: collapse
}

.datepicker.dropdown-menu.datepicker-dropdown .datepicker-days table.table-condensed thead>tr:first-child+tr {
    border-bottom: .8px solid #e4e5e7
}

.datepicker.dropdown-menu.datepicker-dropdown .datepicker-switch {
    text-transform: uppercase;
    color: #2e2e2e
}

.datepicker.dropdown-menu.datepicker-dropdown .datepicker-switch:hover {
    background: 0
}

.datepicker.dropdown-menu.datepicker-dropdown .dow {
    font-size: 10px !important;
    color: #6f6f6f !important
}

.datepicker.dropdown-menu.datepicker-dropdown .day {
    color: #2e2e2e;
    font-family: nunitosans-semibold !important
}

.datepicker.dropdown-menu.datepicker-dropdown .disabled.day {
    color: #aeaeae !important
}

.datepicker.dropdown-menu.datepicker-dropdown .table-condensed thead tr th i {
    font-size: 10px;
    color: #848a95;
    font-family: icomoon !important
}

.datepicker.dropdown-menu.datepicker-dropdown .datepicker-days .table-condensed thead tr .prev i::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.datepicker.dropdown-menu.datepicker-dropdown .next:hover,.datepicker.dropdown-menu.datepicker-dropdown .prev:hover {
    background: 0 0 !important
}

@media(min-width: 768px) and (max-width:1024px) {
    .datepicker.dropdown-menu.datepicker-dropdown {
        max-height:410px
    }
}

@media(max-width: 767px) {
    .datepicker.dropdown-menu.datepicker-dropdown {
        max-height:400px
    }
}

.datepicker td,.datepicker th {
    width: 24px !important;
    height: 24px !important
}

.datepicker table tr td.new,.datepicker table tr td.old {
    color: #aeaeae !important
}

.datepicker-centuries .table-condensed .prev,.datepicker-decades .table-condensed .prev,.datepicker-months .table-condensed .prev,.datepicker-years .table-condensed .prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 10px;
    color: #848a95
}

.datepicker-centuries .table-condensed .next,.datepicker-decades .table-condensed .next,.datepicker-months .table-condensed .next,.datepicker-years .table-condensed .next {
    font-size: 10px;
    color: #848a95
}

.datepicker table {
    width: 100%
}

.datepicker table tr td span.active.active,.datepicker table tr td span.month.active,.datepicker table tr td span.month:hover {
    background: #d12b8a !important;
    color: #fff !important
}

.b2c-checkout .order_place_right .btn-primary.disabled,.b2c-checkout .order_place_right .btn-primary:disabled {
    background: #e5e5e5 !important;
    color: #6f6f6f !important;
    opacity: 1;
    border-color: #e5e5e5
}

.create-address.no-mouse-events,.update-address.no-mouse-events {
    background: #e5e5e5 !important;
    color: #6f6f6f !important;
    opacity: 1;
    border-color: #e5e5e5
}

.order-tracking-popup.confirmation_popup .modal-dialog {
    max-width: 505px !important;
    min-height: 258px;
    padding-top: 33px;
    border-radius: 10px
}

.order-tracking-popup.confirmation_popup .order-tracking-popup-header {
    text-align: center
}

#removeCardModal .modal-footer .btn-toolbar button:first-child {
    border: 2px solid #e5e5e5 !important;
    background-color: transparent !important;
    border-radius: 10px;
    text-align: center;
    letter-spacing: .5px;
    color: #6f6f6f !important;
    margin-left: 15px
}

#removeCardModal .modal-footer .btn-toolbar button:first-child:hover {
    color: #2e2e2e !important;
    border: 1px solid #2e2e2e !important
}

#removeCardModal .modal-footer .btn-toolbar button {
    font-size: 14px !important;
    line-height: 250%
}

#removeCardModal .close-tracking {
    left: 20px !important;
    top: 15px !important;
    float: left;
    position: absolute;
    cursor: pointer
}

#removeCardModal .btn-toolbar:has(.close) {
    display: none
}

.shopping_cart_outter_wrap .select2-container--open .select2-dropdown--above .select2-results .select2-results__options,.shopping_cart_outter_wrap .select2-container--open .select2-dropdown--below .select2-results .select2-results__options {
    border-radius: 4px !important;
    border: 0 !important
}

.shopping_cart_outter_wrap .select2-container--open .select2-dropdown--above .select2-results .select2-results__options .select2-results__option--highlighted,.shopping_cart_outter_wrap .select2-container--open .select2-dropdown--above .select2-results .select2-results__options .select2-results__option:hover,.shopping_cart_outter_wrap .select2-container--open .select2-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted,.shopping_cart_outter_wrap .select2-container--open .select2-dropdown--below .select2-results .select2-results__options .select2-results__option:hover {
    color: #d12b8a !important;
    background-color: rgba(209,43,138,.4) !important
}

.shopping_cart_outter_wrap .select2-dropdown,.shopping_cart_outter_wrap .select2-dropdown:hover {
    -webkit-box-shadow: 0 0 8px -1px #8f8f8f !important;
    box-shadow: 0 0 8px -1px #8f8f8f !important
}

.shopping_cart_outter_wrap .select2-results__option {
    padding: 6px !important
}

@media(min-width: 768px) and (max-width:991px) {
    .check-out-outter.summary-form-section .upload_img {
        margin-bottom:1.5em !important;
        margin-top: 0 !important
    }
}

.intermediate-screen {
    display: none
}

@media(max-width: 991px) {
    .check-out-outter.summary-form-section .upload_img {
        margin-bottom:30px !important
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .new-address-section .address-border-bottom {
        border-bottom:0 solid rgba(0,0,0,.2);
        margin-bottom: 0;
        padding-bottom: 0;
        width: 100%
    }

    .new-address-section .address-border-bottom .payment-box {
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .new-address-section .address-border-bottom .edit-address {
        width: 100%;
        border-left: 1px solid rgba(0,0,0,.2);
        border-right: 1px solid rgba(0,0,0,.2)
    }

    .b2c-checkout .upload-id-popup .tab-head ul li span,.b2c-checkout .upload-id-popup .tab-head ul li#back-tab span,.b2c-checkout .upload-id-popup .tab-head ul li#front-tab span,.b2c-checkout .upload-id-popup .tab-head ul li.active span,.b2c-checkout .upload_scan_id .tab-head ul li span,.b2c-checkout .upload_scan_id .tab-head ul li#back-tab span,.b2c-checkout .upload_scan_id .tab-head ul li#front-tab span,.b2c-checkout .upload_scan_id .tab-head ul li.active span {
        width: 32px !important;
        height: 24px !important;
        margin-top: -15px
    }

    .new-address-section .add-new-address {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 16px 20px 20px 0;
        border: 1px solid rgba(0,0,0,.2)
    }

    .deliver_type_section .payment-box .custom-radio {
        margin-top: 0
    }

    .nationality-select {
        min-height: 40px !important
    }

    .order-tracking-popup.id_upload {
        padding: 10px 20px !important
    }

    .check-out-outter {
        background: 0;
        border: 0;
        border-radius: 0;
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .check-out-outter .payment-box {
        border: 1px solid #cfcfcf;
        border-radius: 8px;
        margin-top: 16px
    }

    .check-out-summary-title {
        font-size: 16px;
        line-height: 20px
    }

    .check-out-outter h3 {
        color: #2e2e2e;
        margin-top: 0;
        margin-bottom: 16px
    }

    .check-out-summary-title {
        margin: 0 0 16px 0
    }

    .payment-box .custom-radio {
        margin-top: 0;
        padding: 18px 10px 15px 20px;
        border-bottom: 1px solid #cfcfcf
    }

    .delivery-options-container .zain-dev-option-radio:last-child .custom-radio {
        border-bottom: 0 solid #cfcfcf
    }

    .order-tracking-popup.new-address-popup {
        padding: 20px
    }

    .order-tracking-popup.new-address-popup .form-group {
        margin-bottom: 15px !important
    }

    .user-details-form .summary-form .user_pg .form-group {
        margin-bottom: 24px !important
    }

    .summary-form .user_pg .form-group {
        margin-bottom: 24px !important
    }

    .summary-form .new-card-section .check-out-summary-title {
        margin-top: 30px;
        font-family: NunitoSans-SemiBold !important
    }

    .summary-form .summary-form-section .check-out-summary-title {
        display: none
    }

    .summary-form .form input {
        min-height: 40px !important
    }

    .summary-form .custom-checkbox.form-group {
        margin: 15px 0 -10px 0 !important;
        padding: 0 !important
    }

    .summary-form .new-card-form {
        padding: 0
    }

    .summary-form .custom-radio-text {
        display: none
    }

    .summary-form .payment-box .form-group {
        margin-top: 0
    }

    .summary-form label {
        color: #2e2e2e !important
    }

    .summary-form.new-address-popup .form-group {
        margin-bottom: 15px !important
    }

    .address-detail-form {
        padding-top: 10px !important
    }

    .intermediate-screen {
        position: fixed;
        right: 0;
        left: 0;
        top: 60px;
        bottom: 0;
        padding: 15px;
        z-index: 1111;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .intermediate-screen .image-container {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .intermediate-screen .image-container .image {
        width: 100%;
        margin: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative
    }

    .intermediate-screen .image-container .image img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute
    }

    .intermediate-screen .document-types-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .intermediate-screen h4 {
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
        font-family: NunitoSans-regular
    }

    .intermediate-screen p {
        font-family: NunitoSans-regular;
        font-weight: 600;
        font-size: 14px;
        line-height: 27px;
        color: #7d7d7d
    }

    .intermediate-screen .sub-radio-div-skip .btn {
        padding: 0;
        min-height: inherit
    }

    .intermediate-screen .sub-radio-div-skip p {
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        margin-bottom: 0
    }

    .intermediate-screen .custom-radio {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
        max-width: none !important
    }

    .intermediate-screen .idscan-frame-popup {
        background: #383838;
        border: 2px solid #b0b0b0;
        height: 30% !important;
        width: 90% !important;
        top: 40% !important
    }

    .intermediate-screen .idscan-frame-bodyoverlay {
        background: #1e1d1d
    }

    .intermediate-screen .idscan-frame-bodyoverlay .scan-query {
        bottom: 0;
        position: fixed;
        background: #fff
    }

    .idscan-frame-bodyoverlay {
        z-index: 1112 !important
    }

    .scan-query {
        position: relative;
        bottom: 0;
        background: #fff;
        padding: 0 16px !important;
        min-height: 115px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 1115
    }

    .scan-query h4 {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.408px;
        color: #2e2e2e
    }

    .scan-query p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -.408px;
        color: #6f6f6f;
        font-weight: 600
    }

    .idscan-frame-popup-container {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1112;
        right: 0;
        top: 60px;
        max-height: calc(100vh - 60px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fff
    }

    .idscan-frame-popup-container .idscan-frame-bodyoverlay {
        position: absolute
    }

    .order-tracking-popup.idscan-frame-popup {
        z-index: 1113;
        margin-top: 0;
        max-width: 100vw !important;
        border-radius: 0;
        height: calc(100vh - 165px) !important;
        top: 60px !important;
        -webkit-transform: inherit;
        transform: inherit;
        right: 0;
        background: #333;
        width: 100% !important;
        padding: 0 !important;
        position: relative;
        top: 0 !important;
        height: auto !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .order-tracking-popup.idscan-frame-popup iframe {
        border: 0
    }

    .order-tracking-popup.idscan-frame-popup .close-tracking {
        left: 15px;
        top: 15px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    html[dir=rtl] .order-tracking-popup.idscan-frame-popup .close-tracking {
        left: inherit;
        right: 10px
    }

    .intermediate-body .progress_new_checkout_zain {
        display: none
    }

    .duefooterspan {
        display: none !important
    }

    .label-message {
        display: none !important
    }

    .payment-method-sect .payment-box {
        margin-top: 0
    }

    .payment-method-sect .payment-box ul li {
        padding-top: 0 !important
    }

    .check-out-outter .check-out-summary-title {
        margin-top: 30px;
        font-family: NunitoSans-SemiBold !important;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 16px
    }

    .payment-radios .custom-radio .custom-img-text .custom-radio-img h2 {
        margin-bottom: 0;
        font-weight: 600 !important
    }

    .payment-method-sect .card-details {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 20px 0 10px !important;
        border-radius: 0 !important
    }

    .payment-method-sect .card-details .new-card {
        margin-bottom: 0 !important
    }

    .section-wrapper .b2c-checkout .delivery-checkout-step .container {
        max-width: 100%;
        padding-left: 8px !important;
        padding-right: 12px !important
    }

    .payment-select {
        padding-top: 0 !important
    }

    .delivery-options-parent-container.check-out-outter {
        padding-bottom: 0 !important
    }

    .standard-delivery-box .form_delivery_slot {
        padding-left: 0 !important;
        padding-bottom: 15px !important
    }

    .payment-method-sect .payment-box ul li .custom-radio:has(input[value=credit-card]) {
        border-bottom: 0 !important
    }

    .payment-method-sect .payment-box ul li:last-child .custom-radio {
        border-bottom: 0 !important;
        border-top: 1px solid #cfcfcf
    }

    .id_upload .tab-content .upload_img_box button {
        min-width: auto;
        font-size: 12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px
    }

    .new-address-popup .close-tracking {
        top: 20px;
        left: 20px
    }

    .b2c-checkout .payment-box.desktop_payment_box {
        border: 0
    }

    .b2c-checkout .custom-radio.default-saved-cards {
        border: 1px solid #cfcfcf;
        border-radius: 8px;
        padding: 0
    }

    .b2c-checkout .custom-radio.default-saved-cards .zain-dev-option-radio.zain-payment-option-radio {
        padding-top: 0 !important
    }

    .b2c-checkout .custom-radio.default-saved-cards .zain-dev-option-radio.zain-payment-option-radio .custom-radio-img {
        margin-bottom: 0 !important
    }

    .b2c-checkout .custom-radio.default-saved-cards .zain-dev-option-radio.zain-payment-option-radio .custom-radio-img img {
        margin-bottom: 0 !important
    }

    .b2c-checkout .custom-radio.default-saved-cards .zain-dev-option-radio.zain-payment-option-radio .custom-radio .form-group.group_card {
        margin-bottom: 15px !important
    }

    .b2c-checkout .custom-radio.default-saved-cards .zain-dev-option-radio.zain-payment-option-radio:last-child .custom-radio {
        border-bottom: 0
    }

    .b2c-checkout .remove-card {
        font-size: 16px !important;
        line-height: 22px !important;
        text-decoration: none !important;
        color: #6f6f6f !important
    }

    #removeCardModal .modal-footer {
        padding-bottom: 1.5rem
    }

    #removeCardModal .modal-footer .btn-toolbar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    #removeCardModal .modal-footer .btn-toolbar button {
        min-width: 127px !important;
        margin-left: 5px;
        margin-right: 5px
    }

    #removeCardModal .modal-footer .btn-toolbar button:last-child {
        margin-bottom: 10px !important
    }
}

@media(max-width: 768px) {
    .upload_img_box {
        padding-top:20px !important;
        min-height: 200px !important
    }

    .upload_img_box h2 {
        font-size: 16px !important;
        line-height: 20px !important;
        margin: 20px 0 !important
    }

    .id_upload .close-tracking {
        left: 20px !important;
        top: 20px !important
    }

    .summary-form .form_delivery_slot .date-section {
        margin-top: -53px !important
    }

    .check-out-outter.deliver_type_section {
        padding-top: 28px !important
    }

    .payment-box .custom-radio input+label {
        padding-right: 40px !important
    }

    .payment-box .custom-radio input+label .custom-img-text .custom-radio-img {
        margin-bottom: 8px !important
    }

    .payment-box .custom-radio input+label .custom-img-text .custom-radio-text p span {
        font-size: 12px !important
    }
}

@media(min-width: 768px) and (max-width:1190px) {
    .summary-form.new-address-popup .form-group {
        margin-bottom:32px !important
    }

    .summary-form .address-form-container.form-group {
        margin-bottom: 16px !important
    }
}

@media(min-width: 768px) {
    .new-address-popup .form-validation {
        max-height:calc(100vh - 100px)
    }

    .upload-id-header {
        margin-top: 20px !important
    }
}

@media(max-width: 1190px) {
    .select2-results__option {
        padding:6px 10px !important
    }

    .select2-container--open .select2-dropdown--above .select2-results .select2-results__options .select2-results__option--highlighted,.select2-container--open .select2-dropdown--above .select2-results .select2-results__options .select2-results__option:hover,.select2-container--open .select2-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted,.select2-container--open .select2-dropdown--below .select2-results .select2-results__options .select2-results__option:hover .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #ade1f5 !important;
        background: #ade1f5 !important;
        color: #fff !important
    }
}

@media(max-width: 1440px) {
    .expiry-date {
        padding-right:0 !important
    }
}

.zain-cart-summary-checkout-step.b2c-checkout .section-products-summary.consumer-cart-summary .product-item .product-description .input-group .form-group {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none !important;
    width: auto !important;
    max-width: inherit !important
}

.zain-cart-summary-checkout-step.b2c-checkout .section-products-summary .product-item .input-group .form-group select.form-control {
    background-image: url("/o/zain-theme/images/arrow_down_select.svg") !important;
    font-family: nunitosans-bold !important
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .container.cart-summary-container {
        max-width:820px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width: 1200px) {
    .b2c-checkout .promo_wrapper_checkout.coupon_code_desktop .promoCodeMob {
        -webkit-box-align:start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

@media(max-width: 767px) {
    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:after,.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:before {
        border-top:3px solid #e5e5e5 !important;
        bottom: 32px !important;
        border-bottom: unset !important
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:first-child:after,.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:first-child:before {
        bottom: 32px !important
    }

    .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step.active:before,.section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step.completed:before {
        border-color: #d12b8a !important
    }

    .b2c-checkout .delivery-checkout-step .form-group .form-control {
        min-height: 40px
    }

    .b2c-checkout .delivery-checkout-step .form-group.data-valid:after,.b2c-checkout .delivery-checkout-step .form-group.input-text-wrapper.has-success:after {
        bottom: 10px
    }

    html[dir=rtl] .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:after,html[dir=rtl] .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:before {
        bottom: 34px !important
    }

    html[dir=rtl] .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:first-child:after,html[dir=rtl] .section-checkout_progressbar-b2c.progress_new_checkout_zain .progress-status .step:first-child:before {
        bottom: 34px !important
    }
}

html[dir=rtl] .summary-form label {
    font-family: qt_zaintextregular !important
}

html[dir=rtl] .check-out-outter .place-your-order.btn.btn-pc-3,html[dir=rtl] .check-out-outter .place-your-order.btn.btn-pc-3 span,html[dir=rtl] .check-out-outter h3,html[dir=rtl] .check-out-summary-title,html[dir=rtl] .order_place_left h2 {
    font-family: qt_zaintext_bold_pcbold !important
}

html[dir=rtl] .custom-radio-img h2,html[dir=rtl] .new-address-section .custom-radio-img h2 {
    font-family: qt_zaintext_bold_pcbold !important;
    font-weight: 500 !important
}

html[dir=rtl] .custom-radio-img h2 span,html[dir=rtl] .new-address-section .custom-radio-img h2 span {
    font-family: inherit !important
}

html[dir=rtl] .new-address-section .add-new-address a,html[dir=rtl] .new-address-section .edit-address {
    font-family: qt_zaintext_bold_pcbold !important
}

html[dir=rtl] .deliver_radio .custom-img-text .custom-radio-img h2,html[dir=rtl] .deliver_radio .custom-img-text .custom-radio-img h3,html[dir=rtl] .deliver_radio .custom-img-text .custom-radio-text p span,html[dir=rtl] .order_place_left p {
    font-family: qt_zaintext_bold_pcbold !important;
    font-weight: 500
}

html[dir=rtl] .b2c-checkout .delivery-checkout-step .form-group .form-control,html[dir=rtl].kw #wrapper .form-validation.user_pg .form-group .form-control {
    font-family: qt_zaintext_bold_pcbold !important;
    font-weight: 400
}

html[dir=rtl] .b2c-checkout .delivery-checkout-step .form-group select.form-control,html[dir=rtl].kw #wrapper .form-validation.user_pg .form-group select.form-control {
    font-family: qt_zaintextregular !important;
    font-weight: 400
}

.section-products-summary {
    margin-top: 30px
}

.section-products-summary .main-heading {
    text-transform: capitalize;
    font-size: 24px;
    color: #000 !important;
    letter-spacing: .6px
}

@media(min-width: 768px) {
    .section-products-summary .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .section-products-summary .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .section-products-summary .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .section-products-summary .main-heading {
        font-size:34px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .section-products-summary .main-heading {
        font-size:20px;
        margin-bottom: 0
    }
}

.section-products-summary .device-text {
    font-size: 18px;
    color: #919191;
    margin: 10px 0 10px 0;
    font-family: NunitoSans-Regular
}

.section-products-summary .device-text+.product-item {
    margin-top: 0
}

.section-products-summary .product-item {
    position: relative;
    padding: 0;
    margin-top: 1.5rem;
    max-width: 75%
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-products-summary .product-item {
        max-width:80%
    }
}

@media(max-width: 991px) {
    .section-products-summary .product-item {
        max-width:100%
    }
}

.section-products-summary .product-item .product-img {
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.161);
    box-shadow: 0 3px 9px rgba(0,0,0,.161);
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 183px;
    border-radius: 5px;
    text-align: center
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-products-summary .product-item .product-img {
        max-width:110px;
        max-height: 158px
    }
}

.section-products-summary .product-item .product-img img {
    max-width: inherit;
    max-height: inherit;
    padding: 36px 28px
}

@media(max-width: 767px) {
    .section-products-summary .product-item .product-img img {
        padding:16px 10px
    }
}

.section-products-summary .product-item .product-description .product-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 10px
}

.section-products-summary .product-item .product-description .product-name h1 {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px
}

.section-products-summary .product-item .product-description .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 28px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section-products-summary .product-item .right-lbl {
    max-width: 60px;
    font-weight: 600
}

@media(min-width: 768px) {
    .section-products-summary .product-item .right-lbl {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .section-products-summary .product-item .right-lbl {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .section-products-summary .product-item .right-lbl {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .section-products-summary .product-item .right-lbl {
        font-size:18px
    }
}

.section-products-summary .product-item .payment-opts {
    width: 100%
}

.section-products-summary .product-item .payment-opts .left-lbl {
    font-size: 14px;
    color: #727272;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 9px;
    font-family: NunitoSans-Regular
}

.section-products-summary .product-item .payment-opts .left-lbl .d-span {
    font-weight: 700;
    color: #000;
    margin-right: 10px;
    font-family: NunitoSans-Regular
}

.section-products-summary .product-item .payment-opts .right-lbl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: inherit;
    font-weight: 600;
    text-align: left;
    font-family: NunitoSans-Regular;
    color: #d02b8a
}

.section-products-summary .pink-stripe {
    background: #fdf4f9;
    padding: 10px 20px;
    margin-top: 40px
}

@media(max-width: 450px) {
    .section-products-summary .pink-stripe {
        padding:10px 15px
    }

    .section-products-summary .pink-stripe .row .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .section-products-summary .pink-stripe .row .col-6:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
}

.section-products-summary .pink-stripe h3 {
    color: #70489e;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 5px
}

.section-products-summary .pink-stripe p {
    margin-bottom: 0;
    font-size: 12px;
    font-family: NunitoSans-Regular
}

.section-products-summary .pink-stripe .stripe-list {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width: 767px) {
    .section-products-summary .pink-stripe .stripe-list {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.section-products-summary .pink-stripe .stripe-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width: 767px) {
    .section-products-summary .pink-stripe .stripe-list ul {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.section-products-summary .pink-stripe .stripe-list li {
    margin-left: 10px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 26px
}

.section-products-summary .pink-stripe .stripe-list li img {
    max-width: 12px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 7px
}

.section-products-summary .pink-stripe .stripe-list li p {
    float: right;
    margin-top: 0;
    margin-right: 5px;
    font-size: 12px;
    font-family: NunitoSans-Regular
}

.section-products-summary .pink-strip-container {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 991px) {
    .section-products-summary .pink-strip-container {
        margin-top:20px
    }
}

.section-products-summary .pink-strip-container .pink-stripe {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 75%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 1919px) and (min-width:1440px) {
    .section-products-summary .pink-strip-container .pink-stripe {
        max-width:80%
    }
}

html.ie.ie11 .section-products-summary .pink-strip-container .pink-stripe {
    max-width: 100%
}

@media(max-width: 767px) {
    .section-products-summary .pink-strip-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .section-products-summary .pink-strip-container .pink-stripe {
        max-width: 100%
    }

    .section-products-summary .pink-strip-container .pink-stripe .stripe-list li {
        text-align: end
    }
}

@media(max-width: 767px) {
    .section-products-summary .pink-strip-container .remove-btn-container {
        width:100%;
        margin-top: 20px
    }
}

html.ie.ie11 .section-products-summary .pink-strip-container .remove-btn-container {
    margin-right: 20px
}

.section-products-summary:not(.sub_total) {
    border-bottom: 1px solid rgba(0,0,0,.062745098);
    padding-bottom: 30px
}

.section-products-summary:not(.sub_total):last-child {
    border: 0;
    padding-bottom: 0
}

.section-products-summary.new_cart.cart-summary:last-child {
    border: none !important;
    padding-bottom: 0
}

.sub_total.section-products-summary .product-item .payment-opts .left-lbl.main-heading {
    font-family: NunitoSans-Black
}

.section-products-summary.new_cart.cart-summary .product-item-container {
    border-bottom: 1px solid #e5e5e5
}

.section-products-summary.new_cart.cart-summary>.product-item-container:last-child {
    border-bottom: 0
}

.section-products-summary.new_cart.cart-summary .product-item-container .main-heading.car_single_heading {
    padding-top: 25px
}

.section-products-summary.new_cart.cart-summary .product-item-container .pink-strip-container.pink-strip-container-zainplus .main-heading.car_single_heading {
    padding-top: 0
}

.section-products-summary.new_cart.cart-summary .product-item-container:first-child .main-heading.car_single_heading {
    padding-top: 0
}

.section-products-summary.new_cart.cart-summary select.form-control:focus {
    border-color: #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkout-card {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    border-radius: 6px;
    background-color: #fff;
    border: 0;
    overflow: hidden;
    margin-top: 66px;
    margin-right: 0;
    margin-left: 0;
    opacity: 1;
    visibility: visible;
    position: relative
}

@media(max-width: 1119px) and (min-width:280px) {
    .checkout-card {
        margin-top:0
    }
}

.checkout-card .card-header {
    padding: 16px;
    background-image: url(/o/zain-theme/images/cart_header-bg.png);
    background-size: cover;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1119px) and (min-width:280px) {
    .checkout-card .card-header {
        margin-top:0
    }
}

.checkout-card .card-header i {
    margin-left: 15px;
    vertical-align: middle;
    color: #fff;
    letter-spacing: .6px;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .checkout-card .card-header i {
        font-size:20px
    }
}

.checkout-card .card-header p span {
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff
}

@media(min-width: 1200px) {
    .checkout-card .card-header p span {
        font-size:18px
    }
}

@media(max-width: 1119px) and (min-width:280px) {
    .checkout-card .card-header {
        position:fixed;
        right: 0;
        left: 0;
        z-index: 999
    }
}

@media(max-width: 1119px) and (min-width:280px) {
    .checkout-card .card-header {
        height:60px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .checkout-card .card-header {
        height:75px
    }
}

@media(min-width: 1200px) {
    .checkout-card .card-header {
        pointer-events:none
    }
}

.checkout-card .card-footer {
    padding: 1px 24px;
    background: #f7f7f7;
    border-top: 0;
    clear: both
}

@media(max-width: 1919px) and (min-width:1440px) {
    .checkout-card .card-footer {
        padding:1px 15px
    }
}

@media(max-width: 768px) {
    .checkout-card .card-footer {
        padding:1px 15px
    }
}

.checkout-card .card-footer .main-total {
    padding-bottom: 10px
}

.checkout-card .card-footer .product-item {
    max-width: 100%;
    padding: 20px 0 10px 0;
    padding-top: .5rem;
    border-bottom: 1px solid #e3e3e3
}

@media(max-width: 767px) {
    .checkout-card .card-footer .product-item {
        padding:8px 0 10px 0
    }
}

.checkout-card .card-footer .product-item:first-of-type {
    border-top: 1px solid transparent
}

.checkout-card .card-footer .product-item .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-card .card-footer .product-item p {
    margin-bottom: 0;
    font-size: 12px
}

.checkout-card .card-footer .product-item .left-lbl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: NunitoSans-Regular
}

.checkout-card .card-footer .product-item .right-lbl {
    color: #d12b8a;
    text-align: left
}

@media(min-width: 1200px) {
    .checkout-card .card-footer .product-item .right-lbl {
        font-size:14px
    }
}

.checkout-card .card-footer .product-item.main-total .right-lbl {
    font-size: 14px;
    font-weight: 600
}

@media(min-width: 1200px) {
    .checkout-card .card-footer .product-item.main-total .right-lbl {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .checkout-card .card-footer .product-item.main-total .right-lbl {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .checkout-card .card-footer .product-item.main-total .right-lbl {
        font-size:18px
    }
}

.checkout-card .card-footer .card-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    margin-top: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1439px) and (min-width:1200px) {
    .checkout-card .card-footer .card-action {
        margin-bottom:25px;
        margin-top: 25px
    }
}

@media(max-width: 767px) {
    .checkout-card .card-footer .card-action {
        margin-bottom:10px;
        margin-top: 10px
    }
}

.checkout-card .card-footer .card-action .btn {
    font-size: 12px;
    min-width: 100px
}

@media(min-width: 1600px) {
    .checkout-card .card-footer .card-action .btn {
        font-size:14px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .checkout-card .card-footer .card-action .btn {
        padding:10px;
        border-radius: 8px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .checkout-card .card-footer .card-action .btn {
        font-size:9px;
        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media(max-width: 768px) {
    .checkout-card .card-footer .card-action .btn {
        font-family:NunitoSans-SemiBold,sans-serif;
        padding: 10px 15px
    }
}

.checkout-card .card-footer .card-action .btn.clear-cart-btn {
    display: inline-block;
    padding: 15px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .checkout-card .card-footer .card-action .btn.clear-cart-btn {
        padding:10px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .checkout-card .card-footer .card-action .btn.clear-cart-btn {
        padding-right:0;
        padding-left: 0
    }
}

.checkout-card .card-footer .card-action .btn.clear-cart-btn i {
    margin-right: 0;
    margin-left: 10px;
    font-size: 12px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .checkout-card .card-footer .card-action .btn.clear-cart-btn i {
        margin-left:5px
    }
}

@media(min-width: 1440px) {
    .checkout-card .card-footer .card-action .btn.clear-cart-btn i {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .checkout-card .card-footer .card-action .btn.clear-cart-btn i {
        font-size:16px
    }
}

html.ie.ie11 .checkout-card .card-footer .card-action .btn.clear-cart-btn.b2c-clear-cart-button {
    margin-top: 50px
}

.checkout-card .card-footer .sect-title {
    font-size: 14px
}

@media(min-width: 1200px) {
    .checkout-card .card-footer .sect-title {
        font-size:16px
    }
}

@media(min-width: 1440px) {
    .checkout-card .card-footer .sect-title {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    .checkout-card .card-footer .sect-title {
        font-size:20px
    }
}

.checkout-card .card-footer .card-total>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 10px
}

@media(max-width: 1199px) {
    .checkout-card .card-footer .card-total>div {
        display:block;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.checkout-card .card-footer .card-total a.btn.btn-pc-1.mr-3 {
    color: #d12b8a
}

.checkout-card .card-footer .card-total a.btn.btn-pc-1.mr-3:hover {
    color: #fff
}

.checkout-card .card-footer .cart-stripe.plan-stripe .b2c-cart-summary.month-details.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.checkout-card .card-footer .cart-stripe.plan-stripe .b2c-cart-summary.month-details.row .col.card-resfooter {
    max-width: 65%
}

.checkout-card .card-body {
    padding: 0 24px 20px 6px
}

.checkout-card .card-body .item-title {
    font-size: 1.1875rem;
    color: #000;
    font-family: NunitoSans-Black,sans-serif
}

@media(max-width: 1119px) and (min-width:280px) {
    .checkout-card .card-body {
        margin-top:55px
    }
}

@media(max-width: 1119px) and (min-width:280px) {
    .cart-summary-dropdown .checkout-card .card-body {
        margin-top:0
    }
}

.checkout-card .sect-title {
    margin: 15px 0 0 0
}

@media(min-width: 1200px) {
    .checkout-card .sect-title {
        font-size:16px;
        font-family: NunitoSans-Black !important
    }
}

.checkout-card .product-sect {
    float: right;
    width: 100%
}

.checkout-card .product-sect:first-child {
    margin-top: 24px
}

@media(max-width: 1119px) and (min-width:768px) {
    .checkout-card .product-sect .product-item .col-3 {
        max-width:100px
    }
}

@media(max-width: 767px) {
    .checkout-card .product-sect .product-item .col-3 {
        max-width:78px
    }
}

.checkout-card .product-sect .product-item .product-img {
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.161);
    box-shadow: 0 3px 9px rgba(0,0,0,.161);
    border-radius: 5px;
    width: 58px;
    height: 86px;
    padding: 15px 12px;
    margin-right: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1439px) and (min-width:1200px) {
    .checkout-card .product-sect .product-item .product-img {
        width:52px;
        height: 74px;
        padding: 10px 10px;
        margin-right: 4px
    }
}

.checkout-card .product-sect .product-item .product-img img {
    max-width: 100%;
    max-height: 100%
}

@media(min-width: 1440px) {
    .checkout-card .product-sect .product-item .product-img img {
        width:34px
    }
}

@media(min-width: 1200px) {
    .checkout-card .product-sect .product-item .product-img img {
        width:32px
    }
}

@media(max-width: 1119px) and (min-width:768px) {
    .checkout-card .product-sect .product-item .product-img {
        width:80px;
        height: 100px
    }
}

.checkout-card .product-sect .product-item .item-title {
    font-family: NunitoSans-Black,sans-serif;
    margin-bottom: 0;
    font-size: 12px
}

@media(min-width: 1200px) {
    .checkout-card .product-sect .product-item .item-title {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .checkout-card .product-sect .product-item .item-title {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .checkout-card .product-sect .product-item .item-title {
        font-size:18px
    }
}

.checkout-card .product-sect .product-item .product-details {
    margin-bottom: 10px
}

.checkout-card .product-sect .product-item .product-details p {
    margin-bottom: 0;
    font-size: 12px
}

@media(min-width: 1600px) {
    .checkout-card .product-sect .product-item .product-details p {
        font-size:14px;
        font-family: NunitoSans-Regular
    }
}

.checkout-card .product-sect .product-item .right-lbl {
    text-align: left;
    font-size: 12px;
    font-weight: 600
}

@media(min-width: 1600px) {
    .checkout-card .product-sect .product-item .right-lbl {
        font-size:14px;
        font-family: NunitoSans-Regular
    }
}

.checkout-card .product-sect .payment-opts {
    width: 100%
}

.checkout-card .product-sect .payment-opts .left-lbl {
    color: #727272;
    margin-bottom: 8px;
    font-size: 12px
}

@media(min-width: 1600px) {
    .checkout-card .product-sect .payment-opts .left-lbl {
        font-size:14px;
        font-family: NunitoSans-Regular
    }
}

.checkout-card .product-sect .right-lbl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: initial;
    text-align: left;
    font-size: 12px
}

.checkout-card .product-sect .left-lbl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.checkout-card .plan-sidebarhead {
    width: 100%;
    margin: 15px 0;
    overflow: hidden
}

.checkout-card .plan-sidebarhead h3 {
    color: #d12b8a;
    float: right;
    width: 100%;
    font-size: 19px
}

.checkout-card .plan-sidebarhead ul {
    float: right;
    width: 100%
}

.checkout-card .plan-sidebarhead ul li {
    float: right;
    margin-left: 10px;
    color: #d12b8a;
    font-size: 12px;
    font-family: NunitoSans-Regular
}

.checkout-card .existing-line h5 {
    font-size: 12px !important
}

.checkout-card .existing-line h5 span {
    font-weight: unset;
    font-family: NunitoSans-Regular
}

.checkout-card .existing-line label.right-lbl {
    font-weight: 600
}

.checkout-card .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background: 0 0 !important
}

.checkout-card .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #c9c9c9
}

.checkout-card .card-body.custom-scroll {
    padding: 0 24px 20px 6px;
    max-height: 700px
}

@media(max-width: 1119px) and (min-width:280px) {
    .cart-stripe.plan-stripe {
        position:relative;
        z-index: 2
    }
}

.cart-stripe.plan-stripe .month-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-stripe.plan-stripe .month-details>div.card-resfooter {
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
    text-align: right
}

.cart-stripe.plan-stripe .month-details>div.card-resfooter .sect-title {
    font-size: 1.2rem
}

@media(max-width: 767px) and (min-width:280px) {
    .cart-stripe.plan-stripe .month-details>div.card-resfooter .sect-title {
        font-size:.9rem
    }
}

.cart-stripe.plan-stripe .month-details>div.card-resfooter .product-item {
    max-width: 100%;
    padding: 26px 0
}

.cart-stripe.plan-stripe .month-details>div.card-resfooter .product-item:last-child {
    padding-bottom: 0
}

.cart-stripe.plan-stripe .month-details>div.card-resfooter .product-item .left-lbl {
    font-size: 12px;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cart-stripe.plan-stripe .month-details>div.card-resfooter .product-item .left-lbl.sect-title {
    font-size: 1.2rem
}

@media(max-width: 767px) {
    .cart-stripe.plan-stripe .month-details>div.card-resfooter .product-item .left-lbl.sect-title {
        font-size:14px
    }
}

.cart-stripe.plan-stripe .month-details>div.card-resfooter .product-item .right-lbl {
    max-width: 100%;
    font-size: 14px;
    color: #d12b8a;
    text-align: left;
    margin-bottom: .25rem;
    font-weight: 600
}

.cart-stripe.plan-stripe .month-details>div.cardcheckout {
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%
}

.cart-stripe.plan-stripe .month-details>div.cardcheckout .btn {
    padding: 10px 15px;
    font-size: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: NunitoSans-SemiBold,sans-serif;
    min-width: 100px
}

.cart-stripe.plan-stripe .month-details>div.cardcheckout .btn-link {
    color: #727272;
    font-family: NunitoSans-SemiBold,sans-serif;
    font-size: 12px
}

.cart-stripe.plan-stripe .month-details>div.cardcheckout .btn-link i {
    margin-right: 0;
    margin-left: 10px;
    font-size: 12px
}

@media(max-width: 768px) {
    .cart-stripe.plan-stripe .month-details>div.cardcheckout {
        text-align:left
    }
}

@media(max-width: 768px) {
    .cart-stripe.plan-stripe .month-details {
        padding:0
    }
}

@media(max-width: 1199px) {
    .cart-stripe.plan-stripe .month-details {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 15px
    }

    .cart-stripe.plan-stripe .month-details>div.card-resfooter,.cart-stripe.plan-stripe .month-details>div.cardcheckout {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

    .cart-stripe.plan-stripe .month-details>div.card-resfooter {
        padding: 0 0 8px 0
    }

    .cart-stripe.plan-stripe .month-details>div.cardcheckout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        padding-top: 10px;
        border-top: 1px solid #e3e3e3
    }

    .cart-stripe.plan-stripe .month-details>div.cardcheckout .clear-cart-btn {
        padding: 15px 0
    }
}

.cart-stripe.plan-stripe .b2c-cart-summary.month-details.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.cart-stripe.plan-stripe .b2c-cart-summary.month-details.row .col.card-resfooter {
    max-width: 65%
}

.cart-stripe.plan-stripe .b2c-cart-summary.month-details.row .col.cardcheckout {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 0;
    max-width: 35%
}

@media(max-width: 1119px) and (min-width:280px) {
    .cart-stripe.plan-stripe .plan-stripe .sect-title {
        font-size:.9rem !important
    }
}

@media(max-width: 1199px) {
    .cart-stripe.plan-stripe .cart-mobile {
        position:absolute;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 999999;
        overflow: auto !important;
        display: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background: 0;
        margin-bottom: 0;
        text-align: right
    }

    .cart-stripe.plan-stripe .cart-mobile .card-body {
        background: #fff;
        max-height: 350px
    }
}

@media(max-width: 413px) {
    .cart-stripe.plan-stripe .cart-mobile .card-body {
        max-height:300px
    }
}

@media(max-width: 360px) {
    .cart-stripe.plan-stripe .cart-mobile .card-body {
        max-height:290px
    }
}

@media(max-width: 280px) {
    .cart-stripe.plan-stripe .cart-mobile .card-body {
        max-height:220px
    }
}

@media(max-width: 1119px) and (min-width:280px) {
    .cart-stripe.plan-stripe .fixed-sect {
        display:block;
        position: fixed;
        bottom: -1px;
        width: 100%;
        right: 0;
        background: #fff;
        z-index: 9;
        -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.3);
        box-shadow: 0 0 15px -5px rgba(0,0,0,.3);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0;
        border-top: 1px solid #d12b8a
    }
}

.cart-stripe.plan-stripe .fixed-sect .container {
    max-width: 100%
}

@media(max-width: 1119px) and (min-width:768px) {
    .cart-stripe.plan-stripe .fixed-sect .container {
        max-width:710px;
        padding: 0
    }
}

.cart-stripe.plan-stripe .btn-stripe {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: -17px;
    display: none
}

@media(max-width: 1119px) and (min-width:280px) {
    .cart-stripe.plan-stripe .btn-stripe {
        display:block
    }
}

.cart-stripe.plan-stripe .remove-stripe {
    display: none
}

@media(max-width: 1119px) and (min-width:280px) {
    .cart-stripe.plan-stripe .remove-stripe {
        margin-bottom:-20px;
        display: inline-block;
        z-index: 999999999;
        position: relative
    }

    .cart-stripe.plan-stripe .remove-stripe img {
        margin-bottom: -14px
    }
}

.cart-stripe.plan-stripe .month-details.b2c-delivery-checkout-sticky-bar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

.cart-stripe.plan-stripe .month-details.b2c-delivery-checkout-sticky-bar ul.month-plans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart-stripe.plan-stripe .month-details.b2c-delivery-checkout-sticky-bar ul.month-plans li {
    text-align: right;
    margin-left: 20px
}

.cart-stripe.plan-stripe .month-details.b2c-delivery-checkout-sticky-bar ul.month-plans li label {
    font-size: 14px;
    font-family: NunitoSans-Regular;
    margin-bottom: 0;
    color: #727272;
    font-weight: 600;
    text-align: right
}

@media(max-width: 767px) {
    .cart-stripe.plan-stripe .month-details.b2c-delivery-checkout-sticky-bar ul.month-plans li label {
        font-size:12px
    }
}

.cart-stripe.plan-stripe .month-details.b2c-delivery-checkout-sticky-bar ul.month-plans li p {
    margin: 0;
    color: #d12b8a;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 21px;
    font-family: NunitoSans-Regular;
    text-align: right
}

.cart-stripe.plan-stripe .month-details.b2c-delivery-checkout-sticky-bar button.btn.btn-pc-3.pay-btn {
    font-family: NunitoSans-SemiBold,sans-serif;
    padding: 10px 15px;
    font-size: 12px;
    border-radius: 7px;
    min-height: auto;
    font-weight: 700;
    white-space: nowrap
}

@media(min-width: 768px) and (max-width:991px) {
    .cart-stripe.plan-stripe .fixed-sect .container.delivery-checkout-sticky-bar {
        max-width:710px !important;
        padding: 0
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .cart-stripe.plan-stripe .fixed-sect .container.delivery-checkout-sticky-bar {
        max-width:100%
    }
}

.cart-stripe.plan-stripe .fixed-sect .b2b-delivery-checkout-sticky-bar .month-details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

.cart-stripe.plan-stripe .fixed-sect .b2b-delivery-checkout-sticky-bar .month-details .card-resfooter {
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%
}

.cart-stripe.plan-stripe .fixed-sect .b2b-delivery-checkout-sticky-bar .month-details .card-resfooter .product-item p.cl-sc-2.left-lbl {
    font-family: NunitoSans-Regular;
    color: #727272 !important
}

.cart-stripe.plan-stripe .fixed-sect .b2b-delivery-checkout-sticky-bar .month-details .card-resfooter .product-item label {
    font-family: NunitoSans-Regular
}

.cart-stripe.plan-stripe .fixed-sect .b2b-delivery-checkout-sticky-bar .month-details .cardcheckout {
    border-top: 0;
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    display: block
}

.cart-stripe.plan-stripe .fixed-sect .b2b-delivery-checkout-sticky-bar .month-details .cardcheckout button.btn.btn-pc-3.pay-btn {
    padding: 10px 15px;
    font-size: 12px;
    border-radius: 7px;
    min-height: auto;
    font-weight: 700;
    float: left
}

html[dir=rtl] .checkout-card .existing-line h5 span {
    font-size: 14px !important
}

html[dir=rtl] .card.checkout-card.cart-mobile .product-sect h3.item-title {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .card.checkout-card.cart-mobile .card-footer h5.item-title {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .card.checkout-card.cart-mobile .card-footer .product-item.main-total p.cl-sc-2.left-lbl {
    font-family: qt_zaintextregular
}

html[dir=rtl] .card.checkout-card.cart-mobile .card-footer .product-item.main-total label.right-lbl {
    font-family: qt_zaintextregular
}

.zain-cart-summary-checkout-step.b2c-checkout .checkout-card {
    margin-top: 33px
}

@media(max-width: 1119px) {
    .zain-cart-summary-checkout-step.b2c-checkout .checkout-card {
        margin-top:0
    }
}

.b2c-checkout .checkout-card,.b2c-checkout .checkout-card.card {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    margin-top: 0;
    padding: 0 16px 24px 16px
}

.b2c-checkout .checkout-card .card-header,.b2c-checkout .checkout-card.card .card-header {
    margin-bottom: 0;
    padding: 16px;
    background-image: none !important;
    background-color: unset !important;
    border-bottom: 0;
    height: unset !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.b2c-checkout .checkout-card .card-header i,.b2c-checkout .checkout-card.card .card-header i {
    display: none
}

.b2c-checkout .checkout-card .card-header span,.b2c-checkout .checkout-card.card .card-header span {
    font-size: 20px;
    line-height: 32px;
    color: #2e2e2e;
    margin: 0;
    font-family: NunitoSans-bold !important;
    font-weight: 600 !important;
    text-transform: none
}

.b2c-checkout .checkout-card .card-body,.b2c-checkout .checkout-card.card .card-body {
    padding-bottom: 0;
    padding-right: 10px;
    margin-left: -16px
}

.b2c-checkout .checkout-card .card-footer .product-item,.b2c-checkout .checkout-card.card .card-footer .product-item {
    border: 0;
    padding-top: 0;
    padding-bottom: 0
}

.b2c-checkout .checkout-card .card-footer .product-item .left-lbl,.b2c-checkout .checkout-card .card-footer .product-item .right-lbl,.b2c-checkout .checkout-card.card .card-footer .product-item .left-lbl,.b2c-checkout .checkout-card.card .card-footer .product-item .right-lbl {
    margin-bottom: 8px !important;
    font-size: 14px !important
}

.b2c-checkout .checkout-card .card-footer .card-action.card-total,.b2c-checkout .checkout-card.card .card-footer .card-action.card-total {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.b2c-checkout .checkout-card .cart-summary-right-action-cart.card-action,.b2c-checkout .checkout-card.card .cart-summary-right-action-cart.card-action {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    gap: 18px;
    margin-top: 16px
}

.b2c-checkout .checkout-card .cart-summary-right-action-cart.card-action>div,.b2c-checkout .checkout-card.card .cart-summary-right-action-cart.card-action>div {
    width: 50%
}

.b2c-checkout .checkout-card .cart-summary-right-action-cart.card-action>div .btn,.b2c-checkout .checkout-card.card .cart-summary-right-action-cart.card-action>div .btn {
    border-radius: 6px !important;
    padding: 11px 6px
}

.b2c-checkout .checkout-card .cart-summary-right-action-cart.card-action>div .clear-cart-btn.clear-cart-btn-add-ons,.b2c-checkout .checkout-card.card .cart-summary-right-action-cart.card-action>div .clear-cart-btn.clear-cart-btn-add-ons {
    border-width: 1.4px !important
}

.b2c-checkout .checkout-card .card-total>div,.b2c-checkout .checkout-card.card .card-total>div {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.b2c-checkout .checkout-card .card-action,.b2c-checkout .checkout-card.card .card-action {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b2c-checkout .checkout-card .card-action i,.b2c-checkout .checkout-card.card .card-action i {
    display: none
}

.b2c-checkout .checkout-card .card-action .cart-summary-right-checkout,.b2c-checkout .checkout-card .card-action .cart-summary-right-clear-cart,.b2c-checkout .checkout-card.card .card-action .cart-summary-right-checkout,.b2c-checkout .checkout-card.card .card-action .cart-summary-right-clear-cart {
    width: 47%
}

.b2c-checkout .checkout-card .card-action .cart-summary-right-checkout button,.b2c-checkout .checkout-card .card-action .cart-summary-right-clear-cart button,.b2c-checkout .checkout-card.card .card-action .cart-summary-right-checkout button,.b2c-checkout .checkout-card.card .card-action .cart-summary-right-clear-cart button {
    width: 100% !important;
    padding: 11px 6px
}

.b2c-checkout .checkout-card .card-action .btns_wrapper,.b2c-checkout .checkout-card.card .card-action .btns_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px
}

.b2c-checkout .checkout-card .card-action .btns_wrapper button,.b2c-checkout .checkout-card.card .card-action .btns_wrapper button {
    width: 47%;
    font-size: 14px;
    padding: 11px 10px !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 6px !important;
    margin: 0 !important;
    font-size: 14px !important;
    border-width: 2px !important;
    letter-spacing: .5px !important;
    font-family: nunitosans-black !important
}

.b2c-checkout .checkout-card .card-action button.clear-cart-btn,.b2c-checkout .checkout-card.card .card-action button.clear-cart-btn {
    font-family: nunitosans-black !important;
    background: #fff;
    border-color: #e5e5e5;
    color: #6f6f6f
}

.b2c-checkout .checkout-card .card-action button.disabled,.b2c-checkout .checkout-card.card .card-action button.disabled {
    background: #e5e5e5 !important;
    color: #6f6f6f !important;
    opacity: 1;
    border-color: #e5e5e5;
    font-family: nunitosans-black !important
}

.b2c-checkout .checkout-card .card-action button.clear-cart-btn:hover,.b2c-checkout .checkout-card.card .card-action button.clear-cart-btn:hover {
    background: 0;
    border-color: #2e2e2e;
    color: #2e2e2e
}

.b2c-checkout .checkout-card .card-action a,.b2c-checkout .checkout-card.card .card-action a {
    padding: 0 !important;
    width: 100%
}

.b2c-checkout .checkout-card .right-lbl,.b2c-checkout .checkout-card.card .right-lbl {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    margin-bottom: 16px;
    font-family: NunitoSans-SemiBold !important
}

.b2c-checkout .checkout-card .green-total,.b2c-checkout .checkout-card .sect-title.left-lbl.green-total,.b2c-checkout .checkout-card [data-name="Grand Total"],.b2c-checkout .checkout-card.card .green-total,.b2c-checkout .checkout-card.card .sect-title.left-lbl.green-total,.b2c-checkout .checkout-card.card [data-name="Grand Total"] {
    color: #028666 !important;
    font-family: nunitosans-bold !important
}

@media(max-width: 767px) {
    .b2c-checkout .checkout-card .green-total,.b2c-checkout .checkout-card .sect-title.left-lbl.green-total,.b2c-checkout .checkout-card [data-name="Grand Total"],.b2c-checkout .checkout-card.card .green-total,.b2c-checkout .checkout-card.card .sect-title.left-lbl.green-total,.b2c-checkout .checkout-card.card [data-name="Grand Total"] {
        line-height:32px !important
    }
}

.b2c-checkout .checkout-card .card-footer .sect-title,.b2c-checkout .checkout-card .left-lbl,.b2c-checkout .checkout-card.card .card-footer .sect-title,.b2c-checkout .checkout-card.card .left-lbl {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    margin-bottom: 16px !important;
    font-family: NunitoSans-SemiBold !important;
    margin: 0
}

.b2c-checkout .checkout-card .card-footer,.b2c-checkout .checkout-card.card .card-footer {
    padding: 24px 22px 24px 16px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -24px;
    background: #fafafa
}

.b2c-checkout .checkout-card .card-footer.summary-footer,.b2c-checkout .checkout-card.card .card-footer.summary-footer {
    padding: 0 16px 24px 16px;
    background: 0
}

.b2c-checkout .checkout-card .plan-sidebarhead,.b2c-checkout .checkout-card.card .plan-sidebarhead {
    display: none !important
}

.b2c-checkout .checkout-card .product-sect .product-item,.b2c-checkout .checkout-card .product-sect:has(.plan-sidebarhead) .product-item:last-child,.b2c-checkout .checkout-card.card .product-sect .product-item,.b2c-checkout .checkout-card.card .product-sect:has(.plan-sidebarhead) .product-item:last-child {
    border-bottom: 1px solid #dee2e6 !important
}

.b2c-checkout .checkout-card .product-sect:has(.plan-sidebarhead):last-child .product-item:last-child,.b2c-checkout .checkout-card.card .product-sect:has(.plan-sidebarhead):last-child .product-item:last-child {
    border-bottom: 0 !important
}

.b2c-checkout .checkout-card .product-sect:first-child,.b2c-checkout .checkout-card .product-sect:first-child .product-item:first-child,.b2c-checkout .checkout-card.card .product-sect:first-child,.b2c-checkout .checkout-card.card .product-sect:first-child .product-item:first-child {
    margin-top: 0 !important
}

.b2c-checkout .checkout-card .product-sect:has(.plan-sidebarhead) .product-item,.b2c-checkout .checkout-card .product-sect:last-child .product-item,.b2c-checkout .checkout-card.card .product-sect:has(.plan-sidebarhead) .product-item,.b2c-checkout .checkout-card.card .product-sect:last-child .product-item {
    border-bottom: none !important
}

.b2c-checkout .checkout-card .product-sect:has(.plan-sidebarhead) .product-item:last-child .row,.b2c-checkout .checkout-card.card .product-sect:has(.plan-sidebarhead) .product-item:last-child .row {
    margin-bottom: 8px !important
}

.b2c-checkout .checkout-card .product-sect:has(.plan-sidebarhead) .product-item .row,.b2c-checkout .checkout-card.card .product-sect:has(.plan-sidebarhead) .product-item .row {
    margin-bottom: 0 !important
}

.b2c-checkout .checkout-card .card-body .left-lbl.item-title,.b2c-checkout .checkout-card.card .card-body .left-lbl.item-title {
    font-size: 14px;
    line-height: 24px;
    margin: -6px 0 0 0;
    font-family: NunitoSans-SemiBold !important;
    color: #2e2e2e;
    margin-bottom: 0 !important
}

.b2c-checkout .checkout-card .left-lbl.item-title.text-right,.b2c-checkout .checkout-card.card .left-lbl.item-title.text-right {
    color: #6f6f6f
}

.b2c-checkout .checkout-card .payment-opts,.b2c-checkout .checkout-card.card .payment-opts {
    display: none
}

.b2c-checkout .checkout-card .card-body .product-item,.b2c-checkout .checkout-card.card .card-body .product-item {
    padding-bottom: 0 !important;
    margin-top: 18px;
    margin-bottom: 10px
}

.b2c-checkout .checkout-card .card-body .product-item .product-details,.b2c-checkout .checkout-card.card .card-body .product-item .product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b2c-checkout .checkout-card .card-body .product-item .product-details p,.b2c-checkout .checkout-card.card .card-body .product-item .product-details p {
    font-family: NunitoSans-SemiBold !important;
    font-size: 12px !important;
    line-height: 24px;
    color: #6f6f6f;
    margin: 0;
    margin-left: 5px
}

.b2c-checkout .checkout-card .card-body .product-item .product-details.col-10 p,.b2c-checkout .checkout-card.card .card-body .product-item .product-details.col-10 p {
    padding-left: 10px !important
}

.b2c-checkout .checkout-card .card-body .product-item .col-3.has-product-img,.b2c-checkout .checkout-card.card .card-body .product-item .col-3.has-product-img {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
    width: unset !important
}

.b2c-checkout .checkout-card .card-body .product-item .col.pl-3,.b2c-checkout .checkout-card.card .card-body .product-item .col.pl-3 {
    padding-right: 20px !important
}

.b2c-checkout .checkout-card .card-body .product-item .product-img,.b2c-checkout .checkout-card.card .card-body .product-item .product-img {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 30px;
    height: unset;
    padding: 0;
    margin-right: 0
}

.b2c-checkout .checkout-card .d-flex:has(.green-total),.b2c-checkout .checkout-card .d-flex:has([data-name="Grand Total"]),.b2c-checkout .checkout-card.card .d-flex:has(.green-total),.b2c-checkout .checkout-card.card .d-flex:has([data-name="Grand Total"]) {
    border-top: 1px solid rgba(0,0,0,.2) !important;
    padding-top: 16px;
    margin-top: 16px
}

.b2c-checkout .checkout-card .plan-payment-opts,.b2c-checkout .checkout-card.card .plan-payment-opts {
    display: none
}

.b2c-checkout .checkout-card.card:last-of-type .product-sect {
    margin-bottom: 0 !important;
    border: 0 !important
}

.b2c-checkout .tooltip_summary {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b2c-checkout .tooltip_summary .tooltiptext {
    visibility: hidden;
    font-size: 12px;
    width: 1800%;
    background: #2e2e2e;
    border-radius: 5px;
    color: #fff;
    text-align: right;
    padding: 8px 16px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    right: -360%;
    margin-right: -60px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.b2c-checkout .tooltip_summary .tooltiptext:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 125px;
    margin-right: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #2e2e2e transparent transparent transparent
}

.b2c-checkout .tooltip_summary:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.b2c-checkout .continue_wrapper {
    margin-top: 32px;
    text-align: center
}

.b2c-checkout .continue_wrapper a {
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px !important;
    line-height: 19px;
    text-decoration: underline !important;
    color: #2051b0;
    -webkit-transition: 250ms all ease-in;
    transition: 250ms all ease-in
}

.b2c-checkout .continue_wrapper a:hover {
    color: #d12b8a
}

.b2c-checkout .mCSB_container {
    padding-top: 2px
}

.b2c-checkout .custom-scroll .mCSB_inside>.mCSB_container {
    margin-left: 15px !important
}

.b2c-checkout .spinner-checkout .spinner-border {
    width: 1.2rem;
    height: 1.2rem
}

.b2c-checkout .cart-stripe.plan-stripe .cart-mobile {
    overflow: hidden !important
}

.b2c-checkout .checkout-card.card .card-footer .product-item .green-total {
    font-size: 16px !important;
    font-family: nunitosans-bold !important;
    font-weight: 600
}

.b2c-checkout .checkout-card.cart-mobile .card-footer .card-action>.continue_wrapper {
    margin-bottom: 5px
}

@media(min-width: 768px) and (max-width:1199px) {
    .b2c-checkout .checkout-card.card .left-lbl {
        -webkit-box-flex:0;
        -ms-flex: 0;
        flex: 0;
        margin-left: auto;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        min-width: 80px
    }
}

html[dir=rtl] .b2c-checkout .checkout-card .card-footer .sect-title,html[dir=rtl] .b2c-checkout .checkout-card .left-lbl,html[dir=rtl] .b2c-checkout .checkout-card.card .card-footer .sect-title,html[dir=rtl] .b2c-checkout .checkout-card.card .left-lbl {
    font-family: qt_zaintext_bold_pcbold !important;
    font-size: 14px
}

html[dir=rtl] .b2c-checkout .checkout-card .right-lbl,html[dir=rtl] .b2c-checkout .checkout-card.card .right-lbl {
    font-family: qt_zaintext_bold_pcbold !important
}

html[dir=rtl] .b2c-checkout .checkout-card .green-total,html[dir=rtl] .b2c-checkout .checkout-card .sect-title.left-lbl.green-total,html[dir=rtl] .b2c-checkout .checkout-card [data-name="Grand Total"],html[dir=rtl] .b2c-checkout .checkout-card.card .green-total,html[dir=rtl] .b2c-checkout .checkout-card.card .sect-title.left-lbl.green-total,html[dir=rtl] .b2c-checkout .checkout-card.card [data-name="Grand Total"] {
    font-size: 16px !important
}

html[dir=rtl] .b2c-checkout .checkout-card .card-action .btns_wrapper button,html[dir=rtl] .b2c-checkout .checkout-card.card .card-action .btns_wrapper button {
    font-family: qt_zaintext_bold_pcbold !important
}

html[dir=rtl] .b2c-checkout .checkout-card span.ar-kd,html[dir=rtl] .b2c-checkout .checkout-card.card span.ar-kd {
    font-family: NunitoSans-Semibold !important;
    font-size: 14px
}

html[dir=rtl] .b2c-checkout .checkout-card .green-total span.ar-kd,html[dir=rtl] .b2c-checkout .checkout-card.card .green-total span.ar-kd {
    font-family: nunitosans-bold !important;
    font-size: 16px
}

@media(max-width: 767px) {
    html[dir=rtl] .b2c-checkout .month-details .card-resfooter h5,html[dir=rtl] .b2c-checkout .month-details .card-resfooter label,html[dir=rtl] .b2c-checkout .month-details .card-resfooter p,html[dir=rtl] .b2c-checkout .month-details .card-resfooter p.cl-sc-2.left-lbl {
        font-family:QTZain-Bold,sans-serif !important
    }
}

html[dir=rtl] .b2c-checkout .tooltip_summary .tooltiptext {
    left: unset;
    right: -100%
}

html[dir=rtl] .b2c-checkout .tooltip_summary .tooltiptext:after {
    left: unset;
    right: 84px
}

@media(max-width: 767px) {
    .b2c-checkout .view-details-cart-zain {
        font-size:12px;
        line-height: 16px;
        text-decoration: underline !important;
        color: #6f6f6f !important;
        -webkit-transition: 250ms all ease-in;
        transition: 250ms all ease-in
    }

    .b2c-checkout .checkout-card.card .product-sect {
        margin-bottom: 0 !important;
        border: 0 !important
    }

    .b2c-checkout .month-details .card-resfooter .content-tab-fixed-bar h2 {
        font-family: nunitosans-bold !important;
        font-size: 16px;
        line-height: 22px;
        color: #000;
        margin-bottom: 0
    }

    .b2c-checkout .month-details .card-resfooter h5,.b2c-checkout .month-details .card-resfooter label,.b2c-checkout .month-details .card-resfooter p,.b2c-checkout .month-details .card-resfooter p.cl-sc-2.left-lbl {
        font-size: 14px !important;
        line-height: 19px;
        color: #2e2e2e !important;
        margin-bottom: 0 !important;
        font-family: NunitoSans-bold !important
    }

    .b2c-checkout .month-details .card-resfooter p.left-lbl {
        font-family: NunitoSans-SemiBold !important
    }

    .b2c-checkout .month-details .card-resfooter label.right-lbl.green-total {
        color: #028666 !important
    }

    .b2c-checkout .checkout-card.cart-mobile {
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        overflow-x: hidden !important;
        -webkit-transform: translateY(-317px);
        transform: translateY(-317px);
        bottom: unset;
        border: 0;
        border-radius: 0;
        min-height: 317px
    }

    .b2c-checkout .checkout-card.cart-mobile .left-lbl.item-title {
        color: #2e2e2e !important
    }

    .b2c-checkout .checkout-card.cart-mobile .card-footer {
        display: none
    }

    .b2c-checkout .checkout-card.cart-mobile .card-header {
        height: 42px !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        background-color: #5b2c81 !important;
        background: linear-gradient(268.61deg,#5b2c81 10.9%,#841159 29.01%,#87074f 60.68%,#ac2c74 89.89%) !important;
        position: relative;
        margin-top: 0
    }

    .b2c-checkout .checkout-card.cart-mobile .card-header span {
        font-size: 16px;
        line-height: 22px;
        color: #fff
    }

    .b2c-checkout .checkout-card.cart-mobile .card-body.custom-scroll {
        max-height: 275px !important;
        min-height: 275px;
        padding: 0 19px 0 4px;
        margin-left: 0;
        margin-top: 0
    }

    .b2c-checkout .checkout-card.cart-mobile .card-body.custom-scroll .product-sect .product-item {
        margin: 19px 0;
        border-bottom: none !important
    }

    html.kw #wrapper .b2c-checkout .checkout-card.cart-mobile .card-body.custom-scroll .product-sect .product-item.pb-4 {
        padding-bottom: 0 !important
    }

    .b2c-checkout .checkout-card.cart-mobile .card-body.custom-scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.b2c-checkout .checkout-card.cart-mobile .card-body.custom-scroll .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 2px
    }

    .b2c-checkout .checkout-card.cart-mobile .card-body.custom-scroll .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.b2c-checkout .checkout-card.cart-mobile .card-body.custom-scroll .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
        width: 2px
    }

    .b2c-checkout .checkout-card.cart-mobile .product-sect:first-child {
        margin-top: 10px
    }

    .b2c-checkout .fixed-cart-border {
        border-top: 1px solid #d12b8a !important;
        padding: 0;
        border-radius: 0
    }

    .b2c-checkout .cart-stripe.plan-stripe .fixed-sect {
        border: 0;
        padding-top: 0;
        padding: 0
    }

    .b2c-checkout .cart-stripe.plan-stripe .fixed-sect.fixed-sect-relative {
        position: relative;
        margin-top: 20px;
        margin-left: -13px;
        margin-right: -13px;
        width: 100vw
    }

    .b2c-checkout .product-details p {
        font-size: 14px !important
    }

    .b2c-checkout .cart-stripe.plan-stripe .month-details {
        padding: 16px 8px 24px 4px !important
    }

    .b2c-checkout .cart-stripe.plan-stripe .month-details.cart-summary-mob {
        padding: 16px 17px 24px 16px !important
    }

    .b2c-checkout .b2c-checkout .checkout-card.card,.b2c-checkout .checkout-card {
        padding-bottom: 0 !important
    }

    .b2c-checkout .checkout-card .card-body .product-item .product-details p,.b2c-checkout .checkout-card.card .card-body .product-item .product-details p {
        font-size: 14px !important
    }

    .b2c-checkout .b2c-checkout .checkout-card .card-footer .sect-title,.b2c-checkout .checkout-card .left-lbl,.b2c-checkout .checkout-card.card .card-footer .sect-title,.b2c-checkout .checkout-card.card .left-lbl {
        font-family: nunitosans-bold !important
    }

    .b2c-checkout .checkout-card .card-body .left-lbl.item-title,.b2c-checkout .checkout-card.card .card-body .left-lbl.item-title {
        font-family: nunitosans-bold !important
    }

    .b2c-checkout .checkout-card .right-lbl,.b2c-checkout .checkout-card.card .right-lbl {
        font-family: nunitosans-bold !important
    }

    .b2c-checkout .checkout-card .card-body {
        margin-top: 48px
    }

    .b2c-checkout .delivery-checkout-step .right-content-area {
        padding-bottom: 0 !important;
        z-index: 20
    }

    body:has(.b2c-checkout) footer.main-footer.checkout-footer {
        padding-bottom: 48px
    }

    .b2c-checkout .checkout-card.fixed-cart-border .month-details .cardcheckout.card-action {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        gap: 18px
    }

    .b2c-checkout .checkout-card.fixed-cart-border .month-details .cardcheckout.card-action button {
        width: 50%;
        font-size: 14px;
        font-family: NunitoSans-Black,sans-serif;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding: 10px 5px
    }

    .b2c-checkout .checkout-card.fixed-cart-border .month-details .cardcheckout.card-action .clear-cart-btn {
        padding: 0
    }
}

@media(min-width: 768px) {
    .b2c-checkout .cart-stripe.plan-stripe .cart-mobile {
        display:block !important;
        position: relative
    }

    .b2c-checkout .cart-stripe.plan-stripe .fixed-sect {
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-top: none !important;
        padding: 0 !important;
        position: relative !important
    }

    .b2c-checkout .checkout-card .card-body {
        margin-top: 0 !important
    }

    .b2c-checkout .checkout-card .card-header {
        position: relative !important
    }
}

@media(min-width: 768px) and (max-width:1439px) {
    .b2c-checkout .checkout-card.cart-mobile .card-footer .cart-summary-right-action-cart.card-action {
        -webkit-box-orient:vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .b2c-checkout .checkout-card.cart-mobile .card-footer .cart-summary-right-action-cart.card-action .cart-summary-right-checkout,.b2c-checkout .checkout-card.cart-mobile .card-footer .cart-summary-right-action-cart.card-action .cart-summary-right-clear-cart {
        width: 100%
    }
}

.b2c-checkout .checkout-card.cart-mobile .card-footer .card-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    gap: 18px;
    margin-top: 8px
}

.b2c-checkout .checkout-card.cart-mobile .card-footer .card-action .btn {
    width: 50%;
    border-radius: 6px;
    padding: 11px 10px !important
}

.b2c-checkout .checkout-card.cart-mobile .card-footer .card-action.card-total {
    gap: inherit
}

.b2c-checkout .checkout-card.cart-mobile .card-footer .card-action.card-total>div.btns_wrapper {
    margin-bottom: 0
}

.b2c-checkout .checkout-card.cart-mobile .card-footer .card-action.card-total>.continue_wrapper {
    margin-top: 37px
}

@media(max-width: 1200px) {
    .b2c-checkout .checkout-card.cart-mobile .card-footer .card-total>div {
        -webkit-box-orient:vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .b2c-checkout .checkout-card.cart-mobile .card-footer .cart-summary-right-action-cart.card-action {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .b2c-checkout .checkout-card.cart-mobile .card-footer .card-action .btn {
        width: 100%
    }
}

@media(min-width: 992px) and (max-width:1439px) {
    .b2c-checkout .checkout-card.cart-mobile .card-footer .card-action button {
        width:100% !important;
        font-size: 14px;
        padding: 12px 6px
    }

    .b2c-checkout .checkout-card.cart-mobile .card-footer .card-action {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .b2c-checkout .checkout-card.cart-mobile .card-footer .card-action button.continue-form-btn {
        margin-top: 0
    }
}

@media(max-width: 767px) {
    .b2c-checkout .checkout-card.fixed-cart-border .month-details .cardcheckout.card-action button {
        border-radius:6px
    }
}

.kw #wrapper .b2c-checkout .tooltip_summary img.mb-1 {
    margin-bottom: 0 !important
}

@media(max-width: 1199px) {
    .b2c-checkout .cart-stripe.plan-stripe .month-details>div.cardcheckout .clear-cart-btn {
        padding:15px 0
    }
}

.delivery-tabs .additional-products-slider {
    overflow: hidden;
    display: none
}

.delivery-tabs .additional-products-slider .product-thumbnail {
    display: none
}

.delivery-tabs .additional-products-slider.slick-initialized {
    display: block
}

.delivery-tabs .additional-products-slider.slick-initialized .product-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.delivery-tabs .additional-products-slider .slick-smart-home {
    background: 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    border-radius: 8px
}

.delivery-tabs .additional-products-slider .single-outer-product {
    margin: 32px 32px 20px 0 !important
}

html[dir=rtl] .delivery-tabs .additional-products-slider .single-outer-product {
    margin: 32px 0 20px 32px !important
}

.delivery-tabs .additional-products-slider .products-single-slide {
    margin: 0 14px
}

.delivery-tabs .additional-products-slider .product-image {
    min-height: 145px !important;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    margin-bottom: 26px;
    padding-top: 0 !important
}

.delivery-tabs .additional-products-slider img {
    max-height: 145px !important;
    max-width: 100%;
    margin: auto
}

.delivery-tabs .additional-products-slider .product-thumbnail .product-detail {
    padding-bottom: 0;
    padding-top: 0
}

.delivery-tabs .additional-products-slider .product-thumbnail .product-detail .price-tag p {
    min-height: 19px;
    line-height: 19px
}

.delivery-tabs .additional-products-slider .content-single-box,.delivery-tabs .additional-products-slider .product-detail {
    text-align: center
}

.delivery-tabs .additional-products-slider .content-single-box span,.delivery-tabs .additional-products-slider .product-detail span {
    font-family: NunitoSans-SemiBold,sans-serif !important
}

.delivery-tabs .additional-products-slider .content-single-box h3.apple-ipad-title,.delivery-tabs .additional-products-slider .content-single-box h3.product-name,.delivery-tabs .additional-products-slider .product-detail h3.apple-ipad-title,.delivery-tabs .additional-products-slider .product-detail h3.product-name {
    font-size: 22px !important;
    line-height: 32px;
    margin-bottom: 32px !important;
    min-height: 64px !important;
    color: #2e2e2e;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    font-family: nunitosans-bold !important
}

.delivery-tabs .additional-products-slider .content-single-box h3.apple-ipad-title a,.delivery-tabs .additional-products-slider .content-single-box h3.product-name a,.delivery-tabs .additional-products-slider .product-detail h3.apple-ipad-title a,.delivery-tabs .additional-products-slider .product-detail h3.product-name a {
    font-family: inherit !important
}

.delivery-tabs .additional-products-slider .content-single-box .apple-title-tab,.delivery-tabs .additional-products-slider .product-detail .apple-title-tab {
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f;
    min-height: 19px;
    margin-top: 5px;
    margin-bottom: 3px
}

.delivery-tabs .additional-products-slider .content-single-box button[id^=removeFromCart],.delivery-tabs .additional-products-slider .product-detail button[id^=removeFromCart] {
    min-width: 146px !important;
    background-color: #d12b8a;
    color: #fff
}

.delivery-tabs .additional-products-slider .product-thumbnail {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-align: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: none !important
}

.delivery-tabs .additional-products-slider .product-thumbnail .product-variants-container .btn {
    border-radius: 6px;
    border-width: 1.4px;
    font-size: 14px !important;
    letter-spacing: .5px !important;
    font-family: NunitoSans-Black,sans-serif;
    padding: 0 10px;
    min-width: 146px
}

.delivery-tabs .additional-products-slider .product-thumbnail .product-variants-container .btn span {
    font-family: inherit !important
}

.delivery-tabs .additional-products-slider .product-tag.product-tag-include {
    border: 0
}

.delivery-tabs .additional-products-slider .heading-tablets-conected .products-single-slide h4 {
    font-family: nunitosans-bold !important;
    margin-bottom: 0 !important
}

.delivery-tabs .additional-products-slider .icon-exclamatory {
    display: none !important
}

.delivery-tabs .additional-products-slider ul.size_clr li {
    border: 0
}

.delivery-tabs .additional-products-slider ul.size_clr li .color_in,.delivery-tabs .additional-products-slider ul.size_clr li .sizes_in {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.delivery-tabs .additional-products-slider ul.size_clr li .color_in a {
    border-radius: 4px;
    padding: 3px;
    width: 32px;
    height: 32px;
    margin: 0 6px
}

.delivery-tabs .additional-products-slider ul.size_clr li .color_in a span {
    width: 24px;
    height: 24px
}

.delivery-tabs .additional-products-slider ul.size_clr li .sizes_in a {
    font-size: 14px !important;
    margin: 0 3px;
    font-family: NunitoSans-SemiBold,sans-serif !important
}

.delivery-tabs .additional-products-slider ul.size_clr li .lbl_sz {
    display: none !important
}

.delivery-tabs .additional-products-slider h4 {
    margin-bottom: 0
}

.delivery-tabs .additional-products-slider h4 span.product-price {
    font-family: nunitosans-bold !important;
    margin-bottom: 0 !important;
    color: #2e2e2e;
    font-size: 20px;
    line-height: 24px
}

.delivery-tabs .additional-products-slider h4 small {
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f !important;
    font-family: NunitoSans-SemiBold,sans-serif !important
}

.delivery-tabs .additional-products-slider .plan-add-to-cart {
    min-width: 146px !important
}

.delivery-tabs .additional-products-slider .plan-add-to-cart span {
    font-family: NunitoSans-Black,sans-serif !important;
    font-size: 14px !important
}

@media(max-width: 991px) {
    .delivery-tabs .additional-products-slider .content-single-box .apple-title-tab,.delivery-tabs .additional-products-slider .product-detail .apple-title-tab {
        margin-bottom:0;
        margin-top: 0
    }

    .delivery-tabs .additional-products-slider .content-single-box h3.apple-ipad-title,.delivery-tabs .additional-products-slider .content-single-box h3.product-name,.delivery-tabs .additional-products-slider .product-detail h3.apple-ipad-title,.delivery-tabs .additional-products-slider .product-detail h3.product-name {
        margin-bottom: 5px !important
    }

    .delivery-tabs .additional-products-slider .content-single-box h3.product-name,.delivery-tabs .additional-products-slider .product-detail h3.apple-ipad-title,.delivery-tabs .additional-products-slider .product-detail h3.product-name,html.kw #wrapper .delivery-tabs .additional-products-slider .content-single-box h3.apple-ipad-title {
        margin-bottom: 5px !important
    }

    .delivery-tabs .additional-products-slider .price-tag {
        margin-bottom: 15px !important
    }

    .delivery-tabs .additional-products-slider .price-tag h4 {
        line-height: 24px !important
    }
}

@media(max-width: 767px) {
    .delivery-tabs .additional-products-slider .product-image {
        min-height:140px !important
    }

    .delivery-tabs .additional-products-slider img {
        max-height: 140px !important
    }

    .delivery-tabs .additional-products-slider .products-single-slide {
        margin: 0 5px;
        padding-bottom: 24px !important
    }

    html.kw #wrapper .delivery-tabs .additional-products-slider .products-single-slide {
        padding-bottom: 24px !important
    }

    .delivery-tabs .additional-products-slider .single-outer-product {
        margin: 16px 16px 20px 0 !important
    }

    html[dir=rtl] .delivery-tabs .additional-products-slider .single-outer-product {
        margin: 16px 0 20px 16px !important
    }

    .delivery-tabs .additional-products-slider .content-single-box .product-variants-container,.delivery-tabs .additional-products-slider .product-detail .product-variants-container {
        margin-top: -8px
    }

    .delivery-tabs .additional-products-slider .content-single-box h3.apple-ipad-title,.delivery-tabs .additional-products-slider .content-single-box h3.product-name,.delivery-tabs .additional-products-slider .product-detail h3.apple-ipad-title,.delivery-tabs .additional-products-slider .product-detail h3.product-name {
        font-size: 16px !important;
        line-height: 20px;
        margin: 0 auto;
        margin-bottom: 12px !important;
        min-height: 34px !important;
        letter-spacing: inherit;
        font-weight: 600;
        font-family: NunitoSans-Black,sans-serif !important
    }

    .delivery-tabs .additional-products-slider .content-single-box h3.product-name,.delivery-tabs .additional-products-slider .product-detail h3.apple-ipad-title,.delivery-tabs .additional-products-slider .product-detail h3.product-name,html.kw #wrapper .delivery-tabs .additional-products-slider .content-single-box h3.apple-ipad-title {
        margin-bottom: 11px !important
    }

    .delivery-tabs .additional-products-slider .content-single-box h3.apple-ipad-title a,.delivery-tabs .additional-products-slider .content-single-box h3.product-name a,.delivery-tabs .additional-products-slider .product-detail h3.apple-ipad-title a,.delivery-tabs .additional-products-slider .product-detail h3.product-name a {
        font-family: inherit !important
    }

    .delivery-tabs .additional-products-slider .content-single-box .apple-title-tab,.delivery-tabs .additional-products-slider .product-detail .apple-title-tab {
        margin-bottom: 0;
        margin-top: 0
    }

    .delivery-tabs .additional-products-slider .content-single-box price-tag h4,.delivery-tabs .additional-products-slider .product-detail price-tag h4 {
        line-height: 19px
    }

    .delivery-tabs .additional-products-slider .price-tag {
        margin-bottom: 8px !important
    }

    .delivery-tabs .additional-products-slider .price-tag h4 {
        line-height: 19px !important
    }

    .delivery-tabs .additional-products-slider h4 span.product-price {
        font-size: 14px !important;
        line-height: 19px;
        font-family: NunitoSans-Black,sans-serif !important
    }

    .delivery-tabs .additional-products-slider h4 small {
        font-size: 12px !important;
        line-height: 16px;
        font-family: NunitoSans-SemiBold,sans-serif !important
    }

    .delivery-tabs .additional-products-slider .product-thumbnail .product-image {
        margin-top: 10px
    }

    .delivery-tabs .additional-products-slider .product-thumbnail .product-variants-container .btn {
        padding-right: 10px;
        padding-left: 10px;
        min-width: 146px
    }
}

.widget-header,.widget-title .main-heading {
    color: #2e2e2e !important;
    font-size: 20px !important;
    line-height: 24px;
    text-align: right;
    padding: 0 !important;
    font-family: NunitoSans-bold !important
}

.widget-text,.widget-title .sub-text {
    font-size: 14px !important;
    text-align: right;
    line-height: 24px !important;
    margin: 0 !important;
    color: #6f6f6f !important;
    font-family: nunitosans-bold !important
}

.spinner-border {
    width: 1rem;
    height: 1rem
}

.Personal .alert-success,.Personal .portlet-msg-success {
    background: #028666;
    border-radius: 5px;
    padding: 20px;
    margin: 0 auto;
    z-index: 9999999;
    border: 0;
    color: #fff
}

.Personal .alert-success .alert-indicator,.Personal .portlet-msg-success .alert-indicator {
    display: none
}

.Personal .alert-success .lead,.Personal .portlet-msg-success .lead {
    color: inherit
}

.zain-cart-summary-checkout-step.b2c-checkout .number-numbers-container .refresh-btn {
    font-size: 14px;
    line-height: 19px;
    color: #d12b8a;
    text-decoration: underline !important
}

.buttons-container .extra-btn-link .order-summary-buttons {
    gap: 10px
}

.buttons-container .extra-btn-link .order-summary-buttons button {
    min-width: 250px !important;
    width: auto
}

@media(min-width: 280px) and (max-width:767px) {
    .buttons-container .extra-btn-link .order-summary-buttons button {
        min-width:auto !important;
        width: 50% !important
    }
}

.b2c-checkout .common-popup .close-tracking {
    line-height: 1.5
}

@media(max-width: 767px) {
    .b2c-checkout .line-types-container .line-type-item {
        width:auto
    }
}

@media(max-width: 767px) {
    .b2c-checkout .line-types-container .line-types {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.b2c-checkout .delivery-tabs .product-thumbnail .product-detail h3 {
    max-height: none
}

.b2c-checkout .bundle-erros.alert-danger.alert {
    background-color: transparent;
    border: 0;
    padding: 5px 23px 5px 25px;
    background: url(/o/zain-theme/images/outofstockimg.svg) no-repeat scroll 0 center;
    background-size: 14px 14px;
    color: #c70024
}

.b2c-checkout .bundle-erros.alert-danger.alert span {
    color: #c70024
}

@media(max-width: 767px) {
    .b2c-checkout .bundle-erros.alert-danger.alert {
        line-height:20px
    }
}

.b2c-checkout .bundle-erros.alert-danger.alert:after {
    content: none
}

html[dir=rtl] .b2c-checkout .bundle-erros.alert-danger.alert {
    background: url(/o/zain-theme/images/outofstockimg.svg) no-repeat scroll 0 center;
    background-position: right center
}

html[dir=rtl] .b2c-checkout .bundle-erros.alert-danger.alert:after {
    content: none
}

@media(max-width: 991px) and (min-width:768px) {
    .b2c-checkout .shopping_cart_section_xain .delivery-tabs {
        min-width:700px
    }
}

@media(max-width: 767px) {
    .additional-products-slider .content-single-box h3.apple-ipad-title,.additional-products-slider h4 span.product-price,.widget-header,.widget-title .main-heading {
        font-size:16px !important
    }

    .zain-cart-summary-checkout-step.b2c-checkout .form-group.input-select-wrapper.number-classes-container.w-25 {
        width: 100% !important
    }

    .zain-cart-summary-checkout-step.b2c-checkout .form-group.input-select-wrapper.number-classes-container.w-25 h2 {
        text-align: right !important
    }
}

@media(max-width: 1199px) {
    .zain-cart-summary-checkout-step.b2c-checkout .form-group.input-select-wrapper.number-classes-container {
        width:50% !important
    }
}

.b2c-checkout .container.cart-summary-container .delivery-tabs {
    margin-bottom: 28px
}

html[dir=rtl] .b2c-checkout .slick-list {
    direction: rtl
}

html[dir=rtl].kw #wrapper .delivery-tabs .additional-products-slider .products-single-slide {
    padding: 16px 0 !important
}

html[dir=rtl] .delivery-tabs .additional-products-slider .slick-list {
    padding: 0 0 0 8% !important
}

@media(max-width: 767px) {
    html[dir=rtl] .delivery-tabs .additional-products-slider .slick-list {
        padding:0 0 0 20% !important
    }
}

html[dir=rtl] .delivery-tabs .additional-products-slider .product-thumbnail .product-variants-container .btn {
    font-family: qt_zaintext_bold_pcbold !important
}

html[dir=rtl] .delivery-tabs .additional-products-slider .product-detail .price-tag p {
    font-family: qt_zaintextregular !important
}

html[dir=rtl] .delivery-tabs .additional-products-slider .product-detail .price-tag h4 {
    font-family: qt_zaintext_bold_pcbold !important
}

html[dir=rtl] .delivery-tabs .additional-products-slider .product-detail .price-tag h4 span.product-price {
    font-family: qt_zaintext_bold_pcbold !important
}

html[dir=rtl] .delivery-tabs .additional-products-slider .product-detail .price-tag h4 small {
    font-family: qt_zaintextregular !important
}

@media(max-width: 767px) {
    html[dir=rtl] .delivery-tabs .additional-products-slider .product-thumbnail .product-image {
        margin-top:0;
        margin-bottom: 12px
    }

    html[dir=rtl] .delivery-tabs .additional-products-slider .content-single-box h3.apple-ipad-title,html[dir=rtl] .delivery-tabs .additional-products-slider .content-single-box h3.product-name,html[dir=rtl] .delivery-tabs .additional-products-slider .product-detail h3.apple-ipad-title,html[dir=rtl] .delivery-tabs .additional-products-slider .product-detail h3.product-name {
        min-height: 44px !important
    }
}

.extras_radio .form-group .form-control {
    min-height: 25px
}

.extras_radio .form-group .form-control+.select2-container .select2-selection--single {
    border-color: transparent;
    min-height: 25px
}

.extras_radio .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    text-align: right;
    color: #727272;
    font-family: NunitoSans-Regular;
    font-weight: 700;
    font-size: 14px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .extras_radio .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
        font-size:12px
    }
}

.extras_radio .form-group .form-control+.select2-container .select2-selection--single .select2-selection__arrow::before {
    top: -2px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .extras_radio .form-group .form-control+.select2-container .select2-selection--single .select2-selection__arrow {
        left:0
    }
}

.extras_radio .form-group .labels h4 {
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    font-family: NunitoSans-Black;
    letter-spacing: initial;
    line-height: 1.2
}

.extras_radio .form-group .btn.btn-pc-5.new_btn_clr {
    color: #d12b8a;
    border: 0;
    padding-right: 15px;
    padding-left: 15px;
    background: 0
}

.extras_radio .form-group .btn.btn-pc-5.new_btn_clr:hover {
    color: #d12b8a
}

@media(max-width: 767px) and (min-width:320px) {
    .extras_radio .form-group .btn.btn-pc-5.new_btn_clr {
        background:0;
        text-align: right;
        font-size: 12px;
        padding: 7px 15px;
        line-height: 28px;
        min-height: 40px
    }
}

.extras_radio .custom-radio input+label::before {
    margin-top: 1px !important
}

.extras_radio .custom-radio input:checked+label::after {
    margin-top: 1px !important
}

@media(max-width: 767px) and (min-width:320px) {
    .delivery-tabs {
        padding:25px 0 0 0
    }
}

.delivery-tabs .delivery-tab-headings,.delivery-tabs .tab-content {
    padding-top: 48px
}

@media(max-width: 767px) {
    .delivery-tabs .delivery-tab-headings,.delivery-tabs .tab-content {
        padding-top:16px
    }
}

.delivery-tabs .delivery-tab-headings .main-heading,.delivery-tabs .tab-content .main-heading {
    margin-bottom: .5rem;
    text-transform: capitalize;
    text-align: right;
    font-family: NunitoSans-Black
}

@media(min-width: 360px) {
    .delivery-tabs .delivery-tab-headings .main-heading,.delivery-tabs .tab-content .main-heading {
        font-size:24px;
        letter-spacing: .6px;
        color: #000
    }
}

@media(min-width: 768px) {
    .delivery-tabs .delivery-tab-headings .main-heading,.delivery-tabs .tab-content .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .delivery-tabs .delivery-tab-headings .main-heading,.delivery-tabs .tab-content .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .delivery-tabs .delivery-tab-headings .main-heading,.delivery-tabs .tab-content .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .delivery-tabs .delivery-tab-headings .main-heading,.delivery-tabs .tab-content .main-heading {
        font-size:34px
    }
}

.delivery-tabs .delivery-tab-headings .sub-text,.delivery-tabs .tab-content .sub-text {
    text-align: right;
    font-family: NunitoSans-Regular;
    color: #000
}

@media(max-width: 767px) and (min-width:360px) {
    .delivery-tabs .delivery-tab-headings .sub-text,.delivery-tabs .tab-content .sub-text {
        letter-spacing:.4px;
        line-height: 1.6;
        font-size: 12px
    }
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios ul li,.delivery-tabs .tab-content .payment-method-sect .payment-radios ul li {
    padding-bottom: 1rem
}

@media(min-width: 1200px) and (max-width:1439px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios ul li,.delivery-tabs .tab-content .payment-method-sect .payment-radios ul li {
        padding-bottom:1rem
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios ul li,.delivery-tabs .tab-content .payment-method-sect .payment-radios ul li {
        padding-bottom:1rem
    }
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios ul li+li,.delivery-tabs .tab-content .payment-method-sect .payment-radios ul li+li {
    border-top: 1px solid #e3e3e3
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios .custom-radio,.delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio {
    margin-bottom: 0
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios p.mt-2.mb-2.text-left,.delivery-tabs .tab-content .payment-method-sect .payment-radios p.mt-2.mb-2.text-left {
    font-family: NunitoSans-Regular;
    color: #000;
    font-weight: 100
}

@media(max-width: 767px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios p.mt-2.mb-2.text-left,.delivery-tabs .tab-content .payment-method-sect .payment-radios p.mt-2.mb-2.text-left {
        font-size:12px
    }
}

.delivery-tabs .delivery-tab-headings .payment-method-sect .payment-radios i.zn-ico.icon-add-1,.delivery-tabs .tab-content .payment-method-sect .payment-radios i.zn-ico.icon-add-1 {
    margin-right: 0
}

.delivery-tabs .delivery-tab-headings .payment-method-sect p.sub-text,.delivery-tabs .tab-content .payment-method-sect p.sub-text {
    font-family: NunitoSans-Regular;
    font-size: 12px
}

@media(min-width: 768px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect p.sub-text,.delivery-tabs .tab-content .payment-method-sect p.sub-text {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect p.sub-text,.delivery-tabs .tab-content .payment-method-sect p.sub-text {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect p.sub-text,.delivery-tabs .tab-content .payment-method-sect p.sub-text {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .delivery-tabs .delivery-tab-headings .payment-method-sect p.sub-text,.delivery-tabs .tab-content .payment-method-sect p.sub-text {
        font-size:18px
    }
}

.delivery-tabs .min_hgt {
    min-height: 37px
}

.delivery-tabs .product-thumbnail {
    position: relative;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.161);
    box-shadow: 0 3px 9px rgba(0,0,0,.161);
    border-radius: 10px;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 15px;
    border: 2px transparent solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.delivery-tabs .product-thumbnail.extra-cart-box.show .hover-label-new {
    opacity: 1;
    z-index: 1
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-tabs .product-thumbnail {
        margin-top:60px
    }
}

.delivery-tabs .product-thumbnail.slide_height {
    min-height: 413px
}

@media(min-width: 1440px) {
    .delivery-tabs .product-thumbnail.slide_height {
        min-height:603px
    }
}

@media(min-width: 1440px) and (max-width:1919px) {
    .delivery-tabs .product-thumbnail.slide_height {
        min-height:413px
    }
}

@media(min-width: 320px) and (max-width:767px) {
    .delivery-tabs .product-thumbnail.slide_height {
        min-height:364px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .delivery-tabs .product-thumbnail.slide_height {
        min-height:413px
    }
}

.delivery-tabs .product-thumbnail.recomanded {
    overflow: hidden;
    border: 0;
    color: #fff
}

.delivery-tabs .product-thumbnail .product-image {
    position: relative;
    padding-top: 30px;
    min-height: auto;
    max-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1919px) and (min-width:1440px) {
    .delivery-tabs .product-thumbnail .product-image {
        padding-top:20px;
        min-height: 160px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-tabs .product-thumbnail .product-image {
        padding-top:20px;
        min-height: 220px
    }
}

.delivery-tabs .product-thumbnail .product-image img {
    margin: 0 auto;
    width: auto;
    opacity: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    max-height: 160px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .delivery-tabs .product-thumbnail .product-image img {
        max-height:160px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-tabs .product-thumbnail .product-image img {
        max-height:180px
    }
}

@media(min-width: 320px) and (max-width:767px) {
    .delivery-tabs .product-thumbnail .product-image img {
        max-height:120px
    }
}

.delivery-tabs .product-thumbnail .product-image .hover-label-new {
    background: #f7f7f7;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    opacity: 0;
    right: 0
}

.delivery-tabs .product-thumbnail .product-image .hover-label-new ul {
    margin: 0 auto;
    width: 100%
}

.delivery-tabs .product-thumbnail .product-image .hover-label-new ul li {
    color: #d12b8a;
    font-size: 13px;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.delivery-tabs .product-thumbnail .product-image .hover-label-new ul li a {
    color: #d12b8a
}

.delivery-tabs .product-thumbnail .setbg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center !important
}

.delivery-tabs .product-thumbnail .product-detail h3 {
    font-size: 24px;
    letter-spacing: .6px;
    line-height: 1.2;
    font-family: NunitoSans-Black;
    font-weight: unset;
    padding: 0 10px;
    min-height: 57.6px;
    max-height: 57.6px
}

.delivery-tabs .product-thumbnail .product-detail h3 a {
    color: #000
}

.delivery-tabs .product-thumbnail .product-detail .price-tag p {
    margin-bottom: 0;
    font-size: 12px;
    font-family: NunitoSans-Regular
}

@media(min-width: 1200px) {
    .delivery-tabs .product-thumbnail .product-detail .price-tag p {
        font-size:14px
    }
}

.delivery-tabs .product-thumbnail .product-detail .price-tag h4 {
    font-size: 20px;
    letter-spacing: .4px;
    line-height: 1.6
}

.delivery-tabs .product-thumbnail .product-detail .price-tag h4 span {
    font-family: NunitoSans-Black
}

@media(max-width: 767px) and (min-width:360px) {
    .delivery-tabs .product-thumbnail .product-detail .price-tag h4 {
        font-size:14px
    }
}

.delivery-tabs .product-thumbnail .product-detail .price-tag small {
    font-size: 14px;
    font-weight: 400;
    text-transform: lowercase;
    color: #000;
    font-family: NunitoSans-Regular
}

.delivery-tabs .product-thumbnail .product-detail .abslut_btn .btn.btn-pc-1 {
    background: 0;
    border: 2px solid #d12b8a;
    color: #d12b8a;
    min-width: 120px
}

.delivery-tabs .product-thumbnail .product-detail .abslut_btn .btn.btn-pc-1:hover {
    background: #d12b8a;
    border-color: #d12b8a;
    color: #fff
}

.delivery-tabs .product-thumbnail .product-detail .abslut_btn .btn.btn-pc-1:disabled {
    opacity: .4
}

.delivery-tabs .product-thumbnail .product-detail .tooltip_new {
    display: inline-block;
    position: absolute;
    left: 10px;
    bottom: 10px
}

@media(max-width: 1439px) and (min-width:991px) {
    .delivery-tabs .product-thumbnail .product-detail .tooltip_new {
        left:3px
    }
}

.delivery-tabs .product-thumbnail .product-detail .tooltip_new i {
    border: 1px solid #ccc !important;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    border-radius: 50%;
    margin: 0;
    font-size: 12px;
    cursor: pointer;
    z-index: 111111
}

.delivery-tabs .product-thumbnail .product-detail .new_options.collapse.show {
    visibility: visible;
    opacity: 1;
    height: auto
}

.delivery-tabs .product-thumbnail .product-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-bottom: 34px;
    padding-top: 15px
}

.delivery-tabs .product-thumbnail .product-variants-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.delivery-tabs .product-thumbnail .product-variants-container .abslut_btn button {
    font-size: 12px
}

.delivery-tabs .product-thumbnail .price-tag {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: .5rem
}

@media(min-width: 1440px) and (max-width:1919px) {
    .delivery-tabs .product-thumbnail .price-tag {
        min-height:56px;
        max-height: 56px
    }
}

@media(min-width: 320px) and (max-width:767px) {
    .delivery-tabs .product-thumbnail .price-tag {
        min-height:40.4px;
        max-height: 40.4px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .delivery-tabs .product-thumbnail .price-tag {
        min-height:53px;
        max-height: 53px
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .delivery-tabs .product-thumbnail .price-tag {
        min-height:56px;
        max-height: 56px
    }
}

.delivery-tabs .product-thumbnail .btn.btn-pc-4.btn-sm.plan-add-to-cart {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.product_slider_new {
    margin-bottom: 16px;
    padding-bottom: 16px
}

@media(max-width: 767px) and (min-width:320px) {
    .product_slider_new .slick-track {
        width:-webkit-max-content !important;
        width: -moz-max-content !important;
        width: max-content !important
    }
}

.product_slider_new .slick-arrow {
    top: -80px;
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 45px;
    min-width: 45px !important;
    color: #fff;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: #727272 !important;
    z-index: 1;
    visibility: visible
}

@media(max-width: 1439px) and (min-width:1200px) {
    .product_slider_new .slick-arrow {
        height:45px;
        min-width: 45px !important;
        width: 45px
    }
}

.product_slider_new .slick-arrow.prev {
    left: 50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product_slider_new .slick-arrow.next {
    left: 0 !important
}

.product_slider_new .slick-arrow.slick-disabled {
    visibility: visible !important;
    background-color: #cecece !important
}

.product_slider_new .slick-arrow i {
    line-height: 27px;
    font-size: 12px;
    margin-right: 0
}

.product_slider_new .slick-dots li {
    width: auto;
    height: auto;
    margin: 0
}

.product_slider_new .slick-dots li button {
    height: auto
}

html.ie.ie11 .extras-step .delivery-tabs .product-thumbnail .product-image img {
    margin: 0
}

.extras-step .delivery-tabs .delivery-tab-headings .main-heading {
    font-size: 1.625rem
}

@media(max-width: 767px) {
    .extras-step .delivery-tabs .delivery-tab-headings .main-heading {
        font-size:15px
    }
}

@media(max-width: 767px) {
    .extras-step .delivery-tabs {
        padding-top:0
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .extras-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label {
        padding-right:70px
    }

    .extras-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input+label::before {
        right: 10px;
        height: 25px;
        width: 25px
    }

    .extras-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input:checked+label::after {
        top: 7px;
        right: 17px
    }
}

@media(max-width: 767px) {
    .extras-step .col-12.slick-slide {
        padding:0 12px
    }
}

.extras-step .sub-text.no-lines-text {
    font-size: 20px;
    font-family: NunitoSans-SemiBold,sans-serif
}

@media(max-width: 1439px) and (min-width:1200px) {
    .extras-step .products-grid-item .product-image img {
        max-width:170px
    }
}

@media(min-width: 1440px) {
    .extras-step .products-grid-item .product-image img {
        max-width:270px
    }
}

@media(max-width: 768px) {
    .section-wrapper .extras-step .container {
        padding-right:0;
        padding-left: 0;
        max-width: 100%
    }

    .section-wrapper .extras-step .left-content-area.col-sm-12.col-md-9 {
        padding-left: 0;
        padding-right: 0
    }

    .section-wrapper .extras-step .delivery-tabs .col-xl-12 {
        padding-left: 0;
        padding-right: 0
    }
}

html[dir=rtl] .extras-step button.btn.prev.slick-arrow i.icon-arrow-pointing-to-right::before {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important
}

html[dir=rtl] .extras-step .delivery-tabs .tab-content .payment-method-sect .payment-radios p.mt-2.mb-2.text-left,html[dir=rtl] .extras-step .delivery-tabs .tab-content .payment-method-sect p.sub-text,html[dir=rtl] .extras-step .extras_radio .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
    font-family: qt_zaintextregular
}

html[dir=rtl] .extras-step .extras_radio .form-group .btn.btn-pc-5.new_btn_clr,html[dir=rtl] .extras-step .extras_radio .form-group .labels h4 {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .extras-step .delivery-tabs .payment-radios.extras_radio.line-numbers p {
    font-size: 20px
}

@media(max-width: 1200px) {
    html[dir=rtl] .extras-step .delivery-tabs .payment-radios.extras_radio.line-numbers p {
        font-size:16px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .extras-step .delivery-tabs .payment-radios.extras_radio.line-numbers p {
        font-size:14px !important
    }
}

html[dir=rtl] .extras-step button.btn.prev.slick-arrow i.icon-arrow-pointing-to-right::before {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important
}

html[dir=rtl] .extras-step .extras_radio .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 20px
}

@media(max-width: 1200px) {
    html[dir=rtl] .extras-step .extras_radio .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
        font-size:16px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .extras-step .extras_radio .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
        font-size:14px !important
    }
}

html[dir=rtl] .extras-step h1.main-heading {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .extras-step p.sub-text {
    font-family: qt_zaintextregular
}

.extra-boxes-outter h2 {
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    font-family: nunitosans-bold !important
}

@media(min-width: 280px) and (max-width:767px) {
    .extra-boxes-outter h2 {
        line-height:16px;
        text-align: right
    }
}

.extra-boxes-outter p {
    font-size: 16px !important;
    line-height: 24px;
    text-align: center;
    margin: 16px 0 30px 0;
    font-family: NunitoSans-Regular
}

@media(min-width: 280px) and (max-width:767px) {
    .extra-boxes-outter p {
        font-size:13px !important;
        line-height: 18px;
        text-align: right;
        margin: 15px 0 30px 0
    }
}

.extra-boxes-outter ul.list_buttonssss li {
    float: right;
    width: 14%;
    margin-bottom: 60px
}

@media(min-width: 768px) and (max-width:1199px) {
    .extra-boxes-outter ul.list_buttonssss li {
        width:33.3333333333% !important;
        margin-bottom: 42px
    }
}

.extra-boxes-outter ul.list_buttonssss li .pricing-checkbox input {
    display: none
}

.extra-boxes-outter ul.list_buttonssss li .pricing-checkbox label {
    width: 114px;
    height: 50px;
    border-radius: 10px;
    border: 2px solid #e3e3e3;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.extra-boxes-outter ul.list_buttonssss li .pricing-checkbox label.active {
    border-color: #d12b8a
}

@media(max-width: 767px) {
    .extra-boxes-outter ul.list_buttonssss li .pricing-checkbox label {
        width:86px !important;
        height: 40px
    }
}

@media(max-width: 280px) {
    .extra-boxes-outter ul.list_buttonssss li .pricing-checkbox label {
        width:80px !important
    }
}

.extra-boxes-outter ul.list_buttonssss li .pricing-checkbox label .labels {
    margin-top: 13px
}

@media(min-width: 280px) and (max-width:767px) {
    .extra-boxes-outter ul.list_buttonssss li .pricing-checkbox label .labels {
        margin-top:9px
    }
}

.extra-boxes-outter ul.list_buttonssss li .pricing-checkbox h3 {
    margin-bottom: 0;
    padding-top: 8px;
    font-family: NunitoSans-Bold !important;
    font-size: 16px;
    padding: 0
}

@media(max-width: 767px) {
    .extra-boxes-outter ul.list_buttonssss li .pricing-checkbox h3 {
        font-size:14px
    }
}

@media(max-width: 1199px) {
    .extra-boxes-outter ul.list_buttonssss li {
        padding:0 3px !important
    }
}

@media(max-width: 767px) {
    .extra-boxes-outter ul.list_buttonssss li {
        width:33% !important;
        margin-bottom: 20px
    }
}

.extra-boxes-outter .new_number_eligible_errorContent .not-match {
    max-width: 600px;
    margin: 0 auto 30px
}

.extra-boxes-outter .new_number_eligible_errorContent .not-match p {
    margin-bottom: 0;
    text-align: right
}

.extra-boxes-outter .error-content p {
    text-align: right
}

@media(max-width: 1199px) {
    .extra-boxes-outter .line-types {
        margin-top:0 !important
    }
}

@media(max-width: 767px) {
    .extra-boxes-outter .container {
        max-width:100% !important;
        padding-left: 5px !important;
        padding-right: 5px !important
    }
}

.buttons-container .order-summary-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    gap: 20px
}

.buttons-container .order-summary-buttons button {
    min-width: 200px
}

.buttons-container .order-summary-buttons button.cancel-popup-btn {
    border-color: #e5e5e5;
    color: #6f6f6f
}

.buttons-container .order-summary-buttons button.cancel-popup-btn:hover {
    border-color: #d12b8a;
    color: #fff
}

.buttons-container .order-summary-buttons button:disabled {
    font-family: nunitosans-black !important;
    cursor: not-allowed;
    background: #e5e5e5 !important;
    color: #6f6f6f !important;
    opacity: 1;
    border-color: #e5e5e5
}

.buttons-container .order-summary-buttons .edit-btn {
    font-family: nunitosans-black !important;
    background: #fff;
    color: #6f6f6f;
    border-color: #e5e5e5;
    margin-left: 10px
}

.line-types-container select {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border-radius: 4px;
    height: 40px;
    padding: 10px 10px;
    font-size: 14px !important;
    line-height: 19px !important;
    font-weight: 600
}

.line-types-container select::-webkit-input-placeholder {
    color: #aeaeae !important
}

.line-types-container select::-moz-placeholder {
    color: #aeaeae !important
}

.line-types-container select:-ms-input-placeholder {
    color: #aeaeae !important
}

.line-types-container select::-ms-input-placeholder {
    color: #aeaeae !important
}

.line-types-container select::placeholder {
    color: #aeaeae !important
}

.line-types-container .line-types {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.line-types-container .line-type-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 381px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.line-types-container .line-type-item input {
    display: none
}

.line-types-container .line-type-item input+label:before {
    content: " ";
    width: 20px;
    height: 20px;
    border: 1px solid #6f6f6f;
    border-radius: 10px;
    position: absolute;
    right: 10px;
    top: 20px
}

.line-types-container .line-type-item input:checked+label {
    border: 2px solid #d12b8a
}

.line-types-container .line-type-item input:checked+label:before {
    border: 6px solid #d12b8a;
    border-radius: 10px
}

.line-types-container .line-type-item label {
    font-weight: 900;
    font-family: "Nunito Sans",sans-serif;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #2e2e2e;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 16px 48px 16px 10px;
    width: 100%
}

.line-types-container .line-type-item label span {
    font-family: inherit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6f6f6f
}

@media(max-width: 767px) {
    .line-types-container .line-types {
        gap:18px
    }

    .line-types-container .line-type-item input+label:before {
        right: 0;
        top: 0
    }

    .line-types-container .line-type-item input+label {
        border: none !important;
        padding: 0 30px 0 10px;
        font-weight: 700
    }

    .line-types-container .line-type-item input+label span {
        margin-bottom: 13px;
        font-size: 13px
    }

    .line-types-container .line-type-item #searchnmbrs {
        padding-right: 30px;
        width: 100%
    }

    .line-types-container .line-type-item #searchnmbrs .select2-container {
        width: 80% !important
    }
}

.lines-section-area input {
    min-height: 46px !important;
    font-size: 14px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px !important;
    padding: 7px 16px
}

.lines-section-area .form-control {
    min-height: 46px;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    font-weight: 400;
    background: 0
}

.lines-section-area .form-control:disabled {
    cursor: not-allowed
}

.lines-section-area .form-control:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.lines-section-area .input-group-addon {
    display: block;
    position: absolute;
    left: -6px;
    top: 6px;
    background: 0;
    z-index: 9
}

.lines-section-area .btn.btn-pc-3 {
    background: #d12b8a;
    color: #fff;
    border: 0 solid transparent;
    min-height: auto;
    border-radius: 5px;
    font-size: 20px;
    padding: 8px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    -webkit-box-shadow: 0 3px 6px -3px #000;
    box-shadow: 0 3px 6px -3px #000;
    min-width: auto
}

.lines-section-area .numbers-list {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    right: 0;
    left: 0
}

.lines-section-area .numbers-list .numbers {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    margin-top: 10px;
    background: #fff;
    display: none;
    height: 97px;
    overflow: auto;
    height: 239px;
    display: block
}

.lines-section-area .numbers-list .numbers li {
    width: 100%
}

.lines-section-area .numbers-list .numbers li:first-child {
    z-index: 999;
    position: relative
}

.lines-section-area .numbers-list .numbers li a {
    padding: 13px 20px 13px 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ececec;
    color: #000;
    text-align: center;
    font-family: NunitoSans-Regular
}

.lines-section-area .numbers-list .numbers li a:hover {
    color: #d12b8a;
    background: rgba(209,43,138,.2392156863)
}

.lines-section-area .numbers-list .numbers li a span {
    margin-right: 65px;
    width: 150px;
    font-family: NunitoSans-Black
}

.lines-section-area .numbers-list .numbers li a span strong {
    float: left;
    font-weight: 400
}

.addon_wrap_extra {
    margin-bottom: 48px
}

.addon_wrap_extra .addon_wrap_inner {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 16px 16px 32px 41px
}

.addon_wrap_extra .addon_wrap_inner .top_content_addon h3 {
    font-family: nunitosans-bold !important;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    margin-bottom: 0
}

.addon_wrap_extra .addon_wrap_inner .top_content_addon p {
    font-family: nunitosans-Semibold !important;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f
}

.addon_wrap_extra .addon_outter_wrap_single {
    margin-right: 21px
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter {
    margin-top: 24px
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter img {
    width: 31px;
    height: 31px
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 36px
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .heading_addon h3 {
    font-family: nunitosans-bold !important;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    margin-bottom: 0
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .heading_addon p {
    font-family: nunitosans-Semibold !important;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .single_price_single h3 {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .single_price_single button.addon_add_button {
    font-family: NunitoSans-Black !important;
    width: 92px;
    padding: 0 16px;
    height: 32px;
    border: 1.4px solid #d12b8a;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    font-size: 14px;
    line-height: 19px;
    color: #d12b8a;
    outline: 0;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.manage-number-screen .number-numbers-container .refresh-btn {
    font-size: 14px;
    line-height: 19px;
    color: #d12b8a;
    text-decoration: underline !important;
    font-family: NunitoSans-Regular
}

.manage-number-screen .new-numbers-errors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

#existingNumbrerErrorPopup button.close {
    display: none
}

.multi-commitment-popup {
    padding: 44px 30px;
    max-width: 445px
}

.multi-commitment-popup .line-types-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.multi-commitment-popup .line-types-container .line-type-item label span {
    font-size: 12px
}

.multi-commitment-popup .line-types-container .line-type-item label .commitment-price {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.multi-commitment-popup .line-types-container .line-type-item label .commitment-price span {
    font-size: 14px
}

.multi-commitment-popup .custom-radio-wrapper.line-type-item label {
    margin-bottom: 0
}

.multi-commitment-popup .button-bar {
    margin-top: 20px;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.multi-commitment-popup .button-bar button {
    min-width: 150px
}

.multi-commitment-popup .order-tracking-popup-header h3 {
    font-size: 20px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 28px;
    margin-bottom: 0;
    color: #2e2e2e
}

.multi-commitment-popup-container {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 100
}

.confirmation_sect {
    padding-bottom: 85px
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect {
        padding-bottom:35px
    }
}

.confirmation_sect .thankyou_msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 66px 0 50px 0
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .thankyou_msg {
        padding:26px 0 0 0
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .confirmation_sect .thankyou_msg {
        padding:46px 0 0 0
    }
}

.confirmation_sect .thankyou_msg .icon {
    height: 85px;
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgba(209,43,138,.1);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 54px;
    margin-top: -4px;
    text-transform: inherit
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .thankyou_msg .icon {
        height:45px;
        width: 45px;
        margin-left: 15px;
        margin-top: 0;
        font-size: 20px;
        padding: 14px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .confirmation_sect .thankyou_msg .icon {
        height:45px;
        width: 45px;
        margin-left: 24px;
        margin-top: 0
    }
}

.confirmation_sect .thankyou_msg .icon i {
    color: #d12b8a;
    font-size: 34px
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .thankyou_msg .icon i {
        font-size:30px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .confirmation_sect .thankyou_msg .icon i {
        font-size:22px
    }
}

.confirmation_sect .thankyou_msg .message .main-heading {
    font-size: 34px;
    letter-spacing: .8px;
    line-height: 1.2;
    font-family: NunitoSans-Black;
    font-weight: unset;
    text-transform: inherit;
    color: #000;
    margin-bottom: 12px
}

@media(max-width: 1199px) {
    .confirmation_sect .thankyou_msg .message .main-heading {
        font-size:30px
    }
}

@media(min-width: 1440px) {
    .confirmation_sect .thankyou_msg .message .main-heading {
        font-size:40px
    }
}

@media(min-width: 1600px) {
    .confirmation_sect .thankyou_msg .message .main-heading {
        font-size:48px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .thankyou_msg .message .main-heading {
        font-size:28px !important
    }
}

.confirmation_sect .thankyou_msg .message .sub-text {
    font-family: NunitoSans-SemiBold,sans-serif;
    letter-spacing: .4px;
    line-height: 1.6;
    text-transform: inherit
}

@media(min-width: 768px) {
    .confirmation_sect .thankyou_msg .message .sub-text {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .confirmation_sect .thankyou_msg .message .sub-text {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .confirmation_sect .thankyou_msg .message .sub-text {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .confirmation_sect .thankyou_msg .message .sub-text {
        font-size:24px
    }
}

.confirmation_sect .confirmation-steps {
    padding: 50px 0 66px 0
}

@media(max-width: 1199px) and (min-width:768px) {
    .confirmation_sect .confirmation-steps {
        padding:40px 0 26px 0
    }
}

.confirmation_sect .confirmation-steps .main-heading {
    margin-bottom: 20px;
    letter-spacing: .6px;
    line-height: 1.2;
    font-family: NunitoSans-Black;
    font-weight: unset;
    text-transform: inherit;
    color: #000
}

@media(min-width: 768px) {
    .confirmation_sect .confirmation-steps .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .confirmation_sect .confirmation-steps .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .confirmation_sect .confirmation-steps .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .confirmation_sect .confirmation-steps .main-heading {
        font-size:34px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .confirmation-steps .main-heading {
        margin-bottom:8px;
        font-size: 20px
    }
}

.confirmation_sect .confirmation-steps ul li p {
    color: #727272;
    font-size: 14px;
    font-family: NunitoSans-Regular
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .confirmation-steps ul li p {
        margin-right:35px;
        margin-bottom: 10px
    }
}

.confirmation_sect .confirmation-steps ul li p span {
    color: #d12b8a;
    height: 35px;
    width: 35px;
    border: 1px solid #d12b8a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 20px;
    font-family: NunitoSans-Black,sans-serif
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .confirmation-steps ul li p span {
        margin-right:-35px;
        margin-left: 6px;
        height: 25px;
        width: 25px;
        font-size: 12px
    }
}

@media(min-width: 1440px) {
    .confirmation_sect .confirmation-steps ul li p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .confirmation_sect .confirmation-steps ul li p {
        font-size:18px
    }
}

.confirmation_sect .confirmation-steps .delivery_svg {
    background: #fff;
    border-radius: 50%;
    height: 85px;
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 320px) and (max-width:767px) {
    .confirmation_sect .confirmation-steps .delivery_svg {
        width:50px;
        height: 50px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

.confirmation_sect .confirmation-steps.b2b-confirmation-steps {
    border: 1px solid #dee2e6 !important
}

.confirmation_sect .confirmation-steps.b2b-confirmation-steps h2.main-heading {
    color: #d12b8a
}

.confirmation_sect .delivery_desc_box {
    background: rgba(209,43,138,.05);
    border-radius: 5px;
    padding: 30px 26px 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.01);
    box-shadow: 0 3px 6px rgba(0,0,0,.01)
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .delivery_desc_box {
        padding:30px 15px 0
    }
}

.confirmation_sect .delivery_desc_box .delivery_svg {
    background: #fff;
    border-radius: 50%;
    height: 85px;
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .delivery_desc_box .delivery_svg {
        height:50px;
        width: 50px
    }

    .confirmation_sect .delivery_desc_box .delivery_svg img {
        height: 26px;
        width: 26px
    }
}

.confirmation_sect .delivery_desc_box .content-address .main-heading {
    letter-spacing: .6px
}

@media(min-width: 360px) {
    .confirmation_sect .delivery_desc_box .content-address .main-heading {
        font-size:16px
    }
}

@media(min-width: 768px) {
    .confirmation_sect .delivery_desc_box .content-address .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .confirmation_sect .delivery_desc_box .content-address .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .confirmation_sect .delivery_desc_box .content-address .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .confirmation_sect .delivery_desc_box .content-address .main-heading {
        font-size:34px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .confirmation_sect .delivery_desc_box .content-address {
        padding-right:14px !important
    }

    .confirmation_sect .delivery_desc_box .content-address .main-heading {
        font-size: 16px;
        margin-bottom: 10px
    }

    .confirmation_sect .delivery_desc_box .content-address .sub-text {
        font-size: 12px
    }

    .confirmation_sect .delivery_desc_box .content-address .delivery_opts {
        margin-right: -58px
    }

    .confirmation_sect .delivery_desc_box .content-address .delivery_opts li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .confirmation_sect .delivery_desc_box .content-address .delivery_opts p {
        font-size: 12px
    }

    .confirmation_sect .delivery_desc_box .content-address .delivery_opts p.first-col {
        width: 132px
    }

    .confirmation_sect .delivery_desc_box .content-address .delivery_opts p.first-col span {
        margin-left: 0
    }
}

.confirmation_sect .delivery_desc_box .main-heading {
    margin-bottom: 20px;
    font-size: 24px;
    text-transform: inherit;
    font-family: NunitoSans-Black,sans-serif;
    color: #000
}

.confirmation_sect .delivery_desc_box .sub-text {
    font-family: NunitoSans-Black,sans-serif;
    font-size: 14px
}

@media(min-width: 1440px) {
    .confirmation_sect .delivery_desc_box .sub-text {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .confirmation_sect .delivery_desc_box .sub-text {
        font-size:18px
    }
}

.confirmation_sect .delivery_desc_box ul li {
    border-top: 1px solid #e3e3e3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0
}

.confirmation_sect .delivery_desc_box ul li p {
    margin-bottom: 10px
}

@media(min-width: 1440px) {
    .confirmation_sect .delivery_desc_box ul li p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .confirmation_sect .delivery_desc_box ul li p {
        font-size:18px
    }
}

.confirmation_sect .delivery_desc_box ul li p span {
    margin-left: 20px;
    margin-bottom: 10px;
    font-family: NunitoSans-Regular
}

.confirmation_sect .delivery_desc_box ul li p span.ff-b {
    font-family: NunitoSans-Black,sans-serif;
    color: #000
}

.confirm_products .main-heading {
    text-transform: capitalize;
    font-size: 24px;
    color: #000 !important;
    letter-spacing: .6px
}

@media(min-width: 360px) {
    .confirm_products .main-heading {
        font-size:24px
    }
}

@media(min-width: 768px) {
    .confirm_products .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .confirm_products .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .confirm_products .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .confirm_products .main-heading {
        font-size:34px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .confirm_products .main-heading {
        margin-bottom:0
    }
}

.confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .product-name {
    margin-bottom: 22px
}

.confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .product-name h1 {
    font-size: 24px
}

@media(min-width: 360px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .product-name h1 {
        font-size:20px
    }
}

@media(min-width: 768px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .product-name h1 {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .product-name h1 {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .product-name h1 {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .product-name h1 {
        font-size:34px
    }
}

.confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .payment-opts .d-flex p.left-lbl {
    font-size: 14px
}

.confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .payment-opts .d-flex p.left-lbl .d-span {
    font-family: NunitoSans-Black;
    position: absolute
}

@media(max-width: 767px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .payment-opts .d-flex p.left-lbl .d-span {
        left:auto;
        right: 150px
    }
}

@media(min-width: 360px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .payment-opts .d-flex p.left-lbl {
        font-size:12px
    }
}

@media(min-width: 768px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .payment-opts .d-flex p.left-lbl {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .payment-opts .d-flex p.left-lbl {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .confirm_products .section-products-summary.new_cart.cart-summary .product-item .product-description .payment-opts .d-flex p.left-lbl {
        font-size:18px
    }
}

.confirm_products {
    padding-top: 38px;
    padding-bottom: 85px
}

@media(max-width: 767px) and (min-width:360px) {
    .confirm_products {
        padding-bottom:15px
    }
}

.confirm_products .final-total-sect .main-total .left-lbl {
    color: #000;
    font-family: NunitoSans-Black,sans-serif
}

.confirm_products .final-total-sect .main-total .right-lbl {
    color: #d12b8a;
    font-family: NunitoSans-Black,sans-serif;
    font-size: 16px
}

@media(min-width: 1200px) {
    .confirm_products .final-total-sect .main-total .right-lbl {
        font-size:18px
    }
}

.confirm_products .final-total-sect .right-lbl {
    font-weight: 100;
    font-family: NunitoSans-Regular
}

@media(max-width: 1439px) and (min-width:1200px) {
    .confirm_products .product-item {
        padding:20px 0
    }
}

@media(max-width: 1199px) {
    .confirm_products .section-products-summary .product-item {
        max-width:100%
    }
}

.sub_total {
    padding: 38px 0;
    margin-top: 0
}

@media(max-width: 1919px) and (min-width:1440px) {
    .sub_total {
        padding:26px 0
    }
}

.sub_total .product-item .payment-opts .left-lbl.main-heading {
    font-size: 28px;
    font-family: NunitoSans-Black
}

.sub_total .product-item .payment-opts .right-lbl {
    font-family: NunitoSans-Black,sans-serif;
    font-size: 16px
}

@media(min-width: 768px) {
    .sub_total .product-item .payment-opts .right-lbl {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .sub_total .product-item .payment-opts .right-lbl {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .sub_total .product-item .payment-opts .right-lbl {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .sub_total .product-item .payment-opts .right-lbl {
        font-size:24px
    }
}

.sub_total .payment-opts .left-lbl .main-heading {
    font-size: 26px
}

html[dir=rtl] .confirmation_sect .thankyou_msg .message .main-heading {
    color: #000;
    font-family: QTZain-Bold,sans-serif;
    font-weight: 700
}

html[dir=rtl] .confirmation_sect .thankyou_msg .message .sub-text {
    font-family: NunitoSans-SemiBold,sans-serif !important;
    font-weight: 700
}

html[dir=rtl] .confirmation_sect .confirmation-steps .main-heading {
    font-size: 24px;
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .confirmation_sect .confirmation-steps ul li p {
    font-weight: 400;
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .confirmation_sect .delivery_desc_box .main-heading {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .confirmation_sect .delivery_desc_box .sub-text {
    font-family: QTZain-Reguar,sans-serif;
    font-weight: 400
}

html[dir=rtl] .confirmation_sect .delivery_desc_box ul li p {
    font-weight: 400;
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .confirmation_sect .delivery_desc_box ul li p span.ff-b {
    font-family: QTZain-Bold,sans-serif !important;
    font-weight: 400
}

html[dir=rtl] .confirm_products .main-heading {
    text-transform: capitalize;
    font-size: 24px;
    color: #000 !important;
    letter-spacing: .6px
}

@media(min-width: 768px) {
    html[dir=rtl] .confirm_products .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    html[dir=rtl] .confirm_products .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    html[dir=rtl] .confirm_products .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    html[dir=rtl] .confirm_products .main-heading {
        font-size:34px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    html[dir=rtl] .confirm_products .main-heading {
        font-size:20px;
        margin-bottom: 0
    }
}

html[dir=rtl] .section-products-summary.new_cart.cart-summary .product-item .product-description .payment-opts .d-flex p.left-lbl {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .section-products-summary.new_cart.cart-summary .product-item .product-description .payment-opts .d-flex p.left-lbl b {
    font-family: QTZain-Bold,sans-serif
}

@media(min-width: 992px) and (max-width:1199px) {
    .left-content-area.col-lg-9 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(max-width: 767px) {
    .container.order-confirmation-page {
        max-width:100% !important;
        padding-left: 0;
        padding-right: 0
    }
}

.order-confirmation-company-details {
    border: 1px solid #dee2e6 !important;
    background: rgba(209,43,138,.05);
    border-radius: 5px;
    padding: 30px 26px 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.01);
    box-shadow: 0 3px 6px rgba(0,0,0,.01)
}

.order-confirmation-company-details .delivery_svg {
    background: #fff;
    border-radius: 50%;
    height: 85px;
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) and (min-width:360px) {
    .order-confirmation-company-details .delivery_svg img {
        height:auto !important;
        width: 100% !important
    }
}

.order-confirmation-company-details .main-heading {
    margin-top: 25px;
    font-family: NunitoSans-Black;
    color: #d12b8a !important
}

.order-confirmation-company-details li {
    border: 0 !important;
    padding: 5px 0 !important
}

.order-confirmation-company-details li p {
    margin-bottom: 0 !important;
    font-family: NunitoSans-Regular;
    color: #000
}

.order-confirmation-company-details li p span {
    margin-bottom: 0 !important;
    font-family: NunitoSans-Regular !important;
    font-weight: unset;
    color: #000
}

.order-confirmation-company-details li p.second-col span {
    color: #727272 !important
}

.order-confirmation-company-details .confirmation-secreen-list .first-col {
    min-width: 190px
}

.mob_section_thankyou {
    margin-top: 40px
}

@media(max-width: 767px) {
    .mob_section_thankyou {
        margin-top:56px;
        margin-bottom: 70px
    }

    .mob_section_thankyou .container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.checkout-thankyou h2 {
    text-align: center;
    font-size: 39px;
    line-height: 48px;
    font-family: NunitoSans-bold !important;
    margin-bottom: 16px;
    font-weight: 600
}

.checkout-thankyou p {
    text-align: center;
    font-size: 18px !important;
    line-height: 20px;
    margin-bottom: 0;
    font-family: NunitoSans-SemiBold,sans-serif
}

.checkout-thankyou p a {
    color: #1789db
}

@media(max-width: 767px) {
    .checkout-thankyou h2 {
        text-align:right;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0
    }

    .checkout-thankyou p {
        text-align: right;
        font-size: 13px !important;
        line-height: 18px;
        margin-bottom: 0;
        color: #2e2e2e;
        margin: 16px 0;
        font-family: NunitoSans-SemiBold,sans-serif
    }
}

.thankyou-checkout-list {
    margin-top: 56px;
    padding: 0 90px
}

.thankyou-checkout-list h2 {
    font-size: 16px;
    line-height: 20px;
    font-family: NunitoSans-bold !important;
    margin-bottom: 0;
    color: #2e2e2e
}

.thankyou-checkout-list ul {
    padding: 0 15px;
    margin-top: 16px
}

.thankyou-checkout-list ul li {
    font-family: NunitoSans-Semibold !important;
    list-style: auto;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #6f6f6f
}

.thankyou-checkout-list .btn-checkout-ty {
    margin-top: 72px;
    margin-bottom: 100px;
    text-align: center
}

.thankyou-checkout-list .btn-checkout-ty .btn.btn-pc-3 {
    width: 80%;
    border-radius: 6px !important;
    border-width: 2px !important;
    font-size: 14px !important;
    font-weight: 600;
    background: #d12b8a !important;
    color: #fff;
    border: 2px solid transparent !important
}

.thankyou-checkout-list .btn-checkout-ty .btn.btn-pc-3:hover {
    background: 0 0 !important;
    color: #d12b8a !important;
    border-color: #d12b8a !important
}

@media(max-width: 767px) {
    .thankyou-checkout-list {
        margin-top:0;
        padding: 0
    }

    .thankyou-checkout-list h2 {
        font-size: 13px;
        line-height: 16px
    }

    .thankyou-checkout-list ul {
        padding: 0;
        margin-top: 15px
    }

    .thankyou-checkout-list ul li {
        font-size: 14px;
        line-height: 24px;
        list-style: none
    }

    .thankyou-checkout-list .btn-checkout-ty {
        margin-top: 150px;
        margin-bottom: 0;
        bottom: 0;
        width: 100%
    }

    .thankyou-checkout-list .btn-checkout-ty .btn-pc-3 {
        width: 100%;
        min-height: 56px !important;
        padding-left: 15px;
        padding-right: 15px
    }
}

html[dir=rtl] .checkout-thankyou h2 {
    font-size: 47px;
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .checkout-thankyou p {
    font-size: 20px !important;
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .checkout-thankyou p a {
    color: #1789db;
    font-size: 20px;
    font-family: nunitosans-semibold !important
}

html[dir=rtl] .thankyou-checkout-list h2 {
    font-size: 20px;
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .thankyou-checkout-list ul li {
    font-family: qt_zaintextregular !important;
    font-size: 20px
}

html[dir=rtl] .thankyou-checkout-list .btn-checkout-ty .btn-pc-3 {
    font-family: QTZain-Bold,sans-serif !important
}

.thank_you_page .confirmation_sect {
    padding-bottom: 0;
    margin-bottom: 80px
}

.thank_you_page .confirmation_sect .thankyou_msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 66px 0 50px 0
}

.thank_you_page .confirmation_sect .thankyou_msg .main-heading {
    letter-spacing: .8px;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .thank_you_page .confirmation_sect .thankyou_msg .main-heading {
        font-size:34px
    }
}

@media(min-width: 1440px) {
    .thank_you_page .confirmation_sect .thankyou_msg .main-heading {
        font-size:40px
    }
}

@media(min-width: 1600px) {
    .thank_you_page .confirmation_sect .thankyou_msg .main-heading {
        font-size:48px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .thank_you_page .confirmation_sect .thankyou_msg .main-heading {
        font-size:15px !important
    }
}

@media(min-width: 1440px) {
    .thank_you_page .confirmation_sect .thankyou_msg .sub-text {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .thank_you_page .confirmation_sect .thankyou_msg .sub-text {
        font-size:24px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .thank_you_page .confirmation_sect .thankyou_msg .icon {
        -webkit-box-flex:0;
        -ms-flex: 0 0 85px;
        flex: 0 0 85px;
        width: 85px;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 20px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .thank_you_page .confirmation_sect .thankyou_msg .icon i {
        font-size:50px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .thank_you_page .confirmation_sect .thankyou_msg .message {
        text-align:center
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .thank_you_page .confirmation_sect .thankyou_msg {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .thank_you_page .confirmation_sect .thankyou_msg {
        padding:46px 0 0 0
    }
}

.container.thankyou-special-offers {
    margin-bottom: 80px
}

@media(min-width: 460px) {
    .container.thankyou-special-offers .section-heading h4.sub-text {
        font-size:14px !important
    }
}

.container.thankyou-special-offers .slick-slide>.border {
    border-radius: 12px
}

.container.thankyou-special-offers .slick-slide .slide-bg img {
    width: 100%;
    border-radius: 12px
}

.container.thankyou-special-offers .slick-slide .slide-content>img {
    margin: -20px 0 10px;
    display: inline-block
}

.container.thankyou-special-offers .slick-slide .slide-content .main-heading {
    font-size: 26px;
    color: #000
}

@media(max-width: 767px) and (min-width:320px) {
    .container.thankyou-special-offers .slick-slide .slide-content .main-heading {
        font-size:15px
    }
}

.container.thankyou-special-offers .slick-slide .slide-content .ff-rg {
    font-family: NunitoSans-Regular,sans-serif !important;
    color: #000;
    font-size: 19px
}

@media(max-width: 1199px) and (min-width:768px) {
    .container.thankyou-special-offers .slick-slide .slide-content {
        padding:40px 20px 30px 20px !important
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .container.thankyou-special-offers .slick-slide .slide-content {
        padding:40px 20px 30px 20px !important
    }
}

@media(max-width: 2000px) and (min-width:1200px) {
    .container.thankyou-special-offers .slick-slide .slide-content {
        padding:55px 15px
    }
}

.container.thankyou-special-offers .slick-slide button.btn.btn-pc-3.mt-3 {
    padding: 7px 15px
}

@media(max-width: 767px) and (min-width:320px) {
    .container.thankyou-special-offers .slick-slide button.btn.btn-pc-3.mt-3 {
        min-width:auto;
        font-size: 12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.container.thankyou-special-offers .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.container.thankyou-special-offers .slick-dots li {
    width: 10px;
    height: 14px
}

.container.thankyou-special-offers .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.container.thankyou-special-offers .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

.container.thankyou-special-offers .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 45px;
    min-width: 45px !important;
    color: #fff;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: #cecece;
    z-index: 1;
    visibility: visible
}

.container.thankyou-special-offers .slick-arrow i {
    line-height: 27px;
    font-size: 12px;
    margin-right: 0
}

.container.thankyou-special-offers .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.container.thankyou-special-offers .slick-arrow.slick-disabled {
    visibility: hidden
}

.container.thankyou-special-offers .btn.next.slick-arrow {
    top: calc(50% - 30px);
    left: -80px
}

.container.thankyou-special-offers .btn.slick-arrow.prev {
    top: calc(50% - 30px);
    right: -60px
}

.section-wrapper .container.thankyou-special-offers .col-md-6 {
    padding: 0 15px
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .container.thankyou-special-offers {
        max-width:820px !important
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .section-wrapper .container.thankyou-special-offers {
        max-width:100%
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .thank_you_page .container {
        max-width:820px !important
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .section-wrapper .thank_you_page .container {
        max-width:100%
    }
}

html[dir=rtl] .thank_you_page .confirmation_sect .thankyou_msg .main-heading {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .container.thankyou-special-offers .slide-content .main-heading {
    font-family: qt_zaintext_bold_pcbold;
    font-weight: unset
}

html[dir=rtl] .container.thankyou-special-offers button.btn.btn-pc-3.mt-3 {
    font-family: qt_zaintext_bold_pcbold
}

.portlet-login .portlet-icon-back {
    display: none
}

@media(max-width: 767px) {
    .section-wrapper .zain-login .container {
        max-width:100%;
        padding-left: 8px;
        padding-right: 8px
    }
}

.zain-login .form-group label {
    color: #000;
    margin-right: 20px;
    font-weight: 100
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-login .form-group label {
        margin-right:15px
    }
}

@media(min-width: 1200px) {
    .zain-login .form-group label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .zain-login .form-group label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .zain-login .form-group label {
        font-size:18px
    }
}

@media(max-width: 767px) {
    .zain-login .form-group label {
        margin-right:0;
        font-weight: 100
    }
}

.zain-login .form-group .form-control {
    min-height: 46px;
    font-size: 18px;
    border: 0;
    background-color: #f7f7f7
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-login .form-group .form-control {
        min-height:46px;
        font-size: 14px
    }
}

.zain-login .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.zain-login .custom-checkbox input {
    display: none
}

.zain-login .remember .custom-checkbox.form-group {
    display: block;
    overflow: hidden;
    margin-bottom: 1.5rem
}

.zain-login .remember .custom-checkbox input+label {
    padding-right: 35px;
    margin-right: 0
}

.zain-login .remember a {
    float: left;
    color: #727272;
    text-decoration: underline !important
}

.zain-login .custom-checkbox input+label::before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    right: 0;
    display: inline-block;
    background: 0;
    border-radius: 2px;
    border: 2px solid #e3e3e3
}

.zain-login .custom-checkbox input:checked+label::after {
    content: "\e905";
    font-family: icomoon !important;
    position: absolute;
    top: 1px;
    right: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.zain-login .custom-checkbox input:checked+label::before {
    background: #d12b8a;
    border: 2px solid #d12b8a
}

.zain-login .custom-checkbox input:checked+label {
    font-weight: 700 !important
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-login .custom-checkbox input:checked+label::after {
        top:0;
        right: 3px;
        font-size: 12px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-login .custom-checkbox input+label::before {
        height:18px;
        width: 18px
    }
}

.zain-login .border-account {
    float: right;
    width: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(114,114,114,.2588235294);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.zain-login .border-account p {
    margin: 0;
    color: #727272;
    margin-left: 20px;
    font-size: 14px
}

.zain-login .border-account a {
    border: 1px solid #23b7c0;
    color: #000;
    font-size: 14px;
    padding: 9px 20px;
    border-radius: 7px;
    font-family: NunitoSans-Black,sans-serif;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.zain-login .border-account a:hover {
    background: #23b7c0;
    color: #fff
}

.zain-login .not-b-customer {
    float: right;
    width: 100%;
    text-align: center;
    padding: 15px 0 0 0;
    font-size: 12px
}

@media(min-width: 768px) {
    .zain-login .not-b-customer {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .zain-login .not-b-customer {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .zain-login .not-b-customer {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .zain-login .not-b-customer {
        font-size:18px
    }
}

.zain-login .not-b-customer a {
    color: #d12b8a;
    font-family: NunitoSans-Black,sans-serif;
    text-decoration: underline !important;
    text-transform: lowercase
}

.zain-login .not-b-customer a:hover {
    text-decoration: none
}

@media(max-width: 1199px) and (min-width:768px) {
    .zain-login .btn.btn-lrg {
        font-size:12px;
        min-height: 40px;
        padding: 7px 15px;
        min-width: 140px
    }
}

.zain-login .button-holder {
    margin: 0
}

.zain-login .button-holder .btn.btn-lrg {
    font-size: 14px;
    padding: 7px 15px
}

.portlet-zain-search-results .row.error-msg {
    font-family: NunitoSans-SemiBold,sans-serif;
    font-size: 16px;
    text-align: center
}

@media(min-width: 768px) {
    .portlet-zain-search-results .row.error-msg {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .portlet-zain-search-results .row.error-msg {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .portlet-zain-search-results .row.error-msg {
        font-size:20px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .section-wrapper .portlet-zain-search-results .container {
        max-width:640px
    }
}

.portlet-zain-search-results .search-results .tabs-wrapper {
    position: relative
}

.portlet-zain-search-results .search-results .tabs-wrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: calc(100% + 1000px);
    left: 0;
    background: #d12b8a
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-zain-search-results .search-results .nav.nav-tabs {
        border:0
    }
}

.portlet-zain-search-results .search-results .nav.nav-tabs li {
    color: #727272;
    min-width: 178px;
    text-align: center;
    font-size: 24px
}

.portlet-zain-search-results .search-results .nav.nav-tabs li a {
    color: inherit;
    padding: 0;
    font-size: inherit;
    line-height: 1.2;
    letter-spacing: .6px;
    padding: 6px 65px;
    margin-bottom: -1px
}

@media(max-width: 1199px) and (min-width:768px) {
    .portlet-zain-search-results .search-results .nav.nav-tabs li {
        min-width:auto
    }

    .portlet-zain-search-results .search-results .nav.nav-tabs li a {
        padding: 6px 30px;
        font-size: 18px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .portlet-zain-search-results .search-results .nav.nav-tabs li {
        min-width:130px
    }

    .portlet-zain-search-results .search-results .nav.nav-tabs li a {
        padding: 6px 45px
    }
}

@media(max-width: 1919px) and (min-width:1440px) {
    .portlet-zain-search-results .search-results .nav.nav-tabs li {
        min-width:160px
    }

    .portlet-zain-search-results .search-results .nav.nav-tabs li a {
        padding: 6px 45px
    }
}

.portlet-zain-search-results .search-results .nav.nav-tabs li.active {
    color: #d12b8a;
    font-family: NunitoSans-Black,sans-serif;
    background-color: transparent;
    border-color: transparent
}

.portlet-zain-search-results .search-results .nav.nav-tabs li.active a {
    border-bottom: 4px solid !important;
    padding: 6px 10px
}

@media(max-width: 1199px) and (min-width:768px) {
    .portlet-zain-search-results .search-results .nav.nav-tabs li.active a {
        padding:6px 30px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-zain-search-results .search-results .nav.nav-tabs li {
        min-width:100%;
        padding: 6px 30px;
        width: 0;
        height: 0;
        overflow: hidden;
        padding: 0;
        font-size: 22px
    }

    .portlet-zain-search-results .search-results .nav.nav-tabs li.active {
        width: auto;
        height: auto;
        overflow: visible;
        margin-bottom: 3px
    }

    .portlet-zain-search-results .search-results .nav.nav-tabs li.active a {
        padding: 6px 30px;
        border-bottom: 0 none !important
    }

    .portlet-zain-search-results .search-results .nav.nav-tabs li.active.show {
        margin-bottom: 0
    }

    .portlet-zain-search-results .search-results .nav.nav-tabs li.show {
        width: auto;
        height: auto;
        overflow: visible
    }

    .portlet-zain-search-results .search-results .nav.nav-tabs li.show a {
        padding: 6px 30px
    }
}

@media(min-width: 1200px) {
    .portlet-zain-search-results .search-results .nav.nav-tabs li {
        font-size:20px
    }
}

@media(min-width: 1440px) {
    .portlet-zain-search-results .search-results .nav.nav-tabs li {
        font-size:24px
    }
}

@media(min-width: 1600px) {
    .portlet-zain-search-results .search-results .nav.nav-tabs li {
        font-size:32px
    }
}

.portlet-zain-search-results .search-results .productListing {
    text-align: center;
    margin-top: 33px;
    padding: 1rem 0 0
}

@media(max-width: 767px) {
    .portlet-zain-search-results .search-results .productListing [class*=col] {
        padding-left:3px;
        padding-right: 3px
    }
}

.portlet-zain-search-results .search-results .productListing .card-view-result .card {
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.161);
    box-shadow: 0 3px 9px rgba(0,0,0,.161);
    padding: 30px 15px;
    text-align: center;
    min-height: 473px
}

.portlet-zain-search-results .search-results .productListing .card-view-result .card .img-container {
    margin-bottom: 28px;
    text-align: center;
    min-height: 289px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1919px) and (min-width:1440px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card .img-container {
        min-height:240px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card .img-container {
        min-height:180px
    }
}

.portlet-zain-search-results .search-results .productListing .card-view-result .card .img-container .aspect-ratio {
    padding-bottom: 0
}

.portlet-zain-search-results .search-results .productListing .card-view-result .card .img-container .aspect-ratio-item-center-middle {
    position: relative;
    right: inherit;
    top: inherit;
    -webkit-transform: inherit;
    transform: inherit;
    left: inherit;
    bottom: inherit;
    max-height: 289px;
    text-align: center;
    max-width: 100%
}

@media(max-width: 1919px) and (min-width:1440px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card .img-container .aspect-ratio-item-center-middle {
        max-height:240px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card .img-container .aspect-ratio-item-center-middle {
        max-height:180px
    }
}

.portlet-zain-search-results .search-results .productListing .card-view-result .card h5 {
    font-family: NunitoSans-Black;
    text-transform: inherit;
    margin-bottom: .5rem
}

.portlet-zain-search-results .search-results .productListing .card-view-result .card h5 a {
    color: #000;
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 20px
}

.portlet-zain-search-results .search-results .productListing .card-view-result .card h5 a:hover {
    color: #d12b8a
}

@media(min-width: 768px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card h5 a {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card h5 a {
        font-size:20px
    }
}

@media(min-width: 1440px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card h5 a {
        font-size:24px
    }
}

@media(min-width: 1600px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card h5 a {
        font-size:28px
    }
}

@media(max-width: 1919px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card {
        min-height:424px
    }
}

@media(max-width: 1599px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card {
        min-height:412px
    }
}

@media(max-width: 1439px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card {
        min-height:340px
    }
}

@media(max-width: 1199px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card {
        min-height:449px
    }
}

@media(max-width: 767px) {
    .portlet-zain-search-results .search-results .productListing .card-view-result .card {
        min-height:421px
    }
}

.portlet-zain-search-results .search-results .resultPagination {
    color: #d12b8a;
    font-style: italic;
    display: none;
    text-align: center;
    padding-bottom: 16px
}

.portlet-zain-search-results .search-results .resultPagination strong {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    font-family: NunitoSans-Black
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-zain-search-results .search-results .resultPagination {
        display:block
    }
}

.portlet-zain-search-results .search-results .viewmore-link {
    margin-top: 30px;
    margin-bottom: 50px
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-zain-search-results .search-results .viewmore-link {
        margin-top:0
    }
}

.portlet-zain-search-results .search-results .viewmore-link .btn.btn-link {
    position: relative;
    padding: 15px;
    text-decoration: none;
    color: #d12b8a;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-zain-search-results .search-results .viewmore-link .btn.btn-link {
        padding:15px 15px 0 15px
    }
}

.portlet-zain-search-results .search-results .viewmore-link .btn.btn-link label {
    color: #d12b8a;
    font-family: NunitoSans-Black,sans-serif;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
    font-size: 12px
}

@media(min-width: 1440px) {
    .portlet-zain-search-results .search-results .viewmore-link .btn.btn-link label {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .portlet-zain-search-results .search-results .viewmore-link .btn.btn-link label {
        font-size:16px
    }
}

.portlet-zain-search-results .search-results .viewmore-link .btn.btn-link i {
    position: relative;
    right: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0;
    font-size: 12px;
    line-height: 1
}

@media(min-width: 1440px) {
    .portlet-zain-search-results .search-results .viewmore-link .btn.btn-link i {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .portlet-zain-search-results .search-results .viewmore-link .btn.btn-link i {
        font-size:16px
    }
}

.portlet-zain-search-results .search-results .list-view-results {
    padding-bottom: 1rem
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-zain-search-results .search-results .list-view-results {
        padding-bottom:0
    }
}

.portlet-zain-search-results .search-results .list-view-results .list-results {
    text-align: right
}

.portlet-zain-search-results .search-results .list-view-results .list-results li {
    padding: 25px 0;
    border-top: 1px solid #e3e3e3
}

.portlet-zain-search-results .search-results .list-view-results .list-results li:last-of-type {
    border-bottom: 1px solid #e3e3e3
}

.portlet-zain-search-results .search-results .list-view-results .list-results li .main-heading {
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: bolder;
    letter-spacing: .6px;
    line-height: 1.2;
    font-size: 22px;
    color: #000;
    text-transform: inherit
}

@media(min-width: 280px) {
    .portlet-zain-search-results .search-results .list-view-results .list-results li .main-heading {
        font-size:24px
    }
}

@media(min-width: 768px) {
    .portlet-zain-search-results .search-results .list-view-results .list-results li .main-heading {
        font-size:26px
    }
}

@media(min-width: 1200px) {
    .portlet-zain-search-results .search-results .list-view-results .list-results li .main-heading {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .portlet-zain-search-results .search-results .list-view-results .list-results li .main-heading {
        font-size:28px
    }
}

@media(min-width: 1600px) {
    .portlet-zain-search-results .search-results .list-view-results .list-results li .main-heading {
        font-size:34px
    }
}

.portlet-zain-search-results .search-results .list-view-results .list-results li .sub-text {
    color: #727272;
    max-width: 68%;
    font-size: 14px
}

@media(min-width: 1200px) {
    .portlet-zain-search-results .search-results .list-view-results .list-results li .sub-text {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .portlet-zain-search-results .search-results .list-view-results .list-results li .sub-text {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .portlet-zain-search-results .search-results .list-view-results .list-results li .sub-text {
        font-size:18px
    }
}

.portlet-zain-search-results .search-results .list-view-results .list-results li a {
    color: inherit
}

.portlet-zain-search-results .search-results .list-view-results .list-results li a:hover {
    color: #d12b8a
}

.portlet-zain-search-results .search-results .list-view-results.no-products .list-results li:first-child {
    border-top: 0;
    padding-bottom: 0
}

.portlet-zain-search-results .search-results .search-result_slider .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 60px;
    width: 60px;
    color: #fff;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: rgba(255,255,255,.4);
    z-index: 1;
    visibility: visible;
    min-height: 44px
}

.portlet-zain-search-results .search-results .search-result_slider .slick-arrow.slick-disabled {
    visibility: visible;
    pointer-events: none;
    opacity: 0
}

.portlet-zain-search-results .search-results .search-result_slider .slick-arrow i {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 43px;
    font-size: 20px;
    margin-right: 0
}

.portlet-zain-search-results .search-results .search-result_slider .slick-arrow.dark {
    background: rgba(0,0,0,.4)
}

.portlet-zain-search-results .search-results .search-result_slider .slick-arrow.prev {
    left: calc(100% - 50px);
    top: 50%;
    right: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -30px;
    width: 44px;
    height: 44px
}

.portlet-zain-search-results .search-results .search-result_slider .slick-arrow.next {
    right: calc(100% - 50px);
    top: 50%;
    margin-top: -30px;
    width: 44px;
    height: 44px
}

.portlet-zain-search-results a.portlet-icon-back {
    display: none
}

.portlet-zain-search-results .search-detail-container {
    margin: 30px 0
}

.portlet-zain-search-results .search-detail-container .taglib-header .header-back-to {
    font-size: 15px;
    background-color: #d12b8a;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 2rem;
    line-height: 34px;
    text-align: center;
    width: 2rem
}

.portlet-zain-search-results .search-detail-container .taglib-header .header-back-to span {
    margin-top: -2px;
    display: block
}

.portlet-zain-search-results .search-detail-container .taglib-header .header-back-to a {
    color: #fff;
    padding: 0
}

.portlet-zain-search-results .search-detail-container .taglib-header .header-title {
    font-family: NunitoSans-Black;
    font-weight: unset;
    color: #000;
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 16px
}

@media(min-width: 768px) {
    .portlet-zain-search-results .search-detail-container .taglib-header .header-title {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .portlet-zain-search-results .search-detail-container .taglib-header .header-title {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .portlet-zain-search-results .search-detail-container .taglib-header .header-title {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .portlet-zain-search-results .search-detail-container .taglib-header .header-title {
        font-size:24px
    }
}

.portlet-zain-search-results .search-detail-container .journal-content-article {
    font-size: 18px;
    line-height: 24px;
    color: #727272
}

.portlet-zain-search-results .search-detail-container .journal-content-article img {
    max-width: 100%
}

html[dir=rtl] #wrapper .portlet-zain-search-results .search-results .resultPagination strong {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] #wrapper .portlet-zain-search-results .section-heading h4.sub-text.ff-rg {
    font-weight: 700
}

html[dir=rtl] #wrapper .portlet-zain-search-results .section-heading h4.sub-text.ff-rg span {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] #wrapper .portlet-zain-search-results .portlet-zain-search-results .search-results .productListing .card-view-result .card h5 a {
    font-family: QTZain-Bold,sans-serif;
    font-weight: 700
}

html[dir=rtl] .portlet-zain-search-results .search-results .productListing .card-view-result.search-result_slider button.btn.prev.slick-arrow i.icon-arrow-pointing-to-right::before {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important
}

.order-history-layout .top-heading-area .section-heading h1.main-heading {
    font-family: NunitoSans-Black;
    letter-spacing: .6px;
    line-height: 1.2;
    font-size: 26px
}

@media(min-width: 1440px) {
    .order-history-layout .top-heading-area .section-heading h1.main-heading {
        font-size:30px
    }
}

@media(min-width: 1200px) {
    .order-history-layout .top-heading-area .section-heading h1.main-heading {
        font-size:28px
    }
}

.order-history-layout .top-heading-area .section-heading h4.sub-text {
    letter-spacing: .4px;
    line-height: 1.6
}

@media(min-width: 1600px) {
    .order-history-layout .top-heading-area .section-heading h4.sub-text {
        font-size:22px
    }
}

@media(min-width: 1440px) {
    .order-history-layout .top-heading-area .section-heading h4.sub-text {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .order-history-layout .top-heading-area .section-heading h4.sub-text {
        font-size:18px
    }
}

@media(min-width: 460px) {
    .order-history-layout .top-heading-area .section-heading h4.sub-text {
        font-size:14px
    }
}

.order-history-layout .tabs-wrapper .nav-tabs .nav-link {
    letter-spacing: .6px;
    line-height: 1.2
}

@media(max-width: 1919px) and (min-width:1440px) {
    .order-history-layout .tabs-wrapper .nav-tabs .nav-link {
        min-width:160px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .order-history-layout .tabs-wrapper .nav-tabs .nav-link {
        min-width:130px
    }
}

@media(min-width: 1600px) {
    .order-history-layout .tabs-wrapper .nav-tabs .nav-link {
        font-size:32px
    }
}

@media(min-width: 1440px) {
    .order-history-layout .tabs-wrapper .nav-tabs .nav-link {
        font-size:24px
    }
}

@media(min-width: 1200px) {
    .order-history-layout .tabs-wrapper .nav-tabs .nav-link {
        font-size:20px
    }
}

.order-history-layout a {
    font-family: NunitoSans-Regular;
    text-decoration: none
}

.order-history-layout .accordion.features_accordian .card {
    border: 0;
    border-bottom: 1px solid #e3e3e3 !important;
    margin-bottom: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.order-history-layout .accordion.features_accordian .card .card-header {
    background: #fff;
    text-align: right;
    border-bottom: 0;
    padding: 24px 0
}

.order-history-layout .accordion.features_accordian .card .card-header h4 {
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 13px
}

@media(min-width: 768px) {
    .order-history-layout .accordion.features_accordian .card .card-header h4 {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .order-history-layout .accordion.features_accordian .card .card-header h4 {
        font-size:18px
    }
}

@media(min-width: 1440px) {
    .order-history-layout .accordion.features_accordian .card .card-header h4 {
        font-size:20px
    }
}

@media(min-width: 1600px) {
    .order-history-layout .accordion.features_accordian .card .card-header h4 {
        font-size:24px
    }
}

.order-history-layout .fs-24 {
    letter-spacing: .4px;
    line-height: 1.6
}

@media(min-width: 1600px) {
    .order-history-layout .fs-24 {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .order-history-layout .fs-24 {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .order-history-layout .fs-24 {
        font-size:18px
    }
}

@media(min-width: 768px) {
    .order-history-layout .fs-24 {
        font-size:16px
    }
}

.order-history-layout h1,.order-history-layout h2,.order-history-layout h3,.order-history-layout h4,.order-history-layout h5,.order-history-layout h6 {
    font-family: NunitoSans-Black;
    font-weight: unset
}

.order-history-layout .accordion.features_accordian .card .card-header .btn-link {
    text-decoration: none;
    color: #d12b8a;
    background: #f7f7f7;
    border-radius: 50%;
    line-height: 0;
    padding: 0;
    min-height: 40px;
    width: 40px;
    text-align: center;
    margin-left: 16px
}

.order-history-layout .accordion.features_accordian .card .card-body,.order-history-layout .card.order-tracking .card-body {
    padding: 0
}

@media(max-width: 767px) {
    .order-history-layout .accordion.features_accordian .card .card-body:before,.order-history-layout .card.order-tracking .card-body:before {
        content:"";
        position: absolute;
        right: 50px;
        bottom: 100%;
        width: 0;
        height: 0;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        border-bottom: 15px solid #f4f4f4
    }

    .order-history-layout .accordion.features_accordian .card .card-body,.order-history-layout .card.order-tracking .card-body {
        position: relative;
        background: #f4f4f4;
        text-align: right
    }

    .order-history-layout .accordion.features_accordian .card .card-body:after,.order-history-layout .card.order-tracking .card-body:after {
        content: "";
        background: #f4f4f4;
        position: absolute;
        right: -15px;
        width: calc(100% + 28px);
        height: 100%;
        top: 0;
        z-index: -1
    }
}

.order-history-layout .order-history-detail .re-order {
    padding-right: 0 !important;
    text-align: center
}

.order-history-layout .order-history-detail .re-order a {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background-color: #d12b8a;
    padding: 10px 22px;
    border-radius: 5px;
    border: 2px solid #d12b8a;
    min-height: 10px;
    border-radius: 10px !important;
    font-size: 13px !important;
    padding: 10px 40px !important;
    font-family: NunitoSans-Black,sans-serif
}

@media(max-width: 768px) {
    .order-history-layout .order-history-detail .re-order {
        padding-right:0;
        padding-bottom: 30px
    }
}

.order-icon i {
    height: 38px;
    width: 38px;
    text-align: center;
    background: #000;
    line-height: 38px !important;
    margin-left: 15px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order-icon i:before {
    content: none
}

.order-icon i img {
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.order-icon span {
    display: inline-block;
    line-height: 35px;
    position: relative;
    top: 3px
}

.order-icon.all-orders i {
    background: #fff;
    color: #e689be;
    border: 0;
    font-size: 16px
}

.order-icon.out-for-delivery i {
    background: #fff;
    color: #fff;
    font-size: 24px
}

.order-icon.complete-orders i {
    background: #fff;
    color: #fff;
    font-size: 24px
}

.order-icon.cancelled-orders i {
    background: #fff;
    color: #c6c6c6;
    border: #fff solid 1px;
    font-size: 16px
}

.order-history-layout .card.order-tracking {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(max-width: 760px) {
    .order-history-layout .card.order-tracking .product-tracking {
        margin-top:10px
    }
}

.order-history-layout .card.order-tracking .product-tracking iframe {
    width: 100%;
    margin: 0;
    border: 0 #fff none
}

.order-history-layout .card.order-tracking .card-header:first-child {
    border-radius: 0;
    background-color: transparent;
    border-bottom: 0
}

.order-history-layout .card.order-tracking .card-body {
    margin-top: 5px
}

.order-history-layout .card.order-tracking .card-body:before {
    right: 75px
}

.order-history-layout .card.order-tracking .card-body .order-history-detail .delivry-option ul li:last-child {
    border-bottom: 0
}

@media(max-width: 767px) {
    .order-history-layout .card.order-tracking .card-body .order-history-detail .section-products-summary .product-item .product-img {
        position:relative;
        background: #fff
    }

    .order-history-layout .card.order-tracking .card-body .order-history-detail .section-products-summary .product-item .product-img img {
        width: 58%;
        position: absolute;
        right: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(calc(-50% * -1),-50%);
        padding: 0
    }
}

.order-history-layout .card.order-tracking h4.fs-24 {
    letter-spacing: .4px;
    line-height: 1.6;
    font-size: 13px;
    margin-right: 60px;
    margin-bottom: 10px !important
}

@media(min-width: 768px) {
    .order-history-layout .card.order-tracking h4.fs-24 {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .order-history-layout .card.order-tracking h4.fs-24 {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    .order-history-layout .card.order-tracking h4.fs-24 {
        font-size:24px
    }
}

@media(max-width: 768px) {
    .order-history-layout .card.order-tracking .card-header .order-icon i {
        margin-left:0
    }

    .order-history-layout .card.order-tracking .card-header .order-icon span {
        width: auto;
        display: inline-block;
        text-align: center;
        line-height: 16px;
        padding: 0 10px;
        font-size: 12px;
        font-weight: 700
    }
}

@media(max-width: 767px) {
    .order-history-layout .card.order-tracking .card-header .order-icon {
        text-align:center
    }
}

@media(max-width: 768px) {
    .order-history-layout .sm-text-center {
        text-align:center !important
    }
}

.order-history-layout .top-heading-area {
    position: relative
}

.order-history-layout .top-heading-area .section-heading h4.sub-text {
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto
}

.order-history-layout .top-heading-area .section-heading h4.ff-rg {
    font-family: NunitoSans-Regular,sans-serif !important
}

@media(min-width: 1200px) and (max-width:1600px) {
    .order-history-layout .top-heading-area .section-heading h4.ff-rg {
        max-width:770px
    }
}

.order-history-layout .sect_sepretor_limited::after {
    width: 100%
}

.order-history-layout .accordion.features_accordian .card .card-header .order-icon span {
    font-weight: 700 !important
}

@media(max-width: 768px) {
    .order-history-layout .accordion.features_accordian .card .card-header .order-icon span {
        line-height:unset
    }
}

@media(max-width: 767px) {
    .order-history-layout .accordion.features_accordian .card .card-header .order-icon span {
        text-align:center
    }
}

@media(max-width: 767px) {
    .order-history-layout .accordion.features_accordian .card .card-header .order-icon {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .order-history-layout .accordion.features_accordian .card .card-header .order-icon span {
        font-size: 12px;
        padding: 0 10px;
        line-height: 16px
    }

    .order-history-layout .accordion.features_accordian .card .card-header .order-icon i {
        margin-left: 0
    }
}

.order-history-layout .accordion.features_accordian .card .card-header .btn-link {
    font-size: 12px
}

@media(max-width: 1919px) and (min-width:120px) {
    .order-history-layout .accordion.features_accordian .card .card-header .btn-link {
        min-width:40px
    }
}

.order-history-layout .mobile-only {
    display: none !important
}

@media(max-width: 767px) {
    .order-history-layout .mobile-only {
        display:block !important
    }
}

@media(max-width: 767px) {
    .order-history-layout .desktop-only {
        display:none !important
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .order-history-layout .container.tabs-wrapper.device-only-tabs {
        max-width:820px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width: 992px) and (min-width:360px) {
    .order-history-layout .container.tabs-wrapper.device-only-tabs {
        padding:0
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .order-history-layout .container.tabs-wrapper.device-only-tabs {
        max-width:100%
    }
}

@media(max-width: 768px) {
    .order-history-layout .container.tabs-wrapper.device-only-tabs .tab-content {
        margin:0 -10px
    }
}

@media(max-width: 767px) {
    .order-history-layout .container.tabs-wrapper.device-only-tabs .tab-content {
        margin:0
    }
}

.order-history-layout .container.tabs-wrapper.device-only-tabs .tab-pane.active {
    padding: 2rem 0
}

.order-history-layout {
    font-size: 18px
}

@media(max-width: 1440px) {
    .order-history-layout {
        font-size:14px
    }
}

.order-history-layout .nav-tabs.order-history-nav {
    text-align: center;
    display: block;
    margin-bottom: 50px;
    border-bottom: 0
}

@media(max-width: 767px) {
    .order-history-layout .nav-tabs.order-history-nav {
        text-align:right;
        padding-bottom: 5px
    }

    .order-history-layout .nav-tabs.order-history-nav .dropdown i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0
    }
}

.order-history-layout .nav-tabs.order-history-nav i {
    line-height: 30px !important;
    width: 30px;
    height: 30px;
    font-size: 12px;
    margin-left: 7px;
    background: #fff;
    border: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.order-history-layout .nav-tabs.order-history-nav i.icon-confirmation,.order-history-layout .nav-tabs.order-history-nav i.icon-delivery-truck-1 {
    font-size: 18px
}

.order-history-layout .nav-tabs.order-history-nav i.cancelled-orders {
    font-size: 14px
}

.order-history-layout .nav-tabs.order-history-nav a {
    display: inline-block;
    margin: 0 15px;
    font-size: 16px !important;
    cursor: pointer;
    border: 0;
    letter-spacing: .6px
}

@media(max-width: 991px) and (min-width:768px) {
    .order-history-layout .nav-tabs.order-history-nav a {
        font-size:14px !important;
        margin: 0 5px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media(max-width: 767px) {
    .order-history-layout .nav-tabs.order-history-nav a {
        display:none;
        margin: 0 0 6px 0 !important;
        width: 95%;
        text-align: right !important
    }

    .order-history-layout .nav-tabs.order-history-nav a.active {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer
    }
}

.order-history-layout .nav-tabs.order-history-nav .nav-link {
    color: #727272;
    min-width: 178px;
    text-align: center;
    padding-top: .28125rem;
    padding-bottom: .28125rem
}

@media(max-width: 1919px) and (min-width:1440px) {
    .order-history-layout .nav-tabs.order-history-nav .nav-link {
        min-width:160px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .order-history-layout .nav-tabs.order-history-nav .nav-link {
        min-width:130px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .order-history-layout .nav-tabs.order-history-nav .nav-link {
        min-width:140px
    }
}

.order-history-layout .nav-tabs.order-history-nav .nav-link.active {
    color: #d12b8a;
    font-family: NunitoSans-Regular,sans-serif;
    background-color: transparent;
    border-color: transparent;
    font-weight: 600
}

@media(min-width: 767px) {
    .order-history-layout .nav-tabs.order-history-nav .nav-link.active {
        border-bottom:4px solid !important
    }
}

@media(max-width: 767px) {
    .order-history-layout .nav-tabs.order-history-nav .nav-link.active .order-icon span {
        font-family:NunitoSans-Regular
    }
}

.order-history-layout .nav-tabs.order-history-nav.active a {
    display: inline-block !important
}

.order-history-layout span.dropdown {
    display: none
}

@media(max-width: 767px) {
    .order-history-layout span.dropdown {
        display:inline-block !important;
        float: left;
        position: absolute;
        left: 0;
        top: 9px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        cursor: pointer
    }
}

.order-history-layout .order-history-head {
    padding-bottom: 10px;
    border-bottom: #e3e3e3 solid 1px
}

.order-history-layout .order-history-head div {
    color: #9b9b9b
}

.order-history-layout .order-history-head div span {
    padding-right: 60px
}

@media(max-width: 768px) {
    .order-history-layout .order-history-head div span {
        padding-left:0
    }
}

@media(max-width: 767px) {
    .order-history-layout .order-history-head div {
        text-align:center;
        font-size: 11px
    }

    .order-history-layout .order-history-head div span {
        padding-right: 0
    }
}

.order-history-layout .order-date {
    padding-top: 0;
    opacity: 1;
    color: #727272
}

@media(max-width: 768px) {
    .order-history-layout .order-date.mobile-only {
        position:static !important;
        text-align: right;
        padding-right: 60px;
        margin-top: -10px;
        opacity: .3
    }
}

@media(max-width: 767px) {
    .order-history-layout .order-date {
        font-size:12px
    }
}

.order-history-layout .order-history-detail {
    padding: 0 10px
}

@media(max-width: 1023px) {
    .order-history-layout .order-history-detail>.row>.col-sm-3,.order-history-layout .order-history-detail>.row>.col-sm-9 {
        -webkit-box-flex:0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.order-history-layout .order-history-detail .re-order {
    margin-top: 20px
}

.order-history-layout .order-history-detail .delivry-option {
    border: 1px solid #f0f0f0;
    padding: 5px;
    padding-bottom: 20px
}

.order-history-layout .order-history-detail .delivry-option ul {
    list-style: none
}

@media(max-width: 1023px) {
    .order-history-layout .order-history-detail .delivry-option ul {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 20px
    }

    .order-history-layout .order-history-detail .delivry-option ul:after {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        right: 50%;
        background: #eaeaea;
        z-index: 11;
        display: block;
        top: 0
    }
}

.order-history-layout .order-history-detail .delivry-option ul li {
    padding: 20px 5px;
    border-bottom: 1px solid #f0f0f0
}

.order-history-layout .order-history-detail .delivry-option ul li:last-child {
    border-bottom: 0
}

.order-history-layout .order-history-detail .delivry-option ul li .delivery-img {
    padding: 0 8px;
    text-align: center
}

@media(max-width: 767px) {
    .order-history-layout .order-history-detail .delivry-option ul li .delivery-img {
        text-align:right
    }
}

.order-history-layout .order-history-detail .delivry-option ul li .delivery-text p {
    font-family: NunitoSans-Regular;
    font-size: 12px;
    line-height: 24px;
    color: #727272
}

@media(min-width: 768px) {
    .order-history-layout .order-history-detail .delivry-option ul li .delivery-text p {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .order-history-layout .order-history-detail .delivry-option ul li .delivery-text p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .order-history-layout .order-history-detail .delivry-option ul li .delivery-text p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .order-history-layout .order-history-detail .delivry-option ul li .delivery-text p {
        font-size:18px
    }
}

.order-history-layout .order-history-detail .delivry-option ul li .delivery-text p b {
    color: #000;
    font-family: NunitoSans-Black;
    font-weight: 600
}

@media(max-width: 1023px) {
    .order-history-layout .order-history-detail .delivry-option ul li {
        padding:20px 5px;
        border-bottom: 0;
        display: inline-block;
        width: 50%;
        position: relative !important
    }

    .order-history-layout .order-history-detail .delivry-option ul li:nth-of-type(3)::before,.order-history-layout .order-history-detail .delivry-option ul li:nth-of-type(4)::before {
        content: "";
        width: 104%;
        height: 1px;
        position: absolute;
        right: 0;
        background: #eaeaea;
        z-index: 11;
        display: block;
        top: 0
    }
}

@media(max-width: 767px) {
    .order-history-layout .order-history-detail .delivry-option ul li .delivery-box {
        padding:0 20px
    }
}

.order-history-layout .order-history-detail .delivry-option .tracking-button {
    margin-top: 15px;
    text-align: center
}

.order-history-layout .order-history-detail .delivry-option .tracking-button button {
    cursor: pointer;
    color: #fff;
    background-color: #d12b8a;
    border: 2px solid #d12b8a;
    border-radius: 5px;
    font-family: NunitoSans-Black,sans-serif;
    border-radius: 10px !important;
    font-size: 13px !important;
    padding: 10px 40px !important
}

.order-history-layout .order-history-detail .delivry-option .tracking-button button:hover {
    background: #fff;
    color: #d12b8a
}

@media(max-width: 768px) {
    .order-history-layout .order-history-detail .delivry-option .tracking-button {
        display:block;
        clear: both;
        margin: 0 -15px;
        padding-top: 0
    }
}

@media(max-width: 767px) {
    .order-history-layout .order-history-detail .delivry-option .tracking-button {
        border-top:#eaeaea solid 1px;
        padding-top: 30px
    }
}

@media(max-width: 768px) {
    .order-history-layout .order-history-detail .delivry-option {
        border:0;
        margin: 0 -10px;
        padding: 15px;
        border-top: #eaeaea solid 1px;
        padding-bottom: 25px
    }
}

.order-history-layout .order-history-detail .col-sm-9>.section-products-summary.new_cart.cart-summary {
    border: none !important
}

html[dir=rtl] .order-history-detail .re-order {
    padding-left: 31% !important;
    padding-right: 0 !important
}

html[dir=rtl] .order-history-detail .re-order .btn {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] #wrapper .section-heading h4.sub-text.ff-rg {
    font-weight: 400
}

@media(max-width: 1199px) and (min-width:768px) {
    html[dir=rtl] .order-history-layout .accordion.features_accordian .card .card-header h4 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    html[dir=rtl] .order-history-layout .accordion.features_accordian .card .card-header h4 .btn-link {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

html[dir=rtl] .order-history-layout .nav-tabs.order-history-nav .nav-link.active .order-icon span {
    font-weight: 600;
    font-family: qt_zaintextregular
}

html[dir=rtl] .order-history-layout .order-history-head div span {
    padding-right: 0
}

html[dir=rtl] .order-history-layout .nav-tabs.order-history-nav .nav-link.active .order-icon span.order-date,html[dir=rtl] .order-history-layout .order-history-head div span,html[dir=rtl] .order-history-layout .order-icon span {
    font-family: qt_zaintextregular
}

html[dir=rtl] .order-history-layout h4 {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .order-history-layout .order-history-detail .delivry-option .tracking-button button {
    font-family: qt_zaintextregular
}

html[dir=rtl] .order-history-layout .order-history-detail .delivry-option ul li .delivery-text p {
    font-family: qt_zaintextregular;
    color: #727272
}

html[dir=rtl] .section-products-summary .reason-cancellation label,html[dir=rtl] .section-products-summary .reason-cancellation p {
    font-family: qt_zaintextregular
}

@media(max-width: 767px) {
    html[dir=rtl] .section-products-summary .reason-cancellation {
        -webkit-transform:translateX(-80px);
        transform: translateX(calc(-80px * -1))
    }
}

.section-products-summary:not(div:last-child) {
    border-bottom: 0;
    padding-bottom: 0
}

.section-products-summary .reason-cancellation {
    margin-right: 7rem;
    width: 50%
}

.section-products-summary .reason-cancellation p {
    margin: 0 0 8px;
    font-family: NunitoSans-Regular;
    color: #727272
}

.section-products-summary .reason-cancellation label {
    color: #d12b8a !important;
    font-family: NunitoSans-Regular;
    font-weight: 600
}

@media(min-width: 1440px) {
    .section-products-summary .reason-cancellation {
        margin-right:8.7rem
    }
}

@media(min-width: 1600px) {
    .section-products-summary .reason-cancellation {
        margin-right:10rem
    }
}

@media(min-width: 1920px) {
    .section-products-summary .reason-cancellation {
        margin-right:9.5rem
    }
}

@media(max-width: 1199px) {
    .section-products-summary .reason-cancellation {
        width:100%;
        margin-right: 5.5rem
    }
}

@media(max-width: 1023px) {
    .section-products-summary .reason-cancellation {
        margin-right:7.3rem
    }
}

@media(max-width: 991px) {
    .section-products-summary .reason-cancellation {
        margin-right:8.3rem
    }
}

@media(max-width: 767px) {
    .section-products-summary .reason-cancellation {
        margin-right:0;
        -webkit-transform: translateX(80px);
        transform: translateX(calc(80px * -1));
        width: 70%
    }
}

.zain-cp-reviewsandratings .section-heading .ratings .ratings-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.zain-cp-reviewsandratings .product-rating {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 18px
}

@media(max-width: 1199px) {
    .zain-cp-reviewsandratings .product-rating {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.2
    }
}

.zain-cp-reviewsandratings .product-rating .star {
    color: #e3e3e3
}

.zain-cp-reviewsandratings .product-rating .star.active {
    color: #ffce00
}

.zain-cp-reviewsandratings .product-rating .rating-count {
    color: #727272;
    padding-right: 0
}

.zain-cp-reviewsandratings .product-rating a {
    cursor: pointer;
    padding-right: 0
}

.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-score,.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-vote {
    padding-right: 0
}

.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-score .rating-label,.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-vote .rating-label {
    display: none
}

.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-score a,.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-score span,.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-vote a,.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-vote span {
    cursor: pointer;
    text-decoration: none;
    color: #ffcb00;
    font-size: 14px;
    margin-left: 3px;
    font-family: fontawesome-alloy;
    padding: 0
}

.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-score a.icon-star-empty,.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-score span.icon-star-empty,.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-vote a.icon-star-empty,.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-vote span.icon-star-empty {
    color: #e0e0e0
}

.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-score a.btn.btn-unstyled.rating-element.icon-star-off,.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-vote a.btn.btn-unstyled.rating-element.icon-star-off {
    color: #e0e0e0
}

.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-score span.rating-element.icon-star-off {
    color: #e0e0e0 !important
}

.zain-cp-reviewsandratings .taglib-ratings.stars .liferay-rating-vote {
    display: none
}

.zain-cp-reviewsandratings .top-heading-area {
    border-bottom: 1px solid #d12b8a;
    margin-top: 20px;
    padding-bottom: 60px
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .top-heading-area {
        padding-bottom:20px
    }
}

.zain-cp-reviewsandratings .review-section {
    padding-top: 20px
}

.zain-cp-reviewsandratings .review-section .reviews-sec-wrapper {
    text-align: center;
    margin-bottom: 40px
}

.zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review {
    padding: 20px !important
}

@media(max-width: 991px) {
    .zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review {
        padding:20px 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review h4 {
    font-size: 16px;
    margin-bottom: 8px;
    color: #000
}

.zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review p {
    color: #000;
    font-size: 14px;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review p {
        font-size:12px
    }
}

.zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review .ratings .ratings-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 991px) {
    .zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review .stars {
        display:none
    }
}

.zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review .review-button {
    max-width: 80%;
    margin: auto
}

@media only screen and (max-width: 991px) {
    .zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review .review-button {
        min-width:80% !important;
        display: inline-block;
        margin-bottom: -20px !important;
        border-bottom: 0 !important
    }
}

.zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .left-review .review-button a {
    text-decoration: none;
    color: #d12b8a;
    padding: 10px 20px;
    border: 1px solid #d12b8a;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block
}

.zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .right-review {
    padding: 20px
}

@media(max-width: 991px) {
    .zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .right-review {
        padding:20px 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.zain-cp-reviewsandratings .review-section .reviews-sec-wrapper .right-review h2 {
    font-size: 22px;
    margin-bottom: 8px;
    color: #000
}

.zain-cp-reviewsandratings .rating-wrapper .subscribe-link,.zain-cp-reviewsandratings .rating-wrapper label {
    display: none
}

.zain-cp-reviewsandratings .rating-wrapper p {
    color: #727272;
    font-size: 14px;
    display: block;
    font-family: NunitoSans-Regular;
    word-break: break-all
}

.zain-cp-reviewsandratings .rating-wrapper .panel-heading.toggler-header.toggler-header-expanded {
    display: none
}

.zain-cp-reviewsandratings .rating-wrapper .panel {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-align: right
}

.zain-cp-reviewsandratings .rating-wrapper .panel .panel-body {
    padding: 0
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies {
        margin-right:0
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .card.list-group-card.panel {
    margin-bottom: 20px
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper {
    padding-top: 30px;
    border-bottom: 1px solid #d1cccc
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper:last-child {
    border: 0
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details {
        float:right
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details .user-icon {
    height: 77px;
    width: 77px;
    border: 3px solid #e9ecef;
    margin: 0 24px
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details .user-icon span {
    font-size: 30px;
    display: block;
    line-height: 70px
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details .user-icon {
        margin-right:0
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body {
    margin-right: 125px
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body {
        margin-right:0
    }

    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-details {
        float: right
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-message .lfr-discussion-message-author {
    font-family: NunitoSans-Black;
    margin-bottom: .5rem;
    font-weight: unset;
    line-height: 1.2;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-message span.small {
    color: #727272;
    font-size: 14px !important;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
    border-right: 1px solid;
    border: 0
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-message .taglib-ratings {
    margin-left: 0
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-message .taglib-ratings.stars .liferay-rating-vote {
    display: block
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-message .taglib-ratings.stars .liferay-rating-vote a {
    pointer-events: none
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-message .taglib-ratings.stars .liferay-rating-score {
    display: none
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-message .lfr-discussion-message-body {
        display:block;
        padding-top: 25px
    }
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls {
        float:right
    }
}

@media only screen and (min-width: 768px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls {
        position:relative;
        left: auto;
        top: auto;
        width: 100%;
        float: right
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .comment-date {
    float: right
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .comment-date p {
    font-size: 12px !important;
    line-height: 28px;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .comment-date {
        margin-left:10px;
        margin-top: 3px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action {
    line-height: inherit;
    float: right;
    margin-left: 15px;
    margin-right: 15px
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action {
        margin-right:0
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action .taglib-flags {
    line-height: inherit
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action .taglib-flags span.inline-item.inline-item-before::before {
    content: "\f071";
    font-family: fontawesome-alloy;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action .taglib-flags svg.lexicon-icon.lexicon-icon-flag-empty {
    display: none
}

html.ie.ie11 .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action .taglib-flags {
    margin-top: 2px
}

html.ie.ie11 .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action .taglib-flags .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

html.ie.ie11 .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action .taglib-flags .btn span {
    line-height: 2
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action span .btn {
    color: #d12b8a;
    border-radius: 5px;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-family: NunitoSans-Black;
    line-height: 0;
    min-height: 28px;
    opacity: 1;
    padding: 0 10px;
    width: auto;
    font-weight: 400
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action span .btn {
        font-size:10px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action span .btn:hover {
    background: #d12b8a;
    color: #fff
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action span .btn::after {
    content: "Report Abuse";
    margin-right: 10px
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action button.btn-outline-borderless.btn-outline-secondary.btn.btn-sm.btn-secondary {
    color: #d12b8a;
    border-radius: 5px;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-family: NunitoSans-Black;
    line-height: 0;
    min-height: 28px;
    opacity: 1;
    padding: 0 10px;
    width: auto;
    background-color: transparent
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action button.btn-outline-borderless.btn-outline-secondary.btn.btn-sm.btn-secondary:hover {
    background: #d12b8a;
    color: #fff
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action button.btn-outline-borderless.btn-outline-secondary.btn.btn-sm.btn-secondary {
        font-size:10px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .delete-comment a {
    color: #d12b8a
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings {
        margin-left:0;
        float: right
    }
}

@media(max-width: 2000px) and (min-width:768px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings {
        float:right;
        margin: 0
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .rating-thumb-down {
    display: none
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .taglib-ratings.thumbs .liferay-rating-vote .rating-thumb-up span.inline-item.inline-item-before svg {
    display: none
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .taglib-ratings.thumbs .liferay-rating-vote .rating-thumb-up span.inline-item.inline-item-before::before {
    content: "\f087";
    font-family: fontawesome-alloy;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

@media(max-width: 2000px) and (min-width:768px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings {
        float:right;
        margin-left: 12px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn {
    padding: 5px 10px;
    color: #d12b8a;
    border-radius: 5px;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 0;
    min-height: 28px;
    margin-left: 3px;
    opacity: 1;
    border: 0
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn span.inline-item.inline-item-before::after {
    content: "helpful";
    margin-right: 10px
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn span.inline-item.inline-item-before::after {
        content:none;
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn {
        font-size:0;
        background: rgba(209,43,138,.0901960784)
    }

    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn span.inline-item.inline-item-before {
        font-size: 14px;
        margin: 0
    }

    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn span.inline-item.inline-item-before svg.lexicon-icon.lexicon-icon-thumbs-up {
        display: none
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn.rating-on,.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn:hover {
    background: #d12b8a;
    color: #fff
}

html.ie.ie11 .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn {
    line-height: inherit
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action {
    float: right;
    line-height: 28px
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action {
        margin-top:3px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action span.active a {
    background: #d12b8a;
    color: #fff
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action a {
    display: inline-block;
    padding: 0 10px;
    color: #d12b8a;
    border-radius: 5px
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action a:hover {
    background: #d12b8a;
    color: #fff
}

@media(max-width: 1200px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action a:hover {
        pointer-events:none
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action a span.taglib-text {
    font-size: 12px;
    text-transform: uppercase;
    font-family: NunitoSans-Black;
    text-decoration: none
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action a span.taglib-text {
        font-size:10px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action a span.taglib-text:before {
    content: "\f086";
    font-family: fontawesome-alloy;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action a span.taglib-text:before {
        font-size:10px
    }
}

html.ie.ie11 .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .reply-action {
    line-height: -1px
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action {
        margin-top:3px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings.thumbs span.inline-item.inline-item-before::before {
    content: "\f087";
    font-family: fontawesome-alloy;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings.thumbs span.inline-item.inline-item-before::before {
        font-size:24px;
        margin-left: 6px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings.thumbs svg.lexicon-icon.lexicon-icon-thumbs-up {
    display: none
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings.thumbs .rating-off span.votes {
    font-size: 0
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings.thumbs span.votes {
    font-size: 12px;
    font-weight: unset;
    font-family: NunitoSans-Regular
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings.thumbs span.votes {
        font-size:11px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings.thumbs span.votes:before {
    content: "("
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings.thumbs span.votes:after {
    content: ")"
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) {
    border-right: 0;
    padding-right: 0;
    border-top: 1px solid #ccc;
    margin-right: 130px;
    padding: 20px 0
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) {
        margin-right:0 !important
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) .lfr-discussion.card-tab {
    margin-right: 0;
    margin-top: 20px
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) .card.list-group-card.panel {
    margin-bottom: 0
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) .lfr-discussion-body {
    margin-right: 85px
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) .lfr-discussion-body {
        margin-right:61px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) .lfr-discussion-body .lfr-discussion-message span.small {
    display: none
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) .lfr-discussion-body .lfr-discussion-controls .flag-action,.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) .lfr-discussion-body .lfr-discussion-controls .taglib-ratings {
    display: none
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2) .card-tab {
    border-right: 0;
    padding-right: 0;
    margin-right: 0
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2).lfr-discussion-form-reply {
    margin-right: 60px;
    border-top: 0;
    padding-top: 0
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2).lfr-discussion-form-reply .lfr-discussion-body .alloy-editor-container {
    background-color: #f7f7f7;
    font-size: 14px;
    padding: 15px 16px;
    padding-bottom: 15px;
    overflow: auto;
    border-radius: 4px;
    resize: vertical
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2).lfr-discussion-form-reply .lfr-discussion-body .alloy-editor-container .alloy-editor {
    border: 0;
    padding: 0
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab:nth-child(n+2).lfr-discussion-form-reply .lfr-discussion-body .button-holder .btn.btn-comment {
    float: left;
    font-size: 14px;
    padding-right: 20px;
    padding-left: 20px;
    min-width: 145px;
    height: 46px;
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab .lfr-discussion-details {
        float:right;
        margin: 0;
        margin-left: 16px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab .lfr-discussion-details .user-icon {
    max-width: 45px;
    max-height: 45px;
    border: 3px solid #e9ecef;
    margin: 0 24px 0 16px
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab .lfr-discussion-details .user-icon span {
    font-size: 18px;
    display: block;
    line-height: 40px
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab .lfr-discussion-details .user-icon {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab .lfr-discussion-body {
        margin-top:10px;
        width: 80%
    }

    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab .lfr-discussion-body .lfr-discussion-controls {
        width: 100%;
        float: right
    }
}

.zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion.card-tab .lfr-discussion-body .lfr-discussion-message .lfr-discussion-message-author {
    font-family: NunitoSans-Black;
    margin-bottom: .5rem;
    font-weight: unset;
    line-height: 1.2;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    float: none
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media {
        margin:0
    }
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media .user-icon {
    height: 70px;
    width: 70px;
    border: 3px solid #e9ecef;
    margin-left: 24px
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media .user-icon span {
    font-size: 30px;
    display: block;
    line-height: 70px
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media .media-body {
    margin-top: 15px
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media .media-body .name-rating h4 {
    font-size: 16px;
    margin-bottom: 8px;
    color: #000
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media .media-body .name-rating h4 {
        padding-left:20px
    }
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media .media-body .name-rating .liferay-rating-score {
    display: none
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media .media-body .name-rating .liferay-rating-vote {
    display: block
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-details.media span.rounded-circle.sticker.sticker-primary {
    height: 70px;
    width: 70px;
    border: 3px solid #e9ecef;
    margin-left: 24px
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-body.textarea-content {
    margin-right: 0;
    margin-top: 10px
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-body.textarea-content .alloy-editor-container {
    background-color: #f7f7f7;
    min-height: 46px;
    font-size: 14px;
    padding: 15px 16px;
    padding-bottom: 15px;
    max-height: 138px;
    overflow: auto;
    border-radius: 4px
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-body.textarea-content .alloy-editor-container .alloy-editor {
    border: 0;
    padding: 0
}

.zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-body.textarea-content .button-holder .btn {
    font-size: 14px;
    min-height: 46px;
    padding-right: 20px;
    padding-left: 20px;
    min-width: 145px
}

@media(max-width: 767px) and (min-width:280px) {
    .zain-cp-reviewsandratings .rating-wrapper .add-comment .panel .panel-body .lfr-discussion-body.textarea-content .button-holder .btn {
        font-size:12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px;
        min-width: 140px
    }
}

.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal .modal-dialog {
    max-width: 90%
}

@media(min-width: 576px) {
    .zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal .modal-dialog {
        max-width:500px
    }
}

.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal .modal-header {
    font-weight: 700
}

.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal .modal-header .btn-toolbar-button.close {
    font-size: 32px;
    font-weight: 400
}

.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal p {
    font-size: 18px;
    color: #212529
}

@media(max-width: 1440px) {
    .zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal p {
        font-size:14px
    }
}

.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal form .report-reason,.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal form p a {
    color: #d12b8a
}

.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal label {
    display: block
}

.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal .thankyou-msg {
    padding: 20px;
    background: #e8f8f9
}

.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal .thankyou-msg p {
    color: #44c2ca;
    font-size: 16px
}

.zain-cp-reviewsandratings .rating-wrapper #report-abuse-modal .modal-footer .btn-toolbar {
    display: block
}

html[dir=rtl] .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .flag-action span .btn::after {
    content: "بلغ عن سوء معاملة"
}

html[dir=rtl] .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn span.inline-item.inline-item-before::after {
    content: "معاون، مساعد، مفيد، فاعل خير"
}

@media only screen and (max-width: 767px) {
    html[dir=rtl] .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn span.inline-item.inline-item-before::after {
        content:"\f087";
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .zain-cp-reviewsandratings .taglib-discussion .lfr-discussion-details {
        float:right
    }
}

@media(min-width: 576px) {
    .zain-cp-reviewsandratings .taglib-discussion .lfr-discussion-body {
        padding-right:0
    }
}

.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details span.rounded-circle.sticker.sticker-primary,.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details span.sticker.sticker-circle.sticker-light {
    height: 77px;
    width: 77px;
    border: 3px solid #e9ecef;
    margin: 0 24px
}

.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details span.rounded-circle.sticker.sticker-primary svg.lexicon-icon,.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details span.sticker.sticker-circle.sticker-light svg.lexicon-icon {
    font-size: 2.5rem
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details span.rounded-circle.sticker.sticker-primary,.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details span.sticker.sticker-circle.sticker-light {
        margin-right:0
    }
}

.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details span.rounded-circle.sticker.sticker-primary {
    background-color: #fff
}

.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-details span.rounded-circle.sticker.sticker-primary span.sticker-overlay img {
    height: 40px;
    width: 40px
}

.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-details span.rounded-circle.sticker.sticker-primary,.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-details span.sticker.sticker-circle.sticker-light {
    max-width: 45px;
    max-height: 45px;
    border: 3px solid #e9ecef;
    margin: 0 24px 0 16px
}

.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-details span.rounded-circle.sticker.sticker-primary svg.lexicon-icon,.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-details span.sticker.sticker-circle.sticker-light svg.lexicon-icon {
    font-size: 1.5rem
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-details span.rounded-circle.sticker.sticker-primary,.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-details span.sticker.sticker-circle.sticker-light {
        margin-right:0
    }
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-details {
        margin-left:0 !important
    }
}

.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-details span.rounded-circle.sticker.sticker-primary {
    background-color: #fff
}

.zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-details span.rounded-circle.sticker.sticker-primary span.sticker-overlay img {
    height: 24px;
    width: 24px
}

@media only screen and (max-width: 767px) {
    .zain-cp-reviewsandratings .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper article.lfr-discussion.card-tab .lfr-discussion-message .lfr-discussion-message-body {
        padding-top:16px !important
    }
}

.zain-cp-reviewsandratings .taglib-workflow-status .workflow-status {
    color: #999;
    font-size: 14px
}

.zain-cp-reviewsandratings .taglib-workflow-status .status.pending {
    color: #17a2b8;
    border-color: #17a2b8;
    text-transform: capitalize !important
}

@media(min-width: 767px) {
    .zain-cp-reviewsandratings .card-col-field.delete-comment {
        float:left;
        margin-left: 12px
    }
}

.zain-cp-reviewsandratings .taglib-discussion .dropdown {
    display: block
}

.zain-cp-reviewsandratings .text-review-sec .lfr-discussion-details span.sticker.sticker-circle.sticker-light {
    height: 70px;
    width: 70px;
    border: 3px solid #e9ecef;
    margin-left: 24px
}

.zain-cp-reviewsandratings .text-review-sec .lfr-discussion-details span.sticker.sticker-circle.sticker-light svg.lexicon-icon {
    font-size: 2.5rem
}

.zain-cp-reviewsandratings .button-holder .btn.btn-default {
    background: #d12b8a;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 10px
}

.zain-cp-reviewsandratings .button-holder .btn.btn-default:hover {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a
}

.zain-cp-reviewsandratings .lfr-discussion-body .editor-wrapper .form-control {
    border: 0;
    padding: 0
}

@media(max-width: 767px) {
    .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn span.inline-item.inline-item-before::after {
        content:"" !important
    }

    html[dir=rtl] .zain-cp-reviewsandratings .rating-wrapper .comment-replies .lfr-discussion.card-tab-group.comment-replies-wrapper .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .btn span.inline-item.inline-item-before::after {
        content: "" !important
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar.delivery-checkout {
    padding-bottom: 0;
    margin-bottom: 3rem
}

.zain-cart-summary-checkout-step .section-checkout_progressbar.delivery-checkout:after {
    content: none
}

@media(max-width: 767px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar.delivery-checkout {
        margin-bottom:0
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar.delivery-checkout .progress-status .step {
    margin-bottom: 0
}

.zain-cart-summary-checkout-step .delivery-checkout-step .alert {
    max-width: 100%;
    min-width: 100%
}

@media(max-width: 1919px) and (min-width:1440px) {
    .zain-cart-summary-checkout-step .delivery-checkout-step .alert {
        max-width:100%
    }
}

.delivery-checkout-step {
    text-align: right;
    position: relative
}

.delivery-checkout-step .areas-container {
    position: relative
}

.delivery-checkout-step .areas-container .select2-container--open span.select2-dropdown.select2-dropdown--below {
    z-index: 9
}

.delivery-checkout-step .show-card-message .alert,.delivery-checkout-step .showMessage .alert {
    max-width: 100%
}

.delivery-checkout-step #datepicker-container {
    position: relative
}

.delivery-checkout-step .save-address-as.custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.delivery-checkout-step .save-address-as.custom-checkbox input+label {
    margin-bottom: 0;
    padding-right: 35px;
    margin-right: 0;
    position: relative
}

.delivery-checkout-step .save-address-as.custom-checkbox input+label:before {
    right: 0;
    margin-top: 0
}

@media(max-width: 767px) {
    .delivery-checkout-step .save-address-as.custom-checkbox {
        margin-bottom:20px !important;
        line-height: 21px;
        height: auto
    }

    .delivery-checkout-step .save-address-as.custom-checkbox input+label {
        margin-right: 0;
        margin-top: 0;
        font-weight: 100
    }

    .delivery-checkout-step .save-address-as.custom-checkbox input+label:before {
        margin-top: -3px
    }

    .delivery-checkout-step .save-address-as.custom-checkbox .sub-label {
        font-size: 12px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .delivery-checkout-step .delivery-tabs {
        padding:0
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings {
    padding-top: 0
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .col-xl-12 {
    padding-left: 8px;
    padding-right: 8px
}

@media(max-width: 767px) and (min-width:320px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .col-xl-12 {
        padding:0
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper {
    margin-bottom: 56px
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.4);
    box-shadow: 0 3px 6px rgba(0,0,0,.4);
    border-radius: 10px;
    opacity: .4;
    min-height: 210px;
    padding-top: 30px;
    padding-bottom: 5px;
    border: 3px solid transparent
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a.active {
    border: 3px solid #d12b8a;
    opacity: 1;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.161);
    box-shadow: 0 3px 6px rgba(0,0,0,.161)
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a:hover {
    border-color: #727272
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a.active:hover {
    border-color: #d12b8a
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a.nav-link {
    margin: 0 8px;
    white-space: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 16px);
    flex: 1 1 calc(50% - 16px)
}

@media(min-width: 320px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a.nav-link {
        -webkit-box-flex:1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media(min-width: 768px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a.nav-link {
        margin:0 4px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 8px);
        flex: 1 1 calc(50% - 8px)
    }
}

@media(min-width: 1400px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a.nav-link {
        margin:0 6px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 12px);
        flex: 1 1 calc(50% - 12px)
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a.nav-link {
        margin:0 8px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 16px);
        flex: 1 1 calc(50% - 16px)
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a img {
    height: 44px
}

@media(max-width: 1199px) and (min-width:768px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a img {
        width:70px
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .main-heading {
    color: #000;
    margin-bottom: 0;
    line-height: 1.6;
    letter-spacing: .4px
}

@media(min-width: 768px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .main-heading {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .main-heading {
        font-size:20px
    }
}

@media(min-width: 1440px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .main-heading {
        font-size:24px
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .main-heading {
        font-size:28px
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .sub-text {
    color: #727272;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 14px
}

@media(min-width: 1200px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .sub-text {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .sub-text {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .sub-text {
        font-size:18px
    }
}

@media(max-width: 767px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a.nav-link:first-child {
        margin-bottom:30px
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings p {
    font-family: NunitoSans-Regular;
    color: #000;
    font-size: 14px
}

@media(min-width: 1200px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings p {
        font-size:14px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings p.sub-text {
        font-size:12px
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .nav-tabs {
    border-bottom: 0
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .nav-tabs.nav_new {
    margin: 0 -8px
}

@media(min-width: 768px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .nav-tabs.nav_new {
        margin:0 -4px
    }
}

@media(min-width: 1400px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .nav-tabs.nav_new {
        font-size:14px;
        margin: 0 -6px
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings .nav-tabs.nav_new {
        margin:0 -8px
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings p.border_dashed_top {
    font-size: 14px;
    color: #727272;
    border-top: 1px dashed #e3e3e3;
    padding: 10px 0 0 0;
    margin: 30px 0 0 0
}

@media(min-width: 767px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings p.border_dashed_top {
        font-size:12px
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .main_input {
    background: #f7f7f7;
    min-height: 46px
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings input.form-control.main_input.border-0 {
    min-height: 46px;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings span.input-group-addon.success.main_input.border-0 {
    height: auto
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings span.input-group-addon.success.main_input.border-0:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings span.selct-area.input-group-addon.success.main_input.border-0 {
    position: absolute;
    background: 0;
    padding: 0;
    min-height: auto;
    bottom: 36px;
    left: 14px
}

@media(min-width: 1919px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings span.selct-area.input-group-addon.success.main_input.border-0 {
        bottom:36px
    }
}

@media(max-width: 1199px) {
    .delivery-checkout-step .delivery-tabs .delivery-tab-headings span.selct-area.input-group-addon.success.main_input.border-0 {
        left:10px
    }
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings span.selct-area.input-group-addon.success.main_input.border-0 a.btn.main-search-btn.btn-pc-3 {
    font-size: 16px;
    min-width: 56px;
    min-height: 32px;
    height: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 0 .75rem;
    text-align: center;
    white-space: nowrap;
    -webkit-box-shadow: 0 3px 6px -3px #000;
    box-shadow: 0 3px 6px -3px #000;
    border-radius: 5px
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings span.selct-area.input-group-addon.success.main_input.border-0 a.btn.main-search-btn.btn-pc-3:hover {
    background: #d12b8a;
    color: #fff
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings span.selct-area.input-group-addon.success.main_input.border-0 a.btn.main-search-btn.btn-pc-3 i.zn-ico.icon-magnifying-glass {
    color: #fff;
    margin: 0
}

html.ie.ie11 .delivery-checkout-step .delivery-tabs .delivery-tab-headings span.selct-area.input-group-addon.success.main_input.border-0 a.btn.main-search-btn.btn-pc-3 i.zn-ico.icon-magnifying-glass {
    vertical-align: middle
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings textarea.form-control {
    padding: 15px 16px;
    height: 100px;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 700
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .form-group .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #727272
}

.delivery-checkout-step .delivery-tabs .delivery-tab-headings .form-group .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #727272
}

.delivery-checkout-step .delivery-tabs .tab-content {
    padding-top: 0
}

.delivery-checkout-step .delivery-tabs .tab-content .map-sect .sub-text {
    color: #727272
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect {
    padding-bottom: 25px;
    padding-top: 35px
}

@media(max-width: 767px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect.id-type-selection .payment-radios li .custom-radio label {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }

    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect.id-type-selection .payment-radios li .custom-radio input:checked+label:after {
        margin-top: 4px;
        right: 7px
    }

    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect.id-type-selection .payment-radios li .custom-radio input:checked+label:before {
        margin-top: 0
    }
}

@media(max-width: 768px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect.id-type-selection .payment-radios li {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios ul li {
        padding:18px 0
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio {
    margin-bottom: 0
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio .form-control {
        min-height:46px;
        font-size: 14px
    }
}

@media(max-width: 767px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input+label:before {
        margin-top:0
    }

    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input:checked+label:after {
        margin-top: 0
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input:checked+label:after {
        right:17px;
        margin-top: 5px
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label {
    margin-right: 0;
    padding-right: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .card-icon {
    margin-left: 40px;
    min-width: 84px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .card-icon {
        min-width:60px;
        width: 60px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .card-icon img {
        width:100%
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .main-label {
    line-height: 1;
    margin-bottom: 6px;
    font-family: NunitoSans-Black;
    font-weight: unset;
    text-transform: capitalize;
    font-size: 19px
}

@media(min-width: 768px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .main-label {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .main-label {
        font-size:20px
    }
}

@media(min-width: 1440px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .main-label {
        font-size:24px
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .main-label {
        font-size:28px
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .sub-label {
    margin-bottom: 0;
    color: #727272
}

@media(min-width: 1200px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .sub-label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .sub-label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label .sub-label {
        font-size:18px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label {
        padding-right:70px
    }

    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label:before {
        right: 10px;
        width: 25px;
        height: 25px
    }
}

@media(max-width: 767px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label {
        margin-right:0;
        padding-right: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio label:before {
        width: 25px;
        height: 25px
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li {
    padding: 14px 0;
    height: 100%;
    min-height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e3e3e3
}

@media(max-width: 767px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio {
        margin-bottom:20px
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label {
    margin-right: 0;
    padding-right: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    min-height: 52px;
    margin: 0
}

@media(max-width: 1199px) and (min-width:768px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label {
        padding-right:70px
    }
}

@media(max-width: 767px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label {
        padding-right:50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label .card-icon {
    width: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label .card-icon {
        min-width:60px;
        width: 60px
    }
}

@media(max-width: 767px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label .card-icon {
        height:66px
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label .card-icon img {
    width: 100%
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label .labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label .labels {
        margin:20px 0 0
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label .labels .main-label {
    line-height: 1;
    float: right;
    border-left: 1px solid #ccc;
    margin-left: 20px;
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 0
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul li .custom-radio.card-radio label .labels .sub-label {
    margin-bottom: 0;
    color: #727272
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios.payment-options ul:first-child li {
    border-top: 0
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .card-details {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.161);
    box-shadow: 0 3px 6px rgba(0,0,0,.161);
    border-radius: 10px;
    padding: 50px 56px
}

@media(max-width: 767px) {
    .delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .card-details {
        padding-right:20px;
        padding-left: 20px
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .contact-form {
    padding-top: 38px
}

.delivery-checkout-step .delivery-tabs .tab-content .contact-form .main-heading {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.delivery-checkout-step .delivery-tabs .tab-content .contact-form p {
    font-family: NunitoSans-Regular;
    color: #000
}

@media(min-width: 1200px) {
    .delivery-checkout-step .delivery-tabs .tab-content .contact-form p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .delivery-checkout-step .delivery-tabs .tab-content .contact-form p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .delivery-tabs .tab-content .contact-form p {
        font-size:18px
    }
}

.delivery-checkout-step .delivery-tabs .tab-content .contact-form .control-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.delivery-checkout-step .delivery-tabs .tab-content .contact-form .control-label .text-warning {
    margin-left: 6px
}

.delivery-checkout-step .delivery-tabs .tab-content .contact-form .row.flex-align-center.mt-0.pt-0 .col-md-4 .input-group.form-group.m-0 {
    -ms-flex-wrap: inherit;
    flex-wrap: inherit
}

@media(max-width: 768px) {
    .delivery-checkout-step .delivery-tabs .tab-content {
        padding:0 !important;
        margin: 0
    }

    html.kw #wrapper .delivery-checkout-step .delivery-tabs .tab-content {
        padding: 0 !important
    }

    .delivery-checkout-step .delivery-tabs .tab-content .sub-text {
        letter-spacing: inherit;
        line-height: 1.5
    }
}

.delivery-checkout-step .delivery-tabs .error-timeslot {
    max-width: 680px;
    text-align: center;
    margin: 0 auto;
    background: rgba(209,43,138,.0784313725);
    padding: 20px 20px 25px 20px;
    border-radius: 4px
}

.delivery-checkout-step .delivery-tabs .error-timeslot h2 {
    color: #3e2584;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: NunitoSans-Regular;
    font-weight: unset;
    text-transform: inherit;
    line-height: 1.2
}

.delivery-checkout-step .delivery-tabs .error-timeslot span {
    background: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    float: right;
    margin-left: 10px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.delivery-checkout-step .delivery-tabs .error-timeslot img {
    width: 50%
}

.delivery-checkout-step .delivery-tabs .error-timeslot p {
    max-width: 450px;
    margin: 10px auto 0;
    opacity: .7;
    font-family: NunitoSans-Regular;
    font-size: 12px;
    color: #000
}

@media(min-width: 768px) {
    .delivery-checkout-step .delivery-tabs .error-timeslot p {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .delivery-checkout-step .delivery-tabs .error-timeslot p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .delivery-checkout-step .delivery-tabs .error-timeslot p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .delivery-tabs .error-timeslot p {
        font-size:18px
    }
}

.delivery-checkout-step .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.delivery-checkout-step .slick-dots li {
    width: 10px;
    height: 14px
}

.delivery-checkout-step .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.delivery-checkout-step .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

.delivery-checkout-step .saved_slider_new.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 0
}

.delivery-checkout-step .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.delivery-checkout-step .saved_slider_new .slick-list,.delivery-checkout-step .saved_slider_new .slick-track {
    min-width: 100%
}

.delivery-checkout-step .saved_slider_new ul.slick-dots li {
    border-top: 0 !important;
    padding: 0 !important
}

.delivery-checkout-step .slick-packages {
    float: right;
    width: 100%
}

.delivery-checkout-step .slick-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.delivery-checkout-step .custm_new {
    min-height: 180px;
    padding: 20px 20px 10px 20px;
    border: 1px solid #e3e3e3
}

.delivery-checkout-step .custm_new .divider {
    width: 100px;
    height: 1px;
    background: #e3e3e3;
    display: inline-block;
    float: right
}

.delivery-checkout-step .custm_new h5 {
    margin: 15px 0 0 0;
    width: 100%;
    display: inline-block;
    color: #d12b8a;
    font-size: 24px;
    text-transform: uppercase
}

.delivery-checkout-step .custm_new h3 {
    font-size: 18px;
    margin-top: 0;
    font-family: NunitoSans-Regular !important;
    color: #727272;
    font-weight: 700
}

.delivery-checkout-step .custom-checkbox.custm_new {
    border: 2px solid #e3e3e3
}

.delivery-checkout-step .custom-checkbox.custm_new.active {
    border: 2px solid #d12b8a
}

.delivery-checkout-step .custom-checkbox.custm_new input {
    display: none
}

.delivery-checkout-step .custom-checkbox.custm_new input+label {
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
    cursor: pointer
}

@media(max-width: 1439px) {
    .delivery-checkout-step .custom-checkbox.custm_new input+label {
        padding-left:0
    }
}

.delivery-checkout-step .custom-checkbox.custm_new input+label:before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    right: 0;
    display: inline-block;
    background: 0;
    border-radius: 2px;
    border: 2px solid #e3e3e3
}

.delivery-checkout-step .custom-checkbox.custm_new input:checked+label:before {
    background: #d12b8a;
    border: 2px solid #d12b8a
}

.delivery-checkout-step .custom-checkbox.custm_new input:checked+label:after {
    content: "\e905";
    font-family: icomoon !important;
    position: absolute;
    top: 1px;
    right: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.delivery-checkout-step .custom-checkbox.custm_new input:checked+label h3,.delivery-checkout-step .custom-checkbox.custm_new input:checked+label p {
    color: #000
}

.delivery-checkout-step .custom-checkbox.custm_new h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #727272
}

.delivery-checkout-step .custom-checkbox.custm_new p {
    color: #727272;
    margin: 5px 0 20px;
    font-weight: 700;
    font-family: NunitoSans-Regular
}

@media(max-width: 767px) {
    .delivery-checkout-step .custom-checkbox.custm_new p {
        font-size:12px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .delivery-checkout-step .custom-checkbox.custm_new {
        margin-bottom:20px;
        min-height: auto
    }
}

.delivery-checkout-step .date-section {
    float: right;
    width: 100%;
    margin-top: -55px;
    padding: 0 !important
}

@media(max-width: 768px) {
    .delivery-checkout-step .date-section {
        margin-top:25px
    }
}

.delivery-checkout-step .date-section>h3 {
    text-align: center;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px !important;
    font-family: NunitoSans-Regular !important;
    color: #727272;
    margin: 0 0 10px
}

.delivery-checkout-step .date-section .bottom-stripe {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.delivery-checkout-step .date-section .bottom-stripe a {
    padding: 5px 25px;
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
    border: 1px solid transparent;
    border-radius: 8px
}

.delivery-checkout-step .date-section .bottom-stripe a:first-child {
    border-color: #d12b8a;
    color: #d12b8a
}

.delivery-checkout-step .delivery-fields {
    max-width: 320px;
    background: #f7f7f7;
    margin: 0 auto;
    border-radius: 4px;
    padding: 10px 15px;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.delivery-checkout-step .delivery-fields img {
    float: right;
    cursor: pointer
}

.delivery-checkout-step .delivery-fields h4 {
    display: inline-block;
    margin: 0 auto;
    color: #d12b8a;
    font-size: 18px
}

.delivery-checkout-step .delivery-fields.calendar {
    padding: 10px 0
}

.delivery-checkout-step .delivery-fields.calendar .form-group {
    margin-bottom: 0
}

.delivery-checkout-step .delivery-fields.calendar .form-group .form-control {
    min-height: 40px;
    text-align: center;
    color: #d12b8a;
    font-family: NunitoSans-Black !important;
    font-size: 18px;
    padding-left: 30px
}

.delivery-checkout-step .delivery-fields.calendar .input-group-addon {
    background-color: transparent;
    border-color: transparent;
    line-height: 1.5
}

.delivery-checkout-step .delivery-fields .input-group {
    padding: 0
}

.delivery-checkout-step .clock-sec {
    width: 320px;
    background-color: #fdfdfd;
    padding: 10px;
    -webkit-box-shadow: 1px 6px 12px #ccc;
    box-shadow: 1px 6px 12px #ccc;
    margin: 0 auto
}

.delivery-checkout-step .clock-sec .custom-scroll {
    max-height: 415px;
    overflow-y: auto;
    min-height: 200px
}

.delivery-checkout-step .clock-sec li {
    border-bottom: 1px solid #f3f3f3;
    padding: 15px 0 10px
}

.delivery-checkout-step .clock-sec li label {
    font-size: 12px;
    font-weight: 600;
    font-family: NunitoSans-Regular;
    cursor: pointer;
    width: 100%
}

.delivery-checkout-step .clock-sec li label:hover {
    color: #d12b8a
}

@media(min-width: 768px) {
    .delivery-checkout-step .clock-sec li label {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .delivery-checkout-step .clock-sec li label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .delivery-checkout-step .clock-sec li label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .clock-sec li label {
        font-size:18px
    }
}

.delivery-checkout-step .clock-sec label input {
    opacity: 0;
    height: 0;
    width: 0
}

@media(max-width: 1199px) {
    .delivery-checkout-step .clock-sec {
        position:relative;
        z-index: 99
    }
}

.delivery-checkout-step .clock-sec .bottom-stripe a.delivery-slot-ok.disabled {
    cursor: not-allowed;
    pointer-events: none
}

.delivery-checkout-step .clock-box .date-section {
    margin-top: 30px;
    border: 2px solid #d12b8a;
    padding: 30px 20px 50px 20px !important
}

.delivery-checkout-step .clock-box .date-section>h3 {
    text-align: center;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px !important;
    font-family: NunitoSans-Black !important;
    color: #727272;
    margin: 0 0 10px
}

.delivery-checkout-step .display-schedule {
    text-align: center;
    border: 2px solid #d12b8a;
    float: right;
    width: 100%;
    border-radius: 4px;
    padding: 0 0 65px
}

.delivery-checkout-step .display-schedule>img {
    display: inline-block;
    margin-top: -20px;
    max-width: 64px
}

.delivery-checkout-step .display-schedule h3 {
    font-size: 22px;
    font-family: NunitoSans-Regular;
    color: #727272;
    text-transform: capitalize
}

.delivery-checkout-step .saved-addresses,.delivery-checkout-step .saved-cards {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.delivery-checkout-step .saved-cards .col-lg-3,.section-wrapper .delivery-checkout-step .saved-addresses .col-lg-3 {
    padding-left: 8px;
    padding-right: 8px
}

.delivery-checkout-step .saved-addresses .list-group-item,.delivery-checkout-step .saved-cards .list-group-item {
    margin: 20px 0;
    font-size: 16px;
    color: #6b6c7e;
    background-color: #fff;
    border: 1px solid #e7e7ed;
    padding: 1rem 1rem;
    font-family: NunitoSans-Regular;
    cursor: pointer
}

@media(max-width: 1199px) and (min-width:768px) {
    .delivery-checkout-step .saved-addresses .list-group-item,.delivery-checkout-step .saved-cards .list-group-item {
        font-size:10px;
        padding: 10px 10px
    }
}

.delivery-checkout-step .saved-addresses .list-group-item:hover,.delivery-checkout-step .saved-cards .list-group-item:hover {
    font-weight: 700;
    color: #000
}

.delivery-checkout-step .saved-addresses .list-group-item.active,.delivery-checkout-step .saved-cards .list-group-item.active {
    border-color: #d12b8a;
    background-color: #f0f5ff
}

.delivery-checkout-step .saved-addresses .list-group-item.active:before,.delivery-checkout-step .saved-cards .list-group-item.active:before {
    content: "✓";
    height: 18px;
    font-size: 9px;
    background: #d12b8a;
    display: block;
    line-height: 18px;
    width: 18px;
    color: #fff;
    position: absolute;
    left: -5px;
    top: -5px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center
}

.delivery-checkout-step .saved-addresses .slick-arrow,.delivery-checkout-step .saved-cards .slick-arrow {
    position: absolute !important;
    right: auto;
    top: 33px;
    min-height: auto !important;
    min-width: auto !important;
    height: 30px;
    width: 30px;
    visibility: visible;
    background: #cecece;
    color: #fff;
    padding: 0;
    border-radius: 50%
}

.delivery-checkout-step .saved-addresses .slick-arrow i,.delivery-checkout-step .saved-cards .slick-arrow i {
    margin: 0
}

.delivery-checkout-step .saved-addresses .slick-arrow.prev,.delivery-checkout-step .saved-cards .slick-arrow.prev {
    left: -60px
}

.delivery-checkout-step .saved-addresses .slick-arrow.next,.delivery-checkout-step .saved-cards .slick-arrow.next {
    left: -100px
}

.delivery-checkout-step .saved-addresses .slick-arrow {
    top: -18px
}

.delivery-checkout-step .saved-addresses .slick-arrow.prev {
    left: 43px
}

.delivery-checkout-step .saved-addresses .slick-arrow.next {
    left: 6px
}

.delivery-checkout-step .saved-cards .slick-arrow {
    top: -18px
}

.delivery-checkout-step .saved-cards .slick-arrow.prev {
    left: 50px
}

.delivery-checkout-step .saved-cards .slick-arrow.next {
    left: 12px
}

.delivery-checkout-step .form-group {
    margin-bottom: 30px
}

.delivery-checkout-step .form-group.has-error .form-validator-stack.help-block {
    margin: 5px 0 0 0;
    position: absolute;
    color: red;
    font-size: 11px;
    padding-right: 30px
}

.delivery-checkout-step .form-group.has-error .form-validator-stack.help-block:before {
    content: "x";
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 2;
    background: red;
    width: 15px;
    height: 15px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 13px;
    font-family: NunitoSans-Regular
}

.delivery-checkout-step .form-group.has-error.input-select-wrapper .form-validator-stack.help-block {
    bottom: -21px
}

.delivery-checkout-step .form-group.data-valid input,.delivery-checkout-step .form-group.input-text-wrapper.has-success input {
    border: solid 1px #23b7c0;
    position: relative
}

.delivery-checkout-step .form-group.data-valid:after,.delivery-checkout-step .form-group.input-text-wrapper.has-success:after {
    content: "✓";
    position: absolute;
    left: 15px;
    bottom: 14px;
    z-index: 2;
    background: #23b7c0;
    width: 20px;
    height: 20px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 14px;
    text-align: center
}

.delivery-checkout-step .form-group .form-control {
    min-height: 46px;
    border: 0;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #727272;
    font-family: inherit;
    font-weight: 700;
    padding: 7px 16px;
    font-size: 18px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .delivery-checkout-step .form-group .form-control {
        min-height:46px;
        font-size: 14px
    }
}

@media(max-width: 1919px) and (min-width:320px) {
    .delivery-checkout-step .form-group .form-control {
        font-size:14px
    }
}

.delivery-checkout-step .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
}

@media(max-width: 767px) {
    .delivery-checkout-step .form-group .form-control {
        min-height:48px
    }
}

.delivery-checkout-step .form-group .form-control[type=number]::-webkit-inner-spin-button,.delivery-checkout-step .form-group .form-control[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.delivery-checkout-step .form-group .form-control:disabled {
    cursor: default
}

.delivery-checkout-step .form-group label {
    color: #000;
    margin-right: 20px;
    font-weight: 100;
    font-family: NunitoSans-Regular;
    margin-bottom: .25rem
}

.delivery-checkout-step .form-group label.disabled {
    cursor: default
}

@media(min-width: 1200px) {
    .delivery-checkout-step .form-group label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .delivery-checkout-step .form-group label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .delivery-checkout-step .form-group label {
        font-size:18px
    }
}

@media(max-width: 1919px) and (min-width:1200px) {
    .delivery-checkout-step .form-group label {
        margin-right:15px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .delivery-checkout-step .form-group label {
        margin-right:15px
    }
}

@media(max-width: 767px) {
    .delivery-checkout-step .form-group label {
        margin-right:0;
        font-weight: 100
    }
}

.delivery-checkout-step .form-group .control-label span svg {
    font-size: 7px;
    color: #d12b8a
}

.delivery-checkout-step .form-group .select2-container .select2-selection--single {
    background-color: #f7f7f7
}

.delivery-checkout-step .form-group .form-control.month+.select2-container .select2-selection--single,.delivery-checkout-step .form-group .form-control.year+.select2-container .select2-selection--single {
    background-color: #fff
}

.delivery-checkout-step .form-group .select2-container {
    max-width: 100%;
    min-width: 100%
}

.delivery-checkout-step .map-container {
    margin-top: 30px
}

.delivery-checkout-step #map-canvas {
    height: 450px !important
}

.delivery-checkout-step .map-search {
    position: absolute;
    top: 40px;
    right: 20%;
    left: 20%
}

@media(max-width: 767px) {
    .delivery-checkout-step .map-search {
        right:5%;
        left: 5%
    }
}

.delivery-checkout-step .map-search .map-search-section {
    position: relative;
    z-index: 1
}

.delivery-checkout-step .map-search .map-search-section input {
    width: 100% !important;
    padding: 19px 165px 19px 25px !important;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    box-shadow: 0 3px 6px rgba(0,0,0,.2)
}

.delivery-checkout-step .map-search .map-search-section .main-search-btn {
    position: absolute;
    left: 65px;
    min-height: 40px;
    padding-bottom: 3px;
    border-radius: 5px;
    padding: 0 30px;
    min-width: 85px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.delivery-checkout-step .map-search .map-search-section .main-search-btn i {
    font-size: 20px;
    margin-right: 0
}

.delivery-checkout-step .map-search .map-search-section img {
    position: absolute;
    left: 20px;
    top: 30px !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 6px;
    -webkit-box-shadow: 2px 3px 11px #a4a4a4;
    box-shadow: 2px 3px 11px #a4a4a4;
    border-radius: 3px
}

.delivery-checkout-step .custom-file-upload {
    position: relative;
    height: 60px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 193px;
    overflow: hidden;
    height: 46px;
    cursor: pointer;
    background: 0;
    border: 2px solid #d12b8a;
    color: #d12b8a
}

.delivery-checkout-step .custom-file-upload span {
    font-size: 14px;
    font-family: NunitoSans-Regular
}

.delivery-checkout-step .custom-file-upload input[type=file] {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.delivery-checkout-step .card-detail-form .card-name-label,.delivery-checkout-step .card-detail-form .card-number-label,.delivery-checkout-step .card-detail-form .month-label,.delivery-checkout-step .card-detail-form .year-label {
    background: #fff;
    padding: 8px 10px 8px 26px;
    color: #000;
    line-height: 28px;
    font-family: NunitoSans-Black,sans-serif;
    text-align: right;
    color: #000;
    position: relative;
    bottom: 2px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    display: block;
    height: 42px;
    width: 100%
}

.delivery-checkout-step .card-detail-form .card-name-label,.delivery-checkout-step .card-detail-form .card-number-label {
    min-height: 46px;
    border: 0;
    background-color: #f7f7f7;
    color: #727272;
    font-family: inherit;
    font-weight: 700;
    padding: 7px 16px;
    font-size: 18px
}

.delivery-checkout-step .card-detail-form .card-name-column .form-group .form-group,.delivery-checkout-step .card-detail-form .card-number-column .form-group .form-group {
    margin-bottom: 0
}

.delivery-checkout-step .card.checkout-card.cart-mobile .card-action a {
    margin-right: 30px
}

.delivery-checkout-step .recipient-details h2.main-heading {
    margin: 0 !important 16px 0
}

.delivery-checkout-step .recipient-details h3 {
    font-size: 19px
}

.delivery-checkout-step .recipient-details .someone-request {
    display: none
}

.delivery-checkout-step .recipient-details .custom-radio input {
    display: none
}

.delivery-checkout-step .recipient-details .custom-radio input+label::before {
    height: 28px;
    width: 28px;
    right: 0;
    background: #d12b8a;
    opacity: .1;
    border-radius: 50%;
    margin-top: -3px
}

.delivery-checkout-step .recipient-details .custom-radio input+label::before {
    content: "";
    border: 2px solid #e3e3e3;
    position: absolute
}

.delivery-checkout-step .recipient-details .custom-radio input:checked+label::after {
    content: "";
    height: 12px;
    width: 12px;
    background: #d12b8a;
    border-radius: 50%;
    top: 23px;
    right: 8px;
    border: 0;
    margin-top: -3px
}

.delivery-checkout-step .recipient-details .custom-radio input:checked+label::after {
    font-family: icomoon !important;
    position: absolute;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.delivery-checkout-step .recipient-details .custom-radio .labels p.sub-label {
    padding-bottom: 20px
}

.delivery-checkout-step .recipient-details .custom-radio .labels p.sub-label strong {
    font-family: NunitoSans-Black
}

.delivery-checkout-step .slick-mobile.delivery-options-container .zain-dev-option-radio[data-delivery-disable=true] {
    opacity: .4;
    pointer-events: none
}

.delivery-checkout-step .slick-mobile.delivery-options-container .zain-dev-option-radio[data-delivery-disable=true] input {
    pointer-events: none
}

.delivery-checkout-step .custom-checkbox.form-group.save-card label {
    margin-right: 32px
}

.delivery-checkout-step .not-match {
    max-width: 100%;
    margin: 30px auto
}

.delivery-checkout-step .user-details-form .field.civilid.form-control.invalid-field,.delivery-checkout-step .user-details-form .field.phoneNumber.form-control.invalid-field {
    border: 1px solid red
}

.delivery-checkout-step .form-group .form-control+.help-block+.select2-container .select2-selection--single .select2-selection__rendered,.delivery-checkout-step .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 700;
    color: #727272
}

.kw #wrapper .delivery-checkout-step .form-group label {
    color: #6f6f6f !important
}

.kw #wrapper .form-validation.user_pg .form-group .form-control {
    padding-left: 50px
}

@media(max-width: 767px) {
    .kw #wrapper .delivery-checkout-step .form-group label {
        color:#2e2e2e !important
    }
}

html[dir=rtl] .delivery-checkout-step .areas-container .select2-container {
    right: 0;
    left: inherit
}

html[dir=rtl] .delivery-checkout-step .form-group.has-error .form-validator-stack.help-block {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .main-heading {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .delivery-checkout-step .delivery-tabs .delivery-tab-headings .tab-heading-wrapper a .sub-text {
    font-family: qt_zaintextregular
}

html[dir=rtl] .delivery-checkout-step .form-group label {
    font-family: qt_zaintextregular
}

html[dir=rtl] .delivery-checkout-step .tab-content .contact-form .main-heading {
    font-family: qt_zaintext_bold_pcbold
}

html[dir=rtl] .delivery-checkout-step .tab-content .contact-form p {
    font-family: qt_zaintextregular
}

html[dir=rtl] .delivery-checkout-step .map-search .map-search-section input {
    padding: 19px 25px 19px 165px !important
}

html[dir=rtl] .delivery-checkout-step .saved-addresses .slick-arrow {
    top: -18px
}

html[dir=rtl] .delivery-checkout-step .saved-addresses .slick-arrow.prev {
    right: auto
}

html[dir=rtl] .delivery-checkout-step .saved-addresses .slick-arrow.next {
    right: auto
}

@media(min-width: 1200px) {
    .section-wrapper .delivery-checkout-step .container {
        padding-left:8px;
        padding-right: 8px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .delivery-checkout-step .container {
        max-width:1260px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .delivery-checkout-step .container {
        max-width:1470px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .delivery-checkout-step .container {
        max-width:820px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width: 992px) and (min-width:768px) {
    .section-wrapper .delivery-checkout-step .container {
        padding:0
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .delivery-checkout-step .container {
        max-width:710px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .section-wrapper .delivery-checkout-step .container {
        max-width:100%;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .section-wrapper .delivery-checkout-step .container .col-lg-3 {
        padding-left:8px;
        padding-right: 8px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .section-wrapper .delivery-checkout-step .form-group .form-control+.select2-container .select2-selection--single {
        min-height:44px;
        width: auto;
        padding: 8px 10px 8px 26px
    }
}

.section-wrapper .container.cart-summary-btns .button-holder {
    padding: 38px 0;
    margin: 0 0 108px
}

@media(max-width: 767px) {
    .section-wrapper .container.cart-summary-btns .button-holder {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.section-wrapper .container.cart-summary-btns .button-holder:after {
    content: none
}

@media(min-width: 1440px) {
    .section-wrapper .container.cart-summary-btns {
        max-width:1260px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .container.cart-summary-btns {
        max-width:1470px
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .container.cart-summary-btns {
        max-width:820px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .container.cart-summary-btns {
        max-width:710px
    }
}

@media(max-width: 992px) and (min-width:768px) {
    .section-wrapper .container.cart-summary-btns {
        padding:0
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .section-wrapper .container.cart-summary-btns {
        max-width:100%
    }
}

.section-wrapper .container.cart-summary-btns .btn+.btn {
    line-height: 1.5
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .container.cart-summary-btns .btn+.btn {
        margin-right:15px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .section-wrapper .container.cart-summary-btns .btn.btn-lrg {
        font-size:14px;
        min-height: 46px;
        padding: 7px 20px;
        min-width: 145px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .section-wrapper .container.cart-summary-btns .btn.btn-lrg {
        font-size:12px;
        min-height: 40px;
        padding: 7px 15px;
        min-width: 140px
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .section-wrapper .container.cart-summary-btns .btn.btn-lrg {
        padding:7px 15px
    }
}

.section-wrapper .container.cart-summary-btns .btn.pull-left.btn.btn-pc-5.btn-lrg.btn-default {
    line-height: 1.5
}

@media(max-width: 768px) {
    .section-wrapper .container.cart-summary-btns .btn.pull-left.btn.btn-pc-5.btn-lrg.btn-default {
        margin-left:0
    }
}

@media(max-width: 767px) {
    .section-wrapper .container.cart-summary-btns .btn.pull-right.btn.btn-pc-3.btn-lrg.btn-primary.btn-default {
        margin-right:18px
    }
}

@media(max-width: 768px) {
    .section-wrapper .container.cart-summary-btns .col-md-9.col-xs-12.col-sm-12 {
        padding-left:0;
        padding-right: 0
    }
}

html[dir=rtl] .section-wrapper .container.cart-summary-btns .button-holder .lfr-btn-label {
    font-family: qt_zaintext_bold_pcbold;
    font-weight: 600
}

@media(max-width: 1439px) and (min-width:1200px) {
    html[dir=rtl] .section-wrapper .container.cart-summary-btns .button-holder .btn.pull-right.btn-pc-3 {
        margin-left:15px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    html[dir=rtl] .section-wrapper .container.cart-summary-btns .button-holder .btn.pull-right.btn-pc-3 {
        margin-left:10px
    }
}

html[dir=rtl] .delivery-fields h4 span.time-slot-value {
    font-family: NunitoSans-Black
}

.section-wrapper .delivery-checkout-step.right-content-area {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 0 !important;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.section-wrapper .delivery-checkout-step.right-content-area .btn-stripe {
    display: none
}

@media(min-width: 1200px) {
    .section-wrapper .delivery-checkout-step.right-content-area .cart-mobile .remove-stripe {
        display:none
    }
}

@media(max-width: 1199px) and (min-width:360px) {
    .section-wrapper .delivery-checkout-step.right-content-area .cart-stripe {
        position:relative;
        z-index: 99
    }
}

@media(max-width: 1199px) and (min-width:360px) and (max-width:1199px) {
    .section-wrapper .delivery-checkout-step.right-content-area .add-ons-cart .fixed-sect .container {
        max-width:100%;
        padding-left: 8px;
        padding-right: 8px
    }

    .section-wrapper .delivery-checkout-step.right-content-area .add-ons-cart .fixed-sect ul {
        float: right
    }

    .section-wrapper .delivery-checkout-step.right-content-area .add-ons-cart .fixed-sect ul li {
        text-align: right;
        float: right
    }

    .section-wrapper .delivery-checkout-step.right-content-area .add-ons-cart .fixed-sect ul li:first-child {
        margin-left: 20px
    }

    .section-wrapper .delivery-checkout-step.right-content-area .add-ons-cart .fixed-sect ul li label {
        margin-bottom: 0;
        color: #727272;
        font-family: NunitoSans-Regular;
        font-size: 12px
    }

    .section-wrapper .delivery-checkout-step.right-content-area .add-ons-cart .fixed-sect ul li p {
        margin: 0;
        color: #d12b8a;
        font-size: 16px !important;
        font-weight: 700;
        line-height: 21px;
        font-family: NunitoSans-Regular
    }

    .section-wrapper .delivery-checkout-step.right-content-area .add-ons-cart .fixed-sect .btn.btn-link {
        color: #727272;
        position: relative;
        padding: 15px;
        text-decoration: none
    }

    .section-wrapper .delivery-checkout-step.right-content-area .add-ons-cart .fixed-sect .btn.btn-link i {
        margin: 0;
        margin-left: 5px;
        top: -1px
    }

    .section-wrapper .delivery-checkout-step.right-content-area .add-ons-cart .fixed-sect .btn {
        padding: 10px 15px;
        font-size: 12px;
        border-radius: 7px;
        height: auto;
        font-weight: 700;
        min-height: auto;
        font-family: NunitoSans-SemiBold,sans-serif
    }
}

@media(max-width: 1199px) and (min-width:360px) {
    .section-wrapper .delivery-checkout-step.right-content-area .fixed-sect {
        display:block;
        position: fixed;
        bottom: -1px;
        width: 100%;
        right: 0;
        padding-top: 15px;
        background: #fff;
        z-index: 9;
        -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.3);
        box-shadow: 0 0 15px -5px rgba(0,0,0,.3);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0;
        border-top: 1px solid #d12b8a
    }

    .section-wrapper .delivery-checkout-step.right-content-area .btn-stripe {
        position: absolute;
        right: 0;
        left: 0;
        text-align: center;
        top: -17px;
        display: block
    }

    .section-wrapper .delivery-checkout-step.right-content-area .cart-mobile {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 999999;
        overflow: auto !important;
        display: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background: 0;
        margin-bottom: 0
    }

    .section-wrapper .delivery-checkout-step.right-content-area .cart-mobile .card-body {
        text-align: right;
        padding: 59px 24px 6px 24px;
        max-height: 700px;
        overflow-y: auto;
        background: #fff
    }

    .section-wrapper .delivery-checkout-step.right-content-area .cart-mobile .remove-stripe {
        margin-bottom: -20px;
        display: inline-block;
        z-index: 999999999;
        position: relative
    }

    .section-wrapper .delivery-checkout-step.right-content-area .cart-mobile .remove-stripe img {
        margin-bottom: -14px
    }

    .section-wrapper .delivery-checkout-step.right-content-area .cart-mobile .card-header {
        height: 60px
    }

    .section-wrapper .delivery-checkout-step.right-content-area .cart-mobile .card-header i {
        font-size: 24px
    }

    .section-wrapper .delivery-checkout-step.right-content-area .cart-mobile .card-header p span {
        font-size: 16px
    }

    .section-wrapper .delivery-checkout-step.right-content-area .cart-mobile .card-action {
        padding-top: 18px;
        margin-top: 0;
        background: #fff;
        margin-bottom: 0;
        padding-bottom: 30px
    }
}

.otp-popup.common-popup {
    max-width: 650px !important;
    padding-bottom: 42px !important
}

.otp-popup.common-popup #frm-otp-verified h3.success-msg {
    color: #000;
    margin-top: 10px;
    font-family: NunitoSans-Black;
    font-size: 19px
}

.otp-popup.common-popup #frm-otp-verified p {
    font-family: NunitoSans-Regular
}

.otp-popup.common-popup #frm-otp-verified button.btn.btn-pc-3.btn-small {
    min-width: 120px
}


.otp-popup.common-popup .order-tracking-popup-header .otp-digits.text-center input::-webkit-inner-spin-button,.otp-popup.common-popup .order-tracking-popup-header .otp-digits.text-center input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.upload-id-popup {
    max-width: 800px !important;
    padding: 10px !important
}

.upload-id-popup .order-tracking-popup-header {
    max-width: inherit;
    text-align: center;
    max-width: 100% !important;
    padding-top: 20px
}

.upload-id-popup .order-tracking-popup-header h3 {
    font-family: NunitoSans-Black;
    font-size: 1.75rem
}

.upload-id-popup .tab-head ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 0;
    padding: 0;
    border-bottom: 1px solid #727272;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.upload-id-popup .tab-head ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .5
}

.upload-id-popup .tab-head ul li.active,.upload-id-popup .tab-head ul li:hover {
    border-color: #d12b8a;
    opacity: 1
}

.upload-id-popup .tab-head ul li.active p,.upload-id-popup .tab-head ul li:hover p {
    font-family: NunitoSans-Black !important
}

.upload-id-popup .tab-head ul li span {
    background: #d12b8a;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: NunitoSans-Black !important;
    padding-bottom: 0
}

.upload-id-popup .tab-head ul li p {
    font-family: NunitoSans-Regular;
    margin-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0;
    width: 100%;
    font-size: 18px !important;
    color: #000 !important
}

.upload-id-popup .tab-head ul li.active p {
    font-family: NunitoSans-Black !important
}

.upload-id-popup .tab-head .verified span {
    font-size: 0 !important;
    background: url(/o/zain-theme/images/check.svg) no-repeat center center;
    background-size: cover
}

.upload-id-popup .tab-content {
    float: right;
    width: 100%
}

.upload-id-popup .tab-content li {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    float: right;
    width: 100%;
    display: none
}

.upload-id-popup .tab-content li .drag-file {
    float: right;
    width: 100%;
    margin-bottom: 0;
    position: relative
}

.upload-id-popup .tab-content li .upload-file {
    border: 2px dashed #e3e3e3;
    padding: 20px;
    width: 100%;
    text-align: center;
    float: right;
    border-radius: 3px;
    margin: 0
}

.upload-id-popup .tab-content li .upload-file .uploaded-wrap {
    background: #d2d2d2;
    border-radius: 10px;
    padding: 20px 60px;
    max-width: 400px;
    margin: 0 auto
}

.upload-id-popup .tab-content li .upload-file .uploaded-wrap>img {
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
    max-height: 120px !important
}

.upload-id-popup .tab-content li .upload-file .uploaded-wrap .uploaded-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.upload-id-popup .tab-content li .upload-file .uploaded-wrap .uploaded-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.upload-id-popup .tab-content li .upload-file .uploaded-wrap .uploaded-btns a {
    border: 2px dashed #9b9b9b;
    background: #f2f2f2;
    padding: 7px 15px;
    text-transform: uppercase;
    color: #9b9b9b;
    font-family: NunitoSans-Black !important;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-left: 10px;
    overflow: hidden
}

.upload-id-popup .tab-content li .upload-file .uploaded-wrap .uploaded-btns a img {
    display: inline-block;
    width: 18px;
    margin-left: 5px
}

.upload-id-popup .tab-content li label span {
    font-family: NunitoSans-Black;
    color: #d12b8a;
    font-size: 14px;
    padding: 0 8rem;
    margin-bottom: 8px
}

@media(max-width: 767px) {
    .upload-id-popup .tab-content li label span {
        padding:0
    }
}

.upload-id-popup .tab-content li.active {
    display: block
}

.upload-id-popup .tab-content input {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.upload-id-popup .tab-content label {
    border: 2px dashed #e3e3e3;
    padding: 20px;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 3px;
    margin: 0
}

.upload-id-popup .tab-content label>div {
    width: 100%
}

.upload-id-popup .tab-content label img {
    width: 50px;
    height: 50px;
    display: inline-block;
    max-width: 50px;
    margin: 20px 0 10px
}

.upload-id-popup .tab-content label p {
    font-family: NunitoSans-Regular !important;
    font-size: 12px;
    color: #727272 !important;
    font-weight: 400;
    max-width: 340px;
    padding-bottom: 20px !important;
    width: 100%
}

@media(min-width: 1200px) {
    .upload-id-popup .tab-content label p {
        font-size:14px
    }
}

.upload-id-popup .tab-content label div span {
    font-family: NunitoSans-Regular;
    border: 1px dashed #727272;
    padding: 8px 60px;
    border-radius: 10px;
    color: #727272;
    margin: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 600
}

.upload-id-popup .popup-action a.btn.btn-pc-3 {
    min-width: 210px;
    padding: 7px 10px
}

@media(min-width: 768px) and (max-width:1024px) {
    .upload-id-popup {
        width:90% !important;
        top: 40%
    }
}

.not-match {
    background: rgba(209,43,138,.05);
    border-radius: 5px;
    padding: 16px 26px 24px;
    text-align: center;
    width: 100%;
    max-width: 560px;
    margin: 20px 120px 30px auto
}

.not-match .stockOut_icon {
    position: relative;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    height: 52px;
    margin-left: 12px;
    width: 52px;
    padding: 12px 0;
    vertical-align: middle
}

.not-match .stockOut_icon i {
    position: absolute;
    line-height: 52px;
    vertical-align: middle;
    top: 0;
    width: 100%;
    right: 0
}

.not-match .stockOut_icon i.icon-2 {
    color: #d12b8a
}

.not-match .stockOut_icon i.icon-1 {
    font-size: 26px
}

.not-match .error-content {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.not-match .error-content h3 {
    color: #70489d;
    font-family: NunitoSans-Black;
    font-weight: unset;
    font-size: 1.1875rem
}

.not-match .error-content p {
    font-size: 14px;
    font-family: NunitoSans-Regular
}

.not-match .error-content p a {
    color: #000;
    text-decoration: underline;
    cursor: pointer
}

.not-match .error-content p i {
    margin-right: 9px;
    text-decoration: none
}

@media(max-width: 767px) {
    .not-match .error-content p i {
        margin-right:2px
    }
}

@media(max-width: 767px) {
    .not-match {
        margin:0
    }
}

html[dir=rtl] .not-match .error-content p a {
    text-decoration: underline
}

html[dir=rtl] #frm-otp-verification #valid-otp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html[dir=rtl] .common-popup.otp-popup .order-tracking-popup-header .otp-digits.text-center input {
    direction: ltr
}

.civilid-passport label {
    border: none !important
}

.civilid-passport label span.radio-lbl {
    padding: 0 !important
}

.civilid-passport label span.radio-lbl span.custom-control-label-text {
    padding: 0 !important;
    margin-bottom: 0
}

.delivery-checkout-step .gov-container .select2-container .select2-dropdown .select2-search,.delivery-checkout-step .unit-type-container .select2-container .select2-dropdown .select2-search {
    padding: 0
}

.delivery-checkout-step .gov-container .select2-container .select2-dropdown .select2-search .select2-search__field,.delivery-checkout-step .unit-type-container .select2-container .select2-dropdown .select2-search .select2-search__field {
    display: none
}

html[dir=rtl] .delivery-checkout-step .gov-container .select2-container,html[dir=rtl] .delivery-checkout-step .unit-type-container .select2-container {
    right: 0
}

.delivery-checkout-step .delivery-tabs .tab-content .payment-method-sect .payment-radios ul li {
    padding: 18px 0
}

.b2c-checkout .delivery-tabs .tab-content .payment-method-sect .payment-radios .custom-radio input+label::before {
    margin-top: 0
}

.Business .delivery-checkout-step .clock-sec {
    margin: 0 auto !important;
    position: relative !important;
    border-radius: 0 !important
}

.Business .delivery-checkout-step .clock-sec li label {
    font-size: 12px
}

@media(min-width: 768px) {
    .Business .delivery-checkout-step .clock-sec li label {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .Business .delivery-checkout-step .clock-sec li label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .Business .delivery-checkout-step .clock-sec li label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .Business .delivery-checkout-step .clock-sec li label {
        font-size:18px
    }
}

.Business .delivery-checkout-step .delivery-fields.calendar .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Business .delivery-checkout-step .delivery-fields.calendar .form-group .form-control {
    font-size: 15px
}

.user-profile-page {
    margin-bottom: 20px
}

.user-profile-page .profile-form {
    padding: 50px 0 0
}

@media(max-width: 767px) and (min-width:280px) {
    .user-profile-page .profile-form {
        overflow:hidden
    }
}

@media(max-width: 992px) and (min-width:768px) {
    .user-profile-page .profile-form {
        padding:0
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .user-profile-page .profile-form .form-group .form-control {
        min-height:38px;
        border: 1px solid #ccc
    }

    .user-profile-page .profile-form .form-group.dob-icon::after {
        height: 40px;
        width: 40px
    }
}

@media(max-width: 767px) {
    .user-profile-page .default-address-radio .blank-label {
        display:none
    }

    .user-profile-page .default-address-radio label {
        margin-bottom: 0
    }

    .user-profile-page .default-address-radio .form-group {
        margin-bottom: 0
    }

    .user-profile-page .default-address-radio .default-address-option-section {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .user-profile-page .default-address-radio input.field {
        margin-left: 5px
    }
}

.user-profile-page .cards-title {
    font-size: 19px;
    margin: 0 0 20px;
    padding: 5px 0 0;
    color: #000;
    font-family: NunitoSans-Regular;
    font-weight: 400;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-profile-page .default-address-option-section {
    min-height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-profile-page .form-group {
    margin-bottom: 1.5rem;
    line-height: 1.22
}

@media(max-width: 767px) {
    .user-profile-page .form-group {
        margin-bottom:1rem
    }
}

.user-profile-page .form-group .form-control {
    min-height: 46px;
    border: 0;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #727272;
    font-family: inherit;
    font-weight: 700;
    padding: 7px 16px;
    font-weight: 400
}

@media(max-width: 1439px) and (min-width:1200px) {
    .user-profile-page .form-group .form-control {
        min-height:46px;
        font-size: 14px
    }
}

.user-profile-page .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.user-profile-page .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 700;
    font-size: 14px
}

.user-profile-page .form-group label {
    color: #000;
    font-weight: 100
}

@media(min-width: 1200px) {
    .user-profile-page .form-group label {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .user-profile-page .form-group label {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .user-profile-page .form-group label {
        font-size:18px
    }
}

@media(max-width: 767px) {
    .user-profile-page .form-group label {
        font-weight:100
    }
}

.user-profile-page .form-group .data-valid input {
    border: solid 1px #23b7c0 !important;
    position: relative
}

.user-profile-page .form-group .data-valid::after {
    content: "✓";
    position: absolute;
    left: 15px;
    top: 54%;
    z-index: 1111;
    background: #23b7c0;
    width: 20px;
    height: 20px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 14px;
    text-align: center
}

.user-profile-page .form-group.has-error .form-validator-stack.help-block {
    margin: 5px 0 0 0;
    position: absolute;
    color: red;
    font-size: 11px;
    padding-right: 30px
}

.user-profile-page .form-group.has-error .form-validator-stack.help-block:before {
    content: "x";
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 2;
    background: red;
    width: 15px;
    height: 15px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 13px;
    font-family: NunitoSans-Regular
}

.user-profile-page .form-group.has-success input {
    border: solid 1px #23b7c0;
    position: relative
}

.user-profile-page .form-group.has-success:after {
    content: "✓";
    position: absolute;
    left: 15px;
    bottom: 14px;
    z-index: 10;
    background: #23b7c0;
    width: 20px;
    height: 20px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 14px;
    text-align: center
}

.user-profile-page .form-group .select2-container .select2-selection--single {
    background-color: #f7f7f7
}

@media(max-width: 767px) {
    .user-profile-page .form-group .select2-container .select2-selection--single {
        min-height:44px !important;
        width: auto;
        padding: 8px 10px 8px 26px
    }
}

.user-profile-page .form-group .default-address-option-section label {
    margin-right: 10px
}

.user-profile-page .form-group.dob-icon::after {
    content: "";
    background: url(/o/zain-theme/images/calander.png) no-repeat center center;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-size: 50%;
    top: inherit
}

.user-profile-page .profile-setting-section {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

@media(max-width: 1024px) {
    .user-profile-page .profile-setting-section {
        border-bottom:0
    }
}

.user-profile-page .profile-setting-section .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -6px;
    display: -webkit-inline-box
}

.user-profile-page .profile-setting-section .slick-dots li {
    width: 10px;
    height: 14px
}

.user-profile-page .profile-setting-section .slick-dots li button {
    height: 0;
    width: 0;
    margin: 0
}

.user-profile-page .profile-setting-section .slick-dots .slick-active button {
    padding: 3px;
    border-width: 2px;
    border-color: #d12b8a
}

.user-profile-page .profile-setting-section .slick-dots {
    padding-top: 10px;
    position: static
}

.user-profile-page .profile-setting-section h3.text-center {
    font-size: 19px;
    margin: 0 0 20px;
    padding: 5px 0 0;
    color: #000;
    font-family: NunitoSans-Regular;
    font-weight: 400;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-profile-page .profile-setting-section button.btn.btn-pc-5.btn-lrg.new_btn_mn {
    color: #727272;
    font-size: 16px;
    margin: 10px 0;
    padding: 7px 50px;
    font-weight: 400;
    font-family: NunitoSans-Regular;
    border-radius: 5px;
    text-transform: capitalize;
    border: 1px solid #e3e3e3;
    background: #fff;
    white-space: inherit;
    min-width: 212px;
    min-height: 60px
}

@media(max-width: 1919px) and (min-width:1440px) {
    .user-profile-page .profile-setting-section button.btn.btn-pc-5.btn-lrg.new_btn_mn {
        font-size:14px;
        min-height: 50px;
        padding-right: 36px;
        padding-left: 36px;
        min-width: 190px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .user-profile-page .profile-setting-section button.btn.btn-pc-5.btn-lrg.new_btn_mn {
        font-size:14px;
        min-height: 46px;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 145px
    }
}

@media(max-width: 1199px) and (min-width:280px) {
    .user-profile-page .profile-setting-section button.btn.btn-pc-5.btn-lrg.new_btn_mn {
        font-size:12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px;
        min-width: 140px
    }
}

.user-profile-page .profile-setting-section button.btn.btn-pc-5.btn-lrg.new_btn_mn.active {
    border-color: #d12b8a;
    position: relative
}

.user-profile-page .profile-setting-section button.btn.btn-pc-5.btn-lrg.new_btn_mn.active:before {
    content: "✓";
    height: 18px;
    font-size: 9px;
    background: #d12b8a;
    display: block;
    line-height: 18px;
    width: 18px;
    color: #fff;
    position: absolute;
    left: -5px;
    top: -5px;
    border-radius: 50%;
    overflow: hidden
}

.user-profile-page .profile-setting-section .slick-arrow {
    height: 45px;
    min-width: 45px !important;
    width: 45px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 111;
    margin: -17px -70px 10px;
    background: #cecece !important
}

.user-profile-page .profile-setting-section .slick-arrow.slick-disabled {
    visibility: hidden
}

.user-profile-page .profile-setting-section .slick-arrow.next {
    left: 0;
    right: auto
}

.user-profile-page .profile-setting-section .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 45px;
    min-width: 45px !important;
    color: #fff;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: rgba(255,255,255,.4);
    z-index: 1;
    visibility: visible
}

.user-profile-page .profile-setting-section .slick-arrow i {
    margin-right: 0
}

.user-profile-page .profile-setting-section .slick-arrow.prev {
    right: 0
}

.user-profile-page .profile-setting-section .slick-arrow.prev i:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.user-profile-page .saved-address li {
    width: 20%;
    float: right
}

@media(max-width: 992px) and (min-width:768px) {
    .user-profile-page .saved-address li {
        width:33.3333333333%
    }
}

@media(max-width: 767px) {
    .user-profile-page .saved-address li {
        width:50%
    }
}

.user-profile-page .language-option .profile-setting-slider .slick-dots {
    display: none
}

.user-profile-page .page_navigation {
    margin-bottom: 62px;
    padding: 38px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1024px) {
    .user-profile-page .page_navigation {
        padding:0 !important
    }
}

.user-profile-page .page_navigation button.btn.btn-pc-3.btn-lrg {
    padding: 7px 15px;
    width: 140px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .user-profile-page .page_navigation button.btn.btn-pc-3.btn-lrg {
        font-size:14px;
        min-height: 46px;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 145px
    }
}

@media(max-width: 768px) {
    .user-profile-page .page_navigation button.btn.btn-pc-3.btn-lrg {
        margin:15px 0
    }
}

.user-profile-page .page_navigation button.btn.btn-pc-5.btn-lrg {
    margin: 0 15px 0 0;
    padding: 7px 15px;
    color: #727272;
    background: 0;
    border: 1px solid #c9c9c9;
    width: 145px
}

.user-profile-page .page_navigation button.btn.btn-pc-5.btn-lrg:hover {
    background: #e3e3e3;
    color: #000;
    border-color: #e3e3e3
}

@media(max-width: 1439px) and (min-width:1200px) {
    .user-profile-page .page_navigation button.btn.btn-pc-5.btn-lrg {
        font-size:14px;
        min-height: 46px;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 145px
    }
}

@media(max-width: 768px) {
    .user-profile-page .page_navigation button.btn.btn-pc-5.btn-lrg {
        margin:15px
    }
}

@media(max-width: 768px) {
    .user-profile-page .page_navigation {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.user-profile-page .cards-list .card-box {
    border: 1px solid #dee2e6;
    padding: 20px;
    border-radius: 6px;
    display: block;
    cursor: default
}

.user-profile-page .cards-list .card-box span {
    font-family: NunitoSans-Regular;
    text-decoration: none;
    font-size: 12px;
    color: #939393
}

.user-profile-page .cards-list input {
    display: none
}

.user-profile-page .cards-list input:checked+.card-box {
    border-color: #d12b8a;
    position: relative
}

.user-profile-page .cards-list input:checked+.card-box:before {
    content: "✓";
    height: 18px;
    font-size: 9px;
    background: #d12b8a;
    display: block;
    width: 18px;
    color: #fff;
    position: absolute;
    left: -5px;
    top: -5px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-profile-page .profile-links {
    border-top: 2px solid #d12b8a;
    padding: 14px 0
}

.user-profile-page .profile-links ul li {
    margin: 9px 0;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 15px
}

.user-profile-page .profile-links ul li a {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    font-family: NunitoSans-Regular
}

.user-profile-page .profile-links ul li a i {
    font-size: 12px;
    width: 10px;
    margin-top: -7px;
    margin-left: 10px;
    color: #777
}

.user-profile-page .profile-links ul li a:hover {
    color: #d12b8a
}

@media(max-width: 767px) {
    .user-profile-page .profile-links {
        -webkit-box-shadow:none;
        box-shadow: none;
        padding: 20px 0;
        margin-bottom: 20px
    }
}

@media(max-width: 767px) {
    .user-profile-page .sim-verified-user .profile-links {
        margin-top:40px
    }
}

.user-profile-page .sim-verified-user .container.address-form.pt-5 {
    border-top: 1px solid #efefef
}

.user-profile-page .sim-verified-user .profile-setting-section.saved-address {
    border-top: 0;
    border-bottom: 0
}

.user-profile-page .sim-verified-user .profile-setting-section.saved-address .slick-arrow {
    display: none !important
}

.user-profile-page .sim-verified-img {
    position: absolute;
    right: 0;
    top: 15%
}

@media(max-width: 1023px) {
    .user-profile-page .sim-verified-img {
        top:0;
        right: 0;
        left: 0;
        margin: 0 auto;
        position: relative
    }
}

.user-profile-page .sim-verified-img .sim-verified-image-logo {
    width: 190px;
    height: 190px;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    border: 3px solid #23b7c0;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.user-profile-page .sim-verified-img .sim-verified-image-logo .avatar {
    position: absolute;
    bottom: auto;
    right: 50%;
    left: auto;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    width: 100%;
    height: 100%
}

.user-profile-page .form-group .control-label span svg {
    font-size: 7px;
    color: #d12b8a
}

.user-profile-page .profile-no-saved-address {
    text-align: right
}

.not-logged-in-profile {
    padding: 20px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin: 20px;
    border: 2px solid #d12b8a
}

.profile-header {
    background-size: cover;
    padding: 15px 0;
    margin-bottom: 110px;
    position: relative
}

.profile-header:after {
    content: "";
    position: absolute;
    right: 49.2%;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1));
    background: -webkit-gradient(linear,left top,right top,from(#e3dded),color-stop(35%,#f6ddec),to(#f0d8ea));
    background: linear-gradient(90deg,#e3dded 100%,#f6ddec 35%,#f0d8ea 100%);
    z-index: -1
}

.profile-header .profile-avatar {
    position: absolute;
    right: 0;
    top: 15%;
    height: 190px;
    width: 190px
}

.profile-header .profile-avatar img {
    max-width: 100%;
    height: 100%
}

@media(max-width: 767px) {
    .profile-header .profile-avatar {
        right:0;
        left: 0;
        margin: 0 auto;
        position: relative
    }
}

.profile-header .profile-image input {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    cursor: pointer
}

.profile-header .taglib-logo-selector-content {
    position: absolute;
    right: 0;
    top: 15%
}

@media(max-width: 1023px) {
    .profile-header .taglib-logo-selector-content {
        top:0;
        right: 0;
        left: 0;
        margin: 0 auto;
        position: relative
    }
}

.profile-header .taglib-logo-selector-content .portrait-icons {
    display: inline-block;
    position: absolute;
    left: 36px;
    bottom: -26px
}

.profile-header .taglib-logo-selector-content .btn-group-item {
    margin: 0
}

.profile-header .taglib-logo-selector-content .btn-group-item>.delete-logo {
    display: none
}

.profile-header .taglib-logo-selector-content .btn-group-item>.edit-logo {
    border: 0;
    font-size: 0;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    min-width: auto;
    min-height: auto;
    padding: 0;
    background: #23b7c0 url(/o/zain-theme/images/camera.png) no-repeat center center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.profile-header .taglib-logo-selector-content .lfr-change-logo {
    width: 190px;
    height: 190px;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    border: 3px solid #23b7c0;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.profile-header .taglib-logo-selector-content .lfr-change-logo .avatar {
    position: absolute;
    bottom: auto;
    right: 50%;
    left: auto;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    width: 100%;
    height: 100%
}

.profile-header .form-group.edit-name::after {
    content: "";
    background: url(/o/zain-theme/images/edit-icon.png) no-repeat center center;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 1
}

.profile-header label {
    padding-top: 25px
}

@media(max-width: 767px) {
    .profile-header {
        margin-bottom:0
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .user-profile-page .container {
        max-width:820px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .section-wrapper .user-profile-page .container {
        max-width:100%
    }
}

.section-wrapper .user-profile-page .form-group.input-select-wrapper.has-error select~div.form-validator-stack.help-block {
    top: 41px
}

@media(max-width: 992px) and (min-width:768px) {
    .profile-header .profile-avatar {
        right:0;
        left: 0;
        margin: 0 auto;
        position: relative
    }

    .col-md-8.new_clmn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

html[dir=rtl] .user-profile-page .cards-list input:checked+.card-box:before,html[dir=rtl] .user-profile-page .profile-setting-section button.btn.btn-pc-5.btn-lrg.new_btn_mn.active:before {
    right: -5px;
    left: inherit
}

html[dir=rtl] .user-profile-page .language-option .btn {
    direction: ltr
}

html[dir=rtl] .profile-header .taglib-logo-selector-content .lfr-change-logo .avatar {
    left: 50%;
    right: auto
}

html[dir=rtl] .profile-header:after {
    background: -webkit-gradient(linear,left top,right top,from(#e3dded),color-stop(35%,#f6ddec),to(#f0d8ea));
    left: 50.8%;
    right: -60.4%
}

html[dir=rtl] button.btn.prev.slick-arrow i.icon-arrow-pointing-to-right::before {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important
}

.compare-device-wraper {
    max-width: 1074px;
    margin-right: auto;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 50px
}

.compare-device-wraper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    color: #d12b8a;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 0;
    font-family: NunitoSans-Regular
}

.compare-device-wraper .select2-selection {
    height: 40px;
    line-height: 40px;
    background: #e3e3e3;
    border-radius: 0;
    border: 0;
    padding: 3px 10px
}

.compare-device-wraper .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 50%;
    margin-right: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
    display: block
}

.compare-device-wraper .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px
}

.compare-device-wraper .select2-selection__arrow {
    left: 25% !important;
    top: 4px !important
}

.compare-device-wraper .custom-control-label::before {
    background-color: transparent
}

@media(max-width: 1920px) and (min-width:1600px) {
    .compare-device-wraper {
        max-width:1074px;
        margin-right: 345px
    }
}

.compare-device-wraper .btn.btn-secondary.dropdown-toggle {
    font-size: 14px;
    padding: 0 10px
}

@media(max-width: 991px) {
    .compare-device-wraper .btn.btn-secondary.dropdown-toggle {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 8px 0 20px
    }
}

.compare-device-wraper a.dropdown-item {
    font-size: 14px;
    color: #000
}

@media(min-width: 1920px) {
    .compare-device-wraper {
        margin-right:404px
    }
}

.select-compare-device {
    background: #e3e3e3;
    padding-top: 5px
}

.select-compare-device-section .device-img {
    text-align: center;
    padding: 30px
}

.select-compare-device-section .device-img img {
    max-height: 214px;
    max-width: 100%
}

.compare-table-wraper .compare-table-head {
    border-bottom: 1px solid #d12b8a
}

.compare-table-wraper .compare-table-head+.specifications {
    border-top: 0
}

.compare-table-wraper .compare-table-head h4 {
    margin-bottom: 20px;
    color: #d12b8a;
    font-family: NunitoSans-Black;
    font-weight: unset;
    font-size: 16px;
    text-transform: capitalize
}

.compare-table-wraper .specifications {
    border-top: 1px solid #f6f6f6;
    padding-bottom: 20px;
    padding-top: 20px
}

.compare-table-wraper .specifications h4 {
    margin-right: 0;
    position: absolute;
    top: 24%;
    font-family: NunitoSans-Black;
    font-weight: unset;
    font-size: 16px;
    text-transform: uppercase
}

.compare-table-wraper .specifications .padding-left-spacification {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.compare-table-wraper .specifications .padding-left-spacification+.padding-left-spacification {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 29% !important;
    flex: 0 0 29% !important;
    max-width: 29% !important;
    border-right: 1px solid #dee2e6
}

.compare-table-wraper .specifications:last-child {
    border-bottom: 0
}

.compare-table-wraper .specifications.compare-button-wraper {
    padding: 0
}

.compare-table-wraper .specifications:last-child {
    border-top: 0
}

.compare-table-wraper .compare-table-label {
    background: #fff;
    position: absolute;
    top: -44px;
    width: 100%;
    min-height: 57px
}

.compare-table-wraper .compare-table-label .spacification-heading {
    display: inline-block
}

.compare-table-wraper .spacification-img {
    display: inline-block;
    height: 50px;
    width: 50px;
    padding: 5px;
    border: 1px solid #c2bebe;
    border-radius: 50%;
    position: relative
}

.compare-table-wraper .spacification-img img {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    top: 50%;
    right: 50%
}

.compare-table-wraper .device-spacification {
    margin: 0 0 16px
}

.compare-table-wraper .device-spacification p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5
}

.compare-table-wraper .device-spacification span {
    color: gray;
    font-size: 12px;
    font-weight: 300;
    font-family: NunitoSans-Regular
}

.compare-table-wraper .device-spacification .custom-control-label::before {
    background-color: transparent
}

.compare-table-wraper .device-spacification .custom-control-label .comapre-product-color-option {
    display: inline-block;
    border: 1px solid #c2bebe;
    border-radius: 3px
}

.compare-table-wraper .device-spacification .custom-control-label .comapre-product-color-option .custom-control-label-text {
    margin-right: 16px
}

.compare-table-wraper .device-spacification .color-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.compare-table-wraper .device-spacification .color-item .color-block {
    display: inline-block;
    border-radius: 3px;
    margin-left: 10px;
    border: 1px solid rgba(0,0,0,.3137254902)
}

.compare-table-wraper .black-box {
    height: 15px;
    width: 15px;
    background: #000;
    border: 1px solid #c2bebe;
    display: inline-block;
    margin-left: 10px;
    border-radius: 3px
}

.compare-table-wraper .white-box {
    height: 15px;
    width: 15px;
    background: #fff;
    border: 1px solid #c2bebe;
    display: inline-block;
    margin-left: 10px;
    border-radius: 3px
}

.compare-table-wraper .colors {
    border-bottom: 0
}

.compare-table-wraper .colors p {
    display: inline-block;
    margin-bottom: 5px
}

.compare-table-wraper .compare-button a {
    color: #d12b8a;
    border: 1px solid #d12b8a;
    padding: 10px 30px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;
    background: #fff
}

.compare-table-wraper .compare_content_2,.compare-table-wraper .compare_content_3 {
    visibility: hidden
}

.compare-table-wraper .compare_content_2.active,.compare-table-wraper .compare_content_3.active {
    visibility: visible
}

@media(max-width: 1330px) and (min-width:1025px) {
    .compare-table-wraper .compare-button a {
        padding:10px 10px
    }
}

@media(max-width: 1024px) {
    .compare-table-wraper .specifications {
        border-top:1px solid #d12b8a
    }

    .compare-table-wraper .specifications h4 {
        background: #fff;
        padding-left: 10px
    }

    .compare-table-wraper .specifications .padding-left-spacification {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 35% !important;
        flex: 0 0 35% !important;
        max-width: 35% !important
    }

    .compare-table-wraper .specifications .padding-left-spacification+.padding-left-spacification {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33% !important;
        flex: 0 0 33% !important;
        max-width: 33% !important
    }

    .compare-table-wraper .compare-table-head h4 {
        font-size: 0
    }

    .compare-table-wraper .colors {
        border-bottom: none !important
    }
}

@media(max-width: 767px) {
    .compare-table-wraper .specifications .padding-left-spacification {
        -webkit-box-flex:0 !important;
        -ms-flex: 0 0 37% !important;
        flex: 0 0 37% !important;
        max-width: 37% !important
    }
}

.section-wrapper .compare-device-section .compare-table-wraper .row .padding-left-spacification {
    padding-right: 50px
}

.section-wrapper .compare-device-section .compare-table-wraper .row .button-padding-left {
    padding-right: 40px
}

.section-wrapper .compare-device-section .compare-table-wraper .compare-table-head .row .col-3.col-md-3.padding-left-spacification:last-child {
    padding-right: 98px
}

.compare-table-wraper .compare-table-head.sticky {
    background: #eee;
    padding-top: 20px
}

.compare-table-wraper .compare-button-wraper .row .col-md-3.button-padding-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.compare-table-wraper .compare-button-wraper .row .col-md-3.button-padding-left+.button-padding-left {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 29% !important;
    flex: 0 0 29% !important;
    max-width: 29% !important
}

@media(max-width: 1024px) {
    .compare-table-wraper .compare-button-wraper .row .col-md-3.button-padding-left {
        -webkit-box-flex:0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%
    }

    .compare-table-wraper .compare-button-wraper .row .col-md-3.button-padding-left+.button-padding-left {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33% !important;
        flex: 0 0 33% !important;
        max-width: 33% !important
    }
}

@media(max-width: 1024px) {
    .compare-table-wraper .compare-button-wraper .col-md-2 {
        display:none
    }

    .compare-table-wraper .compare-button-wraper.specifications>.row>.col-2.col-md-2+.col-3.col-md-3 {
        margin-right: 0
    }
}

@media(max-width: 991px) {
    .compare-device-section .compare-device-wraper {
        margin-right:5px !important
    }

    .compare-device-section .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #d12b8a !important;
        line-height: 28px !important;
        text-align: right
    }

    .compare-device-section .select2-selection__arrow::before {
        content: "\e94b";
        font-family: icomoon !important;
        vertical-align: middle;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 12px;
        float: right;
        margin-top: 5px
    }

    .compare-device-section .select2-selection__arrow {
        left: 0 !important
    }

    .compare-device-section .compare-device-wraper .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none
    }
}

@media(max-width: 1024px) {
    .specifications>.row>.col-3.col-md-3 {
        margin-top:20px;
        margin-bottom: 10px
    }
}

@media(max-width: 1024px) {
    .specifications>.row>.col-2.col-md-2+.col-3.col-md-3 {
        margin-right:-21%
    }
}

@media(max-width: 1024px) {
    .compare-button-wraper .offset-2 {
        margin-right:0 !important;
        padding: 0 !important
    }
}

@media(max-width: 1024px) {
    .compare-button-wraper .col-3 {
        max-width:33.33% !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.33% !important;
        flex: 0 0 33.33% !important;
        padding-right: 0 !important
    }
}

@media(max-width: 1024px) {
    .compare-device-section {
        min-width:100%;
        overflow: auto
    }
}

@media(max-width: 1024px) {
    .compare-device-section .compare-device-wraper,.compare-device-section .compare-table-wraper {
        width:1024px
    }
}

@media(max-width: 600px) {
    .compare-device-section .compare-device-wraper,.compare-device-section .compare-table-wraper {
        width:624px
    }
}

.sticky {
    position: fixed;
    width: 100%;
    right: 0;
    top: 130px;
    z-index: 100;
    border-top: 0
}

@media(min-width: 768px) and (max-width:1199px) {
    .sticky {
        top:119px
    }
}

@media(max-width: 1024px) {
    .compare-table-wraper .compare-table-head.sticky {
        display:none
    }
}

.device-dropdown-container .dropdown-toggle {
    width: 100%;
    border-radius: 0;
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    line-height: 28px;
    color: #d12b8a;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 0;
    font-family: NunitoSans-Regular;
    text-transform: inherit
}

.device-dropdown-container .dropdown-toggle.btn:active,.device-dropdown-container .dropdown-toggle.btn:active:focus,.device-dropdown-container .dropdown-toggle.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    color: #d12b8a
}

.device-dropdown-container .dropdown-toggle .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    width: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px
}

.device-dropdown-container .dropdown-toggle .arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    width: 0;
    font-family: NunitoSans-Black
}

@media(max-width: 991px) {
    .device-dropdown-container .dropdown-toggle .arrow b {
        display:none
    }
}

@media(max-width: 1024px) {
    .device-dropdown-container .dropdown-toggle .arrow {
        top:-6px !important
    }
}

@media(max-width: 991px) {
    .device-dropdown-container .dropdown-toggle .arrow {
        left:0 !important
    }

    .device-dropdown-container .dropdown-toggle .arrow::before {
        content: "\e94b";
        font-family: icomoon !important;
        vertical-align: middle;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 12px;
        float: right;
        margin-top: 5px;
        color: #000
    }
}

@media(max-width: 991px) {
    .device-dropdown-container .dropdown-toggle {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 8px 0 20px
    }
}

.device-dropdown-container.show>.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    color: #d12b8a
}

.device-dropdown-container.show>.dropdown-toggle .arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.device-dropdown-container .device-dropdown-menu {
    width: 100%;
    border-radius: 0 0 5px 5px;
    padding: 0;
    max-width: 100%
}

.device-dropdown-container .device-dropdown-menu .dropdown-item {
    padding: 6px;
    line-height: 27px
}

.device-dropdown-container .device-dropdown-menu .dropdown-item.active,.device-dropdown-container .device-dropdown-menu .dropdown-item:active,.device-dropdown-container .device-dropdown-menu .dropdown-item:hover {
    background-color: #d12b8a;
    color: #fff
}

html[dir=rtl] .compare-device-section .compare-table-wraper .compare-table-head h4 {
    font-family: qt_zaintextregular;
    font-weight: unset
}

html[dir=rtl] .compare-device-section .compare-table-wraper .specifications h4 {
    font-family: qt_zaintext_bold_pcbold;
    font-weight: unset
}

html[dir=rtl] .compare-device-section .compare-table-wraper .device-spacification span {
    font-family: qt_zaintextregular;
    font-weight: 300px
}

.portlet-commerce-product-compare-content-mini .minium-products-compare {
    padding: 20px;
    background: #fff;
    width: 100%;
    margin: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.4);
    box-shadow: 0 3px 7px rgba(0,0,0,.4);
    border-radius: 0;
    z-index: 2000;
    text-align: center;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 768px) {
    .portlet-commerce-product-compare-content-mini .minium-products-compare {
        position:fixed;
        -webkit-transform: translate(-50%,0);
        transform: translate(calc(-50% * -1),0);
        right: 50%;
        bottom: 0
    }
}

@media(max-width: 767px) {
    .portlet-commerce-product-compare-content-mini .minium-products-compare {
        padding:10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border: 1px dashed rgba(0,0,0,.2);
    padding: 5px;
    margin: 0 10px;
    position: relative
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__item {
        width:60px;
        height: 60px;
        margin: 10px;
        min-width: 60px
    }

    .portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__item:first-child {
        margin-right: 15%
    }

    .portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__item:last-of-type,.portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__item:nth-child(3) {
        margin-left: 15%
    }
}

.portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__thumbnail {
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

@media(max-width: 767px) and (min-width:280px) {
    .portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__thumbnail {
        max-height:100%
    }
}

.portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__delete {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #333;
    color: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -10px;
    margin-top: -10px;
    cursor: pointer
}

.portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__delete svg {
    display: none
}

.portlet-commerce-product-compare-content-mini .minium-products-compare .minium-products-compare__delete:after {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e919";
    font-size: 6px
}

.portlet-commerce-product-compare-content-mini .minium-products-compare .compare-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    letter-spacing: 1px;
    margin-right: 20px
}

.portlet-commerce-product-compare-content-mini .minium-products-compare .compare-msg .icon-compare-black {
    margin-left: 5px;
    font-size: 16px
}

@media(max-width: 767px) {
    .portlet-commerce-product-compare-content-mini .minium-products-compare .compare-msg {
        width:100%;
        margin-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.portlet-commerce-product-compare-content-mini .minium-frame__cta.is-visible .minium-products-compare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portlet-commerce-product-compare-content-mini .cancel-compare-btn,.portlet-commerce-product-compare-content-mini .commerce-button {
    cursor: pointer;
    text-transform: uppercase;
    font-family: NunitoSans-Black,sans-serif;
    border-radius: 10px;
    text-align: center;
    letter-spacing: .5px;
    background: #d12b8a;
    color: #fff;
    border: 2px solid transparent;
    min-height: 36px;
    font-size: 12px;
    min-width: unset;
    padding: 10px 12px !important;
    margin-right: 10px;
    outline: 0
}

.portlet-commerce-product-compare-content-mini .cancel-compare-btn,html:not(.ie) .portlet-commerce-product-compare-content-mini .commerce-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1199px) and (min-width:768px) {
    .portlet-commerce-product-compare-content-mini .cancel-compare-btn,.portlet-commerce-product-compare-content-mini .commerce-button {
        font-size:12px
    }
}

.portlet-commerce-product-compare-content-mini .cancel-compare-btn:hover,.portlet-commerce-product-compare-content-mini .commerce-button:hover {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a
}

@media(max-width: 460px) {
    .portlet-commerce-product-compare-content-mini .cancel-compare-btn,.portlet-commerce-product-compare-content-mini .commerce-button {
        margin:0;
        min-width: 100px
    }
}

.portlet-commerce-product-compare-content-mini .cancel-compare-btn.commerce-button--disabled,.portlet-commerce-product-compare-content-mini .commerce-button.commerce-button--disabled {
    display: none !important
}

.compare-tray-container {
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    width: 100%;
    margin: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.4);
    box-shadow: 0 3px 7px rgba(0,0,0,.4);
    border-radius: 0;
    z-index: 2000
}

.compare-tray-container .portlet-content,.compare-tray-container .portlet-content-editable {
    min-height: 0
}

.compare-tray-container.compare-tray-container-detail {
    display: none
}

@media(min-width: 1025px) {
    .compare-tray-container.compare-tray-container-detail {
        display:block !important
    }
}

.compare-tray-container .compare-bar-header {
    display: none;
    position: absolute;
    top: -45px;
    height: 45px;
    width: 100%;
    padding: 8px 16px 5px;
    background-image: url("/o/zain-theme/images/cart_header-bg.png");
    background-size: cover;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1024px) {
    .compare-tray-container .compare-bar-header {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.compare-tray-container .compare-bar-header .btn-icon {
    font-size: 16px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-image: url("/o/zain-theme/images/icon-bg.png");
    display: inline-block;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 50%;
    margin-top: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.compare-tray-container .compare-bar-header .btn-icon .icon-double-angle-down {
    font-size: 12px;
    position: absolute;
    top: 3px
}

.compare-tray-container .compare-bar-header .btn-icon .icon-compare-black {
    font-size: 15px;
    position: absolute;
    top: 12px
}

.compare-tray-container .compare-bar-header p {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 10px;
    letter-spacing: .5px
}

.compare-tray-container .portlet-topper-toolbar-wrapper {
    left: 30px
}

.products-comparison-bar {
    padding: 20px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) {
    .products-comparison-bar {
        padding:10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.products-comparison-bar .product-compare-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border: 1px dashed rgba(0,0,0,.2);
    padding: 5px;
    margin: 0 10px;
    position: relative
}

@media(max-width: 767px) and (min-width:280px) {
    .products-comparison-bar .product-compare-item {
        width:60px;
        height: 60px;
        margin: 10px;
        min-width: 60px
    }
}

.products-comparison-bar .product-compare-image {
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.products-comparison-bar .compare-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    letter-spacing: 1px;
    margin-right: 20px
}

.products-comparison-bar .compare-msg .icon-compare-black {
    margin-left: 5px;
    font-size: 16px
}

@media(max-width: 767px) {
    .products-comparison-bar .compare-msg {
        width:100%;
        margin-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.products-comparison-bar .delete-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #333;
    color: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -10px;
    margin-top: -10px;
    cursor: pointer
}

.products-comparison-bar .delete-icon svg {
    display: none
}

.products-comparison-bar .delete-icon:after {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e919";
    font-size: 6px
}

html[dir=rtl] .portlet-commerce-product-compare-content-mini .minium-products-compare {
    right: auto;
    left: 50%
}

html[dir=rtl] .compare-tray-container .products-comparison-bar .buttons-msg-container .commerce-button {
    font-family: QTZain-Bold,sans-serif
}

.expression-section .field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 342px;
    margin: 0 auto;
    position: relative
}

.expression-section .field-wrapper .form-control {
    background: #fff;
    border: 1px solid #e9e9e9;
    height: 50px;
    border-left: 0;
    width: 100%
}

.expression-section .field-wrapper.error {
    padding-bottom: 10px
}

.expression-section .field-wrapper.error .error-msg {
    position: absolute;
    font-size: 12px;
    color: red;
    bottom: -13px;
    padding-right: 20px;
    right: 0
}

.expression-section .field-wrapper.error .error-msg::before {
    content: "x";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1111;
    background: red;
    width: 15px;
    height: 15px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 13px;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html[dir=rtl].ie.ie11 .expression-section .field-wrapper.error .error-msg::before {
    display: block;
    line-height: 20px
}

.expression-section .company-name {
    position: relative;
    width: 80%;
    margin: auto
}

@media(max-width: 767px) {
    .expression-section .company-name {
        width:100%
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .company-name .profile-setting-section {
        padding:0 !important;
        margin-top: 20px;
        width: 100%
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .expression-section .company-name .container {
        max-width:inherit
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .company-name h3,.expression-section .profile-form h3 {
        margin-top:10px;
        text-align: right !important;
        font-size: 16px !important;
        margin-bottom: 10px !important
    }

    .expression-section .company-name h3 span,.expression-section .profile-form h3 span {
        display: none
    }
}

.expression-section .profile-setting-section h3 {
    margin-bottom: 20px;
    text-transform: uppercase;
    padding-top: 5px;
    font-family: NunitoSans-Regular;
    font-weight: 400;
    font-size: 17.5px
}

.expression-section .profile-setting-section h3 img {
    position: relative;
    top: -5px
}

.expression-section .expression-sreach-bar {
    padding: 20px 0;
    width: 100%;
    background: #f7f7f7;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .expression-sreach-bar {
        padding:0 !important
    }
}

.expression-section .expression-sreach-bar form {
    position: relative
}

.expression-section .expression-sreach-bar form input[type=text] {
    padding: 15px 30px;
    font-size: 16px;
    border: 1px solid #eee;
    width: 35%;
    border-radius: 5px
}

@media(max-width: 767px) {
    .expression-section .expression-sreach-bar form input[type=text] {
        width:100%
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .expression-sreach-bar form input[type=text] {
        padding:10px 20px !important;
        background: #eee;
        border-radius: 5px;
        border: 1px solid #eee;
        font-size: 16px;
        width: 100%;
        display: block
    }
}

.expression-section .expression-sreach-bar form button {
    padding: 6px 10px;
    margin-left: 16px;
    background: #fff;
    font-size: 17px;
    border: 0;
    cursor: pointer;
    position: absolute;
    left: 32%;
    top: 5px
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .expression-sreach-bar form button {
        display:none
    }
}

.expression-section .expression-sreach-bar .company-name-input {
    border: 1px solid #e9e9e9;
    height: 50px;
    border-left: 0;
    width: 100%
}

.expression-section .expression-sreach-bar .company-name-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(min-width: 768px) {
    .expression-section .expression-sreach-bar .company-name-input {
        max-width:360px
    }
}

@media(min-width: 991px) {
    .expression-section .expression-sreach-bar .company-name-input {
        max-width:500px
    }
}

@media(min-width: 1200px) {
    .expression-section .expression-sreach-bar .company-name-input {
        max-width:309px
    }
}

@media(min-width: 1600px) {
    .expression-section .expression-sreach-bar .company-name-input {
        max-width:353px
    }
}

@media(min-width: 1919px) {
    .expression-section .expression-sreach-bar .company-name-input {
        max-width:470px
    }
}

.expression-section .expression-sreach-bar .company-name-button {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-right: 0
}

.expression-section .expression-sreach-bar .company-name-button:focus {
    outline: 0
}

.expression-section .expression-form .form-validation,.expression-section .text-area-wrapper .form-validation {
    background: #f7f7f7;
    padding: 30px 0 !important
}

@media(max-width: 992px) {
    .expression-section .expression-form .form-validation .col-md-5,.expression-section .text-area-wrapper .form-validation .col-md-5 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
}

@media(max-width: 767px) {
    .expression-section .expression-form .form-validation,.expression-section .text-area-wrapper .form-validation {
        padding:20px !important
    }

    .expression-section .expression-form .form-validation .col-md-5,.expression-section .text-area-wrapper .form-validation .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.expression-section .expression-form .form-validation .form-group,.expression-section .text-area-wrapper .form-validation .form-group {
    padding-bottom: 32px;
    margin-bottom: 0
}

.expression-section .expression-form .form-validation .form-group label,.expression-section .text-area-wrapper .form-validation .form-group label {
    margin-right: 15px
}

@media(max-width: 767px) {
    .expression-section .expression-form .form-validation .form-group label,.expression-section .text-area-wrapper .form-validation .form-group label {
        margin-right:0;
        font-weight: 100
    }
}

.expression-section .expression-form .form-validation .form-group input,.expression-section .text-area-wrapper .form-validation .form-group input {
    min-height: 46px;
    font-size: 14px;
    border: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    background: #fff
}

@media(max-width: 767px) {
    .expression-section .expression-form .form-validation .form-group input,.expression-section .text-area-wrapper .form-validation .form-group input {
        width:100%
    }
}

.expression-section .expression-form .form-validation .form-group .form-control+.select2-container .select2-selection--single,.expression-section .text-area-wrapper .form-validation .form-group .form-control+.select2-container .select2-selection--single {
    background: #fff
}

.expression-section .expression-form .form-validation .form-group.error .error-msg,.expression-section .text-area-wrapper .form-validation .form-group.error .error-msg {
    position: absolute;
    font-size: 12px;
    color: red;
    bottom: 8px;
    padding-right: 20px
}

.expression-section .expression-form .form-validation .form-group.error .error-msg::before,.expression-section .text-area-wrapper .form-validation .form-group.error .error-msg::before {
    content: "x";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1111;
    background: red;
    width: 15px;
    height: 15px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 13px;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.expression-section .text-area-wrapper .form-validation .form-group.error .error-msg::before,html[dir=rtl].ie.ie11 .expression-section .expression-form .form-validation .form-group.error .error-msg::before {
    display: block;
    line-height: 20px
}

@media(max-width: 1199px) and (min-width:280px) {
    .expression-section .expression-form,.expression-section .text-area-wrapper {
        width:100% !important
    }
}

.expression-section .expression-button {
    float: left;
    padding: 50px 0
}

@media(max-width: 767px) {
    .expression-section .expression-button {
        float:none
    }

    .expression-section .expression-button button {
        width: 95%;
        margin: auto;
        position: relative
    }
}

.expression-section .form-select .select2-container {
    width: 90% !important
}

@media(max-width: 767px) {
    .expression-section .form-select .select2-container {
        width:100% !important
    }
}

.expression-section .form-select .select2-container span.select2-selection.select2-selection--single {
    min-height: 42px;
    height: auto
}

.expression-section .form-select .select2-container span.select2-selection.select2-selection--single .select2-selection__rendered {
    font-family: NunitoSans-Regular;
    line-height: 35px !important;
    color: #d2d2d2 !important
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .form-select .select2-container span.select2-selection.select2-selection--single {
        border:0
    }

    .expression-section .form-select .select2-container span.select2-selection.select2-selection--single .select2-selection__rendered {
        padding: 10px 20px;
        font-size: 16px;
        border: 1px solid #eee;
        border-radius: 5px;
        width: 100%;
        line-height: inherit !important;
        background: #eee;
        color: rgba(0,0,0,.4) !important;
        font-weight: 400
    }
}

@media(max-width: 1199px) and (min-width:280px) {
    .expression-section .expression-select .select2-container {
        width:100% !important
    }
}

.expression-section .expression-select .select2-container .select2-selection--single {
    height: 50px;
    border: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .expression-select .select2-container .select2-selection--single {
        height:auto;
        border: 0
    }
}

.expression-section .expression-select .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    text-align: right;
    color: #727272;
    font-size: 14px;
    padding: 0 20px;
    font-weight: 600;
    bottom: 0;
    font-family: NunitoSans-Regular
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .expression-select .select2-container .select2-selection--single .select2-selection__rendered {
        padding:10px 20px;
        font-size: 16px;
        border: 1px solid #eee;
        border-radius: 5px;
        float: right;
        width: 100%;
        line-height: inherit !important;
        background: #eee;
        color: rgba(0,0,0,.4) !important;
        font-weight: 400
    }
}

.expression-section .expression-select .select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 50%;
    margin-right: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
    display: block
}

.expression-section .trim-line {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-y: hidden;
    max-width: 150px;
    display: block !important
}

.expression-section .profile-setting-slider .btn,.expression-section .profile-setting-slider-sec .btn {
    font-weight: 400;
    font-family: NunitoSans-Regular !important;
    margin: 10px 0
}

.expression-section .profile-setting-slider-items .list_buttonssss li {
    width: 20%;
    float: right;
    position: relative
}

.expression-section .profile-setting-slider-items .list_buttonssss li .btn.new_btn_mn {
    font-size: 14px;
    padding-right: 20px;
    padding-left: 20px;
    color: #727272;
    border-radius: 5px;
    text-transform: capitalize;
    border: 1px solid #e3e3e3;
    background: #fff
}

.expression-section .profile-setting-slider-items .list_buttonssss li .btn.new_btn_mn.active {
    border-color: #d12b8a;
    -webkit-box-shadow: none;
    box-shadow: none
}

.expression-section .profile-setting-slider-items .list_buttonssss li .btn.new_btn_mn.active:before {
    content: "✓";
    height: 18px;
    font-size: 9px;
    background: #d12b8a;
    display: block;
    line-height: 18px;
    width: 18px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 50%;
    overflow: hidden
}

.expression-section .profile-setting-slider-items .list_buttonssss li .btn.new_btn_mn:focus {
    outline: 0
}

.expression-section .expression-select,.expression-section .expression-textarea,.expression-section .industry-button {
    background: #f7f7f7;
    padding: 20px 0
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .expression-select,.expression-section .expression-textarea,.expression-section .industry-button {
        padding:0 !important
    }
}

.expression-section .expression-textarea textarea {
    width: 100%;
    border: 1px solid #eee;
    color: #9a9a9a;
    padding: 20px 24px
}

.expression-section .form-group label {
    margin-right: 15px
}

@media(max-width: 768px) and (min-width:280px) {
    .expression-section .form-group label {
        margin-right:0
    }
}

.expression-section .form-group .form-control {
    border: 0;
    background-color: #f7f7f7;
    min-height: 46px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .expression-section .form-group .form-control {
        min-height:46px;
        font-size: 14px
    }
}

.expression-section .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.expression-section .form-group .form-control+.select2-container .select2-selection--single {
    min-height: 46px;
    border: 0;
    background-color: #f7f7f7
}

.expression-section .form-control+.select2-container .select2-selection--single .select2-selection__arrow::before {
    content: "\e94b";
    font-family: icomoon !important;
    vertical-align: middle;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 12px
}

.expression-section .expression-select .select2-container .select2-selection--single .select2-selection__arrow b {
    display: none
}

@media(max-width: 767px) and (min-width:360px) {
    .expression-section .form-group .form-control+.help-block+.select2-container .select2-selection--single .select2-selection__rendered,.expression-section .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
        padding:12px 12px 10px 24px
    }
}

.expression-section .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
    font-family: NunitoSans-Regular;
    font-weight: 600;
    color: #727272
}

@media(min-width: 1440px) {
    .expression-section .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
        font-size:14px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .section-wrapper .expression-section .container {
        max-width:inherit
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .section-wrapper .expression-section .container.profile-form.expression-form.profile-setting-section.expression-profile {
        max-width:inherit
    }
}

html[dir=rtl] .expression-section .select2-container--open .select2-dropdown {
    position: relative
}

.expression-section .expression-textarea .field-wrapper {
    width: 100%;
    padding: 20px 40px;
    display: block
}

.expression-section .expression-textarea .field-wrapper #count {
    text-align: end;
    font-size: 14px;
    margin-top: -20px
}

.expression-section .expression-textarea .field-wrapper textarea {
    border-left: 1px solid #e9e9e9;
    height: 180px
}

.expression-section .expression-textarea .field-wrapper .text-box {
    text-align: right
}

.expression-section .expression-select .select2-container .select2-results {
    text-align: right
}

html[dir=rtl] .expression-section .expression-select .select2-container .select2-results {
    text-align: left
}

.expression-section .expression-textarea .field-wrapper .text-box .error-keyup-1 {
    position: absolute;
    font-size: 12px;
    color: red;
    bottom: 8px;
    padding-right: 20px
}

.expression-section .expression-textarea .field-wrapper .text-box .error-keyup-1::before {
    content: "x";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1111;
    background: red;
    width: 15px;
    height: 15px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) and (min-width:280px) {
    .expression-section .expression-textarea {
        background:0
    }

    .expression-section .expression-textarea .field-wrapper {
        padding: 0
    }

    .expression-section .expression-textarea .field-wrapper textarea {
        margin-bottom: 10px
    }
}

@media(min-width: 768px) {
    .expression-section .expression-textarea .field-wrapper.error .error-msg {
        right:40px;
        bottom: 18px
    }
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa !important
}

#userSearchAgentViewManagementBar .input-group-inset-item {
    height: 38px;
    border: 1px solid #ced4da
}

#userSearchAgentViewManagementBar .management-bar .navbar-nav .dropdown {
    display: none
}

@media(max-width: 767.98px) {
    #userSearchAgentViewManagementBar .management-bar.navbar-expand-md .navbar-form {
        margin-top:8px
    }

    #userSearchAgentViewManagementBar .management-bar.navbar-expand-md .navbar-form .form-control {
        height: auto
    }
}

.user-information-section {
    padding: 40px
}

@media(max-width: 767px) and (min-width:280px) {
    .user-information-section {
        padding:15px
    }
}

.user-information-section .form-group label {
    font-family: NunitoSans-Regular;
    font-weight: 700;
    margin-bottom: 0;
    white-space: nowrap;
    font-size: 14px
}

.user-information-section .form-group p {
    margin-bottom: 0;
    white-space: nowrap
}

.user-information-section .line-details {
    margin: 0 0 10px 0
}

.user-information-section .line-detail-item {
    margin-left: 30px
}

.user-information-section .line-detail-item.description {
    width: 100%
}

.user-information-section .line-detail-item label {
    font-weight: 700;
    margin-left: 10px;
    font-size: 14px
}

.user-information-section .line-detail-item span {
    font-family: NunitoSans-SemiBold;
    font-weight: 300;
    color: grey;
    font-size: 14px
}

@media(max-width: 767px) and (min-width:280px) {
    .user-information-section .line-detail-item {
        width:100%;
        margin-bottom: 5px;
        margin-top: 5px
    }
}

.userInfoDialog .select2-container {
    font-size: 14px
}

.commitment-panel-section .panel-group .panel {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.commitment-panel-section .panel-default>.panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #fff
}

.commitment-panel-section .panel-title {
    font-size: 14px;
    border: 1px solid #eaeaea;
    border-radius: 10px
}

.commitment-panel-section .panel-title>a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    font-family: NunitoSans-Regular;
    font-weight: 700
}

.commitment-panel-section .more-less {
    float: left;
    color: #212121
}

.commitment-panel-section .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee;
    padding: 15px 10px 0 10px
}

.select-msisdn {
    padding: 0;
    width: 1000px
}

.select-msisdn .common-popup-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px 20px 10px 20px;
    max-width: unset !important
}

.select-msisdn .close {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: fixed;
    left: 0;
    margin-left: 20px;
    padding-bottom: 15px;
    font-weight: 500
}

.select-msisdn h2 {
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    font-family: nunitosans-bold !important
}

.select-msisdn .extra-boxes-outter {
    margin-top: 50px
}

.select-msisdn .extra-boxes-outter p {
    color: #6f6f6f;
    font-weight: 700
}

.select-msisdn .profile-setting-slider-items .row.d-flex {
    margin-right: 20px !important;
    margin-left: 20px !important
}

.select-msisdn .order-summary-buttons {
    margin-top: 0 !important
}

.select-msisdn .list_buttonssss {
    margin-bottom: 25px
}

.select-msisdn .list_buttonssss .msisdn {
    margin-bottom: 5px
}

.select-msisdn .list_buttonssss .custom-scroll-y {
    max-height: 250px
}

.select-msisdn .list_buttonssss .custom-scroll-y .mCSB_inside>.mCSB_container {
    margin-left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.select-msisdn .list_buttonssss .custom-scroll-y .mCSB_scrollTools .mCSB_dragger {
    min-height: 60px !important
}

.select-msisdn .list_buttonssss .mCSB_container.mCS_no_scrollbar_y {
    margin-left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kw #wrapper .select-msisdn .buttons-container .container .col-lg-12 {
    margin-bottom: 15px !important
}

body.msisdn-popup {
    pointer-events: none
}

body.msisdn-popup .bodyoverlay.select-user {
    z-index: 100
}

body.msisdn-popup .bodyoverlay.select-user.show {
    pointer-events: none
}

body.msisdn-popup .select-msisdn.common-popup.show {
    pointer-events: auto !important
}

div.planline-wrapper {
    margin-bottom: 6rem
}

@media(max-width: 767px) and (min-width:280px) {
    div.planline-wrapper {
        margin-bottom:10px
    }

    div.planline-wrapper:last-of-type {
        margin-bottom: 0
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .planline-contentarea {
        display:none
    }

    .plan-newlines .planline-top.active+.planline-contentarea {
        display: block
    }

    .plan-newlines.delivery-checkout-step.plan-newlines .container {
        padding: 0
    }
}

.plan-newlines .tooltip_new {
    display: none
}

.plan-newlines .contact-form .main-heading {
    font-size: 22px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .contact-form .main-heading {
        font-size:15px
    }
}

@media(min-width: 768px) {
    .plan-newlines .contact-form p {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .plan-newlines .contact-form p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .plan-newlines .contact-form p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .plan-newlines .contact-form p {
        font-size:18px
    }
}

.plan-newlines .planline-top {
    background: #d12b8a;
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .planline-top {
        padding:10px 15px
    }
}

.plan-newlines .planline-top h3 {
    margin: 0;
    color: #fff;
    font-size: 19px
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .planline-top h3 span {
        font-size:14px;
        font-family: NunitoSans-Regular;
        text-decoration: none
    }
}

.plan-newlines .planline-top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto
}

.plan-newlines .planline-top ul li {
    color: #fff;
    font-size: 16px;
    border-right: 1px solid rgba(255,255,255,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
    margin-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px
}

.plan-newlines .planline-top ul li:first-child {
    border-right: 0
}

.plan-newlines .planline-top ul li:last-child p {
    cursor: pointer
}

.plan-newlines .planline-top ul li p {
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.plan-newlines .planline-top ul li p i {
    font-size: 20px
}

@media(min-width: 768px) {
    .plan-newlines .planline-top ul li p i {
        font-size:12px
    }
}

@media(min-width: 1440px) {
    .plan-newlines .planline-top ul li p i {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .plan-newlines .planline-top ul li p i {
        font-size:16px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .planline-top ul li {
        margin-right:10px;
        padding-right: 10px;
        font-size: 14px
    }

    .plan-newlines .planline-top ul li:nth-child(2) {
        width: 100px;
        text-align: center;
        font-size: 12px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .plan-newlines .planline-top ul li p {
        font-size: 0
    }

    .plan-newlines .planline-top ul li p i {
        margin: 0
    }
}

.plan-newlines .planline-top>span {
    display: none
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .planline-top>span {
        display:block;
        width: 13px;
        height: 13px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(-43deg);
        transform: rotate(-43deg);
        margin-left: 10px;
        cursor: pointer;
        max-width: 13px;
        min-width: 13px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.plan-newlines .planline-content {
    padding: 10px 20px 40px;
    display: block;
    width: 100%
}

@media(max-width: 1439px) and (min-width:992px) {
    .plan-newlines .planline-content {
        padding:10px 10px 40px;
        margin-bottom: 15px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .plan-newlines .planline-content {
        padding:10px 20px 10px;
        float: right
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .planline-content {
        padding:10px 20px 10px;
        background: #f4f4f4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.plan-newlines .planline-offers ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    width: 100%
}

@media(max-width: 1439px) and (min-width:992px) {
    .plan-newlines .planline-offers ul {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.plan-newlines .planline-offers ul li {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plan-newlines .planline-offers ul li span {
    margin-left: 10px;
    color: #d12b8a
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .planline-offers ul li {
        margin-bottom:5px
    }
}

.plan-newlines .planline-offers ul li img {
    max-width: 20px;
    margin-left: 10px
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .planline-offers ul {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.plan-newlines .main-linecontent {
    width: 98%;
    margin: 0 auto;
    overflow: hidden;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}

.plan-newlines .mainline-top {
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e7e7ed
}

.plan-newlines .mainline-top h2 {
    margin: 0;
    color: #d12b8a;
    font-size: 22px
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .mainline-top {
        padding-right:0;
        padding-left: 0;
        border: 0;
        padding-bottom: 0
    }
}

.plan-newlines .maintop-content {
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plan-newlines .maintop-content h3 {
    float: right;
    margin-bottom: 0;
    font-size: 16px
}

.plan-newlines .maintop-content h3 span {
    color: #d12b8a
}

.plan-newlines .maintop-content p {
    float: right;
    margin-right: 30px;
    margin-bottom: 0;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    cursor: pointer
}

.plan-newlines .maintop-content p i {
    margin-left: .5rem;
    font-size: 16px
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .maintop-content p {
        font-size:0;
        margin-right: 15px
    }

    .plan-newlines .maintop-content p i {
        margin: 0;
        font-size: 18px
    }
}

.plan-newlines .plan-popup>span {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 7px 0 #ccc;
    box-shadow: 0 0 7px 0 #ccc;
    padding: 5px;
    cursor: pointer
}

.plan-newlines .plan-popup>span img {
    width: 100%;
    max-width: 100%
}

.plan-newlines .plan-popup>span.active+.line-pricing {
    display: block
}

.plan-newlines .line-pricing {
    position: absolute !important;
    background: #fff;
    left: -70px;
    -webkit-box-shadow: 0 4px 6px 1px #ccc;
    box-shadow: 0 4px 6px 1px #ccc;
    width: 280px;
    top: 50px;
    border-radius: 4px;
    margin: 0 !important;
    display: none;
    z-index: 9
}

.plan-newlines .line-pricing::before {
    content: "";
    background-image: url(/o/zain-theme/images/arrow-up.svg);
    height: 34px;
    width: 34px;
    float: left;
    position: absolute;
    top: -18px;
    left: 64px;
    background-size: 28px;
    background-repeat: no-repeat
}

.plan-newlines .line-pricing .paln-specification {
    padding: 15px 15px 0 15px
}

.plan-newlines .line-pricing .paln-specification h3 {
    color: grey;
    font-family: NunitoSans-Regular;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase
}

.plan-newlines .line-pricing .paln-specification ul li {
    font-size: 11px;
    float: right;
    width: 100%
}

.plan-newlines .line-pricing .paln-specification span {
    color: #000
}

.plan-newlines .line-pricing .kd-label {
    vertical-align: top;
    margin-left: 0;
    font-size: 12px;
    margin-top: -10px;
    display: inline-block;
    font-family: NunitoSans-Regular;
    font-weight: 400;
    margin-right: 10px
}

.plan-newlines .line-pricing .kd-detail {
    text-align: center;
    color: #70489d;
    padding: 5px 0 5px 0;
    position: relative
}

.plan-newlines .line-pricing .kd-detail .price {
    margin-right: -40px
}

.plan-newlines .line-pricing .kd-detail .kd-count {
    line-height: 55px;
    font-weight: 700;
    font-size: 24px
}

.plan-newlines .line-pricing .kd-detail .kd-duration {
    text-transform: uppercase;
    margin-top: -10px;
    font-weight: 400;
    font-family: NunitoSans-Regular;
    font-size: 12px;
    margin-right: 15px;
    margin-left: 15px
}

.plan-newlines .pricing-content {
    padding: 10px 14px;
    float: right;
    width: 100%
}

.plan-newlines .choosenmbr-stripe {
    position: relative
}

.plan-newlines .choosenmbr-stripe>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plan-newlines .choosenmbr-stripe>ul>li h4 {
    margin-bottom: 0;
    font-size: 18px
}

.plan-newlines .choosenmbr-stripe>ul>li h4>span {
    color: #d12b8a;
    font-size: 14px;
    margin-right: 15px;
    font-family: NunitoSans-Regular
}

.plan-newlines .choosenmbr-stripe>ul>li:not(:last-child) {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid rgba(0,0,0,.2)
}

.plan-newlines .choosenmbr-stripe>ul>li p {
    margin-bottom: 0;
    float: right;
    color: #d12b8a;
    font-size: 14px
}

.plan-newlines .choosenmbr-stripe>ul>li p span {
    color: #d12b8a;
    font-size: 14px
}

.plan-newlines .choosenmbr-stripe>ul>li p span.line-name {
    color: #000;
    margin-left: 10px
}

.plan-newlines .choosenmbr-stripe>ul>li .plan-popup {
    float: right;
    position: relative;
    margin-right: 15px;
    margin-top: -4px
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .choosenmbr-stripe>ul {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .plan-newlines .choosenmbr-stripe>ul>li:not(:last-child) {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        width: auto;
        margin-bottom: 0
    }

    .plan-newlines .choosenmbr-stripe>ul>li h4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        margin-left: 15px
    }
}

.plan-newlines .mainline-content .line-selection {
    margin-top: 20px;
    position: relative;
    z-index: 2
}

.plan-newlines .mainline-content .features_accordian {
    margin-bottom: 90px
}

.plan-newlines .mainline-content .features_accordian .product_slider_new .slick-dots li {
    width: auto;
    height: 20px;
    margin: 0
}

.plan-newlines .mainline-content .features_accordian .product_slider_new .slick-dots li button {
    width: 0;
    height: auto;
    margin: 0 5px
}

.plan-newlines .mainline-content .features_accordian .card {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.plan-newlines .mainline-content .features_accordian .card .card-header {
    padding: 15px 0;
    background: #fff
}

.plan-newlines .mainline-content .features_accordian .card .card-header .btn-link {
    width: 35px;
    min-height: 35px;
    min-width: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.plan-newlines .mainline-content .features_accordian .card h4.fs-24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px
}

.plan-newlines .mainline-content .features_accordian .card h4.fs-24 span {
    color: #d12b8a;
    margin-right: 15px;
    font-size: 14px;
    font-family: NunitoSans-Regular
}

.plan-newlines .mainline-content .features_accordian .card h4.fs-24 span i {
    font-style: normal;
    color: #868686;
    font-size: 14px
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .mainline-content .features_accordian .card h4.fs-24 {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        font-size: 13px;
        font-family: NunitoSans-Regular
    }

    .plan-newlines .mainline-content .features_accordian .card h4.fs-24>span {
        color: #d12b8a;
        margin-right: 50px;
        font-size: 14px
    }

    .plan-newlines .mainline-content .features_accordian .card h4.fs-24 .pd-price {
        margin: 0
    }
}

.plan-newlines .mainline-content .features_accordian .new_accor .card {
    border: 0;
    margin-bottom: 0
}

.plan-newlines .mainline-content .features_accordian .new_accor .card .card-header {
    padding: 0
}

.plan-newlines .mainline-content .accordion.sections-accordion .card:last-child .sect_sepretor:after {
    content: none
}

.plan-newlines .mainline-content .subscribe-section {
    border-top: 1px solid #e3e3e3
}

.plan-newlines .mainline-content .subscribe-section .products-grid-item {
    margin-top: 30px;
    margin-bottom: 3rem
}

.plan-newlines .mainline-content .subscribe-section .products-grid-item .product-image {
    min-height: 190px
}

.plan-newlines .mainline-content .subscribe-section .products-grid-item .product-image img {
    max-height: 150px
}

.plan-newlines .mainline-content .subscribe-section .product_wrapper {
    margin-top: 10px
}

.plan-newlines .mainline-content .subscribe-section .product_slider_new .slick-arrow {
    top: -61px;
    width: 38px;
    height: 38px;
    min-height: 38px;
    min-width: 38px !important
}

.plan-newlines .mainline-content .existing-line-error {
    background: rgba(209,43,138,.0705882353);
    margin-bottom: 0;
    margin-top: 5px;
    padding: 2px 0;
    float: right;
    border-radius: 5px;
    width: 100%;
    margin-right: .5rem
}

.plan-newlines .mainline-content .existing-line-error p {
    color: #70489d;
    margin: 0;
    font-size: 12px;
    padding: 10px;
    font-family: NunitoSans-Black
}

.plan-newlines .mainline-content .existing-line-error p::before {
    content: "!";
    width: 17px;
    height: 17px;
    float: right;
    border: 1px solid;
    color: #d12b8a;
    background: rgba(255,255,255,.5);
    text-align: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    margin-left: 5px;
    font-family: NunitoSans-Regular
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .mainline-content .existing-line-error {
        margin-right:0
    }

    .plan-newlines .mainline-content .existing-line-error p {
        font-size: 11px
    }
}

.plan-newlines .payment-radios ul li:first-child {
    z-index: 1;
    position: relative
}

.plan-newlines .payment-radios .custom-radio {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plan-newlines .payment-radios .custom-radio input+label {
    padding-right: 40px;
    min-width: 140px
}

.plan-newlines .payment-radios .custom-radio input+label::before {
    right: 0;
    width: 26px;
    height: 26px;
    margin-top: -2px
}

.plan-newlines .payment-radios .custom-radio input:checked+label:after {
    width: 10px;
    height: 10px;
    margin-top: -2px;
    right: 8px
}

.plan-newlines .payment-radios .custom-radio .area-section {
    display: inline-block;
    margin-right: 20px;
    width: 350px;
    margin-bottom: 0;
    z-index: 0;
    min-width: 350px
}

.plan-newlines .payment-radios .custom-radio .area-section .numbers-list {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    right: 0;
    left: 0
}

.plan-newlines .payment-radios .custom-radio .area-section .numbers-list .numbers {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    margin-top: 10px;
    background: #fff;
    display: none;
    height: 97px;
    overflow: auto;
    height: 239px;
    display: block
}

.plan-newlines .payment-radios .custom-radio .area-section .numbers-list .numbers li {
    width: 100%
}

.plan-newlines .payment-radios .custom-radio .area-section .numbers-list .numbers li:first-child {
    z-index: 999;
    position: relative
}

.plan-newlines .payment-radios .custom-radio .area-section .numbers-list .numbers li a {
    padding: 13px 20px 13px 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ececec;
    color: #000;
    text-align: center;
    font-family: NunitoSans-Regular
}

.plan-newlines .payment-radios .custom-radio .area-section .numbers-list .numbers li a:hover {
    color: #d12b8a;
    background: rgba(209,43,138,.2392156863)
}

.plan-newlines .payment-radios .custom-radio .area-section .numbers-list .numbers li a span {
    margin-right: 65px;
    width: 150px;
    font-family: NunitoSans-Black
}

.plan-newlines .payment-radios .custom-radio .area-section .numbers-list .numbers li a span strong {
    float: left;
    font-weight: 400
}

.plan-newlines .payment-radios .custom-radio .area-section .form-control {
    min-height: 46px;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    font-weight: 400;
    background: 0
}

.plan-newlines .payment-radios .custom-radio .area-section .form-control:disabled {
    cursor: not-allowed
}

.plan-newlines .payment-radios .custom-radio .area-section .form-control:focus {
    border: 2px solid #d12b8a
}

.plan-newlines .payment-radios .custom-radio .area-section .input-group-addon {
    display: block;
    position: absolute;
    left: -6px;
    top: 6px;
    background: 0;
    z-index: 9
}

.plan-newlines .payment-radios .custom-radio .area-section .btn.btn-pc-3 {
    background: #d12b8a;
    color: #fff;
    border: 0 solid transparent;
    min-height: auto;
    border-radius: 5px;
    font-size: 20px;
    padding: 8px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    -webkit-box-shadow: 0 3px 6px -3px #000;
    box-shadow: 0 3px 6px -3px #000;
    min-width: auto
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .payment-radios .custom-radio .area-section {
        margin-right:0;
        margin-top: 10px;
        min-width: 100%;
        width: 100%
    }

    .plan-newlines .payment-radios .custom-radio .area-section+.control-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .payment-radios .custom-radio {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.plan-newlines .save-nickname {
    float: right;
    width: auto !important;
    margin-bottom: 0
}

.plan-newlines .save-nickname .saved-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #e8f8f8;
    width: 200px;
    border-radius: 4px;
    position: absolute;
    top: -52px;
    right: 20px;
    padding: 14px;
    font-family: NunitoSans-Black
}

.plan-newlines .save-nickname .nickname-sec {
    width: auto;
    margin-top: 0;
    float: right;
    margin-left: 20px;
    min-width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plan-newlines .save-nickname .nickname-sec .input-group-addon {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 46px;
    width: 50px;
    min-width: 50px;
    background: #f7f7f7
}

.plan-newlines .save-nickname .nickname-sec+button {
    margin-top: 0;
    min-width: 100px;
    min-height: 44px;
    padding: 7px 15px;
    height: 44px
}

.plan-newlines .save-nickname input.form-control {
    display: inline-block;
    background: #f7f7f7;
    border: 1px solid #e3e3e3;
    padding: 8px 10px 8px 26px;
    font-family: NunitoSans-Regular,sans-serif;
    height: 46px;
    border-radius: 4px;
    line-height: 28px;
    font-weight: 700;
    color: #000;
    width: 120px;
    float: right;
    margin: 0 20px 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.plan-newlines .save-nickname input.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.plan-newlines .addmore-lines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: -22px
}

.plan-newlines .addmore-lines a.btn.btn-pc-3 {
    padding: 7px 15px
}

.plan-newlines .addmore-lines a.btn.btn-pc-3:hover {
    background: #fff
}

@media(max-width: 767px) and (min-width:280px) {
    .plan-newlines .addmore-lines a.btn.btn-pc-3 {
        min-width:auto;
        font-size: 12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.plan-newlines .numbers-loading {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: rgba(255,255,255,.9)
}

.plan-newlines .slick-slider .slick-track {
    min-width: 100%
}

.plan-newlines .lines-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plan-newlines .pink-border {
    border-color: #d12b8a !important
}

.plan-newlines .features_accordian .collapse:not(.show) {
    display: none !important
}

.plan-newlines .product_slider_new.slick-slider .slick-list {
    min-width: 100%
}

.planline-delete-popup.order-tracking-popup {
    position: fixed;
    width: 800px;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    display: none;
    z-index: 1111
}

.planline-delete-popup.order-tracking-popup.show {
    display: block
}

.planline-delete-popup.order-tracking-popup .close-tracking {
    height: 30px;
    width: 30px;
    background: #f7f7f7;
    line-height: 30px;
    border-radius: 50%;
    overflow: hidden;
    color: #000;
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 20px;
    text-align: center
}

.planline-delete-popup.order-tracking-popup .order-tracking-popup-header {
    text-align: center;
    padding-top: 20px;
    max-width: 80%;
    margin: auto
}

.planline-delete-popup.order-tracking-popup .order-tracking-popup-header h3 {
    font-size: 25px
}

.planline-delete-popup.order-tracking-popup .order-tracking-popup-header p {
    color: #727272;
    margin: 0;
    padding-bottom: 20px
}

.planline-delete-popup.order-tracking-popup .popup-action .btn.btn-pc-3 {
    line-height: 250%;
    min-width: 120px
}

.planline-delete-popup.order-tracking-popup .btn {
    width: 160px;
    border: 1px solid #d12b8a;
    margin-top: 20px;
    padding: 7px 10px
}

.planline-delete-popup.order-tracking-popup .btn.btn-pc-3.border-btn {
    color: #d12b8a;
    border: 1px solid #d12b8a;
    background: #fff
}

@media(max-width: 1439px) and (min-width:1200px) {
    .planline-delete-popup.order-tracking-popup .btn+.btn {
        margin-right:15px
    }
}

@media(max-width: 767px) {
    .planline-delete-popup.order-tracking-popup {
        width:90%;
        max-height: 95%;
        overflow: auto
    }
}

html[dir=rtl] .zain-cart-summary-checkout-step {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .plan-newlines .save-nickname {
    margin-bottom: 1rem
}

@media(min-width: 992px) {
    html[dir=rtl] .plan-newlines .save-nickname {
        margin-bottom:4rem;
        position: relative;
        -webkit-transform: translate(-17.5%,90%);
        transform: translate(calc(-17.5% * -1),90%)
    }
}

@media(min-width: 1440px) {
    html[dir=rtl] .plan-newlines .save-nickname {
        -webkit-transform:translate(-15%,90%);
        transform: translate(calc(-15% * -1),90%)
    }
}

@media(min-width: 1600px) {
    html[dir=rtl] .plan-newlines .save-nickname {
        -webkit-transform:translate(-12.5%,90%);
        transform: translate(calc(-12.5% * -1),90%)
    }
}

html[dir=rtl] .plan-newlines button.btn.prev.slick-arrow i.icon-arrow-pointing-to-right::before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media(max-width: 767px) and (min-width:280px) {
    html[dir=rtl] .plan-newlines .assignname-nmbr input {
        margin:0 0 0 10px !important
    }
}

@media(max-width: 767px) and (min-width:280px) {
    html[dir=rtl] .plan-newlines .planline-top>span {
        -webkit-transform:rotate(44deg);
        transform: rotate(44deg)
    }

    html[dir=rtl] .plan-newlines .planline-top.active>span {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
}

html[dir=rtl] .plan-newlines .choosenmbr-stripe>ul>li p span {
    margin-right: 10px
}

html[dir=rtl] .plan-newlines .choosenmbr-stripe>ul>li p span {
    font-size: 16px
}

html[dir=rtl] .plan-newlines .payment-radios .custom-radio .area-section .form-control {
    font-size: 16px
}

.card.bundle-card .product-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card.bundle-card .product-thumbnail.slide_height {
    min-height: 560px
}

@media(max-width: 1919px) {
    .card.bundle-card .product-thumbnail.slide_height {
        min-height:501px
    }
}

@media(max-width: 1199px) {
    .card.bundle-card .product-thumbnail.slide_height {
        min-height:546px
    }
}

@media(max-width: 767px) {
    .card.bundle-card .product-thumbnail.slide_height {
        min-height:549px
    }
}

.card.bundle-card .product-thumbnail .product-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.card.bundle-card .product-thumbnail .product-variants-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card.bundle-card .product-thumbnail .price-tag {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.card.bundle-card .product-thumbnail .btn.btn-pc-4.btn-sm.plan-add-to-cart {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.kw #wrapper .row.devices-container.collapse:not(.show) {
    display: none !important
}

.limited-offers .offering_slider_new {
    margin-bottom: 30px !important
}

.limited-offers .main-heading.uppercase {
    text-transform: uppercase;
    font-size: 26px
}

.limited-offers .sub-text a {
    float: left;
    margin-top: -26px;
    font-size: 13px;
    font-family: NunitoSans-Black !important;
    color: #d12b8a;
    text-decoration: underline !important
}

@media(max-width: 991px) {
    .limited-offers .sub-text a {
        display:block;
        margin-top: 24px !important;
        width: 100%;
        float: none !important
    }
}

.limited-offers .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 45px;
    color: #fff;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: #cecece;
    z-index: 1;
    visibility: visible
}

.limited-offers .slick-arrow i {
    margin: 0;
    padding: 0;
    font-size: 12px
}

@media(min-width: 1440px) {
    .limited-offers .slick-arrow i {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .limited-offers .slick-arrow i {
        font-size:16px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .limited-offers .slick-arrow {
        margin:15px 0
    }
}

.limited-offers .slick-arrow.prev {
    left: 200px;
    top: -80px;
    visibility: visible
}

.limited-offers .slick-arrow.next {
    left: 150px !important;
    top: -80px;
    visibility: visible
}

.limited-offers .slick-arrow.prev .icon-arrow-pointing-to-right::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block
}

.limited-offers .product-thumbnail.popular label {
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -2px;
    background: #23b7c0;
    color: #fff;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 100;
    padding: 3px 30px;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
    font-size: 12px
}

.limited-offers .product-thumbnail.popular label:before {
    background-color: #23b7c0;
    content: "";
    position: absolute;
    height: 100%;
    width: 30px;
    right: -15px;
    top: 0;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    z-index: -1
}

.limited-offers .product-thumbnail.popular label.black-bg {
    background: #000
}

.limited-offers .product-thumbnail.popular label.black-bg:before {
    content: "";
    background: #000;
    position: absolute;
    height: 100%;
    width: 30px;
    right: -15px;
    top: 0;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    z-index: -1
}

@media(max-width: 1439px) and (min-width:1200px) {
    .limited-offers .product-thumbnail.popular label {
        padding:2px 15px
    }
}

.limited-offers .product-thumbnail .product-detail {
    padding-bottom: 15px
}

.limited-offers .product-thumbnail .product-detail .ratting {
    margin-bottom: 18px
}

.limited-offers .product-thumbnail .abslut_btn {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.limited-offers .product-thumbnail.slide_height {
    min-height: 690px !important;
    margin-bottom: 30px !important
}

@media(max-width: 991px) {
    .limited-offers .product-thumbnail.slide_height {
        min-height:740px !important;
        margin-top: 25px !important
    }
}

.limited-offers .offer-timer {
    background: #ffe4f4;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 100px;
    position: absolute;
    width: 100%
}

@media(max-width: 1399px) and (min-width:1199px) {
    .limited-offers .offer-timer {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

@media(max-width: 767px) and (min-width:320px) {
    .limited-offers .offer-timer {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        padding: 10px 0
    }
}

.limited-offers .offer-timer p {
    margin: 0 0 0 15px;
    font-family: NunitoSans-Black !important;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px !important
}

@media(max-width: 767px) and (min-width:320px) {
    .limited-offers .offer-timer p {
        margin:0 0 5px 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.limited-offers .offer-timer .timeTo>div.first {
    -webkit-box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(50%,#3a3a3a),color-stop(50%,#000));
    background-image: linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -ms-linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(.5,#3a3a3a),color-stop(.5,#000));
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 19px;
    height: 38px;
    display: inline-block;
    padding-right: 4px
}

.limited-offers .offer-timer .timeTo>div.first+div {
    -webkit-box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(50%,#3a3a3a),color-stop(50%,#000));
    background-image: linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -ms-linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(.5,#3a3a3a),color-stop(.5,#000));
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 19px;
    height: 38px;
    display: inline-block;
    padding-left: 4px;
    margin-left: 10px !important
}

.limited-offers .offer-timer .timeTo ul li:first-child {
    display: none
}

.limited-offers .offer-timer .timings ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 10px;
    margin-top: 10px
}

.limited-offers .offer-timer .timings ul li {
    width: 38px;
    margin-left: 10px
}

.limited-offers ul.size_clr li {
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.limited-offers ul.size_clr li .lbl_sz {
    color: #727272;
    font-size: 14px;
    min-width: 50px;
    display: inline-block
}

.limited-offers ul.size_clr li .colur_in,.limited-offers ul.size_clr li .sizes_in {
    display: inline-block
}

.limited-offers ul.size_clr li .sizes_in a {
    font-size: 13px;
    color: #727272;
    margin: 0 4px
}

.limited-offers ul.size_clr li .sizes_in a.active {
    color: #d12b8a;
    font-weight: 700
}

.limited-offers ul.size_clr li .colur_in a {
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    display: inline-block;
    padding: 5px;
    line-height: 0;
    margin: 0 3px
}

.limited-offers ul.size_clr li .colur_in a.active {
    border-color: #d12b8a
}

.limited-offers ul.size_clr li .colur_in a span {
    width: 17px;
    height: 17px;
    display: inline-block;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    vertical-align: middle
}

.limited-offers ul.size_clr li .colur_in a span.black_cl {
    background: #000
}

.plan-offers .main-heading.uppercase {
    text-transform: uppercase;
    font-size: 26px
}

.plan-offers .sub-text a {
    float: left;
    margin-top: -26px;
    font-size: 13px;
    font-family: NunitoSans-Black !important;
    color: #d12b8a;
    text-decoration: underline !important
}

@media(max-width: 991px) {
    .plan-offers .sub-text a {
        display:block;
        margin-top: 24px !important;
        width: 100%;
        float: none !important
    }
}

.plan-offers .offering_slider_new {
    margin-bottom: 30px !important
}

.plan-offers .offering_slider_new .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 45px;
    color: #fff;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: #cecece;
    z-index: 1;
    visibility: visible
}

.plan-offers .offering_slider_new .slick-arrow i {
    margin: 0;
    padding: 0;
    font-size: 12px
}

@media(min-width: 1440px) {
    .plan-offers .offering_slider_new .slick-arrow i {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .plan-offers .offering_slider_new .slick-arrow i {
        font-size:16px
    }
}

.plan-offers .offering_slider_new .slick-arrow.prev {
    left: 200px;
    top: -80px;
    visibility: visible
}

.plan-offers .offering_slider_new .slick-arrow.next {
    left: 150px !important;
    top: -80px;
    visibility: visible
}

.plan-offers .offering_slider_new .slick-arrow.prev .icon-arrow-pointing-to-right::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block
}

.plan-offers .offering_slider_new .slick-slide {
    padding: 26px 10px 10px 10px !important;
    margin-bottom: 30px
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper {
    border-top-left-radius: 0;
    -webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.161);
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.161);
    border-radius: 10px 10px 10px 10px;
    height: 100%;
    border: 2px solid transparent
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper.onsale-border {
    border: 2px dashed #000 !important
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper.onsale-border li.benefits {
    margin: -2px 0 15px 0 !important
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail {
    text-align: center;
    color: #70489d;
    border-bottom: 1px solid #70489d;
    padding: 72px 0 25px 0;
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px
}

@media(max-width: 1439px) and (min-width:1200px) {
    .plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail {
        padding:45px 20px 15px 20px;
        margin-bottom: 5px
    }
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .slanted {
    margin-top: -29px;
    position: absolute;
    top: 0;
    left: -22px;
    background: #000;
    color: #fff;
    font-weight: 700;
    letter-spacing: .35px;
    text-align: right;
    padding: 3px 15px 3px 20px;
    text-transform: uppercase;
    border-radius: 3px 0 0 0;
    -webkit-box-shadow: 5px 3px 9px rgba(0,0,0,.16);
    box-shadow: 5px 3px 9px rgba(0,0,0,.16);
    font-size: 12px
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .slanted:before {
    content: "";
    background: #000;
    height: 100%;
    width: 38px;
    position: absolute;
    top: 0;
    right: -27px;
    -webkit-transform: skew(-35deg);
    transform: skew(-35deg);
    z-index: -1;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.16);
    box-shadow: 0 3px 9px rgba(0,0,0,.16)
}

@media(max-width: 1439px) and (min-width:1200px) {
    .plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .slanted:before {
        right:-13px;
        width: 24px
    }
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .price {
    margin-right: -20px
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .price .kd-label {
    vertical-align: top;
    margin-left: 10px
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .price .kd-count {
    line-height: 55px;
    font-weight: 700;
    letter-spacing: .8px
}

@media(min-width: 1200px) {
    .plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .price .kd-count {
        font-size:50px
    }
}

@media(min-width: 768px) {
    .plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .price .kd-count {
        font-size:50px
    }
}

@media(max-width: 510px) {
    .plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .price .kd-count {
        font-size:50px
    }
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .kd-duration {
    text-transform: uppercase;
    margin-top: 10px;
    margin-left: 35px
}

@media(min-width: 1200px) {
    .plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .kd-detail .kd-duration {
        font-size:16px
    }
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul {
    height: 330px;
    margin: 0 -2px;
    position: relative;
    margin-right: 0;
    padding-right: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li {
    padding: 15px 20px;
    list-style: none;
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
    font-size: 11px;
    float: right;
    width: 100%
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li div {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li div span {
    font-size: 14px
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li div span.zn-ico {
    color: #d12b8a
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li div span.ml-3 {
    vertical-align: text-bottom;
    color: #000
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits {
    background: #fdf4f9;
    min-height: 115px;
    margin: -2px 0 15px -20px;
    padding: 25px 20px;
    border-bottom: 0
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits div {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media(max-width: 1439px) and (min-width:1200px) {
    .plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits div.benefits-detail span.bf-label {
        margin-right:39px
    }
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits div.membership.detail {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits div.membership.detail span {
    color: #000;
    font-size: 14px
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits div.membership.detail .tooltip_new {
    width: auto;
    margin-right: auto;
    position: relative !important;
    bottom: inherit !important
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits div.membership.detail .tooltip_new i {
    line-height: 25px;
    font-size: 10px;
    color: #ccc !important;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0;
    border: 1px solid #ccc !important
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits div.membership.detail .tooltip_new .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits div.membership.detail .tooltip_new .tooltiptext:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #000 transparent transparent
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li.benefits div.membership.detail .tooltip_new:hover .tooltiptext {
    visibility: visible
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification ul li .count {
    font-weight: 700;
    margin-right: auto
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification .action {
    padding: 15px 0 60px 0
}

.plan-offers .offering_slider_new .slick-slide .plan-detail-wrapper .plan-specification .action .btn {
    min-height: 50px
}

.zain-related .main-heading.uppercase {
    margin: 48px 0 8px;
    text-transform: uppercase;
    font-size: 26px
}

.zain-related .attractive-offers .price_new .product-thumbnail .product-detail {
    padding-bottom: 0
}

.zain-related .attractive-offers .price_new .product-thumbnail .product-detail .ratting {
    margin-bottom: 18px
}

.zain-related .attractive-offers .price_new .product-thumbnail .product-image {
    padding-top: 0;
    height: auto !important;
    min-height: auto;
    margin-bottom: 15px;
    position: relative
}

.zain-related .attractive-offers .price_new .product-thumbnail .product-image img {
    height: auto;
    width: 100%;
    max-height: inherit;
    max-width: inherit;
    padding: 0
}

.zain-related .attractive-offers .price_new .product-thumbnail.slide_height {
    min-height: auto !important;
    border-radius: 10px;
    border: 0;
    margin-top: 30px;
    margin-bottom: 30px !important;
    overflow: hidden
}

.zain-related .attractive-offers .price_new .product-thumbnail.slide_height .abslut_btn {
    position: relative;
    bottom: 0;
    margin-top: 20px;
    margin-bottom: 40px
}

.zain-related .attractive-offers .price_new .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 45px;
    color: #fff;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: #cecece;
    z-index: 1;
    visibility: visible
}

.zain-related .attractive-offers .price_new .slick-arrow i {
    margin: 0;
    padding: 0;
    font-size: 12px
}

@media(min-width: 1440px) {
    .zain-related .attractive-offers .price_new .slick-arrow i {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .zain-related .attractive-offers .price_new .slick-arrow i {
        font-size:16px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .zain-related .attractive-offers .price_new .slick-arrow {
        margin:15px 0
    }
}

.zain-related .attractive-offers .price_new .slick-arrow.prev {
    left: 50px;
    top: -80px;
    visibility: visible
}

.zain-related .attractive-offers .price_new .slick-arrow.next {
    left: 0;
    top: -80px;
    visibility: visible
}

.zain-related .attractive-offers .price_new .slick-arrow.prev .icon-arrow-pointing-to-right::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block
}

.limited-offers .slick-dots li,.zain-related .slick-dots li {
    margin: 0
}

.limited-offers .slick-dots li button,.zain-related .slick-dots li button {
    width: 0;
    height: 0
}

.smart-stripe {
    position: sticky;
    top: 88px;
    z-index: 9;
    display: block;
    width: 100%;
    padding: 20px 0 10px;
    border-bottom: 1px solid #d12b8a;
    background: #f7f7f7
}

.smart-stripe.smarthome-navigation-container.sticky {
    position: fixed;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 100
}

@media(min-width: 1200px) {
    .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(72px + 0px)
    }
}

@media(min-width: 1440px) {
    .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(76px + 0px)
    }
}

@media(min-width: 1920px) {
    .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(96px + 0px)
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(60px + 0px)
    }
}

@media(max-width: 767px) {
    .smart-stripe.smarthome-navigation-container.sticky {
        top:60px
    }
}

body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
    top: 57px
}

@media(min-width: 1200px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(72px + 57px)
    }
}

@media(min-width: 1440px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(76px + 57px)
    }
}

@media(min-width: 1920px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(96px + 57px)
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(60px + 57px)
    }
}

@media(max-width: 767px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:60px
    }
}

@media(max-width: 767px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:50px
    }
}

@media(max-width: 767px) and (min-width:1200px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(72px + 50px)
    }
}

@media(max-width: 767px) and (min-width:1440px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(76px + 50px)
    }
}

@media(max-width: 767px) and (min-width:1920px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(96px + 50px)
    }
}

@media(max-width: 767px) and (max-width:1199px) and (min-width:768px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(60px + 50px)
    }
}

@media(max-width: 767px) and (max-width:767px) {
    body.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:60px
    }
}

body.hide-dockbar.signed-in .smart-stripe.smarthome-navigation-container.sticky {
    top: 0
}

@media(min-width: 1200px) {
    body.hide-dockbar.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(72px + 0px)
    }
}

@media(min-width: 1440px) {
    body.hide-dockbar.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(76px + 0px)
    }
}

@media(min-width: 1920px) {
    body.hide-dockbar.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(96px + 0px)
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    body.hide-dockbar.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:calc(60px + 0px)
    }
}

@media(max-width: 767px) {
    body.hide-dockbar.signed-in .smart-stripe.smarthome-navigation-container.sticky {
        top:60px
    }
}

.smart-stripe .list-container {
    position: relative
}

.smart-stripe ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.smart-stripe ul li {
    -webkit-box-flex: 100;
    -ms-flex: 100;
    flex: 100;
    text-align: center
}

.smart-stripe ul li a.nav-link {
    color: #727272;
    font-size: 16px;
    border-bottom: 2px solid transparent;
    padding-bottom: 11px;
    padding: 0 10px 11px;
    display: inline
}

@media(max-width: 1439px) and (min-width:992px) {
    .smart-stripe ul li a.nav-link {
        padding:0 0 11px
    }
}

@media(max-width: 1439px) and (min-width:1200px) {
    .smart-stripe ul li a.nav-link {
        font-size:14px
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .smart-stripe ul li a.nav-link {
        font-size:12px
    }
}

.smart-stripe ul li.active a,.smart-stripe ul li:hover a {
    border-color: #d12b8a;
    color: #000;
    font-weight: 600
}

@media(max-width: 991px) {
    .smart-stripe ul {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #e3e3e3;
        border: 1px solid #727272;
        position: absolute;
        width: 100%;
        -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2509803922);
        box-shadow: 1px 1px 7px rgba(0,0,0,.2509803922);
        display: none
    }

    .smart-stripe ul.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .smart-stripe ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        text-align: right
    }

    .smart-stripe ul li a.nav-link {
        min-height: 40px;
        padding: 0 15px;
        color: #d12b8a;
        font-size: 18px;
        font-family: NunitoSans-Regular;
        line-height: 40px;
        margin-bottom: 0;
        border: 0
    }

    .smart-stripe ul li a.nav-link:hover {
        background: #9cd0e4;
        color: #fff;
        display: block
    }
}

.smart-stripe .selected-page {
    padding: 15px;
    font-size: 18px;
    border: 2px solid #d12b8a;
    display: none;
    color: #d12b8a;
    background: #e3e3e3
}

@media(max-width: 991px) {
    .smart-stripe .selected-page {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.smart-stripe .selected-page label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    font-family: NunitoSans-Regular;
    color: #d12b8a
}

.smart-stripe .selected-page i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #d12b8a;
    left: 10px;
    position: relative
}

.product-variants-container {
    position: relative
}

.product-variants-container .variant-loading {
    zoom:.5}

.deviceSpecifications,.product-variants {
    margin-bottom: 10px
}

.deviceSpecifications ul,.product-variants ul {
    margin-bottom: 0
}

.deviceSpecifications li,.product-variants li {
    text-align: right;
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 5px 0;
    text-transform: capitalize
}

.deviceSpecifications li:last-child,.product-variants li:last-child {
    border: 0
}

.deviceSpecifications li .lbl_sz,.product-variants li .lbl_sz {
    color: #727272;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-family: NunitoSans-Regular;
    font-weight: 400;
    line-height: 27px;
    margin-left: 10px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.deviceSpecifications li .lbl_sz.color-lbl,.product-variants li .lbl_sz.color-lbl {
    margin-top: 6px
}

.deviceSpecifications li .color_in,.deviceSpecifications li .sizes_in,.product-variants li .color_in,.product-variants li .sizes_in {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.deviceSpecifications li .sizes_in,.product-variants li .sizes_in {
    line-height: 27px
}

.deviceSpecifications li .sizes_in a,.product-variants li .sizes_in a {
    font-size: 13px;
    color: #727272;
    margin: 0 4px
}

.deviceSpecifications li .sizes_in a.active,.product-variants li .sizes_in a.active {
    color: #d12b8a;
    font-weight: 700;
    font-size: 13px;
    cursor: default
}

.deviceSpecifications li .color_in .color-item,.product-variants li .color_in .color-item {
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    display: inline-block;
    padding: 5px;
    line-height: 0;
    margin: 3px
}

.deviceSpecifications li .color_in .color-item.active,.product-variants li .color_in .color-item.active {
    border-color: #d12b8a;
    cursor: default
}

.deviceSpecifications li .color_in .color-block,.product-variants li .color_in .color-block {
    width: 17px;
    height: 17px;
    display: inline-block;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    vertical-align: middle
}

.deviceSpecifications li .color_in a,.product-variants li .color_in a {
    display: inline-block
}

.product-specpage {
    margin: 0 -8px
}

.product-specpage .overview-head {
    z-index: 999;
    background: #fff;
    margin: 0;
    padding: 10px 40px;
    width: 100%;
    -webkit-box-shadow: 0 26px 33px rgba(0,0,0,.1);
    box-shadow: 0 26px 33px rgba(0,0,0,.1)
}

.product-specpage .overview-head.sticky {
    position: fixed;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 100
}

@media(min-width: 1200px) {
    .product-specpage .overview-head.sticky {
        top:calc(72px + 0px)
    }
}

@media(min-width: 1440px) {
    .product-specpage .overview-head.sticky {
        top:calc(76px + 0px)
    }
}

@media(min-width: 1920px) {
    .product-specpage .overview-head.sticky {
        top:calc(96px + 0px)
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .product-specpage .overview-head.sticky {
        top:calc(60px + 0px)
    }
}

@media(max-width: 767px) {
    .product-specpage .overview-head.sticky {
        top:60px
    }
}

body.signed-in .product-specpage .overview-head.sticky {
    top: 57px
}

@media(min-width: 1200px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:calc(72px + 57px)
    }
}

@media(min-width: 1440px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:calc(76px + 57px)
    }
}

@media(min-width: 1920px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:calc(96px + 57px)
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:calc(60px + 57px)
    }
}

@media(max-width: 767px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:60px
    }
}

@media(max-width: 767px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:50px
    }
}

@media(max-width: 767px) and (min-width:1200px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:calc(72px + 50px)
    }
}

@media(max-width: 767px) and (min-width:1440px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:calc(76px + 50px)
    }
}

@media(max-width: 767px) and (min-width:1920px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:calc(96px + 50px)
    }
}

@media(max-width: 767px) and (max-width:1199px) and (min-width:768px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:calc(60px + 50px)
    }
}

@media(max-width: 767px) and (max-width:767px) {
    body.signed-in .product-specpage .overview-head.sticky {
        top:60px
    }
}

body.hide-dockbar.signed-in .product-specpage .overview-head.sticky {
    top: 0
}

@media(min-width: 1200px) {
    body.hide-dockbar.signed-in .product-specpage .overview-head.sticky {
        top:calc(72px + 0px)
    }
}

@media(min-width: 1440px) {
    body.hide-dockbar.signed-in .product-specpage .overview-head.sticky {
        top:calc(76px + 0px)
    }
}

@media(min-width: 1920px) {
    body.hide-dockbar.signed-in .product-specpage .overview-head.sticky {
        top:calc(96px + 0px)
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    body.hide-dockbar.signed-in .product-specpage .overview-head.sticky {
        top:calc(60px + 0px)
    }
}

@media(max-width: 767px) {
    body.hide-dockbar.signed-in .product-specpage .overview-head.sticky {
        top:60px
    }
}

@media(max-width: 767px) {
    .product-specpage .overview-head .overview-head-inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.product-specpage .overview-head .btn-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media(max-width: 767px) {
    .product-specpage .overview-head .btn-container {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.product-specpage .overview-head .automate-btn-container {
    display: inline-block;
    margin-right: 15px
}

@media(max-width: 991px) and (min-width:768px) {
    .product-specpage .overview-head .automate-btn-container {
        margin-right:10px
    }
}

@media(max-width: 767px) {
    .product-specpage .overview-head .automate-btn-container {
        margin-right:0
    }
}

.product-specpage .overview-head .responsive-stripe {
    display: none
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head {
        padding:15px 15px 7px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #ccc
    }

    .product-specpage .overview-head .responsive-stripe {
        display: inline-block
    }

    .product-specpage .overview-head .responsive-stripe h3 {
        font-size: 19px;
        float: right;
        margin-bottom: 0
    }

    .product-specpage .overview-head .responsive-stripe .link-toggle {
        width: 20px;
        height: 20px;
        float: right;
        margin-right: 15px;
        cursor: pointer
    }

    .product-specpage .overview-head .responsive-stripe .link-toggle span {
        display: block;
        width: 10px;
        height: 10px;
        border-left: 2px solid #444;
        border-bottom: 2px solid #444;
        -webkit-transform: translate(50%,25%) rotate(45deg);
        transform: translate(calc(50% * -1),25%) rotate(45deg);
        transition: -webkit-transform 75ms ease;
        -webkit-transition: -webkit-transform 75ms ease;
        transition: transform 75ms ease;
        transition: transform 75ms ease,-webkit-transform 75ms ease
    }

    .product-specpage .overview-head .responsive-stripe .link-toggle span.active {
        border-right: 2px solid #444;
        border-top: 2px solid #444;
        border-left: 0;
        border-bottom: 0;
        margin-top: 4px
    }

    .product-specpage .overview-head .responsive-data {
        display: none;
        border-top: 1px solid #ccc;
        margin-bottom: 10px
    }
}

@media(max-width: 767px) and (min-width:280px) and (max-width:767px) and (min-width:280px) {
    .product-specpage .overview-head .responsive-data .row {
        -webkit-box-orient:vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
}

.product-specpage .overview-head .overview-price {
    border-left: 1px solid #ccc;
    padding-left: 20px;
    margin-left: 20px;
    vertical-align: middle
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head .overview-price {
        border:0;
        padding-left: 10px;
        margin-left: 0
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .product-specpage .overview-head .overview-price {
        padding-left:9px;
        margin-left: 10px;
        width: 30%
    }
}

.product-specpage .overview-head .overview-price small {
    display: block;
    font-size: 14px
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head .overview-price small {
        display:none
    }
}

.product-specpage .overview-head .overview-price .product-price {
    font-size: 18px;
    font-weight: 600;
    font-family: NunitoSans-Black;
    margin-right: 0
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head .overview-price .product-price {
        font-size:13px;
        padding: 0 3px
    }
}

.product-specpage .overview-head .overview-price span {
    font-weight: 400;
    font-size: 14px;
    margin-right: 10px
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head .overview-price span {
        font-size:13px;
        margin-right: 0;
        font-family: NunitoSans-Regular;
        font-weight: 600
    }
}

.product-specpage .overview-head .overview-price .product-promo-price {
    font-weight: 400;
    font-size: 14px;
    margin-right: 0
}

.product-specpage .overview-head .overview-price .sale-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px
}

.product-specpage .overview-head .overview-price .sale-label i {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #70489d;
    color: #70489d
}

.product-specpage .overview-head .overview-price .sale-label p {
    margin-bottom: 0;
    font-size: 12px;
    color: #70489d;
    font-weight: 400;
    line-height: 20px
}

.product-specpage .overview-head .overview-price .sale-label+span {
    display: none
}

@media(max-width: 767px) {
    .product-specpage .overview-head .overview-price strong {
        font-weight:600;
        text-align: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        line-height: normal;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-specpage .overview-head .automate-btn {
    background: #fff !important;
    color: #d12b8a;
    font-weight: 400;
    line-height: 18px;
    height: auto;
    border: #d12b8a solid 1px !important;
    min-height: 10px;
    min-width: 130px;
    padding: 7px 20px !important
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head .automate-btn {
        font-size:12px;
        min-width: auto;
        min-height: 40px;
        margin-right: 8px !important;
        padding: 7px 10px !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.product-specpage .overview-head .buy-now-btn {
    background: #d12b8a !important;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    height: auto;
    border: #d12b8a solid 1px !important;
    min-height: 10px;
    min-width: 130px;
    padding: 7px 20px
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head .buy-now-btn {
        min-width:auto;
        font-size: 12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .product-specpage .overview-head .buy-now-btn {
        min-width:110px
    }
}

.product-specpage .overview-head .overview-head-buttons {
    position: absolute;
    bottom: -1px;
    left: 20px;
    text-align: revert;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head .overview-head-buttons {
        padding-bottom:10px;
        position: relative;
        bottom: inherit;
        left: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-specpage .overview-head .overview-head-buttons a {
    display: inline-block;
    padding: 8px 20px;
    margin: 0 10px;
    border-bottom: #fff solid 2px;
    color: #000;
    text-decoration: none;
    position: relative;
    font-size: 13px
}

@media(min-width: 1600px) {
    .product-specpage .overview-head .overview-head-buttons a {
        font-size:15px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head .overview-head-buttons a {
        display:block;
        padding: 18px 0;
        margin: 0;
        border-bottom: 0;
        color: #000;
        top: 0;
        text-align: center;
        border-bottom: 1px solid #e1e1e1;
        line-height: 1
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .product-specpage .overview-head .overview-head-buttons a {
        padding:8px 4px 8px 4px !important;
        margin: 0 !important;
        font-size: 13px
    }
}

.product-specpage .overview-head .overview-head-buttons a.active {
    font-weight: 700;
    border-bottom: #d12b8a solid 2px
}

@media(max-width: 767px) and (min-width:280px) {
    .product-specpage .overview-head .overview-head-buttons a.active {
        border-bottom:1px solid #e1e1e1
    }
}

.zain-wishlist-page .container .row .lfr-search-container-wrapper .table-responsive {
    display: none
}

.zain-wishlist-page .container .row .product .details .rating-container .star-rating {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-wrapper .container {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: auto;
    margin-right: auto;
    max-width: 340px
}

.section-wrapper .container-fluid,.section-wrapper .container-lg,.section-wrapper .container-md,.section-wrapper .container-sm,.section-wrapper .container-xl,.section-wrapper .container-xs {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 768px) {
    .section-wrapper .container,.section-wrapper .container-sm {
        max-width:640px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1200px) {
    .section-wrapper .container,.section-wrapper .container-md,.section-wrapper .container-sm {
        max-width:1048px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .container,.section-wrapper .container-lg,.section-wrapper .container-md,.section-wrapper .container-sm {
        max-width:1260px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .container,.section-wrapper .container-lg,.section-wrapper .container-md,.section-wrapper .container-sm,.section-wrapper .container-xl {
        max-width:1470px
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .section-wrapper .container,.section-wrapper .container-sm {
        max-width:820px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .section-wrapper .container,.section-wrapper .container-sm {
        max-width:640px;
        padding-left: 4px;
        padding-right: 4px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .section-wrapper .container,.section-wrapper .container-sm {
        max-width:710px
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .section-wrapper .container,.section-wrapper .container-sm {
        max-width:340px;
        padding-left: 3px;
        padding-right: 3px
    }
}

@media(max-width: 320px) {
    .section-wrapper .container {
        max-width:100%
    }
}

.section-wrapper .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}

.section-wrapper .no-gutters {
    margin-left: 0;
    margin-right: 0
}



.section-wrapper .col,.section-wrapper .col-1,.section-wrapper .col-10,.section-wrapper .col-11,.section-wrapper .col-12,.section-wrapper .col-2,.section-wrapper .col-3,.section-wrapper .col-4,.section-wrapper .col-5,.section-wrapper .col-6,.section-wrapper .col-7,.section-wrapper .col-8,.section-wrapper .col-9,.section-wrapper .col-auto,.section-wrapper .col-lg,.section-wrapper .col-lg-1,.section-wrapper .col-lg-10,.section-wrapper .col-lg-11,.section-wrapper .col-lg-12,.section-wrapper .col-lg-2,.section-wrapper .col-lg-3,.section-wrapper .col-lg-4,.section-wrapper .col-lg-5,.section-wrapper .col-lg-6,.section-wrapper .col-lg-7,.section-wrapper .col-lg-8,.section-wrapper .col-lg-9,.section-wrapper .col-lg-auto,.section-wrapper .col-md,.section-wrapper .col-md-1,.section-wrapper .col-md-10,.section-wrapper .col-md-11,.section-wrapper .col-md-12,.section-wrapper .col-md-2,.section-wrapper .col-md-3,.section-wrapper .col-md-4,.section-wrapper .col-md-5,.section-wrapper .col-md-6,.section-wrapper .col-md-7,.section-wrapper .col-md-8,.section-wrapper .col-md-9,.section-wrapper .col-md-auto,.section-wrapper .col-sm,.section-wrapper .col-sm-1,.section-wrapper .col-sm-10,.section-wrapper .col-sm-11,.section-wrapper .col-sm-12,.section-wrapper .col-sm-2,.section-wrapper .col-sm-3,.section-wrapper .col-sm-4,.section-wrapper .col-sm-5,.section-wrapper .col-sm-6,.section-wrapper .col-sm-7,.section-wrapper .col-sm-8,.section-wrapper .col-sm-9,.section-wrapper .col-sm-auto,.section-wrapper .col-xl,.section-wrapper .col-xl-1,.section-wrapper .col-xl-10,.section-wrapper .col-xl-11,.section-wrapper .col-xl-12,.section-wrapper .col-xl-2,.section-wrapper .col-xl-3,.section-wrapper .col-xl-4,.section-wrapper .col-xl-5,.section-wrapper .col-xl-6,.section-wrapper .col-xl-7,.section-wrapper .col-xl-8,.section-wrapper .col-xl-9,.section-wrapper .col-xl-auto {
    position: relative;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px
}

@media(min-width: 1440px) {
    .section-wrapper .col,.section-wrapper .col-1,.section-wrapper .col-10,.section-wrapper .col-11,.section-wrapper .col-12,.section-wrapper .col-2,.section-wrapper .col-3,.section-wrapper .col-4,.section-wrapper .col-5,.section-wrapper .col-6,.section-wrapper .col-7,.section-wrapper .col-8,.section-wrapper .col-9,.section-wrapper .col-auto,.section-wrapper .col-lg,.section-wrapper .col-lg-1,.section-wrapper .col-lg-10,.section-wrapper .col-lg-11,.section-wrapper .col-lg-12,.section-wrapper .col-lg-2,.section-wrapper .col-lg-3,.section-wrapper .col-lg-4,.section-wrapper .col-lg-5,.section-wrapper .col-lg-6,.section-wrapper .col-lg-7,.section-wrapper .col-lg-8,.section-wrapper .col-lg-9,.section-wrapper .col-lg-auto,.section-wrapper .col-md,.section-wrapper .col-md-1,.section-wrapper .col-md-10,.section-wrapper .col-md-11,.section-wrapper .col-md-12,.section-wrapper .col-md-2,.section-wrapper .col-md-3,.section-wrapper .col-md-4,.section-wrapper .col-md-5,.section-wrapper .col-md-6,.section-wrapper .col-md-7,.section-wrapper .col-md-8,.section-wrapper .col-md-9,.section-wrapper .col-md-auto,.section-wrapper .col-sm,.section-wrapper .col-sm-1,.section-wrapper .col-sm-10,.section-wrapper .col-sm-11,.section-wrapper .col-sm-12,.section-wrapper .col-sm-2,.section-wrapper .col-sm-3,.section-wrapper .col-sm-4,.section-wrapper .col-sm-5,.section-wrapper .col-sm-6,.section-wrapper .col-sm-7,.section-wrapper .col-sm-8,.section-wrapper .col-sm-9,.section-wrapper .col-sm-auto,.section-wrapper .col-xl,.section-wrapper .col-xl-1,.section-wrapper .col-xl-10,.section-wrapper .col-xl-11,.section-wrapper .col-xl-12,.section-wrapper .col-xl-2,.section-wrapper .col-xl-3,.section-wrapper .col-xl-4,.section-wrapper .col-xl-5,.section-wrapper .col-xl-6,.section-wrapper .col-xl-7,.section-wrapper .col-xl-8,.section-wrapper .col-xl-9,.section-wrapper .col-xl-auto {
        padding-left:6px;
        padding-right: 6px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .col,.section-wrapper .col-1,.section-wrapper .col-10,.section-wrapper .col-11,.section-wrapper .col-12,.section-wrapper .col-2,.section-wrapper .col-3,.section-wrapper .col-4,.section-wrapper .col-5,.section-wrapper .col-6,.section-wrapper .col-7,.section-wrapper .col-8,.section-wrapper .col-9,.section-wrapper .col-auto,.section-wrapper .col-lg,.section-wrapper .col-lg-1,.section-wrapper .col-lg-10,.section-wrapper .col-lg-11,.section-wrapper .col-lg-12,.section-wrapper .col-lg-2,.section-wrapper .col-lg-3,.section-wrapper .col-lg-4,.section-wrapper .col-lg-5,.section-wrapper .col-lg-6,.section-wrapper .col-lg-7,.section-wrapper .col-lg-8,.section-wrapper .col-lg-9,.section-wrapper .col-lg-auto,.section-wrapper .col-md,.section-wrapper .col-md-1,.section-wrapper .col-md-10,.section-wrapper .col-md-11,.section-wrapper .col-md-12,.section-wrapper .col-md-2,.section-wrapper .col-md-3,.section-wrapper .col-md-4,.section-wrapper .col-md-5,.section-wrapper .col-md-6,.section-wrapper .col-md-7,.section-wrapper .col-md-8,.section-wrapper .col-md-9,.section-wrapper .col-md-auto,.section-wrapper .col-sm,.section-wrapper .col-sm-1,.section-wrapper .col-sm-10,.section-wrapper .col-sm-11,.section-wrapper .col-sm-12,.section-wrapper .col-sm-2,.section-wrapper .col-sm-3,.section-wrapper .col-sm-4,.section-wrapper .col-sm-5,.section-wrapper .col-sm-6,.section-wrapper .col-sm-7,.section-wrapper .col-sm-8,.section-wrapper .col-sm-9,.section-wrapper .col-sm-auto,.section-wrapper .col-xl,.section-wrapper .col-xl-1,.section-wrapper .col-xl-10,.section-wrapper .col-xl-11,.section-wrapper .col-xl-12,.section-wrapper .col-xl-2,.section-wrapper .col-xl-3,.section-wrapper .col-xl-4,.section-wrapper .col-xl-5,.section-wrapper .col-xl-6,.section-wrapper .col-xl-7,.section-wrapper .col-xl-8,.section-wrapper .col-xl-9,.section-wrapper .col-xl-auto {
        padding-left:8px;
        padding-right: 8px
    }
}

.section-wrapper .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.section-wrapper .row-cols-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.section-wrapper .row-cols-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.section-wrapper .row-cols-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.section-wrapper .row-cols-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.section-wrapper .row-cols-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.section-wrapper .row-cols-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.section-wrapper .col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.section-wrapper .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.section-wrapper .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.section-wrapper .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.section-wrapper .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.section-wrapper .col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.section-wrapper .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.section-wrapper .col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.section-wrapper .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.section-wrapper .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.section-wrapper .col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.section-wrapper .col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.section-wrapper .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.section-wrapper .order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.section-wrapper .order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.section-wrapper .order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.section-wrapper .order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.section-wrapper .order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.section-wrapper .order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.section-wrapper .order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.section-wrapper .order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.section-wrapper .order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.section-wrapper .order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.section-wrapper .order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.section-wrapper .order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.section-wrapper .order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.section-wrapper .order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.section-wrapper .order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.section-wrapper .offset-1 {
    margin-right: 8.3333333333%
}

.section-wrapper .offset-2 {
    margin-right: 16.6666666667%
}

.section-wrapper .offset-3 {
    margin-right: 25%
}

.section-wrapper .offset-4 {
    margin-right: 33.3333333333%
}

.section-wrapper .offset-5 {
    margin-right: 41.6666666667%
}

.section-wrapper .offset-6 {
    margin-right: 50%
}

.section-wrapper .offset-7 {
    margin-right: 58.3333333333%
}

.section-wrapper .offset-8 {
    margin-right: 66.6666666667%
}

.section-wrapper .offset-9 {
    margin-right: 75%
}

.section-wrapper .offset-10 {
    margin-right: 83.3333333333%
}

.section-wrapper .offset-11 {
    margin-right: 91.6666666667%
}

@media(min-width: 768px) {
    .section-wrapper .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .section-wrapper .row-cols-sm-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .section-wrapper .row-cols-sm-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .section-wrapper .row-cols-sm-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .section-wrapper .row-cols-sm-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .section-wrapper .row-cols-sm-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .section-wrapper .row-cols-sm-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .section-wrapper .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .section-wrapper .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .section-wrapper .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .section-wrapper .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .section-wrapper .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .section-wrapper .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .section-wrapper .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .section-wrapper .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .section-wrapper .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .section-wrapper .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .section-wrapper .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .section-wrapper .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .section-wrapper .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .section-wrapper .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .section-wrapper .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .section-wrapper .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .section-wrapper .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .section-wrapper .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .section-wrapper .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .section-wrapper .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .section-wrapper .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .section-wrapper .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .section-wrapper .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .section-wrapper .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .section-wrapper .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .section-wrapper .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .section-wrapper .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .section-wrapper .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .section-wrapper .offset-sm-0 {
        margin-right: 0
    }

    .section-wrapper .offset-sm-1 {
        margin-right: 8.3333333333%
    }

    .section-wrapper .offset-sm-2 {
        margin-right: 16.6666666667%
    }

    .section-wrapper .offset-sm-3 {
        margin-right: 25%
    }

    .section-wrapper .offset-sm-4 {
        margin-right: 33.3333333333%
    }

    .section-wrapper .offset-sm-5 {
        margin-right: 41.6666666667%
    }

    .section-wrapper .offset-sm-6 {
        margin-right: 50%
    }

    .section-wrapper .offset-sm-7 {
        margin-right: 58.3333333333%
    }

    .section-wrapper .offset-sm-8 {
        margin-right: 66.6666666667%
    }

    .section-wrapper .offset-sm-9 {
        margin-right: 75%
    }

    .section-wrapper .offset-sm-10 {
        margin-right: 83.3333333333%
    }

    .section-wrapper .offset-sm-11 {
        margin-right: 91.6666666667%
    }
}

@media(min-width: 1200px) {
    .section-wrapper .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .section-wrapper .row-cols-md-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .section-wrapper .row-cols-md-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .section-wrapper .row-cols-md-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .section-wrapper .row-cols-md-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .section-wrapper .row-cols-md-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .section-wrapper .row-cols-md-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .section-wrapper .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .section-wrapper .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .section-wrapper .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .section-wrapper .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .section-wrapper .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .section-wrapper .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .section-wrapper .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .section-wrapper .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .section-wrapper .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .section-wrapper .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .section-wrapper .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .section-wrapper .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .section-wrapper .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .section-wrapper .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .section-wrapper .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .section-wrapper .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .section-wrapper .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .section-wrapper .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .section-wrapper .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .section-wrapper .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .section-wrapper .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .section-wrapper .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .section-wrapper .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .section-wrapper .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .section-wrapper .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .section-wrapper .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .section-wrapper .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .section-wrapper .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .section-wrapper .offset-md-0 {
        margin-right: 0
    }

    .section-wrapper .offset-md-1 {
        margin-right: 8.3333333333%
    }

    .section-wrapper .offset-md-2 {
        margin-right: 16.6666666667%
    }

    .section-wrapper .offset-md-3 {
        margin-right: 25%
    }

    .section-wrapper .offset-md-4 {
        margin-right: 33.3333333333%
    }

    .section-wrapper .offset-md-5 {
        margin-right: 41.6666666667%
    }

    .section-wrapper .offset-md-6 {
        margin-right: 50%
    }

    .section-wrapper .offset-md-7 {
        margin-right: 58.3333333333%
    }

    .section-wrapper .offset-md-8 {
        margin-right: 66.6666666667%
    }

    .section-wrapper .offset-md-9 {
        margin-right: 75%
    }

    .section-wrapper .offset-md-10 {
        margin-right: 83.3333333333%
    }

    .section-wrapper .offset-md-11 {
        margin-right: 91.6666666667%
    }
}

@media(min-width: 1440px) {
    .section-wrapper .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .section-wrapper .row-cols-lg-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .section-wrapper .row-cols-lg-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .section-wrapper .row-cols-lg-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .section-wrapper .row-cols-lg-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .section-wrapper .row-cols-lg-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .section-wrapper .row-cols-lg-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .section-wrapper .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .section-wrapper .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .section-wrapper .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .section-wrapper .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .section-wrapper .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .section-wrapper .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .section-wrapper .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .section-wrapper .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .section-wrapper .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .section-wrapper .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .section-wrapper .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .section-wrapper .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .section-wrapper .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .section-wrapper .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .section-wrapper .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .section-wrapper .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .section-wrapper .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .section-wrapper .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .section-wrapper .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .section-wrapper .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .section-wrapper .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .section-wrapper .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .section-wrapper .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .section-wrapper .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .section-wrapper .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .section-wrapper .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .section-wrapper .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .section-wrapper .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .section-wrapper .offset-lg-0 {
        margin-right: 0
    }

    .section-wrapper .offset-lg-1 {
        margin-right: 8.3333333333%
    }

    .section-wrapper .offset-lg-2 {
        margin-right: 16.6666666667%
    }

    .section-wrapper .offset-lg-3 {
        margin-right: 25%
    }

    .section-wrapper .offset-lg-4 {
        margin-right: 33.3333333333%
    }

    .section-wrapper .offset-lg-5 {
        margin-right: 41.6666666667%
    }

    .section-wrapper .offset-lg-6 {
        margin-right: 50%
    }

    .section-wrapper .offset-lg-7 {
        margin-right: 58.3333333333%
    }

    .section-wrapper .offset-lg-8 {
        margin-right: 66.6666666667%
    }

    .section-wrapper .offset-lg-9 {
        margin-right: 75%
    }

    .section-wrapper .offset-lg-10 {
        margin-right: 83.3333333333%
    }

    .section-wrapper .offset-lg-11 {
        margin-right: 91.6666666667%
    }
}

@media(min-width: 1600px) {
    .section-wrapper .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .section-wrapper .row-cols-xl-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .section-wrapper .row-cols-xl-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .section-wrapper .row-cols-xl-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .section-wrapper .row-cols-xl-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .section-wrapper .row-cols-xl-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .section-wrapper .row-cols-xl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .section-wrapper .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .section-wrapper .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .section-wrapper .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .section-wrapper .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .section-wrapper .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .section-wrapper .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .section-wrapper .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .section-wrapper .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .section-wrapper .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .section-wrapper .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .section-wrapper .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .section-wrapper .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .section-wrapper .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .section-wrapper .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .section-wrapper .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .section-wrapper .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .section-wrapper .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .section-wrapper .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .section-wrapper .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .section-wrapper .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .section-wrapper .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .section-wrapper .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .section-wrapper .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .section-wrapper .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .section-wrapper .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .section-wrapper .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .section-wrapper .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .section-wrapper .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .section-wrapper .offset-xl-0 {
        margin-right: 0
    }

    .section-wrapper .offset-xl-1 {
        margin-right: 8.3333333333%
    }

    .section-wrapper .offset-xl-2 {
        margin-right: 16.6666666667%
    }

    .section-wrapper .offset-xl-3 {
        margin-right: 25%
    }

    .section-wrapper .offset-xl-4 {
        margin-right: 33.3333333333%
    }

    .section-wrapper .offset-xl-5 {
        margin-right: 41.6666666667%
    }

    .section-wrapper .offset-xl-6 {
        margin-right: 50%
    }

    .section-wrapper .offset-xl-7 {
        margin-right: 58.3333333333%
    }

    .section-wrapper .offset-xl-8 {
        margin-right: 66.6666666667%
    }

    .section-wrapper .offset-xl-9 {
        margin-right: 75%
    }

    .section-wrapper .offset-xl-10 {
        margin-right: 83.3333333333%
    }

    .section-wrapper .offset-xl-11 {
        margin-right: 91.6666666667%
    }
}

.section-wrapper .row:not(.no-gutters) {
    margin-left: -3px;
    margin-right: -3px
}

.section-wrapper .row:not(.no-gutters)>.col,.section-wrapper .row:not(.no-gutters)>[class*=col-] {
    padding-left: 3px;
    padding-right: 3px
}

@media(min-width: 768px) {
    .section-wrapper .row:not(.no-gutters) {
        margin-left:-4px;
        margin-right: -4px
    }

    .section-wrapper .row:not(.no-gutters)>.col,.section-wrapper .row:not(.no-gutters)>[class*=col-] {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media(min-width: 1200px) {
    .section-wrapper .row:not(.no-gutters) {
        margin-left:-4px;
        margin-right: -4px
    }

    .section-wrapper .row:not(.no-gutters)>.col,.section-wrapper .row:not(.no-gutters)>[class*=col-] {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media(min-width: 1440px) {
    .section-wrapper .row:not(.no-gutters) {
        margin-left:-6px;
        margin-right: -6px
    }

    .section-wrapper .row:not(.no-gutters)>.col,.section-wrapper .row:not(.no-gutters)>[class*=col-] {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media(min-width: 1600px) {
    .section-wrapper .row:not(.no-gutters) {
        margin-left:-8px;
        margin-right: -8px
    }

    .section-wrapper .row:not(.no-gutters)>.col,.section-wrapper .row:not(.no-gutters)>[class*=col-] {
        padding-left: 8px;
        padding-right: 8px
    }
}

.section-wrapper.container-fluid,.section-wrapper.container-lg,.section-wrapper.container-md,.section-wrapper.container-sm,.section-wrapper.container-xl,.section-wrapper.container-xs {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%
}

.section-wrapper .container-fluid-custom {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 100%
}

@media(min-width: 768px) {
    .section-wrapper.container-fluid,.section-wrapper.container-lg,.section-wrapper.container-md,.section-wrapper.container-sm,.section-wrapper.container-xl,.section-wrapper.container-xs {
        padding-left:0;
        padding-right: 0;
        max-width: 100%
    }

    .section-wrapper .container-fluid-custom {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 100%
    }
}

@media(min-width: 1200px) {
    .section-wrapper.container-fluid,.section-wrapper.container-lg,.section-wrapper.container-md,.section-wrapper.container-sm,.section-wrapper.container-xl,.section-wrapper.container-xs {
        padding-left:0;
        padding-right: 0;
        max-width: 100%
    }

    .section-wrapper .container-fluid-custom {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 100%
    }
}

@media(min-width: 1440px) {
    .section-wrapper.container-fluid,.section-wrapper.container-lg,.section-wrapper.container-md,.section-wrapper.container-sm,.section-wrapper.container-xl,.section-wrapper.container-xs {
        padding-left:0;
        padding-right: 0;
        max-width: 100%
    }

    .section-wrapper .container-fluid-custom {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 100%
    }
}

@media(min-width: 1600px) {
    .section-wrapper.container-fluid,.section-wrapper.container-lg,.section-wrapper.container-md,.section-wrapper.container-sm,.section-wrapper.container-xl,.section-wrapper.container-xs {
        padding-left:0;
        padding-right: 0;
        max-width: 100%
    }

    .section-wrapper .container-fluid-custom {
        padding-left: 70px;
        padding-right: 70px;
        max-width: 100%;
        max-width: 1920px;
        margin: 0 auto
    }
}

.section-wrapper .d-none {
    display: none !important
}

.section-wrapper .d-inline {
    display: inline !important
}

.section-wrapper .d-inline-block {
    display: inline-block !important
}

.section-wrapper .d-block {
    display: block !important
}

.section-wrapper .d-table {
    display: table !important
}

.section-wrapper .d-table-row {
    display: table-row !important
}

.section-wrapper .d-table-cell {
    display: table-cell !important
}

.section-wrapper .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.section-wrapper .d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width: 768px) {
    .section-wrapper .d-sm-none {
        display:none !important
    }

    .section-wrapper .d-sm-inline {
        display: inline !important
    }

    .section-wrapper .d-sm-inline-block {
        display: inline-block !important
    }

    .section-wrapper .d-sm-block {
        display: block !important
    }

    .section-wrapper .d-sm-table {
        display: table !important
    }

    .section-wrapper .d-sm-table-row {
        display: table-row !important
    }

    .section-wrapper .d-sm-table-cell {
        display: table-cell !important
    }

    .section-wrapper .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .section-wrapper .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1200px) {
    .section-wrapper .d-md-none {
        display:none !important
    }

    .section-wrapper .d-md-inline {
        display: inline !important
    }

    .section-wrapper .d-md-inline-block {
        display: inline-block !important
    }

    .section-wrapper .d-md-block {
        display: block !important
    }

    .section-wrapper .d-md-table {
        display: table !important
    }

    .section-wrapper .d-md-table-row {
        display: table-row !important
    }

    .section-wrapper .d-md-table-cell {
        display: table-cell !important
    }

    .section-wrapper .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .section-wrapper .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1440px) {
    .section-wrapper .d-lg-none {
        display:none !important
    }

    .section-wrapper .d-lg-inline {
        display: inline !important
    }

    .section-wrapper .d-lg-inline-block {
        display: inline-block !important
    }

    .section-wrapper .d-lg-block {
        display: block !important
    }

    .section-wrapper .d-lg-table {
        display: table !important
    }

    .section-wrapper .d-lg-table-row {
        display: table-row !important
    }

    .section-wrapper .d-lg-table-cell {
        display: table-cell !important
    }

    .section-wrapper .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .section-wrapper .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1600px) {
    .section-wrapper .d-xl-none {
        display:none !important
    }

    .section-wrapper .d-xl-inline {
        display: inline !important
    }

    .section-wrapper .d-xl-inline-block {
        display: inline-block !important
    }

    .section-wrapper .d-xl-block {
        display: block !important
    }

    .section-wrapper .d-xl-table {
        display: table !important
    }

    .section-wrapper .d-xl-table-row {
        display: table-row !important
    }

    .section-wrapper .d-xl-table-cell {
        display: table-cell !important
    }

    .section-wrapper .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .section-wrapper .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .section-wrapper .d-print-none {
        display: none !important
    }

    .section-wrapper .d-print-inline {
        display: inline !important
    }

    .section-wrapper .d-print-inline-block {
        display: inline-block !important
    }

    .section-wrapper .d-print-block {
        display: block !important
    }

    .section-wrapper .d-print-table {
        display: table !important
    }

    .section-wrapper .d-print-table-row {
        display: table-row !important
    }

    .section-wrapper .d-print-table-cell {
        display: table-cell !important
    }

    .section-wrapper .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .section-wrapper .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.section-wrapper .flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.section-wrapper .flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.section-wrapper .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.section-wrapper .flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.section-wrapper .flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.section-wrapper .flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.section-wrapper .flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.section-wrapper .flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.section-wrapper .flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.section-wrapper .flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.section-wrapper .flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.section-wrapper .flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.section-wrapper .justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.section-wrapper .justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.section-wrapper .justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.section-wrapper .justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.section-wrapper .justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.section-wrapper .align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.section-wrapper .align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.section-wrapper .align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.section-wrapper .align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.section-wrapper .align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.section-wrapper .align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.section-wrapper .align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.section-wrapper .align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.section-wrapper .align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.section-wrapper .align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.section-wrapper .align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.section-wrapper .align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.section-wrapper .align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.section-wrapper .align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.section-wrapper .align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.section-wrapper .align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.section-wrapper .align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media(min-width: 768px) {
    .section-wrapper .flex-sm-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .section-wrapper .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .section-wrapper .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .section-wrapper .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .section-wrapper .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .section-wrapper .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .section-wrapper .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .section-wrapper .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .section-wrapper .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .section-wrapper .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .section-wrapper .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .section-wrapper .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .section-wrapper .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .section-wrapper .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .section-wrapper .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .section-wrapper .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .section-wrapper .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .section-wrapper .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .section-wrapper .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .section-wrapper .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .section-wrapper .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .section-wrapper .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .section-wrapper .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .section-wrapper .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .section-wrapper .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .section-wrapper .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .section-wrapper .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .section-wrapper .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .section-wrapper .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .section-wrapper .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .section-wrapper .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .section-wrapper .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .section-wrapper .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .section-wrapper .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 1200px) {
    .section-wrapper .flex-md-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .section-wrapper .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .section-wrapper .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .section-wrapper .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .section-wrapper .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .section-wrapper .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .section-wrapper .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .section-wrapper .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .section-wrapper .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .section-wrapper .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .section-wrapper .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .section-wrapper .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .section-wrapper .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .section-wrapper .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .section-wrapper .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .section-wrapper .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .section-wrapper .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .section-wrapper .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .section-wrapper .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .section-wrapper .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .section-wrapper .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .section-wrapper .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .section-wrapper .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .section-wrapper .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .section-wrapper .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .section-wrapper .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .section-wrapper .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .section-wrapper .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .section-wrapper .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .section-wrapper .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .section-wrapper .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .section-wrapper .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .section-wrapper .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .section-wrapper .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 1440px) {
    .section-wrapper .flex-lg-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .section-wrapper .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .section-wrapper .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .section-wrapper .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .section-wrapper .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .section-wrapper .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .section-wrapper .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .section-wrapper .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .section-wrapper .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .section-wrapper .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .section-wrapper .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .section-wrapper .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .section-wrapper .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .section-wrapper .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .section-wrapper .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .section-wrapper .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .section-wrapper .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .section-wrapper .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .section-wrapper .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .section-wrapper .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .section-wrapper .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .section-wrapper .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .section-wrapper .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .section-wrapper .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .section-wrapper .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .section-wrapper .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .section-wrapper .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .section-wrapper .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .section-wrapper .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .section-wrapper .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .section-wrapper .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .section-wrapper .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .section-wrapper .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .section-wrapper .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 1600px) {
    .section-wrapper .flex-xl-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .section-wrapper .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .section-wrapper .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .section-wrapper .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .section-wrapper .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .section-wrapper .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .section-wrapper .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .section-wrapper .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .section-wrapper .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .section-wrapper .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .section-wrapper .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .section-wrapper .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .section-wrapper .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .section-wrapper .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .section-wrapper .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .section-wrapper .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .section-wrapper .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .section-wrapper .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .section-wrapper .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .section-wrapper .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .section-wrapper .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .section-wrapper .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .section-wrapper .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .section-wrapper .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .section-wrapper .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .section-wrapper .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .section-wrapper .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .section-wrapper .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .section-wrapper .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .section-wrapper .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .section-wrapper .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .section-wrapper .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .section-wrapper .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .section-wrapper .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.section-wrapper .m-0 {
    margin: 0 !important
}

.section-wrapper .mt-0,.section-wrapper .my-0 {
    margin-top: 0 !important
}

.section-wrapper .mr-0,.section-wrapper .mx-0 {
    margin-left: 0 !important
}

.section-wrapper .mb-0,.section-wrapper .my-0 {
    margin-bottom: 0 !important
}

.section-wrapper .ml-0,.section-wrapper .mx-0 {
    margin-right: 0 !important
}

.section-wrapper .m-1 {
    margin: .25rem !important
}

.section-wrapper .mt-1,.section-wrapper .my-1 {
    margin-top: .25rem !important
}

.section-wrapper .mr-1,.section-wrapper .mx-1 {
    margin-left: .25rem !important
}

.section-wrapper .mb-1,.section-wrapper .my-1 {
    margin-bottom: .25rem !important
}

.section-wrapper .ml-1,.section-wrapper .mx-1 {
    margin-right: .25rem !important
}

.section-wrapper .m-2 {
    margin: .5rem !important
}

.section-wrapper .mt-2,.section-wrapper .my-2 {
    margin-top: .5rem !important
}

.section-wrapper .mr-2,.section-wrapper .mx-2 {
    margin-left: .5rem !important
}

.section-wrapper .mb-2,.section-wrapper .my-2 {
    margin-bottom: .5rem !important
}

.section-wrapper .ml-2,.section-wrapper .mx-2 {
    margin-right: .5rem !important
}

.section-wrapper .m-3 {
    margin: 1rem !important
}

.section-wrapper .mt-3,.section-wrapper .my-3 {
    margin-top: 1rem !important
}

.section-wrapper .mr-3,.section-wrapper .mx-3 {
    margin-left: 1rem !important
}

.section-wrapper .mb-3,.section-wrapper .my-3 {
    margin-bottom: 1rem !important
}

.section-wrapper .ml-3,.section-wrapper .mx-3 {
    margin-right: 1rem !important
}

.section-wrapper .m-4 {
    margin: 1.5rem !important
}

.section-wrapper .mt-4,.section-wrapper .my-4 {
    margin-top: 1.5rem !important
}

.section-wrapper .mr-4,.section-wrapper .mx-4 {
    margin-left: 1.5rem !important
}

.section-wrapper .mb-4,.section-wrapper .my-4 {
    margin-bottom: 1.5rem !important
}

.section-wrapper .ml-4,.section-wrapper .mx-4 {
    margin-right: 1.5rem !important
}

.section-wrapper .m-5 {
    margin: 3rem !important
}

.section-wrapper .mt-5,.section-wrapper .my-5 {
    margin-top: 3rem !important
}

.section-wrapper .mr-5,.section-wrapper .mx-5 {
    margin-left: 3rem !important
}

.section-wrapper .mb-5,.section-wrapper .my-5 {
    margin-bottom: 3rem !important
}

.section-wrapper .ml-5,.section-wrapper .mx-5 {
    margin-right: 3rem !important
}

.section-wrapper .p-0 {
    padding: 0 !important
}

.section-wrapper .pt-0,.section-wrapper .py-0 {
    padding-top: 0 !important
}

.section-wrapper .pr-0,.section-wrapper .px-0 {
    padding-left: 0 !important
}

.section-wrapper .pb-0,.section-wrapper .py-0 {
    padding-bottom: 0 !important
}

.section-wrapper .pl-0,.section-wrapper .px-0 {
    padding-right: 0 !important
}

.section-wrapper .p-1 {
    padding: .25rem !important
}

.section-wrapper .pt-1,.section-wrapper .py-1 {
    padding-top: .25rem !important
}

.section-wrapper .pr-1,.section-wrapper .px-1 {
    padding-left: .25rem !important
}

.section-wrapper .pb-1,.section-wrapper .py-1 {
    padding-bottom: .25rem !important
}

.section-wrapper .pl-1,.section-wrapper .px-1 {
    padding-right: .25rem !important
}

.section-wrapper .p-2 {
    padding: .5rem !important
}

.section-wrapper .pt-2,.section-wrapper .py-2 {
    padding-top: .5rem !important
}

.section-wrapper .pr-2,.section-wrapper .px-2 {
    padding-left: .5rem !important
}

.section-wrapper .pb-2,.section-wrapper .py-2 {
    padding-bottom: .5rem !important
}

.section-wrapper .pl-2,.section-wrapper .px-2 {
    padding-right: .5rem !important
}

.section-wrapper .p-3 {
    padding: 1rem !important
}

.section-wrapper .pt-3,.section-wrapper .py-3 {
    padding-top: 1rem !important
}

.section-wrapper .pr-3,.section-wrapper .px-3 {
    padding-left: 1rem !important
}

.section-wrapper .pb-3,.section-wrapper .py-3 {
    padding-bottom: 1rem !important
}

.section-wrapper .pl-3,.section-wrapper .px-3 {
    padding-right: 1rem !important
}

.section-wrapper .p-4 {
    padding: 1.5rem !important
}

.section-wrapper .pt-4,.section-wrapper .py-4 {
    padding-top: 1.5rem !important
}

.section-wrapper .pr-4,.section-wrapper .px-4 {
    padding-left: 1.5rem !important
}

.section-wrapper .pb-4,.section-wrapper .py-4 {
    padding-bottom: 1.5rem !important
}

.section-wrapper .pl-4,.section-wrapper .px-4 {
    padding-right: 1.5rem !important
}

.section-wrapper .p-5 {
    padding: 3rem !important
}

.section-wrapper .pt-5,.section-wrapper .py-5 {
    padding-top: 3rem !important
}

.section-wrapper .pr-5,.section-wrapper .px-5 {
    padding-left: 3rem !important
}

.section-wrapper .pb-5,.section-wrapper .py-5 {
    padding-bottom: 3rem !important
}

.section-wrapper .pl-5,.section-wrapper .px-5 {
    padding-right: 3rem !important
}

.section-wrapper .m-n1 {
    margin: -.25rem !important
}

.section-wrapper .mt-n1,.section-wrapper .my-n1 {
    margin-top: -.25rem !important
}

.section-wrapper .mr-n1,.section-wrapper .mx-n1 {
    margin-left: -.25rem !important
}

.section-wrapper .mb-n1,.section-wrapper .my-n1 {
    margin-bottom: -.25rem !important
}

.section-wrapper .ml-n1,.section-wrapper .mx-n1 {
    margin-right: -.25rem !important
}

.section-wrapper .m-n2 {
    margin: -.5rem !important
}

.section-wrapper .mt-n2,.section-wrapper .my-n2 {
    margin-top: -.5rem !important
}

.section-wrapper .mr-n2,.section-wrapper .mx-n2 {
    margin-left: -.5rem !important
}

.section-wrapper .mb-n2,.section-wrapper .my-n2 {
    margin-bottom: -.5rem !important
}

.section-wrapper .ml-n2,.section-wrapper .mx-n2 {
    margin-right: -.5rem !important
}

.section-wrapper .m-n3 {
    margin: -1rem !important
}

.section-wrapper .mt-n3,.section-wrapper .my-n3 {
    margin-top: -1rem !important
}

.section-wrapper .mr-n3,.section-wrapper .mx-n3 {
    margin-left: -1rem !important
}

.section-wrapper .mb-n3,.section-wrapper .my-n3 {
    margin-bottom: -1rem !important
}

.section-wrapper .ml-n3,.section-wrapper .mx-n3 {
    margin-right: -1rem !important
}

.section-wrapper .m-n4 {
    margin: -1.5rem !important
}

.section-wrapper .mt-n4,.section-wrapper .my-n4 {
    margin-top: -1.5rem !important
}

.section-wrapper .mr-n4,.section-wrapper .mx-n4 {
    margin-left: -1.5rem !important
}

.section-wrapper .mb-n4,.section-wrapper .my-n4 {
    margin-bottom: -1.5rem !important
}

.section-wrapper .ml-n4,.section-wrapper .mx-n4 {
    margin-right: -1.5rem !important
}

.section-wrapper .m-n5 {
    margin: -3rem !important
}

.section-wrapper .mt-n5,.section-wrapper .my-n5 {
    margin-top: -3rem !important
}

.section-wrapper .mr-n5,.section-wrapper .mx-n5 {
    margin-left: -3rem !important
}

.section-wrapper .mb-n5,.section-wrapper .my-n5 {
    margin-bottom: -3rem !important
}

.section-wrapper .ml-n5,.section-wrapper .mx-n5 {
    margin-right: -3rem !important
}

.section-wrapper .m-auto {
    margin: auto !important
}

.section-wrapper .mt-auto,.section-wrapper .my-auto {
    margin-top: auto !important
}

.section-wrapper .mr-auto,.section-wrapper .mx-auto {
    margin-left: auto !important
}

.section-wrapper .mb-auto,.section-wrapper .my-auto {
    margin-bottom: auto !important
}

.section-wrapper .ml-auto,.section-wrapper .mx-auto {
    margin-right: auto !important
}

@media(min-width: 768px) {
    .section-wrapper .m-sm-0 {
        margin:0 !important
    }

    .section-wrapper .mt-sm-0,.section-wrapper .my-sm-0 {
        margin-top: 0 !important
    }

    .section-wrapper .mr-sm-0,.section-wrapper .mx-sm-0 {
        margin-left: 0 !important
    }

    .section-wrapper .mb-sm-0,.section-wrapper .my-sm-0 {
        margin-bottom: 0 !important
    }

    .section-wrapper .ml-sm-0,.section-wrapper .mx-sm-0 {
        margin-right: 0 !important
    }

    .section-wrapper .m-sm-1 {
        margin: .25rem !important
    }

    .section-wrapper .mt-sm-1,.section-wrapper .my-sm-1 {
        margin-top: .25rem !important
    }

    .section-wrapper .mr-sm-1,.section-wrapper .mx-sm-1 {
        margin-left: .25rem !important
    }

    .section-wrapper .mb-sm-1,.section-wrapper .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .section-wrapper .ml-sm-1,.section-wrapper .mx-sm-1 {
        margin-right: .25rem !important
    }

    .section-wrapper .m-sm-2 {
        margin: .5rem !important
    }

    .section-wrapper .mt-sm-2,.section-wrapper .my-sm-2 {
        margin-top: .5rem !important
    }

    .section-wrapper .mr-sm-2,.section-wrapper .mx-sm-2 {
        margin-left: .5rem !important
    }

    .section-wrapper .mb-sm-2,.section-wrapper .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .section-wrapper .ml-sm-2,.section-wrapper .mx-sm-2 {
        margin-right: .5rem !important
    }

    .section-wrapper .m-sm-3 {
        margin: 1rem !important
    }

    .section-wrapper .mt-sm-3,.section-wrapper .my-sm-3 {
        margin-top: 1rem !important
    }

    .section-wrapper .mr-sm-3,.section-wrapper .mx-sm-3 {
        margin-left: 1rem !important
    }

    .section-wrapper .mb-sm-3,.section-wrapper .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .section-wrapper .ml-sm-3,.section-wrapper .mx-sm-3 {
        margin-right: 1rem !important
    }

    .section-wrapper .m-sm-4 {
        margin: 1.5rem !important
    }

    .section-wrapper .mt-sm-4,.section-wrapper .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .section-wrapper .mr-sm-4,.section-wrapper .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .section-wrapper .mb-sm-4,.section-wrapper .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .section-wrapper .ml-sm-4,.section-wrapper .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .section-wrapper .m-sm-5 {
        margin: 3rem !important
    }

    .section-wrapper .mt-sm-5,.section-wrapper .my-sm-5 {
        margin-top: 3rem !important
    }

    .section-wrapper .mr-sm-5,.section-wrapper .mx-sm-5 {
        margin-left: 3rem !important
    }

    .section-wrapper .mb-sm-5,.section-wrapper .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .section-wrapper .ml-sm-5,.section-wrapper .mx-sm-5 {
        margin-right: 3rem !important
    }

    .section-wrapper .p-sm-0 {
        padding: 0 !important
    }

    .section-wrapper .pt-sm-0,.section-wrapper .py-sm-0 {
        padding-top: 0 !important
    }

    .section-wrapper .pr-sm-0,.section-wrapper .px-sm-0 {
        padding-left: 0 !important
    }

    .section-wrapper .pb-sm-0,.section-wrapper .py-sm-0 {
        padding-bottom: 0 !important
    }

    .section-wrapper .pl-sm-0,.section-wrapper .px-sm-0 {
        padding-right: 0 !important
    }

    .section-wrapper .p-sm-1 {
        padding: .25rem !important
    }

    .section-wrapper .pt-sm-1,.section-wrapper .py-sm-1 {
        padding-top: .25rem !important
    }

    .section-wrapper .pr-sm-1,.section-wrapper .px-sm-1 {
        padding-left: .25rem !important
    }

    .section-wrapper .pb-sm-1,.section-wrapper .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .section-wrapper .pl-sm-1,.section-wrapper .px-sm-1 {
        padding-right: .25rem !important
    }

    .section-wrapper .p-sm-2 {
        padding: .5rem !important
    }

    .section-wrapper .pt-sm-2,.section-wrapper .py-sm-2 {
        padding-top: .5rem !important
    }

    .section-wrapper .pr-sm-2,.section-wrapper .px-sm-2 {
        padding-left: .5rem !important
    }

    .section-wrapper .pb-sm-2,.section-wrapper .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .section-wrapper .pl-sm-2,.section-wrapper .px-sm-2 {
        padding-right: .5rem !important
    }

    .section-wrapper .p-sm-3 {
        padding: 1rem !important
    }

    .section-wrapper .pt-sm-3,.section-wrapper .py-sm-3 {
        padding-top: 1rem !important
    }

    .section-wrapper .pr-sm-3,.section-wrapper .px-sm-3 {
        padding-left: 1rem !important
    }

    .section-wrapper .pb-sm-3,.section-wrapper .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .section-wrapper .pl-sm-3,.section-wrapper .px-sm-3 {
        padding-right: 1rem !important
    }

    .section-wrapper .p-sm-4 {
        padding: 1.5rem !important
    }

    .section-wrapper .pt-sm-4,.section-wrapper .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .section-wrapper .pr-sm-4,.section-wrapper .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .section-wrapper .pb-sm-4,.section-wrapper .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .section-wrapper .pl-sm-4,.section-wrapper .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .section-wrapper .p-sm-5 {
        padding: 3rem !important
    }

    .section-wrapper .pt-sm-5,.section-wrapper .py-sm-5 {
        padding-top: 3rem !important
    }

    .section-wrapper .pr-sm-5,.section-wrapper .px-sm-5 {
        padding-left: 3rem !important
    }

    .section-wrapper .pb-sm-5,.section-wrapper .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .section-wrapper .pl-sm-5,.section-wrapper .px-sm-5 {
        padding-right: 3rem !important
    }

    .section-wrapper .m-sm-n1 {
        margin: -.25rem !important
    }

    .section-wrapper .mt-sm-n1,.section-wrapper .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .section-wrapper .mr-sm-n1,.section-wrapper .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .section-wrapper .mb-sm-n1,.section-wrapper .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .section-wrapper .ml-sm-n1,.section-wrapper .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .section-wrapper .m-sm-n2 {
        margin: -.5rem !important
    }

    .section-wrapper .mt-sm-n2,.section-wrapper .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .section-wrapper .mr-sm-n2,.section-wrapper .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .section-wrapper .mb-sm-n2,.section-wrapper .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .section-wrapper .ml-sm-n2,.section-wrapper .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .section-wrapper .m-sm-n3 {
        margin: -1rem !important
    }

    .section-wrapper .mt-sm-n3,.section-wrapper .my-sm-n3 {
        margin-top: -1rem !important
    }

    .section-wrapper .mr-sm-n3,.section-wrapper .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .section-wrapper .mb-sm-n3,.section-wrapper .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .section-wrapper .ml-sm-n3,.section-wrapper .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .section-wrapper .m-sm-n4 {
        margin: -1.5rem !important
    }

    .section-wrapper .mt-sm-n4,.section-wrapper .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .section-wrapper .mr-sm-n4,.section-wrapper .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .section-wrapper .mb-sm-n4,.section-wrapper .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .section-wrapper .ml-sm-n4,.section-wrapper .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .section-wrapper .m-sm-n5 {
        margin: -3rem !important
    }

    .section-wrapper .mt-sm-n5,.section-wrapper .my-sm-n5 {
        margin-top: -3rem !important
    }

    .section-wrapper .mr-sm-n5,.section-wrapper .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .section-wrapper .mb-sm-n5,.section-wrapper .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .section-wrapper .ml-sm-n5,.section-wrapper .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .section-wrapper .m-sm-auto {
        margin: auto !important
    }

    .section-wrapper .mt-sm-auto,.section-wrapper .my-sm-auto {
        margin-top: auto !important
    }

    .section-wrapper .mr-sm-auto,.section-wrapper .mx-sm-auto {
        margin-left: auto !important
    }

    .section-wrapper .mb-sm-auto,.section-wrapper .my-sm-auto {
        margin-bottom: auto !important
    }

    .section-wrapper .ml-sm-auto,.section-wrapper .mx-sm-auto {
        margin-right: auto !important
    }
}

@media(min-width: 1200px) {
    .section-wrapper .m-md-0 {
        margin:0 !important
    }

    .section-wrapper .mt-md-0,.section-wrapper .my-md-0 {
        margin-top: 0 !important
    }

    .section-wrapper .mr-md-0,.section-wrapper .mx-md-0 {
        margin-left: 0 !important
    }

    .section-wrapper .mb-md-0,.section-wrapper .my-md-0 {
        margin-bottom: 0 !important
    }

    .section-wrapper .ml-md-0,.section-wrapper .mx-md-0 {
        margin-right: 0 !important
    }

    .section-wrapper .m-md-1 {
        margin: .25rem !important
    }

    .section-wrapper .mt-md-1,.section-wrapper .my-md-1 {
        margin-top: .25rem !important
    }

    .section-wrapper .mr-md-1,.section-wrapper .mx-md-1 {
        margin-left: .25rem !important
    }

    .section-wrapper .mb-md-1,.section-wrapper .my-md-1 {
        margin-bottom: .25rem !important
    }

    .section-wrapper .ml-md-1,.section-wrapper .mx-md-1 {
        margin-right: .25rem !important
    }

    .section-wrapper .m-md-2 {
        margin: .5rem !important
    }

    .section-wrapper .mt-md-2,.section-wrapper .my-md-2 {
        margin-top: .5rem !important
    }

    .section-wrapper .mr-md-2,.section-wrapper .mx-md-2 {
        margin-left: .5rem !important
    }

    .section-wrapper .mb-md-2,.section-wrapper .my-md-2 {
        margin-bottom: .5rem !important
    }

    .section-wrapper .ml-md-2,.section-wrapper .mx-md-2 {
        margin-right: .5rem !important
    }

    .section-wrapper .m-md-3 {
        margin: 1rem !important
    }

    .section-wrapper .mt-md-3,.section-wrapper .my-md-3 {
        margin-top: 1rem !important
    }

    .section-wrapper .mr-md-3,.section-wrapper .mx-md-3 {
        margin-left: 1rem !important
    }

    .section-wrapper .mb-md-3,.section-wrapper .my-md-3 {
        margin-bottom: 1rem !important
    }

    .section-wrapper .ml-md-3,.section-wrapper .mx-md-3 {
        margin-right: 1rem !important
    }

    .section-wrapper .m-md-4 {
        margin: 1.5rem !important
    }

    .section-wrapper .mt-md-4,.section-wrapper .my-md-4 {
        margin-top: 1.5rem !important
    }

    .section-wrapper .mr-md-4,.section-wrapper .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .section-wrapper .mb-md-4,.section-wrapper .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .section-wrapper .ml-md-4,.section-wrapper .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .section-wrapper .m-md-5 {
        margin: 3rem !important
    }

    .section-wrapper .mt-md-5,.section-wrapper .my-md-5 {
        margin-top: 3rem !important
    }

    .section-wrapper .mr-md-5,.section-wrapper .mx-md-5 {
        margin-left: 3rem !important
    }

    .section-wrapper .mb-md-5,.section-wrapper .my-md-5 {
        margin-bottom: 3rem !important
    }

    .section-wrapper .ml-md-5,.section-wrapper .mx-md-5 {
        margin-right: 3rem !important
    }

    .section-wrapper .p-md-0 {
        padding: 0 !important
    }

    .section-wrapper .pt-md-0,.section-wrapper .py-md-0 {
        padding-top: 0 !important
    }

    .section-wrapper .pr-md-0,.section-wrapper .px-md-0 {
        padding-left: 0 !important
    }

    .section-wrapper .pb-md-0,.section-wrapper .py-md-0 {
        padding-bottom: 0 !important
    }

    .section-wrapper .pl-md-0,.section-wrapper .px-md-0 {
        padding-right: 0 !important
    }

    .section-wrapper .p-md-1 {
        padding: .25rem !important
    }

    .section-wrapper .pt-md-1,.section-wrapper .py-md-1 {
        padding-top: .25rem !important
    }

    .section-wrapper .pr-md-1,.section-wrapper .px-md-1 {
        padding-left: .25rem !important
    }

    .section-wrapper .pb-md-1,.section-wrapper .py-md-1 {
        padding-bottom: .25rem !important
    }

    .section-wrapper .pl-md-1,.section-wrapper .px-md-1 {
        padding-right: .25rem !important
    }

    .section-wrapper .p-md-2 {
        padding: .5rem !important
    }

    .section-wrapper .pt-md-2,.section-wrapper .py-md-2 {
        padding-top: .5rem !important
    }

    .section-wrapper .pr-md-2,.section-wrapper .px-md-2 {
        padding-left: .5rem !important
    }

    .section-wrapper .pb-md-2,.section-wrapper .py-md-2 {
        padding-bottom: .5rem !important
    }

    .section-wrapper .pl-md-2,.section-wrapper .px-md-2 {
        padding-right: .5rem !important
    }

    .section-wrapper .p-md-3 {
        padding: 1rem !important
    }

    .section-wrapper .pt-md-3,.section-wrapper .py-md-3 {
        padding-top: 1rem !important
    }

    .section-wrapper .pr-md-3,.section-wrapper .px-md-3 {
        padding-left: 1rem !important
    }

    .section-wrapper .pb-md-3,.section-wrapper .py-md-3 {
        padding-bottom: 1rem !important
    }

    .section-wrapper .pl-md-3,.section-wrapper .px-md-3 {
        padding-right: 1rem !important
    }

    .section-wrapper .p-md-4 {
        padding: 1.5rem !important
    }

    .section-wrapper .pt-md-4,.section-wrapper .py-md-4 {
        padding-top: 1.5rem !important
    }

    .section-wrapper .pr-md-4,.section-wrapper .px-md-4 {
        padding-left: 1.5rem !important
    }

    .section-wrapper .pb-md-4,.section-wrapper .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .section-wrapper .pl-md-4,.section-wrapper .px-md-4 {
        padding-right: 1.5rem !important
    }

    .section-wrapper .p-md-5 {
        padding: 3rem !important
    }

    .section-wrapper .pt-md-5,.section-wrapper .py-md-5 {
        padding-top: 3rem !important
    }

    .section-wrapper .pr-md-5,.section-wrapper .px-md-5 {
        padding-left: 3rem !important
    }

    .section-wrapper .pb-md-5,.section-wrapper .py-md-5 {
        padding-bottom: 3rem !important
    }

    .section-wrapper .pl-md-5,.section-wrapper .px-md-5 {
        padding-right: 3rem !important
    }

    .section-wrapper .m-md-n1 {
        margin: -.25rem !important
    }

    .section-wrapper .mt-md-n1,.section-wrapper .my-md-n1 {
        margin-top: -.25rem !important
    }

    .section-wrapper .mr-md-n1,.section-wrapper .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .section-wrapper .mb-md-n1,.section-wrapper .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .section-wrapper .ml-md-n1,.section-wrapper .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .section-wrapper .m-md-n2 {
        margin: -.5rem !important
    }

    .section-wrapper .mt-md-n2,.section-wrapper .my-md-n2 {
        margin-top: -.5rem !important
    }

    .section-wrapper .mr-md-n2,.section-wrapper .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .section-wrapper .mb-md-n2,.section-wrapper .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .section-wrapper .ml-md-n2,.section-wrapper .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .section-wrapper .m-md-n3 {
        margin: -1rem !important
    }

    .section-wrapper .mt-md-n3,.section-wrapper .my-md-n3 {
        margin-top: -1rem !important
    }

    .section-wrapper .mr-md-n3,.section-wrapper .mx-md-n3 {
        margin-left: -1rem !important
    }

    .section-wrapper .mb-md-n3,.section-wrapper .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .section-wrapper .ml-md-n3,.section-wrapper .mx-md-n3 {
        margin-right: -1rem !important
    }

    .section-wrapper .m-md-n4 {
        margin: -1.5rem !important
    }

    .section-wrapper .mt-md-n4,.section-wrapper .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .section-wrapper .mr-md-n4,.section-wrapper .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .section-wrapper .mb-md-n4,.section-wrapper .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .section-wrapper .ml-md-n4,.section-wrapper .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .section-wrapper .m-md-n5 {
        margin: -3rem !important
    }

    .section-wrapper .mt-md-n5,.section-wrapper .my-md-n5 {
        margin-top: -3rem !important
    }

    .section-wrapper .mr-md-n5,.section-wrapper .mx-md-n5 {
        margin-left: -3rem !important
    }

    .section-wrapper .mb-md-n5,.section-wrapper .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .section-wrapper .ml-md-n5,.section-wrapper .mx-md-n5 {
        margin-right: -3rem !important
    }

    .section-wrapper .m-md-auto {
        margin: auto !important
    }

    .section-wrapper .mt-md-auto,.section-wrapper .my-md-auto {
        margin-top: auto !important
    }

    .section-wrapper .mr-md-auto,.section-wrapper .mx-md-auto {
        margin-left: auto !important
    }

    .section-wrapper .mb-md-auto,.section-wrapper .my-md-auto {
        margin-bottom: auto !important
    }

    .section-wrapper .ml-md-auto,.section-wrapper .mx-md-auto {
        margin-right: auto !important
    }
}

@media(min-width: 1440px) {
    .section-wrapper .m-lg-0 {
        margin:0 !important
    }

    .section-wrapper .mt-lg-0,.section-wrapper .my-lg-0 {
        margin-top: 0 !important
    }

    .section-wrapper .mr-lg-0,.section-wrapper .mx-lg-0 {
        margin-left: 0 !important
    }

    .section-wrapper .mb-lg-0,.section-wrapper .my-lg-0 {
        margin-bottom: 0 !important
    }

    .section-wrapper .ml-lg-0,.section-wrapper .mx-lg-0 {
        margin-right: 0 !important
    }

    .section-wrapper .m-lg-1 {
        margin: .25rem !important
    }

    .section-wrapper .mt-lg-1,.section-wrapper .my-lg-1 {
        margin-top: .25rem !important
    }

    .section-wrapper .mr-lg-1,.section-wrapper .mx-lg-1 {
        margin-left: .25rem !important
    }

    .section-wrapper .mb-lg-1,.section-wrapper .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .section-wrapper .ml-lg-1,.section-wrapper .mx-lg-1 {
        margin-right: .25rem !important
    }

    .section-wrapper .m-lg-2 {
        margin: .5rem !important
    }

    .section-wrapper .mt-lg-2,.section-wrapper .my-lg-2 {
        margin-top: .5rem !important
    }

    .section-wrapper .mr-lg-2,.section-wrapper .mx-lg-2 {
        margin-left: .5rem !important
    }

    .section-wrapper .mb-lg-2,.section-wrapper .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .section-wrapper .ml-lg-2,.section-wrapper .mx-lg-2 {
        margin-right: .5rem !important
    }

    .section-wrapper .m-lg-3 {
        margin: 1rem !important
    }

    .section-wrapper .mt-lg-3,.section-wrapper .my-lg-3 {
        margin-top: 1rem !important
    }

    .section-wrapper .mr-lg-3,.section-wrapper .mx-lg-3 {
        margin-left: 1rem !important
    }

    .section-wrapper .mb-lg-3,.section-wrapper .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .section-wrapper .ml-lg-3,.section-wrapper .mx-lg-3 {
        margin-right: 1rem !important
    }

    .section-wrapper .m-lg-4 {
        margin: 1.5rem !important
    }

    .section-wrapper .mt-lg-4,.section-wrapper .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .section-wrapper .mr-lg-4,.section-wrapper .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .section-wrapper .mb-lg-4,.section-wrapper .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .section-wrapper .ml-lg-4,.section-wrapper .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .section-wrapper .m-lg-5 {
        margin: 3rem !important
    }

    .section-wrapper .mt-lg-5,.section-wrapper .my-lg-5 {
        margin-top: 3rem !important
    }

    .section-wrapper .mr-lg-5,.section-wrapper .mx-lg-5 {
        margin-left: 3rem !important
    }

    .section-wrapper .mb-lg-5,.section-wrapper .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .section-wrapper .ml-lg-5,.section-wrapper .mx-lg-5 {
        margin-right: 3rem !important
    }

    .section-wrapper .p-lg-0 {
        padding: 0 !important
    }

    .section-wrapper .pt-lg-0,.section-wrapper .py-lg-0 {
        padding-top: 0 !important
    }

    .section-wrapper .pr-lg-0,.section-wrapper .px-lg-0 {
        padding-left: 0 !important
    }

    .section-wrapper .pb-lg-0,.section-wrapper .py-lg-0 {
        padding-bottom: 0 !important
    }

    .section-wrapper .pl-lg-0,.section-wrapper .px-lg-0 {
        padding-right: 0 !important
    }

    .section-wrapper .p-lg-1 {
        padding: .25rem !important
    }

    .section-wrapper .pt-lg-1,.section-wrapper .py-lg-1 {
        padding-top: .25rem !important
    }

    .section-wrapper .pr-lg-1,.section-wrapper .px-lg-1 {
        padding-left: .25rem !important
    }

    .section-wrapper .pb-lg-1,.section-wrapper .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .section-wrapper .pl-lg-1,.section-wrapper .px-lg-1 {
        padding-right: .25rem !important
    }

    .section-wrapper .p-lg-2 {
        padding: .5rem !important
    }

    .section-wrapper .pt-lg-2,.section-wrapper .py-lg-2 {
        padding-top: .5rem !important
    }

    .section-wrapper .pr-lg-2,.section-wrapper .px-lg-2 {
        padding-left: .5rem !important
    }

    .section-wrapper .pb-lg-2,.section-wrapper .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .section-wrapper .pl-lg-2,.section-wrapper .px-lg-2 {
        padding-right: .5rem !important
    }

    .section-wrapper .p-lg-3 {
        padding: 1rem !important
    }

    .section-wrapper .pt-lg-3,.section-wrapper .py-lg-3 {
        padding-top: 1rem !important
    }

    .section-wrapper .pr-lg-3,.section-wrapper .px-lg-3 {
        padding-left: 1rem !important
    }

    .section-wrapper .pb-lg-3,.section-wrapper .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .section-wrapper .pl-lg-3,.section-wrapper .px-lg-3 {
        padding-right: 1rem !important
    }

    .section-wrapper .p-lg-4 {
        padding: 1.5rem !important
    }

    .section-wrapper .pt-lg-4,.section-wrapper .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .section-wrapper .pr-lg-4,.section-wrapper .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .section-wrapper .pb-lg-4,.section-wrapper .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .section-wrapper .pl-lg-4,.section-wrapper .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .section-wrapper .p-lg-5 {
        padding: 3rem !important
    }

    .section-wrapper .pt-lg-5,.section-wrapper .py-lg-5 {
        padding-top: 3rem !important
    }

    .section-wrapper .pr-lg-5,.section-wrapper .px-lg-5 {
        padding-left: 3rem !important
    }

    .section-wrapper .pb-lg-5,.section-wrapper .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .section-wrapper .pl-lg-5,.section-wrapper .px-lg-5 {
        padding-right: 3rem !important
    }

    .section-wrapper .m-lg-n1 {
        margin: -.25rem !important
    }

    .section-wrapper .mt-lg-n1,.section-wrapper .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .section-wrapper .mr-lg-n1,.section-wrapper .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .section-wrapper .mb-lg-n1,.section-wrapper .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .section-wrapper .ml-lg-n1,.section-wrapper .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .section-wrapper .m-lg-n2 {
        margin: -.5rem !important
    }

    .section-wrapper .mt-lg-n2,.section-wrapper .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .section-wrapper .mr-lg-n2,.section-wrapper .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .section-wrapper .mb-lg-n2,.section-wrapper .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .section-wrapper .ml-lg-n2,.section-wrapper .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .section-wrapper .m-lg-n3 {
        margin: -1rem !important
    }

    .section-wrapper .mt-lg-n3,.section-wrapper .my-lg-n3 {
        margin-top: -1rem !important
    }

    .section-wrapper .mr-lg-n3,.section-wrapper .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .section-wrapper .mb-lg-n3,.section-wrapper .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .section-wrapper .ml-lg-n3,.section-wrapper .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .section-wrapper .m-lg-n4 {
        margin: -1.5rem !important
    }

    .section-wrapper .mt-lg-n4,.section-wrapper .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .section-wrapper .mr-lg-n4,.section-wrapper .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .section-wrapper .mb-lg-n4,.section-wrapper .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .section-wrapper .ml-lg-n4,.section-wrapper .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .section-wrapper .m-lg-n5 {
        margin: -3rem !important
    }

    .section-wrapper .mt-lg-n5,.section-wrapper .my-lg-n5 {
        margin-top: -3rem !important
    }

    .section-wrapper .mr-lg-n5,.section-wrapper .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .section-wrapper .mb-lg-n5,.section-wrapper .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .section-wrapper .ml-lg-n5,.section-wrapper .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .section-wrapper .m-lg-auto {
        margin: auto !important
    }

    .section-wrapper .mt-lg-auto,.section-wrapper .my-lg-auto {
        margin-top: auto !important
    }

    .section-wrapper .mr-lg-auto,.section-wrapper .mx-lg-auto {
        margin-left: auto !important
    }

    .section-wrapper .mb-lg-auto,.section-wrapper .my-lg-auto {
        margin-bottom: auto !important
    }

    .section-wrapper .ml-lg-auto,.section-wrapper .mx-lg-auto {
        margin-right: auto !important
    }
}

@media(min-width: 1600px) {
    .section-wrapper .m-xl-0 {
        margin:0 !important
    }

    .section-wrapper .mt-xl-0,.section-wrapper .my-xl-0 {
        margin-top: 0 !important
    }

    .section-wrapper .mr-xl-0,.section-wrapper .mx-xl-0 {
        margin-left: 0 !important
    }

    .section-wrapper .mb-xl-0,.section-wrapper .my-xl-0 {
        margin-bottom: 0 !important
    }

    .section-wrapper .ml-xl-0,.section-wrapper .mx-xl-0 {
        margin-right: 0 !important
    }

    .section-wrapper .m-xl-1 {
        margin: .25rem !important
    }

    .section-wrapper .mt-xl-1,.section-wrapper .my-xl-1 {
        margin-top: .25rem !important
    }

    .section-wrapper .mr-xl-1,.section-wrapper .mx-xl-1 {
        margin-left: .25rem !important
    }

    .section-wrapper .mb-xl-1,.section-wrapper .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .section-wrapper .ml-xl-1,.section-wrapper .mx-xl-1 {
        margin-right: .25rem !important
    }

    .section-wrapper .m-xl-2 {
        margin: .5rem !important
    }

    .section-wrapper .mt-xl-2,.section-wrapper .my-xl-2 {
        margin-top: .5rem !important
    }

    .section-wrapper .mr-xl-2,.section-wrapper .mx-xl-2 {
        margin-left: .5rem !important
    }

    .section-wrapper .mb-xl-2,.section-wrapper .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .section-wrapper .ml-xl-2,.section-wrapper .mx-xl-2 {
        margin-right: .5rem !important
    }

    .section-wrapper .m-xl-3 {
        margin: 1rem !important
    }

    .section-wrapper .mt-xl-3,.section-wrapper .my-xl-3 {
        margin-top: 1rem !important
    }

    .section-wrapper .mr-xl-3,.section-wrapper .mx-xl-3 {
        margin-left: 1rem !important
    }

    .section-wrapper .mb-xl-3,.section-wrapper .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .section-wrapper .ml-xl-3,.section-wrapper .mx-xl-3 {
        margin-right: 1rem !important
    }

    .section-wrapper .m-xl-4 {
        margin: 1.5rem !important
    }

    .section-wrapper .mt-xl-4,.section-wrapper .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .section-wrapper .mr-xl-4,.section-wrapper .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .section-wrapper .mb-xl-4,.section-wrapper .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .section-wrapper .ml-xl-4,.section-wrapper .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .section-wrapper .m-xl-5 {
        margin: 3rem !important
    }

    .section-wrapper .mt-xl-5,.section-wrapper .my-xl-5 {
        margin-top: 3rem !important
    }

    .section-wrapper .mr-xl-5,.section-wrapper .mx-xl-5 {
        margin-left: 3rem !important
    }

    .section-wrapper .mb-xl-5,.section-wrapper .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .section-wrapper .ml-xl-5,.section-wrapper .mx-xl-5 {
        margin-right: 3rem !important
    }

    .section-wrapper .p-xl-0 {
        padding: 0 !important
    }

    .section-wrapper .pt-xl-0,.section-wrapper .py-xl-0 {
        padding-top: 0 !important
    }

    .section-wrapper .pr-xl-0,.section-wrapper .px-xl-0 {
        padding-left: 0 !important
    }

    .section-wrapper .pb-xl-0,.section-wrapper .py-xl-0 {
        padding-bottom: 0 !important
    }

    .section-wrapper .pl-xl-0,.section-wrapper .px-xl-0 {
        padding-right: 0 !important
    }

    .section-wrapper .p-xl-1 {
        padding: .25rem !important
    }

    .section-wrapper .pt-xl-1,.section-wrapper .py-xl-1 {
        padding-top: .25rem !important
    }

    .section-wrapper .pr-xl-1,.section-wrapper .px-xl-1 {
        padding-left: .25rem !important
    }

    .section-wrapper .pb-xl-1,.section-wrapper .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .section-wrapper .pl-xl-1,.section-wrapper .px-xl-1 {
        padding-right: .25rem !important
    }

    .section-wrapper .p-xl-2 {
        padding: .5rem !important
    }

    .section-wrapper .pt-xl-2,.section-wrapper .py-xl-2 {
        padding-top: .5rem !important
    }

    .section-wrapper .pr-xl-2,.section-wrapper .px-xl-2 {
        padding-left: .5rem !important
    }

    .section-wrapper .pb-xl-2,.section-wrapper .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .section-wrapper .pl-xl-2,.section-wrapper .px-xl-2 {
        padding-right: .5rem !important
    }

    .section-wrapper .p-xl-3 {
        padding: 1rem !important
    }

    .section-wrapper .pt-xl-3,.section-wrapper .py-xl-3 {
        padding-top: 1rem !important
    }

    .section-wrapper .pr-xl-3,.section-wrapper .px-xl-3 {
        padding-left: 1rem !important
    }

    .section-wrapper .pb-xl-3,.section-wrapper .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .section-wrapper .pl-xl-3,.section-wrapper .px-xl-3 {
        padding-right: 1rem !important
    }

    .section-wrapper .p-xl-4 {
        padding: 1.5rem !important
    }

    .section-wrapper .pt-xl-4,.section-wrapper .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .section-wrapper .pr-xl-4,.section-wrapper .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .section-wrapper .pb-xl-4,.section-wrapper .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .section-wrapper .pl-xl-4,.section-wrapper .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .section-wrapper .p-xl-5 {
        padding: 3rem !important
    }

    .section-wrapper .pt-xl-5,.section-wrapper .py-xl-5 {
        padding-top: 3rem !important
    }

    .section-wrapper .pr-xl-5,.section-wrapper .px-xl-5 {
        padding-left: 3rem !important
    }

    .section-wrapper .pb-xl-5,.section-wrapper .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .section-wrapper .pl-xl-5,.section-wrapper .px-xl-5 {
        padding-right: 3rem !important
    }

    .section-wrapper .m-xl-n1 {
        margin: -.25rem !important
    }

    .section-wrapper .mt-xl-n1,.section-wrapper .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .section-wrapper .mr-xl-n1,.section-wrapper .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .section-wrapper .mb-xl-n1,.section-wrapper .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .section-wrapper .ml-xl-n1,.section-wrapper .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .section-wrapper .m-xl-n2 {
        margin: -.5rem !important
    }

    .section-wrapper .mt-xl-n2,.section-wrapper .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .section-wrapper .mr-xl-n2,.section-wrapper .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .section-wrapper .mb-xl-n2,.section-wrapper .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .section-wrapper .ml-xl-n2,.section-wrapper .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .section-wrapper .m-xl-n3 {
        margin: -1rem !important
    }

    .section-wrapper .mt-xl-n3,.section-wrapper .my-xl-n3 {
        margin-top: -1rem !important
    }

    .section-wrapper .mr-xl-n3,.section-wrapper .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .section-wrapper .mb-xl-n3,.section-wrapper .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .section-wrapper .ml-xl-n3,.section-wrapper .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .section-wrapper .m-xl-n4 {
        margin: -1.5rem !important
    }

    .section-wrapper .mt-xl-n4,.section-wrapper .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .section-wrapper .mr-xl-n4,.section-wrapper .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .section-wrapper .mb-xl-n4,.section-wrapper .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .section-wrapper .ml-xl-n4,.section-wrapper .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .section-wrapper .m-xl-n5 {
        margin: -3rem !important
    }

    .section-wrapper .mt-xl-n5,.section-wrapper .my-xl-n5 {
        margin-top: -3rem !important
    }

    .section-wrapper .mr-xl-n5,.section-wrapper .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .section-wrapper .mb-xl-n5,.section-wrapper .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .section-wrapper .ml-xl-n5,.section-wrapper .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .section-wrapper .m-xl-auto {
        margin: auto !important
    }

    .section-wrapper .mt-xl-auto,.section-wrapper .my-xl-auto {
        margin-top: auto !important
    }

    .section-wrapper .mr-xl-auto,.section-wrapper .mx-xl-auto {
        margin-left: auto !important
    }

    .section-wrapper .mb-xl-auto,.section-wrapper .my-xl-auto {
        margin-bottom: auto !important
    }

    .section-wrapper .ml-xl-auto,.section-wrapper .mx-xl-auto {
        margin-right: auto !important
    }
}

.zain-solutions_slider .slide .slide-bg {
    min-height: 415px;
    background-size: cover;
    background-position: center top;
    border-radius: 0;
    position: relative;
    border-radius: 0 8px 8px 8px
}

.zain-solutions_slider .slide .slide-bg::after {
    border-radius: 0 8px 8px 8px;
    content: "";
    background: rgba(0,0,0,.4);
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.zain-solutions_slider .main-heading {
    color: #fff
}

.zain-solutions_slider p {
    color: #fff
}

.zain-solutions_slider .slanted {
    background: #23b7c0;
    color: #fff;
    font-weight: 700;
    letter-spacing: .35px;
    text-align: right;
    color: #fff;
    padding: 3px 15px 3px 20px;
    text-transform: uppercase;
    border-radius: 3px 0 0 0;
    -webkit-box-shadow: 5px 3px 9px rgba(0,0,0,.16);
    box-shadow: 5px 3px 9px rgba(0,0,0,.16);
    display: inline-block;
    position: relative
}

.zain-solutions_slider .slanted::before {
    content: "";
    background: #23b7c0;
    height: 100%;
    width: 38px;
    position: absolute;
    top: 0;
    right: -10px;
    -webkit-transform: skew(-35deg);
    transform: skew(-35deg);
    z-index: -1;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.16);
    box-shadow: 0 3px 9px rgba(0,0,0,.16)
}

.section-checkout_progressbar.mb-3.pb-3.mb-sm-5.pb-sm-0.sticky {
    z-index: 0
}

.slanted::before {
    right: -16px;
    width: 25px
}

.zain-solutions_slider .slide-label {
    text-align: left
}

.partner-slider .slick-arrow.prev {
    height: 45px;
    min-width: 45px !important;
    width: 45px;
    right: -90px;
    top: 50%;
    margin-top: -37px
}

.partner-section .main-heading {
    position: relative;
    padding-top: 50px;
    margin-top: 30px
}

.partner-section .main-heading::before {
    content: "";
    position: absolute;
    top: 0;
    height: 2px;
    width: calc(100% + 1000px);
    left: 0;
    background: #d12b8a
}

.partner-section img {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.partner-section img:hover {
    opacity: .5
}

.zain-fullwidth button {
    min-width: auto !important
}

.zain-fullwidth .action button {
    margin-top: 10px
}

.custom-banner-slider-business .slick-list {
    overflow: inherit
}

.custom-banner-slider-business .slick-slide img {
    width: 100%;
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover
}

.custom-banner-slider-business .slick-slide h1 {
    font-size: 24px
}

.custom-banner-slider-business .slick-slide {
    position: relative
}

.custom-banner-slider-business .slide-content.light-font {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.custom-banner-slider-business {
    padding-bottom: 35px !important;
    margin-bottom: 30px
}

.custom-banner-slider-business .slick-slide h1 {
    color: #fff
}

.custom-banner-slider-business .slick-slide h3 {
    color: #fff
}

.custom-banner-slider-business .slide-content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-heading {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-heading span {
    margin-right: 0 !important;
    margin-top: 10px
}

.main-heading .btn-pc-5.btn-remove {
    margin-left: 40px
}

.custom-banner-slider-business .slide-bg::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6)
}

@media(min-width: 1200px) {
    .special-solutions .viewmore-link .btn.btn-link {
        padding:5px !important;
        max-width: 370px;
        width: 100%;
        background: 0;
        border-radius: 7px !important
    }

    .special-boxes {
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.161);
        box-shadow: 0 3px 9px rgba(0,0,0,.161);
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .special-boxes .half {
        display: block;
        width: 50%;
        -webkit-box-flex: 100;
        -ms-flex: 100;
        flex: 100
    }

    .special-main img {
        width: 100%
    }

    .boxes-content {
        padding: 60px 60px 40px 60px;
        display: block
    }

    .boxes-content h3 {
        text-transform: capitalize;
        font-size: 34px
    }

    .boxes-content>p {
        color: #727272;
        font-size: 16px
    }

    .special-procs ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #d12b8a
    }

    .special-procs ul li {
        -webkit-box-flex: 100;
        -ms-flex: 100;
        flex: 100;
        text-align: center
    }

    .special-procs ul li a {
        padding-bottom: 20px;
        display: inline-block;
        padding-right: 20px;
        padding-left: 20px;
        border-bottom: 2px solid transparent;
        position: relative;
        width: 100%
    }

    .special-procs ul li span {
        display: block;
        color: #727272;
        margin: 10px -20px 0;
        border-right: 1px solid #e7e7ed
    }

    .special-procs ul li a:hover {
        border-bottom: 2px solid #d12b8a
    }

    .special-procs ul li a:hover span {
        color: #333
    }

    .special-procs ul li:first-child a span {
        border-color: transparent
    }

    .box-pricing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .box-pricing .price-tag {
        margin-top: 0
    }

    .box-pricing .price-tag p {
        margin-bottom: 0
    }

    .box-pricing .price-tag h4 {
        font-size: 20px;
        margin-bottom: 0
    }

    .box-pricing .price-tag small {
        font-family: NunitoSans-Regular,sans-serif
    }

    .box-pricing .action {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 20px
    }

    .special-procs ul li span {
        border-right: 1px solid #e7e7ed;
        border-left: 0
    }
}

@media(min-width: 280px) and (max-width:1199px) {
    .special-boxes {
        display:inline-block;
        width: 100%
    }

    .special-boxes .half {
        width: 100%;
        float: right;
        border-radius: 5px;
        overflow: hidden
    }

    .special-boxes .boxes-content {
        padding: 20px 20px 40px 20px
    }

    .box-pricing .btn.btn-pc-3 {
        min-width: 110px
    }

    .box-pricing {
        display: inline-block
    }

    .box-pricing .action {
        padding-right: 0;
        margin-top: 10px
    }

    .box-pricing .price-tag {
        border: 0 !important
    }

    .special-procs ul li a img {
        max-width: 40px
    }

    .special-procs ul li span {
        font-size: 12px
    }

    .solution-boxes {
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.161);
        box-shadow: 0 3px 9px rgba(0,0,0,.161);
        border-radius: 10px;
        display: block !important
    }

    .solution-boxes .half {
        width: 100%;
        -webkit-box-flex: 100;
        -ms-flex: 100;
        flex: 100
    }
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.zain-fullwidth button {
    min-width: auto !important
}

.zain-fullwidth .action button {
    margin-top: 10px
}

.custom-banner-slider-business .slick-list {
    overflow: inherit
}

.custom-banner-slider-business .slick-slide img {
    width: 100%;
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover
}

.custom-banner-slider-business .slick-slide h1 {
    font-size: 24px
}

.custom-banner-slider-business .slick-slide {
    position: relative
}

.custom-banner-slider-business .slide-content.light-font {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.custom-banner-slider-business {
    padding-bottom: 35px !important;
    margin-bottom: 30px
}

.custom-banner-slider-business .slick-slide h1 {
    color: #fff
}

.custom-banner-slider-business .slick-slide h3 {
    color: #fff
}

.custom-banner-slider-business .slide-content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-heading {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-heading span {
    margin-right: 0 !important;
    margin-top: 10px
}

.main-heading .btn-pc-5.btn-remove {
    margin-left: 40px
}

.custom-banner-slider-business .slide-bg::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6)
}

.flag-section .custom-radio {
    border-radius: 6px !important;
    width: 100%;
    padding: 10px 20px !important
}

.map-search {
    position: absolute;
    top: 40px;
    right: 5%;
    left: 5%
}

.map-search .map-search-section-list .btn {
    width: 84%
}

.traveling-search #searchnmbrs input {
    font-size: 16px !important;
    width: 100% !important
}

.map-search .map-search-section input {
    width: 100% !important;
    padding: 19px 165px 19px 25px !important;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    box-shadow: 0 3px 6px rgba(0,0,0,.2)
}

.map-search .map-search-section .main-search-btn {
    position: absolute;
    top: 9px;
    left: 65px;
    min-height: 40px;
    padding-bottom: 3px;
    border-radius: 5px
}

.borderless-roming .content-wrapper {
    max-width: 630px !important
}

.borderless-roming .slick-dots {
    display: none !important
}

.borderless-roming .slick-slide .raoming-icon {
    display: inline-block !important;
    margin-bottom: 20px
}

.traveling-search .main-search-btn {
    top: 36px !important;
    left: 15px !important
}

.traveling-search .map-search {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important
}

.flag-section {
    padding: 50px 0 70px
}

.flag-section .custom-radio {
    border-radius: 6px !important;
    width: 100%;
    padding: 10px 20px !important
}

.flag-section .btn.custom-radio.active::after {
    display: none !important
}

.flag-section .btn.custom-radio.active::before {
    display: none !important
}

.flag-section .custom-radio label {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important
}

.map-search-section-location-delivery-options h3 {
    margin: 5px 0;
    padding: 0;
    font-weight: 600
}

.map-search-section-location-delivery-options h3 span {
    display: block;
    color: #d12b8a
}

.map-search-section-location-delivery-options p {
    font-size: 12px;
    margin: 5px 0;
    opacity: .4
}

.map-search-section-location-delivery-options .custom-radio input+label {
    padding-right: 45px
}

.map-search-section {
    position: relative;
    z-index: 1
}

.map-search {
    position: absolute;
    top: 40px;
    right: 20%;
    left: 20%
}

.map-search .map-search-section input {
    width: 100% !important;
    padding: 19px 165px 19px 25px !important;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    box-shadow: 0 3px 6px rgba(0,0,0,.2)
}

.map-search .map-search-section .main-search-btn {
    position: absolute;
    top: 9px;
    left: 65px;
    min-height: 40px;
    padding-bottom: 3px;
    border-radius: 5px
}

.map-search .map-search-section .main-search-btn i {
    font-size: 20px
}

.map-search .map-search-section img {
    position: absolute;
    left: 20px;
    top: 13px !important;
    padding: 6px;
    -webkit-box-shadow: 2px 3px 11px #a4a4a4;
    box-shadow: 2px 3px 11px #a4a4a4;
    border-radius: 3px
}

.map-search .map-search-section-list {
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.map-search .map-search-section-list .btn {
    width: 66%
}

.btn.btn-pink-outline {
    border: #d12b8a solid 2px
}

.pink-text {
    line-height: 44px;
    font-weight: 400;
    color: #d12b8a !important
}

.map-search-section-location-list {
    max-height: 250px;
    overflow: auto
}

.map-search-section-location-list li {
    position: relative;
    padding: 15px 120px;
    padding-right: 80px
}

.map-search-section-location-list li.active {
    background: #fdf2f8 !important
}

.map-search-section-location-list li:after {
    content: "";
    height: 1px;
    background: #000;
    opacity: .1;
    display: block;
    position: absolute;
    top: 100%;
    z-index: 1;
    right: 30px;
    left: 30px
}

.map-search-section-location-list li.active:after {
    display: none
}

.map-search-section-location-list li .map-searched-name {
    color: #cd2890
}

.map-search-section-location-list .map-list-counter {
    position: absolute;
    right: 25px;
    font-weight: 700 !important;
    top: 15px;
    border-radius: 50%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #d12b8a;
    width: 35px;
    border: 1px solid #d12b8a
}

.map-search-section-location-list li h4 {
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding-bottom: 15px
}

.map-search-section-location-list li p {
    color: #b4a9af;
    margin: 0;
    font-size: 13px
}

.map-search-section-location-detail {
    border: rgba(0,0,0,.1) solid 1px;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    margin-top: -8px;
    border-top: 0;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1);
    box-shadow: 0 3px 6px rgba(0,0,0,.1)
}

.map-search-section-location-detail .map-search-section-location-list li {
    background: 0 0 !important
}

.map-search-section-location-detail .map-search-section-location-list {
    overflow: visible;
    max-height: none;
    padding-right: 25px
}

.map-search-section-location-detail .map-search-section-location-list li h4 {
    border: 0;
    padding-bottom: 0
}

.map-search-section-location-detail .map-search-section-location-list li:after {
    display: none
}

.map-search-section-location-detail .map-search-section-location-list .map-list-counter,.map-search-section-location-list li.active .map-list-counter {
    font-size: 0;
    background: #d12b8a
}

.map-search-section-location-detail .map-search-section-location-list .map-list-counter:after,.map-search-section-location-list li.active .map-list-counter:after {
    content: "✓";
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    line-height: 35px;
    width: 35px;
    height: 35px;
    color: #fff
}

.offer-timer {
    float: right;
    background: #ffe4f4;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 100px;
    right: 0;
    left: 0
}

.offer-timer>p {
    margin: 0 0 0 15px;
    font-family: NunitoSans-Black !important;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px !important
}

.offer-timer .position {
    float: right;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countdownHolder>span {
    float: right;
    width: 1.4em;
    background-color: #444;
    border-radius: .2em;
    text-align: center;
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
    width: 39px;
    text-align: center !important;
    height: 39px;
    padding: 3px 5px 0 0
}

.countdownHolder>span {
    -webkit-box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(50%,#3a3a3a),color-stop(50%,#000));
    background-image: linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -ms-linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(.5,#3a3a3a),color-stop(.5,#000))
}

.offer-timer .timeTo>div.first {
    -webkit-box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(50%,#3a3a3a),color-stop(50%,#000));
    background-image: linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -ms-linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(.5,#3a3a3a),color-stop(.5,#000));
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 19px;
    height: 38px;
    display: inline-block;
    padding-right: 4px
}

.offer-timer .timeTo>div.first+div {
    -webkit-box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    box-shadow: 1px 1px 1px rgba(4,4,4,.35);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(50%,#3a3a3a),color-stop(50%,#000));
    background-image: linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -ms-linear-gradient(bottom,#3a3a3a 50%,#000 50%);
    background-image: -webkit-gradient(linear,right bottom,right top,color-stop(.5,#3a3a3a),color-stop(.5,#000));
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 19px;
    height: 38px;
    display: inline-block;
    padding-left: 4px;
    margin-left: 10px !important
}

.countDiv {
    display: inline-block;
    width: 10px !important;
    height: 1.6em;
    visibility: hidden
}

.countDiv:after,.countDiv:before {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #444;
    border-radius: 50%;
    right: 50%;
    margin-right: -3px;
    top: .5em;
    -webkit-box-shadow: 1px 1px 1px rgba(4,4,4,.5);
    box-shadow: 1px 1px 1px rgba(4,4,4,.5);
    content: ""
}

.countDiv:after {
    top: .9em
}

.countSeconds {
    display: none !important
}

.countDays::after {
    text-transform: capitalize;
    content: "days";
    font-size: 10px;
    color: #000;
    float: right;
    width: 100%;
    letter-spacing: 0;
    margin-right: -3px;
    margin-top: 5px
}

.countHours::after {
    text-transform: capitalize;
    content: "Hrs";
    font-size: 10px;
    color: #000;
    float: right;
    width: 100%;
    letter-spacing: 0;
    margin-right: -2px;
    margin-top: 5px
}

.countMinutes::after {
    text-transform: capitalize;
    content: "mins";
    font-size: 10px;
    color: #000;
    float: right;
    width: 100%;
    letter-spacing: 0;
    margin-right: -3px;
    margin-top: 5px
}

.timings ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 10px;
    margin-top: 10px
}

.timings ul li {
    width: 38px;
    margin-left: 10px
}

.timings ul li:last-child {
    margin-left: 0
}

@media(min-width: 1199px) and (max-width:1399px) {
    .offer-timer {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.offer-timer .timeTo ul li:first-child {
    display: none
}

.offer-timer .timeTo>div {
    display: inline-block
}

.offer-timer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0
}

.offer-timer>p {
    margin: 0 0 5px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.offer-timer {
    position: relative;
    width: 100%;
    bottom: auto
}

@media(min-width: 320px) and (max-width:767px) {
    .top_selected_section .slide .slide-bg {
        min-height:300px
    }

    .top_selected_section .slide .slide-content {
        padding: 35px
    }

    .main-heading a {
        font-size: 10px !important
    }

    .main-heading {
        font-size: 15px
    }

    .pagezainlife-slider .slick-slide img {
        width: 100%;
        min-height: 400px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .pagezainlife-slider .slick-slide h1 {
        font-size: 24px
    }
}

@media(min-width: 1200px) and (max-width:1600px) {
    .zain-solutions_slider .slide .slide-content {
        padding:80px 35px 60px 35px
    }
}

.pagezainlife-slider .slick-slide h1 {
    text-transform: uppercase
}

.pagezainlife-slider .slick-slide h3 {
    font-size: 20px;
    margin-bottom: 30px
}

.pagezainlife-slider .slick-slide {
    position: relative
}

.pagezainlife-slider .slide-content.light-font {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.pagezainlife-slider {
    padding-bottom: 35px !important;
    margin-bottom: 30px
}

.pagezainlife-slider .slick-slide h1 {
    color: #fff
}

.pagezainlife-slider .slick-slide h3 {
    color: #fff
}

.pagezainlife-slider .slide-content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pagezainlife-slider .slide-content>div .action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.attractive_offers_template .slick-track {
    width: 1270px !important
}

.zain-fullwidth .pagezainlife-slider .slick-dots li button {
    height: auto
}

.top_selected_section.explore-zain {
    padding-bottom: 20px !important
}

.pagezainlife-slider .slick-arrow.next {
    height: 45px;
    min-width: 45px !important;
    width: 45px;
    left: 30px;
    top: 50%;
    margin-top: -22px
}

.pagezainlife-slider .slick-arrow.prev {
    height: 45px;
    min-width: 45px !important;
    width: 45px;
    right: 30px;
    top: 50%;
    margin-top: -22px
}

.pagezainlife-slider .slick-slide img {
    width: 100%
}

.border-less-roaming-custom-container .card-img-top {
    width: auto !important
}

.border-less-roaming-custom-container .countries-disabled {
    display: none
}

.border-less-roaming-custom-container .hide-offers-custom {
    display: none
}

.border-less-roaming-custom-container h5,.h5 {
    font-size: .875rem
}

.border-less-roaming-custom-container .radio-wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.border-less-roaming-custom-container .radio-wraper .btn {
    position: relative;
    padding: 0;
    min-width: auto;
    min-height: auto
}

.border-less-roaming-custom-container .radio-wraper .btn:active {
    z-index: 0
}

.border-less-roaming-custom-container .radio-wraper .btn.custom-radio {
    border: 1px solid #e3e3e3;
    height: 70px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal
}

.border-less-roaming-custom-container .radio-wraper .btn.custom-radio label {
    padding: 0;
    text-transform: none;
    font-family: NunitoSans-Regular,sans-serif;
    color: #727272;
    font-weight: 100;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.border-less-roaming-custom-container .radio-wraper .btn.custom-radio label::after,.border-less-roaming-custom-container .radio-wraper .btn.custom-radio label::before {
    display: none
}

.border-less-roaming-custom-container .radio-wraper .btn.custom-radio.active {
    transition: 0;
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
    -o-transition: 0;
    border: 2px solid #d12b8a;
    position: relative
}

.border-less-roaming-custom-container .radio-wraper .btn.custom-radio.active label {
    font-family: NunitoSans-Black,sans-serif;
    color: #000
}

.border-less-roaming-custom-container .radio-wraper .btn.custom-radio.active:active {
    z-index: 1
}

.border-less-roaming-custom-container .radio-wraper .btn.custom-radio.active:before {
    content: "";
    height: 25px;
    width: 25px;
    background: #d12b8a;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -12.5px;
    top: -12.5px;
    z-index: 1
}

.border-less-roaming-custom-container .radio-wraper .btn.custom-radio.active::after {
    content: "";
    position: absolute;
    height: 12px;
    width: 6px;
    display: inline-block;
    background: 0;
    border: 2px solid #fff;
    top: -7px;
    left: -3.5px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 0;
    border-right: 0
}

.border-less-roaming-custom-container .btn-group .btn {
    border-radius: 0;
    padding: 0 50px;
    min-height: 55px
}

.border-less-roaming-custom-container .btn-group .btn:first-child {
    border-radius: 0 5px 5px 0
}

.border-less-roaming-custom-container .btn-group .btn:last-child {
    border-radius: 5px 0 0 5px
}

.border-less-roaming-custom-container .btn-group .btn+.btn {
    margin-right: -1px
}

.border-less-roaming-custom-container .traveling-search .main-search-btn {
    top: 36px !important;
    left: 15px !important
}

.border-less-roaming-custom-container .traveling-search .map-search {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important
}

.border-less-roaming-custom-container .flag-section {
    padding: 50px 0 70px
}

.border-less-roaming-custom-container .flag-section .custom-radio {
    border-radius: 6px !important;
    width: 100%;
    padding: 10px 20px !important
}

.border-less-roaming-custom-container .flag-section .btn.custom-radio.active::after {
    display: none !important
}

.border-less-roaming-custom-container .flag-section .btn.custom-radio.active::before {
    display: none !important
}

.border-less-roaming-custom-container .flag-section .custom-radio label {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important
}

.border-less-roaming-custom-container .trevaling-search {
    padding: 20px !important 100px 0
}

.border-less-roaming-custom-container .country-roaming {
    padding: 40px 0
}

.border-less-roaming-custom-container .country-roaming .card {
    background: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 20px 40px;
    height: 180px
}

.border-less-roaming-custom-container .country-roaming .custom-radio {
    height: auto !important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    box-shadow: 0 3px 6px rgba(0,0,0,.2)
}

.border-less-roaming-custom-container .country-roaming .card-img-top {
    width: auto !important
}

.border-less-roaming-custom-container .country-roaming .card-body {
    padding: 0 !important
}

.border-less-roaming-custom-container .country-roaming .card .card-title {
    margin: 15px 0 5px 0 !important;
    font-size: 18px
}

.border-less-roaming-custom-container .country-roaming .card .card-text {
    font-size: 16px !important
}

.border-less-roaming-custom-container .country-roaming .btn.custom-radio.active::before {
    display: none !important
}

.border-less-roaming-custom-container .country-roaming .btn.custom-radio.active::after {
    display: none !important
}

.border-less-roaming-custom-container .country-details {
    padding: 0 0 50px 0
}

.border-less-roaming-custom-container .country-details .media .media-body h5 {
    font-size: 30px
}

.border-less-roaming-custom-container .country-details .packages-title {
    margin: 20px 0 30px 0
}

.border-less-roaming-custom-container .country-details .packages-text {
    color: #868686 !important;
    font-size: 16px !important
}

.border-less-roaming-custom-container .pricing-images .card-body .card-title {
    font-weight: 400
}

.border-less-roaming-custom-container .pricing-images .card-img-top {
    width: auto
}

.border-less-roaming-custom-container .pricing-images .card {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.border-less-roaming-custom-container .pricing-images .card {
    float: right;
    border-radius: 0
}

.border-less-roaming-custom-container .pricing-images .card .card-body {
    padding-top: 0;
    padding-bottom: 0
}

.border-less-roaming-custom-container .country-details .plan-detail-wrapper .action {
    padding: 20px 0 30px 0 !important
}

.border-less-roaming-custom-container .sms-activation-text {
    max-width: 210px
}

.border-less-roaming-custom-container .sms-activation-text p {
    color: #919191 !important;
    font-size: 14px !important
}

.border-less-roaming-custom-container .country-details .paln-specification ul li:last-child {
    border-bottom: 0 !important
}

.border-less-roaming-custom-container .country-details .paln-specification ul {
    height: auto !important
}

.border-less-roaming-custom-container .support-section {
    padding: 20px 0 40px 0;
    float: right;
    width: 100%;
    margin-top: 20px
}

.border-less-roaming-custom-container .support-section p {
    color: #919191
}

.border-less-roaming-custom-container .support-inner-section .media .media-body h5 {
    color: #d12b8a
}

.border-less-roaming-custom-container .support-inner-section .media .media-body p {
    margin-bottom: 0;
    font-size: 18px !important
}

.border-less-roaming-custom-container.font-weight {
    font-weight: 700 !important;
    font-size: 18px !important
}

.border-less-roaming-custom-container .color-pink {
    color: #d12b8a !important
}

.border-less-roaming-custom-container .support-activate {
    border-right: 1px solid #e3e3e3;
    padding-right: 70px;
    margin-top: 35px
}

.border-less-roaming-custom-container .subscribe-ssection #deviceSpecifications .cl-sc-1 {
    padding: 0 !important;
    min-height: auto;
    color: #d12b8a !important;
    font-size: 12px !important
}

.border-less-roaming-custom-container .subscribe-ssection #deviceSpecifications p {
    color: grey;
    font-size: 16px;
    margin: 0 0 30px 0
}

.border-less-roaming-custom-container .subscribe-ssection #deviceSpecifications span.font-weight {
    margin-bottom: 10px !important;
    display: inherit
}

.border-less-roaming-custom-container .country-details .count.float-right {
    margin-right: auto
}

.border-less-roaming-custom-container .country-details .action {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 -12px
}

.border-less-roaming-custom-container .country-details .addons .addons-label {
    margin-right: 0 !important
}

.border-less-roaming-custom-container .country-details .addons .card {
    margin: 10px 0 15px
}

.border-less-roaming-custom-container .support-inner-section .font-weight,.support-activate .font-weight {
    font-family: NunitoSans-Black !important;
    font-weight: 400 !important
}

.border-less-roaming-custom-container .faq-section.less-section+a.btn {
    font-size: 0 !important
}

.border-less-roaming-custom-container .faq-section.less-section+a.btn::before {
    font-size: 12px;
    content: "Less Faq's";
    text-transform: inherit !important
}

.border-less-roaming-custom-container .faq-section.less-section+a.btn i {
    font-size: 14px
}

.border-less-roaming-custom-container .faq-section+a.btn i:before {
    content: "\e901" !important
}

.border-less-roaming-custom-container .faq-section .faq-item.active {
    display: block !important
}

.border-less-roaming-custom-container .mylines-stripe a span {
    display: none
}

.border-less-roaming-custom-container #flag-numbers {
    width: 100% !important;
    padding: 0 !important;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    margin-top: 10px;
    background: #fff;
    display: none;
    height: 97px;
    overflow: auto
}

.border-less-roaming-custom-container #flag-numbers li {
    width: 100%
}

.border-less-roaming-custom-container #flag-numbers li a {
    padding: 13px 70px 13px 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ececec;
    color: #000
}

.border-less-roaming-custom-container #flag-numbers li a:hover {
    font-family: NunitoSans-Black;
    color: #d12b8a;
    background: rgba(209,43,138,.2392156863)
}

.border-less-roaming-custom-container #flag-numbers2 {
    width: 100% !important;
    padding: 0 !important;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    margin-top: 10px;
    background: #fff;
    display: none;
    height: 97px;
    overflow: auto
}

.border-less-roaming-custom-container #flag-numbers2 li {
    width: 100%
}

.border-less-roaming-custom-container #flag-numbers2 li a {
    padding: 13px 70px 13px 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ececec;
    color: #000
}

.border-less-roaming-custom-container #flag-numbers2 li a:hover {
    font-family: NunitoSans-Black;
    color: #d12b8a;
    background: rgba(209,43,138,.2392156863)
}

.border-less-roaming-custom-container .country-details .count {
    font-family: NunitoSans-Regular !important
}

.border-less-roaming-custom-container .country-details .card-body .card-title {
    font-family: NunitoSans-Regular !important
}

.border-less-roaming-custom-container.country-details .plan-detail-wrapper .slanted {
    top: -30px
}

.border-less-roaming-custom-container .country-search .main-search-btn {
    left: 20px !important
}

.border-less-roaming-custom-container .country-search .map-search-section {
    font-size: 14px !important
}

.border-less-roaming-custom-container .country-search .map-search-section span {
    float: right;
    width: 100%
}

.border-less-roaming-custom-container .country-search .map-search-section input {
    width: 100% !important
}

.border-less-roaming-custom-container .country-details .paln-specification .count {
    font-family: NunitoSans-Black !important
}

.border-less-roaming-custom-container .country-details .paln-specification .action .btn {
    font-family: NunitoSans-Regular !important
}

.border-less-roaming-custom-container .country-details .plan-detail-wrapper .action {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.border-less-roaming-custom-container .country-details .action p {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    font-size: 14px !important;
    color: #919191 !important;
    margin-bottom: 10px
}

.border-less-roaming-custom-container .btn.btn-pc-3.transparent {
    background: 0 0 !important;
    color: #d12b8a !important;
    border-color: #d12b8a !important
}

.border-less-roaming-custom-container .packages-text span {
    color: #000
}

.border-less-roaming-custom-container .voice-sms {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    padding: 30px 30px 0 30px;
    border-radius: 14px
}

.border-less-roaming-custom-container .voice-sms>h3 {
    color: #d12b8a;
    font-size: 22px;
    margin-bottom: 30px
}

.border-less-roaming-custom-container .voice-sms h5 {
    font-size: 16px !important;
    margin-bottom: 0;
    font-family: NunitoSans-Regular !important;
    font-weight: 800 !important
}

.border-less-roaming-custom-container .voice-sms p {
    margin-bottom: 40px
}

.border-less-roaming-custom-container .country-details .slanted {
    font-size: 12px !important;
    top: -27px !important
}

.border-less-roaming-custom-container .country-details .slanted.pink,.country-details .slanted.pink:before {
    background: #d12b8a !important
}

.border-less-roaming-custom-container .country-details .paln-specification ul li div {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit
}

.border-less-roaming-custom-container .country-details .action ul {
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.border-less-roaming-custom-container .country-details .action ul li {
    padding: 0 !important;
    border: 0 !important;
    margin-bottom: 10px;
    float: right;
    width: 100%
}

.border-less-roaming-custom-container .country-details .action ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #d12b8a;
    text-decoration: underline !important
}

.border-less-roaming-custom-container .country-details .action ul li a img {
    margin-left: 10px
}

.border-less-roaming-custom-container .country-details .action ul li a:hover {
    text-decoration: none !important
}

.border-less-roaming-custom-container .country-roaming .btn.custom-radio {
    width: 100%
}

.border-less-roaming-custom-container .mylines-stripe.sticky {
    top: 80px;
    right: 0;
    left: 0
}

.border-less-roaming-custom-container .header .main-header ul.right-nav li.profile-btn.logedin .active {
    border-color: transparent !important
}

.numbers li {
    border: transparent !important
}

.border-less-roaming-custom-container .traveling-search h1 {
    font-size: 28px !important
}

.border-less-roaming-custom-container .traveling-search span {
    font-size: 16px
}

.border-less-roaming-custom-container .traveling-search #searchnmbrs input {
    font-size: 16px !important;
    width: 100% !important
}

.border-less-roaming-custom-container .country-details .plan-detail-wrapper {
    float: right;
    margin-bottom: 20px
}

.border-less-roaming-custom-container .kw #wrapper .btn-group .custom-radio {
    border-radius: 5px !important
}

.border-less-roaming-custom-container .input-sec input {
    background: #f7f7f7;
    border: 1px solid #e3e3e3;
    width: 100%;
    padding: 8px 10px 8px 26px;
    font-family: NunitoSans-Regular,sans-serif !important;
    height: 46px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 28px;
    font-weight: 700;
    color: #000
}

.border-less-roaming-custom-container .center-block {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.border-less-roaming-custom-container .custom-radio input {
    display: none
}

.border-less-roaming-custom-container .custom-radio input+label {
    padding-right: 58px;
    position: relative;
    cursor: pointer
}

.border-less-roaming-custom-container .custom-radio input+label::before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    right: 0;
    display: inline-block;
    background: 0;
    border-radius: 2px;
    border: 2px solid #e3e3e3
}

.border-less-roaming-custom-container .custom-radio input:checked+label::before {
    background: #d12b8a;
    border: 2px solid #d12b8a
}

.border-less-roaming-custom-container .custom-radio input:checked+label::after {
    content: "\e905";
    font-family: icomoon !important;
    position: absolute;
    top: 1px;
    right: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.border-less-roaming-custom-container .custom-radio input+label::before,.border-less-roaming-custom-container .custom-radio.like-radio input+label::before {
    height: 28px;
    width: 28px;
    right: 0;
    background: #d12b8a;
    opacity: .1;
    border-radius: 50%;
    margin-top: -3px
}

.border-less-roaming-custom-container .custom-radio input:checked+label::after,.border-less-roaming-custom-container .custom-radio.like-radio input:checked+label::after {
    content: "";
    height: 12px;
    width: 12px;
    background: #d12b8a;
    border-radius: 50%;
    top: 8px;
    right: 8px;
    border: 0;
    margin-top: -3px
}

.banner-style-product-special-carousal {
    font-size: 13px;
    position: relative;
    width: 100%
}

.banner-style-product-special-carousal .slick-arrow {
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 45px;
    min-width: 45px !important;
    color: #fff;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: rgba(255,255,255,.4);
    z-index: 1;
    visibility: visible
}

.banner-style-product-special-carousal .slick-arrow {
    background: #cecece !important
}

[dir=ltr] .banner-style-product-special-carousal .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[dir=rtl] .banner-style-product-special-carousal .slick-arrow.next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.banner-style-product-special-carousal .slick-arrow.slick-disabled {
    visibility: hidden
}

[dir=ltr].banner-style-product-special-carousal .pagezainlife-slider .slick-arrow.prev {
    height: 45px;
    min-width: 45px !important;
    width: 45px;
    right: 30px;
    top: 50%;
    margin-top: -22px
}

[dir=ltr].banner-style-product-special-carousal .pagezainlife-slider .slick-arrow.next {
    height: 45px;
    min-width: 45px !important;
    width: 45px;
    left: 30px;
    top: 50%;
    margin-top: -22px
}

[dir=rtl].banner-style-product-special-carousal .pagezainlife-slider .slick-arrow.prev {
    height: 45px;
    min-width: 45px !important;
    width: 45px;
    left: 30px;
    top: 50%;
    margin-top: -22px
}

[dir=rtl].banner-style-product-special-carousal .pagezainlife-slider .slick-arrow.next {
    height: 45px;
    min-width: 45px !important;
    width: 45px;
    right: 30px;
    top: 50%;
    margin-top: -22px
}

@media(min-width: 1200px) {
    .banner-style-product-special-carousal {
        margin-right:auto;
        margin-left: auto
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .banner-style-product-special-carousal .btn.slick-arrow {
        height:35px !important;
        min-width: 35px !important;
        width: 35px !important;
        min-height: 35px !important
    }

    .banner-style-product-special-carousal .slick-arrow {
        height: 45px;
        min-width: 45px !important;
        width: 45px
    }

    [dir=rtl].banner-style-product-special-carousal .slick-arrow {
        height: 45px;
        min-width: 45px !important;
        width: 45px
    }

    [dir=rtl].banner-style-product-special-carousal .btn.slick-arrow {
        height: 35px !important;
        min-width: 35px !important;
        width: 35px !important;
        min-height: 35px !important
    }
}

.cover-style-product-features {
    font-size: 13px;
    position: relative
}

.cover-style-product-features .content {
    text-align: center
}

.cover-style-product-features .content {
    width: 100%;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.cover-style-product-features .content {
    z-index: 1
}

.cover-style-product-features .col-phoneS-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.cover-style-product-features h2 {
    font-size: 26px;
    padding-bottom: 13px;
    text-transform: uppercase
}

.cover-style-product-features p {
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    font-size: 18px;
    margin-left: auto;
    line-height: 1.5;
    padding-bottom: 2.4rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.cover-style-product-features .bg {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.cover-style-product-features .bg-size-cover {
    background-size: cover
}

.cover-style-product-features .bg {
    border-radius: 20px;
    margin-bottom: 50px
}

.cover-style-product-features .col-phoneS-10 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.cover-style-product-features .device {
    height: 100px;
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    margin: 7rem 0
}

.cover-style-product-features .content ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3rem 0 -3rem 0
}

.cover-style-product-features li {
    line-height: 1.5
}

.cover-style-product-features ul li {
    list-style: none
}

.cover-style-product-features .content li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: block;
    background-repeat: no-repeat;
    width: 50%;
    margin-bottom: 5rem;
    padding: 0 5px
}

.cover-style-product-features .content li img {
    height: 50px;
    width: auto;
    margin-bottom: 1.6rem
}

.cover-style-product-features .content li span {
    text-align: center;
    display: block;
    width: 100%
}

.cover-style-product-features .content li span {
    color: #fff
}

@media(min-width: 1200px) {
    .cover-style-product-features {
        width:1140px;
        margin-right: auto;
        margin-left: auto
    }

    .cover-style-product-features .content {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }

    .cover-style-product-features .col-desktopS-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .cover-style-product-features .offset-desktopS-2 {
        margin-right: 16.66667%
    }

    [dir=rtl] .cover-style-product-features .offset-desktopS-2 {
        margin-left: 16.66667%
    }

    .cover-style-product-features .content li {
        width: 25%
    }

    .cover-style-product-features .content li span {
        padding: 0 15%
    }
}

[dir=rtl] .cover-style-product-features .content ul {
    margin: 3rem auto -3rem auto;
    max-width: 760px
}

.horizontal-style-product-features {
    font-size: 13px;
    position: relative
}

.horizontal-style-product-features .content {
    text-align: center
}

.horizontal-style-product-features .content {
    width: 100%;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.horizontal-style-product-features .col-phoneS-10 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.horizontal-style-product-features .col-phoneS-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.horizontal-style-product-features .offset-phoneS-1 {
    margin-right: 8.33333%
}

[dir=rtl] .horizontal-style-product-features .offset-phoneS-1 {
    margin-left: 8.33333%
}

.horizontal-style-product-features h2 {
    font-size: 26px;
    padding-bottom: 13px;
    text-transform: uppercase
}

.horizontal-style-product-features .content ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3rem 0 -3rem 0
}

.horizontal-style-product-features li {
    line-height: 1.5
}

.horizontal-style-product-features ul li {
    list-style: none
}

.horizontal-style-product-features .content li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: block;
    background-repeat: no-repeat;
    width: 50%
}

.horizontal-style-product-features .content li img {
    height: 50px;
    width: auto;
    margin-bottom: 5.6rem
}

.horizontal-style-product-features .content li .smaller {
    padding: 6px 0
}

@media(min-width: 768px) {
    .horizontal-style-product-features .content ul {
        margin:3rem 0 1rem 0
    }

    .horizontal-style-product-features .content li {
        width: 33%
    }
}

@media(min-width: 1200px) {
    .horizontal-style-product-features {
        width:1140px;
        margin-right: auto;
        margin-left: auto
    }

    .horizontal-style-product-features .content {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }

    .horizontal-style-product-features .content li {
        width: 16%
    }
}

.interactive-multi-slider-template {
    font-size: 13px;
    position: relative
}

.interactive-multi-slider-template .content {
    text-align: center;
    position: absolute;
    z-index: 10
}

.interactive-multi-slider-template .content {
    position: absolute;
    z-index: 10
}

.interactive-multi-slider-template .content {
    position: relative
}

.interactive-multi-slider-template .col-phoneS-10 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.interactive-multi-slider-template h2 {
    font-size: 26px;
    padding-bottom: 13px;
    text-transform: uppercase
}

.interactive-multi-slider-template .col-phoneS-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.interactive-multi-slider-template p {
    line-height: 1.5;
    padding-bottom: 2.4rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    padding-bottom: 13px
}

.interactive-multi-slider-template p {
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    font-size: 18px;
    margin-left: auto
}

.interactive-multi-slider-template .bg {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.interactive-multi-slider-template .bg-size-cover {
    background-size: cover
}

.interactive-multi-slider-template .bg {
    border-radius: 20px 20px 0 0
}

.interactive-multi-slider-template .bg.dynamic-slider-images {
    opacity: 0;
    position: absolute
}

.interactive-multi-slider-template .bg {
    padding-bottom: 48%;
    height: 0
}

.interactive-multi-slider-template .content.wrapper {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    width: 1000px;
    padding: 10px 0 0;
    margin: -42px auto 30px
}

.interactive-multi-slider-template .content.wrapper .input-wrapper {
    display: inline-block;
    width: 24%;
    padding: 0 1.5%
}

.interactive-multi-slider-template .content.wrapper p {
    font-size: 13px;
    margin: 0;
    padding: 0
}

.interactive-multi-slider-template .slider-wrapper-4-lights {
    width: 100%;
    background-color: #181818;
    height: 40px;
    border-radius: 10px;
    margin-bottom: 0;
    background-color: #fff
}

.interactive-multi-slider-template .slider {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.interactive-multi-slider-template .slider.slider-horizontal {
    width: 100%;
    height: 20px
}

.interactive-multi-slider-template .slider {
    width: 75%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.interactive-multi-slider-template .slider-track {
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear,right top,right bottom,from(#f5f5f5),to(#f9f9f9));
    background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border-radius: 4px;
    position: absolute;
    cursor: pointer
}

.interactive-multi-slider-template .slider.slider-horizontal .slider-track {
    width: 100%;
    top: 50%;
    right: 0;
    height: 4px;
    margin-top: -2px;
    background-image: -webkit-gradient(linear,right top,right top,from(#000),to(#fff));
    background-image: linear-gradient(to left,#000,#fff)
}

.interactive-multi-slider-template .slider .slider-track,.interactive-multi-slider-template .slider .slider-track-high,.interactive-multi-slider-template .slider .slider-track-low {
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

#recess-slider .slider-track {
    background-image: -webkit-gradient(linear,right top,right top,from(#000),to(#fff));
    background-image: linear-gradient(to left,#000,#fff)
}

.interactive-multi-slider-template .slider-track-high,.interactive-multi-slider-template .slider-track-low {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    background: 0
}

.interactive-multi-slider-template .slider.slider-horizontal .slider-selection,.interactive-multi-slider-template .slider.slider-horizontal .slider-track-high,.interactive-multi-slider-template .slider.slider-horizontal .slider-track-low {
    height: 100%;
    top: 0;
    bottom: 0
}

.interactive-multi-slider-template .slider .slider-track,.interactive-multi-slider-template .slider .slider-track-high,.interactive-multi-slider-template .slider .slider-track-low {
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.interactive-multi-slider-template .slider-selection {
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear,right top,right bottom,from(#f9f9f9),to(#f5f5f5));
    background-image: linear-gradient(to bottom,#f9f9f9,#f5f5f5);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute
}

.interactive-multi-slider-template .slider .slider-selection {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none
}

.interactive-multi-slider-template .slider .tooltip.top {
    margin-top: -36px
}

.interactive-multi-slider-template .slider .tooltip-inner {
    white-space: nowrap;
    max-width: none
}

.interactive-multi-slider-template .slider-handle {
    background-color: #026ecb;
    background-image: -webkit-gradient(linear,right top,right bottom,from(#0275d8),to(#0267bf));
    background-image: linear-gradient(to bottom,#0275d8,#0267bf);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #0275d8;
    border: 0 solid transparent
}

.interactive-multi-slider-template .slider-handle.round {
    border-radius: 20px
}

.interactive-multi-slider-template .slider.slider-horizontal .slider-handle,.interactive-multi-slider-template .slider.slider-horizontal .slider-tick {
    margin-right: -10px
}

.interactive-multi-slider-template .slider .slider-handle {
    background: #fff;
    -webkit-box-shadow: inset 0 -2px 1px rgba(51,51,51,.1);
    box-shadow: inset 0 -2px 1px rgba(51,51,51,.1);
    cursor: ew-resize;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.interactive-multi-slider-template .slider .slider-handle::after {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(255,255,255,.001);
    width: 40px;
    height: 40px;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    z-index: 1
}

.interactive-multi-slider-template .slider .hide {
    display: none
}

.interactive-multi-slider-template input {
    opacity: 0
}

@media(max-width: 767px) {
    .interactive-multi-slider-template .content.wrapper {
        background-color:#fff;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
        box-shadow: 1px 1px 5px rgba(0,0,0,.2);
        width: auto;
        padding: 10px 0 0;
        margin: -42px auto 30px
    }
}

@media(min-width: 768px) {
    .interactive-multi-slider-template .col-tabletP-8 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .interactive-multi-slider-template .offset-tabletP-2 {
        margin-right: 16.66667%
    }

    .interactive-multi-slider-template .bg {
        padding-bottom: 33%;
        height: 0
    }
}

@media(min-width: 992px) {
    .interactive-multi-slider-template .content {
        top:0;
        right: 0;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .interactive-multi-slider-template {
        width:1140px;
        margin-right: auto;
        margin-left: auto
    }

    .interactive-multi-slider-template .content {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }

    .interactive-multi-slider-template .col-desktopS-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .interactive-multi-slider-template .offset-desktopS-3 {
        margin-right: 25%
    }

    [dir=rtl] .interactive-multi-slider-template .offset-desktopS-3 {
        margin-left: 25%
    }
}

.magic-of-colors .content {
    position: static;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    text-align: center
}

.section-big-image .content {
    top: 0;
    right: 0;
    width: 100%
}

.magic-of-colors .offset-phoneS-1 {
    margin-right: 8.33333%
}

.magic-of-colors .col-phoneS-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.magic-of-colors h2 {
    text-transform: uppercase;
    font-size: 26px;
    padding-bottom: 13px
}

.magic-of-colors p {
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    font-size: 18px;
    margin-left: auto;
    padding-bottom: 13px
}

.magic-of-colors .bg {
    border-radius: 10px;
    padding-bottom: 47%
}

.bg-size-cover {
    background-size: cover
}

.magic-of-colors .bg {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.magic-of-colors .bg-second {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover
}

.magic-of-colors .bg-second.active {
    opacity: 1
}

.magic-of-colors .content.wrapper {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    width: 500px;
    padding: 10px 0 0;
    margin: -42px auto 30px;
    position: relative !important
}

.magic-of-colors .col-phoneS-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.magic-of-colors .content.wrapper p {
    color: #000;
    margin: 0 !important;
    font-size: 14px;
    padding: 0;
    max-width: 980px
}

.magic-of-colors .content .magic-slider-wrapper {
    background-color: #fff
}

.magic-of-colors .magic-slider-wrapper {
    width: 100%;
    background-color: #181818;
    height: 60px;
    border-radius: 10px;
    margin-bottom: 40px
}

.magic-of-colors .slider#magic-mobile-slider {
    width: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.magic-of-colors .slider.slider-horizontal {
    width: 90%;
    height: 20px
}

.magic-of-colors .slider {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.magic-of-colors .slider .slider-track,.magic-of-colors .slider .slider-track-high,.magic-of-colors .slider .slider-track-low {
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.magic-of-colors .slider .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    right: 0
}

.magic-of-colors .slider .slider-track {
    height: 4px;
    margin-top: -2px;
    background-image: -webkit-gradient(linear,right top,right top,from(#00ff0c),color-stop(#fde92d),color-stop(#dc0304),color-stop(#fd0089),color-stop(#2039d1),to(#00e0c8));
    background-image: linear-gradient(to left,#00ff0c,#fde92d,#dc0304,#fd0089,#2039d1,#00e0c8)
}

.magic-of-colors .slider-track {
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear,right top,right bottom,from(#f5f5f5),to(#f9f9f9));
    background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border-radius: 4px;
    position: absolute;
    cursor: pointer
}

.magic-of-colors .slider.slider-horizontal .slider-selection,.magic-of-colors .slider.slider-horizontal .slider-track-high,.magic-of-colors .slider.slider-horizontal .slider-track-low {
    height: 100%;
    top: 0;
    bottom: 0
}

.magic-of-colors .slider-track-high,.magic-of-colors .slider-track-low {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    background: 0
}

.magic-of-colors .slider .slider-selection {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none
}

.magic-of-colors .slider-selection {
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear,right top,right bottom,from(#f9f9f9),to(#f5f5f5));
    background-image: linear-gradient(to bottom,#f9f9f9,#f5f5f5);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute
}

.magic-of-colors .slider .tooltip.top {
    margin-top: -36px
}

.magic-of-colors .slider .hide {
    display: none
}

.magic-of-colors .slider .tooltip-inner {
    white-space: nowrap;
    max-width: none
}

.magic-of-colors .tooltip-inner {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.4);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.4)
}

.magic-of-colors .tooltip-inner {
    max-width: 230px;
    padding: .75rem .75rem;
    color: #fff;
    text-align: center;
    background-color: #272833;
    border-radius: .25rem
}

.magic-of-colors .slider .slider-handle {
    background: #fff;
    -webkit-box-shadow: inset 0 -2px 1px rgba(51,51,51,.1);
    box-shadow: inset 0 -2px 1px rgba(51,51,51,.1);
    cursor: ew-resize;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.magic-of-colors .slider.slider-horizontal .slider-tick,.magic-of-colors.slider.slider-horizontal .slider-handle {
    margin-right: -10px
}

.magic-of-colors .slider-handle.round {
    border-radius: 20px
}

.magic-of-colors .slider-handle {
    background-color: #026ecb;
    background-image: -webkit-gradient(linear,right top,right bottom,from(#0275d8),to(#0267bf));
    background-image: linear-gradient(to bottom,#0275d8,#0267bf);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #0275d8;
    border: 0 solid transparent
}

.magic-of-colors input {
    opacity: 0
}

.magic-of-colors .content {
    position: static
}

.magic-of-colors .bg {
    border-radius: 10px
}

.magic-of-colors .slider {
    width: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(min-width: 768px) {
    .magic-of-colors .offset-tabletP-2 {
        margin-right:16.66667%
    }

    .magic-of-colors .col-tabletP-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .magic-of-colors .magic-slider-wrapper {
        height: 80px
    }
}

@media(min-width: 992px) {
    .section-big-image .bg {
        height:0;
        padding-bottom: 56.25%
    }
}

@media(min-width: 1200px) {
    .magic-of-colors {
        width:1140px;
        margin-right: auto;
        margin-left: auto;
        font-size: 13px
    }

    .magic-of-colors .offset-desktopS-3 {
        margin-right: 25%
    }

    .magic-of-colors .col-desktopS-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .magic-of-colors .col-desktopS-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .magic-of-colors .bg {
        padding-bottom: 38%;
        border-radius: 20px 20px 0 0
    }

    .magic-of-colors .content .magic-slider-wrapper {
        border-radius: 10px;
        height: 50px;
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .magic-of-colors {
        padding:0 30px
    }

    .magic-of-colors {
        background: #fff
    }

    .magic-of-colors .content {
        padding: 0 30px
    }

    .magic-of-colors .content.wrapper {
        background-color: #fff;
        border-radius: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        padding: 10px 0 0;
        margin: 0
    }
}

.special-product-overview-head .fixed-grid section.overview-head {
    position: sticky !important;
    top: 88px;
    right: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    margin: 0;
    padding: 10px 40px;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 26px 33px rgba(0,0,0,.1);
    box-shadow: 0 26px 33px rgba(0,0,0,.1)
}

.special-product-overview-head .fixed-grid main {
    font-size: 13px
}

.special-product-overview-head .fixed-grid section.overview-head .overview-price {
    border-left: 1px solid #ccc;
    padding-left: 20px;
    margin-left: 20px;
    vertical-align: middle
}

.special-product-overview-head .fixed-grid section.overview-head .overview-price small {
    display: block;
    font-size: 14px
}

.special-product-overview-head .fixed-grid section.overview-head .overview-price strong {
    font-size: 18px
}

.special-product-overview-head .overview-price span {
    font-weight: 400;
    font-size: 14px;
    margin-right: 10px
}

.special-product-overview-head .fixed-grid section.overview-head .btn {
    background: #d12b8a !important;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    height: auto;
    border: #d12b8a solid 1px !important;
    min-height: 10px;
    min-width: 130px;
    padding: 7px 20px !important
}

.special-product-overview-head .fixed-grid section.overview-head .automate-btn {
    background: #fff !important;
    color: #d12b8a;
    font-weight: 400;
    line-height: 18px;
    height: auto;
    border: #d12b8a solid 1px !important;
    min-height: 10px;
    min-width: 130px;
    padding: 7px 20px !important
}

.special-product-overview-head .overview-head-buttons a.active {
    font-weight: 700;
    border-bottom: #d12b8a solid 2px
}

.special-product-overview-head .overview-head-buttons a {
    display: inline-block;
    padding: 8px 20px;
    margin: 0 10px;
    border-bottom: #fff solid 2px;
    color: #000;
    text-decoration: none;
    position: relative;
    top: 20px
}

.special-product-overview-head .fixed-grid section.overview-head .shadow-div {
    height: 50px;
    opacity: .4;
    position: absolute;
    right: 0;
    left: 0;
    top: 100%
}

@media(min-width: 1199px) and (max-width:1439px) {
    .special-product-overview-head .fixed-grid section.overview-head {
        top:63px !important
    }
}

section.overview-head {
    position: sticky !important;
    top: 88px;
    right: 0;
    left: 0;
    background: #fff;
    margin: 0;
    padding: 10px 40px;
    width: 100%;
    -webkit-box-shadow: 0 26px 33px rgba(0,0,0,.1);
    box-shadow: 0 26px 33px rgba(0,0,0,.1)
}

section.overview-head .overview-price {
    border-left: 1px solid #ccc;
    padding-left: 20px;
    margin-left: 20px;
    vertical-align: middle
}

section.overview-head .overview-price small {
    display: block;
    font-size: 14px
}

section.overview-head .overview-price strong {
    font-size: 18px
}

.overview-price span {
    font-weight: 400;
    font-size: 14px;
    margin-right: 10px
}

section.overview-head .btn {
    background: #d12b8a !important;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    height: auto;
    border: #d12b8a solid 1px !important;
    min-height: 10px;
    min-width: 130px;
    padding: 7px 20px !important
}

section.overview-head .automate-btn {
    background: #fff !important;
    color: #d12b8a;
    font-weight: 400;
    line-height: 18px;
    height: auto;
    border: #d12b8a solid 1px !important;
    min-height: 10px;
    min-width: 130px;
    padding: 7px 20px !important
}

.overview-head-buttons a.active {
    font-weight: 700;
    border-bottom: #d12b8a solid 2px
}

.overview-head-buttons a {
    display: inline-block;
    padding: 8px 20px;
    margin: 0 10px;
    border-bottom: #fff solid 2px;
    color: #000;
    text-decoration: none;
    position: relative;
    top: 20px
}

section.overview-head .shadow-div {
    height: 50px;
    opacity: .4;
    position: absolute;
    right: 0;
    left: 0;
    top: 100%
}

@media(min-width: 1199px) and (max-width:1439px) {
    section.overview-head {
        top:63px !important
    }
}

.overview-head-template {
    position: sticky !important;
    top: 88px;
    right: 0;
    left: 0;
    background: #fff;
    margin: 0;
    padding: 10px 40px;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 26px 33px rgba(0,0,0,.1);
    box-shadow: 0 26px 33px rgba(0,0,0,.1)
}

.overview-head-template {
    font-size: 13px
}

.overview-head-template .overview-price {
    border-left: 1px solid #ccc;
    padding-left: 20px;
    margin-left: 20px;
    vertical-align: middle
}

.overview-head-template .overview-price small {
    display: block;
    font-size: 14px
}

.overview-head-template .overview-price strong {
    font-size: 18px
}

.overview-head-template .overview-price span {
    font-weight: 400;
    font-size: 14px;
    margin-right: 10px
}

.overview-head-template .btn {
    background: #d12b8a !important;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    height: auto;
    border: #d12b8a solid 1px !important;
    min-height: 10px;
    min-width: 130px;
    padding: 7px 20px !important
}

.overview-head-template .automate-btn {
    background: #fff !important;
    color: #d12b8a;
    font-weight: 400;
    line-height: 18px;
    height: auto;
    border: #d12b8a solid 1px !important;
    min-height: 10px;
    min-width: 130px;
    padding: 7px 20px !important
}

.overview-head-template .overview-head-buttons a.active {
    font-weight: 700;
    border-bottom: #d12b8a solid 2px
}

.overview-head-template .overview-head-buttons a {
    display: inline-block;
    padding: 8px 20px;
    margin: 0 10px;
    border-bottom: #fff solid 2px;
    color: #000;
    text-decoration: none;
    position: relative;
    top: 20px
}

.overview-head-template .shadow-div {
    height: 50px;
    opacity: .4;
    position: absolute;
    right: 0;
    left: 0;
    top: 100%
}

@media(min-width: 280px) and (max-width:767px) {
    .overview-head-template {
        display:none
    }
}

@media(min-width: 1199px) and (max-width:1439px) {
    .overview-head-template {
        top:63px !important
    }
}

.overview-head-template-responsive-strpe {
    display: none;
    position: sticky !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    width: 100%;
    padding: 15px 15px;
    border-bottom: 1px solid #ccc;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.overview-head-template-responsive-strpe h3 {
    float: right;
    margin-bottom: 0
}

.overview-head-template-responsive-strpe .link-toggle {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 15px;
    cursor: pointer
}

.overview-head-template-responsive-strpe .link-toggle span {
    display: block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #444;
    border-bottom: 2px solid #444;
    -webkit-transform: translate(50%,25%) rotate(45deg);
    transform: translate(calc(50% * -1),25%) rotate(45deg);
    transition: -webkit-transform 75ms ease;
    -webkit-transition: -webkit-transform 75ms ease;
    transition: transform 75ms ease;
    transition: transform 75ms ease,-webkit-transform 75ms ease
}

.overview-head-template-responsive-strpe .link-toggle span.active {
    border-right: 2px solid #444;
    border-top: 2px solid #444;
    border-left: 0;
    border-bottom: 0;
    margin-top: 4px
}

.overview-head-template-responsive-strpe ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.overview-head-template-responsive-strpe ul {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 10px 0 -10px 0;
    display: none
}

.overview-head-template-responsive-strpe ul li {
    float: right;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    padding: 18px 0;
    line-height: 1;
    text-align: center
}

.overview-head-template-responsive-strpe ul li a {
    float: right;
    text-align: center;
    width: 100%;
    color: #444
}

.overview-head-template-responsive-strpe ul li a.active {
    font-weight: 600
}

.overview-head-template-responsive-strpe ul li a.btn {
    margin-right: auto;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.overview-head-template-responsive-strpe .btn {
    text-transform: uppercase;
    font-size: 14px;
    min-height: 48px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 10px;
    text-align: center;
    letter-spacing: .5px;
    background: #d12b8a !important;
    color: #fff
}

.overview-head-template-responsive-strpe ul li:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 280px) and (max-width:767px) {
    .overview-head-template-responsive-strpe {
        display:inline-block
    }

    .overview-head-template-responsive-strpe.sticky {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 60px
    }

    .overview-head-template-responsive-strpe .btn {
        min-width: auto;
        font-size: 12px;
        min-height: 40px;
        padding-right: 15px;
        padding-left: 15px
    }

    .overview-head-template-responsive-strpe .automate-btn {
        background: #fff !important;
        color: #d12b8a;
        font-weight: 400;
        line-height: 18px;
        height: auto;
        border: #d12b8a solid 1px !important;
        min-height: 40px;
        min-width: 130px;
        padding: 7px 20px !important
    }

    .overview-head-template-responsive-strpe ul .automate-btn {
        margin-right: 10px !important;
        padding: 7px 10px !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

[dir=rtl] .overview-head-template .overview-price {
    border-right: 1px solid #ccc;
    border-left: 0;
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px
}

[dir=rtl] .overview-head-template .btn+.btn {
    margin-left: 18px
}

.product-card-and-tablet-card {
    font-size: 13px;
    position: relative;
    margin-bottom: 200px
}

.product-card-and-tablet-card .content {
    text-align: center
}

.product-card-and-tablet-card .content {
    width: 100%;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.product-card-and-tablet-card .content {
    z-index: 10
}

.product-card-and-tablet-card .content {
    background: #fff
}

.product-card-and-tablet-card .content {
    position: static
}

.product-card-and-tablet-card .col-md-6,.product-card-and-tablet-card .container {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.product-card-and-tablet-card .container {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.4);
    box-shadow: 0 0 6px rgba(0,0,0,.4)
}

.product-card-and-tablet-card .row {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.product-card-and-tablet-card .bg-size-cover {
    background-size: cover
}

.product-card-and-tablet-card .interior-bg {
    min-height: 500px;
    border-radius: 0 10px 10px 0
}

.product-card-and-tablet-card .interior-text-wrapper {
    position: absolute;
    top: 30%;
    right: 7%
}

.product-card-and-tablet-card .interior-img-wrapper {
    position: absolute;
    bottom: 34%;
    right: -5%
}

.product-card-and-tablet-card h2 {
    font-size: 26px;
    padding-bottom: 13px
}

.product-card-and-tablet-card p {
    text-align: right
}

.product-card-and-tablet-card h2 {
    text-align: right
}

.product-card-and-tablet-card h2 {
    text-transform: uppercase
}

.product-card-and-tablet-card p {
    line-height: 1.5;
    padding-bottom: 2.4rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    padding-bottom: 13px;
    font-size: 15px !important;
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    font-size: 18px;
    margin-left: auto
}

@media(min-width: 768px) {
    .product-card-and-tablet-card .anim-up {
        -webkit-transform:translateX(-40%);
        transform: translateX(calc(-40% * -1))
    }
}

@media(max-width: 767px) {
    .product-card-and-tablet-card .interior-text-wrapper {
        position:static;
        top: 30%;
        right: 7%;
        padding: 30px
    }

    .product-card-and-tablet-card .interior-bg {
        min-height: 300px;
        border-radius: 10px
    }

    .product-card-and-tablet-card p {
        text-align: center
    }

    .product-card-and-tablet-card h2 {
        text-align: center;
        font-size: 22px
    }
}

@media(max-width: 991px) {
    .hidden-tabletP-down {
        display:none !important
    }
}

@media(min-width: 992px) {
    .product-card-and-tablet-card .content {
        top:0;
        right: 0;
        width: 100%
    }

    .product-card-and-tablet-card .content {
        text-align: center;
        color: #444
    }

    .product-card-and-tablet-card .content img {
        width: 400px;
        right: 40%;
        -webkit-transform: translateX(-40%) translateY(0);
        transform: translateX(calc(-40% * -1)) translateY(0);
        height: auto;
        position: absolute;
        bottom: -340px;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media(min-width: 1200px) {
    .product-card-and-tablet-card {
        width:1140px;
        margin-right: auto;
        margin-left: auto
    }

    .product-card-and-tablet-card .content {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.product-special-card-template {
    font-size: 13px;
    position: relative
}

.product-special-card-template .content {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.product-special-card-template .content {
    position: static
}

.product-special-card-template .col-md-6,.product-special-card-template .container {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.product-special-card-template .container {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.4);
    box-shadow: 0 0 6px rgba(0,0,0,.4)
}

.product-special-card-template .app-text-wrapper {
    position: absolute;
    top: 50%;
    right: 10%;
    width: 80%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-special-card-template h2 {
    font-size: 26px;
    padding-bottom: 13px
}

.product-special-card-template h2 {
    max-width: 100%;
    font-size: 36px !important;
    text-transform: none !important
}

.product-special-card-template p {
    line-height: 1.5;
    padding-bottom: 2.4rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    padding-bottom: 13px;
    font-size: 15px !important;
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto
}

.product-special-card-template .bg-size-cover {
    background-size: cover
}

.product-special-card-template .app-bg {
    min-height: 450px;
    border-radius: 10px 0 0 10px
}

.product-special-card-template .temperature-box {
    display: inline-block;
    position: relative;
    width: 40%;
    padding-right: 40px
}

.product-special-card-template .temperature-box::before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #30be08;
    right: 0;
    top: -6px
}

.product-special-card-template .temperature-box span {
    font-weight: 600
}

@media(max-width: 767px) {
    .product-special-card-template {
        margin-bottom:40px
    }

    .product-special-card-template .content {
        padding: 0 30px;
        padding-top: 2%;
        padding-bottom: 2%
    }

    .product-special-card-template .container {
        overflow: hidden
    }

    .product-special-card-template .app-text-wrapper {
        position: static;
        top: 50%;
        right: 10%;
        width: auto;
        -webkit-transform: none;
        transform: none;
        text-align: center;
        padding: 20px
    }

    .product-special-card-template h2 {
        font-size: 22px;
        text-align: center
    }

    .product-special-card-template .app-bg {
        min-height: 300px;
        border-radius: 0;
        background-size: cover;
        background-position: center center
    }

    .product-special-card-template .temperature-box {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        text-align: right
    }
}

@media(min-width: 768px) {
    .product-special-card-template .content {
        position:static;
        text-align: right;
        top: 45%;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%)
    }
}

@media(min-width: 992px) {
    .product-special-card-template .content {
        top:0;
        right: 0;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .product-special-card-template {
        width:1140px;
        margin-right: auto;
        margin-left: auto
    }

    .product-special-card-template .content {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.product-special-overview {
    font-size: 13px;
    position: relative;
    background: #fff;
    text-align: center;
    margin-top: 80px;
    padding-top: 0;
    padding-bottom: 60px
}

.product-special-overview .col-phoneS-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.product-special-overview h2 {
    color: #000;
    font-size: 26px;
    padding-bottom: 13px;
    text-transform: uppercase
}

.product-special-overview p {
    padding: 0 !important 40px 100px;
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    font-size: 18px;
    margin-left: auto
}

.product-special-overview .img-wrpper {
    margin: auto
}

.product-special-overview button {
    font-size: 16px !important;
    min-width: 170px !important;
    border: 0;
    font-weight: 400;
    background: #cf2c89;
    display: block;
    margin: auto
}

.product-special-overview .btn.btn-pc-3 {
    background: 0;
    color: #d12b8a;
    border-color: #d12b8a
}

@media(min-width: 280px) and (max-width:767px) {
    .product-special-overview .container {
        max-width:100%
    }

    .product-special-overview .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width: 767px) {
    .product-special-overview p {
        font-size:18px;
        color: #7a7a7a;
        padding: 0 !important 20px 20px
    }
}

@media(min-width: 1200px) {
    .product-special-overview {
        margin-right:auto;
        margin-left: auto
    }
}

.product-special-video-gallery {
    font-size: 13px;
    position: relative
}

.product-special-video-gallery .content {
    text-align: center
}

.product-special-video-gallery .content {
    width: 100%;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.product-special-video-gallery p {
    line-height: 1.5;
    padding-bottom: 2.4rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    padding-bottom: 13px
}

.product-special-video-gallery p {
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    font-size: 18px;
    margin-left: auto
}

.product-special-video-gallery .col-desktopS-6 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.product-special-video-gallery h2 {
    font-size: 26px;
    padding-bottom: 13px;
    text-transform: uppercase
}

.product-special-video-gallery .col-phoneS-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.product-special-video-gallery .col-phoneS-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.product-special-video-gallery .content .video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 45%;
    margin-top: 3rem
}

.product-special-video-gallery .content video {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    opacity: 0
}

.product-special-video-gallery .content video.active {
    opacity: 1
}

.product-special-video-gallery ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-special-video-gallery li {
    line-height: 1.5
}

.product-special-video-gallery .content .miniatures ul li span {
    display: inline-block !important;
    -webkit-transform: none;
    transform: none;
    margin-top: 20px;
    position: relative;
    color: #000;
    top: inherit;
    right: inherit
}

.product-special-video-gallery .swiper-container {
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.product-special-video-gallery .content .scene-names {
    background-color: #151515;
    border-radius: 15px;
    margin-top: 25px;
    padding: 20px 0;
    font-size: 120%;
    margin-bottom: 40px
}

.product-special-video-gallery .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.product-special-video-gallery .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.product-special-video-gallery .swiper-button-next,.product-special-video-gallery .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.product-special-video-gallery .swiper-button-prev,.product-special-video-gallery .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.product-special-video-gallery .swiper-button-next,.product-special-video-gallery .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.product-special-video-gallery .content .swiper-button-next,.product-special-video-gallery .content .swiper-button-prev {
    width: 35px;
    height: 20px;
    margin-top: -10px;
    background-size: 27px 24px
}

@media(min-width: 280px) and (max-width:767px) {
    .product-special-video-gallery .content .miniatures ul li {
        float:right;
        margin-left: 1%;
        margin-top: 10px;
        width: 49% !important;
        margin-bottom: 10px
    }

    .product-special-video-gallery .miniatures img {
        width: 100%;
        border-radius: 7px;
        opacity: .7
    }

    .product-special-video-gallery .miniatures .active img {
        opacity: 1
    }

    .product-special-video-gallery .content .scene-names {
        background: 0;
        border-radius: 0;
        margin-top: 0;
        padding: 0;
        font-size: 80%;
        margin-bottom: 0;
        width: 90px;
        float: left;
        margin-top: -43px;
        margin-left: -21px
    }

    .product-special-video-gallery .swiper-wrapper {
        display: block
    }
}

@media(min-width: 768px) {
    .product-special-video-gallery .col-tabletP-8 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .product-special-video-gallery .offset-tabletP-2 {
        margin-right: 16.66667%
    }

    [dir=rtl] .product-special-video-gallery .offset-tabletP-2 {
        margin-left: 16.66667%
    }

    .product-special-video-gallery .content video {
        border-radius: 20px
    }

    .product-special-video-gallery .content .miniatures ul li {
        width: 23%
    }

    .product-special-video-gallery .content .miniatures ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 40px
    }

    .product-special-video-gallery .content .miniatures ul li {
        list-style: none;
        display: inline-block;
        width: 23%;
        margin-top: 15px;
        height: auto;
        position: relative
    }

    .product-special-video-gallery .content .miniatures ul li a:link,.product-special-video-gallery .content .miniatures ul li a:visited {
        color: #fff
    }

    .product-special-video-gallery .content .miniatures ul li img {
        opacity: .4;
        width: 100%;
        height: auto;
        border-radius: 10px;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }

    .product-special-video-gallery .content .miniatures ul li a.active img {
        opacity: 1
    }

    .product-special-video-gallery .hidden-tabletP-up {
        display: none !important
    }
}

@media(min-width: 1200px) {
    .product-special-video-gallery {
        width:1140px;
        margin-right: auto;
        margin-left: auto
    }

    .product-special-video-gallery .content {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }

    .product-special-video-gallery .content .miniatures ul {
        margin-bottom: 100px
    }

    .product-special-video-gallery .content .miniatures ul li:hover i {
        color: transparent;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F-1900%2Fsvg%22%20viewBox%3D%220%200%2048.38%2048.38%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplay%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M39.45%2C18.75A23.69%2C23.69%2C0%2C1%2C0%2C63.14%2C42.44%2C23.69%2C23.69%2C0%2C0%2C0%2C39.45%2C18.75Zm11.3%2C24.82L34%2C53.24a1.31%2C1.31%2C0%2C0%2C1-2-1.13V32.77a1.31%2C1.31%2C0%2C0%2C1%2C2-1.13L50.75%2C41.3A1.31%2C1.31%2C0%2C0%2C1%2C50.75%2C43.57Z%22%20transform%3D%22translate%28-15.26%20-18.25%29%22%2F%3E%3C%2Fsvg%3E");
        width: 40px;
        height: 40px;
        position: absolute;
        top: 40%;
        right: 50%;
        -webkit-transform: translate(-50%,-40%);
        transform: translate(calc(-50% * -1),-40%)
    }
}

#special-product-banner .site-wrapper {
    overflow: unset
}

#special-product-banner .rgbw-controller {
    background-color: #fff !important
}

#special-product-banner .site-wrapper {
    max-width: 2560px;
    margin: 0 auto;
    overflow-x: hidden;
    background-color: #fff
}

#special-product-banner .fixed-grid main {
    overflow: unset
}

#special-product-banner .has-secondary-nav main {
    margin-top: 0 !important
}

#special-product-banner .fixed-grid main {
    font-size: 13px
}

#special-product-banner .rgbw-controller #header {
    overflow: hidden
}

#special-product-banner section {
    position: relative
}

#special-product-banner .rgbw-controller #header.active .content {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    text-transform: uppercase
}

#special-product-banner .rgbw-controller #header .content {
    height: 400px;
    padding-top: 7rem;
    z-index: 1
}

#special-product-banner section .content {
    width: 100%;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

#special-product-banner .bg-size-cover {
    background-size: cover
}

#special-product-banner .bg {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

#special-product-banner .content {
    text-align: center
}

#special-product-banner .offset-phoneS-1 {
    margin-right: 8.33333%
}

#special-product-banner .col-phoneS-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

#special-product-banner .rgbw-controller #header .content h1 {
    font-size: 24px;
    color: #fff
}

#special-product-banner h1 {
    font-size: 3.4rem;
    padding-bottom: .8rem
}

#special-product-banner .rgbw-controller #header .content .claim {
    font-size: 150%;
    color: #fff
}

#special-product-banner .fixed-grid main p {
    color: #727272;
    max-width: 980px;
    margin-right: auto;
    font-size: 18px;
    margin-left: auto
}

#special-product-banner .fixed-grid main p {
    padding-bottom: 13px
}

#special-product-banner p {
    line-height: 1.5;
    padding-bottom: 2.4rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

#special-product-banner .rgbw-controller #header .bg-first {
    margin-bottom: -30vh
}

#special-product-banner .bg-size-cover {
    background-size: cover
}

#special-product-banner .bg {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

#special-product-banner .single-product .bg-second {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover
}

#special-product-banner .bg-size-cover {
    background-size: cover
}

#special-product-banner .btn.btn-lrg {
    font-size: 16px;
    min-height: 60px;
    padding-right: 50px;
    padding-left: 50px;
    min-width: 212px
}

#special-product-banner .buy-now-btn:hover {
    background: #fff !important;
    border: #fff solid 1px !important
}

#special-product-banner .btn {
    text-transform: uppercase;
    font-size: 14px;
    min-height: 48px;
    padding-right: 30px;
    padding-left: 30px;
    font-family: NunitoSans-Black,sans-serif;
    border-radius: 10px;
    text-align: center;
    letter-spacing: .5px
}

#special-product-banner a,#special-product-banner span {
    font-family: NunitoSans-Regular;
    text-decoration: none
}

@media(min-width: 200px) and (max-width:767px) {
    #special-product-banner .rgbw-controller #header {
        overflow:hidden
    }

    #special-product-banner .rgbw-controller #header.active .content {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    #special-product-banner .rgbw-controller #header {
        overflow: hidden
    }

    #special-product-banner .rgbw-controller #header.active .content {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
}

@media(max-width: 767px) {
    #special-product-banner.fixed-grid section {
        background:#fff
    }

    #special-product-banner .rgbw-controller #header .content {
        height: 660px;
        padding-top: 15rem
    }
}

@media(min-width: 544px) {
    #special-product-banner .rgbw-controller #header .content {
        height:660px;
        padding-top: 15rem
    }

    #special-product-banner .rgbw-controller #header .content h1 {
        font-size: 32px
    }
}

@media(min-width: 768px) {
    #special-product-banner .rgbw-controller #header {
        width:auto;
        max-width: 2560px
    }

    #special-product-banner .rgbw-controller #header.active .content {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    #special-product-banner .rgbw-controller #header .content.bg {
        background-image: none
    }

    #special-product-banner .rgbw-controller #header .content {
        position: absolute;
        height: auto;
        padding-top: 45vh;
        -webkit-transition: all 1s ease-out 2s;
        transition: all 1s ease-out 2s;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }

    #special-product-banner .rgbw-controller #header .content h1 {
        font-size: 3.4rem
    }

    #special-product-banner .rgbw-controller #header.active .bg-first,#special-product-banner .rgbw-controller #header.active .bg-second {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    #special-product-banner .rgbw-controller #header .bg-first {
        height: 115vh;
        width: 100%;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        transition: -webkit-transform 2s ease-out;
        -webkit-transition: -webkit-transform 2s ease-out;
        transition: transform 2s ease-out;
        transition: transform 2s ease-out,-webkit-transform 2s ease-out;
        top: -30vh;
        margin-bottom: -20vh
    }

    #special-product-banner .rgbw-controller #header.active .bg-second {
        opacity: 0
    }

    #special-product-banner .rgbw-controller #header.active .bg-first,#special-product-banner .rgbw-controller #header.active .bg-second {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    #special-product-banner .rgbw-controller #header .bg-second {
        height: 115vh;
        width: 100%;
        -webkit-transition: all 2s ease-out;
        transition: all 2s ease-out
    }
}

@media(min-width: 1200px) {
    #special-product-banner .offset-desktopS-2 {
        margin-right:16.66667%
    }

    #special-product-banner .col-desktopS-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    #special-product-banner .fixed-grid.site-wrapper {
        background-color: #fbfbfb
    }

    #special-product-banner .fixed-grid main {
        overflow: hidden;
        background-color: #fff
    }

    #special-product-banner .has-secondary-nav main {
        margin-top: 128px
    }

    #special-product-banner .fixed-grid section {
        width: 1140px;
        margin-right: auto;
        margin-left: auto
    }

    #special-product-banner .fixed-grid .content {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }

    #special-product-banner section .content {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    #special-product-banner .btn.btn-lrg {
        font-size:14px;
        min-height: 46px;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 145px
    }

    #special-product-banner .kw #wrapper .btn {
        min-width: auto;
        font-size: 12px;
        min-height: 44px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.special-product-vertical-cards {
    font-size: 13px;
    position: relative;
    padding-bottom: 0
}

.special-product-vertical-cards .content {
    text-align: center;
    width: 100%;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.special-product-vertical-cards .content {
    padding-top: 0
}

.special-product-vertical-cards .col-phoneS-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.special-product-vertical-cards .col-phoneS-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.special-product-vertical-cards .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.special-product-vertical-cards .swiper-container {
    margin-bottom: 20px
}

.special-product-vertical-cards .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.special-product-vertical-cards .swiper-container-android .swiper-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.special-product-vertical-cards .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.special-product-vertical-cards .interior {
    margin: 0 10px 20px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,.3)
}

.special-product-vertical-cards .interior img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: auto
}

.special-product-vertical-cards .col-phoneL-10,.special-product-vertical-cards .col-phoneS-8 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.special-product-vertical-cards .interior span {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .special-product-vertical-cards .swiper-wrapper {
        display:block
    }

    .special-product-vertical-cards .interior span {
        display: block;
        margin-top: 0;
        margin-bottom: 30px;
        padding: 10px 0
    }
}

@media(min-width: 1200px) {
    .special-product-vertical-cards {
        width:1140px;
        margin-right: auto;
        margin-left: auto
    }

    .special-product-vertical-cards .content {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }

    .special-product-vertical-cards .col-desktopS-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .special-product-vertical-cards .offset-desktopS-2 {
        margin-right: 16.66667%
    }

    [dir=rtl] .special-product-vertical-cards .offset-desktopS-2 {
        margin-left: 16.66667%
    }
}

.product-special-single-image-banner-template {
    font-size: 13px;
    position: relative;
    width: 100% !important;
    text-align: center;
    margin-top: 0
}

.product-special-single-image-banner-template .content {
    text-align: center;
    width: auto;
    z-index: 10
}

.product-special-single-image-banner-template .container {
    position: absolute;
    z-index: 11;
    width: 700px !important;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%)
}

[dir=rtl] .product-special-single-image-banner-template .container {
    right: inherit
}

.product-special-single-image-banner-template .col-phoneS-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.product-special-single-image-banner-template .col-tabletP-12 {
    margin-right: 0 !important
}

.product-special-single-image-banner-template h2 {
    font-size: 26px;
    padding-bottom: 13px;
    font-size: 36px;
    color: #fff;
    text-transform: uppercase
}

.product-special-single-image-banner-template p {
    line-height: 1.5;
    padding-bottom: 2.4rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    padding-bottom: 13px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    max-width: 980px;
    margin-right: auto;
    font-size: 18px;
    margin-left: auto;
    color: #fff
}

.product-special-single-image-banner-template button {
    background: #cf2c89;
    border: 0;
    font-size: 16px !important;
    min-width: 170px !important;
    font-weight: 400
}

.product-special-single-image-banner-template .btn {
    text-transform: uppercase;
    font-size: 14px;
    min-height: 48px;
    padding-right: 30px;
    padding-left: 30px;
    font-family: NunitoSans-Black,sans-serif;
    border-radius: 10px;
    text-align: center;
    letter-spacing: .5px
}

.product-special-single-image-banner-template .bg {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    min-height: 400px !important;
    border-radius: 0;
    padding-bottom: 86%
}

.product-special-single-image-banner-template .bg-size-cover {
    background-size: cover
}

@media(min-width: 280px) and (max-width:767px) {
    .product-special-single-image-banner-template .container {
        max-width:100%
    }

    [dir=rtl] .product-special-single-image-banner-template .container {
        left: 50%;
        right: auto
    }
}

@media(max-width: 767px) {
    .product-special-single-image-banner-template .content {
        position:static
    }

    .product-special-single-image-banner-template .container {
        width: 100% !important
    }
}

@media(min-width: 768px) {
    .product-special-single-image-banner-template .content {
        position:absolute;
        text-align: right;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .product-special-single-image-banner-template .col-tabletP-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .product-special-single-image-banner-template .bg {
        padding-bottom: 50%
    }
}

@media(min-width: 992px) {
    .product-special-single-image-banner-template .content {
        right:0;
        width: 100%
    }

    .product-special-single-image-banner-template .bg {
        height: 0
    }

    .product-special-single-image-banner-template .bg {
        padding-bottom: 40%
    }
}

@media(min-width: 1200px) {
    .product-special-single-image-banner-template {
        margin-right:auto;
        margin-left: auto
    }

    .product-special-single-image-banner-template .content {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }

    .product-special-single-image-banner-template .bg {
        margin-bottom: 70px
    }
}

.tablets_stay_connected {
    background-color: #fff;
    padding-top: 70px;
    padding-bottom: 70px
}

.info_bar .subheading_ipad,.info_bar h3 {
    font-family: NunitoSans-SemiBold;
    font-size: 14px;
    font-weight: 800;
    line-height: 32px;
    color: #6f6f6f;
    margin-bottom: 0
}

@media(min-width: 768px) {
    .info_bar .subheading_ipad,.info_bar h3 {
        font-size:26px
    }
}

.info_bar .main_heading_ipad,.info_bar h2 {
    font-family: NunitoSans-Black;
    font-weight: 800;
    font-size: 20px;
    line-height: 50px;
    letter-spacing: -.02em;
    color: #000;
    max-width: 450px
}

@media(min-width: 768px) {
    .info_bar .main_heading_ipad,.info_bar h2 {
        font-size:41px
    }
}

.info_bar .txt_paragraph,.info_bar p {
    font-family: NunitoSans-SemiBold;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #6f6f6f;
    max-width: 45%
}

@media(min-width: 768px) {
    .info_bar .txt_paragraph,.info_bar p {
        font-size:18px
    }
}

.info_bar .shop_all_anchor,.info_bar a {
    font-family: NunitoSans-Black;
    font-weight: 900;
    font-size: 13px;
    line-height: 25px;
    color: #d12b8a;
    text-decoration: none;
    margin-bottom: .5rem
}

@media(min-width: 768px) {
    .info_bar .shop_all_anchor,.info_bar a {
        font-size:18px
    }
}

.info_bar .shop_all_anchor i,.info_bar a i {
    font-family: icomoon2 !important;
    font-size: 12px;
    margin: 0 5px;
    position: relative;
    top: -2px
}

.info_bar .shop_all_anchor i::before,.info_bar a i::before {
    content: "\e94b" !important
}

.stay_connected_slider .single_outer_product {
    background-color: #f6f6f6;
    margin: 45px 10px 20px;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.25);
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
    position: relative
}

.stay_connected_slider .single_outer_product::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    right: 0;
    background: -webkit-gradient(linear,left top,right bottom,color-stop(27.08%,#d12b8a),color-stop(107.7%,#70489d));
    background: linear-gradient(180deg,#d12b8a 27.92%,#70489d 107.7%);
    top: 0;
    border-radius: 8px 0 0 8px
}

.stay_connected_slider .products_single_slide {
    margin: 20px 25px 0
}

.stay_connected_slider .products_single_slide .content_single_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.stay_connected_slider .products_single_slide .content_single_box .apple-title-tab {
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f;
    font-style: normal;
    font-weight: 400
}

.stay_connected_slider .products_single_slide .content_single_box .apple_ipad_title {
    font-family: nunitosans-bold;
    font-size: 20px;
    line-height: 28px;
    color: #2e2e2e;
    padding-bottom: 5px;
    margin-bottom: .5rem
}

.stay_connected_slider .products_single_slide .content_single_box del {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #999
}

.stay_connected_slider .products_single_slide .content_single_box del span {
    font-family: NunitoSans-Regular;
    font-size: 11px;
    color: #6f6f6f;
    font-weight: 400
}

.stay_connected_slider .products_single_slide .content_single_box h4 {
    margin-top: -5px;
    font-size: 20px;
    font-family: NunitoSans-Black;
    line-height: 32px;
    color: #000
}

.stay_connected_slider .products_single_slide .content_single_box h4 span {
    font-family: NunitoSans-Regular;
    text-decoration: none;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #6f6f6f
}

@media(min-width: 768px) {
    .stay_connected_slider .products_single_slide .content_single_box h4 span {
        font-size:18px
    }
}

@media(min-width: 768px) {
    .stay_connected_slider .products_single_slide .content_single_box h4 {
        font-size:22px
    }
}

.stay_connected_slider .products_single_slide .content_single_box h4+.tbc_product_img {
    padding-top: 10px
}

.stay_connected_slider .products_single_slide .content_single_box .tbc_product_img {
    position: relative;
    z-index: 0;
    margin-top: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stay_connected_slider .products_single_slide .content_single_box .tbc_product_img img {
    max-width: 90%;
    height: 100%;
    max-height: 250px;
    display: block
}

.stay_connected_slider .products_single_slide .content_single_box .stayConnectedPic {
    height: auto;
    max-height: 260px;
    margin-top: 10px
}

.stay_connected_slider .products_single_slide .content_single_box .stayConnectedPic img {
    height: auto;
    max-height: 260px
}

.stay_connected_slider .products_single_slide .content_single_box .primary-button {
    background: #d12b8a;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    line-height: 19px;
    padding: 15px;
    border: 2px solid #d12b8a;
    min-height: 48px;
    width: 100%;
    max-width: 150px;
    font-family: NunitoSans-Black,sans-serif;
    border-radius: 4px;
    text-align: center;
    letter-spacing: .5px;
    cursor: pointer;
    width: 150;
    height: 50px;
    position: absolute;
    bottom: 25px;
    left: 30px;
    z-index: 1;
    text-transform: inherit;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.stay_connected_slider .products_single_slide .content_single_box .primary-button:hover {
    background: 0;
    color: #d12b8a
}

.stay_connected_slider .products_single_slide .content_single_box.button-left-alignment .primary-button {
    right: 30px;
    left: auto
}

.stay_connected_slider .products_single_slide .content_single_box.button-center-alignment .primary-button {
    right: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1))
}

.stay_connected_slider .products_single_slide .content_single_box.button-right-alignment .primary-button {
    left: 30px
}

.stay_connected_slider .slick-dots {
    margin-bottom: -35px
}

.stay_connected_slider .slick-dots li {
    margin: 0;
    padding: 0;
    width: auto
}

.stay_connected_slider .slick-dots li button {
    width: 10px;
    height: 10px !important;
    background-color: #c9c9c9;
    margin: 0 2.5px
}

.stay_connected_slider .slick-dots li.slick-active button {
    background: #d12b8a;
    margin-top: 0 !important
}

.wiyana_round_slider_section {
    background-color: #f6f6f6;
    padding-top: 70px;
    padding-bottom: 70px
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product {
    border-radius: 30px;
    background-color: #000;
    margin-top: 56px
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .products_single_slide {
    padding: 1.5rem;
    margin: 0
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product::before {
    display: none
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box {
    min-height: 368px
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .tbc_product_img {
    margin-bottom: 15px
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .apple_ipad_title {
    padding-bottom: 8px;
    font-weight: 600
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box del {
    padding: 4px 0 8px
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .apple-title-tab,.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .apple_ipad_title,.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box del,.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box del span,.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box h4,.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box h4 span {
    color: #fff
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box h4 {
    font-weight: 800
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box h4 span {
    font-weight: 400
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .tbc_product_img {
    margin-top: inherit;
    height: auto;
    margin-bottom: auto !important
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .tbc_product_img img {
    max-width: 220px;
    max-height: 141px
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .primary-button {
    position: static;
    border-width: 2px;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in;
    -webkit-transform: inherit !important;
    transform: inherit !important;
    margin-top: 6px
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product:nth-child(2n) {
    background-color: #fff
}

.wiyana_round_slider_section .stay_connected_slider .single_outer_product:nth-child(2n) .apple-title-tab,.wiyana_round_slider_section .stay_connected_slider .single_outer_product:nth-child(2n) .apple_ipad_title,.wiyana_round_slider_section .stay_connected_slider .single_outer_product:nth-child(2n) del,.wiyana_round_slider_section .stay_connected_slider .single_outer_product:nth-child(2n) del span,.wiyana_round_slider_section .stay_connected_slider .single_outer_product:nth-child(2n) h4,.wiyana_round_slider_section .stay_connected_slider .single_outer_product:nth-child(2n) h4 span {
    color: #2e2e2e
}

.hotspot_routers {
    background-color: #f6f6f6;
    padding-top: 70px;
    padding-bottom: 50px
}

.hotspot_routers h2,.hotspot_routers h3,.hotspot_routers p,.hotspot_routers span {
    padding: 0;
    margin: 0;
    line-height: normal
}

.hotspot_routers .text-left-alignment {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.hotspot_routers .internet_devices h3 {
    font-size: 14px;
    font-family: NunitoSans-SemiBold;
    line-height: normal;
    margin: 12px 0 16px;
    font-weight: 600
}

@media(min-width: 768px) {
    .hotspot_routers .internet_devices h3 {
        font-size:30px
    }
}

@media(min-width: 1401px) {
    .hotspot_routers .internet_devices h3 {
        font-size:32px
    }
}

.hotspot_routers .internet_devices h2 {
    font-family: NunitoSans-Black;
    font-size: 25px;
    letter-spacing: -.02em;
    line-height: 50px;
    margin-bottom: 18px;
    font-weight: 600
}

@media(min-width: 768px) {
    .hotspot_routers .internet_devices h2 {
        font-size:30px
    }
}

@media(min-width: 1024px) {
    .hotspot_routers .internet_devices h2 {
        font-size:36px
    }
}

@media(min-width: 1401px) {
    .hotspot_routers .internet_devices h2 {
        font-size:41px
    }
}

.hotspot_routers .internet_devices p {
    font-family: nunitosans-bold;
    font-size: 16px;
    line-height: 16px;
    color: #222c38;
    margin-bottom: 25px
}

.hotspot_routers .internet_devices .shop_all_btn {
    font-family: NunitoSans-Black;
    font-size: 18px;
    line-height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #d12b8a;
    text-decoration: none;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.hotspot_routers .internet_devices .shop_all_btn:hover {
    color: #d12b8a;
    opacity: .8
}

.hotspot_routers .internet_devices .shop_all_btn i {
    font-family: icomoon2 !important;
    font-size: 12px;
    margin: 0 5px;
    position: relative;
    top: -1px
}

.hotspot_routers .internet_devices .shop_all_btn i::before {
    content: "\e94b" !important
}

.hotspot_routers .huawei_router .img_view {
    margin-bottom: 15px;
    max-width: 185px;
    min-height: 307px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.hotspot_routers .huawei_router .img_view img {
    width: 100%;
    max-height: 100%
}

.hotspot_routers .huawei_router .title_router {
    font-size: 14px;
    color: #6f6f6f
}

.hotspot_routers .huawei_router h2 {
    font-size: 20px;
    font-family: nunitosans-bold;
    color: #2e2e2e;
    margin: 3px 0 15px;
    font-weight: 600
}

.hotspot_routers .huawei_router p {
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f;
    margin-bottom: 7px;
    min-height: 19px
}

.hotspot_routers .huawei_router h3 {
    font-family: NunitoSans-Black;
    font-size: 22px;
    font-weight: 600
}

.hotspot_routers .huawei_router h3 span {
    font-family: NunitoSans-Regular;
    font-size: 18px
}

.hotspot_routers .huawei_router h3 del {
    font-size: 14px;
    font-family: NunitoSans-Regular;
    color: #999
}

.hotspot_routers .huawei_router h3 del span {
    font-size: 11px
}

.hotspot_routers .huawei_router .btn_buy_now {
    min-height: 48px;
    padding: 14px 16px;
    border-radius: 4px;
    text-align: center;
    letter-spacing: .5px;
    width: 100%;
    max-width: 226px;
    height: 51px;
    border: 2px solid #d12b8a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #d12b8a;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in;
    margin-top: 14px;
    font-size: 14px
}

.hotspot_routers .huawei_router .btn_buy_now:hover {
    background-color: #d12b8a;
    color: #fff
}

.text_gradient {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

.title_section {
    padding-top: 70px;
    padding-bottom: 40px
}

.title_section h3 {
    font-family: NunitoSans-SemiBold;
    font-size: 26px;
    color: #6f6f6f;
    font-weight: 600;
    text-align: inherit !important
}

.title_section h2 {
    font-family: nunitosans-bold;
    font-size: 41px;
    letter-spacing: -.02em;
    font-weight: 600;
    text-align: inherit !important
}

.title_section p {
    font-size: 18px;
    color: #222c38;
    font-family: nunitosans-bold
}

@media(max-width: 1600px) {
    .title_section p {
        font-size:16px
    }
}

@media(max-width: 1440px) {
    .title_section p {
        font-size:14px
    }
}

.title_section .secondary-button-common {
    display: inline-block;
    min-width: 212px;
    margin-top: 20px
}

.title-box {
    padding-bottom: 30px
}

.title-box h2,.title-box h3 {
    font-family: nunitosans-bold;
    font-size: 20px;
    letter-spacing: -.02em;
    font-weight: 600;
    margin-bottom: 8px
}

@media(min-width: 768px) {
    .title-box h2,.title-box h3 {
        font-size:41px
    }
}

.title-box a {
    color: #d12b8a;
    font-weight: 900 !important;
    font-size: 13px
}

@media(min-width: 768px) {
    .title-box a {
        font-size:18px
    }
}

.title-box a:hover {
    opacity: .8
}

.custom-button-border {
    min-height: 48px;
    padding: 14px 16px;
    border-radius: 4px;
    text-align: center;
    letter-spacing: .5px;
    width: 100%;
    max-width: 226px;
    height: 45px;
    border: 2px solid #d12b8a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #d12b8a;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 900 !important
}

.custom-button-border:hover {
    background-color: #d12b8a;
    color: #fff
}

.custom-button-bg {
    height: 48px;
    padding: 0 16px;
    line-height: 48px;
    border-radius: 4px;
    text-align: center;
    letter-spacing: .5px;
    width: 100%;
    max-width: 226px;
    border: 2px solid #d12b8a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 900 !important;
    background-color: #d12b8a
}

.custom-button-bg:hover {
    background-color: transparent;
    color: #d12b8a
}

.gaming_section {
    padding-top: 70px;
    padding-bottom: 70px
}

.gaming_section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(50% - 10px);
    bottom: 0;
    right: 0;
    background: linear-gradient(181.27deg,rgba(124,122,122,.62) -247.76%,rgba(196,196,196,0) 62.65%);
    z-index: 0
}

.gaming_section h2,.gaming_section h3,.gaming_section p,.gaming_section span {
    padding: 0;
    margin: 0;
    line-height: normal
}

.gaming_section>.container {
    position: relative;
    z-index: 1
}

.gaming_section .title-box {
    padding-bottom: 23px
}

.gaming_section .title-box h2,.gaming_section .title-box h3 {
    line-height: 58px
}

.gaming_section .title-box .title_gaming_txt {
    margin-bottom: 8px
}

.gaming_section .title-box a {
    margin-top: 3px;
    display: inline-block;
    text-transform: inherit !important
}

.gaming_section .title-box a i {
    font-family: icomoon2 !important;
    font-size: 12px;
    margin: 0 5px;
    position: relative;
    top: -2px
}

.gaming_section .title-box a i::before {
    content: "\e94b" !important
}

.gaming_section .py-4 {
    padding-bottom: 1.5rem
}

.gaming_section .gaming_product_slider .gaming_product_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.gaming_section .gaming_product_slider .gaming_product_img img {
    max-width: 100%;
    max-height: 370px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 50px
}

.gaming_section .gaming_product_slider .gaming_product_description {
    margin: 4px auto 0;
    max-width: 350px
}

.gaming_section .gaming_product_slider .gaming_product_description .gaming_product_brand {
    font-size: 12px;
    color: #6f6f6f
}

@media(min-width: 768px) {
    .gaming_section .gaming_product_slider .gaming_product_description .gaming_product_brand {
        font-size:14px
    }
}

.gaming_section .gaming_product_slider .gaming_product_description .gaming_product_name {
    font-family: NunitoSans-SemiBold;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 9px
}

@media(min-width: 768px) {
    .gaming_section .gaming_product_slider .gaming_product_description .gaming_product_name {
        font-size:25px
    }
}

.gaming_section .gaming_product_slider .gaming_product_description .zain_subheading_product {
    font-size: 12px;
    color: #6f6f6f
}

@media(min-width: 768px) {
    .gaming_section .gaming_product_slider .gaming_product_description .zain_subheading_product {
        font-size:14px
    }
}

.gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product {
    font-family: NunitoSans-Black;
    font-size: 18px
}

@media(min-width: 768px) {
    .gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product {
        font-size:24px
    }
}

.gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product>span {
    font-size: 18px;
    font-family: NunitoSans-Regular;
    color: #000
}

.gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product>span del {
    font-weight: 300;
    font-size: 12px;
    color: #999
}

@media(min-width: 768px) {
    .gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product>span del {
        font-size:16px
    }
}

.gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product>span del span {
    font-size: 11px
}

.gaming_section .gaming_product_slider .gaming_product_description .custom-button-bg {
    width: 100%;
    max-width: 185px
}

.gaming_section .slick-dots {
    margin-bottom: -35px;
    display: none
}

.gaming_section .slick-dots li {
    margin: 0;
    padding: 0;
    width: auto
}

.gaming_section .slick-dots li button {
    width: 10px;
    height: 10px !important;
    background-color: #c9c9c9;
    margin: 0 2.5px
}

.gaming_section .slick-dots li.slick-active button {
    background: #d12b8a;
    margin-top: 0 !important
}

body {
    --screen-width: calc(100vw - (100vw - 100%))
}

@media(min-width: 1200px) {
    .smart_tv_section .smart_tv_slider_row {
        padding-right:calc((var(--screen-width) - 1000px)/ 2) !important
    }
}

@media(min-width: 1440px) {
    .smart_tv_section .smart_tv_slider_row {
        padding-right:calc((var(--screen-width) - 1220px)/ 2) !important
    }
}

@media(min-width: 1600px) {
    .smart_tv_section .smart_tv_slider_row {
        padding-right:calc((var(--screen-width) - 1442px)/ 2) !important
    }
}

.smart_tv_section {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #f6f6f6;
    position: relative;
    overflow: hidden
}

.smart_tv_section .container-fluid .row {
    margin-right: 0;
    margin-left: 0
}

.smart_tv_section .smart_tv_slider_row {
    margin-left: -52px !important
}

.smart_tv_section .smart_tv_slider_row h2,.smart_tv_section .smart_tv_slider_row h3,.smart_tv_section .smart_tv_slider_row p,.smart_tv_section .smart_tv_slider_row span {
    padding: 0;
    margin: 0;
    line-height: normal
}

.smart_tv_section .smart_tv_slider_outer {
    margin: 0 26px
}

.smart_tv_section .smart_tv_slider .slick-list {
    margin: 0 -26px
}

.smart_tv_section .smart_slider_content .top_line {
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 9px;
    background: linear-gradient(87.62deg,#d12b8a 27.92%,#70489d 107.7%)
}

.smart_tv_section .smart_slider_content .sm_subtitle {
    font-size: 14px;
    color: #6f6f6f
}

.smart_tv_section .smart_slider_content h2 {
    font-family: NunitoSans-SemiBold;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px
}

@media(min-width: 768px) {
    .smart_tv_section .smart_slider_content h2 {
        font-size:25px
    }
}

.smart_tv_section .smart_slider_content h3 {
    font-family: NunitoSans-Black;
    font-size: 20px;
    color: #000;
    font-weight: 600
}

@media(min-width: 768px) {
    .smart_tv_section .smart_slider_content h3 {
        font-size:24px
    }
}

.smart_tv_section .smart_slider_content h3 span {
    font-family: NunitoSans-Regular;
    font-size: 18px;
    font-weight: 300
}

.smart_tv_section .smart_slider_content h3 del {
    font-size: 16px;
    margin-right: 10px;
    color: #999;
    font-family: NunitoSans-Regular;
    font-weight: 300
}

.smart_tv_section .custom-button-bg {
    width: 100%;
    max-width: inherit;
    min-width: 100%;
    margin-top: 24px;
    border-width: 2px;
    -webkit-transition: .15s all ease-in;
    transition: .15s all ease-in;
    text-transform: inherit !important
}

.smart_tv_section .slick-arrow {
    position: absolute;
    top: -55px;
    right: auto;
    width: 40px;
    height: 40px;
    border: 0;
    text-indent: -9999px;
    color: transparent;
    background-size: contain !important
}

.smart_tv_section .slick-arrow::before {
    display: none;
    background-size: cover !important
}

.smart_tv_section .slick-arrow.slick-next {
    background: url(../images/next-arrow.svg) no-repeat center center;
    left: 87px
}

.smart_tv_section .slick-arrow.slick-prev {
    background: url(../images/prev-arrow.svg) no-repeat center center;
    left: 112px
}

.smart_tv_section .slick-arrow.slick-disabled {
    opacity: .5;
    pointer-events: none
}

.wearable_section {
    padding-top: 70px;
    padding-bottom: 70px
}

.wearable_section .info_bar {
    margin-bottom: 104px
}

.wearable_section .wearable_slider_for_container h2,.wearable_section .wearable_slider_for_container h3,.wearable_section .wearable_slider_for_container p,.wearable_section .wearable_slider_for_container span {
    padding: 0;
    margin: 0;
    line-height: normal
}

.wearable_section .wearable_slider_nav {
    margin: 0 -14px;
    margin-top: -315px !important
}

.wearable_section .wearable_slider_nav .slick-list {
    padding: 0 55% 0 0 !important
}

.wearable_section .wearable_slider_nav .wearable_slid {
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.25);
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
    margin: 0 7px 10px 7px;
    min-height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.wearable_section .wearable_slider_nav .wearable_slid::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4)
}

.wearable_section .wearable_slider_nav .wearable_slid_inner {
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wearable_section .wearable_slider_nav .wearable_slid_inner img {
    max-width: 250px;
    max-height: 250px
}

.wearable_section .wearable_slid.slick-current {
    background-color: #fbfbfb
}

.wearable_section .wearable_slid.slick-current::before {
    background-color: rgba(0,0,0,0)
}

.wearable_section .wh_slider_content h2 {
    font-family: nunitosans-bold;
    font-size: 20px;
    line-height: 48px;
    color: #000;
    margin-bottom: 6px
}

@media(min-width: 768px) {
    .wearable_section .wh_slider_content h2 {
        font-size:24px
    }
}

@media(min-width: 992px) {
    .wearable_section .wh_slider_content h2 {
        font-size:39px
    }
}

.wearable_section .wh_slider_content p {
    font-family: NunitoSans-SemiBold;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: -.02em;
    color: #000;
    margin-bottom: 1rem
}

@media(min-width: 992px) {
    .wearable_section .wh_slider_content p {
        font-size:18px
    }
}

.wearable_section .wh_slider_content .sm_subprice {
    font-size: 14px;
    color: #6f6f6f
}

.wearable_section .wh_slider_content h3 {
    font-family: nunitosans-bold;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-weight: 600;
    margin-bottom: .5rem
}

@media(min-width: 768px) {
    .wearable_section .wh_slider_content h3 {
        font-size:18px
    }
}

@media(min-width: 992px) {
    .wearable_section .wh_slider_content h3 {
        font-size:24px
    }
}

.wearable_section .wh_slider_content h3 span {
    font-family: NunitoSans-Regular;
    font-size: 18px;
    font-weight: 300
}

.wearable_section .wh_slider_content h3 del {
    font-size: 14px;
    margin-right: 15px;
    font-weight: 300;
    color: #999;
    font-family: NunitoSans-Regular
}

@media(min-width: 768px) {
    .wearable_section .wh_slider_content h3 del {
        font-size:16px
    }
}

.wearable_section .wh_slider_content h3 del span {
    font-size: 11px
}

.wearable_section .custom-button-bg {
    margin-top: 0
}

.wearable_section .wh_slider_mobile_content {
    display: none
}

.wearable_section .slick-arrow {
    border: 0;
    display: inline-block;
    height: 40px;
    width: 40px;
    z-index: 1;
    position: absolute;
    top: 50%;
    text-indent: -9999px;
    color: transparent
}

.wearable_section .slick-arrow::before {
    display: none
}

.wearable_section .slick-next {
    background: url(../images/white-next-arrow.svg) no-repeat center center;
    left: 13%
}

.wearable_section .slick-prev {
    display: none !important;
    background: url(../images/white-prev-arrow.svg) no-repeat center center;
    left: 13%;
    right: auto
}

.wearable_section .slick-dots {
    margin-bottom: -35px
}

.wearable_section .slick-dots li {
    margin: 0;
    padding: 0;
    width: auto
}

.wearable_section .slick-dots li button {
    width: 10px;
    height: 10px !important;
    background-color: #c9c9c9;
    margin: 0 2.5px
}

.wearable_section .slick-dots li.slick-active button {
    background: #d12b8a;
    margin-top: 0 !important
}

@media(max-width: 1600px) {
    .smart_tv_section .smart_tv_slider_row {
        margin-left:-45px !important
    }
}

@media(max-width: 1440px) {
    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .products_single_slide {
        padding-top:.5rem;
        padding-bottom: .5rem
    }

    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .tbc_product_img {
        margin-bottom: inherit !important
    }
}

@media(max-width: 1400px) {
    .hotspot_routers .internet_devices h2 {
        line-height:44px
    }

    .hotspot_routers .huawei_router {
        padding-left: 26px
    }

    .hotspot_routers .huawei_router h2 {
        font-size: 18px
    }

    .hotspot_routers .huawei_router h3 {
        font-size: 22px
    }
}

@media(max-width: 1366px) {
    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .products_single_slide {
        padding:.5rem 1.5rem .8rem
    }

    .smart_tv_section .slick-arrow.slick-next {
        left: 72px
    }

    .smart_tv_section .slick-arrow.slick-prev {
        left: 97px
    }
}

@media(max-width: 1200px) {
    .gaming_section .gaming_product_slider .gaming_product_img img {
        margin-right:0
    }
}

@media(max-width: 1199px) {
    .hotspot_routers .mobile_rev_row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gaming_section::before {
        height: calc(50% - 18px)
    }

    .gaming_section .gaming_product_slider .gaming_product_img {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .gaming_section .gaming_product_slider .gaming_product_img img {
        max-height: 244px;
        max-width: 220px
    }

    .smart_tv_section .container-fluid {
        max-width: 820px
    }

    .smart_tv_section .container-fluid .row {
        margin-right: 8px;
        margin-left: 8px
    }

    .smart_tv_section .smart_slider_content {
        width: 100%
    }

    .smart_tv_section .custom-button-bg {
        margin-bottom: 20px
    }

    .smart_tv_section .slick-arrow.slick-next {
        left: 26px
    }

    .smart_tv_section .slick-arrow.slick-prev {
        left: 52px
    }

    .wearable_section .wearable_slider_nav .slick-list {
        padding: 0 35% 0 0 !important
    }
}

@media(max-width: 1199px) and (min-width:992px) {
    .container_820_max-width .container,.gaming_section .container,.smart_tv_section .container,.tablets_stay_connected .container,.wiyana_round_slider_section .container {
        max-width:820px
    }
}

@media(min-width: 768px) and (max-width:1200px) {
    .stay_connected_slider .products_single_slide .content_single_box .apple_ipad_title {
        min-height:60px
    }

    .wiyana_round_slider_section .products_single_slide .content_single_box .apple_ipad_title {
        min-height: inherit
    }
}

@media(max-width: 1024px) {
    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box {
        min-height:inherit
    }
}

@media(max-width: 992px) {
    .hotspot_routers .huawei_router .img_view {
        max-width:134px;
        max-height: 219px;
        min-height: 219px
    }
}

@media(max-width: 991px) {
    .hotspot_routers {
        padding-top:50px;
        padding-bottom: 50px
    }

    .hotspot_routers .mobile_rev_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .hotspot_routers .col-md-8 {
        margin-top: 30px
    }

    .hotspot_routers .internet_devices h3 {
        margin: 0 0 10px
    }

    .hotspot_routers .internet_devices h2 {
        line-height: 36px
    }

    .hotspot_routers .huawei_router h3 span {
        font-size: 16px;
        font-weight: 600
    }

    .smart_tv_section .smart_tv_slider_outer {
        margin: 0 44px
    }

    .smart_tv_section .container {
        margin-right: 20px;
        margin-left: 20px
    }

    .smart_tv_section .smart_tv_slider_row {
        padding-right: 0;
        margin: 0 !important
    }

    .smart_tv_section .mob_rev_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .smart_tv_section .mob_rev_row .col-sm-12 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .smart_tv_section .mob_rev_row .col-sm-12 .smart_slider_content {
        width: 60%
    }

    .smart_tv_section .mob_rev_row .col-sm-12 .smart_slider_content .top_line {
        display: none
    }

    .smart_tv_section .mob_rev_row .col-sm-12 .smart_slider_content h3 del {
        font-size: 16px
    }

    .smart_tv_section .mob_rev_row .col-sm-12 .custom-button-bg {
        width: 40%;
        min-width: inherit
    }

    .smart_tv_section .smart_tv_slider .slick-list {
        margin: 0 -20px 0 -60px
    }

    .smart_tv_section .slick-dots {
        margin-bottom: -35px
    }

    .smart_tv_section .slick-dots li {
        margin: 0;
        padding: 0;
        width: auto
    }

    .smart_tv_section .slick-dots li button {
        width: 10px;
        height: 10px !important;
        background-color: #c9c9c9;
        margin: 0 2.5px
    }

    .smart_tv_section .slick-dots li.slick-active button {
        background: #d12b8a;
        margin-top: 0 !important
    }

    .wearable_section .info_bar {
        margin-bottom: 40px
    }

    .wearable_section .desktop_ident_lrm {
        display: none
    }

    .wearable_section .wh_slider_mobile_content {
        display: block
    }

    .wearable_section .wearable_slider_nav {
        margin: 0 !important
    }

    .wearable_section .wearable_slider_nav .slick-list {
        padding: 0 !important;
        margin: 0;
        position: relative;
        overflow: hidden;
        display: block
    }

    .wearable_section .wearable_slider_nav .slick-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px;
        text-align: center
    }

    .wearable_section .wiyana_wearable_slider_container .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .wearable_section .wiyana_wearable_slider_container .col-md-4.col-sm-5 {
        display: none !important
    }

    .wearable_section .wiyana_wearable_slider_container .col_ipad_adjust_wearable {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 140px !important
    }

    .wearable_section .wh_slider_content h2 {
        line-height: 33px
    }

    .wearable_section .wh_slider_content p {
        line-height: 18px;
        max-width: 217px;
        margin-bottom: 25px
    }

    .wearable_section .wh_slider_content .sm_subprice {
        display: none
    }

    .wearable_section .custom-button-bg {
        max-width: 109px;
        padding: 0
    }
}

@media(max-width: 767px) and (min-width:360px) {
    .hotspot_routers .container {
        max-width:inherit !important;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media(max-width: 767px) {
    .custom-button-bg {
        border-radius:4px;
        max-width: 109px
    }

    .info_bar {
        margin-right: 7px
    }

    .info_bar .subheading_ipad,.info_bar h3 {
        line-height: 18px;
        color: #000;
        margin-bottom: 3px
    }

    .info_bar .main_heading_ipad,.info_bar h2 {
        line-height: 24px;
        font-family: nunitosans-bold
    }

    .info_bar .txt_paragraph,.info_bar p {
        display: none;
        max-width: inherit;
        line-height: 18px;
        padding: 10px 0
    }

    .info_bar .shop_all_anchor,.info_bar a {
        line-height: 16px;
        font-family: nunitosans-bold
    }

    .info_bar .shop_all_anchor i,.info_bar a i {
        top: 0
    }

    .title_section .secondary-button-common {
        max-width: 138px;
        min-width: 138px
    }

    .stay_connected_slider .products_single_slide .content_single_box .primary-button {
        border-radius: 4px;
        max-width: 109px;
        height: 48px
    }

    .stay_connected_slider .products_single_slide .content_single_box .tbc_product_img img {
        max-height: 160px
    }

    .wiyana_round_slider_section .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 0;
        max-width: inherit
    }

    .wiyana_round_slider_section .info_bar .main_heading_ipad,.wiyana_round_slider_section .info_bar h2 {
        font-size: 24px
    }

    .wiyana_round_slider_section .stay_connected_slider {
        padding-right: 0;
        padding-left: 0
    }

    .wiyana_round_slider_section .stay_connected_slider .slick-list {
        padding: 0 !important
    }

    .wiyana_round_slider_section .stay_connected_slider .single_outer_product {
        margin-top: 35px
    }

    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box {
        min-height: auto
    }

    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .tbc_product_img {
        margin-bottom: 1rem !important
    }

    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .tbc_product_img img {
        max-width: 180px
    }

    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .apple_ipad_title {
        margin-bottom: 0 !important;
        line-height: 22px;
        padding-bottom: 15px;
        padding-top: 3px
    }

    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .title_bar+.apple-title-tab {
        display: none
    }

    .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box del {
        padding: 0
    }

    .hotspot_routers .col-md-8 {
        margin-top: 20px
    }

    .hotspot_routers .col-md-8 .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px
    }

    .hotspot_routers .internet_devices h2 {
        line-height: 24px;
        font-family: nunitosans-bold;
        margin-bottom: 8px
    }

    .hotspot_routers .internet_devices p {
        display: none
    }

    .hotspot_routers .internet_devices .shop_all_btn {
        font-size: 16px;
        font-family: NunitoSans-SemiBold
    }

    .hotspot_routers .internet_devices .shop_all_btn i {
        top: 0
    }

    .hotspot_routers .huawei_router {
        padding-left: 0
    }

    .hotspot_routers .huawei_router h2 {
        font-size: 16px;
        line-height: 19px
    }

    .hotspot_routers .huawei_router h3 {
        font-size: 18px
    }

    .hotspot_routers .huawei_router h3 del {
        font-size: 14px;
        font-weight: 300
    }

    .hotspot_routers .huawei_router .btn_buy_now {
        min-height: 40px;
        height: 40px;
        border-radius: 4px;
        border-width: 2px;
        max-width: 152px
    }

    .gaming_section .container {
        padding-right: 15px;
        padding-left: 15px;
        max-width: inherit;
        margin-right: 0;
        margin-left: 0
    }

    .gaming_section .gaming_product_slider .gaming_product_slide .gaming_product {
        margin: 15px
    }

    .gaming_section .gaming_product_slider .gaming_product_slide .gaming_product_img img {
        max-height: 180px;
        margin-right: 10px
    }

    .gaming_section .gaming_product_slider .gaming_product_description {
        margin-top: 15px
    }

    .gaming_section .gaming_product_slider .gaming_product_description .custom-button-bg {
        max-width: 109px;
        line-height: 19px;
        text-transform: inherit
    }

    .gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product>span del {
        color: #2e2e2e
    }

    .gaming_section .title-box h2,.gaming_section .title-box h3 {
        line-height: 32px
    }

    .gaming_section .title-box a i {
        top: 0
    }

    .gaming_section .slick-dots {
        margin-bottom: -40px
    }

    .gaming_section .slick-dots li button {
        width: 9px;
        height: 9px;
        margin: 0 2px
    }

    .smart_tv_section .smart_slider_content .top_line {
        display: none
    }

    .smart_tv_section .smart_slider_content .sm_subtitle {
        color: #2e2e2e
    }

    .smart_tv_section .smart_slider_content h2 {
        color: #2e2e2e;
        font-family: nunitosans-bold;
        line-height: 22px
    }

    .smart_tv_section .smart_slider_content .content_2 .sm_subtitle {
        font-size: 16px;
        color: #2e2e2e
    }

    .smart_tv_section .smart_slider_content h3 del {
        font-size: 14px
    }

    .smart_tv_section .smart_tv_slider .slick-list {
        margin: 0
    }

    .smart_tv_section .smart_tv_slider_outer {
        margin: 0 15px
    }

    .smart_tv_section .mob_rev_row .col-md-4 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .smart_tv_section .mob_rev_row .col-md-4 .smart_slider_content {
        width: 60%
    }

    .smart_tv_section .mob_rev_row .col-md-4 .custom-button-bg {
        width: 109px;
        padding: 0 10px;
        min-width: auto
    }

    .smart_tv_section .info_bar h2 {
        margin: 0
    }

    .smart_tv_section .info_bar .txt_paragraph,.smart_tv_section .info_bar p {
        display: block;
        margin: 0
    }

    .smart_tv_section .smart_single_slide .row.mob_rev_row {
        margin-right: 0;
        margin-left: 0
    }

    .smart_tv_section .smart_slider_img img {
        max-width: 100%;
        max-height: 204px;
        margin: 0 auto !important
    }

    .smart_tv_section .slick-dots {
        position: absolute;
        top: 225px;
        right: 0;
        width: 100%;
        height: 14px;
        margin: 0
    }

    .wearable_section .info_bar {
        margin-bottom: 20px
    }

    .wearable_section .wearable_slider_nav .slick-list {
        padding: 0 25% 0 0 !important
    }

    .wearable_section .wearable_slider_nav .wearable_slid_inner {
        min-height: 175px;
        margin-bottom: 21px
    }

    .wearable_section .wearable_slider_nav .wearable_slid_inner img {
        max-width: 220px;
        max-height: 185px
    }

    .wearable_section .wearable_slider_nav .slick-slide {
        padding: 24px 15px 27px
    }

    .wearable_section .wh_slider_content h2 {
        margin-bottom: 9px
    }

    .wearable_section .wh_slider_content p {
        margin-bottom: 20px
    }

    .wearable_section .wh_slider_content h3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        line-height: 22px;
        margin-bottom: 12px
    }

    .wearable_section .wiyana_wearable_slider_container .col_ipad_adjust_wearable {
        padding: 0 !important
    }
}

html[dir=rtl] .slick-slide {
    float: right !important
}

html[dir=rtl] .custom-button-bg,html[dir=rtl] .custom-button-border,html[dir=rtl] .gaming_section .gaming_product_slider .gaming_product_description .gaming_product_name,html[dir=rtl] .gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product,html[dir=rtl] .gaming_section .title-box .title_gaming_txt,html[dir=rtl] .hotspot_routers .huawei_router .btn_buy_now,html[dir=rtl] .hotspot_routers .huawei_router h2,html[dir=rtl] .hotspot_routers .huawei_router h3,html[dir=rtl] .hotspot_routers .internet_devices h2,html[dir=rtl] .hotspot_routers .internet_devices h3,html[dir=rtl] .info_bar .main_heading_ipad,html[dir=rtl] .info_bar .subheading_ipad,html[dir=rtl] .info_bar h2,html[dir=rtl] .info_bar h3,html[dir=rtl] .smart_tv_section .smart_slider_content h3,html[dir=rtl] .stay_connected_slider .products_single_slide .content_single_box h4 {
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product>span,html[dir=rtl] .gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product>span del,html[dir=rtl] .hotspot_routers .huawei_router .title_router,html[dir=rtl] .hotspot_routers .huawei_router h3 del,html[dir=rtl] .hotspot_routers .huawei_router h3 del span,html[dir=rtl] .hotspot_routers .huawei_router h3 span,html[dir=rtl] .hotspot_routers .huawei_router p,html[dir=rtl] .hotspot_routers .internet_devices .shop_all_btn,html[dir=rtl] .hotspot_routers .internet_devices p,html[dir=rtl] .info_bar .shop_all_anchor,html[dir=rtl] .info_bar .txt_paragraph,html[dir=rtl] .info_bar a,html[dir=rtl] .info_bar p,html[dir=rtl] .smart_tv_section .smart_slider_content h3 del,html[dir=rtl] .smart_tv_section .smart_slider_content h3 del span,html[dir=rtl] .smart_tv_section .smart_slider_content h3 span,html[dir=rtl] .stay_connected_slider .products_single_slide .content_single_box del,html[dir=rtl] .stay_connected_slider .products_single_slide .content_single_box del span,html[dir=rtl] .title-box a {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .info_bar .subheading_ipad,html[dir=rtl] .info_bar h3 {
    font-size: 24px
}

html[dir=rtl] .info_bar .main_heading_ipad,html[dir=rtl] .info_bar h2 {
    font-size: 32px
}

html[dir=rtl] .info_bar .shop_all_anchor,html[dir=rtl] .info_bar a {
    font-weight: 900
}

html[dir=rtl] .info_bar .shop_all_anchor i,html[dir=rtl] .info_bar a i {
    top: 0;
    font-size: 9px !important
}

html[dir=rtl] .info_bar .shop_all_anchor i::before,html[dir=rtl] .info_bar a i::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    content: "\e93e" !important
}

html[dir=rtl] .title-box h2,html[dir=rtl] .title-box h3 {
    font-size: 20px;
    font-weight: 600
}

@media(min-width: 768px) {
    html[dir=rtl] .title-box h2,html[dir=rtl] .title-box h3 {
        font-size:38px
    }
}

html[dir=rtl] .products_single_slide .content_single_box .title_bar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: auto;
    padding: 5px 0 8px
}

html[dir=rtl] .products_single_slide .content_single_box del {
    font-size: 16px;
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .products_single_slide .content_single_box del span {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .products_single_slide .content_single_box h4 {
    font-family: QTZain-Bold,sans-serif;
    font-size: 24px
}

html[dir=rtl] .products_single_slide .content_single_box h4 span {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .products_single_slide .content_single_box .primary-button {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .products_single_slide .content_single_box.button-center-alignment .primary-button {
    -webkit-transform: translateX(50%);
    transform: translateX(calc(50% * -1))
}

html[dir=rtl] .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .apple_ipad_title {
    font-size: 24px;
    font-weight: 600
}

html[dir=rtl] .hotspot_routers>.container>.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

html[dir=rtl] .hotspot_routers .text-left-alignment {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

html[dir=rtl] .hotspot_routers .internet_devices h3 {
    font-size: 24px;
    font-weight: 300
}

html[dir=rtl] .hotspot_routers .internet_devices h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 45px
}

html[dir=rtl] .hotspot_routers .internet_devices .shop_all_btn i {
    top: 0;
    font-size: 9px !important
}

html[dir=rtl] .hotspot_routers .internet_devices .shop_all_btn i::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    content: "\e93e" !important
}

html[dir=rtl] .hotspot_routers .huawei_router h2 {
    font-size: 20px;
    font-weight: 600
}

html[dir=rtl] .hotspot_routers .huawei_router h3 {
    font-size: 20px;
    font-weight: 600
}

html[dir=rtl] .hotspot_routers .huawei_router h3 span {
    font-size: 18px;
    font-weight: 600
}

html[dir=rtl] .hotspot_routers .huawei_router h3 del {
    font-size: 16px;
    font-weight: 300
}

html[dir=rtl] .hotspot_routers .huawei_router h3 del span {
    font-size: 11px;
    font-weight: 300
}

html[dir=rtl] .gaming_section .gaming_product_slider .gaming_product_description .pricing_gaming_product>span del span {
    font-weight: 300
}

html[dir=rtl] .gaming_section .title-box a i {
    top: 0;
    font-size: 9px !important
}

html[dir=rtl] .gaming_section .title-box a i::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    content: "\e93e" !important
}

html[dir=rtl] .smart_tv_section .smart_tv_slider_row {
    margin-left: 0 !important
}

html[dir=rtl] .smart_tv_section .smart_slider_content h3 {
    font-weight: 600
}

html[dir=rtl] .smart_tv_section .smart_slider_content h3 del {
    font-size: 16px;
    font-weight: 300
}

html[dir=rtl] .smart_tv_section .smart_slider_content h3 del span {
    font-weight: 300;
    font-size: 16px
}

html[dir=rtl] .smart_tv_section .slick-arrow.slick-next {
    background: url(../images/prev-arrow.svg) no-repeat center center;
    left: 35px
}

html[dir=rtl] .smart_tv_section .slick-arrow.slick-prev {
    background: url(../images/next-arrow.svg) no-repeat center center;
    left: 60px
}

html[dir=rtl] .wearable_section .slick-list {
    direction: inherit !important
}

html[dir=rtl] .wearable_section .wearable_slider_nav .slick-list {
    padding: 0 0 0 55% !important
}

html[dir=rtl] .wearable_section .wh_slider_main_content {
    direction: rtl
}

html[dir=rtl] .wearable_section .slick-next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -20px
}

@media(min-width: 1200px) {
    html[dir=rtl] .smart_tv_section .smart_tv_slider_row {
        padding-right:calc((var(--screen-width) - 1082px)/ 2) !important
    }
}

@media(min-width: 1440px) {
    html[dir=rtl] .smart_tv_section .smart_tv_slider_row {
        padding-right:calc((var(--screen-width) - 1302px)/ 2) !important
    }
}

@media(min-width: 1600px) {
    html[dir=rtl] .smart_tv_section .smart_tv_slider_row {
        padding-right:calc((var(--screen-width) - 1524px)/ 2) !important
    }
}

@media(max-width: 1366px) {
    html[dir=rtl] .huawei_router h2 {
        font-size:18px
    }
}

@media(max-width: 1199px) {
    html[dir=rtl] .hotspot_routers .mobile_rev_row {
        -webkit-box-orient:vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    html[dir=rtl] .hotspot_routers .col-md-8 {
        margin-top: 30px
    }

    html[dir=rtl] .wearable_section .wearable_slider_nav .slick-list {
        padding: 0 0 0 35% !important
    }

    html[dir=rtl] .smart_tv_section .smart_tv_slider_row {
        margin: 0 !important
    }

    html[dir=rtl] .smart_tv_section .smart_tv_slider .slick-list {
        margin: 0 !important
    }
}

@media(max-width: 991px) {
    html[dir=rtl] .hotspot_routers .mobile_rev_row {
        -webkit-box-orient:vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    html[dir=rtl] .hotspot_routers .col-md-8 {
        margin-top: 0
    }

    html[dir=rtl] .wearable_section .wearable_slider_nav .slick-list {
        padding: 0 !important
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .info_bar .subheading_ipad,html[dir=rtl] .info_bar h3 {
        font-size:14px
    }

    html[dir=rtl] .info_bar .main_heading_ipad,html[dir=rtl] .info_bar h2 {
        font-size: 20px;
        line-height: 28px;
        max-width: 220px
    }

    html[dir=rtl] .info_bar .shop_all_anchor,html[dir=rtl] .info_bar a {
        font-size: 16px;
        line-height: 20px
    }

    html[dir=rtl] .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .title_bar {
        padding: 5px 0
    }

    html[dir=rtl] .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .tbc_product_img img {
        max-width: 180px
    }

    html[dir=rtl] .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box .apple_ipad_title {
        font-size: 16px
    }

    html[dir=rtl] .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box del,html[dir=rtl] .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box del span {
        font-size: 12px
    }

    html[dir=rtl] .wiyana_round_slider_section .stay_connected_slider .single_outer_product .content_single_box h4 {
        font-size: 20px
    }

    html[dir=rtl] .hotspot_routers .mobile_rev_row {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    html[dir=rtl] .hotspot_routers .col-md-8 {
        margin-top: 20px
    }

    html[dir=rtl] .hotspot_routers .internet_devices h3 {
        font-size: 14px
    }

    html[dir=rtl] .hotspot_routers .internet_devices h2 {
        font-size: 20px;
        line-height: 28px
    }

    html[dir=rtl] .hotspot_routers .internet_devices .shop_all_btn {
        font-size: 16px
    }

    html[dir=rtl] .hotspot_routers .huawei_router h2 {
        font-size: 16px
    }

    html[dir=rtl] .hotspot_routers .huawei_router p {
        margin-bottom: 0
    }

    html[dir=rtl] .hotspot_routers .huawei_router h3 {
        font-size: 18px
    }

    html[dir=rtl] .hotspot_routers .huawei_router h3 span {
        font-size: 16px
    }

    html[dir=rtl] .hotspot_routers .huawei_router h3 del {
        font-size: 16px
    }

    html[dir=rtl] .hotspot_routers .huawei_router h3 del span {
        font-size: 11px
    }

    html[dir=rtl] .gaming_section .gaming_product_slider .gaming_product_description h3 span del {
        color: #2e2e2e
    }

    html[dir=rtl] .smart_tv_section .smart_slider_content h3 del {
        font-size: 14px;
        margin-right: 6px
    }

    html[dir=rtl] .smart_tv_section .smart_slider_content h3 del span {
        font-size: 14px
    }

    html[dir=rtl] .wearable_section .wearable_slider_nav .slick-list {
        padding: 0 0 0 25% !important
    }
}

.text-with-image {
    padding-top: 180px;
    padding-bottom: 30px
}

.text-with-image.image-alignment-left .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.text-with-image .wzp-content-wrap p {
    font-size: 29px;
    line-height: 40px;
    color: #999;
    font-family: nunitosans-bold
}

.text-with-image .wzp-content-wrap p strong {
    color: #000;
    font-family: nunitosans-bold;
    font-weight: 700
}

.text-with-image .wzp-image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.text-with-image .wzp-image-wrap img {
    width: 100%;
    max-width: 400px;
    max-height: 300px
}

.eeZeePrepaid {
    padding-top: 100px !important;
    padding-bottom: 0 !important
}

.eeZeePrepaid .wzp-content-wrap span {
    font-family: NunitoSans-Bold;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #6f6f6f
}

.eeZeePrepaid .wzp-content-wrap h2 {
    font-family: NunitoSans-Bold;
    font-size: 96px;
    line-height: 112px;
    font-weight: 600;
    background: -webkit-gradient(linear,left top,right bottom,from(#a6ba77),to(#70b755));
    background: linear-gradient(180deg,#a6ba77 100%,#70b755 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0
}

@media(max-width: 1200px) {
    .eeZeePrepaid .wzp-content-wrap h2 {
        font-size:70px
    }
}

@media(max-width: 767px) {
    .eeZeePrepaid .wzp-content-wrap h2 {
        font-size:46px
    }
}

.eeZeePrepaid .wzp-content-wrap p {
    font-family: nunitosans-Semibold;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    margin: 0;
    max-width: 700px
}

.eeZeePrepaid .wzp-image-wrap img {
    width: auto !important;
    max-width: inherit !important;
    max-height: inherit !important;
    max-width: 100% !important
}

.wiyana-zain-plus-about {
    padding-top: 70px;
    padding-bottom: 70px
}

.wiyana-zain-plus-about .wzp-heading-wrap {
    padding-bottom: 60px
}

.wiyana-zain-plus-about .wzp-heading-wrap h2 {
    font-size: 41px;
    line-height: 55px;
    letter-spacing: -.02em;
    font-weight: 600;
    font-family: nunitosans-bold
}

.wiyana-zain-plus-about .wzp-steps-wrap {
    max-width: 370px;
    margin: 0 auto
}

.wiyana-zain-plus-about .wzp-steps-wrap img {
    margin-bottom: 30px;
    max-width: 280px;
    display: block
}

.wiyana-zain-plus-about .wzp-steps-wrap span {
    font-size: 20px;
    line-height: 32px;
    font-family: nunitosans-bold
}

.wiyana-zain-plus-about .wzp-steps-wrap p {
    max-width: 408px;
    padding-top: 9px;
    line-height: 32px;
    font-family: nunitosans-bold;
    font-size: 24px
}

.wiyana-zain-plus-about .primary-button-common {
    min-width: 130px;
    display: inline-block
}

@media(max-width: 1200px) {
    .wiyana-zain-plus-about .wzp-steps-wrap img {
        max-width:210px
    }

    .wiyana-zain-plus-about .wzp-steps-wrap p {
        line-height: 27px
    }

    .text-with-image {
        padding-top: 70px
    }

    .eeZeePrepaid {
        padding-top: 100px !important
    }

    .eeZeePrepaid .wzp-content-wrap h2 {
        line-height: 80px
    }
}

@media(max-width: 1024px) {
    .eeZeePrepaid .wzp-image-wrap,.text-with-image .wzp-image-wrap {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media(max-width: 991px) {
    .text-with-image {
        padding-bottom:0
    }

    .text-with-image .wzp-image-wrap img {
        max-width: 210px
    }

    .text-with-image .wzp-content-wrap p {
        font-size: 22px;
        line-height: 32px
    }

    .wiyana-zain-plus-about .wzp-heading-wrap {
        padding-bottom: 10px
    }

    .wiyana-zain-plus-about .wzp-heading-wrap h2 {
        font-size: 30px;
        line-height: 24px
    }

    .eeZeePrepaid .wzp-image-wrap img {
        margin-top: 16px !important;
        margin-bottom: 0 !important
    }
}

@media(max-width: 767px) {
    .text-with-image {
        padding-top:70px;
        padding-bottom: 20px
    }

    .text-with-image .container {
        max-width: inherit;
        padding-right: 15px;
        padding-left: 15px
    }

    .text-with-image .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .text-with-image .wzp-content-wrap p {
        font-size: 20px;
        line-height: 24px
    }

    .text-with-image .wzp-image-wrap img {
        max-width: 250px;
        margin-bottom: 35px
    }

    .eeZeePrepaid {
        padding-top: 53px !important
    }

    .eeZeePrepaid .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .eeZeePrepaid .wzp-content-wrap h2 {
        line-height: 46px;
        padding-top: 6px;
        padding-bottom: 16px
    }

    .eeZeePrepaid .wzp-content-wrap h2+p {
        line-height: 32px !important
    }

    .wiyana-zain-plus-about {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .wiyana-zain-plus-about .container {
        max-width: inherit;
        padding-right: 15px;
        padding-left: 15px
    }

    .wiyana-zain-plus-about .wzp-heading-wrap h2 {
        font-size: 20px;
        line-height: 24px
    }

    .wiyana-zain-plus-about .wzp-steps-wrap {
        padding-left: 10px
    }

    .wiyana-zain-plus-about .wzp-steps-wrap img {
        max-width: 140px;
        margin-bottom: 20px
    }

    .wiyana-zain-plus-about .wzp-steps-wrap .wzp-steps {
        font-size: 13px;
        line-height: 16px
    }

    .wiyana-zain-plus-about .wzp-steps-wrap p {
        font-size: 14px;
        line-height: 24px
    }
}

html[dir=rtl] .eeZeePrepaid .wzp-content-wrap h2,html[dir=rtl] .wiyana-zain-plus-about .wzp-heading-wrap h2 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .text-with-image .wzp-content-wrap p,html[dir=rtl] .text-with-image .wzp-content-wrap p strong,html[dir=rtl] .wiyana-zain-plus-about .wzp-steps-wrap p,html[dir=rtl] .wiyana-zain-plus-about .wzp-steps-wrap span {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .wiyana-zain-plus-about .wzp-heading-wrap h2 {
    font-size: 38px;
    font-weight: 300
}

html[dir=rtl] .eeZeePrepaid .wzp-content-wrap h2 {
    line-height: 150px
}

@media(max-width: 1200px) {
    html[dir=rtl] .eeZeePrepaid .wzp-content-wrap h2 {
        line-height:120px;
        margin-bottom: 0;
        margin-top: -15px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .wiyana-zain-plus-about .wzp-heading-wrap h2 {
        font-size:20px
    }

    html[dir=rtl] .wiyana-zain-plus-about .wzp-steps-wrap .wzp-steps {
        font-size: 14px
    }

    html[dir=rtl] .wiyana-zain-plus-about .wzp-steps-wrap p {
        font-size: 16px
    }

    html[dir=rtl] .eeZeePrepaid .wzp-content-wrap h2 {
        font-size: 36px;
        line-height: 54px;
        margin-top: -10px
    }
}

.needNewPhoneSliderCards .info_bar {
    text-align: center
}

.needNewPhoneSliderCards .info_bar h2 {
    line-height: 55px;
    padding-bottom: 12px;
    font-family: nunitosans-bold;
    max-width: inherit !important;
    margin: 0;
    font-weight: 700
}

@media(max-width: 767px) {
    .needNewPhoneSliderCards .info_bar h2 {
        font-size:25px
    }
}

.needNewPhoneSliderCards .info_bar p {
    font-size: 16px;
    max-width: 386px;
    margin: 0 auto;
    padding-bottom: 30px;
    line-height: 16px;
    color: #222c38;
    font-family: nunitosans-bold;
    font-weight: 400
}

.needNewPhoneSliderCards .info_bar .secondary-button-common {
    font-size: 14px;
    display: block;
    max-width: 176px;
    margin: 0 auto;
    line-height: inherit
}

.needNewPhoneSliderCards .products_single_slide {
    margin: 0;
    padding: 1.5rem 25px
}

.needNewPhoneSliderCards .products_single_slide .content_single_box .tbc_product_img {
    max-width: 230px;
    min-height: 170px;
    max-height: 170px;
    margin: 0 auto 26px
}

.needNewPhoneSliderCards .products_single_slide .content_single_box .tbc_product_img img {
    max-width: 100%;
    max-height: 170px
}

.needNewPhoneSliderCards .products_single_slide .content_single_box .commitment {
    padding-bottom: 3px
}

.needNewPhoneSliderCards .products_single_slide .content_single_box h4 {
    font-size: 20px;
    line-height: 28px
}

@media(max-width: 767px) {
    .needNewPhoneSliderCards .products_single_slide .content_single_box h4 {
        font-size:18px
    }
}

.needNewPhoneSliderCards .products_single_slide .content_single_box .primary-button {
    position: static;
    margin-top: 8px;
    text-transform: inherit !important
}

@media(max-width: 991px) {
    .needNewPhoneSliderCards .info_bar p {
        font-family:NunitoSans-SemiBold
    }
}

@media(max-width: 767px) {
    .needNewPhoneSliderCards .info_bar p {
        display:block;
        padding-top: 0;
        padding-bottom: 20px
    }

    .needNewPhoneSliderCards .products_single_slide .content_single_box .primary-button {
        margin: 15px auto 0
    }

    .needNewPhoneSliderCards .products_single_slide .content_single_box .apple-title-tab {
        font-size: 12px
    }
}

html[dir=rtl] .needNewPhoneSliderCards .info_bar {
    text-align: center
}

html[dir=rtl] .needNewPhoneSliderCards .info_bar h2 {
    font-size: 41px;
    font-weight: 500
}

@media(max-width: 767px) {
    html[dir=rtl] .needNewPhoneSliderCards .info_bar h2 {
        font-size:25px
    }
}

html[dir=rtl] .needNewPhoneSliderCards .products_single_slide {
    margin: 0;
    padding: 1.5rem 25px
}

html[dir=rtl] .needNewPhoneSliderCards .products_single_slide .content_single_box h4 {
    font-size: 20px
}

@media(max-width: 767px) {
    html[dir=rtl] .needNewPhoneSliderCards .products_single_slide .content_single_box h4 {
        font-size:18px
    }
}

html[dir=rtl] .needNewPhoneSliderCards .products_single_slide .content_single_box .commitment {
    padding-bottom: 6px
}

@media(max-width: 767px) {
    html[dir=rtl] .needNewPhoneSliderCards .info_bar h2 {
        line-height:34px;
        padding-bottom: 20px
    }

    html[dir=rtl] .needNewPhoneSliderCards .content_single_box .commitment {
        padding-bottom: 4px
    }
}

.smart_home .tbc_product_img {
    max-width: 187px;
    min-height: 165px;
    margin: 20px auto 40px;
    text-align: center
}

.smart_home .tbc_product_img img {
    max-width: 100% !important;
    max-height: 158px !important
}

.smart_home .primary-button {
    position: static !important;
    margin: 0 !important 26px auto;
    width: 100% !important;
    max-width: 226px !important;
    text-transform: none !important
}

@media(max-width: 1440px) {
    .smart_home .apple_ipad_title {
        font-size:18px !important
    }
}

@media(max-width: 1200px) {
    .smart_home .apple_ipad_title {
        font-size:20px !important;
        line-height: 20px !important
    }
}

@media(max-width: 767px) {
    .smart_home .primary-button {
        max-width:109px !important
    }
}

html[dir=rtl] .smart_home .content_single_box h4 {
    font-size: 20px !important;
    line-height: 20px !important;
    padding-top: 6px
}

html[dir=rtl] .smart_home .content_single_box h4 span {
    font-size: 18px !important
}

html[dir=rtl] .smart_home .primary-button {
    position: static !important;
    margin: 0 auto !important;
    margin-bottom: 26px !important;
    width: 100% !important;
    max-width: 226px !important;
    text-transform: none !important
}

.with-us-with-wiyana {
    padding-top: 70px;
    padding-bottom: 70px
}

.with-us-with-wiyana .col-md-7 {
    padding-right: 1rem !important
}

.with-us-with-wiyana .col-xs-6 {
    margin-bottom: 31px;
    margin-top: 31px
}

.with-us-with-wiyana h2,.with-us-with-wiyana h3 {
    font-size: 29px;
    margin-bottom: .25rem;
    background: linear-gradient(259.7deg,#d12b8a 19.8%,#3738b4 86.76%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media(max-width: 1366px) {
    .with-us-with-wiyana h2,.with-us-with-wiyana h3 {
        font-size:23px
    }
}

@media(max-width: 1200px) {
    .with-us-with-wiyana h2,.with-us-with-wiyana h3 {
        font-size:15px
    }
}

@media(max-width: 991px) {
    .with-us-with-wiyana h2,.with-us-with-wiyana h3 {
        font-size:20px
    }
}

.with-us-with-wiyana .wiyana-separator {
    display: none
}

.with-us-with-wiyana p {
    font-size: 18px;
    font-family: nunitosans-bold;
    font-weight: 800;
    margin: 0
}

@media(max-width: 1600px) {
    .with-us-with-wiyana p {
        font-size:16px
    }
}

@media(max-width: 1439px) {
    .with-us-with-wiyana p {
        font-size:14px
    }
}

@media(max-width: 991px) {
    .with-us-with-wiyana p {
        font-size:16px
    }
}

.with-us-with-wiyana .col-xs-6 h2,.with-us-with-wiyana .col-xs-6 h3 {
    font-weight: 600
}

.with-us-with-wiyana .col-md-12 .wiyana_img_inner_wix {
    max-width: 853px;
    margin-top: 0 !important;
    margin-bottom: 10px !important
}

.with-us-with-wiyana .col-md-3.col-6 {
    text-align: center;
    margin-top: 40px
}

.with-us-with-wiyana .col-md-3.col-6 h2,.with-us-with-wiyana .col-md-3.col-6 h3 {
    font-family: nunitosans-bold;
    color: #000;
    font-weight: 600;
    background: 0;
    -webkit-background-clip: inherit;
    -moz-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    -moz-text-fill-color: inherit
}

@media(max-width: 1366px) {
    .with-us-with-wiyana .col-md-3.col-6 h2,.with-us-with-wiyana .col-md-3.col-6 h3 {
        font-size:29px
    }
}

@media(max-width: 1199px) {
    .with-us-with-wiyana .col-md-3.col-6 h2,.with-us-with-wiyana .col-md-3.col-6 h3 {
        font-size:29px
    }
}

@media(max-width: 991px) {
    .with-us-with-wiyana .col-md-3.col-6 h2,.with-us-with-wiyana .col-md-3.col-6 h3 {
        font-size:20px
    }
}

.with-us-with-wiyana .col-md-3.col-6 .wiyana-separator {
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 6px;
    width: 120px;
    height: 3px;
    background: linear-gradient(87.62deg,#d12b8a 27.92%,#70489d 107.7%)
}

.with-us-with-wiyana .col-md-3.col-6 .wiyana-separator.ezee_sep {
    background: -webkit-gradient(linear,left top,right bottom,from(#a6ba77),to(#70b755));
    background: linear-gradient(180deg,#a6ba77 100%,#70b755 100%)
}

.with-us-with-wiyana .col-md-3.col-6 p {
    color: #999;
    font-family: NunitoSans-SemiBold;
    font-weight: 400
}

@media(max-width: 1199px) {
    .with-us-with-wiyana .col-md-3.col-6 p {
        font-size:16px
    }
}

.with-us-with-wiyana .col-md-3.col-6 .text-editor {
    padding: 0 20px
}

.with-us-with-wiyana.style3withUs .col-md-12 .wiyana_img_inner_wix {
    margin-bottom: 50px !important
}

.with-us-with-wiyana.style3withUs .col-md-3 {
    border-right: 1px solid #e5e5e5;
    text-align: right;
    margin-top: 16px;
    margin-bottom: 0
}

.with-us-with-wiyana.style3withUs .col-md-3:nth-child(4n-3) {
    border-right: 0
}

.with-us-with-wiyana.style3withUs .col-md-3 .text-editor {
    padding: 0
}

.with-us-with-wiyana.style3withUs .col-md-3 h2,.with-us-with-wiyana.style3withUs .col-md-3 h3 {
    font-size: 24px;
    font-family: NunitoSans-Black;
    margin-bottom: .5rem;
    padding-top: 5px;
    font-weight: 800;
    background: linear-gradient(259.7deg,#d12b8a 19.8%,#3738b4 86.76%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media(max-width: 1366px) {
    .with-us-with-wiyana.style3withUs .col-md-3 h2,.with-us-with-wiyana.style3withUs .col-md-3 h3 {
        font-size:20px
    }
}

@media(max-width: 1200px) {
    .with-us-with-wiyana.style3withUs .col-md-3 h2,.with-us-with-wiyana.style3withUs .col-md-3 h3 {
        font-size:15px
    }
}

@media(max-width: 991px) {
    .with-us-with-wiyana.style3withUs .col-md-3 h2,.with-us-with-wiyana.style3withUs .col-md-3 h3 {
        font-size:20px
    }
}

.with-us-with-wiyana.style3withUs .col-md-3 .wiyana-separator {
    display: none
}

.with-us-with-wiyana.style3withUs .col-md-3 P {
    font-size: 24px;
    font-family: nunitosans-bold;
    color: #000;
    font-weight: 800
}

@media(max-width: 1600px) {
    .with-us-with-wiyana.style3withUs .col-md-3 P {
        font-size:24px
    }
}

@media(max-width: 1440px) {
    .with-us-with-wiyana.style3withUs .col-md-3 P {
        font-size:20px
    }
}

@media(max-width: 1366px) {
    .with-us-with-wiyana.style3withUs .col-md-3 P {
        font-size:18px
    }
}

@media(max-width: 1199px) {
    .with-us-with-wiyana.style3withUs .col-md-3 P {
        font-size:18px
    }
}

.with-us-with-wiyana.style3withUs .with-us-title {
    padding-bottom: 30px
}

.with-us-with-wiyana .with-us-title {
    padding-bottom: 20px
}

.with-us-with-wiyana .with-us-title h2 {
    font-family: nunitosans-bold;
    font-weight: 700;
    font-size: 51px;
    line-height: normal;
    padding-bottom: 20px;
    color: #000;
    background: 0;
    -webkit-background-clip: inherit;
    -moz-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    -moz-text-fill-color: inherit
}

@media(max-width: 1366px) {
    .with-us-with-wiyana .with-us-title h2 {
        font-size:51px
    }
}

@media(max-width: 1199px) {
    .with-us-with-wiyana .with-us-title h2 {
        font-size:39px
    }
}

@media(max-width: 991px) {
    .with-us-with-wiyana .with-us-title h2 {
        font-size:39px
    }
}

@media(max-width: 767px) {
    .with-us-with-wiyana .with-us-title h2 {
        font-size:20px
    }
}

.with-us-with-wiyana .with-us-title h2 span {
    font-size: 65px;
    background: -webkit-gradient(linear,left top,right bottom,from(#a6ba77),to(#70b755));
    background: linear-gradient(180deg,#a6ba77 100%,#70b755 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media(max-width: 1199px) {
    .with-us-with-wiyana .with-us-title h2 span {
        font-size:51px
    }
}

@media(max-width: 991px) {
    .with-us-with-wiyana .with-us-title h2 span {
        font-size:51px
    }
}

@media(max-width: 767px) {
    .with-us-with-wiyana .with-us-title h2 span {
        font-size:40px
    }
}

.with-us-with-wiyana>.container>.row .col-md-12:first-child>.row {
    margin-top: -40px
}

.with-us-with-wiyana.topBottomPadding {
    padding-top: 110px;
    padding-bottom: 110px
}

@media(max-width: 1199px) {
    .with-us-with-wiyana .col-xs-6 h2,.with-us-with-wiyana .col-xs-6 h3 {
        padding-bottom:10px
    }

    .with-us-with-wiyana.style3withUs .col-md-3 {
        border-right: 1px solid #e5e5e5 !important;
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

    .with-us-with-wiyana.style3withUs .col-md-3:nth-child(3n-2) {
        border-right: 0 !important
    }

    .with-us-with-wiyana .with-us-title {
        padding-bottom: 0
    }

    .with-us-with-wiyana .with-us-title h2 {
        padding-bottom: 15px
    }
}

@media(max-width: 1200px) {
    .with-us-with-wiyana.style3withUs .col-md-3 {
        border:0 !important;
        margin-bottom: .8rem
    }
}

@media(max-width: 991px) {
    .with-us-with-wiyana .wiyana_img_inner_wix {
        max-width:259px;
        margin: 0 !important 40px auto
    }

    .with-us-with-wiyana h3 {
        font-family: nunitosans-bold
    }

    .with-us-with-wiyana .col-xs-6 h2,.with-us-with-wiyana .col-xs-6 h3 {
        padding-bottom: 0
    }

    .with-us-with-wiyana.topBottomPadding {
        padding-top: 61px;
        padding-bottom: 61px
    }
}

@media(max-width: 767px) {
    .with-us-with-wiyana .col-md-7 {
        margin-right:0
    }

    .with-us-with-wiyana .col-xs-6 {
        text-align: center;
        margin-bottom: 23px;
        margin-top: 23px
    }

    .with-us-with-wiyana h3 {
        margin-bottom: 12px
    }

    .with-us-with-wiyana .col-md-5.with-us-title {
        padding-bottom: 30px
    }

    .with-us-with-wiyana .classStyle1 .col-xs-6 {
        margin-top: 26px;
        margin-bottom: 26px
    }

    .with-us-with-wiyana .classStyle1 .col-md-5.with-us-title {
        padding-bottom: 10px
    }

    .with-us-with-wiyana .classStyle1 .with-us-title img {
        max-width: 259px !important;
        margin-bottom: 15px !important
    }

    .with-us-with-wiyana .classStyle1 p {
        font-family: nunitosans-semibold
    }

    .with-us-with-wiyana .col-md-3 .wiyana-separator {
        width: 76px !important
    }

    .with-us-with-wiyana.style3withUs .col-md-12 .wiyana_img_inner_wix {
        margin-bottom: 20px !important
    }

    .with-us-with-wiyana.style3withUs .col-md-3 {
        border-right: 0 !important;
        margin-bottom: 15px;
        text-align: center;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .with-us-with-wiyana.style3withUs .col-md-3 h2,.with-us-with-wiyana.style3withUs .col-md-3 h3 {
        font-family: nunitosans-bold
    }

    .with-us-with-wiyana.style3withUs .col-md-3 P {
        font-family: NunitoSans-SemiBold
    }

    .with-us-with-wiyana .col-md-3.col-6 .text-editor {
        padding: 0 5px
    }
}

html[dir=rtl] .with-us-with-wiyana .col-md-3 h2,html[dir=rtl] .with-us-with-wiyana .col-md-3 h3 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .with-us-with-wiyana .col-md-3 p {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .with-us-with-wiyana .wiyana_img_inner_wix {
    max-width: 550px
}

html[dir=rtl] .with-us-with-wiyana h3 {
    font-size: 26px
}

@media(max-width: 1366px) {
    html[dir=rtl] .with-us-with-wiyana h3 {
        font-size:26px
    }
}

@media(max-width: 1199px) {
    html[dir=rtl] .with-us-with-wiyana h3 {
        font-size:15px
    }
}

@media(max-width: 991px) {
    html[dir=rtl] .with-us-with-wiyana h3 {
        font-size:20px
    }
}

html[dir=rtl] .with-us-with-wiyana p {
    font-weight: 800
}

@media(max-width: 1600px) {
    html[dir=rtl] .with-us-with-wiyana p {
        font-size:18px
    }
}

@media(max-width: 1440px) {
    html[dir=rtl] .with-us-with-wiyana p {
        font-size:18px
    }
}

@media(max-width: 991px) {
    html[dir=rtl] .with-us-with-wiyana p {
        font-size:16px
    }
}

html[dir=rtl] .with-us-with-wiyana .col-md-12 .wiyana_img_inner_wix {
    max-width: 853px
}

html[dir=rtl] .with-us-with-wiyana .col-md-3 h3 {
    font-size: 29px
}

@media(max-width: 1366px) {
    html[dir=rtl] .with-us-with-wiyana .col-md-3 h3 {
        font-size:29px
    }
}

@media(max-width: 1199px) {
    html[dir=rtl] .with-us-with-wiyana .col-md-3 h3 {
        font-size:29px
    }
}

@media(max-width: 991px) {
    html[dir=rtl] .with-us-with-wiyana .col-md-3 h3 {
        font-size:20px
    }
}

html[dir=rtl] .with-us-with-wiyana .col-md-3 p {
    font-weight: 400;
    font-size: 22px
}

@media(max-width: 1600px) {
    html[dir=rtl] .with-us-with-wiyana .col-md-3 p {
        font-size:22px
    }
}

@media(max-width: 1440px) {
    html[dir=rtl] .with-us-with-wiyana .col-md-3 p {
        font-size:22px
    }
}

@media(max-width: 991px) {
    html[dir=rtl] .with-us-with-wiyana .col-md-3 p {
        font-size:22px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .with-us-with-wiyana .col-md-3 p {
        font-size:16px
    }
}

html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 h3 {
    font-size: 24px
}

@media(max-width: 1366px) {
    html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 h3 {
        font-size:20px
    }
}

@media(max-width: 1199px) {
    html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 h3 {
        font-size:15px
    }
}

@media(max-width: 991px) {
    html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 h3 {
        font-size:20px
    }
}

html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 p {
    font-weight: 800;
    font-size: 24px
}

@media(max-width: 1600px) {
    html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 p {
        font-size:24px
    }
}

@media(max-width: 1440px) {
    html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 p {
        font-size:20px
    }
}

@media(max-width: 1366px) {
    html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 p {
        font-size:18px
    }
}

@media(max-width: 991px) {
    html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 p {
        font-size:18px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .with-us-with-wiyana.style3withUs .col-md-3 p {
        font-size:18px
    }
}

.zain_flexi {
    background-color: #eef2e4;
    margin: 130px 0;
    position: relative;
    display: block
}

.zain_flexi .zain-app-background-color {
    display: none
}

.zain_flexi h2,.zain_flexi h3,.zain_flexi p {
    padding: 0;
    margin: 0;
    line-height: normal
}

.zain_flexi .zain-mobile-img {
    margin-top: -95px
}

.zain_flexi .mobileShowOnly {
    display: none
}

.zain_flexi .info_ezee_flexi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.zain_flexi .zain_flex_img_mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.zain_flexi h2,.zain_flexi h3 {
    font-family: nunitosans-bold;
    font-size: 41px;
    margin-bottom: 11px;
    font-weight: 600
}

.zain_flexi p {
    font-size: 24px;
    font-family: NunitoSans-SemiBold;
    margin-bottom: 30px
}

.zain_flexi .btn_downloads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px
}

.zain_flexi .btn_downloads img {
    width: 160px;
    max-width: 100%
}

.zain_flexi .banner-image-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.zain_flexi .banner-image-right .col-lg-4 {
    text-align: left
}

.zain_flexi .text-editor {
    max-width: 500px;
    text-align: center
}

@media(max-width: 1200px) {
    .zain_flexi .mobileShowOnly {
        display:block !important
    }

    .zain_flexi .mobile-img-hide {
        display: none
    }

    .zain_flexi .mobileBgApp {
        max-height: 47% !important
    }
}

@media(max-width: 1199px) {
    .zain_flexi {
        background:0 0 !important
    }

    .zain_flexi .zain-app-background-color {
        display: block;
        background-color: #eef2e4;
        position: absolute;
        right: 0;
        width: 100%;
        background-size: 100%;
        left: 0;
        bottom: 0;
        z-index: 0;
        height: 340px;
        max-height: 52%
    }

    .zain_flexi .info_ezee_flexi {
        margin: 0
    }

    .zain_flexi .banner-image-right,.zain_flexi .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .zain_flexi .banner-image-right .col-lg-4,.zain_flexi .row .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }

    .zain_flexi .zain-mobile-img {
        margin-top: 90px;
        max-width: 304px
    }

    .zain_flexi .zain_flex_img_mob {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .zain_flexi .container {
        max-width:inherit
    }

    .zain_flexi .zain-app-background-color {
        display: none
    }

    .zain_flexi .info_ezee_flexi {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .zain_flexi h2,.zain_flexi h3 {
        line-height: 55px;
        margin-bottom: 1px
    }

    .zain_flexi p {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 25px
    }

    .zain_flexi .btn_downloads {
        max-width: 290px
    }

    .zain_flexi .zain-mobile-img {
        margin-top: 0
    }

    .zain_flexi .zain_flex_img_mob {
        position: relative;
        margin-top: 60px;
        margin-bottom: 48px;
        padding-right: 15px;
        padding-left: 15px
    }

    .zain_flexi .zain_flex_img_mob::before {
        content: "";
        background-color: #eef2e4;
        position: absolute;
        right: 0;
        width: 100%;
        background-size: 100%;
        left: 0;
        bottom: 0;
        z-index: 0;
        height: 340px;
        max-height: 84%
    }

    .zain_flexi .zain_flex_img_mob img {
        position: relative;
        z-index: 1
    }
}

html[dir=rtl] .zain_flexi h2,html[dir=rtl] .zain_flexi h3 {
    margin-bottom: 0
}

@media(max-width: 1199px) {
    html[dir=rtl] .zain_flexi {
        background-color:transparent
    }

    html[dir=rtl] .zain_flexi p {
        margin-bottom: 23px
    }

    html[dir=rtl] .zain_flexi .zain-mobile-img {
        margin-top: 91px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .zain_flexi h2,html[dir=rtl] .zain_flexi h3 {
        text-align:center
    }

    html[dir=rtl] .zain_flexi p {
        margin-bottom: 27px
    }

    html[dir=rtl] .zain_flexi .zain-mobile-img {
        margin-top: 0
    }
}

.ezee_corousal_5g {
    padding: 65px 0;
    background-color: #fafafa
}

.ezee_corousal_5g .info_bar {
    padding-bottom: 5px
}

.ezee_corousal_5g .info_bar h2 {
    font-family: nunitosans-bold !important;
    line-height: 55px !important;
    letter-spacing: -.02em;
    margin-bottom: 10px !important
}

.ezee_corousal_5g .info_bar p {
    max-width: 383px;
    color: #999 !important;
    line-height: 20px !important
}

.ezee_corousal_5g .ezee_slide_wrap_outter {
    max-width: 950px;
    margin: 0 auto
}

.ezee_corousal_5g .ezee_slider_mobile_phones .slick-list {
    overflow-y: visible;
    min-height: 500px
}

.ezee_corousal_5g .ezee_slider_mobile_phones .slick-list .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 10px
}

.ezee_corousal_5g .mobile_inner_single {
    max-height: 257px;
    width: 148px
}

.ezee_corousal_5g .mobile_inner_single.slick-current.slick-active.slick-center {
    min-width: 300px;
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ezee_corousal_5g .mobile_wrapper_inner_phones {
    min-width: 100%;
    min-height: 100%;
    position: relative
}

.ezee_corousal_5g .mobile_wrapper_inner_phones h2,.ezee_corousal_5g .mobile_wrapper_inner_phones h3,.ezee_corousal_5g .mobile_wrapper_inner_phones p {
    padding: 0;
    margin: 0;
    line-height: normal
}

.ezee_corousal_5g .mobile_wrapper_inner_phones img {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.ezee_corousal_5g .mobile_wrapper_inner_phones .button-zain {
    position: absolute;
    bottom: -90px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    width: 100%;
    text-align: center
}

.ezee_corousal_5g .mobile_wrapper_inner_phones .button-zain a {
    display: none;
    background: #d12b8a;
    border: 2px solid #d12b8a;
    color: #fff;
    padding: 0 5px;
    font-family: NunitoSans-Black,sans-serif;
    border-radius: 4px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    width: 147px;
    -webkit-transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out
}

.ezee_corousal_5g .mobile_wrapper_inner_phones .button-zain a:hover {
    background: 0 0 !important;
    color: #d12b8a
}

.ezee_corousal_5g .mobile_wrapper_inner_phones .content_mobile_wrapper_inner {
    display: none;
    position: absolute;
    right: -150px;
    top: 0;
    max-width: 140px;
    opacity: 0;
    -webkit-transition: 250ms all ease-in;
    transition: 250ms all ease-in
}

.ezee_corousal_5g .mobile_wrapper_inner_phones .content_mobile_wrapper_inner span {
    font-size: 14px;
    color: #6f6f6f
}

.ezee_corousal_5g .mobile_wrapper_inner_phones .content_mobile_wrapper_inner h2 {
    font-size: 20px;
    font-family: nunitosans-bold
}

.ezee_corousal_5g .mobile_wrapper_inner_phones .content_mobile_wrapper_inner .price_wrapper_items {
    padding-top: 10px
}

.ezee_corousal_5g .mobile_inner_single.slick-current.slick-active.slick-center .mobile_wrapper_inner_phones .button-zain a {
    display: block
}

.ezee_corousal_5g .mobile_inner_single.slick-current.slick-active.slick-center .mobile_wrapper_inner_phones .content_mobile_wrapper_inner {
    opacity: 1;
    display: block
}

.ezee_corousal_5g .mobile_inner_single.slick-current.slick-active.slick-center {
    -webkit-animation: fadeIN 1s linear;
    animation: fadeIN 1s linear
}

.ezee_corousal_5g .slick-arrow {
    width: 45px;
    height: 45px;
    background-size: contain !important;
    cursor: pointer;
    position: absolute;
    top: 60%
}

.ezee_corousal_5g .slick-arrow::before {
    display: none
}

.ezee_corousal_5g .slick-arrow.slick-next {
    background: url(../images/next-arrow.svg) no-repeat center center;
    left: -70px
}

.ezee_corousal_5g .slick-arrow.slick-prev {
    background: url(../images/prev-arrow.svg) no-repeat center center;
    right: -70px
}

.ezee_corousal_5g .slick-arrow.slick-disabled {
    opacity: .5;
    pointer-events: none
}

@-webkit-keyframes fadeIN {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIN {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media(max-width: 1600px) {
    .ezee_corousal_5g .slick-arrow {
        width:35px;
        height: 35px
    }
}

@media(max-width: 767px) {
    .ezee_corousal_5g {
        padding:40px 0 15px
    }

    .ezee_corousal_5g .info_bar h2 {
        margin: 0;
        font-size: 20px !important;
        line-height: 24px !important;
        margin-bottom: 5px !important
    }

    .ezee_corousal_5g .info_bar p {
        margin: 0;
        display: block;
        line-height: 18px !important;
        margin-bottom: 6px !important;
        padding: 0
    }

    .ezee_corousal_5g .ezee_slide_wrap_outter {
        margin-right: -15px;
        margin-left: -15px
    }

    .ezee_corousal_5g .ezee_slider_mobile_phones {
        margin-top: 0
    }

    .ezee_corousal_5g .ezee_slider_mobile_phones .slick-list {
        min-height: 340px
    }

    .ezee_corousal_5g .mobile_inner_single {
        max-height: 102px;
        width: 70px;
        margin-top: 30px
    }

    .ezee_corousal_5g .mobile_inner_single.slick-current.slick-active.slick-center {
        min-width: 150px;
        min-height: 220px
    }

    .ezee_corousal_5g .mobile_wrapper_inner_phones .button-zain {
        bottom: -55px
    }

    .ezee_corousal_5g .mobile_wrapper_inner_phones .button-zain a {
        border-radius: 4px;
        height: 40px;
        line-height: 40px;
        width: 112px
    }

    .ezee_corousal_5g .mobile_wrapper_inner_phones .content_mobile_wrapper_inner {
        right: -100px;
        top: -50px;
        max-width: 110px
    }

    .ezee_corousal_5g .mobile_wrapper_inner_phones .content_mobile_wrapper_inner span {
        font-size: 12px
    }

    .ezee_corousal_5g .mobile_wrapper_inner_phones .content_mobile_wrapper_inner h2 {
        font-size: 16px;
        font-weight: 600
    }

    .ezee_corousal_5g .mobile_wrapper_inner_phones .content_mobile_wrapper_inner .price_wrapper_items {
        padding-top: 10px
    }

    .ezee_corousal_5g .container {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        max-width: unset
    }

    .ezee_corousal_5g .ezee_slider_mobile_phones .slick-list .slick-track {
        padding-top: 35px
    }

    .tablets_stay_connected.needNewPhoneSliderCards .container {
        margin-left: 0;
        margin-right: 0;
        max-width: unset
    }

    .tablets_stay_connected.needNewPhoneSliderCards .container .info_bar h2 {
        color: #2e2e2e !important
    }
}

html[dir=rtl] .ezee_corousal_5g {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .ezee_corousal_5g .mobile_wrapper_inner_phones .content_mobile_wrapper_inner h2 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .ezee_corousal_5g .slick-arrow.slick-next {
    right: -70px;
    left: auto
}

html[dir=rtl] .ezee_corousal_5g .slick-arrow.slick-prev {
    left: -70px;
    right: auto
}

.ezee_flex_5g ul li,.simeeZee ul li {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ezee_flex_5g ul li h2,.ezee_flex_5g ul li h3,.simeeZee ul li h2,.simeeZee ul li h3 {
    margin: 0;
    font-size: 26px;
    line-height: 32px;
    font-family: nunitosans-bold;
    color: #000
}

@media(max-width: 767px) {
    .ezee_flex_5g ul li h2,.ezee_flex_5g ul li h3,.simeeZee ul li h2,.simeeZee ul li h3 {
        font-size:18px
    }
}

.ezee_flex_5g ul li p,.simeeZee ul li p {
    margin: 0;
    font-size: 22px;
    line-height: 32px;
    color: #999;
    font-family: NunitoSans-SemiBold
}

@media(max-width: 767px) {
    .ezee_flex_5g ul li p,.simeeZee ul li p {
        font-size:14px
    }
}

.ezee_flex_5g .numberList,.simeeZee .numberList {
    margin-right: 0;
    margin-left: 0
}

.ezee_flex_5g .numberList li .list_numbers_counter,.simeeZee .numberList li .list_numbers_counter {
    font-family: nunitosans-bold;
    font-size: 51px;
    line-height: 52px;
    letter-spacing: -.02em;
    color: #89b965;
    margin-top: -10px;
    margin-left: 15px
}

.ezee_flex_5g .numberList li .list_numbers_counter img,.simeeZee .numberList li .list_numbers_counter img {
    display: none
}

.ezee_flex_5g .bulletList .list_numbers_counter,.simeeZee .bulletList .list_numbers_counter {
    margin-top: 8px;
    margin-left: 15px;
    background: #89b965;
    width: 13px;
    height: 13px;
    min-width: 13px;
    min-height: 13px;
    border-radius: 50%
}

.ezee_flex_5g .bulletList .list_numbers_counter div,.ezee_flex_5g .bulletList .list_numbers_counter img,.simeeZee .bulletList .list_numbers_counter div,.simeeZee .bulletList .list_numbers_counter img {
    display: none
}

.ezee_flex_5g .iconList .list_numbers_counter img,.simeeZee .iconList .list_numbers_counter img {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin-left: 15px
}

.ezee_flex_5g .iconList .list_numbers_counter div,.simeeZee .iconList .list_numbers_counter div {
    display: none
}

.ezee_flex_5g .noType .list_numbers_counter,.simeeZee .noType .list_numbers_counter {
    display: none
}

.simeeZee {
    padding-top: 100px;
    padding-bottom: 60px;
    background-color: #f7f7f7
}

.simeeZee .simeeZee-left-text h2 {
    font-size: 41px;
    font-family: nunitosans-bold;
    font-weight: 600;
    margin: 0;
    line-height: 55px
}

@media(max-width: 767px) {
    .simeeZee .simeeZee-left-text h2 {
        font-size:25px
    }
}

.simeeZee .simeeZee-left-text h2 span {
    font-size: 51px;
    font-family: NunitoSans-Black;
    background: -webkit-gradient(linear,left top,right bottom,from(#a6ba77),to(#70b755));
    background: linear-gradient(180deg,#a6ba77 100%,#70b755 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-clip: text !important
}

@media(max-width: 767px) {
    .simeeZee .simeeZee-left-text h2 span {
        font-size:39px
    }
}

.simeeZee .simeeZee-left-text p {
    color: #000;
    margin: 0;
    font-family: NunitoSans-SemiBold;
    font-size: 41px
}

@media(max-width: 1400px) {
    .simeeZee .simeeZee-left-text p {
        font-size:35px
    }
}

@media(max-width: 767px) {
    .simeeZee .simeeZee-left-text p {
        font-size:25px
    }
}

.simeeZee .flex-row-reverse .text-editor {
    text-align: left
}

.ezee_flex_5g {
    background-color: #eef2e4;
    margin-top: 150px;
    margin-bottom: 29px
}

.ezee_flex_5g .text_ezee_5g_inner {
    margin-top: -110px
}

.ezee_flex_5g .text_ezee_5g_inner h4 {
    font-size: 41px;
    line-height: 55px;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: nunitosans-bold
}

.ezee_flex_5g .text_ezee_5g_inner h3 {
    font-size: 71px;
    line-height: 71px;
    font-family: nunitosans-bold;
    background: -webkit-gradient(linear,left top,right bottom,from(#a6ba77),to(#70b755));
    background: linear-gradient(180deg,#a6ba77 100%,#70b755 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-clip: text !important
}

.ezee_flex_5g .list_flexi_5g {
    margin-top: 70px;
    margin-bottom: 40px
}

.ezee_flex_5g .list_flexi_5g ul li {
    margin-bottom: 36px
}

.ezee_flex_5g .list_flexi_5g ul li p {
    font-family: NunitoSans-Regular;
    color: #5e5e5e
}

@media(max-width: 1200px) {
    .simeeZee ul {
        margin-right:50px;
        margin-top: 30px
    }

    .simeeZee .bulletList,.simeeZee .iconList,.simeeZee .numberList {
        margin-right: 0
    }
}

@media(max-width: 1199px) {
    .simeeZee .flex-row-reverse .text-editor {
        text-align:right
    }
}

@media(max-width: 767px) {
    .ezee_flex_5g ul,.simeeZee ul {
        margin:30px 20px 0
    }

    .ezee_flex_5g ul li,.simeeZee ul li {
        margin-bottom: 24px !important
    }

    .ezee_flex_5g ul li h2,.ezee_flex_5g ul li h3,.simeeZee ul li h2,.simeeZee ul li h3 {
        line-height: 20px;
        font-family: NunitoSans-SemiBold
    }

    .ezee_flex_5g ul li p,.simeeZee ul li p {
        line-height: 18px;
        color: #6f6f6f;
        padding-top: 5px
    }

    .ezee_flex_5g .bulletList,.ezee_flex_5g .iconList,.ezee_flex_5g .numberList,.simeeZee .bulletList,.simeeZee .iconList,.simeeZee .numberList {
        margin: 30px 0 0
    }

    .ezee_flex_5g .numberList li .list_numbers_counter,.simeeZee .numberList li .list_numbers_counter {
        font-size: 24px;
        margin-left: 10px;
        line-height: 40px
    }

    .ezee_flex_5g .bulletList .list_numbers_counter,.simeeZee .bulletList .list_numbers_counter {
        margin-top: 2px
    }

    .ezee_flex_5g .iconList .list_numbers_counter img,.simeeZee .iconList .list_numbers_counter img {
        width: 25px;
        min-width: 25px;
        height: 25px;
        min-height: 25px;
        margin-top: -6px
    }

    .simeeZee {
        padding-top: 60px;
        padding-bottom: 25px;
        background-color: #fff
    }

    .simeeZee .simeeZee-left-text h2 {
        line-height: 32px
    }

    .simeeZee .simeeZee-left-text h2 span {
        line-height: 48px
    }

    .simeeZee .simeeZee-left-text p {
        line-height: 32px
    }

    .ezee_flex_5g {
        margin-top: 95px
    }

    .ezee_flex_5g .list_flexi_5g {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .ezee_flex_5g .text_ezee_5g_inner {
        margin-top: -50px
    }

    .ezee_flex_5g .text_ezee_5g_inner h4 {
        font-size: 20px;
        line-height: 24px
    }

    .ezee_flex_5g .text_ezee_5g_inner h3 {
        font-size: 41px;
        line-height: 41px;
        margin-bottom: 0
    }

    .ezee_flex_5g ul {
        margin: 0
    }

    .ezee_flex_5g ul li h3 {
        font-family: nunitosans-bold
    }

    .ezee_flex_5g ul li p {
        font-family: nunitosans-semibold
    }
}

html[dir=rtl] .ezee_flex_5g .text_ezee_5g_inner h3,html[dir=rtl] .ezee_flex_5g .text_ezee_5g_inner h4,html[dir=rtl] .ezee_flex_5g ul li h2,html[dir=rtl] .ezee_flex_5g ul li h3,html[dir=rtl] .simeeZee .simeeZee-left-text h2,html[dir=rtl] .simeeZee ul li h2,html[dir=rtl] .simeeZee ul li h3 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .ezee_flex_5g ul li p,html[dir=rtl] .simeeZee .simeeZee-left-text h2 span,html[dir=rtl] .simeeZee .simeeZee-left-text p,html[dir=rtl] .simeeZee ul li p {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .ezee_flex_5g ul li h2,html[dir=rtl] .ezee_flex_5g ul li h3,html[dir=rtl] .simeeZee ul li h2,html[dir=rtl] .simeeZee ul li h3 {
    line-height: 40px
}

html[dir=rtl] .ezee_flex_5g .bulletList .list_numbers_counter,html[dir=rtl] .simeeZee .bulletList .list_numbers_counter {
    margin-top: 13px
}

html[dir=rtl] .ezee_flex_5g .iconList .list_numbers_counter,html[dir=rtl] .simeeZee .iconList .list_numbers_counter {
    margin-top: 8px
}

html[dir=rtl] .simeeZee .simeeZee-left-text {
    text-align: center
}

html[dir=rtl] .simeeZee .simeeZee-left-text h2 span {
    font-weight: 600;
    background: -webkit-gradient(linear,left top,right bottom,from(#a6ba77),to(#70b755));
    background: linear-gradient(180deg,#a6ba77 100%,#70b755 100%)
}

html[dir=rtl] .simeeZee .simeeZee-left-text p {
    padding-top: 7px
}

html[dir=rtl] .simeeZee .flex-row-reverse .text-editor {
    text-align: center
}

html[dir=rtl] .ezee_flex_5g .text_ezee_5g_inner {
    margin-top: -140px
}

html[dir=rtl] .ezee_flex_5g .text_ezee_5g_inner h3 {
    line-height: 120px
}

@media(max-width: 1440px) {
    html[dir=rtl] .ezee_flex_5g .list_flexi_5g ul li p {
        line-height:40px
    }
}

@media(max-width: 1200px) {
    html[dir=rtl] .simeeZee ul {
        margin-right:50px;
        margin-top: 30px
    }

    html[dir=rtl] .simeeZee .flex-row-reverse .text-editor {
        text-align: right
    }

    html[dir=rtl] .simeeZee .simeeZee-left-text {
        text-align: right
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .ezee_flex_5g ul li p,html[dir=rtl] .simeeZee ul li p {
        padding-top:10px
    }

    html[dir=rtl] .simeeZee ul {
        margin: 30px 20px 0
    }

    html[dir=rtl] .simeeZee .bulletList,html[dir=rtl] .simeeZee .iconList,html[dir=rtl] .simeeZee .numberList {
        margin-right: 0
    }

    html[dir=rtl] .simeeZee .bulletList li h2,html[dir=rtl] .simeeZee .iconList li h2,html[dir=rtl] .simeeZee .numberList li h2 {
        line-height: 20px
    }

    html[dir=rtl] .ezee_flex_5g .text_ezee_5g_inner {
        margin-top: -70px
    }

    html[dir=rtl] .ezee_flex_5g .text_ezee_5g_inner h3 {
        line-height: 70px
    }

    html[dir=rtl] .ezee_flex_5g .list_flexi_5g ul li h3 {
        line-height: 20px;
        font-weight: 400
    }

    html[dir=rtl] .ezee_flex_5g .list_flexi_5g ul li p {
        line-height: 18px;
        font-weight: 400
    }
}

.customize_your_plan .custommize-top-left h2 {
    font-size: 29px;
    line-height: 40px;
    font-family: NunitoSans-Bold;
    margin-bottom: 14px;
    font-weight: 600
}

.customize_your_plan .custommize-top-left h2 small {
    font-size: 29px;
    line-height: 40px
}

.customize_your_plan .pricing .price__zain {
    font-size: 50px;
    font-family: NunitoSans-SemiBold;
    color: #408646;
    line-height: 72px
}

.customize_your_plan .pricing .price__zain span {
    font-size: 32px;
    line-height: 24px;
    color: #6f6f6f
}

.customize_your_plan .pricing .price__zain .price__zain-span {
    font-family: nunitosans-Semibold;
    font-size: 50px;
    line-height: 72px;
    color: #3d8743
}

.customize_your_plan .pricing p {
    color: #999;
    font-size: 18px
}

@media(max-width: 1440px) {
    .customize_your_plan .pricing p {
        font-size:14px
    }
}

.customize_your_plan .custommize-top-left .button-zain {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 336px;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.customize_your_plan .custommize-top-left .button-zain .primary-button-common {
    min-width: calc(50% - 10px);
    width: calc(50% - 10px);
    padding: 0 15px;
    display: block;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    margin-bottom: 10px
}

.customize_your_plan .custommize-top-left .button-zain .primary-button-common:last-child {
    margin-left: 0
}

.customize_your_plan .customize-adjustment {
    margin-bottom: 30px
}

.customize_your_plan .customize-adjustment .col-sm-6.col-md-3.col-lg-3.d-flex.justify-content-center {
    z-index: 0
}

.customize_your_plan .my_zain_btn {
    background-color: #cf3189;
    color: #fff;
    padding: 10px 60px;
    height: 60px;
    font-family: NunitoSans-Black;
    font-size: 17px;
    border-radius: 10px;
    border: 0;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.customize_your_plan .my_zain_btn:hover {
    background-color: transparent;
    color: #cf3189;
    border: 2px solid #cf3189
}

.customize_your_plan .my_zain_app {
    background-color: transparent;
    color: #cf3189;
    padding: 10px 60px;
    height: 60px;
    font-family: NunitoSans-Black;
    font-size: 17px;
    border-radius: 10px;
    border: 2px solid #cf3189;
    margin: 0 10px;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.customize_your_plan .my_zain_app:hover {
    background-color: #cf3189;
    color: #fff
}

.customize_your_plan .btn-toggle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.customize_your_plan .btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: 0;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8
}

.customize_your_plan .btn-toggle.focus,.customize_your_plan .btn-toggle.focus.active,.customize_your_plan .btn-toggle:focus,.customize_your_plan .btn-toggle:focus.active {
    outline: 0
}

.customize_your_plan .btn-toggle:after,.customize_your_plan .btn-toggle:before {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.customize_your_plan .btn-toggle:before {
    content: "";
    right: -4rem
}

.customize_your_plan .btn-toggle:after {
    content: "";
    left: -4rem;
    opacity: .5
}

.customize_your_plan .btn-toggle>.handle {
    position: absolute;
    top: .1875rem;
    right: .1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    -webkit-transition: left .25s;
    transition: left .25s
}

.customize_your_plan .btn-toggle.active {
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}

.customize_your_plan .btn-toggle.active>.handle {
    right: 1.6875rem;
    -webkit-transition: left .25s;
    transition: left .25s
}

.customize_your_plan .btn-toggle.active:before {
    opacity: .5
}

.customize_your_plan .btn-toggle.active:after {
    opacity: 1
}

.customize_your_plan .btn-toggle.btn-sm:after,.customize_your_plan .btn-toggle.btn-sm:before {
    line-height: -.5rem;
    color: #fff;
    letter-spacing: .75px;
    right: .4125rem;
    width: 2.325rem
}

.customize_your_plan .btn-toggle.btn-sm:before {
    text-align: left
}

.customize_your_plan .btn-toggle.btn-sm:after {
    text-align: right;
    opacity: 0
}

.customize_your_plan .btn-toggle.btn-sm.active:before {
    opacity: 0
}

.customize_your_plan .btn-toggle.btn-sm.active:after {
    opacity: 1
}

.customize_your_plan .btn-toggle.btn-xs:after,.customize_your_plan .btn-toggle.btn-xs:before {
    display: none
}

.customize_your_plan .btn-toggle:after,.customize_your_plan .btn-toggle:before {
    color: #6b7381
}

.customize_your_plan .btn-toggle.active {
    background-color: #408646
}

.customize_your_plan .btn-toggle.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: 0;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem
}

.customize_your_plan .btn-toggle.btn-lg.focus,.customize_your_plan .btn-toggle.btn-lg.focus.active,.customize_your_plan .btn-toggle.btn-lg:focus,.customize_your_plan .btn-toggle.btn-lg:focus.active {
    outline: 0
}

.customize_your_plan .btn-toggle.btn-lg:after,.customize_your_plan .btn-toggle.btn-lg:before {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.customize_your_plan .addons_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.customize_your_plan .custom-switch.extra-switch2.extra_switch_flexi {
    margin-right: 16px;
    margin-top: 0
}

.customize_your_plan .title__extra h2 {
    font-size: 29px;
    margin: 5px 0 5px 0;
    line-height: 32px;
    font-family: NunitoSans-SemiBold;
    font-weight: 600
}

.customize_your_plan .addons_option h3 {
    font-size: 20px;
    font-family: NunitoSans-SemiBold;
    margin-bottom: 0;
    line-height: 24px
}

.customize_your_plan .addons_option p {
    font-family: NunitoSans-SemiBold;
    color: #b0b0b0;
    font-size: 16px
}

.customize_your_plan .addons_option .text-editor p {
    font-size: 15px;
    margin: 0
}

.customize_your_plan .custommize_inner_box {
    background: #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    padding: 20px 30px
}

.customize_your_plan .range_bar h3 {
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 22px;
    font-family: NunitoSans-SemiBold
}

.customize_your_plan .range_bar h2 {
    text-align: center;
    font-family: NunitoSans-Bold;
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
    font-weight: 600;
    padding-top: 5px;
    max-width: 190px
}

.customize_your_plan .customize-mobile-pricing {
    display: none
}

.customize_your_plan .customize-mobile-pricing span {
    font-size: 14px;
    line-height: 18px;
    color: #2e2e2e
}

.customize_your_plan .range_bar {
    margin-top: 100px;
    position: relative
}

.customize_your_plan .range_bar button {
    border: 0;
    background: 0;
    padding: 0;
    display: none
}

.customize_your_plan .range_bar .prev {
    position: absolute;
    right: -45px;
    top: 25%
}

.customize_your_plan .range_bar .next {
    position: absolute;
    left: -45px;
    top: 25%
}

.customize_your_plan .range_bar button:focus {
    outline: 0
}

.customize_your_plan .addons_option .custom-switch.extra-switch2 .custom-switch-input+.custom-switch-btn {
    width: 48px;
    height: 22px
}

.customize_your_plan .addons_option .custom-switch .custom-switch-input+.custom-switch-btn:after,.customize_your_plan .addons_option .custom-switch .custom-switch-input+.custom-switch-btn:before {
    width: 14px;
    height: 14px
}

.customize_your_plan .addons_option .custom-switch .custom-switch-input+.custom-switch-btn {
    background-color: #999
}

.customize_your_plan .addons_option .custom-switch .custom-switch-input:checked+.custom-switch-btn {
    background: #3d8743
}

.customize_your_plan .addons_option .custom-switch .custom-switch-input:checked+.custom-switch-btn:after {
    right: 24px
}

.customize_your_plan .zain_flexi {
    margin-bottom: 0
}

.customize_your_plan .ezee_corousal_5g .content_crousal_main_5g p {
    max-width: 350px
}

.customize_your_plan .content_mobile_wrapper_inner .main_name_items,.customize_your_plan .price_wrapper_items .main_price_item {
    font-family: NunitoSans-Bold
}

.customize_your_plan .custom-switch .custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.customize_your_plan .custom-switch .custom-switch-input+.custom-switch-btn {
    background-color: #999;
    outline: 0;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 68px;
    height: 38px;
    margin: 0;
    padding: 4px;
    background: #deeaf2;
    border-radius: 76px;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease
}

.customize_your_plan .custom-switch .custom-switch-input+.custom-switch-btn::after {
    width: 14px;
    height: 14px;
    right: 2px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    position: relative;
    display: block;
    content: ""
}

@media(min-width: 280px) and (max-width:767px) {
    .customize_your_plan .addons_option {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .customize_your_plan .addons_option .custom-switch {
        text-align: left
    }

    .customize_your_plan .range_bar {
        margin: 30px 0 10px 0
    }

    .customize_your_plan .range_bar button {
        display: block
    }

    .customize_your_plan .addons_option p {
        font-size: 15px
    }

    .customize_your_plan .addons_option h3 {
        font-size: 16px
    }

    .customize_your_plan .title__extra h2 {
        font-family: NunitoSans-Bold;
        font-size: 20px;
        line-height: 25px
    }

    .customize_your_plan .my_zain_app {
        padding: 5px 40px;
        height: 40px;
        border-radius: 4px
    }

    .customize_your_plan .my_zain_btn {
        padding: 5px 30px;
        height: 40px;
        border-radius: 4px
    }

    .customize_your_plan .pricing p {
        padding-top: 7px;
        padding-bottom: 5px;
        font-size: 14px;
        color: #6f6f6f
    }

    .customize_your_plan .pricing .price__zain {
        font-size: 48px;
        line-height: 42px;
        margin: 0
    }

    .customize_your_plan .pricing .price__zain .price__zain-span {
        font-size: 48px;
        line-height: 42px;
        margin: 0
    }

    .customize_your_plan .mobile_hidden_flexi {
        display: none !important
    }

    .customize_your_plan .pricing .price__zain span {
        font-size: 24px
    }

    .customize_your_plan .customize-mobile-pricing {
        display: block
    }

    .customize_your_plan .custommize-top-left .pricing {
        display: none
    }

    .customize_your_plan .custommize-top-left .button-zain {
        display: none
    }

    .customize_your_plan .customize-adjustment {
        margin-bottom: 20px
    }

    .customize_your_plan .customize-mobile-pricing .button-zain {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .customize_your_plan .customize-mobile-pricing .button-zain .primary-button-common {
        min-width: 110px;
        margin-left: 10px;
        margin-bottom: 10px
    }

    .customize_your_plan .custommize_inner_box {
        padding: 30px 30px
    }

    .customize_your_plan .custommize-top-left h2 {
        text-align: center;
        font-size: 20px;
        line-height: 25px;
        width: 100%
    }

    .customize_your_plan .custommize-top-left h2 small {
        background: -webkit-gradient(linear,left top,right bottom,from(#a6ba77),to(#70b755));
        background: linear-gradient(180deg,#a6ba77 100%,#70b755 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.customize_your_plan .range-bar-style .rs-tooltip {
    font-size: 32px;
    line-height: 42px;
    color: #3d8743
}

.customize_your_plan .range-bar-style .rs-tooltip {
    border: 0
}

.customize_your_plan .range-bar-style .rs-handle::after {
    content: "";
    height: 4px;
    width: 4px;
    background: #3d8743;
    position: absolute;
    border-radius: 50px;
    right: 0;
    top: 50%;
    margin: 0 auto;
    left: 0;
    margin-top: -2px
}

.customize_your_plan .range-bar-style .rs-handle::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .4;
    z-index: -1;
    -webkit-animation-name: fadeOut_master;
    animation-name: fadeOut_master;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.customize_your_plan .range-bar-style .rs-handle {
    height: 20px !important;
    width: 20px !important;
    background: #fff;
    border-radius: 50% !important;
    -webkit-box-shadow: 1px 3px 5px #e5e5e5;
    box-shadow: 1px 3px 5px #e5e5e5;
    position: absolute;
    right: -14px
}

.customize_your_plan .rs-seperator.rs-border {
    visibility: hidden
}

@-webkit-keyframes fadeOut_master {
    0% {
        opacity: 0;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    20% {
        opacity: .4
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-18%,-18%);
        transform: translate(-18%,-18%);
        width: 160%;
        height: 160%
    }
}

[id*=range-bar].range-bar-style .rs-border.rs-outer {
    border: 16px dotted transparent
}

[id*=range-bar].range-bar-style .rs-border.rs-inner {
    border-width: 0
}

[id*=range-bar].range-bar-style .rs-handle {
    margin-right: 0
}

[id*=range-bar] .rs-container.rs-half.rs-top {
    --widthSlide: 50%
}

[id*=range-bar] .rs-container.rs-half.rs-top::before {
    content: "";
    position: absolute;
    right: 0;
    width: var(--widthSlide);
    height: 100%;
    background-repeat: no-repeat !important;
    background: url("../images/circle-green.svg");
    background-size: 180px
}

@media(max-width: 1199px) {
    .customize_your_plan .custommize-top-left {
        padding-bottom:30px
    }

    .customize_your_plan .custommize-top-left .button-zain {
        max-width: 356px
    }

    .customize_your_plan .range_bar {
        margin-top: 20px
    }

    .customize_your_plan .title__extra h2 {
        margin-bottom: 20px
    }

    .customize_your_plan .custom-switch {
        text-align: left
    }
}

@media(max-width: 991px) {
    .customize_your_plan .custommize-top-left .button-zain {
        max-width:310px
    }
}

@media(max-width: 767px) {
    .customize_your_plan .custommize-top-left {
        padding-bottom:8px
    }

    .customize_your_plan .custommize-top-left .button-zain {
        padding-bottom: 13px
    }

    .customize_your_plan .rs-tooltip.rs-edit div {
        margin-bottom: 0
    }
}

html[dir=rtl] .customize_your_plan .addons_option h3,html[dir=rtl] .customize_your_plan .custommize-top-left h2,html[dir=rtl] .customize_your_plan .pricing .price__zain,html[dir=rtl] .customize_your_plan .range_bar h2,html[dir=rtl] .customize_your_plan .rs-tooltip.rs-tooltip-text.rs-edit,html[dir=rtl] .customize_your_plan .title__extra h2 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .customize_your_plan .addons_option .text-editor p,html[dir=rtl] .customize_your_plan .addons_option p {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .customize_your_plan .custommize-top-left h2 small {
    display: block;
    font-family: NunitoSans-Bold
}

html[dir=rtl] .customize_your_plan .pricing .price__zain span {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .customize_your_plan .pricing .price__zain .price__zain-span {
    font-family: NunitoSans-SemiBold;
    float: right
}

html[dir=rtl] .customize_your_plan .pricing p {
    font-size: 22px
}

html[dir=rtl] .customize_your_plan .rs-tooltip.rs-tooltip-text.rs-edit div {
    font-family: NunitoSans-Bold
}

html[dir=rtl] .customize_your_plan .range_bar {
    direction: ltr
}

html[dir=rtl] .customize_your_plan .range_bar .prev {
    right: auto;
    left: -45px
}

html[dir=rtl] .customize_your_plan .range_bar .next {
    left: auto;
    right: -45px
}

html[dir=rtl] .customize_your_plan .rs-half.rs-top .rs-tooltip {
    right: auto;
    left: 50%;
    margin: 0 auto !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1))
}

html[dir=rtl] .customize_your_plan .range-bar-style .rs-handle {
    right: auto;
    left: -14px
}

html[dir=rtl] .customize_your_plan .range-bar-style .rs-handle::before {
    left: 0;
    right: auto
}

html[dir=rtl] [id*=range-bar] .rs-container.rs-half.rs-top::before {
    right: auto;
    left: 0
}

@media(max-width: 767px) {
    html[dir=rtl] .customize_your_plan .addons_option .text-editor p {
        line-height:15px
    }

    html[dir=rtl] .customize_your_plan .pricing p {
        font-size: 14px;
        line-height: 32px;
        padding: 0
    }
}

/*!
 * roundSlider v1.6.1 | (c) 2015-2020, Soundar
 * MIT license | http://roundsliderui.com/licence.html
 */
.customize_your_plan .rs-edge,.customize_your_plan .rs-handle,.customize_your_plan .rs-ie {
    -ms-touch-action: none;
    touch-action: none
}

.customize_your_plan .rs-control {
    position: relative;
    outline: 0 none
}

.customize_your_plan .rs-container {
    position: relative
}

.customize_your_plan .rs-control *,.customize_your_plan .rs-control :after,.customize_your_plan .rs-control :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.customize_your_plan .rs-animation .rs-transition {
    -webkit-transition: all .5s linear 0;
    transition: all .5s linear 0
}

.customize_your_plan .rs-bar {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.customize_your_plan .rs-control .rs-overlay1,.customize_your_plan .rs-control .rs-overlay2,.customize_your_plan .rs-control .rs-split .rs-path {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.customize_your_plan .rs-control .rs-overlay {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.customize_your_plan .rs-rounded .rs-seperator,.customize_your_plan .rs-split .rs-path {
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.customize_your_plan .rs-disabled {
    opacity: .35
}

.customize_your_plan .rs-inner-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden
}

.customize_your_plan .rs-control .rs-quarter div.rs-block {
    height: 200%;
    width: 200%
}

.customize_your_plan .rs-control .rs-half.rs-bottom div.rs-block,.customize_your_plan .rs-control .rs-half.rs-top div.rs-block {
    height: 200%;
    width: 100%
}

.customize_your_plan .rs-control .rs-half.rs-left div.rs-block,.customize_your_plan .rs-control .rs-half.rs-right div.rs-block {
    height: 100%;
    width: 200%
}

.customize_your_plan .rs-control .rs-bottom .rs-block {
    top: auto;
    bottom: 0
}

.customize_your_plan .rs-control .rs-right .rs-block {
    left: 0
}

.customize_your_plan .rs-block.rs-outer {
    border-radius: 1000px
}

.customize_your_plan .rs-block {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 3
}

.customize_your_plan .rs-block .rs-inner {
    border-radius: 1000px;
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}

.customize_your_plan .rs-overlay {
    width: 50%
}

.customize_your_plan .rs-overlay1,.customize_your_plan .rs-overlay2 {
    width: 100%
}

.customize_your_plan .rs-overlay,.customize_your_plan .rs-overlay1,.customize_your_plan .rs-overlay2 {
    position: absolute;
    background-color: #fff;
    z-index: 3;
    top: 0;
    height: 50%
}

.customize_your_plan .rs-bar {
    display: block;
    position: absolute;
    bottom: 0;
    height: 0;
    z-index: 10
}

.customize_your_plan .rs-bar.rs-rounded {
    z-index: 5
}

.customize_your_plan .rs-bar .rs-seperator {
    height: 0;
    display: block;
    float: right
}

.customize_your_plan .rs-bar:not(.rs-rounded) .rs-seperator {
    border-right: 0;
    border-left: 0
}

.customize_your_plan .rs-bar.rs-start .rs-seperator {
    border-top: 0
}

.customize_your_plan .rs-bar.rs-end .rs-seperator {
    border-bottom: 0
}

.customize_your_plan .rs-bar.rs-start.rs-rounded .rs-seperator {
    border-radius: 0 0 1000px 1000px
}

.customize_your_plan .rs-bar.rs-end.rs-rounded .rs-seperator {
    border-radius: 1000px 1000px 0 0
}

.customize_your_plan .rs-full .rs-bar,.customize_your_plan .rs-half .rs-bar {
    width: 50%
}

.customize_your_plan .rs-half.rs-left .rs-bar,.customize_your_plan .rs-half.rs-right .rs-bar,.customize_your_plan .rs-quarter .rs-bar {
    width: 100%
}

.customize_your_plan .rs-full .rs-bar,.customize_your_plan .rs-half.rs-left .rs-bar,.customize_your_plan .rs-half.rs-right .rs-bar {
    top: 50%
}

.customize_your_plan .rs-bottom .rs-bar {
    top: 0
}

.customize_your_plan .rs-half.rs-right .rs-bar,.customize_your_plan .rs-quarter.rs-right .rs-bar {
    left: 100%
}

.customize_your_plan .rs-handle.rs-move {
    cursor: move
}

.customize_your_plan .rs-readonly .rs-handle.rs-move {
    cursor: default
}

.customize_your_plan .rs-classic-mode .rs-path {
    display: block;
    height: 100%;
    width: 100%
}

.customize_your_plan .rs-split .rs-path {
    border-radius: 1000px 1000px 0 0;
    overflow: hidden;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 2
}

.customize_your_plan .rs-control .rs-svg-container {
    display: block;
    position: absolute;
    top: 0
}

.customize_your_plan .rs-control .rs-bottom .rs-svg-container {
    top: auto;
    bottom: 0
}

.customize_your_plan .rs-control .rs-right .rs-svg-container {
    left: 0
}

.customize_your_plan .rs-tooltip {
    position: absolute;
    cursor: default;
    border: 1px solid transparent;
    z-index: 10
}

.customize_your_plan .rs-full .rs-tooltip {
    top: 50%;
    right: 50%
}

.customize_your_plan .rs-bottom .rs-tooltip {
    top: 0
}

.customize_your_plan .rs-top .rs-tooltip {
    bottom: 0
}

.customize_your_plan .rs-right .rs-tooltip {
    right: 0
}

.customize_your_plan .rs-left .rs-tooltip {
    left: 0
}

.customize_your_plan .rs-half.rs-bottom .rs-tooltip,.customize_your_plan .rs-half.rs-top .rs-tooltip {
    right: 50%
}

.customize_your_plan .rs-half.rs-left .rs-tooltip,.customize_your_plan .rs-half.rs-right .rs-tooltip {
    top: 50%
}

.customize_your_plan .rs-tooltip .rs-input {
    outline: 0 none;
    border: 0;
    background: 0
}

.customize_your_plan .rs-tooltip-text {
    font-family: verdana;
    font-size: 13px;
    border-radius: 7px;
    text-align: center;
    color: inherit
}

.customize_your_plan .rs-tooltip.rs-tooltip-text.rs-edit {
    padding: 5px 8px;
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 22px;
    font-family: NunitoSans-Bold;
    color: #000;
    bottom: -25px
}

.customize_your_plan .rs-tooltip.rs-edit:hover,.customize_your_plan .rs-tooltip.rs-hover {
    cursor: pointer
}

.customize_your_plan .rs-readonly .rs-tooltip.rs-edit:hover {
    border-color: transparent;
    cursor: default
}

.customize_your_plan .rs-tooltip.rs-edit div {
    font-size: 32px;
    line-height: 42px;
    color: #3d8743;
    font-family: NunitoSans-Bold;
    margin-bottom: 5px
}

.customize_your_plan .rs-tooltip.rs-center {
    margin: 0 !important
}

.customize_your_plan .rs-half.rs-bottom .rs-tooltip.rs-center,.customize_your_plan .rs-half.rs-top .rs-tooltip.rs-center {
    -webkit-transform: translate(-50%,0);
    transform: translate(calc(-50% * -1),0)
}

.customize_your_plan .rs-half.rs-left .rs-tooltip.rs-center,.customize_your_plan .rs-half.rs-right .rs-tooltip.rs-center {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.customize_your_plan .rs-full .rs-tooltip.rs-center {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%)
}

.customize_your_plan .rs-tooltip.rs-reset {
    margin: 0 !important;
    top: 0 !important;
    right: 0 !important
}

.customize_your_plan .rs-handle {
    border-radius: 1000px;
    outline: 0 none;
    float: right
}

.customize_your_plan .rs-handle.rs-handle-square {
    border-radius: 0
}

.customize_your_plan .rs-handle-dot {
    border: 1px solid #aaa;
    padding: 6px
}

.customize_your_plan .rs-handle-dot:after {
    display: block;
    content: "";
    border: 1px solid #aaa;
    height: 100%;
    width: 100%;
    border-radius: 1000px
}

.customize_your_plan .rs-seperator {
    border: 1px solid #aaa
}

.customize_your_plan .rs-border {
    border: 1px solid #aaa
}

.customize_your_plan .rs-path-color {
    background-color: #fff
}

.customize_your_plan .rs-range-color {
    background-color: #54bbe0
}

.customize_your_plan .rs-bg-color {
    background-color: #fff
}

.customize_your_plan .rs-handle {
    background-color: #838383
}

.customize_your_plan .rs-handle-dot {
    background-color: #fff
}

.customize_your_plan .rs-handle-dot:after {
    background-color: #838383
}

.customize_your_plan .rs-path-inherited .rs-path {
    opacity: .2
}

.customize_your_plan .rs-svg-mode .rs-path {
    stroke: #fff
}

.customize_your_plan .rs-svg-mode .rs-range {
    stroke: #54bbe0
}

.customize_your_plan .rs-svg-mode .rs-border {
    stroke: #aaa
}

@media(max-width: 767px) {
    .customize_your_plan .rs-tooltip.rs-edit div {
        margin-bottom:-5px
    }

    .customize_your_plan .range_bar h2 {
        padding-top: 10px;
        margin-bottom: 20px
    }
}

.wiyana-ultra-fast {
    background-color: #f7f7f7;
    padding-bottom: 3rem;
    padding-top: 48px
}

.wiyana-ultra-fast h2,.wiyana-ultra-fast h3,.wiyana-ultra-fast p {
    padding: 0;
    margin: 0;
    line-height: normal
}

.wiyana-ultra-fast .ultra-fast-heading h2,.wiyana-ultra-fast .ultra-fast-heading h3 {
    font-family: NunitoSans-Black;
    font-weight: 600;
    font-size: 41px;
    letter-spacing: -.02em;
    margin-bottom: 5px
}

.wiyana-ultra-fast .ultra-fast-heading h2 {
    background: linear-gradient(87.62deg,#d12b8a 27.92%,#70489d 107.7%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.wiyana-ultra-fast .ultra-fast-heading h3 {
    color: #000
}

.wiyana-ultra-fast .my-5.row {
    margin-bottom: 0 !important
}

.wiyana-ultra-fast .ultra-fast-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.wiyana-ultra-fast .ultra-adjustment {
    padding: 0 20px
}

.wiyana-ultra-fast .ultra-adjustment h2 {
    font-size: 29px;
    line-height: 40px;
    color: #2e2e2e;
    font-family: nunitosans-bold;
    font-weight: 600;
    margin-bottom: .5rem
}

.wiyana-ultra-fast .ultra-adjustment p {
    font-family: NunitoSans-SemiBold;
    margin-bottom: 9px;
    font-size: 26px;
    line-height: 32px;
    color: #222c38
}

.wiyana-ultra-fast .ufc_pricing {
    margin-bottom: 16px
}

.wiyana-ultra-fast .ufc_pricing h2 {
    font-size: 26px;
    font-family: nunitosans-bold;
    font-weight: 600
}

.wiyana-ultra-fast .ufc_pricing h2 span {
    font-family: NunitoSans-Regular;
    font-size: 16px;
    color: #2e2e2e
}

.wiyana-ultra-fast .ultra-fast-button a {
    margin-left: 18px;
    display: inline-block;
    width: 196px
}

.wiyana-ultra-fast .ultra-fast-button a:nth-child(2) {
    margin-right: 0 !important
}

.wiyana-ultra-fast .ultra-fast-img .sepcial_tag {
    font-size: 17px;
    font-family: NunitoSans-SemiBold;
    background-color: #000;
    color: #fff;
    width: auto;
    position: absolute;
    top: -24px;
    left: 0;
    font-weight: 600;
    line-height: 23px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 15px
}

.wiyana-ultra-fast .ultra-fast-img .sepcial_tag::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: -24px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-top: 0 solid transparent;
    border-left: 24px solid #000;
    border-bottom: 24px solid transparent
}

.wiyana-ultra-fast .ultra-fast-img img {
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.0025);
    box-shadow: 0 4px 10px rgba(0,0,0,.0025)
}

.wiyana-ultra-fast .ultra-fast-img p {
    font-size: 14px;
    color: #6f6f6f;
    line-height: 24px;
    margin: 10px 0 0 0
}

@media(max-width: 1199px) {
    .wiyana-ultra-fast .ultra-fast-right {
        margin-bottom:0 !important
    }

    .wiyana-ultra-fast .ultra-fast-img p {
        display: none
    }

    .wiyana-ultra-fast .ultra-adjustment {
        padding: 40px 0 0 0
    }
}

@media(max-width: 991px) {
    .wiyana-ultra-fast .ultra-fast-heading h2,.wiyana-ultra-fast .ultra-fast-heading h3 {
        font-size:25px;
        font-family: nunitosans-bold;
        line-height: 32px;
        margin-bottom: 8px
    }

    .wiyana-ultra-fast .ufc_pricing {
        margin-bottom: 16px
    }

    .wiyana-ultra-fast .ufc_pricing h2 {
        font-size: 25px
    }

    .wiyana-ultra-fast .ultra-fast-img .sepcial_tag {
        font-size: 14px
    }
}

@media(max-width: 767px) {
    .wiyana-ultra-fast .container {
        padding-right:15px;
        padding-left: 15px
    }

    .wiyana-ultra-fast .ultra-adjustment h2 {
        font-size: 20px;
        font-family: nunitosans-bold;
        line-height: 24px
    }

    .wiyana-ultra-fast .ultra-adjustment p {
        font-size: 16px;
        line-height: 24px;
        font-family: NunitoSans-SemiBold;
        margin-bottom: 5px
    }

    .wiyana-ultra-fast .ufc_pricing h2 {
        font-size: 25px
    }

    .wiyana-ultra-fast .ultra-fast-button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

html[dir=rtl] .wiyana-ultra-fast {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .wiyana-ultra-fast .ufc_pricing h2,html[dir=rtl] .wiyana-ultra-fast .ultra-adjustment h2,html[dir=rtl] .wiyana-ultra-fast .ultra-fast-heading h2,html[dir=rtl] .wiyana-ultra-fast .ultra-fast-heading h3 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .wiyana-ultra-fast .ufc_pricing h2 span,html[dir=rtl] .wiyana-ultra-fast .ultra-adjustment p {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .wiyana-ultra-fast .ultra-fast-heading h2,html[dir=rtl] .wiyana-ultra-fast .ultra-fast-heading h3 {
    margin-bottom: 2px
}

html[dir=rtl] .wiyana-ultra-fast .ultra-adjustment h2 {
    margin-bottom: .7rem
}

html[dir=rtl] .wiyana-ultra-fast .sepcial_tag::before {
    left: unset !important;
    right: -24px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    border-bottom: 24px solid transparent
}

html[dir=rtl] .wiyana-ultra-fast .ufc_pricing h2 span {
    font-weight: 600
}

@media(max-width: 991px) {
    html[dir=rtl] .wiyana-ultra-fast .ultra-adjustment p {
        font-size:26px;
        margin-bottom: 5px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .wiyana-ultra-fast .ultra-fast-content h2 {
        font-size:22px
    }

    html[dir=rtl] .wiyana-ultra-fast .ultra-adjustment h2 {
        font-size: 22px
    }

    html[dir=rtl] .wiyana-ultra-fast .ultra-adjustment p {
        font-size: 20px
    }
}

.product_slide_Section {
    padding-top: 50px;
    padding-bottom: 50px;
    background: rgba(229,229,229,.35)
}

.product_slide_Section h2.wiyana_heading {
    font-size: 41px;
    font-family: nunitosans-bold;
    letter-spacing: -.02em;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    .product_slide_Section h2.wiyana_heading {
        font-size:30px
    }
}

@media(max-width: 767px) {
    .product_slide_Section h2.wiyana_heading {
        font-size:25px
    }
}

.product_slide_Section .single_outer_product {
    margin: 50px 10px 20px;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.25);
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
    background-color: #fff;
    position: relative
}

.product_slide_Section .single_outer_product::before {
    content: "";
    position: absolute;
    top: 0;
    width: 5px;
    height: 100%;
    border-radius: 8px 0 0 8px;
    right: 0;
    background: linear-gradient(87.62deg,#70489d 27.92%,#d12b8a 107.7%)
}

.product_slide_Section .products_single_slide {
    padding-top: 16px;
    padding-bottom: 28px;
    margin: 0 25px
}

.product_slide_Section .products_single_slide .proPic {
    text-align: center;
    width: 100%;
    height: 204px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product_slide_Section .products_single_slide .proPic img {
    max-width: 130px;
    max-height: 204px;
    margin: 0 auto
}

.product_slide_Section .products_single_slide .content_single_box {
    margin-top: 22px
}

.product_slide_Section .products_single_slide .content_single_box span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f
}

@media(max-width: 767px) {
    .product_slide_Section .products_single_slide .content_single_box span {
        font-size:12px
    }
}

.product_slide_Section .products_single_slide .content_single_box h3 {
    font-size: 24px;
    line-height: 28px;
    color: #2e2e2e;
    font-family: nunitosans-bold
}

@media(max-width: 1199px) {
    .product_slide_Section .products_single_slide .content_single_box h3 {
        font-size:20px
    }
}

.product_slide_Section .products_single_slide .content_single_box p {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #999;
    font-family: NunitoSans-SemiBold !important
}

@media(max-width: 1600px) {
    .product_slide_Section .products_single_slide .content_single_box p {
        font-size:16px
    }
}

@media(max-width: 1440px) {
    .product_slide_Section .products_single_slide .content_single_box p {
        font-size:14px
    }
}

@media(max-width: 767px) {
    .product_slide_Section .products_single_slide .content_single_box p {
        font-size:16px
    }
}

.product_slide_Section .products_single_slide .content_single_box .plus_selector {
    font-family: NunitoSans-Regular;
    font-style: normal;
    font-weight: 800;
    display: block;
    margin-top: 10px;
    font-size: 17px;
    line-height: 28px;
    color: #2e2e2e
}

.product_slide_Section .products_single_slide .content_single_box .plus_selector i {
    font-family: icomoon2
}

.product_slide_Section .products_single_slide .product_info_box .text-editor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product_slide_Section .products_single_slide .product_info_box .text-editor img {
    max-height: 20px;
    max-width: 65px
}

.product_slide_Section .products_single_slide .product_info_box>span {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    font-family: NunitoSans-SemiBold
}

.product_slide_Section .products_single_slide .product_info_box h3,.product_slide_Section .products_single_slide .product_info_box h3 span {
    font-family: nunitosans-bold;
    font-style: normal;
    font-weight: 700;
    color: #d12b8a;
    margin-top: -3px;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .product_slide_Section .products_single_slide .product_info_box h3,.product_slide_Section .products_single_slide .product_info_box h3 span {
        font-size:14px
    }
}

@media(max-width: 991px) {
    .product_slide_Section .products_single_slide .product_info_box h3,.product_slide_Section .products_single_slide .product_info_box h3 span {
        font-size:20px
    }
}

.product_slide_Section .products_single_slide .product_info_box p {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #999;
    font-family: NunitoSans-SemiBold !important
}

@media(max-width: 1440px) {
    .product_slide_Section .products_single_slide .product_info_box p {
        font-size:14px
    }
}

@media(max-width: 991px) {
    .product_slide_Section .products_single_slide .product_info_box p {
        font-size:16px
    }
}

.product_slide_Section .sepcial_tag {
    background-color: #000;
    color: #fff;
    width: auto;
    position: absolute;
    top: -24px;
    left: 0;
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 15px
}

.product_slide_Section .sepcial_tag:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: -24px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-top: 0 solid transparent;
    border-left: 24px solid #000;
    border-bottom: 24px solid transparent
}

.product_slide_Section .product_button_box h3 {
    font-family: NunitoSans-Black;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-weight: 300
}

@media(max-width: 1440px) {
    .product_slide_Section .product_button_box h3 {
        font-size:18px
    }
}

@media(max-width: 767px) {
    .product_slide_Section .product_button_box h3 {
        font-size:16px
    }
}

.product_slide_Section .product_button_box h3 span {
    font-family: NunitoSans-Regular
}

.product_slide_Section .product_button_box h3 b {
    font-size: 22px
}

@media(max-width: 767px) {
    .product_slide_Section .product_button_box h3 b {
        font-size:18px
    }
}

.product_slide_Section .journal-content-article .primary-button-common {
    width: 100%;
    max-width: 196px;
    display: block;
    margin: 0 auto
}

.product_slide_Section .limited_offer::before {
    border-radius: 0;
    background: #d12b8a
}

.product_slide_Section .limited_offer::after {
    content: "";
    position: absolute;
    top: 0;
    width: 5px;
    height: 100%;
    border-radius: 0;
    left: 0;
    background: #70489d
}

.product_slide_Section .limited_offer .products_single_slide::before {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 5px;
    border-radius: 0;
    right: 0;
    background: linear-gradient(87.62deg,#d12b8a 27.92%,#70489d 107.7%)
}

.product_slide_Section .limited_offer .sepcial_tag {
    background: linear-gradient(87.62deg,#d12b8a 27.92%,#70489d 107.7%);
    border-radius: 8px 8px 0 0;
    width: 100%
}

.product_slide_Section .limited_offer .sepcial_tag::before {
    border: 0 !important
}

.product_slide_Section .slick-dots {
    margin-bottom: -35px
}

.product_slide_Section .slick-dots li {
    margin: 0;
    padding: 0;
    width: auto
}

.product_slide_Section .slick-dots li button {
    width: 10px;
    height: 10px !important;
    background-color: #c9c9c9;
    margin: 0 2.5px
}

.product_slide_Section .slick-dots li.slick-active button {
    background: #d12b8a;
    margin-top: 0 !important
}

.product_slide_Section .products_single_slide .currentPlan .product_button_box.text-center {
    display: none
}

.product_slide_Section .products_single_slide .currentPlan .product_button_box h3 {
    margin-top: -7px;
    margin-bottom: 0
}

.product_slide_Section .products_single_slide .currentPlan .product_button_box h3 span {
    font-size: 18px
}

.product_slide_Section .products_single_slide .currentPlan .product_button_box .sale-price-cut {
    font-size: 14px;
    line-height: 32px;
    color: #999;
    font-family: NunitoSans-Regular
}

.product_slide_Section .products_single_slide .currentPlan .product_button_box p {
    font-size: 14px;
    color: #999;
    font-family: NunitoSans-Regular;
    line-height: 16px
}

@media(max-width: 767px) {
    .product_slide_Section .products_single_slide .currentPlan .content_single_box span {
        font-size:14px
    }
}

@media(max-width: 1200px) {
    .product_slide_Section .products_single_slide .currentPlan .content_single_box h3 {
        font-size:20px
    }
}

.product_slide_Section .products_single_slide .currentPlan .content_single_box p {
    font-size: 14px;
    font-family: NunitoSans-SemiBold;
    margin-top: -6px
}

.product_slide_Section .products_single_slide .currentPlan .product_info_box {
    margin-bottom: 10px !important
}

@media(max-width: 1600px) {
    .product_slide_Section .products_single_slide .currentPlan .product_info_box h3 {
        font-size:20px
    }
}

@media(max-width: 1440px) {
    .product_slide_Section .products_single_slide .currentPlan .product_info_box h3 {
        font-size:14px
    }
}

@media(max-width: 991px) {
    .product_slide_Section .products_single_slide .currentPlan .product_info_box h3 {
        font-size:20px
    }
}

.product_slide_Section .products_single_slide .currentPlan .product_info_box>span {
    font-size: 16px;
    font-family: NunitoSans-Bold
}

@media(max-width: 767px) {
    .product_slide_Section .products_single_slide .currentPlan .product_info_box>span {
        font-size:14px
    }
}

.product_slide_Section.evenMoreSmartphonesParents {
    background: #fff
}

.product_slide_Section.evenMoreSmartphonesParents .single_outer_product {
    background: #f6f6f6
}

.product_slide_Section.evenMoreSmartphonesParents .single_outer_product::before {
    width: 3px
}

.product_slide_Section .products_single_slide .evenMoreSmartphones .content_single_box h3 {
    font-size: 20px
}

.product_slide_Section .products_single_slide .evenMoreSmartphones .content_single_box p {
    font-size: 18px;
    color: #d12b8a;
    line-height: 16px;
    padding-top: 10px;
    font-family: NunitoSans-SemiBold
}

@media(max-width: 1600px) {
    .product_slide_Section .products_single_slide .evenMoreSmartphones .content_single_box p {
        font-size:16px
    }
}

@media(max-width: 1440px) {
    .product_slide_Section .products_single_slide .evenMoreSmartphones .content_single_box p {
        font-size:14px
    }
}

@media(max-width: 767px) {
    .product_slide_Section .products_single_slide .evenMoreSmartphones .content_single_box p {
        font-size:16px
    }
}

.product_slide_Section .products_single_slide .evenMoreSmartphones .primary-button-common {
    margin: 0;
    max-width: 150px
}

@media(max-width: 991px) {
    .product_slide_Section h2.wiyana_heading {
        margin-bottom:20px
    }

    .product_slide_Section .product_info_box>span {
        font-family: nunitosans-bold
    }

    .product_slide_Section .journal-content-article .primary-button-common {
        max-width: 135px
    }
}

@media(max-width: 767px) {
    .product_slide_Section .sepcial_tag {
        min-height:24px;
        font-size: 14px;
        font-family: NunitoSans-SemiBold;
        top: -24px
    }

    .product_slide_Section .content_single_box p {
        line-height: 22px
    }

    .product_slide_Section .product_button_box p {
        color: #6f6f6f !important
    }

    .evenMoreSmartphonesParents .title_section p,.product_slide_Section .title_section p {
        display: none
    }
}

html[dir=rtl] .product_slide_Section .journal-content-article .primary-button-common,html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3,html[dir=rtl] .product_slide_Section h2.wiyana_heading {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .product_slide_Section .product_button_box h3,html[dir=rtl] .product_slide_Section .products_single_slide .content_single_box p,html[dir=rtl] .product_slide_Section .products_single_slide .currentPlan .product_button_box .sale-price-cut,html[dir=rtl] .product_slide_Section .products_single_slide .currentPlan .product_button_box p,html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box p,html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box span,html[dir=rtl] .product_slide_Section .sepcial_tag {
    font-family: QTZain-Reguar,sans-serif !important
}

html[dir=rtl] .product_slide_Section .sepcial_tag::before {
    left: auto !important;
    right: -24px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    border-bottom: 24px solid transparent
}

html[dir=rtl] .product_slide_Section .product_button_box h3 {
    font-size: 18px
}

html[dir=rtl] .product_slide_Section .product_button_box h3 b {
    font-weight: 600
}

html[dir=rtl] .product_slide_Section .content_single_box span {
    font-family: NunitoSans-Regular !important
}

html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 {
    font-size: 20px
}

@media(max-width: 1440px) {
    html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 {
        font-size:16px
    }
}

@media(max-width: 1366px) {
    html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 {
        font-size:20px
    }
}

@media(max-width: 1199px) {
    html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 {
        font-size:14px
    }
}

@media(max-width: 991px) {
    html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 {
        font-size:20px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 {
        font-size:18px
    }
}

html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 span {
    font-size: 24px;
    font-family: nunitosans-bold !important
}

@media(max-width: 1199px) {
    html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 span {
        font-size:24px
    }
}

@media(max-width: 991px) {
    html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 span {
        font-size:24px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box h3 span {
        font-size:20px
    }
}

@media(max-width: 1440px) {
    html[dir=rtl] .product_slide_Section .products_single_slide .product_info_box p {
        font-size:16px
    }
}

html[dir=rtl] .product_slide_Section .products_single_slide .currentPlan .product_button_box .sale-price-cut {
    font-size: 16px
}

html[dir=rtl] .product_slide_Section .products_single_slide .currentPlan .product_button_box .sale-price-cut span {
    font-size: 14px
}

html[dir=rtl] .product_slide_Section .products_single_slide .currentPlan .product_button_box h3 b {
    font-size: 24px
}

html[dir=rtl] .product_slide_Section .products_single_slide .currentPlan .product_button_box p {
    font-size: 16px
}

.wiyana_choose_master_filter_btns .titleandButtonBox {
    text-align: center
}

.wiyana_choose_master_filter_btns h2,.wiyana_choose_master_filter_btns h3 {
    font-family: nunitosans-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 41px;
    line-height: 55px;
    letter-spacing: -.02em;
    color: #000;
    margin: 0
}

@media(max-width: 991px) {
    .wiyana_choose_master_filter_btns h2,.wiyana_choose_master_filter_btns h3 {
        font-size:25px
    }
}

.wiyana_choose_master_filter_btns p {
    max-width: 858px;
    margin: 0 auto 19px;
    font-size: 18px;
    line-height: 27px
}

.wiyana_choose_master_filter_btns p b,.wiyana_choose_master_filter_btns p strong {
    font-family: nunitosans-bold;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.wiyana_choose_master_filter_btns h2+.buttons_group_bs,.wiyana_choose_master_filter_btns h3+.buttons_group_bs {
    margin-top: 30px
}

.wiyana_choose_master_filter_btns .buttons_group_bs a {
    display: inline-block;
    margin: 0 9px 9px;
    min-width: 212px
}

@media(max-width: 991px) {
    .wiyana_choose_master_filter_btns h2,.wiyana_choose_master_filter_btns h3 {
        line-height:32px
    }

    .wiyana_choose_master_filter_btns p {
        line-height: 24px
    }

    .wiyana_choose_master_filter_btns h2+.buttons_group_bs,.wiyana_choose_master_filter_btns h3+.buttons_group_bs {
        margin-top: 20px
    }

    .wiyana_choose_master_filter_btns .buttons_group_bs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .wiyana_choose_master_filter_btns .buttons_group_bs a {
        margin: 0 3px 5px;
        min-width: 130px;
        max-width: 165px;
        width: 50%
    }
}

.addon_wrap_extra {
    margin-bottom: 48px
}

.addon_wrap_extra .addon_wrap_inner {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 16px 16px 32px 41px
}

@media(max-width: 767px) {
    .addon_wrap_extra .addon_wrap_inner {
        padding:16px 16px 32px 16px
    }
}

.addon_wrap_extra h3 {
    font-family: nunitosans-bold;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    margin-bottom: 0;
    font-weight: 600
}

.addon_wrap_extra p {
    font-family: NunitoSans-SemiBold;
    font-size: 12px;
    line-height: 24px;
    color: #6f6f6f
}

@media(min-width: 768px) {
    .addon_wrap_extra p {
        font-size:14px
    }
}

@media(min-width: 1440px) {
    .addon_wrap_extra p {
        font-size:16px
    }
}

@media(min-width: 1600px) {
    .addon_wrap_extra p {
        font-size:18px
    }
}

.addon_wrap_extra .addon_outter_wrap_single {
    margin-right: 21px
}

@media(max-width: 767px) {
    .addon_wrap_extra .addon_outter_wrap_single {
        margin-right:0
    }
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter {
    margin-top: 24px
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter img {
    width: 31px;
    height: 31px
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 36px;
    gap: 20px
}

@media(max-width: 767px) {
    .addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon {
        margin-right:16px;
        gap: 10px
    }
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .single_price_single h3 {
    font-family: NunitoSans-Black;
    white-space: nowrap
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .single_price_single button.addon_add_button {
    font-family: NunitoSans-Black;
    width: 92px;
    padding: 0 16px;
    height: 32px;
    border: 1.4px solid #d12b8a;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    font-size: 14px;
    line-height: 19px;
    color: #d12b8a;
    outline: 0;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .single_price_single button.addon_add_button:hover {
    background: #d12b8a;
    color: #fff
}

.addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .single_price_single button.addon_add_button.cancelBtn {
    background: #d12b8a;
    color: #fff;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .addon_wrap_extra>.container {
        max-width:100%;
        padding-right: 0;
        padding-left: 0
    }

    .addon_wrap_extra .addon_outter_wrap_single {
        margin-right: 0
    }

    .addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .heading_addon p {
        font-size: 12px
    }

    .addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon .single_price_single h3 {
        white-space: normal
    }
}

@media(max-width: 619px) {
    .addon_wrap_extra .addon_outter_wrap_single .addon_single_outter {
        -webkit-box-align:start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .addon_wrap_extra .addon_outter_wrap_single .addon_single_outter img {
        margin-top: 6px
    }

    .addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_content_addon {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

html[dir=rtl] .addon_wrap_extra h3 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .addon_wrap_extra .addon_outter_wrap_single .addon_single_outter .single_price_single button.addon_add_button {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .addon_wrap_extra {
    margin-bottom: 48px
}

html[dir=rtl] .addon_wrap_extra .addon_wrap_inner {
    padding: 16px 41px 32px 16px
}

@media(max-width: 767px) {
    html[dir=rtl] .addon_wrap_extra .addon_wrap_inner {
        padding:16px 16px 32px 16px
    }
}

.reasons_to_join_wiyana {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.reasons_to_join_wiyana h2 {
    text-align: center;
    font-family: nunitosans-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 41px;
    line-height: 55px;
    letter-spacing: -.02em;
    color: #000
}

.reasons_to_join_wiyana .wiyana_heading {
    margin-bottom: 28px
}

.reasons_to_join_wiyana .panel_osn .tabbable-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.reasons_to_join_wiyana .osn__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d7;
    width: 100%;
    max-width: 1050px;
    margin: auto
}

.reasons_to_join_wiyana .osn__tabs li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 20%
}

.reasons_to_join_wiyana .osn__tabs .tab_title {
    cursor: pointer;
    font-family: NunitoSans-SemiBold;
    font-size: 21px;
    letter-spacing: -.02em;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #000;
    background: 0;
    border-bottom: 1px solid #d2d2d7;
    height: 55px
}

@media(max-width: 1200px) {
    .reasons_to_join_wiyana .osn__tabs .tab_title {
        font-size:16px
    }
}

.reasons_to_join_wiyana .osn__tabs .tab_title.active {
    color: #272833;
    border-bottom: 1px solid #d12b8a
}

.reasons_to_join_wiyana .tab-content .tab-pane img {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto
}

.reasons_to_join_wiyana .tab-content .tab-pane.active {
    opacity: 1;
    height: auto;
    display: block
}

.reasons_to_join_wiyana .tab-content .tab-pane.active img {
    display: block;
    max-width: 754px
}

.reasons_to_join_wiyana .tab-content.desc-tab-content {
    margin: 0 auto
}

.reasons_to_join_wiyana .secondary-button-common {
    margin: auto;
    display: inline-block;
    min-width: 196px
}

.reasons_to_join_wiyana .tab_pane_osn .tabPic {
    padding: 2rem 0 0
}

.txt_osn_tab {
    text-align: center;
    max-width: 1050px;
    margin: 0 auto
}

.txt_osn_tab p {
    font-family: NunitoSans-SemiBold;
    padding: 20px 0;
    margin: auto;
    line-height: 30px;
    color: #6f6f6f;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.02em
}

.banner_wiyana_prc {
    background-color: #fff;
    padding-top: 70px;
    padding-bottom: 46px
}

.banner_wiyana_prc .mobileBanner {
    display: none
}

.banner_wiyana_prc .banner_img_wiyana_prr {
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 595px;
    position: relative;
    max-width: 985px;
    margin: auto
}

.banner_wiyana_prc .content_inner_banner_prr {
    max-width: 458px;
    min-height: 538px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner_wiyana_prc .content_inner_banner_prr h3 {
    font-family: NunitoSans-SemiBold;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    color: #000
}

.banner_wiyana_prc .content_inner_banner_prr p {
    font-family: NunitoSans-SemiBold;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: #000
}

.banner_wiyana_prc .banner_content_wiyana_prr {
    max-width: 1020px;
    margin: 0 auto !important
}

.banner_wiyana_prc .banner_content_wiyana_prr .col-lg-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr {
    text-align: center
}

.banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr h3 {
    font-family: nunitosans-bold;
    font-size: 29px;
    line-height: 48px;
    text-align: center;
    color: #000
}

.banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr p {
    font-family: NunitoSans-Regular;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #2e2e2e;
    max-width: 280px;
    margin: 0 auto 15px
}

.banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr img {
    max-width: 100%;
    max-height: 250px;
    margin-bottom: 20px
}

.banner_wiyana_prc .banner_content_wiyana_prr .secondary-button-common {
    margin: auto;
    display: inline-block;
    width: 60%;
    min-width: 196px
}

@media(min-width: 1440px) and (max-width:1919px) {
    .banner_wiyana_prc .banner_content_wiyana_prr .secondary-button-common {
        min-width:160px
    }
}

@media(min-width: 981px) and (max-width:1200px) {
    .banner_wiyana_prc .banner_img_wiyana_prr {
        min-height:470px
    }
}

@media(min-width: 768px) and (max-width:1200px) {
    .banner_wiyana_prc .content_inner_banner_prr {
        min-height:438px
    }
}

@media(min-width: 768px) and (max-width:992px) {
    .banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr {
        margin-top:30px
    }

    .banner_wiyana_prc .banner_content_wiyana_prr .secondary-button-common {
        width: 30%
    }
}

@media(max-width: 1199px) {
    .banner_wiyana_prc .banner_content_wiyana_prr .secondary-button-common {
        min-width:auto
    }
}

@media(max-width: 1024px) {
    .reasons_to_join_wiyana .osn__tabs li {
        max-width:25%
    }

    .reasons_to_join_wiyana .osn__tabs .tab_title {
        line-height: 30px
    }
}

@media(max-width: 991px) {
    .reasons_to_join_wiyana .osn__tabs .tab_title {
        color:#6f6f6f
    }

    .reasons_to_join_wiyana .secondary-button-common {
        min-width: 109px
    }

    .reasons_to_join_wiyana .osn__tabs .tab_title.active {
        color: #d12b8a
    }

    .banner_wiyana_prc {
        margin-bottom: 1px
    }

    .banner_wiyana_prc .banner_img_wiyana_prr {
        min-height: 400px
    }

    .banner_wiyana_prc .content_inner_banner_prr {
        padding-bottom: 30px
    }

    .banner_wiyana_prc .content_inner_banner_prr p {
        max-width: 289px;
        margin: 0 auto !important
    }

    .banner_wiyana_prc .banner_content_wiyana_prr .col-lg-4 {
        margin-top: 0;
        margin-bottom: 0
    }

    .banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr h3 {
        font-size: 18px;
        line-height: 20px
    }

    .banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr p {
        font-family: NunitoSans-SemiBold;
        font-size: 13px;
        line-height: 16px;
        color: #6f6f6f;
        max-width: 280px;
        margin: 9px auto 15px
    }
}

@media(max-width: 767px) {
    .reasons_to_join_wiyana .container {
        max-width:inherit;
        padding-left: 15px;
        padding-right: 15px
    }

    .reasons_to_join_wiyana .panel_osn .tabbable-line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reasons_to_join_wiyana h2 {
        font-size: 25px;
        line-height: 32px
    }

    .reasons_to_join_wiyana .osn__tabs {
        border: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .reasons_to_join_wiyana .osn__tabs li {
        width: auto;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        line-height: normal;
        max-width: inherit
    }

    .reasons_to_join_wiyana .osn__tabs .tab_title {
        font-size: 12px;
        line-height: 18px;
        padding: 0 10px;
        min-height: auto;
        height: 32px;
        line-height: 16px;
        letter-spacing: -.065em
    }

    .reasons_to_join_wiyana .txt_osn_tab p {
        font-size: 13px;
        line-height: 18px;
        max-width: 330px
    }

    .reasons_to_join_wiyana .nav-tabsBox {
        overflow: scroll
    }

    .reasons_to_join_wiyana .nav-tabsBox ul {
        min-width: 580px !important;
        height: 40px !important;
        overflow-y: hidden;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .banner_wiyana_prc .mobileBanner {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }

    .banner_wiyana_prc .banner_img_wiyana_prr {
        background: 0 0 !important;
        min-height: auto
    }

    .banner_wiyana_prc .banner_img_wiyana_prr .col-6 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .banner_wiyana_prc .content_inner_banner_prr {
        min-height: auto;
        margin-bottom: 50px
    }

    .banner_wiyana_prc .content_inner_banner_prr h3 {
        font-size: 20px;
        line-height: 24px
    }

    .banner_wiyana_prc .content_inner_banner_prr p {
        font-size: 14px;
        line-height: 24px
    }

    .banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr {
        margin-bottom: 40px
    }

    .banner_wiyana_prc .banner_content_wiyana_prr .secondary-button-common {
        width: 130px
    }
}

html[dir=rtl] .banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr h3,html[dir=rtl] .banner_wiyana_prc .content_inner_banner_prr h3 {
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] .banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr p,html[dir=rtl] .banner_wiyana_prc .content_inner_banner_prr p,html[dir=rtl] .reasons_to_join_wiyana .osn__tabs .tab_title {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] .reasons_to_join_wiyana h2 {
    font-weight: 300
}

html[dir=rtl] .reasons_to_join_wiyana .osn__tabs .tab_title {
    font-weight: 700
}

html[dir=rtl] .reasons_to_join_wiyana .txt_osn_tab p {
    font-weight: 600
}

html[dir=rtl] .banner_wiyana_prc .banner_img_wiyana_prr .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

html[dir=rtl] .banner_wiyana_prc .banner_img_wiyana_prr .heading__zain__plus__prr h3 {
    font-size: 28px
}

html[dir=rtl] .banner_wiyana_prc .content_inner_banner_prr {
    padding-right: 20px
}

html[dir=rtl] .banner_wiyana_prc .content_inner_banner_prr p {
    font-size: 22px
}

@media(max-width: 991px) {
    html[dir=rtl] .banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr h3 {
        line-height:40px;
        font-size: 28px
    }
}

@media(max-width: 767px) {
    html[dir=rtl] .reasons_to_join_wiyana .txt_osn_tab p {
        font-size:16px;
        line-height: 22px
    }

    html[dir=rtl] .banner_wiyana_prc .content_inner_banner_prr p {
        font-size: 14px
    }

    html[dir=rtl] .banner_wiyana_prc .banner_content_wiyana_prr .heading__zain__plus__prr h3 {
        font-size: 18px
    }
}

body,html {
    overflow-x: hidden
}

#wrapper #content.container-fluid {
    padding: 0
}

.button-default {
    font-weight: 900;
    font-size: 18px;
    line-height: 19px;
    border-radius: 10px;
    padding: 14px 21.5px 12px;
    display: inline-block;
    margin-left: 10px;
    font-family: NunitoSans-Black !important
}

@media(min-width: 993px) and (max-width:1200px) {
    .button-default {
        padding:10px !important 11px 21.5px
    }
}

@media(max-width: 992px) {
    .button-default {
        padding:10px 21.5px !important;
        border-width: 1.4px !important
    }
}

.primary-button {
    background: #d12b8a;
    color: #fff;
    border: 2px solid #d12b8a
}

.secondary-button {
    background: 0;
    color: #d12b8a;
    border: 2px solid #d12b8a;
    margin-right: 5px
}

.section-padding {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.no-padding-container {
    padding: 0 !important
}

@media(min-width: 992px) and (max-width:1199px) {
    .section-container {
        max-width:820px !important;
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

@media(min-width: 768px) and (max-width:992px) {
    .section-container {
        padding:0 !important
    }
}

@media only screen and (max-width: 767px) {
    .section-container {
        max-width:100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 0
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 7px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .slick-dots li {
    width: auto;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .slick-dots li button {
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-radius: 50%;
    line-height: 0;
    width: 0;
    overflow: hidden;
    margin: 0 3px !important;
    outline: 0;
    color: transparent;
    border: 2.5px solid #fff;
    background-color: #fff;
    padding: 2px;
    border: none !important;
    width: 9px;
    height: 9px !important;
    border-radius: 50%;
    margin: 0 3px !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .slick-dots li button:before {
    content: none
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .slick-dots li.slick-active button {
    padding: 3px;
    border: 2.5px solid #d12b8a;
    background-color: #d12b8a
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .slick-dots li:only-child {
    display: none
}

.main-hero-slider .slick-slide {
    min-height: 452px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media only screen and (max-width: 991px) {
    .main-hero-slider .slick-slide {
        -webkit-box-align:end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: 50px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .main-hero-slider .slick-slide {
        min-height:385px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top -80px center
    }
}

@media only screen and (max-width: 767px) {
    .main-hero-slider .slick-slide {
        background-position:top left
    }
}

.main-hero-slider .slider-btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px
}

@media only screen and (max-width: 767px) {
    .main-hero-slider .slider-btn-wrapper {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.main-hero-slider .slider-btn-wrapper .button-default {
    padding: 14px 21.5px 12px
}

.main-hero-slider p {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    color: #fff;
    font-family: nunitosans-bold !important
}

@media only screen and (max-width: 992px) {
    .main-hero-slider p {
        font-family:NunitoSans-SemiBold !important;
        font-size: 20px;
        line-height: 24px
    }
}

.main-hero-slider h2,.main-hero-slider h2.wiyana_heading {
    font-family: nunitosans-bold !important;
    font-style: normal;
    font-size: 41px;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: -.02em;
    text-align: right;
    color: #fff;
    margin-bottom: 0
}

.main-hero-slider h2 span,.main-hero-slider h2.wiyana_heading span {
    font-family: inherit;
    font-weight: 800;
    font-size: 38px;
    letter-spacing: -.02em;
    position: relative;
    display: inline-block;
    z-index: 1
}

.main-hero-slider h2 span::before,.main-hero-slider h2.wiyana_heading span::before {
    content: "";
    position: absolute;
    background: linear-gradient(87.68deg,rgba(209,43,138,.86) -25.26%,rgba(159,65,139,.56) 185.03%);
    height: 10px;
    width: 100%;
    bottom: 10px;
    left: 0;
    z-index: -1
}

@media only screen and (max-width: 992px) {
    .main-hero-slider h2,.main-hero-slider h2.wiyana_heading {
        font-size:39px;
        line-height: 48px;
        max-width: 320px
    }
}

.main-hero-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 7px
}

.main-hero-slider .slick-dots li {
    width: auto;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.main-hero-slider .slick-dots li button {
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-radius: 50%;
    line-height: 0;
    width: 0;
    overflow: hidden;
    margin: 0 3px !important;
    outline: 0;
    color: transparent;
    border: 2.5px solid #fff;
    background-color: #fff;
    padding: 2px;
    border: none !important;
    width: 9px;
    height: 9px !important;
    border-radius: 50%;
    margin: 0 3px !important
}

.main-hero-slider .slick-dots li button:before {
    content: none
}

.main-hero-slider .slick-dots li.slick-active button {
    padding: 3px;
    margin-top: 0 !important;
    border: 2.5px solid #d12b8a;
    background-color: #d12b8a
}

.main-hero-slider .slick-dots li:only-child {
    display: none
}

.wiyana-banner .main-hero-slider .slick-slide {
    min-height: 509px;
    padding-bottom: 0
}

@media only screen and (max-width: 1200px) {
    .wiyana-banner .main-hero-slider .slick-slide {
        min-height:509px;
        background-size: cover;
        background-position: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.eezee-banner .main-hero-slider .slick-slide {
    min-height: 506px;
    padding-bottom: 0
}

.eezee-banner .main-hero-slider .slick-slide h2 {
    font-size: 51px;
    line-height: 61px;
    font-family: nunitosans-bold !important;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    letter-spacing: 0
}

@media only screen and (max-width: 991px) {
    .eezee-banner .main-hero-slider .slick-slide h2 {
        max-width:inherit
    }
}

@media only screen and (max-width: 767px) {
    .eezee-banner .main-hero-slider .slick-slide h2 {
        font-size:39px;
        line-height: 48px;
        text-align: right
    }
}

.eezee-banner .main-hero-slider .slick-slide p {
    font-family: NunitoSans-SemiBold !important;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .eezee-banner .main-hero-slider .slick-slide p {
        font-size:20px
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .eezee-banner .main-hero-slider .slick-slide .container {
        max-width:820px
    }
}

@media(min-width: 768px) and (max-width:1200px) {
    .eezee-banner .main-hero-slider .slick-slide {
        min-height:350px;
        background-size: cover;
        background-position: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .eezee-banner .main-hero-slider .slick-slide {
        background-position:right 62%;
        min-height: 404px
    }
}

@media only screen and (max-width: 991px) {
    .eezee-banner .main-hero-slider .slick-slide .slider-btn-wrapper {
        margin-bottom:53px
    }
}

@media only screen and (max-width: 767px) {
    .eezee-banner .main-hero-slider .slick-slide .slider-btn-wrapper {
        margin-bottom:-43px
    }
}

@media only screen and (max-width: 991px) {
    .eezee-banner .main-hero-slider .slick-slide .slide-content.content-center {
        text-align:right;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

.zainplus_howwork_sec .main-hero-slider .slick-slide {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 91px;
    padding-bottom: 78px;
    min-height: inherit
}

.zainplus_howwork_sec .main-hero-slider .slick-slide .button-default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.zainplus_howwork_sec .main-hero-slider .slick-slide .button-default img {
    max-width: 24px
}

@media only screen and (max-width: 767px) {
    .zainplus_howwork_sec .main-hero-slider .slick-slide {
        padding-top:44px;
        padding-bottom: 44px
    }
}

.kw #wrapper .weze_tabs_section {
    background: -webkit-gradient(linear,left top,right bottom,from(#f2f2f2),to(rgba(242,242,242,0)));
    background: linear-gradient(180deg,#f2f2f2 100%,rgba(242,242,242,0) 100%);
    padding-top: 70px;
    padding-bottom: 96px;
    padding-right: 47px;
    padding-left: 47px;
    margin-bottom: 0 !important
}

@media(max-width: 767px) {
    .kw #wrapper .weze_tabs_section {
        padding-right:0;
        padding-left: 0
    }
}

.kw #wrapper .weze_tabs_section .checkboxes-eze {
    max-width: 835px;
    margin: 0 auto
}

.kw #wrapper .weze_tabs_section .checkboxes-eze .outter_input_prpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kw #wrapper .weze_tabs_section .checkboxes-eze .flexbox_eze h3 {
    font-family: NunitoSans-Regular !important;
    font-size: 16px;
    line-height: 24px;
    color: #222c38
}

.kw #wrapper .weze_tabs_section .checkboxes-eze .checkboxes_prpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #d12b8a;
    gap: 10px;
    margin-top: 30px
}

.kw #wrapper .weze_tabs_section .checkboxes-eze .checkboxes_prpr .categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #d12b8a;
    gap: 10px
}

.kw #wrapper .weze_tabs_section .checkboxes-eze .checkboxes_prpr a {
    margin-left: 10px;
    font-size: 14px !important;
    line-height: 14px;
    font-family: NunitoSans-Black !important;
    color: #6f6f6f;
    padding-right: 30px;
    position: relative;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kw #wrapper .weze_tabs_section .checkboxes-eze .checkboxes_prpr a:before {
    content: "";
    width: 24px;
    height: 24px;
    background: 0;
    border: 1px solid #d12b8a;
    display: block;
    border-radius: 50%;
    position: absolute;
    right: 0
}

.kw #wrapper .weze_tabs_section .checkboxes-eze .checkboxes_prpr a.active:after {
    width: 16px;
    height: 16px;
    position: absolute;
    content: "";
    background: #d12b8a;
    right: 4px;
    top: 4px;
    border-radius: 50%
}

.kw #wrapper .weze_tabs_section .ezee_nav_tabs {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    background: rgba(211,56,145,.2117647059);
    height: 60px;
    border-radius: 100px;
    margin: 2rem auto !important;
    padding: 6px 14px;
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.kw #wrapper .weze_tabs_section .ezee_nav_tabs li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kw #wrapper .weze_tabs_section .ezee_nav_tabs li .nav-link {
    font-family: NunitoSans-SemiBold !important;
    font-size: 18px;
    line-height: 25px;
    color: #454545;
    padding: 12px 27px;
    background-color: transparent;
    border: 0;
    outline: 0;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.kw #wrapper .weze_tabs_section .ezee_nav_tabs li .nav-link.active {
    font-family: NunitoSans-Black !important;
    background-color: #d33891;
    border-radius: 100px;
    padding: 12px 37px;
    color: #fff
}

.kw #wrapper .weze_tabs_section .ezee_tabs_row.wiyana_mx_width {
    max-width: 1170px;
    margin: 0 auto !important
}

.wiyana_go_card {
    position: relative;
    padding: 14px 12px 24px 12px !important;
    background: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    -webkit-filter: drop-shadow(0 4px 5px rgba(0,0,0,0.25));
    filter: drop-shadow(0 4px 5px rgba(0,0,0,.25));
    border-radius: 0;
    margin-bottom: 8px
}

.wiyana_go_card:before {
    content: "";
    background: linear-gradient(87.62deg,#d12b8a 27.92%,#70489d 107.7%);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 3px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.wiyana_go_card .benefits_tab {
    padding: 0 6px 14px;
    min-height: 200px;
    border-bottom: 1px solid #e5e5e5
}

.wiyana_go_card .benefits_tab hr {
    margin-top: 9px !important;
    margin-bottom: 13px !important
}

.wiyana_go_card .benefits_tab h3 {
    font-family: nunitosans-bold !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-size: 16px;
    line-height: 32px
}

.wiyana_go_card .benefits_tab ul li.benefits_menu_2 {
    margin-bottom: 7px;
    font-family: NunitoSans-SemiBold !important;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6f;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wiyana_go_card .benefits_tab ul li.benefits_menu_2 span {
    margin-right: 10px;
    line-height: 18px;
    font-family: NunitoSans-SemiBold !important;
    letter-spacing: 0;
    color: #000
}

.wiyana_go_card .benefits_tab ul .benefits-icons-wrap {
    width: 30px;
    text-align: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.wiyana_go_card .benefits_tab ul .benefits-icons-wrap img {
    max-width: 100%
}

.wiyana_go_card .benefits_tab .showbiz-icons {
    margin-right: 40px;
    margin-top: 20px;
    max-width: 150px
}

.wiyana_go_card .benefits_tab .showbiz-icons li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 6px
}

.wiyana_go_card .benefits_tab .showbiz-icons li img {
    max-width: initial !important;
    width: 37px !important;
    margin-bottom: 0
}

.wiyana_go_card .pricing_card_buy {
    padding: 7px 0 0
}

.wiyana_go_card .pricing_card_buy h3 {
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    padding: 0 6px;
    margin-bottom: 0;
    font-family: nunitosans-bold !important
}

.wiyana_go_card .pricing_card_buy p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #2e2e2e;
    padding: 0 6px;
    margin-bottom: 0;
    font-family: NunitoSans-SemiBold !important
}

.wiyana_go_card .pricing_card_buy p .color-purp {
    font-size: 16px !important;
    font-family: nunitosans-bold !important;
    color: #d12b8a
}

h2.wiyana_heading {
    font-family: nunitosans-bold !important;
    font-style: normal;
    font-size: 41px;
    line-height: 55px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.02em;
    color: #000
}

@media(max-width: 992px) {
    h2.wiyana_heading {
        font-size:25px;
        line-height: 32px
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .wiyana-faq .container {
        max-width:820px !important;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width: 767px) {
    .wiyana-faq .container {
        max-width:100% !important;
        padding-left: 15px;
        padding-right: 15px
    }
}

.wiyana-faq .wiyana-faq-main-heading h2 {
    margin-bottom: 100px
}

@media(max-width: 992px) {
    .wiyana-faq .wiyana-faq-main-heading h2 {
        font-size:25px;
        line-height: 32px
    }
}

@media(max-width: 767px) {
    .wiyana-faq .wiyana-faq-main-heading h2 {
        margin-bottom:30px
    }
}

.wiyana-faq .accordion.features_accordian {
    margin-bottom: 0 !important
}

.wiyana-faq .accordion.features_accordian .card {
    border: 0;
    border-bottom: 1px solid #e3e3e3 !important;
    margin-bottom: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wiyana-faq .accordion.features_accordian .card .card-header {
    background: #fff;
    text-align: right;
    border-bottom: 0;
    padding: 0
}

.wiyana-faq .accordion.features_accordian .card .card-header h4 {
    padding: 30px 0;
    font-size: 26px;
    font-family: nunitosans-bold !important;
    line-height: 1.6;
    letter-spacing: .4px
}

@media(max-width: 992px) {
    .wiyana-faq .accordion.features_accordian .card .card-header h4 {
        font-size:16px;
        line-height: 20px;
        padding: 24px 0 16px
    }
}

@media(max-width: 767px) {
    .wiyana-faq .accordion.features_accordian .card .card-header h4 {
        font-family:NunitoSans-SemiBold !important
    }
}

.wiyana-faq .accordion.features_accordian .card .card-header .btn.btn-link {
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: none;
    color: #d12b8a;
    background: 0;
    border-radius: 50%;
    line-height: 0;
    padding: 0;
    min-height: 40px;
    width: 40px;
    text-align: center;
    margin-left: 0;
    min-width: 40px
}

.wiyana-faq .accordion.features_accordian .card .card-header .btn.btn-link.collapsed {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .5s;
    transition: all .5s
}

@media(max-width: 992px) {
    .wiyana-faq .accordion.features_accordian .card .card-header .btn.btn-link {
        margin-right:20px
    }

    .wiyana-faq .accordion.features_accordian .card .card-header .btn.btn-link img {
        max-width: 25px
    }
}

.wiyana-faq .accordion.features_accordian .card .card-body {
    max-width: 80%;
    text-align: right;
    padding: 0 1rem 0 0 !important
}

@media(max-width: 992px) {
    .wiyana-faq .accordion.features_accordian .card .card-body {
        max-width:90%
    }
}

.wiyana-faq .accordion.features_accordian .card .card-body p {
    font-size: 18px;
    color: grey;
    font-weight: 600;
    line-height: 32px;
    font-family: NunitoSans-SemiBold !important
}

@media(max-width: 992px) {
    .wiyana-faq .accordion.features_accordian .card .card-body p {
        font-size:13px;
        line-height: 18px
    }
}

.wiyana-faq .accordion.features_accordian .card .card-body strong {
    color: #000
}

.wiyana-faq .wiyana-faq-loadmore {
    text-align: center;
    margin-top: 30px
}

.wiyana-faq .wiyana-faq-loadmore .btn.btn-link {
    position: relative;
    padding: 15px;
    text-decoration: none;
    font-size: 26px !important;
    text-transform: inherit !important;
    font-family: NunitoSans-SemiBold !important;
    background: 0 0 !important;
    margin-left: 0 !important
}

@media(max-width: 767px) {
    .wiyana-faq .wiyana-faq-loadmore .btn.btn-link {
        font-size:16px !important;
        color: #d12b8a
    }
}

.wiyana-experience {
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 30px 0
}

@media(max-width: 767px) {
    .wiyana-experience {
        display:block;
        padding-top: 15px;
        padding-bottom: 55px;
        min-height: inherit
    }
}

.wiyana-experience .wiyana-exp-image {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center left
}

.wiyana-experience .exp-content-wrap {
    max-width: 475px
}

.wiyana-experience .exp-content-wrap h2 {
    font-weight: 800;
    font-size: 41px;
    line-height: 55px;
    letter-spacing: -.02em;
    color: #fff;
    font-family: NunitoSans-Black
}

@media(min-width: 768px) and (max-width:1200px) {
    .wiyana-experience .exp-content-wrap h2 {
        font-size:36px;
        line-height: 44px
    }
}

@media(max-width: 767px) {
    .wiyana-experience .exp-content-wrap h2 {
        font-weight:700;
        font-size: 25px;
        line-height: 32px;
        color: #2e2e2e;
        margin-top: 20px;
        font-family: nunitosans-bold
    }
}

.wiyana-experience .exp-content-wrap p {
    font-family: NunitoSans-SemiBold !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #e5e5e5
}

@media(max-width: 767px) {
    .wiyana-experience .exp-content-wrap p {
        font-weight:600;
        font-size: 16px;
        line-height: 20px;
        color: #6f6f6f
    }
}

.wiyana-experience .exp-content-wrap .exp-btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px
}

.wiyana-experience .exp-content-wrap .exp-btn-wrap .button-default {
    margin-bottom: 10px;
    height: 50px !important;
    padding: 15px 40px !important
}

@media(max-width: 992px) {
    .wiyana-experience .exp-content-wrap .exp-btn-wrap {
        margin-top:25px
    }
}

.wiyanna_border_master h2 span {
    font-family: NunitoSans-Bold !important;
    position: relative
}

.wiyanna_border_master h2 span:before {
    content: "";
    position: absolute;
    background: linear-gradient(87.68deg,rgba(209,43,138,.86) -25.26%,rgba(159,65,139,.56) 185.03%);
    height: 10px;
    width: 120%;
    bottom: 0;
    right: 0;
    z-index: 0
}

@media(max-width: 767px) {
    .main-hero-slider .slider-btn-wrapper .button-default {
        margin-bottom:10px
    }
}

html[dir=rtl] .wiyana-faq #faqs_accordian .btn.btn-link:not(.collapsed) img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.zain-plan-listing-page.zain-plan-listing-page-b2c {
    padding: 80px 47px;
    background: -webkit-gradient(linear,left top,right bottom,from(rgba(229,229,229,.56)),to(rgba(229,229,229,0)));
    background: linear-gradient(180deg,rgba(229,229,229,.56) 100%,rgba(229,229,229,0) 100%)
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c {
        padding:50px 16px
    }
}

@media only screen and (max-width: 767px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c {
        padding-left:0;
        padding-right: 0
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c.topHeaderAdd {
    padding-top: 48px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c.topHeaderAdd .slick-track {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c.topHeaderAdd ul.tag-cloud .category-content {
    display: inline-block !important;
    min-width: 200px !important;
    text-align: center !important
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .txt_privacy_zain {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #6f6f6f;
    font-family: NunitoSans-Regular !important;
    margin-top: 7px
}

@media(max-width: 992px) {
    .section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .txt_privacy_zain {
        padding:0 10px;
        font-size: 12px
    }
}

@media(max-width: 767px) {
    .section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .txt_privacy_zain {
        font-size:14px;
        line-height: 24px;
        padding-left: 8px
    }
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .master-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 991px) {
    .section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .master-row {
        -ms-flex-wrap:wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .col-lg-6 {
    padding-right: 8px;
    padding-left: 8px
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    margin-top: 14px
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters {
    border: 0
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group {
    border: 0
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .tag-cloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .panel-heading {
    display: none
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .facet-value {
    margin-bottom: 0;
    margin-left: 0
}

@media(max-width: 1199px) {
    .section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .facet-value .facet-checkbox-label {
        border:0;
        padding: 0
    }
}

@media(max-width: 992px) {
    .section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .facet-value .facet-checkbox-label {
        margin:0 5px !important
    }
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .facet-value .category-content {
    margin-bottom: 0 !important;
    color: #d12b8a;
    border: 2px solid #d12b8a;
    border-radius: 4px;
    padding: 13px 15px 11px;
    line-height: 21px;
    font-size: 14px
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .facet-value .category-content span {
    font-family: NunitoSans-Black,sans-serif;
    color: inherit
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .facet-value .category-content:hover {
    border: 2px solid #d12b8a;
    background: #d12b8a;
    color: #fff
}

@media(max-width: 991px) {
    .section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .facet-value .category-content {
        padding:9px 5px 8px
    }
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .styled-checkbox+.facet-checkbox-label:before {
    display: none
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .filter-option-group .styled-checkbox:checked+.facet-checkbox-label .category-content {
    color: #fff;
    border: 2px solid #d12b8a;
    background: #d12b8a
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container .product-filters .panel.panel-default {
    border: 0;
    background: 0
}

@media(min-width: 280px) and (max-width:767px) {
    .section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .tag-cloud.list-unstyled.Internet_filters {
        display:block !important
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container.category-filter .filter-btns-container {
        gap:10px
    }

    .section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container.category-filter .primary-button-common,.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container.category-filter .secondary-button-common {
        min-width: auto !important
    }
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container.category-filter .primary-button-common,.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .filter-btns-container.category-filter .secondary-button-common {
    min-width: 175px;
    padding: 10px 10px
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .col-lg-12.looking-device-row {
    margin-top: 50px
}

.section-wrapper .zain-plan-listing-page.zain-plan-listing-page-b2c .col-lg-12.looking-device-row .wiyana_choose_master_filter_btns .titleandButtonBox.pb-2 {
    padding-bottom: .25rem !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .slick-dots li button {
    border: 2.5px solid #c4c4c4;
    background-color: #c4c4c4
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .slick-track {
    min-width: 100%
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .slick-list {
    width: 100%
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.choose-wiyana-plan-slider .slick-track,.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.new_plan_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.choose-wiyana-plan-slider .b2c-plan-item,.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.new_plan_slider .b2c-plan-item {
    height: inherit
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.choose-wiyana-plan-slider,.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.new_plan_slider {
        margin-bottom:55px
    }
}

@media(max-width: 767px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.choose-wiyana-plan-slider .slick-dots,.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.new_plan_slider .slick-dots {
        bottom:-18px
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.choose-wiyana-plan-slider .looking-device-row {
    margin-top: 50px;
    padding-top: 0;
    padding-bottom: 40px
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.choose-wiyana-plan-slider {
        margin-bottom:0
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.choose-wiyana-plan-slider .b2c-plan-item {
    height: inherit;
    -webkit-box-flex: inherit !important;
    -ms-flex: inherit !important;
    flex: inherit !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel.choose-wiyana-plan-slider .col-lg-4 .plan-detail-wrapper {
    height: 100%
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.col-lg-4 {
    padding-top: 42px;
    padding-bottom: 58px
}

@media(max-width: 767px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.col-lg-4 {
        padding-left:8px;
        padding-right: 8px
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.col-lg-4 .plan-detail-wrapper {
    margin-top: 0;
    margin-bottom: 0
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.renewal-plan-card .slanted,.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.upgradeyour-plan-card .slanted {
    display: none
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.renewal-plan-card .wiyana_top_tag_plan {
    background: linear-gradient(87.62deg,#d12b8a 27.92%,#70489d 107.7%);
    border-radius: 8px 8px 0 0;
    padding: 8px 25px;
    min-height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -32px;
    right: 0;
    width: 100%
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.renewal-plan-card .wiyana_top_tag_plan h3 {
    font-family: NunitoSans-bold !important;
    font-size: 22px;
    line-height: 18px;
    color: #fff
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.renewal-plan-card .border_wiyana_left {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #d12b8a;
    z-index: -1
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.renewal-plan-card .border_wiyana_right {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #70489d;
    z-index: -1
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.renewal-plan-card .border_wiyana_bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear,left top,right top,color-stop(.08%,#70489d),color-stop(80.7%,#d12b8a));
    background: linear-gradient(270deg,#70489d .92%,#d12b8a 80.7%);
    z-index: -1
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .wiyana_top_tag_upgrande {
    background: linear-gradient(87.62deg,#d12b8a 27.92%,#70489d 107.7%);
    border-radius: 8px 8px 0 0;
    padding: 3px 20px;
    height: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -22px;
    right: 0;
    width: 100%
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .wiyana_top_tag_upgrande h3 {
    font-family: nunitosans-semibold !important;
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper {
    min-height: 450px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    -webkit-filter: drop-shadow(0 4px 5px rgba(0,0,0,0.25));
    filter: drop-shadow(0 4px 5px rgba(0,0,0,.25));
    position: relative;
    margin-top: 1.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 1rem
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper ul {
    height: 100%
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper::before {
    content: "";
    background: linear-gradient(87.62deg,#d12b8a 27.92%,#70489d 107.7%);
    position: absolute;
    top: 0;
    right: 0;
    height: 10px;
    width: 100%;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .slanted {
    left: 0;
    top: -14px;
    font-size: 17px;
    font-weight: 600;
    line-height: 23px;
    text-transform: inherit;
    padding: 3px 15px;
    height: 24px;
    background-color: #000;
    color: #fff
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .slanted:before {
    background-color: #000
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana {
    border-bottom: 1px solid #e5e5e5;
    padding: 18px 6px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana h3 {
    margin-bottom: 0;
    font-family: NunitoSans-SemiBold !important;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #000
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana h3 {
        font-size:18px
    }
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana h3 {
        line-height:20px
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana .data_gb {
    font-family: NunitoSans-Black !important;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 28px;
    color: #2e2e2e;
    margin-bottom: 8px
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana .data_gb {
        font-size:31px;
        line-height: 40px
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana .friends_fam {
    font-family: NunitoSans-SemiBold !important;
    font-size: 12px !important;
    line-height: 20px;
    color: #6f6f6f;
    margin-bottom: 0 !important
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana .friends_fam {
        font-size:13px !important
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy {
    padding: 18px 0 0
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy h3 {
    font-style: normal;
    font-weight: 800;
    font-size: 26px;
    line-height: 32px;
    color: #000;
    padding: 0 6px;
    margin-bottom: 0;
    font-family: NunitoSans-Black !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy h3 .amnt-div span {
    font-weight: 800;
    font-size: 26px;
    font-family: NunitoSans-Black !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy h3 span {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: nunitosans-bold !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
    padding: 0 6px;
    font-family: NunitoSans-SemiBold !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy .action {
    margin-top: 1rem
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy h3 {
        font-size:20px;
        line-height: 24px
    }

    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy p {
        font-size: 13px;
        line-height: 18px
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .service-item-commitment {
    color: #000;
    font-family: NunitoSans-SemiBold !important;
    padding: 0 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e5e5e5
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .paln-specification {
    padding: 0
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .paln-specification span.bf-label {
    font-family: nunitosans-bold !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    margin-bottom: 8px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .paln-specification .plan-custom-scroll li {
    padding: 0;
    font-family: NunitoSans-SemiBold !important;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
    position: relative;
    margin-bottom: 7px;
    border: 0
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .paln-specification .plan-custom-scroll li span {
    font-family: NunitoSans-SemiBold !important;
    letter-spacing: 0;
    margin-right: 10px;
    line-height: 18px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab {
    padding: 10px 6px 5px 6px;
    border-bottom: 1px solid #e5e5e5
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab h3 {
    font-family: nunitosans-bold !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #000
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab ul li {
    margin-bottom: 7px;
    font-family: NunitoSans-SemiBold !important;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab ul li span {
    margin-right: 0;
    line-height: 18px;
    font-family: NunitoSans-SemiBold !important;
    letter-spacing: 0;
    font-weight: 600
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab ul li span p {
    font-family: NunitoSans-SemiBold;
    font-size: 12px;
    margin: 8px 0;
    font-weight: 600
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab .benefits-icons-wrap {
    width: 30px;
    text-align: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab .benefits-icons-wrap img {
    max-height: 18px;
    max-width: 30px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab .benefits-icons-wrap i {
    color: #000 !important;
    font-size: 18px !important
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab {
        padding:16px 6px
    }

    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab h3 {
        font-size: 18px;
        line-height: 20px
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab.also_get.also-get-container {
    min-height: 274px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .localminutes-ssection .accordion.features_accordian {
    margin: 0 !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .localminutes-ssection .accordion.features_accordian .card {
    border-bottom: 0 solid #e3e3e3 !important;
    margin-bottom: 0 !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .localminutes-ssection .accordion.features_accordian .card .card-header {
    padding: 0 !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .localminutes-ssection .accordion.features_accordian .card .card-header h4 {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-family: NunitoSans-SemiBold !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .localminutes-ssection .accordion.features_accordian .card .card-header .btn-link {
    color: #6f6f6f;
    background: #fff;
    border-radius: 0;
    min-height: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    text-transform: capitalize;
    text-align: right;
    margin-left: 0;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    min-height: auto !important;
    max-height: inherit !important
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .localminutes-ssection .accordion.features_accordian .card .card-header .btn-link.collapsed:after {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .localminutes-ssection .accordion.features_accordian .card .card-header .btn-link.no-mouse-events:after {
    content: none
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .localminutes-ssection .accordion.features_accordian .card .card-header .btn-link img {
    max-width: 120px;
    max-height: 70px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .localminutes-ssection .accordion.features_accordian .card .card-body {
    padding: 0
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get {
    padding: 18px 6px 18px 6px;
    border-bottom: 1px solid #e5e5e5
}

@media(min-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get .youalsoget-accordion-content {
        display:block
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get h3 {
    font-family: nunitosans-bold !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    margin-bottom: 12px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get h3 button {
    width: auto;
    background: 0;
    border: 0;
    text-transform: inherit;
    color: #000;
    font-size: 20px;
    font-family: nunitosans-bold !important;
    pointer-events: none;
    position: relative;
    margin-left: 0;
    padding-left: 25px;
    line-height: normal
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get p {
    font-size: 12px !important;
    color: #6f6f6f !important;
    margin: 5px 0 !important;
    font-family: NunitoSans-SemiBold
}

@media(max-width: 991px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get {
        padding:0 6px
    }

    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get .card {
        margin-bottom: 0
    }

    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get h3 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0
    }

    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get h3 .btn.btn-link {
        height: 50px;
        pointer-events: inherit
    }



    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get h3 .btn.btn-link.collapsed:after {
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .lds-ellipsis {
    height: 30px
}

.zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .lds-ellipsis div {
    top: 9px;
    width: 8px;
    height: 8px
}

html .benefits_tab.also-get-container,html .benefits_tab.benefits-container {
    height: auto !important
}

@media(min-width: 1025px) and (max-width:1199px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana .data_gb {
        font-size:28px
    }
}

@media(max-width: 992px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab.also_get.also-get-container {
        min-height:inherit !important
    }
}

@media(max-width: 767px) {
    .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item.col-lg-4 {
        padding-bottom:30px
    }

    .zain-plan-listing-page.zain-plan-listing-page-b2c .txt_privacy_zain {
        margin-top: 30px !important
    }

    .zain-plan-listing-page.zain-plan-listing-page-b2c.topHeaderAdd ul.tag-cloud .category-content {
        min-width: 134px !important
    }
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get h3,html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab h3,html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy h3 {
    font-family: QTZain-Bold,sans-serif !important
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get p,html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab ul li span,html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana .friends_fam,html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana h3,html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .pricing_card_buy p {
    font-family: QTZain-Reguar,sans-serif !important
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana h3 {
    font-weight: 200
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab h3 {
    font-size: 19px
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab ul li span {
    font-weight: 600
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get p {
    font-size: 14px
}

@media(max-width: 991px) {
    html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get h3 .btn.btn-link {
        font-size:18px
    }

    html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .heading_sec_wiyana .friends_fam {
        font-size: 13px
    }

    html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get p {
        font-size: 14px
    }

    html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get h3 .btn.btn-link {
        font-size: 18px
    }
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .slanted {
    right: auto
}

html[dir=rtl] .zain-plan-listing-page .slick-plan-carousel .slanted::before {
    right: -13px;
    left: auto;
    -webkit-transform: skew(45deg);
    transform: skew(45deg)
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-list {
    direction: inherit !important
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab ul li {
    font-family: qt_zaintextregular !important
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab ul li span {
    font-family: qt_zaintextregular !important
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .benefits_tab ul li span p {
    font-family: qt_zaintextregular !important
}

html[dir=rtl] .zain-plan-listing-page.zain-plan-listing-page-b2c .slick-plan-carousel .b2c-plan-item .plan-detail-wrapper .also_get p {
    font-size: 14px !important
}

.faq_listing_support .faq_single_box {
    margin-bottom: 30px;
    min-height: 150px
}

.faq_listing_support .faq_single_box a {
    font-size: 28px;
    font-weight: 800;
    color: #000;
    line-height: 32px;
    margin-bottom: 5px;
    display: block
}

.faq_listing_support .faq_single_box a:hover {
    color: #d12b8a
}

.faq_listing_support .seperator_sec {
    height: 3px;
    background-size: 100%
}

@media(min-width: 280px) and (max-width:767px) {
    .faq_listing_support .container {
        padding-right:15px;
        padding-left: 15px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .faq_listing_support .container {
        max-width:100%
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .faq_listing_support .faq_single_box a {
        font-size:20px
    }
}

.zain_custom_search_bar_template .zain-custom-search-sec {
    background-color: #f2f2f2;
    border-radius: 10px;
    max-width: 700px;
    margin: 0 auto
}

.zain_custom_search_bar_template .quickpay-input {
    border: 0;
    border-radius: 10px;
    color: #444;
    font-weight: 700;
    padding: 10px 15px
}

.zain_custom_search_bar_template .quickpay-input::-webkit-input-placeholder {
    color: #444;
    font-weight: 700
}

.zain_custom_search_bar_template .quickpay-input::-moz-placeholder {
    color: #444;
    font-weight: 700
}

.zain_custom_search_bar_template .quickpay-input:-ms-input-placeholder {
    color: #444;
    font-weight: 700
}

.zain_custom_search_bar_template .quickpay-input::-ms-input-placeholder {
    color: #444;
    font-weight: 700
}

.zain_custom_search_bar_template .quickpay-input::placeholder {
    color: #444;
    font-weight: 700
}

.zain_custom_search_bar_template .input-icn-wrapper {
    position: relative
}

.zain_custom_search_bar_template .icon-edit-pen {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%)
}

.zain_custom_search_bar_template .zain-custom-search-sec.support_page {
    max-width: 850px
}

@media(max-width: 767px) {
    .zain_custom_search_bar_template .zain-custom-search-sec.support_page {
        max-width:450px
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .zain_custom_search_bar_template .section-nav {
        display:block !important;
        position: unset;
        margin-top: -30px;
        margin-bottom: 40px
    }
}

.zain_faq_links_support_template .zain_faq_links_support_template_separator {
    background-color: #d12b8a;
    width: 100%;
    height: 2px;
    margin-right: 0
}

.zain_faq_links_support_template .faqs_links_outter_support li {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 15px
}

.zain_faq_links_support_template .faqs_links_outter_support li a {
    color: #000;
    margin-bottom: 10px
}

.zain_faq_links_support_template .faqs_links_outter_support li a:hover {
    text-decoration: underline !important;
    color: #d12b8a
}

@media(min-width: 280px) and (max-width:767px) {
    .zain_faq_links_support_template .faq_section_inner {
        text-align:center
    }
}

@media(min-width: 7px) and (max-width:1200px) {
    .zain_faq_links_support_template .faqs_links_outter_support li a h3 {
        font-size:24px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .zain_faq_links_support_template .faqs_links_outter_support li a h3 {
        font-size:20px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .zain_faq_links_support_template .faq_listing_support h1,.zain_faq_links_support_template .faq_section_inner h1 {
        font-size:30px
    }
}

.zain_links_support .zain_link_inner {
    -webkit-box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    border-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    min-height: 320px
}

.zain_links_support .seperator_sec {
    height: 3px;
    background-size: 100%
}

.zain_links_support .zain_inner_links li {
    position: relative
}

.zain_links_support .zain_inner_links li::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-image: url(/o/zain-theme/images/before_link_supprot.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px
}

.zain_links_support html[dir=rtl] .zain_inner_links li::before {
    width: 100% !important
}

.zain_links_support .zain_inner_links li a {
    font-size: 18px;
    color: #000;
    text-decoration: underline !important;
    font-weight: 400
}

.zain_links_support .zain_inner_links li a:hover {
    color: #d12b8a
}

@media(min-width: 280px) and (max-width:767px) {
    .zain_links_support .container {
        padding-right:15px;
        padding-left: 15px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .zain_links_support .container {
        max-width:100%
    }
}

.zain_support_links_card_template .zain_link_inner {
    -webkit-box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    border-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    min-height: 320px
}

.zain_support_links_card_template .seperator_sec {
    height: 3px;
    background-size: 100%
}

.zain_support_links_card_template .cards_half_single {
    position: relative
}

.zain_support_links_card_template .cards_half_single {
    border-radius: 10px;
    overflow: hidden
}

.zain_support_links_card_template .cards_half_single {
    height: 320px
}

.zain_support_links_card_template .cards_half_bg {
    width: 100%;
    height: 100%
}

.zain_support_links_card_template .cards_half_bg img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.zain_support_links_card_template .cards_half_content {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.zain_support_links_card_template .play_store_cards a img {
    width: 150px
}

@media(min-width: 280px) and (max-width:767px) {
    .zain_support_links_card_template .container {
        max-width:100%
    }
}

.zain_support_links_card_template html[dir=rtl] .zain_support_links_card_template .cards_half_content {
    width: 100% !important
}

.zain_video_support_template .zain_video_support_template_separator {
    background-color: #d12b8a;
    width: 120%;
    height: 2px;
    margin-right: -20%
}

.zain_video_support_template .support_video_img_wrapper {
    position: relative
}

.zain_video_support_template .video-btn {
    position: relative
}

.zain_video_support_template .video-btn .play-btn {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -25px;
    width: 50px
}

.zain_video_support_template .top_support_anchor {
    font-size: 12px;
    background-color: #d12b8a;
    color: #fff;
    padding: 3px 5px;
    font-weight: 800;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize
}

.zain_video_support_template .seperator_sec {
    height: 3px;
    background-size: 100%
}

.zain_video_support_template .bg-cover {
    background-size: cover !important
}

.zain_video_support_template .support_video_content {
    -webkit-box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

@media(min-width: 1200px) {
    .z-container.container {
        max-width:1140px !important
    }
}

@media(min-width: 1400px) {
    .z-container.container {
        max-width:1320px !important
    }
}

.Z-Customer-Area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 55px;
    margin-top: 55px
}

@media(min-width: 1200px) {
    .Z-Customer-Area {
        max-width:1140px !important
    }
}

@media(min-width: 1400px) {
    .Z-Customer-Area {
        max-width:1320px !important
    }
}

.Z-Campaign-Search {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 30px;
    max-width: 320px;
    min-width: 320px;
    padding-left: 20px
}

.Z-Campaign-Search h1 {
    font-size: 1.3rem;
    color: #000;
    font-weight: 600;
    display: block;
    font-family: "Nunito Sans",sans-serif !important
}

.Z-Campaign-Search .Z-Radioboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.Z-Campaign-Search .Z-Radioboxes .form-check {
    display: block;
    min-height: 1.5rem;
    padding-right: 1.5em;
    margin-bottom: .125rem
}

.Z-Campaign-Search .Z-Radioboxes .form-check-input {
    width: 24px;
    height: 24px;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    margin-left: .5rem;
    border-radius: 50%;
    float: right;
    margin-right: -1.5em;
    font-size: inherit
}

.Z-Campaign-Search .Z-Radioboxes .form-check-input:checked {
    background-color: #d12b8a;
    border-color: #d12b8a;
    background-image: url(/o/zain-theme/images/circle.svg)
}

.Z-Campaign-Search .Z-Radioboxes label.form-check-label {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 34px;
    color: #2e2e2e;
    font-family: "Nunito Sans",sans-serif !important
}

.Z-Campaign-Search .Z-Campaigname {
    margin-top: 0;
    margin-bottom: 0
}

.Z-Campaign-Search .Z-Campaigname h1 {
    font-size: 1.3rem;
    color: #000;
    font-weight: 600;
    display: block;
    font-family: "Nunito Sans",sans-serif
}

.Z-Campaign-Search .Z-Campaigname .col-md-9.col-sm-12 {
    padding-right: 12px;
    padding-left: 12px
}

.Z-Campaign-Search .Z-Campaigname .col-md-9.col-sm-12 .btn-secondary {
    min-height: 50px;
    height: 100%;
    background-image: url(/o/zain-theme/images/search-icon.svg);
    background-position: 92% center;
    background-repeat: no-repeat;
    padding-right: 3.1rem !important;
    padding: .375rem .75rem;
    background-color: #fff;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    font-family: "Nunito Sans",sans-serif;
    font-size: 14px !important;
    line-height: 19.1px !important;
    font-weight: 400;
    color: #aeaeae !important;
    min-width: inherit;
    display: block !important;
    white-space: normal;
    text-align: right;
    text-transform: none
}

.Z-Campaign-Search .Z-Campaigname .col-md-9.col-sm-12 .campaign {
    min-width: 235px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.Z-Campaign-Search .Z-Campaigname .col-md-9.col-sm-12 .campaign ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    min-width: inherit
}

.Z-Campaign-Search .Z-Campaigname .col-md-9.col-sm-12 .campaign ul li {
    font-family: "Nunito Sans",sans-serif
}

.Z-Campaign-Search .Z-Campaigname .col-md-9.col-sm-12 .error-msg {
    color: red;
    font-size: 14px;
    font-family: "Nunito Sans",sans-serif
}

html[dir=rtl] .Z-Campaigname h1 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Campaigname .col-md-9.col-sm-12 .btn-secondary {
    font-family: ZainAR,"Nunito Sans" !important;
    background-position: 6% center;
    padding: .375rem .75rem !important;
    padding-left: 3.1rem !important
}

html[dir=rtl] .Z-Campaigname .col-md-9.col-sm-12 .campaign li {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Campaigname .col-md-9.col-sm-12 .error-msg {
    font-family: ZainAR,"Nunito Sans" !important
}

.Z-Customer-Area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 55px
}

.Z-Customer-Information {
    background-color: #fafdfe;
    border: 1px #c6c6c6 solid;
    padding: 2rem;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.Z-Customer-Information label {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    font-family: NunitoSans-Regular
}

.Z-Customer-Information h3 {
    color: #6f6f6f;
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: .5rem;
    font-family: NunitoSans-Regular;
    word-break: break-all
}

html[dir=rtl] .Z-Customer-Information h3 {
    font-weight: 500;
    font-family: ZainAR,Nunito sans-serif
}

.Z-Customer-Cell {
    width: 25%;
    padding: 0 5px 16px 5px
}

@media(min-width: 1600px) {
    .Z-Customer-Cell {
        width:25%
    }
}

@media(min-width: 1300px) and (max-width:1599px) {
    .Z-Customer-Cell {
        width:33.3%
    }
}

.Z-Customer-Cell label {
    display: block
}

.Z-Customer-Cell span {
    padding: .5rem 1rem;
    background-color: #028666;
    color: #fff;
    clear: both;
    border-radius: 50px;
    margin-top: .5rem;
    float: right;
    cursor: default
}

.Z-Customer-Cell span.inactive {
    background-color: red
}

.Z-Packages {
    margin-bottom: 3rem;
    padding: 0 !important;
    margin-right: -12px;
    margin-left: -12px
}

.Z-Packages .slick-list {
    overflow: visible !important
}

.Z-Packages .slick-list .Z-Package.slick-slide {
    opacity: 0
}

.Z-Packages .slick-list .Z-Package.slick-slide.selected-plan {
    opacity: 1
}

.Z-Packages .slick-list .Z-Package.slick-slide.slick-active {
    opacity: 1 !important
}

.Z-Packages .Z-Package {
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border: 1px #c2c2c2 solid;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
    box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
    clear: both;
    overflow: inherit;
    min-height: 450px;
    font-family: "Nunito Sans",sans-serif;
    margin-right: 12px;
    margin-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Z-Packages .Z-Package h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #000;
    font-family: "Nunito Sans",sans-serif
}

.Z-Packages .Z-Package h3 {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    margin-bottom: .15rem;
    font-family: "Nunito Sans",sans-serif
}

.Z-Packages .Z-Package p {
    font-size: 1rem;
    font-weight: 400;
    color: #6f6f6f;
    font-family: "Nunito Sans",sans-serif;
    margin-bottom: 0
}

.Z-Packages .Z-Package label {
    font-size: 1.1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: .5rem;
    font-family: "Nunito Sans",sans-serif
}

.Z-Packages .Z-Package h4 {
    font-size: 1.05rem;
    font-weight: 400;
    color: #000;
    margin-top: .3rem;
    margin-bottom: .8rem;
    font-family: "Nunito Sans",sans-serif !important
}

.Z-Packages .Z-Package hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    opacity: .25
}

.Z-Packages .Z-Package .Z-CheckBox-list {
    margin-top: .75rem;
    margin-top: .75rem
}

.Z-Packages .Z-Package .Z-CheckBox-list label {
    position: relative;
    cursor: pointer;
    color: #6f6f6f;
    font-weight: 400;
    font-family: "Nunito Sans",sans-serif
}

.Z-Packages .Z-Package .Z-CheckBox-list input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.Z-Packages .Z-Package .Z-CheckBox-list input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Z-Packages .Z-Package .Z-CheckBox-list input:checked+label:before {
    border: 0;
    background-color: #d12b8a
}

.Z-Packages .Z-Package .Z-CheckBox-list label:before {
    content: "";
    -webkit-appearance: none;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px;
    border-radius: 3px;
    margin-left: .5rem;
    border: 1px solid #6f6f6f
}

.Z-Packages .Z-Package .Z-choose-device.you-also-get {
    margin-bottom: 18px
}

.Z-Packages .Z-Package .Z-choose-device.you-also-get .price {
    font-weight: 600;
    text-align: left;
    color: #028666;
    font-size: 16px;
    font-family: "Nunito Sans",sans-serif;
    margin-top: -10px
}

.Z-Packages .Z-Package .Z-Add-EX-Device {
    color: #1789db;
    font-size: 1rem;
    text-decoration: underline;
    margin: .85rem 0;
    clear: both;
    overflow: hidden;
    display: block;
    cursor: pointer;
    font-family: "Nunito Sans",sans-serif
}

.Z-Packages .Z-Package .Z-Radioboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.Z-Packages .Z-Package .Z-Radioboxes .form-check {
    display: block;
    min-height: 1.5rem;
    padding-right: 1.5em;
    margin-bottom: .125rem
}

.Z-Packages .Z-Package .Z-Radioboxes .form-check-input-box {
    width: 24px;
    height: 24px;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    margin-left: .5rem;
    border-radius: 50%;
    float: right;
    margin-right: -1.5em;
    font-size: inherit
}

.Z-Packages .Z-Package .Z-Radioboxes .form-check-input-box:checked {
    background-color: #d12b8a;
    border-color: #d12b8a;
    background-image: url(/o/zain-theme/images/circle.svg)
}

.Z-Packages .Z-Package .Z-Radioboxes label.form-check-label {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 34px;
    color: #2e2e2e;
    font-family: "Nunito Sans",sans-serif !important
}

.Z-Packages .Z-Package .freebies .form-select {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    font-style: normal !important;
    color: #2e2e2e !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    display: block;
    width: 100%;
    padding: .375rem .75rem .375rem 2.25rem;
    background-color: #fff;
    background-position: left .75rem center !important;
    word-wrap: normal;
    background-repeat: no-repeat;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    background-image: url("/o/zain-theme/images/down-arrow.svg");
    background-size: 12px 12px;
    font-family: "Nunito Sans",sans-serif !important
}

.Z-Packages .Z-Package .freebies .form-select option {
    font-family: "Nunito Sans",sans-serif !important
}

.Z-Packages .Z-Package .prepaid-mapping .title.price-added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.Z-Packages .Z-Package .prepaid-mapping .title.price-added .price {
    font-weight: 600;
    text-align: left;
    color: #028666;
    font-size: 16px;
    font-family: "Nunito Sans",sans-serif
}

.Z-Packages .Z-Package .prepaid-mapping label.form-check-label {
    pointer-events: none
}

.Z-Packages .Z-Package .data-share-mapping .title.price-added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.Z-Packages .Z-Package .data-share-mapping .title.price-added .price {
    font-weight: 600;
    text-align: left;
    color: #028666;
    font-size: 16px;
    font-family: "Nunito Sans",sans-serif
}

.Z-Packages .Z-Package .data-share-mapping label.form-check-label {
    pointer-events: none
}

.Z-Packages .Z-Package .bundle-btn-active.Znewline {
    margin-top: 1rem
}

.Z-Packages .Z-Package .bundle-btn-active.Znewline .btn-primary {
    color: #d12b8a !important;
    border-color: #d12b8a !important;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    padding: .9rem 2.2rem !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
    margin-top: 0;
    font-family: "Nunito Sans",sans-serif
}

.Z-Packages .Z-Package-strip {
    height: 12px;
    background: #d12b8a;
    background: linear-gradient(41deg,#d12b8a 100%,#70489d 100%);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: 1.5rem
}

.Z-Packages ul.Z-Benefits-list {
    margin-top: .7rem;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.Z-Packages ul.Z-Benefits-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0 0;
    color: #6f6f6f;
    font-size: 1rem;
    font-family: "Nunito Sans",sans-serif;
    gap: 4px
}

.Z-Packages ul.Z-Benefits-list li span {
    background-color: transparent;
    width: 20px;
    display: -webkit-inline-box;
    text-align: center;
    font-family: "Nunito Sans",sans-serif
}

.Z-Packages ul.Z-Benefits-list li span img {
    min-width: 16px;
    max-width: 16px;
    height: 1.35rem
}

.Z-Packages .Z-choose-device button.btn-secondary {
    color: #2e2e2e !important;
    background-color: #fff !important;
    background-image: url(/o/zain-theme/images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: left .8rem center;
    background-size: 11px 11px;
    border-color: #e5e5e5 !important;
    font-weight: 700;
    width: 100%;
    text-align: right;
    font-family: "Nunito Sans",sans-serif;
    text-transform: none;
    padding: .375rem .75rem;
    display: inline-block;
    border-radius: .25rem;
    white-space: unset
}

.Z-Packages .Z-choose-device .dropdown-menu {
    min-width: 100% !important;
    margin-right: 0 !important;
    border-radius: 8px;
    margin-top: 3px !important;
    border: 1px solid #e5e5e5 !important;
    -webkit-box-shadow: 0 5px 15px 5px rgba(0,0,0,.08) !important;
    box-shadow: 0 5px 15px 5px rgba(0,0,0,.08) !important;
    max-height: 230px;
    padding: .7rem !important
}

.Z-Packages .Z-choose-device .dropdown-item {
    margin-top: .45rem;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: .7em .7rem;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    font-size: 16px
}

.Z-Packages .Z-choose-device .dropdown-item:hover {
    background-color: #d12b8a !important;
    color: #fff !important
}

.Z-Packages .Z-choose-device .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.Z-Packages .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0 !important;
    vertical-align: .255em;
    content: url(/o/zain-theme/images/down-arrow.svg) !important;
    border-top: 0 solid !important;
    border-left: 0 solid transparent !important;
    border-bottom: 0 !important;
    border-right: 0 solid transparent !important;
    line-height: 10px;
    margin-top: 4px;
    float: left
}

.Z-Packages .dropdown.Z-choose-device li {
    width: 100%;
    background-color: #f6f6f6;
    border-radius: 8px;
    -webkit-transition: .3s;
    transition: .3s
}

.Z-Packages .dropdown.Z-choose-device .dropdown-menu::after {
    display: none
}

.Z-Packages .slick-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Z-Packages .slick-slider .slick-arrow {
    height: 45px;
    color: #fff;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: rgba(255,255,255,.4);
    z-index: 1;
    visibility: visible;
    width: 45px
}

.Z-Packages .slick-slider .slick-arrow:hover {
    background: #fff
}

.Z-Packages .slick-slider .slick-arrow i {
    line-height: 45px !important;
    font-size: 16px;
    margin-right: 0 !important
}

.Z-Packages .slick-slider .slick-arrow.dark {
    background: rgba(0,0,0,.4)
}

.Z-Packages .slick-slider .slick-arrow.dark:hover {
    background: rgba(0,0,0,.6)
}

.Z-Packages .slick-slider .slick-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    right: -50px
}

.Z-Packages .slick-slider .slick-arrow.next {
    position: absolute;
    left: -50px
}

.Z-Packages .slick-slider .slick-arrow.slick-disabled {
    visibility: visible;
    pointer-events: none;
    opacity: .4
}

.Z-Packages .slick-slider .slick-list.draggable {
    width: 100%;
    min-width: 1140px
}

.Z-Packages .slick-list.draggable .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Z-Packages .multiSelect {
    width: 100%;
    position: relative;
    margin-top: 1px
}

.Z-Packages .multiSelect *,.Z-Packages .multiSelect ::after,.Z-Packages .multiSelect ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Z-Packages .multiSelect_dropdown {
    font-size: 16px;
    min-height: 38px;
    line-height: 35px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background-color: #fff;
    color: #444f5b;
    border: 1px solid #e5e5e5;
    font-weight: 400;
    padding: .5px 13px;
    margin: 0;
    -webkit-transition: .1s border-color ease-in-out;
    transition: .1s border-color ease-in-out;
    cursor: pointer
}

.Z-Packages .multiSelect_dropdown.-hasValue {
    padding: 5px 5px 5px 30px;
    cursor: default
}

.Z-Packages .multiSelect_dropdown.-hasValue+.multiSelect_placeholder {
    top: -11px;
    right: 17px;
    color: #6e7277;
    font-size: 13px;
    opacity: 0
}

.Z-Packages .multiSelect_dropdown.-open {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    padding: 4.5px 4.5px 4.5px 29.5px;
    border: 1.5px solid #e5e5e5
}

.Z-Packages .multiSelect_arrow::after,.Z-Packages .multiSelect_arrow::before {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 8px;
    border-radius: 20px;
    border-bottom: 8px solid #2e2e2e;
    top: 40%;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.Z-Packages .multiSelect_arrow::before {
    left: 24px;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.Z-Packages .multiSelect_arrow::after {
    left: 19px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg)
}

.Z-Packages .multiSelect_list {
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    max-height: 310px;
    top: 28px;
    right: 0;
    z-index: 9999;
    left: 0;
    background: #fff;
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity .1s ease,visibility .1s ease,-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    -webkit-transition: opacity .1s ease,visibility .1s ease,-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    transition: opacity .1s ease,visibility .1s ease,transform .15s cubic-bezier(.4,.6,.5,1.32);
    transition: opacity .1s ease,visibility .1s ease,transform .15s cubic-bezier(.4,.6,.5,1.32),-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    -webkit-transform: scale(.8) translate(0,4px);
    transform: scale(.8) translate(0,4px);
    border: 1px solid #d9dbde;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.12);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.12)
}

.Z-Packages .multiSelect_list.-open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(0,12px);
    transform: scale(1) translate(0,12px);
    transition: opacity .15s ease,visibility .15s ease,-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    -webkit-transition: opacity .15s ease,visibility .15s ease,-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    transition: opacity .15s ease,visibility .15s ease,transform .15s cubic-bezier(.4,.6,.5,1.32);
    transition: opacity .15s ease,visibility .15s ease,transform .15s cubic-bezier(.4,.6,.5,1.32),-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32)
}

.Z-Packages .multiSelect_list.-open+.multiSelect_arrow::before {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
}

.Z-Packages .multiSelect_list.-open+.multiSelect_arrow::after {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
}

.Z-Packages .multiSelect_list.-open .multiSelect_option {
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.Z-Packages .multiSelect_option {
    margin: 0;
    padding: 0;
    opacity: 0;
    -webkit-transform: translate(6px,0);
    transform: translate(calc(6px * -1),0);
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.Z-Packages .multiSelect_option.-selected {
    display: none
}

.Z-Packages .multiSelect_option:hover .multiSelect_text {
    color: #fff;
    background: #4d84fe
}

.Z-Packages .multiSelect_text {
    cursor: pointer;
    display: block;
    padding: 11px 13px;
    color: #525c67;
    font-size: 14px;
    text-decoration: none;
    outline: 0;
    position: relative;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.Z-Packages .multiSelect_choice {
    background: #d12c8a;
    color: #fff;
    padding: 4px 8px;
    line-height: 17px;
    margin: 5px;
    display: inline-block;
    font-size: 13px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500
}

.Z-Packages .multiSelect_choice:hover .multiSelect_deselect {
    stroke: #691043
}

.Z-Packages .multiSelect_deselect {
    width: 12px;
    height: 12px;
    display: inline-block;
    stroke: #ff85ca;
    stroke-width: 4px;
    margin-top: 0;
    margin-right: 3px;
    vertical-align: middle
}

.Z-Packages .multiSelect_noselections {
    text-align: center;
    padding: 7px;
    color: #b2bac3;
    font-weight: 450;
    margin: 0
}

.Z-Packages .multiSelect_placeholder {
    position: absolute;
    right: 9px;
    font-size: 16px;
    top: 7px;
    padding: 0 4px;
    background-color: #fff;
    color: #2e2e2e;
    pointer-events: none;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    font-weight: 700;
    padding-right: 0 !important
}

.Z-Packages .multiSelect_dropdown.-open+.multiSelect_placeholder,.Z-Packages .multiSelect_dropdown.-open.-hasValue+.multiSelect_placeholder {
    top: -11px;
    right: 17px;
    color: #dedede;
    font-size: 13px;
    opacity: 0
}

.Z-Packages ul.multiSelect_list li a.multiSelect_text:hover {
    color: #fff !important;
    background-color: #d12b8a !important
}

.Z-Packages .multiSelect1 {
    width: 100%;
    position: relative;
    margin-top: 1px
}

.Z-Packages .multiSelect1 *,.Z-Packages .multiSelect1 ::after,.Z-Packages .multiSelect1 ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Z-Packages .multiSelect1_dropdown {
    font-size: 16px;
    min-height: 38px;
    line-height: 35px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background-color: #fff;
    color: #444f5b;
    border: 1px solid #e5e5e5;
    font-weight: 400;
    padding: .5px 13px;
    margin: 0;
    -webkit-transition: .1s border-color ease-in-out;
    transition: .1s border-color ease-in-out;
    cursor: pointer
}

.Z-Packages .multiSelect1_dropdown.-hasValue {
    padding: 5px 5px 5px 30px;
    cursor: default
}

.Z-Packages .multiSelect1_dropdown.-hasValue+.multiSelect1_placeholder {
    top: -11px;
    right: 17px;
    color: #6e7277;
    font-size: 13px;
    opacity: 0
}

.Z-Packages .multiSelect1_dropdown.-open {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    padding: 4.5px 4.5px 4.5px 29.5px;
    border: 1.5px solid #e5e5e5
}

.Z-Packages .multiSelect1_arrow::after,.Z-Packages .multiSelect1_arrow::before {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 8px;
    border-radius: 20px;
    border-bottom: 8px solid #2e2e2e;
    top: 40%;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.Z-Packages .multiSelect1_arrow::before {
    left: 24px;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.Z-Packages .multiSelect1_arrow::after {
    left: 19px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg)
}

.Z-Packages .multiSelect1_list {
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    max-height: 310px;
    top: 28px;
    right: 0;
    z-index: 9999;
    left: 0;
    background: #fff;
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity .1s ease,visibility .1s ease,-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    -webkit-transition: opacity .1s ease,visibility .1s ease,-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    transition: opacity .1s ease,visibility .1s ease,transform .15s cubic-bezier(.4,.6,.5,1.32);
    transition: opacity .1s ease,visibility .1s ease,transform .15s cubic-bezier(.4,.6,.5,1.32),-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    -webkit-transform: scale(.8) translate(0,4px);
    transform: scale(.8) translate(0,4px);
    border: 1px solid #d9dbde;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.12);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.12)
}

.Z-Packages .multiSelect1_list.-open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(0,12px);
    transform: scale(1) translate(0,12px);
    transition: opacity .15s ease,visibility .15s ease,-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    -webkit-transition: opacity .15s ease,visibility .15s ease,-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32);
    transition: opacity .15s ease,visibility .15s ease,transform .15s cubic-bezier(.4,.6,.5,1.32);
    transition: opacity .15s ease,visibility .15s ease,transform .15s cubic-bezier(.4,.6,.5,1.32),-webkit-transform .15s cubic-bezier(.4,.6,.5,1.32)
}

.Z-Packages .multiSelect1_list.-open+.multiSelect1_arrow::before {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
}

.Z-Packages .multiSelect1_list.-open+.multiSelect1_arrow::after {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
}

.Z-Packages .multiSelect1_list.-open .multiSelect1_option {
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.Z-Packages .multiSelect1_option {
    margin: 0;
    padding: 0;
    opacity: 0;
    -webkit-transform: translate(6px,0);
    transform: translate(calc(6px * -1),0);
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.Z-Packages .multiSelect1_option.-selected {
    display: none
}

.Z-Packages .multiSelect1_option:hover .multiSelect1_text {
    color: #fff;
    background: #4d84fe
}

.Z-Packages .multiSelect1_text {
    cursor: pointer;
    display: block;
    padding: 11px 13px;
    color: #525c67;
    font-size: 14px;
    text-decoration: none;
    outline: 0;
    position: relative;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.Z-Packages .multiSelect1_choice {
    background: #d12c8a;
    color: #fff;
    padding: 4px 8px;
    line-height: 17px;
    margin: 5px;
    display: inline-block;
    font-size: 13px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500
}

.Z-Packages .multiSelect1_choice:hover .multiSelect1_deselect {
    stroke: #691043
}

.Z-Packages .multiSelect1_deselect {
    width: 12px;
    height: 12px;
    display: inline-block;
    stroke: #ff85ca;
    stroke-width: 4px;
    margin-top: 0;
    margin-right: 3px;
    vertical-align: middle
}

.Z-Packages .multiSelect1_noselections {
    text-align: center;
    padding: 7px;
    color: #b2bac3;
    font-weight: 450;
    margin: 0
}

.Z-Packages .multiSelect1_placeholder {
    position: absolute;
    right: 9px;
    font-size: 16px;
    top: 7px;
    padding: 0 4px;
    background-color: #fff;
    color: #2e2e2e;
    pointer-events: none;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    font-weight: 700;
    padding-right: 0 !important
}

.Z-Packages .multiSelect1_dropdown.-open+.multiSelect1_placeholder,.Z-Packages .multiSelect1_dropdown.-open.-hasValue+.multiSelect1_placeholder {
    top: -11px;
    right: 17px;
    color: #dedede;
    font-size: 13px;
    opacity: 0
}

.Z-Packages ul.multiSelect1_list li a.multiSelect1_text:hover {
    color: #fff !important;
    background-color: #d12b8a !important
}

.Z-Packages .bundle-btn-active {
    margin-top: auto
}

.Z-Packages .bundle-btn-active .btn-secondary {
    color: #fff !important;
    border-color: #d12b8a !important;
    background-color: #d12b8a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    padding: .9rem 2.2rem !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
    margin-top: 2rem;
    font-family: "Nunito Sans",sans-serif !important;
    display: unset
}

.Z-Packages .bundle-btn-active .btn-secondary span {
    font-size: 14px !important;
    font-weight: 800 !important;
    font-family: "Nunito Sans",sans-serif !important;
    padding-right: 3px
}

.Z-Packages .dropdown.Z-choose-device .form-select {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    font-style: normal !important;
    color: #2e2e2e !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    padding: .375rem .75rem .375rem 1.75rem;
    width: 199px;
    display: block;
    width: 100%;
    background-color: #fff;
    background-image: url(/o/zain-theme/images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: left .75rem center;
    background-size: 12px 12px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.Z-Packages .dropdown.Z-choose-device select::-ms-expand {
    display: none
}

html[dir=rtl] .bundle-btn-active .btn-secondary {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .bundle-btn-active .btn-secondary span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .dropdown.Z-choose-device .form-select {
    padding: .375rem .75rem .375rem 2.25rem;
    background-position: left .75rem center;
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .dropdown.Z-choose-device .form-select option {
    font-family: ZainAR,"Nunito Sans" !important
}

.z-device-modal,.z-newline-modal {
    overflow-y: hidden;
    padding-left: 0 !important
}

.z-device-modal .Z-select-device:before,.z-newline-modal .Z-select-device:before {
    display: none
}

.z-device-modal .Z-select-device .modal-content,.z-newline-modal .Z-select-device .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    min-height: 500px !important
}

.z-device-modal .Z-select-device .modal-body,.z-newline-modal .Z-select-device .modal-body {
    padding: 0 !important;
    overflow-x: hidden
}

.z-device-modal .Z-select-device .modal-header .btn-close,.z-newline-modal .Z-select-device .modal-header .btn-close {
    color: #000;
    background: transparent url("/o/zain-theme/images/close.svg") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .5rem .5rem;
    margin: -.5rem auto -.5rem -.5rem
}

.z-device-modal .Z-select-device .card-content-modal,.z-newline-modal .Z-select-device .card-content-modal {
    padding: 0 !important
}

.z-device-modal .modal-left-content,.z-newline-modal .modal-left-content {
    background-color: #000;
    color: #fff;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    padding: 1.5rem 1.5rem !important;
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.z-device-modal .modal-left-content h3,.z-newline-modal .modal-left-content h3 {
    font-weight: 600;
    color: #fff;
    font-size: 1.2rem;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .modal-left-content .error-msg,.z-newline-modal .modal-left-content .error-msg {
    color: red;
    font-size: 14px;
    font-family: "Nunito Sans",sans-serif;
    font-weight: 800
}

.z-device-modal .Z-List-Devices-filter .custom-scroll-y .mCSB_inside>.mCSB_container,.z-newline-modal .Z-List-Devices-filter .custom-scroll-y .mCSB_inside>.mCSB_container {
    margin-left: 15px !important
}

.z-device-modal .Z-List-Devices-filter .mCSB_container.mCS_no_scrollbar_y,.z-newline-modal .Z-List-Devices-filter .mCSB_container.mCS_no_scrollbar_y {
    margin-left: 0 !important
}

.z-device-modal .Z-List-Devices-filter .nav,.z-newline-modal .Z-List-Devices-filter .nav {
    margin: 1rem 0;
    padding: 0;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    margin-bottom: 0
}

.z-device-modal .Z-List-Devices-filter .nav button,.z-newline-modal .Z-List-Devices-filter .nav button {
    display: block;
    cursor: pointer;
    padding: .75rem .75rem;
    margin: .5rem 0 0 0;
    color: #6f6f6f;
    font-weight: 600;
    border-radius: 4px;
    text-align: right;
    background: 0;
    border: 0;
    font-family: "Nunito Sans",sans-serif;
    font-size: 16px
}

.z-device-modal .Z-List-Devices-filter .nav-pills .nav-link,.z-newline-modal .Z-List-Devices-filter .nav-pills .nav-link {
    width: -webkit-fill-available
}

.z-device-modal .Z-List-Devices-filter .nav-pills .nav-link.active,.z-newline-modal .Z-List-Devices-filter .nav-pills .nav-link.active {
    color: #e4e5e4 !important;
    background-color: #373838 !important
}

.z-device-modal input.search-campaign-name,.z-newline-modal input.search-campaign-name {
    height: 50px;
    background-image: url(/o/zain-theme/images/search-icon.svg);
    background-position: 94% center;
    background-repeat: no-repeat;
    padding-right: 3.1rem !important;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5 !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border-radius: 4px !important;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal input.search-campaign-name::-webkit-input-placeholder,.z-newline-modal input.search-campaign-name::-webkit-input-placeholder {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19.1px !important;
    color: #aeaeae !important
}

.z-device-modal input.search-campaign-name::-moz-placeholder,.z-newline-modal input.search-campaign-name::-moz-placeholder {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19.1px !important;
    color: #aeaeae !important
}

.z-device-modal input.search-campaign-name:-ms-input-placeholder,.z-newline-modal input.search-campaign-name:-ms-input-placeholder {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19.1px !important;
    color: #aeaeae !important
}

.z-device-modal input.search-campaign-name::-ms-input-placeholder,.z-newline-modal input.search-campaign-name::-ms-input-placeholder {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19.1px !important;
    color: #aeaeae !important
}

.z-device-modal input.search-campaign-name::placeholder,.z-newline-modal input.search-campaign-name::placeholder {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19.1px !important;
    color: #aeaeae !important
}

.z-device-modal .modal-content-side,.z-newline-modal .modal-content-side {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding: .25rem
}

.z-device-modal .modal-right-content,.z-newline-modal .modal-right-content {
    max-height: 90vh
}

.z-device-modal .modal-right-content .mCSB_container.mCS_no_scrollbar_y,.z-newline-modal .modal-right-content .mCSB_container.mCS_no_scrollbar_y {
    margin-left: 0 !important
}

.z-device-modal .modal-right-content .mCSB_container,.z-newline-modal .modal-right-content .mCSB_container {
    margin-left: 15px !important;
    margin-bottom: 0
}

.z-device-modal .modal-left-content,.z-newline-modal .modal-left-content {
    max-height: 90vh
}

.z-device-modal .modal-left-content .custom-scroll-y,.z-newline-modal .modal-left-content .custom-scroll-y {
    max-height: 55vh
}

.z-device-modal .modal-left-content .custom-scroll-y .mCSB_scrollTools .mCSB_dragger,.z-newline-modal .modal-left-content .custom-scroll-y .mCSB_scrollTools .mCSB_dragger {
    min-height: 140px !important
}

.z-device-modal .card-content-modal,.z-newline-modal .card-content-modal {
    border-radius: 8px;
    border: 0 #e5e5e5 solid;
    padding: .8rem 1.2rem;
    margin-bottom: 0
}

.z-device-modal .modal-footer,.z-newline-modal .modal-footer {
    background-color: #f8f8f8 !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 12px;
    padding-left: 12px;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    border-top: 1px solid #dee2e6;
    border-bottom-left-radius: calc(.3rem - 1px);
    border-bottom-right-radius: calc(.3rem - 1px)
}

.z-device-modal .modal-footer .btn-secondary,.z-newline-modal .modal-footer .btn-secondary {
    color: #fff !important;
    border-color: #d12b8a !important;
    background-color: #d12b8a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    padding: .9rem 2.2rem !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .modal-footer .Z-Total-Price-Co,.z-newline-modal .modal-footer .Z-Total-Price-Co {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.z-device-modal .modal-footer .Z-Total-Price-Co span,.z-newline-modal .modal-footer .Z-Total-Price-Co span {
    color: #6f6f6f;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .modal-footer .Z-Total-Price-Co .modal-title,.z-newline-modal .modal-footer .Z-Total-Price-Co .modal-title {
    font-size: 1.9rem !important;
    color: #2e2e2e !important;
    font-weight: 700;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .modal-footer .Z-Total-Price-Co .modal-title.free,.z-newline-modal .modal-footer .Z-Total-Price-Co .modal-title.free {
    color: #028666 !important
}

.z-device-modal .modal-footer .Z-Total-Price-Co p,.z-newline-modal .modal-footer .Z-Total-Price-Co p {
    font-family: "Nunito Sans",sans-serif;
    color: #212529
}

.z-device-modal .modal-header,.z-newline-modal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px);
    height: unset
}

.z-device-modal .modal-title,.z-newline-modal .modal-title {
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.5;
    font-family: "Nunito Sans",sans-serif;
    white-space: unset
}

.z-device-modal .commitments-BTNs,.z-newline-modal .commitments-BTNs {
    margin: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-row-gap: .5rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.2rem
}

.z-device-modal .commitments-BTNs button,.z-newline-modal .commitments-BTNs button {
    padding: .5rem .75rem;
    border-radius: 4px;
    font-size: 1rem;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .commitments-BTNs button.active,.z-newline-modal .commitments-BTNs button.active {
    color: #2e2e2e;
    background-color: #fff;
    border: 2px #d12b8a solid;
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.12);
    box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    font-weight: 700
}

.z-device-modal .commitments-BTNs .Z-BTN-Available,.z-newline-modal .commitments-BTNs .Z-BTN-Available {
    color: #2e2e2e;
    background-color: #fff;
    border: 1px #aeaeae solid;
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.12);
    box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    font-weight: 700
}

.z-device-modal .Z-Search-Devices p,.z-newline-modal .Z-Search-Devices p {
    color: #6f6f6f;
    margin-bottom: 0;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .Z-Search-Devices p span,.z-newline-modal .Z-Search-Devices p span {
    word-break: break-all;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .devices-Table-specifications,.z-newline-modal .devices-Table-specifications {
    padding: 1rem;
    margin-top: 1rem;
    border-bottom: 1px solid #dee2e6 !important
}

.z-device-modal .devices-Table-specifications table tbody tr,.z-newline-modal .devices-Table-specifications table tbody tr {
    -webkit-transition: .3s;
    transition: .3s
}

.z-device-modal .devices-Table-specifications table tbody tr td,.z-newline-modal .devices-Table-specifications table tbody tr td {
    padding: .7rem 0 .7rem 1rem;
    font-size: 1rem;
    color: #2e2e2e;
    font-weight: 700;
    font-family: "Nunito Sans",sans-serif;
    border: 0 !important;
    min-width: 115px
}

.z-device-modal .devices-Table-specifications table tbody tr td button,.z-newline-modal .devices-Table-specifications table tbody tr td button {
    padding: .5rem .75rem;
    border-radius: 4px;
    font-size: 1rem;
    max-width: 70px;
    width: 70px;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .devices-Table-specifications table tbody tr td button i,.z-newline-modal .devices-Table-specifications table tbody tr td button i {
    font-size: 1.4rem;
    border: 1px solid #000;
    border-radius: 100%
}

.z-device-modal .devices-Table-specifications table tbody tr td .Z-BTN-Available.active,.z-newline-modal .devices-Table-specifications table tbody tr td .Z-BTN-Available.active {
    color: #2e2e2e;
    background-color: #fff;
    border: 2px #d12b8a solid;
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    font-weight: 700
}

.z-device-modal .devices-Table-specifications table tbody tr td .Z-BTN-Less,.z-newline-modal .devices-Table-specifications table tbody tr td .Z-BTN-Less {
    color: #c70024;
    background-color: rgba(199,0,36,.1);
    border: 1px #c70024 solid;
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.12);
    box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    font-weight: 700
}

.z-device-modal .devices-Table-specifications table tbody tr td .Z-BTN-Less.active,.z-newline-modal .devices-Table-specifications table tbody tr td .Z-BTN-Less.active {
    border: 2px #d12b8a solid;
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04)
}

.z-device-modal .devices-Table-specifications table tbody tr td .Z-BTN-Gold,.z-newline-modal .devices-Table-specifications table tbody tr td .Z-BTN-Gold {
    color: #9e6900;
    background-color: rgba(158,105,0,.2);
    border: 1px #9e6900 solid;
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.12);
    box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    font-weight: 700
}

.z-device-modal .devices-Table-specifications table tbody tr td .Z-BTN-Gold.active,.z-newline-modal .devices-Table-specifications table tbody tr td .Z-BTN-Gold.active {
    border: 2px #d12b8a solid;
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04)
}

.z-device-modal .devices-Table-specifications table tbody tr td .Z-BTN-Null,.z-newline-modal .devices-Table-specifications table tbody tr td .Z-BTN-Null {
    color: #aeaeae;
    background-color: #f3f3f3;
    border: 1px #f3f3f3 solid
}

.z-device-modal .devices-Table-specifications table tbody tr td .Z-BTN-Null.active,.z-newline-modal .devices-Table-specifications table tbody tr td .Z-BTN-Null.active {
    border: 2px #d12b8a solid;
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04)
}

.z-device-modal .devices-Table-specifications table tbody tr th,.z-newline-modal .devices-Table-specifications table tbody tr th {
    border: 0 !important;
    min-width: 115px
}

.z-device-modal .devices-Table-specifications table tbody tr th b,.z-newline-modal .devices-Table-specifications table tbody tr th b {
    font-weight: 700;
    font-family: "Nunito Sans",sans-serif;
    color: #000 !important;
    font-size: 1.1rem !important
}

.z-device-modal .devices-Table-specifications table tbody tr:first-child:hover,.z-newline-modal .devices-Table-specifications table tbody tr:first-child:hover {
    background-color: transparent
}

.z-device-modal .devices-Table-specifications table tbody tr:hover,.z-newline-modal .devices-Table-specifications table tbody tr:hover {
    background-color: #fef7f7;
    border-radius: 8px !important
}

.z-device-modal .devices-Table-specifications table tbody tr:hover .Z-BTN-Number,.z-newline-modal .devices-Table-specifications table tbody tr:hover .Z-BTN-Number {
    color: #c70024
}

.z-device-modal .devices-Table-specifications table tbody tr:hover .Z-BTN-NoBG,.z-newline-modal .devices-Table-specifications table tbody tr:hover .Z-BTN-NoBG {
    background-color: transparent
}

.z-device-modal .devices-Table-specifications table tbody tr.disable-btn button:hover,.z-device-modal .devices-Table-specifications table tbody tr.disable-btn th b:hover,.z-newline-modal .devices-Table-specifications table tbody tr.disable-btn button:hover,.z-newline-modal .devices-Table-specifications table tbody tr.disable-btn th b:hover {
    cursor: default !important
}

.z-device-modal .devices-Table-specifications table tbody tr th.Z-DTS-Name,.z-newline-modal .devices-Table-specifications table tbody tr th.Z-DTS-Name {
    min-width: 210px;
    max-width: 210px
}

.z-device-modal .devices-Table-specifications table tbody .sku-row.row-active,.z-newline-modal .devices-Table-specifications table tbody .sku-row.row-active {
    background-color: #fef7f7;
    border-radius: 8px !important
}

.z-device-modal .devices-Table-specifications .table>:not(caption)>*>*,.z-newline-modal .devices-Table-specifications .table>:not(caption)>*>* {
    vertical-align: baseline !important
}

.z-device-modal .devices-Table-specifications .Z-DTS-Color,.z-newline-modal .devices-Table-specifications .Z-DTS-Color {
    color: #000 !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .devices-Table-specifications .Z-DTS-Capacity,.z-device-modal .devices-Table-specifications .Z-DTS-Header,.z-newline-modal .devices-Table-specifications .Z-DTS-Capacity,.z-newline-modal .devices-Table-specifications .Z-DTS-Header {
    color: #6f6f6f !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    font-family: "Nunito Sans",sans-serif
}

.z-device-modal .devices-Table-specifications .Z-BTN-Number,.z-newline-modal .devices-Table-specifications .Z-BTN-Number {
    color: #2e2e2e;
    background-color: #fff;
    border: 0 #d12b8a solid;
    -webkit-box-shadow: 1px 1px 4px 3px transparent;
    box-shadow: 1px 1px 4px 3px transparent;
    font-weight: 700
}

.z-device-modal .devices-Table-specifications .Z-BTN-Available,.z-newline-modal .devices-Table-specifications .Z-BTN-Available {
    color: #2e2e2e;
    background-color: #fff;
    border: 1px #aeaeae solid;
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    box-shadow: 1px 1px 4px 3px rgba(0,0,0,.04);
    font-weight: 700
}

.z-device-modal .devices-Table-specifications .custom-scroll-x,.z-newline-modal .devices-Table-specifications .custom-scroll-x {
    min-width: 815px;
    max-width: 815px
}

@media(min-width: 992px) and (max-width:1200px) {
    .z-device-modal .devices-Table-specifications .custom-scroll-x,.z-newline-modal .devices-Table-specifications .custom-scroll-x {
        min-width:550px;
        max-width: 550px
    }
}

@media(min-width: 1200px) {
    .z-device-modal .modal-right-content,.z-newline-modal .modal-right-content {
        min-width:820px;
        max-width: 820px
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    .z-device-modal .modal-right-content,.z-newline-modal .modal-right-content {
        min-width:565px;
        max-width: 565px
    }
}

html[dir=rtl] .z-device-modal .modal-left-content h3 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .modal-left-content .error-msg {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .Z-List-Devices-filter .nav button {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal input.search-campaign-name {
    font-family: ZainAR,"Nunito Sans" !important;
    background-position: 6% center;
    padding-right: .75rem !important
}

html[dir=rtl] .z-device-modal .modal-footer {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .modal-footer .Z-Total-Price-Co span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .modal-footer .Z-Total-Price-Co .modal-title {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .modal-footer .Z-Total-Price-Co p {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .modal-footer .btn-secondary {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .modal-title {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .commitments-BTNs button {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .Z-Search-Devices p {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .Z-Search-Devices p span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .devices-Table-specifications table tbody tr td {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .devices-Table-specifications table tbody tr td button {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .devices-Table-specifications table tbody tr th b {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .devices-Table-specifications .Z-DTS-Color {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .z-device-modal .devices-Table-specifications .Z-DTS-Capacity,html[dir=rtl] .z-device-modal .devices-Table-specifications .Z-DTS-Color,html[dir=rtl] .z-device-modal .devices-Table-specifications .Z-DTS-RAM,html[dir=rtl] .z-device-modal .devices-Table-specifications .Z-DTS-Size {
    font-family: ZainAR,"Nunito Sans" !important
}

.b2c-agent-plans {
    overflow: unset !important
}

.b2c-agent-plans .modal-backdrop.show {
    opacity: .5;
    background-color: #000
}

html[dir=rtl] .Z-Radioboxes .form-check {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

html[dir=rtl] .Z-Radioboxes label.form-check-label {
    font-family: ZainAR,"Nunito Sans" !important;
    display: inline-block;
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

html[dir=rtl] .Z-Plan-type.Radio-Plan-Type h1 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package h2 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package h3 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package p {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package label {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package h4 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect_placeholder {
    font-weight: 700 !important;
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect_option a {
    font-family: ZainAR,"Nunito Sans" !important;
    color: #525c67;
    font-weight: 400
}

html[dir=rtl] .Z-Packages .Z-Package .Z-CheckBox-list input:checked+label:after {
    top: 6px;
    left: 137px;
    border-width: 0 2px 2px 0
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect_arrow::before {
    -webkit-transform: rotate(-125deg);
    transform: rotate(-125deg)
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect_arrow::after {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect_list.-open+.multiSelect_arrow::after {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg)
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect_list.-open+.multiSelect_arrow::before {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect1_placeholder {
    font-weight: 700 !important;
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect1_option a {
    font-family: ZainAR,"Nunito Sans" !important;
    color: #525c67;
    font-weight: 400
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect1_arrow::before {
    -webkit-transform: rotate(-125deg);
    transform: rotate(-125deg)
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect1_arrow::after {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect1_list.-open+.multiSelect1_arrow::after {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg)
}

html[dir=rtl] .Z-Packages .Z-Package .multiSelect1_list.-open+.multiSelect1_arrow::before {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

html[dir=rtl] .Z-Packages .Z-Package .freebies .form-select {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package .freebies .form-select option {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-Package .prepaid-mapping .title .price {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages ul.Z-Benefits-list li {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages ul.Z-Benefits-list li span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-choose-device button.btn-secondary {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-choose-device .dropdown-item {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .Z-choose-device .price {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .Z-Packages .slick-prev:before {
    content: "→";
    color: #272833;
    font-size: 30px;
    font-weight: 700
}

html[dir=rtl] .Z-Packages .slick-next:before {
    content: "←";
    color: #272833;
    font-size: 30px;
    font-weight: 700
}

html[dir=rtl] .Z-Packages .Z-Add-EX-Device {
    font-family: ZainAR,"Nunito Sans" !important;
    text-decoration: none
}

html[dir=rtl] .Z-Packages .Z-Radioboxes label.form-check-label {
    font-family: ZainAR,"Nunito Sans" !important
}

.fail-confirm-modal .btn-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("/o/zain-theme/images/close.svg") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.fail-confirm-modal.service #count {
    text-align: end;
    font-size: 14px
}

.fail-confirm-modal.service .card-content-row .col-md-6.col-sm-12 {
    padding-left: 12px !important
}

.fail-confirm-modal.service .card-content-row .col-md-6.col-sm-12 .input-select-wrapper {
    margin-bottom: 0 !important
}

.fail-confirm-modal.service .card-content-row .col-md-6.col-sm-12 .input-select-wrapper .control-label {
    display: none
}

.fail-confirm-modal.service .card-content-row .col-md-6.col-sm-12 .input-select-wrapper select {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    font-style: normal !important;
    color: #2e2e2e !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    padding: .375rem .75rem .375rem 2.25rem;
    background-image: url("/o/zain-theme/images/down-arrow.svg") !important;
    background-repeat: no-repeat;
    background-position: left .75rem center;
    background-size: 12px 8px;
    font-family: "Nunito Sans",sans-serif !important;
    background-color: #fff
}

.fail-confirm-modal.service .card-content-row .col-md-6.col-sm-12 .input-select-wrapper select option {
    font-family: "Nunito Sans",sans-serif !important
}

.fail-confirm-modal.service .card-content-row .col-md-6.col-sm-12 .form-group {
    margin-bottom: 0 !important
}

.fail-confirm-modal.service .card-content-row .col-md-6.col-sm-12 .form-group label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f;
    margin-bottom: 0
}

.fail-confirm-modal.service .card-content-row .col-md-6 .error-keyup-1 {
    position: absolute;
    font-size: 14px;
    color: red;
    padding-right: 20px
}

.fail-confirm-modal.service .card-content-row .col-md-6 .error-keyup-1::before {
    content: "x";
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 1111;
    background: red;
    width: 15px;
    height: 15px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fail-confirm-modal.service .card-content-row .col-md-12.col-sm-12.mt-4 .input-text-wrapper {
    margin-bottom: 5px !important
}

.fail-confirm-modal.service .card-content-row .col-md-12.col-sm-12.mt-4 .input-text-wrapper .control-label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f;
    margin-bottom: 0 !important
}

.fail-confirm-modal.service .card-content-row .col-md-12.col-sm-12.mt-4 .input-text-wrapper textarea {
    height: 180px;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5 !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border-radius: 4px !important
}

.fail-confirm-modal.service .modal-content {
    width: 700px !important
}

.fail-confirm-modal.service .modal-dialog {
    max-width: 700px !important
}

.fail-confirm-modal.service .modal-dialog::before {
    display: none
}

.fail-confirm-modal.service .modal-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.fail-confirm-modal.service .modal-body .card-content-modal {
    padding: 0 !important
}

.fail-confirm-modal.service .modal-body .card-content-modal p.service-only {
    margin-top: 0 !important
}

.fail-confirm-modal.service .card-content-row textarea.form-control {
    margin-bottom: 5px !important;
    height: 140px !important
}

.fail-confirm-modal .modal-dialog-centered {
    max-width: 300px;
    padding: 0 !important
}

.fail-confirm-modal .modal-dialog-centered::before {
    height: calc(100vh - 30rem) !important
}

.fail-confirm-modal .modal-content {
    border-radius: .3rem
}

.fail-confirm-modal .modal-header {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px);
    border-bottom: 0;
    text-align: center;
    height: unset
}

.fail-confirm-modal .modal-header h5 {
    font-family: "Nunito Sans",sans-serif;
    font-weight: 700 !important
}

.fail-confirm-modal .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.fail-confirm-modal .modal-body .card-content-modal {
    border-radius: 8px;
    border: 0 #e5e5e5 solid;
    padding: .8rem 1.2rem;
    margin-bottom: 0;
    text-align: center
}

.fail-confirm-modal .modal-body .card-content-modal p {
    margin-top: .5rem;
    color: #6f6f6f;
    font-family: "Nunito Sans",sans-serif;
    text-align: center
}

.fail-confirm-modal .modal-body .card-content-modal p b {
    font-weight: 700
}

.fail-confirm-modal .modal-body .card-content-modal p.service-only {
    text-align: center
}

.fail-confirm-modal .modal-body .card-content-modal p.order-detail {
    margin: 0 !important
}

.fail-confirm-modal .modal-footer {
    border-top: 0 !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
    padding: .75rem !important
}

.fail-confirm-modal .modal-footer .btn-secondary {
    color: #fff !important;
    border-color: #d12b8a !important;
    background-color: #d12b8a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    padding: .9rem 2.2rem !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: "Nunito Sans",sans-serif;
    margin: .25rem
}

.fail-confirm-modal .modal-footer .btn-secondary:hover {
    color: #fff !important;
    background-color: #e551a5 !important
}

.fail-confirm-modal .modal-footer .btn-outline-secondary {
    color: #6f6f6f !important;
    border: 1px solid #aeaeae !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    padding: .9rem 2.2rem !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: "Nunito Sans",sans-serif
}

.fail-confirm-modal .modal-footer .btn-outline-secondary:hover {
    color: #6f6f6f !important;
    background-color: #e5e5e5 !important
}

.fail-confirm-modal .modal-footer a {
    color: #fff
}

html[dir=rtl] .fail-confirm-modal .modal-header h5 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .fail-confirm-modal .modal-body .card-content-modal p {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .fail-confirm-modal .modal-footer .btn-secondary {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .fail-confirm-modal .modal-footer .btn-outline-secondary {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .fail-confirm-modal .card-content-row.agent-comment-body .col-md-6.col-sm-12 .input-select-wrapper select {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .fail-confirm-modal .card-content-row.agent-comment-body .col-md-6.col-sm-12 .input-select-wrapper select option {
    font-family: ZainAR,"Nunito Sans" !important
}

.eligibility .btn-close {
    padding: .5rem .5rem !important;
    margin: -.5rem auto -.5rem -.5rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url(/o/zain-theme/images/close.svg) center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.eligibility .modal-dialog::before {
    display: none
}

.eligibility .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px);
    border-bottom: 0 !important
}

.eligibility .modal-header .modal-title {
    font-weight: 700;
    font-family: "Nunito Sans",sans-serif
}

.eligibility .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.eligibility .modal-body .EligibilityList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .55rem;
    padding: .8rem 1.2rem;
    margin-bottom: 0
}

.eligibility .modal-body .EligibilityList .Eligibilityitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-row-gap: 1rem
}

.eligibility .modal-body .EligibilityList .Eligibilityitem .EligibilityKey {
    color: #2e2e2e;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: "Nunito Sans",sans-serif
}

.eligibility .modal-body .EligibilityList .Eligibilityitem .EligibilityResult {
    font-size: 1.2rem;
    font-weight: 500;
    font-family: "Nunito Sans",sans-serif
}

.eligibility .modal-body .EligibilityList .Eligibilityitem.Fail .EligibilityResult {
    color: #c70024 !important
}

.eligibility .modal-body .EligibilityList .Eligibilityitem.Pass .EligibilityResult {
    color: #028666 !important
}

.eligibility .modal-body .EligibilityList #rules-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .55rem
}

.eligibility .modal-body .EligibilityList span {
    font-family: "Nunito Sans",sans-serif
}

.eligibility .modal-body .EligibilityList span.ZainAlertModal i {
    margin-left: .25rem
}

.eligibility .modal-body .EligibilityList hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    opacity: .25;
    border-top: 1px solid #2e2e2e;
    height: 1px;
    border: 0
}

.eligibility .modal-footer {
    border-top: 0 !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.eligibility .modal-footer .btn-outline-secondary {
    color: #6f6f6f !important;
    border-color: #e5e5e5 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    padding: .9rem 2.2rem !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: "Nunito Sans",sans-serif;
    margin: .25rem
}

.eligibility .modal-footer .btn-outline-secondary:hover {
    color: #6f6f6f !important;
    background-color: #e5e5e5 !important
}

.eligibility .modal-footer .btn-secondary {
    color: #fff !important;
    border-color: #d12b8a !important;
    background-color: #d12b8a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    padding: .9rem 2.2rem !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: "Nunito Sans",sans-serif;
    margin: .25rem
}

.eligibility .modal-footer .btn-secondary.disabled {
    border-color: #e5e5e5 !important;
    color: #6f6f6f !important;
    background-color: #e5e5e5 !important
}

.eligibility .modal-footer .btn-secondary.disabled:hover {
    border-color: #e5e5e5 !important;
    color: #6f6f6f !important;
    background-color: #e5e5e5 !important
}

.eligibility .modal-footer .btn-secondary:hover {
    color: #fff !important;
    background-color: #e551a5 !important
}

.eligibility span.ZainAlertModal {
    font-size: 1rem;
    color: #c70024;
    background-color: rgba(199,0,36,.1);
    border: 1px rgba(199,0,36,.3) solid;
    padding: .6rem .85rem;
    border-radius: 6px;
    margin-top: .5rem;
    font-weight: 600;
    font-family: "Nunito Sans",sans-serif;
    display: block
}

.eligibility span.ZainAlertModal i {
    margin-left: .25rem
}

html[dir=rtl] .eligibility .modal-header .modal-title {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .eligibility .modal-body .EligibilityList .Eligibilityitem .EligibilityKey {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .eligibility .modal-body .EligibilityList .Eligibilityitem .EligibilityResult {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .eligibility .modal-body .EligibilityList span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .eligibility .modal-footer .btn-outline-secondary {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .eligibility .modal-footer .btn-secondary {
    font-family: ZainAR,"Nunito Sans" !important
}

.Z-Packages .Z-Package.service-only {
    min-height: 400px
}

.Z-LineSelection .btn.dropdown-toggle {
    border-radius: 2px;
    border-color: #c6c6c6;
    min-width: 100%;
    text-align: right !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 15px;
    padding-left: 15px;
    text-transform: inherit;
    font-size: 14px;
    font-weight: 600;
    color: #2e2e2e;
    font-family: "Nunito Sans"
}

.Z-LineSelection .btn.dropdown-toggle:active,.Z-LineSelection .btn.dropdown-toggle:focus {
    outline: 0 !important
}

.Z-LineSelection .dropdown-menu {
    border-radius: 8px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #c6c6c6;
    width: 100%;
    max-width: inherit;
    padding: 15px
}

.Z-LineSelection .dropdown-menu li {
    background: #f5f5f5;
    color: #2e2e2e;
    font-size: 14px;
    font-weight: 700;
    font-family: "Nunito Sans";
    margin-bottom: 10px;
    border-radius: 4px
}

.Z-LineSelection .dropdown-menu li:last-child {
    margin-bottom: 0
}

.Z-LineSelection .dropdown-menu li:hover {
    background: #d12b8a;
    color: #fff
}

.Z-LineSelection .Z-CheckBox-list {
    margin-top: .75rem
}

.Z-LineSelection .Z-CheckBox-list input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.Z-LineSelection .Z-CheckBox-list input:checked+label.Zanewlinelabel:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 8px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Z-LineSelection .Z-CheckBox-list label.Zanewlinelabel {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 34px;
    color: #2e2e2e;
    position: relative;
    cursor: pointer;
    font-family: "Nunito Sans",sans-serif
}

.Z-LineSelection .Z-CheckBox-list label.Zanewlinelabel:before {
    content: "";
    -webkit-appearance: none;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px;
    background-color: #d12b8a;
    border-radius: 3px;
    margin-left: .5rem;
    margin-top: -4px
}

.Z-LineSelection .col-sm-12.disabled {
    cursor: not-allowed
}

.Z-LineSelection .col-sm-12.disabled .Z-CheckBox-list {
    pointer-events: none
}

.z-newline-modal .Z-select-device .modal-content {
    min-height: 388px !important
}

.z-newline-modal .modal-dialog {
    max-width: 895px
}

.z-newline-modal .modal-content-side.modal-left-content {
    min-width: 306px;
    background: #252525
}

.z-newline-modal .modal-content-side.modal-right-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    min-width: inherit
}

.z-newline-modal .modal-content-side.modal-right-content .card-content-modal {
    padding: 30px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.z-newline-modal .modal-content-side.modal-right-content .modal-header {
    padding: 0 0 8px 0
}

.z-newline-modal .modal-content-side.modal-right-content .modal-header .line-header {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.z-newline-modal .modal-content-side.modal-right-content .modal-header .line-header h5 {
    margin-bottom: 0;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.z-newline-modal .modal-content-side.modal-right-content .modal-header .line-header p {
    font-size: 12px;
    font-weight: 600;
    line-height: 32px;
    color: #6f6f6f;
    margin-bottom: 0;
    font-family: "Nunito Sans"
}

.z-newline-modal .modal-content-side.modal-right-content .modal-header .refresh-numbers {
    color: #d12b8a;
    cursor: pointer;
    display: inline-block
}

.z-newline-modal .modal-content-side.modal-right-content .modal-body {
    padding: 26px 0 !important
}

.z-newline-modal .modal-content-side.modal-right-content .modal-footer {
    padding: 20px 30px;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.z-newline-modal .modal-content-side.modal-right-content .modal-footer .btn-secondary.disabled {
    border-color: #e5e5e5 !important;
    color: #6f6f6f !important;
    background-color: #e5e5e5 !important
}

.z-newline-modal ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px
}

.z-newline-modal ul li {
    color: #2e2e2e;
    font-size: 13px;
    font-family: "Nunito Sans";
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid #aeaeae;
    padding: 8px 15px;
    font-weight: 700;
    cursor: pointer
}

.z-newline-modal ul li.active,.z-newline-modal ul li:hover {
    border-color: #d12b8a !important;
    color: #d12b8a !important
}

.z-newline-modal ul li.no-numbers-msg {
    border: none !important;
    width: 100%;
    text-align: center;
    pointer-events: none
}

.z-newline-modal .nav.nav-pills.line-class-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -24px;
    margin-right: -24px
}

.z-newline-modal .nav.nav-pills.line-class-list .nav-link {
    font-size: 16px;
    border: 0;
    border-radius: 0;
    background: #252525;
    text-align: right;
    color: #6f6f6f;
    font-weight: 600;
    font-family: "NUNITO SANS";
    line-height: 24px;
    padding-right: 20px;
    padding-left: 20px
}

.z-newline-modal .nav.nav-pills.line-class-list .nav-link.active,.z-newline-modal .nav.nav-pills.line-class-list .nav-link:hover {
    background: rgba(229,229,229,.1);
    color: #e5e5e5
}

html[dir=rtl] .Z-LineSelection .Z-CheckBox-list input:checked+label.Zanewlinelabel:after {
    border-width: 0 2px 2px 0
}

.kw #wrapper .order-detail-wrap {
    padding: .8rem 1.2rem !important
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary {
    margin-top: 0 !important
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .product-item .product-description .product-name {
    margin-bottom: 7px !important
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .product-item .product-description .product-name h1 {
    color: #6f6f6f !important;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: "Nunito Sans",sans-serif !important
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .product-item .product_signle_second label.right-lbl {
    font-style: normal;
    font-weight: 800;
    font-family: "Nunito Sans",sans-serif !important
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .product-item .shopping_item_single_zain {
    padding-right: 0 !important
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .existing-required-details {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    font-style: normal;
    color: #2e2e2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .existing-required-details .existing-item {
    margin-left: 15px;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: .375rem .75rem .375rem .75rem
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .existing-required-details .required-detail {
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: .375rem .75rem .375rem .75rem
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .main-heading.car_single_heading {
    margin-top: 12px;
    margin-bottom: 15px !important;
    margin-top: 12px;
    margin-bottom: 15px !important;
    font-family: "Nunito Sans",sans-serif !important;
    color: #212529 !important;
    font-weight: 600
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .shopping_items_wrap_zain .product-description .product-name {
    margin-bottom: 0 !important
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .product-item-container {
    border-bottom: 0 !important
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail .heading_content_wrap h2 {
    margin-bottom: 12px
}

.kw #wrapper .order-detail-wrap .cart-summary.order-detail h2.main-heading.car_single_heading {
    margin-top: 12px;
    margin-bottom: 15px
}

.kw #wrapper .order-detail-wrap .section-products-summary.consumer-cart-summary .product-item .product-description .input-group .form-group {
    margin-bottom: 0
}

.kw #wrapper .order-detail-wrap .heading_content_wrap h2 {
    font-family: "Nunito Sans",sans-serif !important;
    font-weight: 700;
    margin-bottom: 12px
}

.kw #wrapper .order-detail-wrap .heading_content_wrap h2 span {
    font-family: "Nunito Sans",sans-serif !important
}

.kw #wrapper .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .image_wrap_item img {
    margin-top: 0
}

.kw #wrapper .checkout-order-detail .col-md-4 {
    position: sticky !important;
    top: 70px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.kw #wrapper .checkout-order-detail .update-cancel-btn .btn {
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    font-family: "Nunito Sans",sans-serif !important
}

.kw #wrapper .checkout-order-detail .order-detail-wrap .order-detail .agent-order-details .product-item .product-description .product-name .commitment-line h2 {
    font-size: 1rem !important;
    font-family: "Nunito Sans",sans-serif !important;
    font-weight: 400;
    margin-top: 7px
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout {
    padding: .8rem 1.2rem;
    margin-bottom: 36.8px !important;
    margin-top: 24px
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .promo_heading_top {
    margin-bottom: 12px
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout label.ml-0 {
    margin-left: 16px !important
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .primary-button-common {
    margin-right: 16px !important;
    min-height: 49px;
    height: 49px;
    padding: 14.5px 40px
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control {
    height: 48px;
    font-size: 16px;
    font-family: "Nunito Sans",sans-serif !important;
    margin-bottom: 5px
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-webkit-input-placeholder {
    color: #6f6f6f !important
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-moz-placeholder {
    color: #6f6f6f !important
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control:-ms-input-placeholder {
    color: #6f6f6f !important
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-ms-input-placeholder {
    color: #6f6f6f !important
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::placeholder {
    color: #6f6f6f !important
}

.zain-cart-summary-checkout-step.b2c-checkout .order-detail .product-item .input-group .form-group {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.zain-cart-summary-checkout-step.b2c-checkout .order-detail .product-item .input-group .form-group select.form-control {
    background-color: #fff;
    margin-left: 15px;
    padding: .375rem 2.25rem .375rem .75rem !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: unset !important
}

.zain-cart-summary-checkout-step.b2c-checkout .order-detail .product-item .input-group .form-group select.form-control option {
    font-weight: 400;
    font-family: "Nunito Sans",sans-serif
}

.zain-checkout-form .order-detail-wrap .order-detail .agent-order-details .product-item .input-group .form-group select.form-control {
    background-image: url("/o/zain-theme/images/down-arrow.svg") !important;
    font-weight: 700;
    font-family: "Nunito Sans",sans-serif !important
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .promo_heading_top {
    margin-bottom: 12px;
    color: #2e2e2e
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .promo_heading_top .desView {
    font-weight: 700;
    font-family: "Nunito Sans",sans-serif !important
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout label.ml-0 {
    font-weight: 600;
    font-family: "Nunito Sans",sans-serif !important
}

.kw #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .primary-button-common {
    font-weight: 800;
    font-family: "Nunito Sans",sans-serif !important
}

.kw #wrapper .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .quantity-input-container {
    display: none !important
}

html[dir=rtl] .cart-summary.order-detail .heading_content_wrap h2 {
    font-weight: 700;
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .cart-summary.order-detail .heading_content_wrap h2 span {
    font-weight: 700;
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .main-heading.car_single_heading {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .product-item .product-description .product-name {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .product-item .product-description .product-name h1 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .shopping_cart_section_xain .order-detail-wrap .order-detail .agent-order-details .product-item .product-description .product-name .commitment-line h2 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .order-detail-wrap .heading_content_wrap h2 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .order-detail-wrap .heading_content_wrap h2 span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .product-item .product-description .product-name h1 {
    font-family: ZainAR,"Nunito Sans" !important;
    font-family: ZainAR,"Nunito Sans" !important;
    font-weight: 700 !important
}

html[dir=rtl] #wrapper .order-detail-wrap .cart-summary.order-detail .new_cart.cart-summary .agent-order-details .product-item .product_signle_second label.right-lbl {
    font-family: ZainAR,"Nunito Sans" !important;
    font-weight: 800 !important
}

html[dir=rtl] #wrapper .checkout-order-detail .update-cancel-btn .btn {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .checkout-order-detail .order-detail-wrap .order-detail .agent-order-details .product-item .product-description .product-name .commitment-line h2 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .checkout-order-detail .promo_wrapper_checkout .promo_heading_top span.desView {
    font-family: ZainAR,"Nunito Sans" !important;
    font-weight: 700 !important
}

html[dir=rtl] #wrapper .checkout-order-detail .promo_wrapper_checkout label.ml-0 {
    font-family: ZainAR,"Nunito Sans" !important;
    font-weight: 600 !important
}

html[dir=rtl] #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-webkit-input-placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-moz-placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control:-ms-input-placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::-ms-input-placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control::placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .primary-button-common {
    font-family: ZainAR,"Nunito Sans" !important;
    font-weight: 800 !important
}

html[dir=rtl] .agent-order-details .product-item .product_signle_second label.right-lbl {
    font-family: ZainAR,"Nunito Sans" !important;
    font-weight: 800
}

html[dir=rtl] .agent-order-details .existing-required-details {
    font-family: ZainAR,"Nunito Sans" !important;
    font-weight: 400
}

html[dir=rtl] .zain-cart-summary-checkout-step.b2c-checkout .order-detail .product-item .input-group .form-group select.form-control {
    font-family: ZainAR,"Nunito Sans" !important;
    margin-left: 15px;
    padding: .375rem .75rem .375rem 2.25rem !important;
    font-weight: 700;
    margin-left: 0
}

html[dir=rtl] .zain-cart-summary-checkout-step.b2c-checkout .order-detail .product-item .input-group .form-group select.form-control option {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .checkout-order-detail .promo_wrapper_checkout .get_promocode .form-group.inline-label .promo-code-content .input-addon-wrapper .form-control {
    font-family: ZainAR,"Nunito Sans" !important
}

.you-also-get h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 15px;
    font-family: "Nunito Sans",sans-serif !important;
    color: #212529
}

.you-also-get .Z-you-get-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    row-gap: 1rem;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    margin: 1rem 0
}

.you-also-get .Z-you-get-area .you-get-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.you-also-get .Z-you-get-area .you-get-content .Z-get-icon.rounded-circle {
    width: 50px;
    height: 50px;
    background-color: #f8f8f8;
    text-align: center;
    line-height: 58px;
    margin-left: 1rem;
    border-radius: 50% !important
}

.you-also-get .Z-you-get-area .you-get-content .Z-get-icon.rounded-circle i {
    font-size: 1.3rem;
    color: #6f6f6f
}

.you-also-get .Z-you-get-area .you-get-content .Z-get-icon.rounded-circle img {
    width: 20px;
    height: 20px;
    margin-bottom: 10px
}

.you-also-get .Z-you-get-area .you-get-content .Z-get-icon {
    width: 50px;
    height: 50px;
    background-color: unset;
    text-align: center;
    line-height: 58px;
    margin-left: 0
}

.you-also-get .Z-you-get-area .you-get-content .Z-get-icon img {
    width: 20px;
    height: 20px;
    margin-bottom: 25px
}

.you-also-get .Z-you-get-area .you-get-content .you-get-Cell-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.you-also-get .Z-you-get-area .you-get-content .you-get-Cell-text h1 {
    color: #2e2e2e;
    font-weight: 700;
    font-size: 1rem;
    margin-top: 5px;
    margin-bottom: 3px;
    font-family: "Nunito Sans",sans-serif !important
}

.you-also-get .Z-you-get-area .you-get-content .you-get-Cell-text p {
    color: #6f6f6f;
    font-weight: 500;
    font-size: .9rem;
    font-family: "Nunito Sans",sans-serif !important
}

.you-also-get .Z-you-get-area .you-get-content .you-get-Cell-price h1 {
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-right: 5px;
    font-family: "Nunito Sans",sans-serif !important
}

html[dir=rtl] .you-also-get h2 {
    font-weight: 600;
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .you-also-get .Z-you-get-area .you-get-content .you-get-Cell-text h1 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .you-also-get .Z-you-get-area .you-get-content .you-get-Cell-text p {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .you-also-get .Z-you-get-area .you-get-content .you-get-Cell-price h1 {
    font-family: ZainAR,"Nunito Sans" !important
}

.agent-comments-step {
    padding-bottom: .4rem !important;
    padding-top: .4rem !important;
    margin-bottom: .4rem !important;
    font-family: "Nunito Sans",sans-serif !important
}

.agent-comments-step #count {
    text-align: end;
    font-size: 14px
}

.agent-comments-step .cart-content .card-content-row .col-md-6.col-sm-12 {
    padding-left: 12px !important
}

.agent-comments-step .cart-content .card-content-row .col-md-6.col-sm-12 .input-select-wrapper {
    margin-bottom: 0 !important
}

.agent-comments-step .cart-content .card-content-row .col-md-6.col-sm-12 .input-select-wrapper .control-label {
    display: none
}

.agent-comments-step .cart-content .card-content-row .col-md-6.col-sm-12 .input-select-wrapper select {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    font-style: normal !important;
    color: #2e2e2e !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    padding: .375rem .75rem .375rem 2.25rem;
    background-image: url("/o/zain-theme/images/down-arrow.svg") !important;
    background-repeat: no-repeat;
    background-position: left .75rem center;
    background-size: 12px 8px;
    font-family: "Nunito Sans",sans-serif !important;
    background-color: #fff
}

.agent-comments-step .cart-content .card-content-row .col-md-6.col-sm-12 .input-select-wrapper select option {
    font-family: "Nunito Sans",sans-serif !important
}

.agent-comments-step .cart-content .card-content-row .col-md-6.col-sm-12 .form-group {
    margin-bottom: 0 !important
}

.agent-comments-step .cart-content .card-content-row .col-md-6.col-sm-12 .form-group label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f;
    margin-bottom: 0
}

.agent-comments-step .cart-content .card-content-row .col-md-6 .error-keyup-1 {
    position: absolute;
    font-size: 14px;
    color: red;
    padding-right: 20px
}

.agent-comments-step .cart-content .card-content-row .col-md-6 .error-keyup-1::before {
    content: "x";
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 1111;
    background: red;
    width: 15px;
    height: 15px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.agent-comments-step .cart-content .card-content-row .col-md-12.col-sm-12.mt-4 .input-text-wrapper {
    margin-bottom: 5px !important
}

.agent-comments-step .cart-content .card-content-row .col-md-12.col-sm-12.mt-4 .input-text-wrapper .control-label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f;
    margin-bottom: 0 !important
}

.agent-comments-step .cart-content .card-content-row .col-md-12.col-sm-12.mt-4 .input-text-wrapper textarea {
    height: 180px;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5 !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border-radius: 4px !important
}

.agent-comments-step .container.cart-content {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: auto;
    margin-left: auto;
    padding-right: .4rem;
    padding-left: .4rem;
    width: 100%
}

@media(min-width: 1200px) {
    .agent-comments-step .container.cart-content {
        max-width:1140px !important
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    .agent-comments-step .container.cart-content {
        max-width:960px !important
    }
}

.agent-comments-step .agent-comment {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    border-radius: 8px;
    border: 1px #e5e5e5 solid;
    padding: .8rem 1.2rem;
    margin-bottom: 24px
}

.agent-comments-step .agent-comment h3 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #2e2e2e;
    font-family: "Nunito Sans",sans-serif !important
}

.agent-comments-step .order-summary {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    position: sticky;
    top: 75px
}

.agent-comments-step .card-content-info .card-content-row textarea.form-control {
    margin-bottom: 5px !important;
    height: 170px !important
}

html[dir=rtl] .agent-comments-step {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step #count span {
    font-size: 14px;
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .agent-comment h3 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .cart-content .card-content-row .col-md-6.col-sm-12 .input-select-wrapper select {
    font-family: ZainAR,"Nunito Sans" !important;
    padding: .375rem .75rem .375rem 2.25rem;
    background-position: left .75rem center
}

html[dir=rtl] .agent-comments-step .cart-content .card-content-row .col-md-6.col-sm-12 .input-select-wrapper select option {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .cart-content .card-content-row .error-keyup-1 {
    -webkit-transform: rotateX(180deg);
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .cart-content .card-content-row .error-keyup-1::before {
    top: 0 !important
}

html[dir=rtl] #wrapper .agent-comments-step .form-group label {
    font-family: ZainAR,"Nunito Sans" !important
}

#confirmationModal .modal-header,#faliureModal .modal-header {
    display: none
}

#confirmationModal .order-tracking-popup-header,#faliureModal .order-tracking-popup-header {
    padding-top: 0;
    max-width: unset;
    text-align: unset
}

#confirmationModal .order-tracking-popup-header h3,#faliureModal .order-tracking-popup-header h3 {
    line-height: 1.5;
    font-weight: 700;
    font-size: 1.25rem;
    font-family: "Nunito Sans",sans-serif !important;
    margin-bottom: 16px;
    text-align: center
}

#confirmationModal .order-tracking-popup-header div,#faliureModal .order-tracking-popup-header div {
    padding: 1.8rem 1.2rem;
    text-align: center
}

#confirmationModal .modal-dialog,#faliureModal .modal-dialog {
    padding: 1rem 1rem;
    max-width: 300px
}

#confirmationModal .modal-dialog .modal-content .modal-body .order-tracking-popup-header p,#faliureModal .modal-dialog .modal-content .modal-body .order-tracking-popup-header p {
    margin-top: .5rem;
    color: #6f6f6f;
    margin-bottom: 1rem;
    padding: 0;
    font-family: "Nunito Sans",sans-serif !important;
    font-size: 16px
}

#confirmationModal .modal-dialog .modal-content .modal-body .order-tracking-popup-header p b,#faliureModal .modal-dialog .modal-content .modal-body .order-tracking-popup-header p b {
    font-weight: 700 !important
}

#confirmationModal .modal-dialog .modal-content .modal-footer,#faliureModal .modal-dialog .modal-content .modal-footer {
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#confirmationModal .modal-dialog .modal-content .modal-footer .btn-toolbar,#faliureModal .modal-dialog .modal-content .modal-footer .btn-toolbar {
    margin: 0
}

#confirmationModal .modal-dialog .modal-content .modal-footer .btn-toolbar .btn,#faliureModal .modal-dialog .modal-content .modal-footer .btn-toolbar .btn {
    min-width: 20px;
    color: #fff !important;
    border-color: #d12b8a !important;
    background-color: #d12b8a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    padding: .9rem 2.2rem !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: "Nunito Sans",sans-serif !important
}

#confirmationModal .modal-dialog .modal-content .modal-footer .btn-toolbar .btn:hover,#faliureModal .modal-dialog .modal-content .modal-footer .btn-toolbar .btn:hover {
    color: #fff !important;
    background-color: #e551a5 !important
}

html[dir=rtl] #confirmationModal .order-tracking-popup-header h3,html[dir=rtl] #faliureModal .order-tracking-popup-header h3 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #confirmationModal .modal-dialog .modal-content .modal-body .order-tracking-popup-header p,html[dir=rtl] #faliureModal .modal-dialog .modal-content .modal-body .order-tracking-popup-header p {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #confirmationModal .modal-dialog .modal-content .modal-footer .btn-toolbar .btn,html[dir=rtl] #faliureModal .modal-dialog .modal-content .modal-footer .btn-toolbar .btn {
    font-family: ZainAR,"Nunito Sans" !important
}

.b2c-agent-progress-steps {
    margin: 2.2rem auto !important
}

.b2c-agent-progress-steps .progress-status .step .step_circle {
    height: 30px !important;
    position: absolute !important;
    top: 0;
    right: 50%;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(calc(-50% * -1)) !important;
    width: 30px !important;
    z-index: 1 !important;
    text-align: center;
    vertical-align: middle;
    padding: 3px
}

.b2c-agent-progress-steps .overflow-auto-mobile {
    max-width: 884px !important
}

.b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step:first-child::before {
    width: 0 !important;
    display: none
}

.b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step::before {
    right: -50% !important;
    z-index: unset !important;
    border-width: 2px !important;
    width: 284px !important;
    bottom: 40px
}

.b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step::after {
    display: none
}

.b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step h2 {
    margin-bottom: 0;
    display: inline-block;
    padding: 35px 10px 0;
    text-decoration: none;
    font-weight: 400 !important;
    font-family: "Nunito Sans",sans-serif !important;
    font-size: 14px !important
}

.b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step.completed h2 {
    color: #d12b8a
}

.b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step.active h2 {
    color: #d12b8a
}

.b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step .step_circle {
    background-repeat: no-repeat;
    background-image: url(/o/zain-theme/images/true.svg);
    background-position: 8px center
}

.b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step .step_circle i {
    display: none
}

html[dir=rtl] .b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step::after {
    display: none
}

html[dir=rtl] .b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step h2 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .b2c-agent-progress-steps .overflow-auto-mobile .progress-status.checkout-details .step .step_circle {
    right: 40%
}

.b2c-agent-delivery-info .container {
    margin-right: auto;
    margin-left: auto;
    padding-right: .4rem !important;
    padding-left: .4rem !important;
    width: 100%
}

@media(min-width: 1200px) {
    .b2c-agent-delivery-info .container {
        max-width:1140px !important
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    .b2c-agent-delivery-info .container {
        max-width:960px !important
    }
}

.b2c-agent-delivery-info .container .col-lg-12 .left-content-area {
    padding-left: 0 !important
}

.b2c-agent-delivery-info .container .col-lg-12 .right-content-area {
    padding-right: 25px !important;
    position: sticky !important;
    top: 100px
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form {
    border-radius: 8px;
    border: 1px #e5e5e5 solid;
    padding: .8rem 1.2rem !important;
    margin-bottom: 24px;
    padding: .8rem 1.2rem !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form h2 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700 !important;
    margin-bottom: 12px;
    color: #2e2e2e;
    font-family: "Nunito Sans",sans-serif !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 15px;
    color: #212529;
    font-family: "Nunito Sans",sans-serif !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row .col-lg-6:nth-child(2n) {
    padding-right: 12px !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row .col-lg-6:nth-child(odd) {
    padding-left: 12px !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row.align-items-end .row .col-lg-6:nth-child(odd) {
    padding-right: 12px !important;
    padding-left: 0 !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row.align-items-end .row .col-lg-6:nth-child(2n) {
    padding-right: 0 !important;
    padding-left: 12px !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row.align-items-end h3 {
    font-family: "Nunito Sans",sans-serif !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px !important;
    margin-bottom: 15px;
    padding-right: 12px
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .row {
    padding-right: 8px !important;
    padding-left: 8px !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .row h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 15px
}

.b2c-agent-delivery-info #save-address {
    font-size: 14px !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control {
    background-color: #fff !important;
    font-family: "Nunito Sans",sans-serif !important;
    font-weight: 400;
    line-height: 1.5 !important;
    color: #212529 !important;
    background-clip: padding-box;
    border: 1px solid #e5e5e5 !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border-radius: 4px !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    min-height: 24px
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control::-webkit-input-placeholder {
    font-family: "Nunito Sans",sans-serif !important;
    font-size: 14px !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control::-moz-placeholder {
    font-family: "Nunito Sans",sans-serif !important;
    font-size: 14px !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control:-ms-input-placeholder {
    font-family: "Nunito Sans",sans-serif !important;
    font-size: 14px !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control::-ms-input-placeholder {
    font-family: "Nunito Sans",sans-serif !important;
    font-size: 14px !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control::placeholder {
    font-family: "Nunito Sans",sans-serif !important;
    font-size: 14px !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group::after {
    left: 10px !important;
    bottom: 10px !important;
    z-index: unset !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group select {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    font-style: normal !important;
    color: #2e2e2e !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    background-image: url("/o/zain-theme/images/down-arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: left .75rem center !important;
    background-size: 12px 12px !important;
    padding: .375rem 2.25rem .375rem .75rem !important;
    font-family: "Nunito Sans",sans-serif !important;
    min-height: 24px
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group select option {
    font-family: "Nunito Sans",sans-serif !important;
    background: #fff !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group.input-text-wrapper.has-success .form-control {
    border: 1px #049fb4 solid !important;
    padding-left: 2.2rem !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group.has-error .form-control {
    border: 1px red solid !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 19px;
    color: #6f6f6f !important;
    margin-bottom: 0;
    font-family: "Nunito Sans",sans-serif !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .row.align-items-end {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .row .row h2 {
    font-weight: 600 !important;
    margin-top: 12px
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row .col-lg-6.gender .form-group {
    margin-bottom: 0 !important
}

.kw #wrapper .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form {
    padding: .8rem 1.2rem !important
}

.b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .help-block::before {
    z-index: unset
}

html[dir=rtl] .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form h2 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form h3 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row {
    padding-left: 4px !important;
    padding-right: 4px !important
}

html[dir=rtl] .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row .col-lg-6:nth-child(2n) {
    padding-left: 0 !important;
    padding-right: 12px !important
}

html[dir=rtl] .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row .col-lg-6:nth-child(odd) {
    padding-left: 12px !important;
    padding-right: 0 !important
}

html[dir=rtl] .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row.align-items-end .row {
    padding-left: 4px !important;
    padding-right: 4px !important;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

html[dir=rtl] .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row.align-items-end .row .col-lg-6:nth-child(odd) {
    padding-left: 0 !important;
    padding-right: 12px !important
}

html[dir=rtl] .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row.align-items-end .row .col-lg-6:nth-child(2n) {
    padding-left: 12px !important;
    padding-right: 0 !important
}

html[dir=rtl] .b2c-agent-delivery-info .container .col-lg-12 .agent-user-detail.user-details-form .form-validation .row.align-items-end h3 {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control::-webkit-input-placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control::-moz-placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control:-ms-input-placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control::-ms-input-placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group .form-control::placeholder {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group::after {
    left: 10px !important;
    right: unset !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group select {
    font-family: ZainAR,"Nunito Sans" !important;
    background-position: left .75rem center !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form .form-group select option {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] #wrapper .b2c-agent-delivery-info .container .col-lg-12 .left-content-area .agent-user-detail .summary-form label {
    font-family: ZainAR,"Nunito Sans" !important
}

.b2c-agent-delivery-info .address-detail-form .delivery-tabs .payment-box .address-select-option .saveAddressRadio {
    font-weight: 100 !important
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group select {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group input {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group input::-webkit-input-placeholder {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group input::-moz-placeholder {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group input:-ms-input-placeholder {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group input::-ms-input-placeholder {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group input::placeholder {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group textarea {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group textarea::-webkit-input-placeholder {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group textarea::-moz-placeholder {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group textarea:-ms-input-placeholder {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group textarea::-ms-input-placeholder {
    font-weight: 100
}

.b2c-agent-delivery-info .address-form-container .address-row .form-group textarea::placeholder {
    font-weight: 100
}

.agent-comments-step .order-details .card.checkout-card,.b2c-agent-delivery-info .order-details .card.checkout-card,.checkout-order-detail .order-details .card.checkout-card {
    padding: .8rem 1.2rem
}

.agent-comments-step .order-details .card.checkout-card .card-header,.b2c-agent-delivery-info .order-details .card.checkout-card .card-header,.checkout-order-detail .order-details .card.checkout-card .card-header {
    padding: 0 !important;
    margin-bottom: 12px
}

.agent-comments-step .order-details .card.checkout-card .card-header span,.b2c-agent-delivery-info .order-details .card.checkout-card .card-header span,.checkout-order-detail .order-details .card.checkout-card .card-header span {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700 !important;
    margin-bottom: 12px;
    font-family: "Nunito Sans",sans-serif !important
}

.agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price,.b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price,.checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price {
    margin-top: 1rem
}

.agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl,.b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl,.checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    font-family: "Nunito Sans",sans-serif !important;
    color: #212529;
    margin-bottom: 0 !important
}

.agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl span,.b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl span,.checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl span {
    font-family: "Nunito Sans",sans-serif !important
}

.agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl,.b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl,.checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    font-family: "Nunito Sans",sans-serif !important;
    color: #212529;
    margin-bottom: 0 !important
}

.agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl span,.b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl span,.checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl span {
    font-family: "Nunito Sans",sans-serif !important
}

.agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .device-insurance span,.b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .device-insurance span,.checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .device-insurance span {
    font-size: 12px;
    font-family: "Nunito Sans",sans-serif !important
}

.agent-comments-step .order-details .card.checkout-card .card-action,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action,.checkout-order-detail .order-details .card.checkout-card .card-action {
    margin-top: 10px !important;
    margin-bottom: 0 !important
}

.agent-comments-step .order-details .card.checkout-card .card-action .continue_wrapper,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action .continue_wrapper,.checkout-order-detail .order-details .card.checkout-card .card-action .continue_wrapper {
    margin-top: 25px !important
}

.agent-comments-step .order-details .card.checkout-card .card-action .continue_wrapper a,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action .continue_wrapper a,.checkout-order-detail .order-details .card.checkout-card .card-action .continue_wrapper a {
    font-family: "Nunito Sans",sans-serif !important;
    font-weight: 600
}

.agent-comments-step .order-details .card.checkout-card .card-action .clear-cart-btn,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action .clear-cart-btn,.checkout-order-detail .order-details .card.checkout-card .card-action .clear-cart-btn {
    color: #6f6f6f !important;
    border: 1px solid #e5e5e5 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: "Nunito Sans",sans-serif !important
}

.agent-comments-step .order-details .card.checkout-card .card-action .clear-cart-btn:hover,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action .clear-cart-btn:hover,.checkout-order-detail .order-details .card.checkout-card .card-action .clear-cart-btn:hover {
    color: #6f6f6f !important;
    background-color: #e5e5e5 !important
}

.agent-comments-step .order-details .card.checkout-card .card-action .continue-form-btn,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action .continue-form-btn,.checkout-order-detail .order-details .card.checkout-card .card-action .continue-form-btn {
    font-family: "Nunito Sans",sans-serif !important;
    color: #fff !important;
    border: 1px solid #d12b8a !important;
    background-color: #d12b8a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 19.1px !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    -webkit-transition: .3s;
    transition: .3s
}

.agent-comments-step .order-details .card.checkout-card .card-action .continue-form-btn.disabled,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action .continue-form-btn.disabled,.checkout-order-detail .order-details .card.checkout-card .card-action .continue-form-btn.disabled {
    background: #e5e5e5 !important;
    color: #6f6f6f !important;
    opacity: 1;
    border: 1px solid #e5e5e5 !important
}

.agent-comments-step .order-details .card.checkout-card .card-action .continue-form-btn.disabled:hover,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action .continue-form-btn.disabled:hover,.checkout-order-detail .order-details .card.checkout-card .card-action .continue-form-btn.disabled:hover {
    border: 1px solid #e5e5e5 !important;
    background: #e5e5e5 !important;
    color: #6f6f6f !important
}

.agent-comments-step .order-details .card.checkout-card .card-action .continue-form-btn:hover,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action .continue-form-btn:hover,.checkout-order-detail .order-details .card.checkout-card .card-action .continue-form-btn:hover {
    color: #fff !important;
    background-color: #e551a5 !important
}

.agent-comments-step .cart-summary-container,.b2c-agent-delivery-info .cart-summary-container,.checkout-order-detail .cart-summary-container {
    padding-right: .4rem;
    padding-left: .4rem;
    width: 100%
}

@media(min-width: 1200px) {
    .agent-comments-step .cart-summary-container,.b2c-agent-delivery-info .cart-summary-container,.checkout-order-detail .cart-summary-container {
        max-width:1140px !important
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    .agent-comments-step .cart-summary-container,.b2c-agent-delivery-info .cart-summary-container,.checkout-order-detail .cart-summary-container {
        max-width:960px !important
    }
}

.agent-comments-step .cart-summary-container .col-md-8,.b2c-agent-delivery-info .cart-summary-container .col-md-8,.checkout-order-detail .cart-summary-container .col-md-8 {
    padding-left: 0 !important
}

.agent-comments-step .cart-summary-container .col-md-4,.b2c-agent-delivery-info .cart-summary-container .col-md-4,.checkout-order-detail .cart-summary-container .col-md-4 {
    padding-right: 25px !important
}

html[dir=rtl] .agent-comments-step .order-details .card.checkout-card .card-header span,html[dir=rtl] .b2c-agent-delivery-info .order-details .card.checkout-card .card-header span,html[dir=rtl] .checkout-order-detail .order-details .card.checkout-card .card-header span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl,html[dir=rtl] .b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl,html[dir=rtl] .checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl span,html[dir=rtl] .b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl span,html[dir=rtl] .checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .left-lbl span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl,html[dir=rtl] .b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl,html[dir=rtl] .checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl {
    -webkit-transform: rotateY(180deg);
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl span,html[dir=rtl] .b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl span,html[dir=rtl] .checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .d-flex.monthly-insurance-price .right-lbl span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .order-details .card.checkout-card .product-item.main-total .col .device-insurance span,html[dir=rtl] .b2c-agent-delivery-info .order-details .card.checkout-card .product-item.main-total .col .device-insurance span,html[dir=rtl] .checkout-order-detail .order-details .card.checkout-card .product-item.main-total .col .device-insurance span {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .order-details .card.checkout-card .card-action .continue_wrapper a,html[dir=rtl] .b2c-agent-delivery-info .order-details .card.checkout-card .card-action .continue_wrapper a,html[dir=rtl] .checkout-order-detail .order-details .card.checkout-card .card-action .continue_wrapper a {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .order-details .card.checkout-card .card-action .clear-cart-btn,html[dir=rtl] .b2c-agent-delivery-info .order-details .card.checkout-card .card-action .clear-cart-btn,html[dir=rtl] .checkout-order-detail .order-details .card.checkout-card .card-action .clear-cart-btn {
    font-family: ZainAR,"Nunito Sans" !important
}

html[dir=rtl] .agent-comments-step .order-details .card.checkout-card .card-action .continue-form-btn,html[dir=rtl] .b2c-agent-delivery-info .order-details .card.checkout-card .card-action .continue-form-btn,html[dir=rtl] .checkout-order-detail .order-details .card.checkout-card .card-action .continue-form-btn {
    font-family: ZainAR,"Nunito Sans" !important
}

.b2c-agent-checkout-step {
    overflow: unset !important
}

.b2c-agent-checkout-step .order-tracking-popup.custom-modal .modal-header .btn-toolbar {
    display: block !important
}

@media(min-width: 1008px) {
    .agent-comments-step .order-details .card.checkout-card .text-center a,.b2c-agent-delivery-info .order-details .card.checkout-card .text-center a,.checkout-order-detail .order-details .card.checkout-card .text-center a {
        display:none
    }

    .agent-comments-step .order-details .card.checkout-card .card-action .btns_wrapper,.b2c-agent-delivery-info .order-details .card.checkout-card .card-action .btns_wrapper,.checkout-order-detail .order-details .card.checkout-card .card-action .btns_wrapper {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
}

body {
    font-family: NunitoSans-Regular;
    font-size: 18px
}

@media(max-width: 1440px) {
    body {
        font-size:14px
    }
}

html[dir=rtl] body {
    font-family: QTZain-Reguar,sans-serif
}

html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6 {
    font-weight: 700;
    font-family: QTZain-Bold,sans-serif
}

html[dir=rtl] a:not(.rating-element),html[dir=rtl] span:not(.rating-element) {
    font-weight: 400;
    font-family: qt_zaintextregular !important;
    text-decoration: none
}

html[dir=rtl] strong {
    font-family: QTZain-Bold,sans-serif
}

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
@font-face {
    font-family: fontawesome-alloy;
    src: url("../font/fontawesome-alloy.eot");
    src: url("../font/fontawesome-alloy.eot?#iefix") format("embedded-opentype"),url("../font/fontawesome-alloy.woff") format("woff"),url("../font/fontawesome-alloy.ttf") format("truetype"),url("../font/fontawesome-alloy.svg#fontawesome-alloy") format("svg");
    font-weight: 400;
    font-style: normal
}





.icon-large:before {
    vertical-align: -10%;
    font-size: 1.33333em
}







.icons-ul {
    margin-right: 2.14286em;
    list-style-type: none
}

.icons-ul>li {
    position: relative
}

.icons-ul .icon-li {
    position: absolute;
    right: -2.14286em;
    width: 2.14286em;
    text-align: center;
    line-height: inherit
}



.icon-muted {
    color: #eee
}

.icon-light {
    color: #fff
}

.icon-dark {
    color: #333
}

.icon-border {
    border: solid 1px #eee;
    padding: .2em .25em .15em;
    border-radius: 3px
}

.icon-2x {
    font-size: 2em
}

.icon-2x.icon-border {
    border-width: 2px;
    border-radius: 4px
}

.icon-3x {
    font-size: 3em
}

.icon-3x.icon-border {
    border-width: 3px;
    border-radius: 5px
}

.icon-4x {
    font-size: 4em
}

.icon-4x.icon-border {
    border-width: 4px;
    border-radius: 6px
}

.icon-5x {
    font-size: 5em
}

.icon-5x.icon-border {
    border-width: 5px;
    border-radius: 7px
}

.pull-right {
    float: left
}

.pull-left {
    float: right
}



.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: -35%
}



.icon-stack .icon-stack-base {
    font-size: 2em
}

.icon-spin {
    display: inline-block;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

a .icon-spin,a .icon-stack {
    display: inline-block;
    text-decoration: none
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.icon-rotate-90:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon-rotate-180:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-rotate-270:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.icon-flip-horizontal:before {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.icon-flip-vertical:before {
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1)
}

a .icon-flip-horizontal:before,a .icon-flip-vertical:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-rotate-90:before {
    display: inline-block
}

[data-icon]:before {
    font-family: fontawesome-alloy;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-adjust,.icon-adn,.icon-align-center,.icon-align-justify,.icon-align-left,.icon-align-right,.icon-ambulance,.icon-anchor,.icon-android,.icon-angle-down,.icon-angle-left,.icon-angle-right,.icon-angle-up,.icon-apple,.icon-archive,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-asterisk,.icon-backward,.icon-ban-circle,.icon-bar-chart,.icon-barcode,.icon-beaker,.icon-beer,.icon-bell,.icon-bell-alt,.icon-bitbucket,.icon-bitbucket-sign,.icon-bitcoin,.icon-bold,.icon-bolt,.icon-book,.icon-bookmark,.icon-bookmark-empty,.icon-briefcase,.icon-bug,.icon-building,.icon-bullhorn,.icon-bullseye,.icon-calendar,.icon-calendar-empty,.icon-camera,.icon-camera-retro,.icon-caret-bottom-right,.icon-caret-down,.icon-caret-left,.icon-caret-right,.icon-caret-up,.icon-certificate,.icon-check,.icon-check-empty,.icon-check-minus,.icon-check-sign,.icon-chevron-down,.icon-chevron-left,.icon-chevron-right,.icon-chevron-sign-down,.icon-chevron-sign-left,.icon-chevron-sign-right,.icon-chevron-sign-up,.icon-chevron-up,.icon-circle,.icon-circle-arrow-down,.icon-circle-arrow-left,.icon-circle-arrow-right,.icon-circle-arrow-up,.icon-circle-blank,.icon-cloud,.icon-cloud-download,.icon-cloud-upload,.icon-code,.icon-code-fork,.icon-coffee,.icon-cog,.icon-cogs,.icon-collapse,.icon-collapse-alt,.icon-collapse-top,.icon-columns,.icon-comment,.icon-comment-alt,.icon-comments,.icon-comments-alt,.icon-compass,.icon-copy,.icon-credit,.icon-crop,.icon-css3,.icon-cut,.icon-dashboard,.icon-db-condition,.icon-db-end,.icon-db-fork,.icon-db-join,.icon-db-joinxor,.icon-db-start,.icon-db-state,.icon-db-task,.icon-desktop,.icon-dollar,.icon-double-angle-down,.icon-double-angle-left,.icon-double-angle-right,.icon-double-angle-up,.icon-download,.icon-download-alt,.icon-dribbble,.icon-dropbox,.icon-edit,.icon-edit-sign,.icon-eject,.icon-ellipsis-horizontal,.icon-ellipsis-vertical,.icon-envelope,.icon-envelope-alt,.icon-eraser,.icon-euro,.icon-exchange,.icon-exclamation,.icon-exclamation-sign,.icon-expand,.icon-expand-alt,.icon-external-link,.icon-external-link-sign,.icon-eye-close,.icon-eye-open,.icon-facebook,.icon-facebook-sign,.icon-facetime-video,.icon-fast-backward,.icon-fast-forward,.icon-fb-boolean,.icon-fb-button,.icon-fb-custom-field,.icon-fb-decimal,.icon-fb-fieldset,.icon-fb-file-upload,.icon-fb-integer,.icon-fb-number,.icon-fb-paragraph,.icon-fb-radio,.icon-fb-select,.icon-fb-separator,.icon-fb-text,.icon-fb-text-box,.icon-female,.icon-fighter-jet,.icon-file,.icon-file-2,.icon-file-alt,.icon-file-text,.icon-film,.icon-filter,.icon-fire,.icon-fire-extinguisher,.icon-flag,.icon-flag-alt,.icon-flag-checkered,.icon-flickr,.icon-folder-close,.icon-folder-close-alt,.icon-folder-open,.icon-folder-open-alt,.icon-font,.icon-food,.icon-forward,.icon-foursquare,.icon-frown,.icon-fullscreen,.icon-gamepad,.icon-gbp,.icon-gift,.icon-github,.icon-github-alt,.icon-github-sign,.icon-gittip,.icon-glass,.icon-globe,.icon-google-plus,.icon-google-plus-sign,.icon-group,.icon-h-sign,.icon-hand-down,.icon-hand-left,.icon-hand-right,.icon-hand-up,.icon-hdd,.icon-headphones,.icon-heart,.icon-heart-empty,.icon-home,.icon-hospital,.icon-html5,.icon-inbox,.icon-indent-left,.icon-indent-right,.icon-info,.icon-info-sign,.icon-instagram,.icon-italic,.icon-key,.icon-keyboard,.icon-laptop,.icon-leaf,.icon-legal,.icon-lemon,.icon-level-down,.icon-level-up,.icon-lightbulb,.icon-link,.icon-linkedin,.icon-linkedin-sign,.icon-linux,.icon-list,.icon-list-alt,.icon-list-ol,.icon-list-ul,.icon-location-arrow,.icon-lock,.icon-long-arrow-down,.icon-long-arrow-left,.icon-long-arrow-right,.icon-long-arrow-up,.icon-magic,.icon-magnet,.icon-male,.icon-map-marker,.icon-maxcdn,.icon-medkit,.icon-meh,.icon-microphone,.icon-microphone-off,.icon-minus,.icon-minus-sign,.icon-minus-sign-alt,.icon-mobile,.icon-money,.icon-moon,.icon-move,.icon-music,.icon-off,.icon-ok,.icon-ok-circle,.icon-ok-sign,.icon-paper-clip,.icon-paste,.icon-pause,.icon-pencil,.icon-phone,.icon-phone-sign,.icon-picture,.icon-pinterest,.icon-pinterest-sign,.icon-plane,.icon-play,.icon-play-circle,.icon-play-sign,.icon-plus,.icon-plus-sign,.icon-plus-sign-2,.icon-print,.icon-pushpin,.icon-puzzle,.icon-qrcode,.icon-question,.icon-question-sign,.icon-quote-left,.icon-quote-right,.icon-random,.icon-refresh,.icon-remove,.icon-remove-circle,.icon-remove-sign,.icon-renminbi,.icon-renren,.icon-reorder,.icon-repeat,.icon-reply,.icon-reply-all,.icon-resize-full,.icon-resize-horizontal,.icon-resize-small,.icon-resize-vertical,.icon-retweet,.icon-road,.icon-rocket,.icon-rss,.icon-rss-sign,.icon-rupee,.icon-save,.icon-screenshot,.icon-search,.icon-share,.icon-share-alt,.icon-share-sign,.icon-shield,.icon-shopping-cart,.icon-sign-blank,.icon-signal,.icon-signin,.icon-signout,.icon-sitemap,.icon-skype,.icon-smile,.icon-sort,.icon-sort-by-alphabet,.icon-sort-by-alphabet-alt,.icon-sort-by-attributes,.icon-sort-by-attributes-alt,.icon-sort-by-order,.icon-sort-by-order-alt,.icon-sort-down,.icon-sort-up,.icon-spinner,.icon-stackexchange,.icon-star,.icon-star-empty,.icon-star-half,.icon-star-half-full,.icon-step-backward,.icon-step-forward,.icon-stethoscope,.icon-stop,.icon-strikethrough,.icon-subscript,.icon-suitcase,.icon-sun,.icon-superscript,.icon-table,.icon-tablet,.icon-tag,.icon-tags,.icon-tasks,.icon-terminal,.icon-text-height,.icon-text-width,.icon-th,.icon-th-large,.icon-th-list,.icon-thumbs-down,.icon-thumbs-down-2,.icon-thumbs-up,.icon-thumbs-up-2,.icon-ticket,.icon-time,.icon-tint,.icon-trash,.icon-trello,.icon-trophy,.icon-truck,.icon-tumblr,.icon-tumblr-sign,.icon-twitter,.icon-twitter-sign,.icon-umbrella,.icon-underline,.icon-undo,.icon-unlink,.icon-unlock,.icon-unlock-alt,.icon-upload,.icon-upload-alt,.icon-user,.icon-user-md,.icon-vk,.icon-volume-down,.icon-volume-off,.icon-volume-up,.icon-warning-sign,.icon-weibo,.icon-windows,.icon-won,.icon-wrench,.icon-xing,.icon-xing-sign,.icon-yen,.icon-youtube,.icon-youtube-play,.icon-youtube-sign,.icon-zoom-in,.icon-zoom-out {
    font-family: fontawesome-alloy;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-caret-bottom-right:before {
    content: "\e016"
}

.icon-glass:before {
    content: "\f000"
}

.icon-music:before {
    content: "\f001"
}

.icon-search:before {
    content: "\f002"
}

.icon-envelope:before {
    content: "\f003"
}

.icon-heart:before {
    content: "\f004"
}

.icon-star:before {
    content: "\f005"
}

.icon-star-empty:before {
    content: "\f006"
}

.icon-user:before {
    content: "\f007"
}

.icon-film:before {
    content: "\f008"
}

.icon-th-large:before {
    content: "\f009"
}

.icon-th:before {
    content: "\f00a"
}

.icon-th-list:before {
    content: "\f00b"
}

.icon-ok:before {
    content: "\f00c"
}

.icon-remove:before {
    content: "\f00d"
}

.icon-zoom-in:before {
    content: "\f00e"
}

.icon-zoom-out:before {
    content: "\f010"
}

.icon-off:before {
    content: "\f011"
}

.icon-signal:before {
    content: "\f012"
}

.icon-cog:before {
    content: "\f013"
}

.icon-trash:before {
    content: "\f014"
}

.icon-file:before {
    content: "\f016"
}

.icon-inbox:before {
    content: "\f01c"
}

.icon-play-circle:before {
    content: "\f01d"
}

.icon-repeat:before {
    content: "\f01e"
}

.icon-refresh:before {
    content: "\f021"
}

.icon-list-alt:before {
    content: "\f022"
}

.icon-lock:before {
    content: "\f023"
}

.icon-flag:before {
    content: "\f024"
}

.icon-headphones:before {
    content: "\f025"
}

.icon-volume-off:before {
    content: "\f026"
}

.icon-volume-down:before {
    content: "\f027"
}

.icon-volume-up:before {
    content: "\f028"
}

.icon-qrcode:before {
    content: "\f029"
}

.icon-barcode:before {
    content: "\f02a"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-tags:before {
    content: "\f02c"
}

.icon-book:before {
    content: "\f02d"
}

.icon-bookmark:before {
    content: "\f02e"
}

.icon-print:before {
    content: "\f02f"
}

.icon-camera:before {
    content: "\f030"
}

.icon-font:before {
    content: "\f031"
}

.icon-bold:before {
    content: "\f032"
}

.icon-italic:before {
    content: "\f033"
}

.icon-align-justify:before {
    content: "\f039"
}

.icon-list:before {
    content: "\f03a"
}

.icon-indent-left:before {
    content: "\f03b"
}

.icon-indent-right:before {
    content: "\f03c"
}

.icon-facetime-video:before {
    content: "\f03d"
}

.icon-picture:before {
    content: "\f03e"
}

.icon-pencil:before {
    content: "\f040"
}

.icon-map-marker:before {
    content: "\f041"
}

.icon-adjust:before {
    content: "\f042"
}

.icon-tint:before {
    content: "\f043"
}

.icon-edit:before {
    content: "\f044"
}

.icon-share:before {
    content: "\f045"
}

.icon-check:before {
    content: "\f046"
}

.icon-move:before {
    content: "\f047"
}

.icon-step-backward:before {
    content: "\f048"
}

.icon-fast-backward:before {
    content: "\f049"
}

.icon-backward:before {
    content: "\f04a"
}

.icon-play:before {
    content: "\f04b"
}

.icon-pause:before {
    content: "\f04c"
}

.icon-stop:before {
    content: "\f04d"
}

.icon-forward:before {
    content: "\f04e"
}

.icon-fast-forward:before {
    content: "\f050"
}

.icon-minus-sign:before {
    content: "\f056"
}

.icon-remove-sign:before {
    content: "\f057"
}

.icon-ok-sign:before {
    content: "\f058"
}

.icon-question-sign:before {
    content: "\f059"
}

.icon-info-sign:before {
    content: "\f05a"
}

.icon-screenshot:before {
    content: "\f05b"
}

.icon-remove-circle:before {
    content: "\f05c"
}

.icon-ok-circle:before {
    content: "\f05d"
}

.icon-ban-circle:before {
    content: "\f05e"
}

.icon-arrow-left:before {
    content: "\f061"
}

.icon-arrow-right:before {
    content: "\f060"
}

.icon-arrow-up:before {
    content: "\f062"
}

.icon-arrow-down:before {
    content: "\f063"
}

.icon-share-alt:before {
    content: "\f064"
}

.icon-resize-full:before {
    content: "\f065"
}

.icon-resize-small:before {
    content: "\f066"
}

.icon-plus:before {
    content: "\f067"
}

.icon-minus:before {
    content: "\f068"
}

.icon-asterisk:before {
    content: "\f069"
}

.icon-exclamation-sign:before {
    content: "\f06a"
}

.icon-gift:before {
    content: "\f06b"
}

.icon-leaf:before {
    content: "\f06c"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-random:before {
    content: "\f074"
}

.icon-comment:before {
    content: "\f075"
}

.icon-magnet:before {
    content: "\f076"
}

.icon-chevron-up:before {
    content: "\f077"
}

.icon-chevron-down:before {
    content: "\f078"
}

.icon-retweet:before {
    content: "\f079"
}

.icon-shopping-cart:before {
    content: "\f07a"
}

.icon-folder-close:before {
    content: "\f07b"
}

.icon-folder-open:before {
    content: "\f07c"
}

.icon-resize-vertical:before {
    content: "\f07d"
}

.icon-resize-horizontal:before {
    content: "\f07e"
}

.icon-bar-chart:before {
    content: "\f080"
}

.icon-twitter-sign:before {
    content: "\f081"
}

.icon-facebook-sign:before {
    content: "\f082"
}

.icon-camera-retro:before {
    content: "\f083"
}

.icon-key:before {
    content: "\f084"
}

.icon-cogs:before {
    content: "\f085"
}

.icon-comments:before {
    content: "\f086"
}

.icon-thumbs-up:before {
    content: "\f087"
}

.icon-thumbs-down:before {
    content: "\f088"
}

.icon-star-half:before {
    content: "\f089"
}

.icon-signin:before {
    content: "\f090"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-github-sign:before {
    content: "\f092"
}

.icon-upload-alt:before {
    content: "\f093"
}

.icon-lemon:before {
    content: "\f094"
}

.icon-phone:before {
    content: "\f095"
}

.icon-check-empty:before {
    content: "\f096"
}

.icon-bookmark-empty:before {
    content: "\f097"
}

.icon-phone-sign:before {
    content: "\f098"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-unlock:before {
    content: "\f09c"
}

.icon-credit:before {
    content: "\f09d"
}

.icon-rss:before {
    content: "\f09e"
}

.icon-hdd:before {
    content: "\f0a0"
}

.icon-bullhorn:before {
    content: "\f0a1"
}

.icon-bell:before {
    content: "\f0a2"
}

.icon-certificate:before {
    content: "\f0a3"
}

.icon-hand-right:before {
    content: "\f0a5"
}

.icon-hand-left:before {
    content: "\f0a4"
}

.icon-hand-up:before {
    content: "\f0a6"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-wrench:before {
    content: "\f0ad"
}

.icon-tasks:before {
    content: "\f0ae"
}

.icon-filter:before {
    content: "\f0b0"
}

.icon-briefcase:before {
    content: "\f0b1"
}

.icon-fullscreen:before {
    content: "\f0b2"
}

.icon-group:before {
    content: "\f0c0"
}

.icon-link:before {
    content: "\f0c1"
}

.icon-cloud:before {
    content: "\f0c2"
}

.icon-beaker:before {
    content: "\f0c3"
}

.icon-cut:before {
    content: "\f0c4"
}

.icon-copy:before {
    content: "\f0c5"
}

.icon-paper-clip:before {
    content: "\f0c6"
}

.icon-save:before {
    content: "\f0c7"
}

.icon-sign-blank:before {
    content: "\f0c8"
}

.icon-reorder:before {
    content: "\f0c9"
}

.icon-list-ul:before {
    content: "\f0ca"
}

.icon-list-ol:before {
    content: "\f0cb"
}

.icon-strikethrough:before {
    content: "\f0cc"
}

.icon-underline:before {
    content: "\f0cd"
}

.icon-table:before {
    content: "\f0ce"
}

.icon-magic:before {
    content: "\f0d0"
}

.icon-money:before {
    content: "\f0d6"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0da"
}

.icon-caret-right:before {
    content: "\f0d9"
}

.icon-columns:before {
    content: "\f0db"
}

.icon-sort:before {
    content: "\f0dc"
}

.icon-sort-down:before {
    content: "\f0dd"
}

.icon-sort-up:before {
    content: "\f0de"
}

.icon-envelope-alt:before {
    content: "\f0e0"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-undo:before {
    content: "\f0e2"
}

.icon-legal:before {
    content: "\f0e3"
}

.icon-dashboard:before {
    content: "\f0e4"
}

.icon-comment-alt:before {
    content: "\f0e5"
}

.icon-comments-alt:before {
    content: "\f0e6"
}

.icon-bolt:before {
    content: "\f0e7"
}

.icon-sitemap:before {
    content: "\f0e8"
}

.icon-umbrella:before {
    content: "\f0e9"
}

.icon-paste:before {
    content: "\f0ea"
}

.icon-lightbulb:before {
    content: "\f0eb"
}

.icon-exchange:before {
    content: "\f0ec"
}

.icon-bell-alt:before {
    content: "\f0f3"
}

.icon-coffee:before {
    content: "\f0f4"
}

.icon-food:before {
    content: "\f0f5"
}

.icon-file-alt:before {
    content: "\f0f6"
}

.icon-building:before {
    content: "\f0f7"
}

.icon-hospital:before {
    content: "\f0f8"
}

.icon-ambulance:before {
    content: "\f0f9"
}

.icon-medkit:before {
    content: "\f0fa"
}

.icon-fighter-jet:before {
    content: "\f0fb"
}

.icon-beer:before {
    content: "\f0fc"
}

.icon-h-sign:before {
    content: "\f0fd"
}

.icon-plus-sign:before {
    content: "\f0fe"
}

.icon-double-angle-left:before {
    content: "\f101"
}

.icon-double-angle-right:before {
    content: "\f100"
}

.icon-double-angle-up:before {
    content: "\f102"
}

.icon-double-angle-down:before {
    content: "\f103"
}

.icon-angle-left:before {
    content: "\f105"
}

.icon-angle-right:before {
    content: "\f104"
}

.icon-angle-up:before {
    content: "\f106"
}

.icon-angle-down:before {
    content: "\f107"
}

.icon-desktop:before {
    content: "\f108"
}

.icon-laptop:before {
    content: "\f109"
}

.icon-spinner:before {
    content: "\f110"
}

.icon-circle:before {
    content: "\f111"
}

.icon-reply:before {
    content: "\f112"
}

.icon-github-alt:before {
    content: "\f113"
}

.icon-folder-close-alt:before {
    content: "\f114"
}

.icon-folder-open-alt:before {
    content: "\f115"
}

.icon-expand-alt:before {
    content: "\f116"
}

.icon-collapse-alt:before {
    content: "\f117"
}

.icon-smile:before {
    content: "\f118"
}

.icon-frown:before {
    content: "\f119"
}

.icon-meh:before {
    content: "\f11a"
}

.icon-gamepad:before {
    content: "\f11b"
}

.icon-keyboard:before {
    content: "\f11c"
}

.icon-flag-alt:before {
    content: "\f11d"
}

.icon-flag-checkered:before {
    content: "\f11e"
}

.icon-terminal:before {
    content: "\f120"
}

.icon-code:before {
    content: "\f121"
}

.icon-reply-all:before {
    content: "\f122"
}

.icon-star-half-full:before {
    content: "\f123"
}

.icon-location-arrow:before {
    content: "\f124"
}

.icon-crop:before {
    content: "\f125"
}

.icon-code-fork:before {
    content: "\f126"
}

.icon-subscript:before {
    content: "\f12c"
}

.icon-eraser:before {
    content: "\f12d"
}

.icon-puzzle:before {
    content: "\f12e"
}

.icon-microphone:before {
    content: "\f130"
}

.icon-microphone-off:before {
    content: "\f131"
}

.icon-shield:before {
    content: "\f132"
}

.icon-calendar-empty:before {
    content: "\f133"
}

.icon-fire-extinguisher:before {
    content: "\f134"
}

.icon-rocket:before {
    content: "\f135"
}

.icon-maxcdn:before {
    content: "\f136"
}

.icon-chevron-sign-left:before {
    content: "\f138"
}

.icon-chevron-sign-right:before {
    content: "\f137"
}

.icon-chevron-sign-up:before {
    content: "\f139"
}

.icon-chevron-sign-down:before {
    content: "\f13a"
}

.icon-html5:before {
    content: "\f13b"
}

.icon-css3:before {
    content: "\f13c"
}

.icon-anchor:before {
    content: "\f13d"
}

.icon-unlock-alt:before {
    content: "\f13e"
}

.icon-bullseye:before {
    content: "\f140"
}

.icon-ellipsis-horizontal:before {
    content: "\f141"
}

.icon-ellipsis-vertical:before {
    content: "\f142"
}

.icon-rss-sign:before {
    content: "\f143"
}

.icon-fb-boolean:before {
    content: "\e008"
}

.icon-text-height:before {
    content: "\f034"
}

.icon-text-width:before {
    content: "\f035"
}

.icon-align-left:before {
    content: "\f036"
}

.icon-align-center:before {
    content: "\f037"
}

.icon-align-right:before {
    content: "\f038"
}

.icon-step-forward:before {
    content: "\f051"
}

.icon-eject:before {
    content: "\f052"
}

.icon-chevron-left:before {
    content: "\f054"
}

.icon-chevron-right:before {
    content: "\f053"
}

.icon-plus-sign-2:before {
    content: "\f055"
}

.icon-fire:before {
    content: "\f06d"
}

.icon-eye-open:before {
    content: "\f06e"
}

.icon-eye-close:before {
    content: "\f070"
}

.icon-warning-sign:before {
    content: "\f071"
}

.icon-plane:before {
    content: "\f072"
}

.icon-heart-empty:before {
    content: "\f08a"
}

.icon-signout:before {
    content: "\f08b"
}

.icon-linkedin-sign:before {
    content: "\f08c"
}

.icon-pushpin:before {
    content: "\f08d"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-hand-down:before {
    content: "\f0a7"
}

.icon-circle-arrow-left:before {
    content: "\f0a9"
}

.icon-circle-arrow-right:before {
    content: "\f0a8"
}

.icon-circle-arrow-up:before {
    content: "\f0aa"
}

.icon-circle-arrow-down:before {
    content: "\f0ab"
}

.icon-truck:before {
    content: "\f0d1"
}

.icon-pinterest:before {
    content: "\f0d2"
}

.icon-pinterest-sign:before {
    content: "\f0d3"
}

.icon-google-plus-sign:before {
    content: "\f0d4"
}

.icon-google-plus:before {
    content: "\f0d5"
}

.icon-cloud-download:before {
    content: "\f0ed"
}

.icon-cloud-upload:before {
    content: "\f0ee"
}

.icon-user-md:before {
    content: "\f0f0"
}

.icon-stethoscope:before {
    content: "\f0f1"
}

.icon-suitcase:before {
    content: "\f0f2"
}

.icon-tablet:before {
    content: "\f10a"
}

.icon-mobile:before {
    content: "\f10b"
}

.icon-circle-blank:before {
    content: "\f10c"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-unlink:before {
    content: "\f127"
}

.icon-question:before {
    content: "\f128"
}

.icon-info:before {
    content: "\f129"
}

.icon-exclamation:before {
    content: "\f12a"
}

.icon-superscript:before {
    content: "\f12b"
}

.icon-play-sign:before {
    content: "\f144"
}

.icon-ticket:before {
    content: "\f145"
}

.icon-minus-sign-alt:before {
    content: "\f146"
}

.icon-check-minus:before {
    content: "\f147"
}

.icon-level-up:before {
    content: "\f148"
}

.icon-sort-by-attributes-alt:before {
    content: "\f161"
}

.icon-sort-by-order:before {
    content: "\f162"
}

.icon-sort-by-order-alt:before {
    content: "\f163"
}

.icon-thumbs-up-2:before {
    content: "\f164"
}

.icon-thumbs-down-2:before {
    content: "\f165"
}

.icon-dribbble:before {
    content: "\f17d"
}

.icon-skype:before {
    content: "\f17e"
}

.icon-foursquare:before {
    content: "\f180"
}

.icon-trello:before {
    content: "\f181"
}

.icon-female:before {
    content: "\f182"
}

.icon-level-down:before {
    content: "\f149"
}

.icon-check-sign:before {
    content: "\f14a"
}

.icon-edit-sign:before {
    content: "\f14b"
}

.icon-external-link-sign:before {
    content: "\f14c"
}

.icon-share-sign:before {
    content: "\f14d"
}

.icon-compass:before {
    content: "\f14e"
}

.icon-collapse:before {
    content: "\f150"
}

.icon-collapse-top:before {
    content: "\f151"
}

.icon-expand:before {
    content: "\f152"
}

.icon-euro:before {
    content: "\f153"
}

.icon-gbp:before {
    content: "\f154"
}

.icon-dollar:before {
    content: "\f155"
}

.icon-rupee:before {
    content: "\f156"
}

.icon-yen:before {
    content: "\f157"
}

.icon-renminbi:before {
    content: "\f158"
}

.icon-won:before {
    content: "\f159"
}

.icon-bitcoin:before {
    content: "\f15a"
}

.icon-file-2:before {
    content: "\f15b"
}

.icon-file-text:before {
    content: "\f15c"
}

.icon-sort-by-alphabet:before {
    content: "\f15d"
}

.icon-sort-by-alphabet-alt:before {
    content: "\f15e"
}

.icon-sort-by-attributes:before {
    content: "\f160"
}

.icon-youtube-sign:before {
    content: "\f166"
}

.icon-youtube:before {
    content: "\f167"
}

.icon-xing:before {
    content: "\f168"
}

.icon-xing-sign:before {
    content: "\f169"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-dropbox:before {
    content: "\f16b"
}

.icon-stackexchange:before {
    content: "\f16c"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-flickr:before {
    content: "\f16e"
}

.icon-adn:before {
    content: "\f170"
}

.icon-bitbucket:before {
    content: "\f171"
}

.icon-bitbucket-sign:before {
    content: "\f172"
}

.icon-tumblr:before {
    content: "\f173"
}

.icon-tumblr-sign:before {
    content: "\f174"
}

.icon-long-arrow-down:before {
    content: "\f175"
}

.icon-long-arrow-up:before {
    content: "\f176"
}

.icon-long-arrow-left:before {
    content: "\f178"
}

.icon-long-arrow-right:before {
    content: "\f177"
}

.icon-apple:before {
    content: "\f179"
}

.icon-windows:before {
    content: "\f17a"
}

.icon-android:before {
    content: "\f17b"
}

.icon-linux:before {
    content: "\f17c"
}

.icon-male:before {
    content: "\f183"
}

.icon-gittip:before {
    content: "\f184"
}

.icon-sun:before {
    content: "\f185"
}

.icon-moon:before {
    content: "\f186"
}

.icon-archive:before {
    content: "\f187"
}

.icon-bug:before {
    content: "\f188"
}

.icon-vk:before {
    content: "\f189"
}

.icon-weibo:before {
    content: "\f18a"
}

.icon-renren:before {
    content: "\f18b"
}

.icon-time:before {
    content: "\f017"
}

.icon-road:before {
    content: "\f018"
}

.icon-download-alt:before {
    content: "\f019"
}

.icon-download:before {
    content: "\f01a"
}

.icon-upload:before {
    content: "\f01b"
}

.icon-db-joinxor:before {
    content: "\e006"
}

.icon-db-state:before {
    content: "\e009"
}

.icon-db-start:before {
    content: "\e00b"
}

.icon-db-end:before {
    content: "\e00a"
}

.icon-db-fork:before {
    content: "\e00c"
}

.icon-db-condition:before {
    content: "\e00e"
}

.icon-db-task:before {
    content: "\e00d"
}

.icon-db-join:before {
    content: "\e00f"
}

.icon-fb-button:before {
    content: "\e010"
}

.icon-fb-fieldset:before {
    content: "\e011"
}

.icon-fb-custom-field:before {
    content: "\e012"
}

.icon-fb-separator:before {
    content: "\e013"
}

.icon-fb-paragraph:before {
    content: "\e014"
}

.icon-fb-file-upload:before {
    content: "\e015"
}

.icon-fb-text:before {
    content: "\e000"
}

.icon-fb-text-box:before {
    content: "\e001"
}

.icon-fb-select:before {
    content: "\e002"
}

.icon-fb-radio:before {
    content: "\e003"
}

.icon-fb-number:before {
    content: "\e004"
}

.icon-fb-integer:before {
    content: "\e005"
}

.icon-fb-decimal:before {
    content: "\e007"
}

.icon-btc:before {
    content: "\f15a"
}

.icon-cny:before {
    content: "\f158"
}

.icon-eur:before {
    content: "\f153"
}

.icon-gear:before {
    content: "\f013"
}

.icon-gears:before {
    content: "\f085"
}

.icon-inr:before {
    content: "\f156"
}

.icon-jpy:before {
    content: "\f157"
}

.icon-krw:before {
    content: "\f159"
}

.icon-mail-forward:before {
    content: "\f064"
}

.icon-mail-reply:before {
    content: "\f112"
}

.icon-paperclip:before {
    content: "\f0c6"
}

.icon-power-off:before {
    content: "\f011"
}

.icon-rotate-left:before {
    content: "\f0e2"
}

.icon-rotate-right:before {
    content: "\f01e"
}

.icon-star-half-empty:before {
    content: "\f123"
}

.icon-unchecked:before {
    content: "\f096"
}

.icon-usd:before {
    content: "\f155"
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url(../font/glyphicons-halflings-regular.eot);
    src: url(../font/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../font/glyphicons-halflings-regular.woff2) format("woff2"),url(../font/glyphicons-halflings-regular.woff) format("woff"),url(../font/glyphicons-halflings-regular.ttf) format("truetype"),url(../font/glyphicons-halflings-regular.svgglyphicons_halflingsregular) format("svg")
}

.glyphicon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px
}

.glyphicon-asterisk:before {
    content: "*"
}

.glyphicon-plus:before {
    content: "+"
}

.glyphicon-eur:before,.glyphicon-euro:before {
    content: "€"
}

.glyphicon-minus:before {
    content: "−"
}

.glyphicon-cloud:before {
    content: "☁"
}

.glyphicon-envelope:before {
    content: "✉"
}

.glyphicon-pencil:before {
    content: "✏"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "⛺"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "⌛"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "¥"
}

.glyphicon-jpy:before {
    content: "¥"
}

.glyphicon-ruble:before {
    content: "₽"
}

.glyphicon-rub:before {
    content: "₽"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #0b5fff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #da1414;
    --orange: #b95000;
    --yellow: #ffc107;
    --green: #287d3d;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #FFF;
    --gray: #6b6c7e;
    --gray-dark: #393a4a;
    --primary: #0b5fff;
    --secondary: #6b6c7e;
    --success: #287d3d;
    --info: #2e5aac;
    --warning: #b95000;
    --danger: #da1414;
    --light: #f1f2f5;
    --dark: #272833;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1280px;
    --font-family-sans-serif: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

*,::after,::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #272833;
    text-align: right;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-right: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: 900
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}



a:hover {
    color: #004ad7;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #a7a9bc;
    text-align: right;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

select {
    word-wrap: normal
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2
}

.h1,h1 {
    font-size: 1.625rem
}

.h2,h2 {
    font-size: 1.375rem
}

.h3,h3 {
    font-size: 1.1875rem
}

.h4,h4 {
    font-size: 1rem
}

.h5,h5 {
    font-size: .875rem
}

.h6,h6 {
    font-size: .8125rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 400
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.small,small {
    font-size: .875rem;
    font-weight: 400
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-right: 0;
    list-style: none
}

.list-inline {
    padding-right: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-left: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875rem;
    color: #6b6c7e
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #e7e7ed;
    border-radius: .25rem;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6b6c7e
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #272833;
    border-radius: .1875rem;
    -webkit-box-shadow: inset 0 -.1rem 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -.1rem 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    font-size: 87.5%;
    color: #272833
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media(min-width: 1280px) {
    .container {
        max-width:1248px
    }
}

.container-fluid {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto
}

.form-horizontal>.form-group, .row {
 
    position: relative; /* تأكد من وجود هذا لتحديد الموقع الصحيح */
}

.row.renewal-plan-card-div {
    transition: transform 0.3s ease; /* إضافة تأثيرات عند التحريك */
    will-change: transform; /* تحسين الأداء عند التحريك */
}

.no-gutters {
    margin-left: 0;
    margin-right: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1,.col-xs-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2,.col-xs-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3,.col-xs-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4,.col-xs-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5,.col-xs-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6,.col-xs-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7,.col-xs-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8,.col-xs-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9,.col-xs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10,.col-xs-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11,.col-xs-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12,.col-xs-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.modal-header .btn-toolbar+.modal-title,.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.modal-header .btn-toolbar,.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.offset-0 {
    margin-right: 0 !important
}

.offset-1 {
    margin-right: 8.33333%
}

.offset-2 {
    margin-right: 16.66667%
}

.offset-3 {
    margin-right: 25%
}

.offset-4 {
    margin-right: 33.33333%
}

.offset-5 {
    margin-right: 41.66667%
}

.offset-6 {
    margin-right: 50%
}

.offset-7 {
    margin-right: 58.33333%
}

.offset-8 {
    margin-right: 66.66667%
}

.offset-9 {
    margin-right: 75%
}

.offset-10 {
    margin-right: 83.33333%
}

.offset-11 {
    margin-right: 91.66667%
}

@media(min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-right: 0
    }

    .offset-sm-1 {
        margin-right: 8.33333%
    }

    .offset-sm-2 {
        margin-right: 16.66667%
    }

    .offset-sm-3 {
        margin-right: 25%
    }

    .offset-sm-4 {
        margin-right: 33.33333%
    }

    .offset-sm-5 {
        margin-right: 41.66667%
    }

    .offset-sm-6 {
        margin-right: 50%
    }

    .offset-sm-7 {
        margin-right: 58.33333%
    }

    .offset-sm-8 {
        margin-right: 66.66667%
    }

    .offset-sm-9 {
        margin-right: 75%
    }

    .offset-sm-10 {
        margin-right: 83.33333%
    }

    .offset-sm-11 {
        margin-right: 91.66667%
    }
}

@media(min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-right: 0
    }

    .offset-md-1 {
        margin-right: 8.33333%
    }

    .offset-md-2 {
        margin-right: 16.66667%
    }

    .offset-md-3 {
        margin-right: 25%
    }

    .offset-md-4 {
        margin-right: 33.33333%
    }

    .offset-md-5 {
        margin-right: 41.66667%
    }

    .offset-md-6 {
        margin-right: 50%
    }

    .offset-md-7 {
        margin-right: 58.33333%
    }

    .offset-md-8 {
        margin-right: 66.66667%
    }

    .offset-md-9 {
        margin-right: 75%
    }

    .offset-md-10 {
        margin-right: 83.33333%
    }

    .offset-md-11 {
        margin-right: 91.66667%
    }
}

@media(min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-right: 0
    }

    .offset-lg-1 {
        margin-right: 8.33333%
    }

    .offset-lg-2 {
        margin-right: 16.66667%
    }

    .offset-lg-3 {
        margin-right: 25%
    }

    .offset-lg-4 {
        margin-right: 33.33333%
    }

    .offset-lg-5 {
        margin-right: 41.66667%
    }

    .offset-lg-6 {
        margin-right: 50%
    }

    .offset-lg-7 {
        margin-right: 58.33333%
    }

    .offset-lg-8 {
        margin-right: 66.66667%
    }

    .offset-lg-9 {
        margin-right: 75%
    }

    .offset-lg-10 {
        margin-right: 83.33333%
    }

    .offset-lg-11 {
        margin-right: 91.66667%
    }
}

@media(min-width: 1280px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-right: 0
    }

    .offset-xl-1 {
        margin-right: 8.33333%
    }

    .offset-xl-2 {
        margin-right: 16.66667%
    }

    .offset-xl-3 {
        margin-right: 25%
    }

    .offset-xl-4 {
        margin-right: 33.33333%
    }

    .offset-xl-5 {
        margin-right: 41.66667%
    }

    .offset-xl-6 {
        margin-right: 50%
    }

    .offset-xl-7 {
        margin-right: 58.33333%
    }

    .offset-xl-8 {
        margin-right: 66.66667%
    }

    .offset-xl-9 {
        margin-right: 75%
    }

    .offset-xl-10 {
        margin-right: 83.33333%
    }

    .offset-xl-11 {
        margin-right: 91.66667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #272833;
    background-color: #fff
}

.table td,.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #e7e7ed
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e7e7ed
}

.table tbody+tbody {
    border-top: 2px solid #e7e7ed
}

.table-sm td,.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #e7e7ed
}

.table-bordered td,.table-bordered th {
    border: 1px solid #e7e7ed
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f8f9
}

.table-hover tbody tr:hover {
    color: #272833;
    background-color: #f0f5ff
}

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #bbd2ff
}

.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
    border-color: #80acff
}

.table-hover .table-primary:hover {
    background-color: #a2c1ff
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #a2c1ff
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #d6d6db
}

.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
    border-color: #b2b3bc
}

.table-hover .table-secondary:hover {
    background-color: #c8c8cf
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c8c8cf
}

.table-success,.table-success>td,.table-success>th {
    background-color: #c3dbc9
}

.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
    border-color: #8fbb9a
}

.table-hover .table-success:hover {
    background-color: #b3d1bb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #b3d1bb
}

.table-info,.table-info>td,.table-info>th {
    background-color: #c4d1e8
}

.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
    border-color: #92a9d4
}

.table-hover .table-info:hover {
    background-color: #b2c3e1
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #b2c3e1
}

.table-warning,.table-warning>td,.table-warning>th {
    background-color: #ebceb8
}

.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
    border-color: #dba47a
}

.table-hover .table-warning:hover {
    background-color: #e5c0a4
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #e5c0a4
}

.table-danger,.table-danger>td,.table-danger>th {
    background-color: #f5bdbd
}

.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
    border-color: #ec8585
}

.table-hover .table-danger:hover {
    background-color: #f2a7a7
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #f2a7a7
}

.table-light,.table-light>td,.table-light>th {
    background-color: #fbfbfc
}

.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
    border-color: #f8f8fa
}

.table-hover .table-light:hover {
    background-color: #ececf1
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #ececf1
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #c3c3c6
}

.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #8f8f95
}

.table-hover .table-dark:hover {
    background-color: #b6b6ba
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b6b6ba
}

.table-active,.table-active>td,.table-active>th {
    background-color: #f0f5ff
}

.table-hover .table-active:hover {
    background-color: #d6e4ff
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: #d6e4ff
}

.table .thead-dark th {
    color: #fff;
    background-color: #393a4a;
    border-color: #4a4b60
}

.table .thead-light th {
    color: #6b6c7e;
    background-color: #fff;
    border-color: #e7e7ed
}

.table-dark {
    color: #fff;
    background-color: #393a4a
}

.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #4a4b60
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255,255,255,.075)
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media(max-width: 1279.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: .4375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #272833;
    background-color: #f1f2f5;
    background-clip: padding-box;
    border: .0625rem solid #e7e7ed;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #272833;
    background-color: #f0f5ff;
    border-color: #80acff;
    outline: 0;
    -webkit-box-shadow: 0 0 transparent,0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 transparent,0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.form-control::-webkit-input-placeholder {
    color: #6b6c7e;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6b6c7e;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6b6c7e;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6b6c7e;
    opacity: 1
}

.form-control::placeholder {
    color: #6b6c7e;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #f1f2f5;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #272833;
    background-color: #f1f2f5
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .4375rem;
    padding-bottom: .4375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #272833;
    background-color: transparent;
    border: solid transparent;
    border-width: .0625rem 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.form-control-plaintext.input-lg,.form-control-plaintext.input-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-sm>.form-control-plaintext.form-control {
    padding-left: 0;
    padding-right: 0
}

.form-control-sm,.input-group-sm>.form-control,.input-sm {
    height: 2rem;
    padding: .25rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .1875rem
}

.form-control-lg,.input-group-lg>.form-control,.input-lg {
    height: 3rem;
    padding: .4375rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .375rem
}

select.form-control[multiple],select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1.5rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-right: 0
}

.form-check-input {
    position: absolute;
    margin-top: 0;
    margin-right: 0
}

.form-check-input:disabled~.form-check-label {
    color: #a7a9bc
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
    margin-left: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-left: auto;
    margin-right: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875rem;
    color: #287d3d
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .75rem .75rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #287d3d;
    border-radius: .25rem
}

.form-control.is-valid,.was-validated .form-control:valid {
    border-color: #287d3d;
    padding-left: 2.375rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23287D3D' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center left calc(.375em + .21875rem);
    background-size: calc(.75em + .4375rem) calc(.75em + .4375rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #287d3d;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40,125,61,.25);
    box-shadow: 0 0 0 .2rem rgba(40,125,61,.25)
}

.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-left: 2.375rem;
    background-position: top calc(.375em + .21875rem) left calc(.375em + .21875rem)
}

.custom-select.is-valid,.was-validated .custom-select:valid {
    border-color: #287d3d;
    padding-left: calc((1em + .875rem) * 3 / 4 + 2rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23393A4A' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 1rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23287D3D' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right 2rem/calc(.75em + .4375rem) calc(.75em + .4375rem)
}

.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
    border-color: #287d3d;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40,125,61,.25);
    box-shadow: 0 0 0 .2rem rgba(40,125,61,.25)
}

.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip {
    display: block
}

.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #287d3d
}

.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
    color: #287d3d
}

.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #287d3d
}

.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34a450;
    background-color: #34a450
}

.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40,125,61,.25);
    box-shadow: 0 0 0 .2rem rgba(40,125,61,.25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #287d3d
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #287d3d
}

.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #287d3d;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40,125,61,.25);
    box-shadow: 0 0 0 .2rem rgba(40,125,61,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875rem;
    color: #da1414
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .75rem .75rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #da1414;
    border-radius: .25rem
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #da1414;
    padding-left: 2.375rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23DA1414' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23DA1414' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center left calc(.375em + .21875rem);
    background-size: calc(.75em + .4375rem) calc(.75em + .4375rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #da1414;
    -webkit-box-shadow: 0 0 0 .2rem rgba(218,20,20,.25);
    box-shadow: 0 0 0 .2rem rgba(218,20,20,.25)
}

.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-left: 2.375rem;
    background-position: top calc(.375em + .21875rem) left calc(.375em + .21875rem)
}

.custom-select.is-invalid,.was-validated .custom-select:invalid {
    border-color: #da1414;
    padding-left: calc((1em + .875rem) * 3 / 4 + 2rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23393A4A' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 1rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23DA1414' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23DA1414' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #f1f2f5 no-repeat center right 2rem/calc(.75em + .4375rem) calc(.75em + .4375rem)
}

.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
    border-color: #da1414;
    -webkit-box-shadow: 0 0 0 .2rem rgba(218,20,20,.25);
    box-shadow: 0 0 0 .2rem rgba(218,20,20,.25)
}

.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip {
    display: block
}

.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #da1414
}

.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #da1414
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #da1414
}

.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #ec3535;
    background-color: #ec3535
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 .2rem rgba(218,20,20,.25);
    box-shadow: 0 0 0 .2rem rgba(218,20,20,.25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #da1414
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #da1414
}

.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #da1414;
    -webkit-box-shadow: 0 0 0 .2rem rgba(218,20,20,.25);
    box-shadow: 0 0 0 .2rem rgba(218,20,20,.25)
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media(min-width: 576px) {
    .form-inline label {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,.form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-right: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-left: .25rem;
        margin-right: 0
    }

    .form-inline .custom-control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.fade {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        -webkit-transition: none;
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        -webkit-transition: none;
        transition: none
    }
}

.dropdown,.dropleft,.dropright,.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 240px;
    padding: .375rem 0;
    margin: .3125rem 0 0;
    font-size: .875rem;
    color: #272833;
    text-align: right;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid #e7e7ed;
    border-radius: .25rem;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0,0,0,.3) !important;
    box-shadow: 0 1px 5px -1px rgba(0,0,0,.3) !important
}

.dropdown-menu-left {
    left: auto;
    right: 0
}

.dropdown-menu-right {
    left: 0;
    right: auto
}

@media(min-width: 576px) {
    .dropdown-menu-sm-left {
        left:auto;
        right: 0
    }

    .dropdown-menu-sm-right {
        left: 0;
        right: auto
    }
}

@media(min-width: 768px) {
    .dropdown-menu-md-left {
        left:auto;
        right: 0
    }

    .dropdown-menu-md-right {
        left: 0;
        right: auto
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-left {
        left:auto;
        right: 0
    }

    .dropdown-menu-lg-right {
        left: 0;
        right: auto
    }
}

@media(min-width: 1280px) {
    .dropdown-menu-xl-left {
        left:auto;
        right: 0
    }

    .dropdown-menu-xl-right {
        left: 0;
        right: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .3125rem
}

.dropright .dropdown-menu {
    top: 0;
    left: auto;
    right: 100%;
    margin-top: 0;
    margin-right: .3125rem
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto;
    margin-top: 0;
    margin-left: .3125rem
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
    left: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e7e7ed
}

.dropdown-item,.dropdown-menu .link-list>li>a,.dropdown-menu>li>a {
    display: block;
    width: 100%;
    padding: .5rem 1.25rem;
    clear: both;
    font-weight: 400;
    color: #6b6c7e;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover,.dropdown-menu .link-list>li>a:focus,.dropdown-menu .link-list>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #272833;
    text-decoration: none;
    background-color: #f0f5ff
}

.dropdown-item.active,.dropdown-item:active,.dropdown-menu .link-list>li>a.active,.dropdown-menu .link-list>li>a:active,.dropdown-menu .nav-underline .tab.active .link-list>li>a,.dropdown-menu>li>a.active,.dropdown-menu>li>a:active,.nav-underline .tab.active .dropdown-menu .link-list>li>a,.nav-underline .tab.active .dropdown-menu>li>a,.nav-underline .tab.active a.dropdown-item {
    color: #272833;
    text-decoration: none;
    background-color: #f0f5ff
}

.dropdown-item.disabled,.dropdown-item:disabled,.dropdown-menu .link-list>.disabled>a,.dropdown-menu .link-list>li>a.disabled,.dropdown-menu .link-list>li>a:disabled,.dropdown-menu>li.disabled>a,.dropdown-menu>li>a.disabled,.dropdown-menu>li>a:disabled {
    color: #a7a9bc;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .375rem 1.25rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6b6c7e;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .5rem 1.25rem;
    color: #6b6c7e
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.nav-underline .tab.active .btn-group-vertical>a.btn,.nav-underline .tab.active .btn-group>a.btn {
    z-index: 1
}

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
    margin-right: -1px
}

.btn-group-item>.btn-group-item:not(:last-child)>.btn,.btn-group-item>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dropdown-toggle-split {
    padding-left: .70312rem;
    padding-right: .70312rem
}

.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
    margin-right: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-left: 0
}

.btn-group-sm .btn-group>.btn+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split,.btn-xs+.dropdown-toggle-split {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.btn-group-lg .btn-group>.btn+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-left: 1.125rem;
    padding-right: 1.125rem
}

.btn-group.show .dropdown-toggle {
    -webkit-box-shadow: inset 0 0 transparent;
    box-shadow: inset 0 0 transparent
}

.btn-group.show .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control {
    margin-right: -.0625rem
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,.input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn,.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
    margin-right: -.0625rem
}

.input-group-prepend {
    margin-left: -.0625rem
}

.input-group-append {
    margin-right: -.0625rem
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .4375rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6b6c7e;
    text-align: center;
    white-space: nowrap;
    background-color: #e7e7ed;
    border: .0625rem solid #e7e7ed;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) {
    height: 3rem
}

.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .4375rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .375rem
}

.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) {
    height: 2rem
}

.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .1875rem
}

.input-group-lg>.custom-select,.input-group-sm>.custom-select {
    padding-left: 2rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-right: 1.5625rem
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #0b5fff;
    background-color: #0b5fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 transparent,0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 transparent,0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #cdced9
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #fff;
    border-color: #cdced9;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1)
}

.custom-control-input:disabled~.custom-control-label {
    color: #6b6c7e
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #f1f2f5
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .21875rem;
    right: -1.5625rem;
    display: block;
    width: 1.0625rem;
    height: 1.0625rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #cdced9 solid .0625rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-control-label::after {
    position: absolute;
    top: .21875rem;
    right: -1.5625rem;
    display: block;
    width: 1.0625rem;
    height: 1.0625rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .125rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M502.091%2060.993c-9.909-9.91-25.962-9.91-35.843%200L129.26%20397.981%2045.752%20314.53c-9.881-9.909-25.962-9.909-35.843%200-9.909%209.909-9.909%2025.962%200%2035.843l98.257%2098.257c2.608%202.608%205.679%204.433%208.924%205.679%204.028%202.464%208.403%204.115%2012.952%204.115%206.49%200%2012.981-2.464%2017.936-7.418L502.09%2096.865c9.909-9.909%209.909-25.962%200-35.871v-.001z'%20fill='%23FFF'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #0b5fff;
    background-color: #0b5fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.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='%23FFF' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #b3cdff
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: #b3cdff
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #b3cdff
}

.custom-switch {
    padding-right: 2.35938rem
}

.custom-switch .custom-control-label::before {
    right: -2.35938rem;
    width: 1.85938rem;
    pointer-events: all;
    border-radius: .53125rem
}

.custom-switch .custom-control-label::after {
    top: .34375rem;
    right: -2.23438rem;
    width: .8125rem;
    height: .8125rem;
    background-color: #cdced9;
    border-radius: .53125rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        -webkit-transition: none;
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.79688rem);
    transform: translateX(.79688rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #b3cdff
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    padding: .4375rem 1rem .4375rem 2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #272833;
    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='%23393A4A' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 1rem center/8px 10px;
    background-color: #f1f2f5;
    border: .0625rem solid #e7e7ed;
    border-radius: .25rem;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80acff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .2rem rgba(11,95,255,.25);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .2rem rgba(11,95,255,.25)
}

.custom-select:focus::-ms-value {
    color: #272833;
    background-color: #f1f2f5
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-left: 1rem;
    background-image: none
}

.custom-select:disabled {
    color: #6b6c7e;
    background-color: #f1f2f5
}

.custom-select::-ms-expand {
    display: none
}

.custom-select-sm {
    height: 2rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-right: .75rem;
    font-size: .875rem
}

.custom-select-lg {
    height: 3rem;
    padding-top: .4375rem;
    padding-bottom: .4375rem;
    padding-right: 1rem;
    font-size: 1.125rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80acff;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #f1f2f5
}

.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;
    left: 0;
    right: 0;
    z-index: 1;
    height: 2.5rem;
    padding: .4375rem 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #272833;
    background-color: #f1f2f5;
    border: .0625rem solid #e7e7ed;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.375rem;
    padding: .4375rem 1rem;
    line-height: 1.5;
    color: #272833;
    content: "Browse";
    background-color: #e7e7ed;
    border-right: inherit;
    border-radius: .25rem 0 0 .25rem
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 1px #fff,0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0b5fff;
    border: 0;
    border-radius: 1rem;
    -webkit-box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #bed4ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e7e7ed;
    border-color: transparent;
    border-radius: 1rem;
    -webkit-box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1);
    box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1)
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0b5fff;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #bed4ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e7e7ed;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1)
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-left: .2rem;
    margin-right: .2rem;
    background-color: #0b5fff;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #bed4ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem;
    box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1)
}

.custom-range::-ms-fill-lower {
    background-color: #e7e7ed;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-left: 15px;
    background-color: #e7e7ed;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #a7a9bc
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #a7a9bc
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #a7a9bc
}

.custom-control-label::before,.custom-file-label,.custom-select {
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-control-label::before,.custom-file-label,.custom-select {
        -webkit-transition: none;
        transition: none
    }
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link,.nav-underline .tab a {
    display: block;
    padding: .625rem 1rem
}

.nav-link:focus,.nav-link:hover,.nav-underline .tab a:focus,.nav-underline .tab a:hover {
    text-decoration: none
}

.nav-link.disabled,.nav-underline .tab a.disabled {
    color: #a7a9bc;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid transparent
}

.nav-tabs .nav-item,.nav-tabs .nav-underline .tab,.nav-underline .nav-tabs .tab {
    margin-bottom: -1px
}

.nav-tabs .nav-link,.nav-tabs .nav-underline .tab a,.nav-underline .tab .nav-tabs a {
    border: 1px solid transparent;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover,.nav-tabs .nav-underline .tab a:focus,.nav-tabs .nav-underline .tab a:hover,.nav-underline .tab .nav-tabs a:focus,.nav-underline .tab .nav-tabs a:hover {
    border-color: transparent
}

.nav-tabs .nav-link.disabled,.nav-tabs .nav-underline .tab a.disabled,.nav-underline .tab .nav-tabs a.disabled {
    color: #a7a9bc;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-item.show .nav-underline .tab a,.nav-tabs .nav-link.active,.nav-tabs .nav-underline .show.tab .nav-link,.nav-tabs .nav-underline .show.tab a,.nav-tabs .nav-underline .tab a.active,.nav-tabs .nav-underline .tab.active a,.nav-underline .nav-tabs .show.tab .nav-link,.nav-underline .nav-tabs .show.tab a,.nav-underline .tab .nav-tabs .nav-item.show a,.nav-underline .tab .nav-tabs a.active,.nav-underline .tab.active .nav-tabs a {
    color: #272833;
    background-color: #fff;
    border-color: transparent transparent #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.nav-pills .nav-link,.nav-pills .nav-underline .tab a,.nav-underline .tab .nav-pills a {
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .nav-underline .tab .show>a,.nav-pills .nav-underline .tab a.active,.nav-pills .nav-underline .tab.active a,.nav-pills .show>.nav-link,.nav-underline .tab .nav-pills .show>a,.nav-underline .tab .nav-pills a.active,.nav-underline .tab.active .nav-pills a {
    color: #fff;
    background-color: #0b5fff
}

.nav-fill .nav-item,.nav-fill .nav-underline .tab,.nav-underline .nav-fill .tab {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified .nav-underline .tab,.nav-underline .nav-justified .tab {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.nav-underline .tab.active .tab-content>a,.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

.navbar>.container,.navbar>.container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .53125rem;
    padding-bottom: .53125rem;
    margin-left: 0;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-underline .tab .navbar-nav a,.navbar-nav .nav-link,.navbar-nav .nav-underline .tab a {
    padding-left: 0;
    padding-right: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,.navbar-toggler:hover {
    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-left:0;
        padding-right: 0
    }
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .nav-underline .tab .navbar-expand-sm .navbar-nav a,.navbar-expand-sm .navbar-nav .nav-link,.navbar-expand-sm .navbar-nav .nav-underline .tab a {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        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-left:0;
        padding-right: 0
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .nav-underline .tab .navbar-expand-md .navbar-nav a,.navbar-expand-md .navbar-nav .nav-link,.navbar-expand-md .navbar-nav .nav-underline .tab a {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        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-left:0;
        padding-right: 0
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .nav-underline .tab .navbar-expand-lg .navbar-nav a,.navbar-expand-lg .navbar-nav .nav-link,.navbar-expand-lg .navbar-nav .nav-underline .tab a {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media(max-width: 1279.98px) {
    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        padding-left:0;
        padding-right: 0
    }
}

@media(min-width: 1280px) {
    .navbar-expand-xl {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .nav-underline .tab .navbar-expand-xl .navbar-nav a,.navbar-expand-xl .navbar-nav .nav-link,.navbar-expand-xl .navbar-nav .nav-underline .tab a {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
    padding-left: 0;
    padding-right: 0
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.nav-underline .tab .navbar-expand .navbar-nav a,.navbar-expand .navbar-nav .nav-link,.navbar-expand .navbar-nav .nav-underline .tab a {
    padding-left: .5rem;
    padding-right: .5rem
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: #272833
}

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
    color: #272833
}

.nav-underline .tab .navbar-light .navbar-nav a,.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .nav-underline .tab a {
    color: #6b6c7e
}

.nav-underline .tab .navbar-light .navbar-nav a:focus,.nav-underline .tab .navbar-light .navbar-nav a:hover,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-underline .tab a:focus,.navbar-light .navbar-nav .nav-underline .tab a:hover {
    color: #6b6c7e
}

.nav-underline .tab .navbar-light .navbar-nav a.disabled,.navbar-light .navbar-nav .nav-link.disabled,.navbar-light .navbar-nav .nav-underline .tab a.disabled {
    color: #a7a9bc
}

.nav-underline .tab .navbar-light .navbar-nav .active>a,.nav-underline .tab .navbar-light .navbar-nav .show>a,.nav-underline .tab .navbar-light .navbar-nav a.active,.nav-underline .tab .navbar-light .navbar-nav a.show,.nav-underline .tab.active .navbar-light .navbar-nav a,.nav-underline .tab.active .navbar-light .navbar-nav a>.nav-link,.nav-underline .tab.active .navbar-light .navbar-nav a>a,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-underline .tab .active>a,.navbar-light .navbar-nav .nav-underline .tab .show>a,.navbar-light .navbar-nav .nav-underline .tab a.active,.navbar-light .navbar-nav .nav-underline .tab a.show,.navbar-light .navbar-nav .nav-underline .tab.active a,.navbar-light .navbar-nav .nav-underline .tab.active a>.nav-link,.navbar-light .navbar-nav .nav-underline .tab.active a>a,.navbar-light .navbar-nav .show>.nav-link {
    color: #272833
}

.navbar-light .navbar-toggler {
    color: #6b6c7e;
    border-color: rgba(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='%236B6C7E' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: #6b6c7e
}

.navbar-light .navbar-text a {
    color: #272833
}

.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
    color: #272833
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
    color: #fff
}

.nav-underline .tab .navbar-dark .navbar-nav a,.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-underline .tab a {
    color: #fff
}

.nav-underline .tab .navbar-dark .navbar-nav a:focus,.nav-underline .tab .navbar-dark .navbar-nav a:hover,.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-underline .tab a:focus,.navbar-dark .navbar-nav .nav-underline .tab a:hover {
    color: #fff
}

.nav-underline .tab .navbar-dark .navbar-nav a.disabled,.navbar-dark .navbar-nav .nav-link.disabled,.navbar-dark .navbar-nav .nav-underline .tab a.disabled {
    color: #a7a9bc
}

.nav-underline .tab .navbar-dark .navbar-nav .active>a,.nav-underline .tab .navbar-dark .navbar-nav .show>a,.nav-underline .tab .navbar-dark .navbar-nav a.active,.nav-underline .tab .navbar-dark .navbar-nav a.show,.nav-underline .tab.active .navbar-dark .navbar-nav a,.nav-underline .tab.active .navbar-dark .navbar-nav a>.nav-link,.nav-underline .tab.active .navbar-dark .navbar-nav a>a,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-underline .tab .active>a,.navbar-dark .navbar-nav .nav-underline .tab .show>a,.navbar-dark .navbar-nav .nav-underline .tab a.active,.navbar-dark .navbar-nav .nav-underline .tab a.show,.navbar-dark .navbar-nav .nav-underline .tab.active a,.navbar-dark .navbar-nav .nav-underline .tab.active a>.nav-link,.navbar-dark .navbar-nav .nav-underline .tab.active a>a,.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: #fff;
    border-color: rgba(255,255,255,.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='%23FFF' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: #fff
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card>hr {
    margin-left: 0;
    margin-right: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-right: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 0 solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: .25rem .25rem 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 0 solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 .25rem .25rem
}

.card-header-tabs {
    margin-left: -.625rem;
    margin-bottom: -.75rem;
    margin-right: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: .25rem
}

.card-img-top {
    width: 100%;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.card-img-bottom {
    width: 100%;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 12px
}

@media(min-width: 576px) {
    .card-deck {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-left: -12px;
        margin-right: -12px
    }

    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0;
        flex: 1 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 12px;
        margin-bottom: 0;
        margin-right: 12px
    }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 12px
}

@media(min-width: 576px) {
    .card-group {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group>.card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0;
        flex: 1 0 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-right: 0;
        border-right: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width: 576px) {
    .card-columns {
        -webkit-column-count:3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.accordion>.card:last-of-type {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.accordion>.card .card-header {
    margin-bottom: 0
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem .125rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-right: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-left: .5rem;
    color: #6b6c7e;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active,.nav-underline .tab.active a.breadcrumb-item {
    color: #272833
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6b6c7e;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal.show {
    z-index: 1060
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-scrollable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: .375rem;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #393a4a
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .8
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 1px solid #e7e7ed;
    border-top-right-radius: .375rem;
    border-top-left-radius: .375rem
}

.modal-header .close {
    padding: 1.5rem;
    margin: -1rem auto -1rem -1rem
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1.5rem;
    border-top: 1px solid #e7e7ed;
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.modal-footer>:not(:first-child) {
    margin-right: .25rem
}

.modal-footer>:not(:last-child) {
    margin-left: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        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-content {
        -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.5);
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.5)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width:1140px !important
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: 1
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #272833
}

.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #272833
}

.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #272833
}

.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #272833
}

.tooltip-inner {
    max-width: 230px;
    padding: .75rem .75rem;
    color: #fff;
    text-align: center;
    background-color: #272833;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1060;
    display: block;
    max-width: 14.5rem;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: .25rem;
    -webkit-box-shadow: 0 1px 15px -2px rgba(0,0,0,.2);
    box-shadow: 0 1px 15px -2px rgba(0,0,0,.2)
}

.popover .arrow {
    position: absolute;
    display: block;
    width: .6rem;
    height: .3rem;
    margin: 0 .375rem
}

.popover .arrow::after,.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],.bs-popover-top,.popover.top {
    margin-bottom: .3rem
}

.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow,.popover.top>.arrow {
    bottom: calc((.3rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before,.popover.top>.arrow::before {
    bottom: 0;
    border-width: .3rem .3rem 0;
    border-top-color: transparent
}

.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after,.popover.top>.arrow::after {
    bottom: 1px;
    border-width: .3rem .3rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],.bs-popover-right,.popover.right {
    margin-right: .3rem
}

.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow,.popover.right>.arrow {
    right: calc((.3rem + 1px) * -1);
    width: .3rem;
    height: .6rem;
    margin: .375rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before,.popover.right>.arrow::before {
    right: 0;
    border-width: .3rem 0 .3rem .3rem;
    border-left-color: transparent
}

.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after,.popover.right>.arrow::after {
    right: 1px;
    border-width: .3rem 0 .3rem .3rem;
    border-left-color: #fff
}

.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom,.popover.bottom {
    margin-top: .3rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow,.popover.bottom>.arrow {
    top: calc((.3rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before,.popover.bottom>.arrow::before {
    top: 0;
    border-width: 0 .3rem .3rem .3rem;
    border-bottom-color: transparent
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after,.popover.bottom>.arrow::after {
    top: 1px;
    border-width: 0 .3rem .3rem .3rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-auto[x-placement^=bottom] .popover-title::before,.bs-popover-bottom .popover-header::before,.bs-popover-bottom .popover-title::before,.popover.bottom .popover-header::before,.popover.bottom .popover-title::before {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    width: .6rem;
    margin-right: -.3rem;
    content: "";
    border-bottom: 1px solid #fff
}

.bs-popover-auto[x-placement^=left],.bs-popover-left,.popover.left {
    margin-left: .3rem
}

.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow,.popover.left>.arrow {
    left: calc((.3rem + 1px) * -1);
    width: .3rem;
    height: .6rem;
    margin: .375rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before,.popover.left>.arrow::before {
    left: 0;
    border-width: .3rem .3rem .3rem 0;
    border-right-color: transparent
}

.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after,.popover.left>.arrow::after {
    left: 1px;
    border-width: .3rem .3rem .3rem 0;
    border-right-color: #fff
}

.popover-header,.popover-title {
    padding: .75rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    color: #272833;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    border-top-right-radius: calc(.375rem - 1px);
    border-top-left-radius: calc(.375rem - 1px)
}

.popover-header:empty,.popover-title:empty {
    display: none
}

.popover-body,.popover-content {
    padding: .75rem 1rem;
    color: #6b6c7e
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: right;
    width: 100%;
    margin-left: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active,.nav-underline .tab.active a.carousel-item {
    display: block
}

.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left),.nav-underline .tab.active a.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(calc(100% * -1))
}

.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right),.nav-underline .tab.active a.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(calc(-100% * -1))
}

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active,.carousel-fade .nav-underline .tab.active a.carousel-item,.nav-underline .tab.active .carousel-fade a.carousel-item {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right,.carousel-fade .nav-underline .tab.active a.carousel-item-left,.carousel-fade .nav-underline .tab.active a.carousel-item-right,.nav-underline .tab.active .carousel-fade a.carousel-item-left,.nav-underline .tab.active .carousel-fade a.carousel-item-right {
    z-index: 0;
    opacity: 0;
    -webkit-transition: 0 .6s opacity;
    transition: 0 .6s opacity
}

@media(prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right,.carousel-fade .nav-underline .tab.active a.carousel-item-left,.carousel-fade .nav-underline .tab.active a.carousel-item-right,.nav-underline .tab.active .carousel-fade a.carousel-item-left,.nav-underline .tab.active .carousel-fade a.carousel-item-right {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    right: 0
}

.carousel-control-next {
    left: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0;
    margin-left: 15%;
    margin-right: 15%;
    list-style: none
}

.carousel-indicators li {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-indicators .active,.carousel-indicators .nav-underline .tab.active a,.nav-underline .tab.active .carousel-indicators a {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    left: 15%;
    bottom: 20px;
    right: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #0b5fff !important
}

a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
    background-color: #004ad7 !important
}

.bg-secondary {
    background-color: #6b6c7e !important
}

a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
    background-color: #545462 !important
}

.bg-success {
    background-color: #287d3d !important
}

a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
    background-color: #1c562a !important
}

.bg-info {
    background-color: #2e5aac !important
}

a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
    background-color: #234584 !important
}

.bg-warning {
    background-color: #b95000 !important
}

a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
    background-color: #863a00 !important
}

.bg-danger {
    background-color: #da1414 !important
}

a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
    background-color: #ab1010 !important
}

.bg-light {
    background-color: #f1f2f5 !important
}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
    background-color: #d3d6e0 !important
}

.bg-dark {
    background-color: #272833 !important
}

a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
    background-color: #111116 !important
}


.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #e7e7ed !important
}

.border-top {
    border-top: 1px solid #e7e7ed !important
}

.border-right {
    border-left: 1px solid #e7e7ed !important
}

.border-bottom {
    border-bottom: 1px solid #e7e7ed !important
}

.border-left {
    border-right: 1px solid #e7e7ed !important
}



.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-left: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-right: 0 !important
}



.border-secondary {
    border-color: #6b6c7e !important
}

.border-success {
    border-color: #287d3d !important
}

.border-info {
    border-color: #2e5aac !important
}

.border-warning {
    border-color: #b95000 !important
}

.border-danger {
    border-color: #da1414 !important
}

.border-light {
    border-color: #f1f2f5 !important
}

.border-dark {
    border-color: #272833 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .1875rem !important
}

.img-rounded,.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-right-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.rounded-right {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-left-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-left {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-lg {
    border-radius: .375rem !important
}

.img-circle,.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none,.hide {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width: 576px) {
    .d-sm-none {
        display:none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 768px) {
    .d-md-none {
        display:none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 992px) {
    .d-lg-none {
        display:none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1280px) {
    .d-xl-none {
        display:none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column,.nav-stacked {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between,.toolbar {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media(min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 1280px) {
    .flex-xl-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left,.pull-left {
    float: right !important
}

.float-right,.pull-right {
    float: left !important
}

.float-none {
    float: none !important
}

@media(min-width: 576px) {
    .float-sm-left {
        float:right !important
    }

    .float-sm-right {
        float: left !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media(min-width: 768px) {
    .float-md-left {
        float:right !important
    }

    .float-md-right {
        float: left !important
    }

    .float-md-none {
        float: none !important
    }
}

@media(min-width: 992px) {
    .float-lg-left {
        float:right !important
    }

    .float-lg-right {
        float: left !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media(min-width: 1280px) {
    .float-xl-left {
        float:right !important
    }

    .float-xl-right {
        float: left !important
    }

    .float-xl-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1030
}

@supports(position: sticky) {
    .sticky-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    -webkit-box-shadow: none !important;
    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;
    left: 0;
    bottom: 0;
    right: 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-left: 0 !important
}

.mb-0,.my-0 {
    margin-bottom: 0 !important
}

.ml-0,.mx-0 {
    margin-right: 0 !important
}

.m-1 {
    margin: .25rem !important
}



.mr-1,.mx-1 {
    margin-left: .25rem !important
}

.mb-1,.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,.mx-1 {
    margin-right: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,.my-2 {
    margin-top: .5rem !important
}

.mr-2,.mx-2 {
    margin-left: .5rem !important
}

.mb-2,.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,.mx-2 {
    margin-right: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,.my-3 {
    margin-top: 1rem !important
}

.mr-3,.mx-3 {
    margin-left: 1rem !important
}

.mb-3,.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,.mx-3 {
    margin-right: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,.mx-4 {
    margin-left: 1.5rem !important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,.mx-4 {
    margin-right: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,.my-5 {
    margin-top: 3rem !important
}

.mr-5,.mx-5 {
    margin-left: 3rem !important
}

.mb-5,.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,.mx-5 {
    margin-right: 3rem !important
}

.m-6 {
    margin: 4.5rem !important
}

.mt-6,.my-6 {
    margin-top: 4.5rem !important
}

.mr-6,.mx-6 {
    margin-left: 4.5rem !important
}

.mb-6,.my-6 {
    margin-bottom: 4.5rem !important
}

.ml-6,.mx-6 {
    margin-right: 4.5rem !important
}

.m-7 {
    margin: 6rem !important
}

.mt-7,.my-7 {
    margin-top: 6rem !important
}

.mr-7,.mx-7 {
    margin-left: 6rem !important
}

.mb-7,.my-7 {
    margin-bottom: 6rem !important
}

.ml-7,.mx-7 {
    margin-right: 6rem !important
}

.m-8 {
    margin: 7.5rem !important
}

.mt-8,.my-8 {
    margin-top: 7.5rem !important
}

.mr-8,.mx-8 {
    margin-left: 7.5rem !important
}

.mb-8,.my-8 {
    margin-bottom: 7.5rem !important
}

.ml-8,.mx-8 {
    margin-right: 7.5rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,.py-0 {
    padding-top: 0 !important
}

.pr-0,.px-0 {
    padding-left: 0 !important
}

.pb-0,.py-0 {
    padding-bottom: 0 !important
}

.pl-0,.px-0 {
    padding-right: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,.py-1 {
    padding-top: .25rem !important
}

.pr-1,.px-1 {
    padding-left: .25rem !important
}

.pb-1,.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,.px-1 {
    padding-right: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,.py-2 {
    padding-top: .5rem !important
}

.pr-2,.px-2 {
    padding-left: .5rem !important
}

.pb-2,.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,.px-2 {
    padding-right: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,.py-3 {
    padding-top: 1rem !important
}

.pr-3,.px-3 {
    padding-left: 1rem !important
}

.pb-3,.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,.px-3 {
    padding-right: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,.px-4 {
    padding-left: 1.5rem !important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,.px-4 {
    padding-right: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,.py-5 {
    padding-top: 3rem !important
}

.pr-5,.px-5 {
    padding-left: 3rem !important
}

.pb-5,.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,.px-5 {
    padding-right: 3rem !important
}

.p-6 {
    padding: 4.5rem !important
}

.pt-6,.py-6 {
    padding-top: 4.5rem !important
}

.pr-6,.px-6 {
    padding-left: 4.5rem !important
}

.pb-6,.py-6 {
    padding-bottom: 4.5rem !important
}

.pl-6,.px-6 {
    padding-right: 4.5rem !important
}

.p-7 {
    padding: 6rem !important
}

.pt-7,.py-7 {
    padding-top: 6rem !important
}

.pr-7,.px-7 {
    padding-left: 6rem !important
}

.pb-7,.py-7 {
    padding-bottom: 6rem !important
}

.pl-7,.px-7 {
    padding-right: 6rem !important
}

.p-8 {
    padding: 7.5rem !important
}

.pt-8,.py-8 {
    padding-top: 7.5rem !important
}

.pr-8,.px-8 {
    padding-left: 7.5rem !important
}

.pb-8,.py-8 {
    padding-bottom: 7.5rem !important
}

.pl-8,.px-8 {
    padding-right: 7.5rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,.mx-n1 {
    margin-left: -.25rem !important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,.mx-n1 {
    margin-right: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,.mx-n2 {
    margin-left: -.5rem !important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,.mx-n2 {
    margin-right: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,.mx-n3 {
    margin-left: -1rem !important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,.mx-n3 {
    margin-right: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,.mx-n4 {
    margin-left: -1.5rem !important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,.mx-n4 {
    margin-right: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,.mx-n5 {
    margin-left: -3rem !important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,.mx-n5 {
    margin-right: -3rem !important
}

.m-n6 {
    margin: -4.5rem !important
}

.mt-n6,.my-n6 {
    margin-top: -4.5rem !important
}

.mr-n6,.mx-n6 {
    margin-left: -4.5rem !important
}

.mb-n6,.my-n6 {
    margin-bottom: -4.5rem !important
}

.ml-n6,.mx-n6 {
    margin-right: -4.5rem !important
}

.m-n7 {
    margin: -6rem !important
}

.mt-n7,.my-n7 {
    margin-top: -6rem !important
}

.mr-n7,.mx-n7 {
    margin-left: -6rem !important
}

.mb-n7,.my-n7 {
    margin-bottom: -6rem !important
}

.ml-n7,.mx-n7 {
    margin-right: -6rem !important
}

.m-n8 {
    margin: -7.5rem !important
}

.mt-n8,.my-n8 {
    margin-top: -7.5rem !important
}

.mr-n8,.mx-n8 {
    margin-left: -7.5rem !important
}

.mb-n8,.my-n8 {
    margin-bottom: -7.5rem !important
}

.ml-n8,.mx-n8 {
    margin-right: -7.5rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,.my-auto {
    margin-top: auto !important
}

.mr-auto,.mx-auto,[class*=-offset-] {
    margin-left: auto !important
}

.mb-auto,.my-auto {
    margin-bottom: auto !important
}

.ml-auto,.mx-auto,[class*=-offset-] {
    margin-right: 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-left: 0 !important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-right: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-left: .25rem !important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-right: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-left: .5rem !important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-right: .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-left: 1rem !important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-right: 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-left: 1.5rem !important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-right: 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-left: 3rem !important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-right: 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-left: 4.5rem !important
    }

    .mb-sm-6,.my-sm-6 {
        margin-bottom: 4.5rem !important
    }

    .ml-sm-6,.mx-sm-6 {
        margin-right: 4.5rem !important
    }

    .m-sm-7 {
        margin: 6rem !important
    }

    .mt-sm-7,.my-sm-7 {
        margin-top: 6rem !important
    }

    .mr-sm-7,.mx-sm-7 {
        margin-left: 6rem !important
    }

    .mb-sm-7,.my-sm-7 {
        margin-bottom: 6rem !important
    }

    .ml-sm-7,.mx-sm-7 {
        margin-right: 6rem !important
    }

    .m-sm-8 {
        margin: 7.5rem !important
    }

    .mt-sm-8,.my-sm-8 {
        margin-top: 7.5rem !important
    }

    .mr-sm-8,.mx-sm-8 {
        margin-left: 7.5rem !important
    }

    .mb-sm-8,.my-sm-8 {
        margin-bottom: 7.5rem !important
    }

    .ml-sm-8,.mx-sm-8 {
        margin-right: 7.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-left: 0 !important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,.px-sm-0 {
        padding-right: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,.px-sm-1 {
        padding-left: .25rem !important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,.px-sm-1 {
        padding-right: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,.px-sm-2 {
        padding-left: .5rem !important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,.px-sm-2 {
        padding-right: .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-left: 1rem !important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,.px-sm-3 {
        padding-right: 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-left: 1.5rem !important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,.px-sm-4 {
        padding-right: 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-left: 3rem !important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,.px-sm-5 {
        padding-right: 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-left: 4.5rem !important
    }

    .pb-sm-6,.py-sm-6 {
        padding-bottom: 4.5rem !important
    }

    .pl-sm-6,.px-sm-6 {
        padding-right: 4.5rem !important
    }

    .p-sm-7 {
        padding: 6rem !important
    }

    .pt-sm-7,.py-sm-7 {
        padding-top: 6rem !important
    }

    .pr-sm-7,.px-sm-7 {
        padding-left: 6rem !important
    }

    .pb-sm-7,.py-sm-7 {
        padding-bottom: 6rem !important
    }

    .pl-sm-7,.px-sm-7 {
        padding-right: 6rem !important
    }

    .p-sm-8 {
        padding: 7.5rem !important
    }

    .pt-sm-8,.py-sm-8 {
        padding-top: 7.5rem !important
    }

    .pr-sm-8,.px-sm-8 {
        padding-left: 7.5rem !important
    }

    .pb-sm-8,.py-sm-8 {
        padding-bottom: 7.5rem !important
    }

    .pl-sm-8,.px-sm-8 {
        padding-right: 7.5rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-right: -.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-left: -1rem !important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-right: -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-left: -1.5rem !important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-right: -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-left: -3rem !important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-right: -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-left: -4.5rem !important
    }

    .mb-sm-n6,.my-sm-n6 {
        margin-bottom: -4.5rem !important
    }

    .ml-sm-n6,.mx-sm-n6 {
        margin-right: -4.5rem !important
    }

    .m-sm-n7 {
        margin: -6rem !important
    }

    .mt-sm-n7,.my-sm-n7 {
        margin-top: -6rem !important
    }

    .mr-sm-n7,.mx-sm-n7 {
        margin-left: -6rem !important
    }

    .mb-sm-n7,.my-sm-n7 {
        margin-bottom: -6rem !important
    }

    .ml-sm-n7,.mx-sm-n7 {
        margin-right: -6rem !important
    }

    .m-sm-n8 {
        margin: -7.5rem !important
    }

    .mt-sm-n8,.my-sm-n8 {
        margin-top: -7.5rem !important
    }

    .mr-sm-n8,.mx-sm-n8 {
        margin-left: -7.5rem !important
    }

    .mb-sm-n8,.my-sm-n8 {
        margin-bottom: -7.5rem !important
    }

    .ml-sm-n8,.mx-sm-n8 {
        margin-right: -7.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-left: auto !important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-right: 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-left: 0 !important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,.mx-md-0 {
        margin-right: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,.mx-md-1 {
        margin-left: .25rem !important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,.mx-md-1 {
        margin-right: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,.mx-md-2 {
        margin-left: .5rem !important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,.mx-md-2 {
        margin-right: .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-left: 1rem !important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,.mx-md-3 {
        margin-right: 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-left: 1.5rem !important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,.mx-md-4 {
        margin-right: 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-left: 3rem !important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,.mx-md-5 {
        margin-right: 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-left: 4.5rem !important
    }

    .mb-md-6,.my-md-6 {
        margin-bottom: 4.5rem !important
    }

    .ml-md-6,.mx-md-6 {
        margin-right: 4.5rem !important
    }

    .m-md-7 {
        margin: 6rem !important
    }

    .mt-md-7,.my-md-7 {
        margin-top: 6rem !important
    }

    .mr-md-7,.mx-md-7 {
        margin-left: 6rem !important
    }

    .mb-md-7,.my-md-7 {
        margin-bottom: 6rem !important
    }

    .ml-md-7,.mx-md-7 {
        margin-right: 6rem !important
    }

    .m-md-8 {
        margin: 7.5rem !important
    }

    .mt-md-8,.my-md-8 {
        margin-top: 7.5rem !important
    }

    .mr-md-8,.mx-md-8 {
        margin-left: 7.5rem !important
    }

    .mb-md-8,.my-md-8 {
        margin-bottom: 7.5rem !important
    }

    .ml-md-8,.mx-md-8 {
        margin-right: 7.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-left: 0 !important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,.px-md-0 {
        padding-right: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,.px-md-1 {
        padding-left: .25rem !important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,.px-md-1 {
        padding-right: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,.px-md-2 {
        padding-left: .5rem !important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,.px-md-2 {
        padding-right: .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-left: 1rem !important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,.px-md-3 {
        padding-right: 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-left: 1.5rem !important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,.px-md-4 {
        padding-right: 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-left: 3rem !important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,.px-md-5 {
        padding-right: 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-left: 4.5rem !important
    }

    .pb-md-6,.py-md-6 {
        padding-bottom: 4.5rem !important
    }

    .pl-md-6,.px-md-6 {
        padding-right: 4.5rem !important
    }

    .p-md-7 {
        padding: 6rem !important
    }

    .pt-md-7,.py-md-7 {
        padding-top: 6rem !important
    }

    .pr-md-7,.px-md-7 {
        padding-left: 6rem !important
    }

    .pb-md-7,.py-md-7 {
        padding-bottom: 6rem !important
    }

    .pl-md-7,.px-md-7 {
        padding-right: 6rem !important
    }

    .p-md-8 {
        padding: 7.5rem !important
    }

    .pt-md-8,.py-md-8 {
        padding-top: 7.5rem !important
    }

    .pr-md-8,.px-md-8 {
        padding-left: 7.5rem !important
    }

    .pb-md-8,.py-md-8 {
        padding-bottom: 7.5rem !important
    }

    .pl-md-8,.px-md-8 {
        padding-right: 7.5rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-left: -.25rem !important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-right: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-left: -.5rem !important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-right: -.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-left: -1rem !important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-right: -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-left: -1.5rem !important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-right: -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-left: -3rem !important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-right: -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-left: -4.5rem !important
    }

    .mb-md-n6,.my-md-n6 {
        margin-bottom: -4.5rem !important
    }

    .ml-md-n6,.mx-md-n6 {
        margin-right: -4.5rem !important
    }

    .m-md-n7 {
        margin: -6rem !important
    }

    .mt-md-n7,.my-md-n7 {
        margin-top: -6rem !important
    }

    .mr-md-n7,.mx-md-n7 {
        margin-left: -6rem !important
    }

    .mb-md-n7,.my-md-n7 {
        margin-bottom: -6rem !important
    }

    .ml-md-n7,.mx-md-n7 {
        margin-right: -6rem !important
    }

    .m-md-n8 {
        margin: -7.5rem !important
    }

    .mt-md-n8,.my-md-n8 {
        margin-top: -7.5rem !important
    }

    .mr-md-n8,.mx-md-n8 {
        margin-left: -7.5rem !important
    }

    .mb-md-n8,.my-md-n8 {
        margin-bottom: -7.5rem !important
    }

    .ml-md-n8,.mx-md-n8 {
        margin-right: -7.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-left: auto !important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,.mx-md-auto {
        margin-right: 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-left: 0 !important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-right: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-left: .25rem !important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-right: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-left: .5rem !important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-right: .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-left: 1rem !important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-right: 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-left: 1.5rem !important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-right: 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-left: 3rem !important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-right: 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-left: 4.5rem !important
    }

    .mb-lg-6,.my-lg-6 {
        margin-bottom: 4.5rem !important
    }

    .ml-lg-6,.mx-lg-6 {
        margin-right: 4.5rem !important
    }

    .m-lg-7 {
        margin: 6rem !important
    }

    .mt-lg-7,.my-lg-7 {
        margin-top: 6rem !important
    }

    .mr-lg-7,.mx-lg-7 {
        margin-left: 6rem !important
    }

    .mb-lg-7,.my-lg-7 {
        margin-bottom: 6rem !important
    }

    .ml-lg-7,.mx-lg-7 {
        margin-right: 6rem !important
    }

    .m-lg-8 {
        margin: 7.5rem !important
    }

    .mt-lg-8,.my-lg-8 {
        margin-top: 7.5rem !important
    }

    .mr-lg-8,.mx-lg-8 {
        margin-left: 7.5rem !important
    }

    .mb-lg-8,.my-lg-8 {
        margin-bottom: 7.5rem !important
    }

    .ml-lg-8,.mx-lg-8 {
        margin-right: 7.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-left: 0 !important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,.px-lg-0 {
        padding-right: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,.px-lg-1 {
        padding-left: .25rem !important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,.px-lg-1 {
        padding-right: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,.px-lg-2 {
        padding-left: .5rem !important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,.px-lg-2 {
        padding-right: .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-left: 1rem !important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,.px-lg-3 {
        padding-right: 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-left: 1.5rem !important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,.px-lg-4 {
        padding-right: 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-left: 3rem !important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,.px-lg-5 {
        padding-right: 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-left: 4.5rem !important
    }

    .pb-lg-6,.py-lg-6 {
        padding-bottom: 4.5rem !important
    }

    .pl-lg-6,.px-lg-6 {
        padding-right: 4.5rem !important
    }

    .p-lg-7 {
        padding: 6rem !important
    }

    .pt-lg-7,.py-lg-7 {
        padding-top: 6rem !important
    }

    .pr-lg-7,.px-lg-7 {
        padding-left: 6rem !important
    }

    .pb-lg-7,.py-lg-7 {
        padding-bottom: 6rem !important
    }

    .pl-lg-7,.px-lg-7 {
        padding-right: 6rem !important
    }

    .p-lg-8 {
        padding: 7.5rem !important
    }

    .pt-lg-8,.py-lg-8 {
        padding-top: 7.5rem !important
    }

    .pr-lg-8,.px-lg-8 {
        padding-left: 7.5rem !important
    }

    .pb-lg-8,.py-lg-8 {
        padding-bottom: 7.5rem !important
    }

    .pl-lg-8,.px-lg-8 {
        padding-right: 7.5rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-right: -.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-left: -1rem !important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-right: -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-left: -1.5rem !important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-right: -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-left: -3rem !important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-right: -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-left: -4.5rem !important
    }

    .mb-lg-n6,.my-lg-n6 {
        margin-bottom: -4.5rem !important
    }

    .ml-lg-n6,.mx-lg-n6 {
        margin-right: -4.5rem !important
    }

    .m-lg-n7 {
        margin: -6rem !important
    }

    .mt-lg-n7,.my-lg-n7 {
        margin-top: -6rem !important
    }

    .mr-lg-n7,.mx-lg-n7 {
        margin-left: -6rem !important
    }

    .mb-lg-n7,.my-lg-n7 {
        margin-bottom: -6rem !important
    }

    .ml-lg-n7,.mx-lg-n7 {
        margin-right: -6rem !important
    }

    .m-lg-n8 {
        margin: -7.5rem !important
    }

    .mt-lg-n8,.my-lg-n8 {
        margin-top: -7.5rem !important
    }

    .mr-lg-n8,.mx-lg-n8 {
        margin-left: -7.5rem !important
    }

    .mb-lg-n8,.my-lg-n8 {
        margin-bottom: -7.5rem !important
    }

    .ml-lg-n8,.mx-lg-n8 {
        margin-right: -7.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-left: auto !important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-right: auto !important
    }
}

@media(min-width: 1280px) {
    .m-xl-0 {
        margin:0 !important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-left: 0 !important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-right: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-left: .25rem !important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-right: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-left: .5rem !important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-right: .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-left: 1rem !important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-right: 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-left: 1.5rem !important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-right: 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-left: 3rem !important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-right: 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-left: 4.5rem !important
    }

    .mb-xl-6,.my-xl-6 {
        margin-bottom: 4.5rem !important
    }

    .ml-xl-6,.mx-xl-6 {
        margin-right: 4.5rem !important
    }

    .m-xl-7 {
        margin: 6rem !important
    }

    .mt-xl-7,.my-xl-7 {
        margin-top: 6rem !important
    }

    .mr-xl-7,.mx-xl-7 {
        margin-left: 6rem !important
    }

    .mb-xl-7,.my-xl-7 {
        margin-bottom: 6rem !important
    }

    .ml-xl-7,.mx-xl-7 {
        margin-right: 6rem !important
    }

    .m-xl-8 {
        margin: 7.5rem !important
    }

    .mt-xl-8,.my-xl-8 {
        margin-top: 7.5rem !important
    }

    .mr-xl-8,.mx-xl-8 {
        margin-left: 7.5rem !important
    }

    .mb-xl-8,.my-xl-8 {
        margin-bottom: 7.5rem !important
    }

    .ml-xl-8,.mx-xl-8 {
        margin-right: 7.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-left: 0 !important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,.px-xl-0 {
        padding-right: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,.px-xl-1 {
        padding-left: .25rem !important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,.px-xl-1 {
        padding-right: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,.px-xl-2 {
        padding-left: .5rem !important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,.px-xl-2 {
        padding-right: .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-left: 1rem !important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,.px-xl-3 {
        padding-right: 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-left: 1.5rem !important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,.px-xl-4 {
        padding-right: 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-left: 3rem !important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,.px-xl-5 {
        padding-right: 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-left: 4.5rem !important
    }

    .pb-xl-6,.py-xl-6 {
        padding-bottom: 4.5rem !important
    }

    .pl-xl-6,.px-xl-6 {
        padding-right: 4.5rem !important
    }

    .p-xl-7 {
        padding: 6rem !important
    }

    .pt-xl-7,.py-xl-7 {
        padding-top: 6rem !important
    }

    .pr-xl-7,.px-xl-7 {
        padding-left: 6rem !important
    }

    .pb-xl-7,.py-xl-7 {
        padding-bottom: 6rem !important
    }

    .pl-xl-7,.px-xl-7 {
        padding-right: 6rem !important
    }

    .p-xl-8 {
        padding: 7.5rem !important
    }

    .pt-xl-8,.py-xl-8 {
        padding-top: 7.5rem !important
    }

    .pr-xl-8,.px-xl-8 {
        padding-left: 7.5rem !important
    }

    .pb-xl-8,.py-xl-8 {
        padding-bottom: 7.5rem !important
    }

    .pl-xl-8,.px-xl-8 {
        padding-right: 7.5rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-right: -.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-left: -1rem !important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-right: -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-left: -1.5rem !important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-right: -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-left: -3rem !important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-right: -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-left: -4.5rem !important
    }

    .mb-xl-n6,.my-xl-n6 {
        margin-bottom: -4.5rem !important
    }

    .ml-xl-n6,.mx-xl-n6 {
        margin-right: -4.5rem !important
    }

    .m-xl-n7 {
        margin: -6rem !important
    }

    .mt-xl-n7,.my-xl-n7 {
        margin-top: -6rem !important
    }

    .mr-xl-n7,.mx-xl-n7 {
        margin-left: -6rem !important
    }

    .mb-xl-n7,.my-xl-n7 {
        margin-bottom: -6rem !important
    }

    .ml-xl-n7,.mx-xl-n7 {
        margin-right: -6rem !important
    }

    .m-xl-n8 {
        margin: -7.5rem !important
    }

    .mt-xl-n8,.my-xl-n8 {
        margin-top: -7.5rem !important
    }

    .mr-xl-n8,.mx-xl-n8 {
        margin-left: -7.5rem !important
    }

    .mb-xl-n8,.my-xl-n8 {
        margin-bottom: -7.5rem !important
    }

    .ml-xl-n8,.mx-xl-n8 {
        margin-right: -7.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-left: auto !important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-right: 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: right !important
}

.text-right {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

@media(min-width: 576px) {
    .text-sm-left {
        text-align:right !important
    }

    .text-sm-right {
        text-align: left !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width: 768px) {
    .text-md-left {
        text-align:right !important
    }

    .text-md-right {
        text-align: left !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media(min-width: 992px) {
    .text-lg-left {
        text-align:right !important
    }

    .text-lg-right {
        text-align: left !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width: 1280px) {
    .text-xl-left {
        text-align:right !important
    }

    .text-xl-right {
        text-align: left !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: 900 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}



a.text-primary:focus,a.text-primary:hover {
    color: #0041be !important
}

.text-secondary {
    color: #6b6c7e !important
}

a.text-secondary:focus,a.text-secondary:hover {
    color: #484955 !important
}

.text-success {
    color: #287d3d !important
}

a.text-success:focus,a.text-success:hover {
    color: #154321 !important
}

.text-info {
    color: #2e5aac !important
}

a.text-info:focus,a.text-info:hover {
    color: #1e3a70 !important
}

.text-warning {
    color: #b95000 !important
}

a.text-warning:focus,a.text-warning:hover {
    color: #6d2f00 !important
}

.text-danger {
    color: #da1414 !important
}

a.text-danger:focus,a.text-danger:hover {
    color: #940e0e !important
}

.text-light {
    color: #f1f2f5 !important
}

a.text-light:focus,a.text-light:hover {
    color: #c4c9d5 !important
}

.text-dark {
    color: #272833 !important
}

a.text-dark:focus,a.text-dark:hover {
    color: #060608 !important
}

.text-body {
    color: #272833 !important
}

.text-muted {
    color: #a7a9bc !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.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
}

@media print {
    *,::after,::before {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,pre {
        border: 1px solid #a7a9bc;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,.table th {
        background-color: #fff !important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #e7e7ed !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
        border-color: #e7e7ed
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #e7e7ed
    }
}

.container-fluid-max-sm {
    max-width: 540px
}

.container-fluid-max-md {
    max-width: 720px
}

.container-fluid-max-lg {
    max-width: 960px
}

.container-fluid-max-xl {
    max-width: 1248px
}

.container-no-gutters {
    padding-right: 0;
    padding-left: 0
}

.container-no-gutters>.row,.form-horizontal.container-no-gutters>.form-group {
    margin-right: 0;
    margin-left: 0
}

.container-no-gutters>.row>.col,.container-no-gutters>.row>[class*=col-],.form-horizontal.container-no-gutters>.form-group>.col,.form-horizontal.container-no-gutters>.form-group>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 575.98px) {
    .container-no-gutters-sm-down {
        padding-right:0;
        padding-left: 0
    }

    .container-no-gutters-sm-down>.row,.form-horizontal.container-no-gutters-sm-down>.form-group {
        margin-right: 0;
        margin-left: 0
    }

    .container-no-gutters-sm-down>.row>.col,.container-no-gutters-sm-down>.row>[class*=col-],.form-horizontal.container-no-gutters-sm-down>.form-group>.col,.form-horizontal.container-no-gutters-sm-down>.form-group>[class*=col-] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width: 767.98px) {
    .container-no-gutters-md-down {
        padding-right:0;
        padding-left: 0
    }

    .container-no-gutters-md-down>.row,.form-horizontal.container-no-gutters-md-down>.form-group {
        margin-right: 0;
        margin-left: 0
    }

    .container-no-gutters-md-down>.row>.col,.container-no-gutters-md-down>.row>[class*=col-],.form-horizontal.container-no-gutters-md-down>.form-group>.col,.form-horizontal.container-no-gutters-md-down>.form-group>[class*=col-] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width: 991.98px) {
    .container-no-gutters-lg-down {
        padding-right:0;
        padding-left: 0
    }

    .container-no-gutters-lg-down>.row,.form-horizontal.container-no-gutters-lg-down>.form-group {
        margin-right: 0;
        margin-left: 0
    }

    .container-no-gutters-lg-down>.row>.col,.container-no-gutters-lg-down>.row>[class*=col-],.form-horizontal.container-no-gutters-lg-down>.form-group>.col,.form-horizontal.container-no-gutters-lg-down>.form-group>[class*=col-] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width: 1279.98px) {
    .container-no-gutters-xl-down {
        padding-right:0;
        padding-left: 0
    }

    .container-no-gutters-xl-down>.row,.form-horizontal.container-no-gutters-xl-down>.form-group {
        margin-right: 0;
        margin-left: 0
    }

    .container-no-gutters-xl-down>.row>.col,.container-no-gutters-xl-down>.row>[class*=col-],.form-horizontal.container-no-gutters-xl-down>.form-group>.col,.form-horizontal.container-no-gutters-xl-down>.form-group>[class*=col-] {
        padding-left: 0;
        padding-right: 0
    }
}

.card-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-right: 0
}

.container .card-page,.container-fluid .card-page {
    margin-right: -12px;
    margin-left: -12px
}

.container-form-lg {
    padding-bottom: 3rem;
    padding-top: 3rem
}

@media(max-width: 991.98px) {
    .container-form-lg {
        padding-bottom:1rem;
        padding-top: 1rem
    }
}

@media(max-width: 991.98px) {
    .container-form-lg .menubar-vertical-expand-lg {
        margin-top:-1rem
    }
}

.container-view {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.alert,.portlet-msg-alert,.portlet-msg-error,.portlet-msg-help,.portlet-msg-info,.portlet-msg-progress,.portlet-msg-success {
    border-style: solid;
    border-width: .0625rem;
    display: block;
    font-size: .875rem;
    word-wrap: break-word
}

.alert .close,.portlet-msg-alert .close,.portlet-msg-error .close,.portlet-msg-help .close,.portlet-msg-info .close,.portlet-msg-progress .close,.portlet-msg-success .close {
    font-size: .875rem;
    height: 2rem;
    opacity: 1;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    left: .5rem;
    top: .75rem;
    width: 2rem
}

.alert .lead,.portlet-msg-alert .lead,.portlet-msg-error .lead,.portlet-msg-help .lead,.portlet-msg-info .lead,.portlet-msg-progress .lead,.portlet-msg-success .lead {
    font-size: .875rem;
    font-weight: 600;
    margin-left: .3125rem
}

.alert .component-title,.portlet-msg-alert .component-title,.portlet-msg-error .component-title,.portlet-msg-help .component-title,.portlet-msg-info .component-title,.portlet-msg-progress .component-title,.portlet-msg-success .component-title {
    font-size: .875rem;
    margin-bottom: .25rem;
    margin-top: 0
}

.alert .component-subtitle,.portlet-msg-alert .component-subtitle,.portlet-msg-error .component-subtitle,.portlet-msg-help .component-subtitle,.portlet-msg-info .component-subtitle,.portlet-msg-progress .component-subtitle,.portlet-msg-success .component-subtitle {
    font-size: .75rem;
    font-weight: 400
}

.alert-link,.alert-link.btn-unstyled {
    font-weight: 600;
    text-decoration: underline
}

.alert-link.btn-unstyled:focus,.alert-link.btn-unstyled:hover,.alert-link:focus,.alert-link:hover {
    text-decoration: none
}

.alert-indicator {
    font-size: inherit
}

.alert-indicator+.lead {
    margin-right: .3125rem
}

.alert-dismissible {
    padding-left: 2.5rem
}

.alert-fluid {
    border-radius: 0;
    border-width: 0 0 1px 0;
    margin-bottom: 0;
    padding: 0
}

.alert-fluid.alert-dismissible .container,.alert-fluid.alert-dismissible .container-fluid {
    padding-left: calc(2.5rem + 12px);
    position: relative
}

.alert-fluid .container,.alert-fluid .container-fluid {
    padding: 1.09375rem 1rem
}

.alert-fluid .close {
    left: calc(12px + .25rem)
}

.alert-container {
    height: 0;
    position: relative
}

.alert-notifications .alert,.alert-notifications .portlet-msg-alert,.alert-notifications .portlet-msg-error,.alert-notifications .portlet-msg-help,.alert-notifications .portlet-msg-info,.alert-notifications .portlet-msg-progress,.alert-notifications .portlet-msg-success {
    -webkit-box-shadow: 0 .5rem 2rem -.25rem rgba(0,0,0,.3);
    box-shadow: 0 .5rem 2rem -.25rem rgba(0,0,0,.3);
    width: 22.5rem
}

@media(max-width: 767.98px) {
    .alert-notifications .alert,.alert-notifications .portlet-msg-alert,.alert-notifications .portlet-msg-error,.alert-notifications .portlet-msg-help,.alert-notifications .portlet-msg-info,.alert-notifications .portlet-msg-progress,.alert-notifications .portlet-msg-success {
        max-width:none;
        width: 100%
    }
}

.alert-notifications .alert:last-child,.alert-notifications .portlet-msg-alert:last-child,.alert-notifications .portlet-msg-error:last-child,.alert-notifications .portlet-msg-help:last-child,.alert-notifications .portlet-msg-info:last-child,.alert-notifications .portlet-msg-progress:last-child,.alert-notifications .portlet-msg-success:last-child {
    margin-bottom: 0
}

.alert-notifications-absolute {
    height: 0;
    position: absolute;
    left: .5rem;
    top: 4.75rem;
    z-index: 5000
}

@media(max-width: 767.98px) {
    .alert-notifications-absolute {
        right:.5rem;
        left: .5rem;
        top: 4.25rem
    }
}

.alert-notifications-fixed {
    bottom: 1.25rem;
    right: 1.25rem;
    position: fixed;
    z-index: 5000
}

@media(max-width: 767.98px) {
    .alert-notifications-fixed {
        bottom:1rem;
        right: 12px;
        left: -181px
    }
}

.alert-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    padding-right: 0
}

.alert-list .close {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.modal-body .alert .close,.modal-body .portlet-msg-alert .close,.modal-body .portlet-msg-error .close,.modal-body .portlet-msg-help .close,.modal-body .portlet-msg-info .close,.modal-body .portlet-msg-progress .close,.modal-body .portlet-msg-success .close {
    left: 1.5rem
}

.modal-body .alert-list .alert-fluid:last-child {
    margin-bottom: -1px
}

.alert-primary {
    background-color: #f0f5ff;
    border-color: #80acff;
    color: #0b5fff
}

.alert-primary .close {
    color: #0b5fff
}

.alert-primary .close:focus,.alert-primary .close:hover {
    color: #0b5fff
}

.alert-primary .alert-link {
    color: #0b5fff
}

.alert-primary .lead {
    color: #0b5fff
}

.alert-secondary {
    background-color: #e7e7ed;
    border-color: #a7a9bc;
    color: #6b6c7e
}

.alert-secondary .close {
    color: #6b6c7e
}

.alert-secondary .close:focus,.alert-secondary .close:hover {
    color: #6b6c7e
}

.alert-secondary .alert-link {
    color: #0b5fff
}

.alert-secondary .lead {
    color: #6b6c7e
}

.alert-success,.portlet-msg-success {
    background-color: #edf9f0;
    border-color: #5aca76;
    color: #287d3d
}

.alert-success .close,.portlet-msg-success .close {
    color: #287d3d
}

.alert-success .close:focus,.alert-success .close:hover,.portlet-msg-success .close:focus,.portlet-msg-success .close:hover {
    color: #287d3d
}

.alert-success .alert-link,.portlet-msg-success .alert-link {
    color: #0b5fff
}

.alert-success .lead,.portlet-msg-success .lead {
    color: #287d3d
}

.alert-info,.portlet-msg-help,.portlet-msg-info,.portlet-msg-progress {
    background-color: #eef2fa;
    border-color: #89a7e0;
    color: #2e5aac
}

.alert-info .close,.portlet-msg-help .close,.portlet-msg-info .close,.portlet-msg-progress .close {
    color: #2e5aac
}

.alert-info .close:focus,.alert-info .close:hover,.portlet-msg-help .close:focus,.portlet-msg-help .close:hover,.portlet-msg-info .close:focus,.portlet-msg-info .close:hover,.portlet-msg-progress .close:focus,.portlet-msg-progress .close:hover {
    color: #2e5aac
}

.alert-info .alert-link,.portlet-msg-help .alert-link,.portlet-msg-info .alert-link,.portlet-msg-progress .alert-link {
    color: #0b5fff
}

.alert-info .lead,.portlet-msg-help .lead,.portlet-msg-info .lead,.portlet-msg-progress .lead {
    color: #2e5aac
}

.alert-warning,.portlet-msg-alert {
    background-color: #fff4ec;
    border-color: #ff8f39;
    color: #b95000
}

.alert-warning .close,.portlet-msg-alert .close {
    color: #b95000
}

.alert-warning .close:focus,.alert-warning .close:hover,.portlet-msg-alert .close:focus,.portlet-msg-alert .close:hover {
    color: #b95000
}

.alert-warning .alert-link,.portlet-msg-alert .alert-link {
    color: #0b5fff
}

.alert-warning .lead,.portlet-msg-alert .lead {
    color: #b95000
}

.alert-danger,.portlet-msg-error {
    background-color: #feefef;
    border-color: #f48989;
    color: #da1414
}

.alert-danger .close,.portlet-msg-error .close {
    color: #da1414
}

.alert-danger .close:focus,.alert-danger .close:hover,.portlet-msg-error .close:focus,.portlet-msg-error .close:hover {
    color: #da1414
}

.alert-danger .alert-link,.portlet-msg-error .alert-link {
    color: #0b5fff
}

.alert-danger .lead,.portlet-msg-error .lead {
    color: #da1414
}

.alert-light {
    background-color: #fff;
    border-color: #f7f8f9;
    color: #272833
}

.alert-light .close {
    color: #272833
}

.alert-light .close:focus,.alert-light .close:hover {
    color: #272833
}

.alert-light .alert-link {
    color: #0b5fff
}

.alert-light .lead {
    color: #272833
}

.alert-dark {
    background-color: #393a4a;
    border-color: #30313f;
    color: #f1f2f5
}

.alert-dark .close {
    color: #f1f2f5
}

.alert-dark .close:focus,.alert-dark .close:hover {
    color: #f1f2f5
}

.alert-dark .alert-link {
    color: #f1f2f5
}

.alert-dark .lead {
    color: #f1f2f5
}

.aspect-ratio {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%
}

.aspect-ratio-item {
    position: absolute;
    word-wrap: break-word
}

.aspect-ratio-item-fluid,.sticker-img {
    max-width: 100%;
    position: absolute;
    word-wrap: break-word
}

.aspect-ratio-item-vertical-fluid {
    max-height: 100%;
    position: absolute;
    word-wrap: break-word
}

.aspect-ratio-item-flush {
    max-width: none;
    position: absolute;
    width: 100.6%
}

.aspect-ratio-item-vertical-flush {
    height: 100.6%;
    max-height: none;
    position: absolute
}

.aspect-ratio-item-top-center {
    position: absolute;
    bottom: auto;
    right: 50%;
    left: auto;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1))
}

.aspect-ratio-item-top-right {
    position: absolute;
    bottom: auto;
    right: auto;
    left: 0;
    top: 0
}

.aspect-ratio-item-right-middle {
    position: absolute;
    bottom: auto;
    right: auto;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.aspect-ratio-item-bottom-right {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    top: auto
}

.aspect-ratio-item-bottom-center {
    position: absolute;
    bottom: 0;
    right: 50%;
    left: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1))
}

.aspect-ratio-item-bottom-left {
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    top: auto
}

.aspect-ratio-item-left-middle {
    position: absolute;
    bottom: auto;
    right: 0;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.aspect-ratio-item-center-middle,.sticker-img {
    position: absolute;
    bottom: auto;
    right: 50%;
    left: auto;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%)
}

.aspect-ratio-3-to-2 {
    padding-bottom: 66.66667%
}

.aspect-ratio-4-to-3 {
    padding-bottom: 75%
}

.aspect-ratio-8-to-5 {
    padding-bottom: 62.5%
}

.aspect-ratio-16-to-9 {
    padding-bottom: 56.25%
}

.aspect-ratio-bg-contain {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.aspect-ratio-bg-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.aspect-ratio-bg-center {
    background-position: center;
    background-repeat: no-repeat
}

.badge {
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    line-height: 1.1;
    margin-bottom: .125rem;
    margin-left: .25rem;
    margin-top: .125rem;
    max-width: 100%;
    white-space: inherit;
    word-wrap: break-word
}

.badge a {
    color: #fff;
    text-decoration: underline
}

.badge a:focus,.badge a:hover {
    text-decoration: none
}

.badge .inline-item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 0
}

.badge .inline-item .btn-unstyled {
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 0;
    max-width: none
}

.badge .inline-item .close {
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none;
    font-size: inherit;
    margin-top: 0;
    opacity: 1
}

.badge .inline-item .btn-unstyled .lexicon-icon,.badge .inline-item .close .lexicon-icon,.badge .inline-item a .lexicon-icon {
    margin-top: 0
}

.badge .inline-item .lexicon-icon {
    height: .875em;
    margin-top: 0;
    width: .875em
}

.badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.badge-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 0;
    position: relative;
    text-align: right
}

.badge-item a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.badge-item .btn-unstyled {
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.badge-item .close {
    border-radius: 1px;
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: inherit;
    height: auto;
    opacity: 1;
    width: auto
}

.badge-item .close:hover {
    color: inherit;
    opacity: 1
}

.badge-item .close:focus {
    opacity: 1
}

.badge-item .lexicon-icon {
    height: .875em;
    margin-top: 0;
    width: .875em
}

.badge-item-expand {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: .375rem;
    word-wrap: break-word
}

.badge-item-expand a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.badge-item-before {
    margin-left: .85714em
}

.badge-item-after {
    margin-right: .85714em
}

.badge-primary {
    background-color: #0b5fff;
    color: #fff
}

.badge-primary[href]:focus,.badge-primary[href]:hover {
    background-color: #0b5fff;
    color: #fff
}

.badge-secondary {
    background-color: #e7e7ed;
    color: #272833
}

.badge-secondary[href]:focus,.badge-secondary[href]:hover {
    background-color: #e7e7ed;
    color: #272833
}

.badge-secondary a {
    color: #272833
}

.badge-success {
    background-color: #287d3d;
    color: #fff
}

.badge-success[href]:focus,.badge-success[href]:hover {
    background-color: #287d3d;
    color: #fff
}

.badge-info {
    background-color: #2e5aac;
    color: #fff
}

.badge-info[href]:focus,.badge-info[href]:hover {
    background-color: #2e5aac;
    color: #fff
}

.badge-warning {
    background-color: #b95000;
    color: #fff
}

.badge-warning[href]:focus,.badge-warning[href]:hover {
    background-color: #b95000;
    color: #fff
}

.badge-danger {
    background-color: #da1414;
    color: #fff
}

.badge-danger[href]:focus,.badge-danger[href]:hover {
    background-color: #da1414;
    color: #fff
}

.badge-light {
    background-color: #f1f2f5;
    color: #272833
}

.badge-light[href]:focus,.badge-light[href]:hover {
    background-color: #f1f2f5;
    color: #272833
}

.badge-light a {
    color: #272833
}

.badge-dark {
    background-color: #272833;
    color: #fff
}

.badge-dark[href]:focus,.badge-dark[href]:hover {
    background-color: #272833;
    color: #fff
}

.breadcrumb-link {
    border-radius: 1px;
    color: #6b6c7e;
    display: block;
    text-decoration: none;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.breadcrumb-link:hover {
    color: #6b6c7e;
    text-decoration: underline
}

.breadcrumb-link:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #6b6c7e;
    outline: 0;
    text-decoration: underline
}

.breadcrumb-link>.breadcrumb-text-truncate {
    text-decoration: none
}

.breadcrumb-link>.breadcrumb-text-truncate:focus,.breadcrumb-link>.breadcrumb-text-truncate:hover {
    text-decoration: underline
}

.breadcrumb-item {
    font-size: .875rem;
    margin-left: .5em;
    position: relative
}

.breadcrumb-item+.breadcrumb-item {
    padding-right: 1em
}

.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M396.394%20255.607a28.207%2028.207%200%200%200-8.272-19.111L160.901%209.275c-11.026-11.059-28.94-11.059-39.999%200-11.058%2011.026-11.058%2028.941%200%2039.999l206.333%20206.333L120.902%20461.94c-11.058%2011.058-11.058%2028.973%200%2039.999%2011.059%2011.059%2028.972%2011.059%2039.999%200l227.221-227.221a28.196%2028.196%200%200%200%208.272-19.111z'%20fill='%236B6C7E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: .6em;
    right: 0;
    margin-top: -.3em;
    padding: 0;
    position: absolute;
    top: 50%;
    width: .6em
}

.breadcrumb-item .dropdown-toggle {
    text-decoration: none
}

.breadcrumb-item .dropdown-toggle:focus,.breadcrumb-item .dropdown-toggle:hover {
    text-decoration: none
}

.breadcrumb-text-truncate {
    display: inline-block;
    max-width: 17.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

@media(max-width: 767.98px) {
    .breadcrumb-text-truncate {
        max-width:8.5rem
    }
}

.btn-group-vertical>.btn:focus,.btn-group>.btn:focus {
    z-index: 3
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group>.btn:active,.nav-underline .tab.active .btn-group-vertical>a.btn,.nav-underline .tab.active .btn-group>a.btn {
    z-index: 2
}

.btn-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.btn-group-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.btn-group-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 1rem
}

.btn-group-item-last,.btn-group-item:last-child {
    margin-left: 0
}

.btn-toolbar .btn-group,.btn-toolbar .input-group {
    margin-bottom: .125rem;
    margin-top: .125rem
}

.btn-toolbar .btn-group:not(:last-child),.btn-toolbar .input-group:not(:last-child) {
    margin-left: .5rem
}

.btn-group-lg .btn-monospaced {
    padding: 0
}

.btn-group-sm .btn-monospaced {
    padding: 0
}

.btn {
    font-size: 1rem
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn.disabled,.btn:disabled {
    cursor: not-allowed
}

.btn .inline-item {
    font-size: 1rem
}

.btn-section {
    display: block;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1
}

.btn-group-lg .btn-group>.btn,.btn-group-lg>.btn,.btn-lg {
    font-size: 1.125rem
}

.btn-group-lg .btn-group>.btn .inline-item,.btn-group-lg>.btn .inline-item,.btn-lg .inline-item {
    font-size: 1.125rem
}

.btn-group-lg .btn-group>.btn .btn-section,.btn-group-lg>.btn .btn-section,.btn-lg .btn-section {
    font-size: .8125rem
}

.form-group-sm .btn {
    border-radius: .1875rem;
    font-size: .875rem;
    line-height: 1.15;
    padding-bottom: .4375rem;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: .4375rem
}

.form-group-sm .btn .btn-section {
    font-size: .5625rem
}

.btn-group-sm .btn-group>.btn,.btn-group-sm>.btn,.btn-sm,.btn-xs {
    font-size: .875rem
}

.btn-group-sm .btn-group>.btn .btn-section,.btn-group-sm>.btn .btn-section,.btn-sm .btn-section,.btn-xs .btn-section {
    font-size: .5625rem
}

.btn-link {
    border-radius: 1px
}

.btn-link:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    text-decoration: none
}

.btn-link.disabled,.btn-link:disabled {
    text-decoration: none
}

.btn-link.disabled:hover,.btn-link:disabled:hover {
    text-decoration: none
}

.btn-link:hover {
    text-decoration: underline
}

.btn-unstyled,.menubar-toggler {
    background-color: rgba(0,0,0,.001);
    border-width: 0;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    max-width: 100%;
    padding: 0;
    text-align: right;
    text-transform: inherit;
    vertical-align: baseline
}

.btn-group-lg .btn-group>.btn-unstyled.btn,.btn-group-lg>.btn-unstyled.btn,.btn-unstyled.btn-lg {
    border-color: transparent;
    border-width: 1px;
    font-size: 1.125rem;
    line-height: 1.5;
    padding: .59375rem 1.5rem
}

.btn-group-sm .btn-group>.btn-unstyled.btn,.btn-group-sm>.btn-unstyled.btn,.btn-unstyled.btn-sm,.btn-unstyled.btn-xs {
    border-color: transparent;
    border-width: 1px;
    font-size: .875rem;
    line-height: 1.15;
    padding: .4375rem .75rem
}

.btn-monospaced {
    height: 2.5rem;
    line-height: 1;
    overflow: hidden;
    padding-bottom: .25rem;
    padding-right: 0;
    padding-left: 0;
    padding-top: .25rem;
    text-align: center;
    white-space: normal;
    width: 2.5rem;
    word-wrap: break-word
}

.btn-group-lg .btn-group>.btn-monospaced.btn,.btn-group-lg>.btn-monospaced.btn,.btn-monospaced.btn-lg {
    height: 3rem;
    padding-bottom: .375rem;
    padding-right: 0;
    padding-left: 0;
    padding-top: .375rem;
    width: 3rem
}

.btn-group-sm .btn-group>.btn-monospaced.btn,.btn-group-sm>.btn-monospaced.btn,.btn-monospaced.btn-sm,.btn-monospaced.btn-xs {
    height: 2rem;
    padding-bottom: .1875rem;
    padding-right: 0;
    padding-left: 0;
    padding-top: .1875rem;
    width: 2rem
}

.btn-monospaced.btn .lexicon-icon {
    margin-top: 0
}

.btn-primary:hover {
    background-color: #0053f0;
    border-color: transparent
}

.btn-primary.focus,.btn-primary:focus {
    background-color: #0053f0;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-primary.disabled,.btn-primary:disabled {
    background-color: #0b5fff
}

.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-primary:not([disabled]):not(.disabled),.show>.btn-primary.dropdown-toggle {
    background-color: #004ad7;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary:not([disabled]):not(.disabled).active:focus,.btn-primary:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-primary:not([disabled]):not(.disabled):focus,.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.form-file-input:focus+.btn-primary {
    background-color: #0053f0;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-secondary {
    background-color: #fff;
    border-color: #cdced9;
    color: #6b6c7e
}

.btn-secondary:hover {
    background-color: #f7f8f9;
    border-color: #cdced9;
    color: #272833
}

.btn-secondary.focus,.btn-secondary:focus {
    background-color: #f7f8f9;
    border-color: #cdced9;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833
}

.btn-secondary.disabled,.btn-secondary:disabled {
    background-color: #fff;
    border-color: #cdced9;
    color: #6b6c7e
}

.btn-secondary:not([disabled]):not(.disabled).active,.btn-secondary:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-secondary:not([disabled]):not(.disabled),.show>.btn-secondary.dropdown-toggle {
    background-color: #f1f2f5;
    border-color: #cdced9;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #272833
}

.btn-secondary:not([disabled]):not(.disabled).active:focus,.btn-secondary:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-secondary:not([disabled]):not(.disabled):focus,.show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.form-file-input:focus+.btn-secondary {
    background-color: #f7f8f9;
    border-color: #cdced9;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833
}

.btn-success:hover {
    background-color: #226933;
    border-color: transparent
}

.btn-success.focus,.btn-success:focus {
    background-color: #226933;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-success.disabled,.btn-success:disabled {
    background-color: #287d3d
}

.btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-success:not([disabled]):not(.disabled),.show>.btn-success.dropdown-toggle {
    background-color: #1c562a;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-success:not([disabled]):not(.disabled).active:focus,.btn-success:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-success:not([disabled]):not(.disabled):focus,.show>.btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.form-file-input:focus+.btn-success {
    background-color: #226933;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-info:hover {
    background-color: #294f97;
    border-color: transparent
}

.btn-info.focus,.btn-info:focus {
    background-color: #294f97;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-info.disabled,.btn-info:disabled {
    background-color: #2e5aac
}

.btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-info:not([disabled]):not(.disabled),.show>.btn-info.dropdown-toggle {
    background-color: #234584;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-info:not([disabled]):not(.disabled).active:focus,.btn-info:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-info:not([disabled]):not(.disabled):focus,.show>.btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-warning:hover {
    background-color: #9f4500;
    border-color: transparent
}

.btn-warning.focus,.btn-warning:focus {
    background-color: #9f4500;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-warning.disabled,.btn-warning:disabled {
    background-color: #b95000
}

.btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-warning:not([disabled]):not(.disabled),.show>.btn-warning.dropdown-toggle {
    background-color: #863a00;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-warning:not([disabled]):not(.disabled).active:focus,.btn-warning:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-warning:not([disabled]):not(.disabled):focus,.show>.btn-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.form-file-input:focus+.btn-warning {
    background-color: #9f4500;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-danger:hover {
    background-color: #c21212;
    border-color: transparent
}

.btn-danger.focus,.btn-danger:focus {
    background-color: #c21212;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-danger.disabled,.btn-danger:disabled {
    background-color: #da1414
}

.btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-danger:not([disabled]):not(.disabled),.show>.btn-danger.dropdown-toggle {
    background-color: #ab1010;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-danger:not([disabled]):not(.disabled).active:focus,.btn-danger:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-danger:not([disabled]):not(.disabled):focus,.show>.btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.form-file-input:focus+.btn-danger {
    background-color: #c21212;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-light {
    color: #272833
}

.btn-light:hover {
    background-color: #e2e4ea;
    border-color: transparent
}

.btn-light.focus,.btn-light:focus {
    background-color: #e2e4ea;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-light.disabled,.btn-light:disabled {
    background-color: #f1f2f5
}

.btn-light:not([disabled]):not(.disabled).active,.btn-light:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-light:not([disabled]):not(.disabled),.show>.btn-light.dropdown-toggle {
    background-color: #d3d6e0;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-light:not([disabled]):not(.disabled).active:focus,.btn-light:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-light:not([disabled]):not(.disabled):focus,.show>.btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.form-file-input:focus+.btn-light {
    background-color: #e2e4ea;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-dark:hover {
    background-color: #1c1c24;
    border-color: transparent
}

.btn-dark.focus,.btn-dark:focus {
    background-color: #1c1c24;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-dark.disabled,.btn-dark:disabled {
    background-color: #272833
}

.btn-dark:not([disabled]):not(.disabled).active,.btn-dark:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-dark:not([disabled]):not(.disabled),.show>.btn-dark.dropdown-toggle {
    background-color: #111116;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-dark:not([disabled]):not(.disabled).active:focus,.btn-dark:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-dark:not([disabled]):not(.disabled):focus,.show>.btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.form-file-input:focus+.btn-dark {
    background-color: #1c1c24;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-outline-primary:hover {
    background-color: #f0f5ff;
    color: #0b5fff
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    background-color: #f0f5ff;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #0b5fff
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    background-color: transparent
}

.btn-outline-primary:not([disabled]):not(.disabled).active,.btn-outline-primary:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-outline-primary:not([disabled]):not(.disabled),.show>.btn-outline-primary.dropdown-toggle {
    background-color: #e6edf8;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0b5fff
}

.btn-outline-primary:not([disabled]):not(.disabled).active:focus,.btn-outline-primary:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-outline-primary:not([disabled]):not(.disabled):focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-outline-secondary {
    border-color: #cdced9
}

.btn-outline-secondary:hover {
    background-color: rgba(39,40,51,.03);
    border-color: transparent;
    color: #272833
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
    background-color: rgba(39,40,51,.03);
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    background-color: transparent;
    border-color: #6b6c7e;
    color: #6b6c7e
}

.btn-outline-secondary:not([disabled]):not(.disabled).active,.btn-outline-secondary:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-outline-secondary:not([disabled]):not(.disabled),.show>.btn-outline-secondary.dropdown-toggle {
    background-color: rgba(39,40,51,.06);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #272833
}

.btn-outline-secondary:not([disabled]):not(.disabled).active:focus,.btn-outline-secondary:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-outline-secondary:not([disabled]):not(.disabled):focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-outline-success:hover {
    background-color: #226933
}

.btn-outline-success.focus,.btn-outline-success:focus {
    background-color: #226933;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #fff
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    background-color: transparent
}

.btn-outline-success:not([disabled]):not(.disabled).active,.btn-outline-success:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-outline-success:not([disabled]):not(.disabled),.show>.btn-outline-success.dropdown-toggle {
    background-color: #1c562a;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-outline-success:not([disabled]):not(.disabled).active:focus,.btn-outline-success:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-outline-success:not([disabled]):not(.disabled):focus,.show>.btn-outline-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-outline-info:hover {
    background-color: #294f97
}

.btn-outline-info.focus,.btn-outline-info:focus {
    background-color: #294f97;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #fff
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    background-color: transparent
}

.btn-outline-info:not([disabled]):not(.disabled).active,.btn-outline-info:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-outline-info:not([disabled]):not(.disabled),.show>.btn-outline-info.dropdown-toggle {
    background-color: #234584;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-outline-info:not([disabled]):not(.disabled).active:focus,.btn-outline-info:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-outline-info:not([disabled]):not(.disabled):focus,.show>.btn-outline-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-outline-warning:hover {
    background-color: #9f4500
}

.btn-outline-warning.focus,.btn-outline-warning:focus {
    background-color: #9f4500;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #fff
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    background-color: transparent
}

.btn-outline-warning:not([disabled]):not(.disabled).active,.btn-outline-warning:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-outline-warning:not([disabled]):not(.disabled),.show>.btn-outline-warning.dropdown-toggle {
    background-color: #863a00;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-outline-warning:not([disabled]):not(.disabled).active:focus,.btn-outline-warning:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-outline-warning:not([disabled]):not(.disabled):focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-outline-danger:hover {
    background-color: #c21212
}

.btn-outline-danger.focus,.btn-outline-danger:focus {
    background-color: #c21212;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #fff
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    background-color: transparent
}

.btn-outline-danger:not([disabled]):not(.disabled).active,.btn-outline-danger:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-outline-danger:not([disabled]):not(.disabled),.show>.btn-outline-danger.dropdown-toggle {
    background-color: #ab1010;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-outline-danger:not([disabled]):not(.disabled).active:focus,.btn-outline-danger:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-outline-danger:not([disabled]):not(.disabled):focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-outline-light:hover {
    background-color: #e2e4ea
}

.btn-outline-light.focus,.btn-outline-light:focus {
    background-color: #e2e4ea;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    background-color: transparent
}

.btn-outline-light:not([disabled]):not(.disabled).active,.btn-outline-light:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-outline-light:not([disabled]):not(.disabled),.show>.btn-outline-light.dropdown-toggle {
    background-color: #d3d6e0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-outline-light:not([disabled]):not(.disabled).active:focus,.btn-outline-light:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-outline-light:not([disabled]):not(.disabled):focus,.show>.btn-outline-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-outline-dark:hover {
    background-color: #1c1c24
}

.btn-outline-dark.focus,.btn-outline-dark:focus {
    background-color: #1c1c24;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #fff
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    background-color: transparent
}

.btn-outline-dark:not([disabled]):not(.disabled).active,.btn-outline-dark:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-outline-dark:not([disabled]):not(.disabled),.show>.btn-outline-dark.dropdown-toggle {
    background-color: #111116;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-outline-dark:not([disabled]):not(.disabled).active:focus,.btn-outline-dark:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-outline-dark:not([disabled]):not(.disabled):focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-outline-borderless {
    border-color: transparent
}

.btn-outline-borderless:focus,.btn-outline-borderless:hover {
    border-color: transparent
}

.btn-outline-borderless.disabled,.btn-outline-borderless:disabled {
    border-color: transparent
}

.btn-outline-borderless:not(:disabled):not(.disabled):active {
    border-color: transparent
}

.show>.btn-outline-borderless.dropdown-toggle {
    border-color: transparent
}

.btn .loading-animation {
    font-size: 1em;
    margin-top: -.1em
}

.card,.card-horizontal {
    background-color: #fff;
    border-style: solid;
    border-width: 0;
    -webkit-box-shadow: 0 1px 3px -1px rgba(0,0,0,.6);
    box-shadow: 0 1px 3px -1px rgba(0,0,0,.6);
    display: block;
    margin-bottom: 1.5rem;
    position: relative
}

.card .autofit-col:first-child,.card-horizontal .autofit-col:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card .autofit-col:last-child,.card-horizontal .autofit-col:last-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 1rem
}

.card-section-header {
    color: #6b6c7e;
    font-size: .75rem;
    font-weight: 600;
    line-height: 2.5;
    margin-bottom: 1.5rem;
    padding: 0 12px;
    text-transform: uppercase
}

.card-title {
    color: #272833;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0
}

.card-title a {
    color: #272833
}

.card-title a:hover {
    color: #272833
}

.card-subtitle {
    color: #6b6c7e;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0
}

.card-subtitle a {
    color: #6b6c7e
}

.card-subtitle a:hover {
    color: #6b6c7e
}

.card-link {
    color: #6b6c7e;
    font-size: .875rem
}

.card-link:hover {
    color: #6b6c7e;
    text-decoration: underline
}

.card-link.btn-unstyled {
    white-space: normal
}

.card-link+.card-link {
    margin-right: 0
}

.card-divider {
    background-color: rgba(0,0,0,.125);
    height: 1px;
    margin-bottom: 10px;
    margin-top: 10px
}

.card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.card-row .autofit-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0;
    padding-left: 0
}

.card-row .autofit-col-expand {
    min-width: 25px
}

.card-row .autofit-col-gutters {
    padding-right: 10px;
    padding-left: 10px
}

.card-row .autofit-col-gutters .card-divider {
    margin-right: -10px;
    margin-left: -10px
}

.justify-content-center .autofit-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-content-start .autofit-col {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-content-end .autofit-col {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.text-center .autofit-col {
    text-align: center
}

.text-left .autofit-col {
    text-align: right
}

.text-right .autofit-col {
    text-align: left
}

.card-item-first {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
    width: 100%
}

.autofit-col:first-child .card-item-first {
    border-radius: 0 .25rem .25rem 0
}

.card-item-last {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    width: 100%
}

.autofit-col:last-child .card-item-last {
    border-radius: .25rem 0 0 .25rem
}

.img-rounded .card-header,.img-rounded .card-item-first,.rounded .card-header,.rounded .card-item-first {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.img-rounded .card-footer,.img-rounded .card-item-last,.rounded .card-footer,.rounded .card-item-last {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.img-rounded .autofit-col:first-child,.rounded .autofit-col:first-child {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.img-rounded .autofit-col:first-child .card-item-first,.rounded .autofit-col:first-child .card-item-first {
    border-radius: 0 .25rem .25rem 0
}

.img-rounded .autofit-col:last-child,.rounded .autofit-col:last-child {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.img-rounded .autofit-col:last-child .card-item-last,.rounded .autofit-col:last-child .card-item-last {
    border-radius: .25rem 0 0 .25rem
}

.rounded-0 .card-header,.rounded-0 .card-item-first {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.rounded-0 .card-footer,.rounded-0 .card-item-last {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-0 .autofit-col:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.rounded-0 .autofit-col:first-child .card-item-first {
    border-radius: 0
}

.rounded-0 .autofit-col:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.rounded-0 .autofit-col:last-child .card-item-last {
    border-radius: 0
}

.img-circle .card-header,.img-circle .card-item-first,.rounded-circle .card-header,.rounded-circle .card-item-first {
    border-top-right-radius: 5000px;
    border-top-left-radius: 5000px
}

.img-circle .card-footer,.img-circle .card-item-last,.rounded-circle .card-footer,.rounded-circle .card-item-last {
    border-bottom-right-radius: 5000px;
    border-bottom-left-radius: 5000px
}

.img-circle .autofit-col:first-child,.rounded-circle .autofit-col:first-child {
    border-bottom-right-radius: 5000px;
    border-top-right-radius: 5000px
}

.img-circle .autofit-col:first-child .card-item-first,.rounded-circle .autofit-col:first-child .card-item-first {
    border-radius: 0 5000px 5000px 0
}

.img-circle .autofit-col:last-child,.rounded-circle .autofit-col:last-child {
    border-bottom-left-radius: 5000px;
    border-top-left-radius: 5000px
}

.img-circle .autofit-col:last-child .card-item-last,.rounded-circle .autofit-col:last-child .card-item-last {
    border-radius: 5000px 0 0 5000px
}

.form-check-card {
    margin-bottom: 1.5rem;
    margin-top: 0;
    padding-right: 0
}

.form-check-card .card {
    margin-bottom: 0
}

.form-check-card .custom-control {
    display: inline;
    margin-left: 0;
    position: static
}

.form-check-card .custom-control>label {
    font-weight: 400;
    padding-right: 0
}

.form-check-card .custom-control-input {
    z-index: 2
}

.form-check-card .custom-control-label {
    position: absolute;
    z-index: 1
}

.form-check-card .custom-control-label::after,.form-check-card .custom-control-label::before {
    top: 0
}

.form-check-card .form-check-input {
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    z-index: 1
}

.form-check-card .form-check-label {
    color: #272833;
    display: inline;
    font-weight: 400;
    padding-right: 0;
    position: static
}

.form-check-card .custom-control-input:checked~.card,.form-check-card .form-check-input:checked~.card,.form-check-card.active .card,.nav-underline .tab.active a.form-check-card .card {
    -webkit-box-shadow: 0 0 0 2px #80acff;
    box-shadow: 0 0 0 2px #80acff
}

.form-check-card:hover .card {
    -webkit-box-shadow: 0 0 0 2px #80acff;
    box-shadow: 0 0 0 2px #80acff
}

.custom-control-input:hover~.card,.form-check-input:hover~.card {
    -webkit-box-shadow: 0 0 0 2px #80acff;
    box-shadow: 0 0 0 2px #80acff
}

.form-check-bottom-left .card-horizontal>.card-body,.form-check-middle-left .card-horizontal>.card-body,.form-check-top-left .card-horizontal>.card-body {
    padding-right: 50px
}

.form-check-bottom-right .card-horizontal>.card-body,.form-check-middle-right .card-horizontal>.card-body,.form-check-top-right .card-horizontal>.card-body {
    padding-left: 50px
}

.form-check-bottom-left .custom-control-input,.form-check-bottom-left .custom-control-label,.form-check-bottom-left .form-check-input {
    bottom: 1rem;
    right: 1rem;
    top: auto;
    -webkit-transform: none;
    transform: none
}

.form-check-bottom-right .custom-control-input,.form-check-bottom-right .custom-control-label,.form-check-bottom-right .form-check-input {
    bottom: 1rem;
    right: auto;
    left: 1rem;
    top: auto;
    -webkit-transform: none;
    transform: none
}

.form-check-middle-left .custom-control-input,.form-check-middle-left .custom-control-label,.form-check-middle-left .form-check-input {
    right: 1rem;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form-check-middle-right .custom-control-input,.form-check-middle-right .custom-control-label,.form-check-middle-right .form-check-input {
    right: auto;
    margin-top: 0;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form-check-top-left .custom-control-input,.form-check-top-left .custom-control-label,.form-check-top-left .form-check-input {
    right: 1rem;
    top: 1rem;
    -webkit-transform: none;
    transform: none
}

.form-check-top-right .custom-control-input,.form-check-top-right .custom-control-label,.form-check-top-right .form-check-input {
    right: auto;
    left: 1rem;
    top: 1rem;
    -webkit-transform: none;
    transform: none
}

.card-page.card-page-equal-height .card-page-item,.card-page.card-page-equal-height .card-page-item-asset,.card-page.card-page-equal-height .card-page-item-directory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-page.card-page-equal-height .form-check-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.card-page.card-page-equal-height .card {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.card-page-item-header {
    padding-right: 12px;
    padding-left: 12px;
    width: 100%
}

.card-page-item-directory {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 200px;
    padding-right: 12px;
    padding-left: 12px;
    position: relative;
    width: 100%
}

@media(min-width: 0) {
    .card-page-item-directory {
        min-width:200px;
        padding-right: 12px;
        padding-left: 12px
    }
}

@media(min-width: 576px) {
    .card-page-item-directory {
        -ms-flex-preferred-size:50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media(min-width: 768px) {
    .card-page-item-directory {
        -ms-flex-preferred-size:33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }
}

@media(min-width: 992px) {
    .card-page-item-directory {
        -ms-flex-preferred-size:25%;
        flex-basis: 25%;
        max-width: 25%
    }
}

.card-page-item-asset {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 200px;
    padding-right: 12px;
    padding-left: 12px;
    position: relative;
    width: 100%
}

@media(min-width: 0) {
    .card-page-item-asset {
        min-width:200px;
        padding-right: 12px;
        padding-left: 12px
    }
}

@media(min-width: 576px) {
    .card-page-item-asset {
        -ms-flex-preferred-size:50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media(min-width: 768px) {
    .card-page-item-asset {
        -ms-flex-preferred-size:33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }
}

@media(min-width: 992px) {
    .card-page-item-asset {
        -ms-flex-preferred-size:25%;
        flex-basis: 25%;
        max-width: 25%
    }
}

.card-page-item-user {
    display: block;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 50%;
    padding-right: 12px;
    padding-left: 12px;
    position: relative;
    width: 100%
}

@media(min-width: 0) {
    .card-page-item-user {
        -ms-flex-preferred-size:50%;
        flex-basis: 50%;
        max-width: 50%;
        padding-right: 12px;
        padding-left: 12px
    }
}

@media(min-width: 576px) {
    .card-page-item-user {
        -ms-flex-preferred-size:33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        min-width: 200px
    }
}

@media(min-width: 992px) {
    .card-page-item-user {
        -ms-flex-preferred-size:20%;
        flex-basis: 20%;
        max-width: 20%
    }
}

.card-interactive .card,.card-interactive.card {
    cursor: pointer;
    outline: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.card-interactive .card:hover,.card-interactive.card:hover {
    background-color: #f7f8f9;
    text-decoration: none
}

.card-interactive .card:focus,.card-interactive.card:focus {
    -webkit-box-shadow: 0 0 0 2px #fff,0 0 0 4px #719aff;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #719aff
}

.card-interactive .card.active,.card-interactive .card:active,.card-interactive .nav-underline .tab.active a.card,.card-interactive.card.active,.card-interactive.card:active,.nav-underline .tab.active .card-interactive a.card,.nav-underline .tab.active a.card-interactive.card {
    background-color: #f1f2f5
}

.card-interactive::after {
    border-radius: 0 0 .25rem .25rem;
    bottom: 0;
    content: "";
    height: 0;
    right: 0;
    position: absolute;
    left: 0;
    -webkit-transition: height .15s ease-in-out;
    transition: height .15s ease-in-out
}

.card-interactive.hover::after,.card-interactive:hover::after {
    height: 4px
}

.card-interactive.focus::after,.card-interactive:focus::after {
    height: 4px
}

.card-interactive.active::after,.card-interactive:active::after,.nav-underline .tab.active a.card-interactive::after {
    height: 4px
}

.card-interactive .card-body {
    display: block
}

.card-interactive label {
    cursor: pointer
}

.card-interactive-primary .card:focus,.card-interactive-primary.card:focus {
    background-color: #f7f8f9
}

.card-interactive-primary .card.active,.card-interactive-primary .card:active,.card-interactive-primary .nav-underline .tab.active a.card,.card-interactive-primary.card.active,.card-interactive-primary.card:active,.nav-underline .tab.active .card-interactive-primary a.card,.nav-underline .tab.active a.card-interactive-primary.card {
    background-color: #f1f2f5
}

.card-interactive-primary.hover::after,.card-interactive-primary:hover::after {
    background-color: #0b5fff
}

.card-interactive-primary.focus::after,.card-interactive-primary:focus::after {
    background-color: #0b5fff
}

.card-interactive-primary.active::after,.card-interactive-primary:active::after,.nav-underline .tab.active a.card-interactive-primary::after {
    background-color: #0b5fff
}

.card-interactive-secondary .card,.card-interactive-secondary.card {
    color: #272833
}

.card-interactive-secondary .card:hover,.card-interactive-secondary.card:hover {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 2px #719aff;
    box-shadow: 0 0 0 2px #719aff;
    color: #272833
}

.card-interactive-secondary .card:focus,.card-interactive-secondary.card:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 2px #719aff;
    box-shadow: 0 0 0 2px #719aff
}

.card-interactive-secondary .card.active,.card-interactive-secondary .card:active,.card-interactive-secondary .nav-underline .tab.active a.card,.card-interactive-secondary.card.active,.card-interactive-secondary.card:active,.nav-underline .tab.active .card-interactive-secondary a.card,.nav-underline .tab.active a.card-interactive-secondary.card {
    background-color: #fff
}

.card-type-asset .aspect-ratio {
    border-color: #e7e7ed;
    border-style: solid;
    border-width: 0 0 .0625rem 0;
    padding-bottom: 56.25%
}

.card-type-asset .aspect-ratio .custom-control label,.card-type-asset .aspect-ratio .form-check-label {
    bottom: 0;
    cursor: pointer;
    right: 0;
    position: absolute;
    left: 0;
    top: 0
}

.card-type-asset .card-body {
    padding-top: .75rem
}

.card-type-asset .card-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.card-type-asset .card-type-asset-icon {
    width: 22.225%
}

.card-type-asset .card-type-asset-icon .inline-item {
    bottom: 0;
    right: 0;
    position: absolute;
    left: 0;
    top: 0
}

.card-type-asset .card-type-asset-icon>.lexicon-icon {
    height: 100%;
    width: 100%
}

.card-type-asset .card-type-asset-icon>.sticker {
    border-radius: 50%;
    display: block;
    font-size: 2vw;
    padding-bottom: 100%;
    width: 100%
}

.card-type-asset .card-type-asset-icon .sticker-overlay {
    border-radius: 50%
}

.card-type-asset .dropdown-action {
    margin-left: -.5rem;
    margin-top: -.1875rem
}

.image-card .aspect-ratio {
    background-image: linear-gradient(45deg,#e7e7ed 25%,transparent 25%),linear-gradient(-45deg,#e7e7ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7e7ed 75%),linear-gradient(-45deg,transparent 75%,#e7e7ed 75%);
    background-position: 0 0,0 10px,10px -10px,-10px 0;
    background-size: 20px 20px
}

.file-card .card-type-asset-icon {
    color: #cdced9
}

.user-card .card-type-asset-icon {
    max-width: 80px;
    min-width: 48px;
    width: 30%
}

.user-card .card-type-asset-icon .lexicon-icon {
    height: auto;
    width: 50%
}

.card-type-directory .dropdown-action {
    margin-left: -.5rem
}

.card-type-directory .sticker {
    font-size: 1.125rem
}

.card-type-template .card,.card-type-template.card {
    border-width: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #272833
}

.card-type-template .card:hover,.card-type-template.card:hover {
    color: #272833
}

.card-type-template::after {
    bottom: -1px;
    right: -1px;
    left: -1px
}

.card-type-template .aspect-ratio {
    background-image: none;
    border-width: 0;
    color: #6b6c7e;
    text-align: center;
    padding-bottom: 56.25%
}

.card-type-template .aspect-ratio .lexicon-icon {
    height: auto;
    width: 28%
}

.card-type-template .aspect-ratio-item {
    color: #6b6c7e;
    width: 100.6%
}

.card-type-template .card-title {
    display: block;
    margin-bottom: .5rem
}

.card-type-template .card-text {
    display: block
}

.template-card .card-body {
    padding-top: 0;
    text-align: center
}

.template-card-horizontal .card,.template-card-horizontal.card {
    color: #6b6c7e
}

.template-card-horizontal .card:hover,.template-card-horizontal.card:hover {
    color: #6b6c7e
}

.template-card-horizontal .sticker {
    font-size: 1.25rem
}

.template-card-horizontal .card-row {
    margin-right: -4px;
    margin-left: -4px;
    width: auto
}

.template-card-horizontal .card-row .autofit-col {
    padding-right: 4px;
    padding-left: 4px
}

.template-card-horizontal .card-title {
    color: inherit;
    margin-bottom: 0
}

.dropdown-header {
    font-size: .875rem;
    margin-top: .625rem;
    white-space: normal;
    word-wrap: break-word
}

.dropdown-header:first-child {
    margin-top: 0
}

.dropdown-subheader {
    color: #6b6c7e;
    font-size: .75rem;
    font-weight: 600;
    margin-top: .625rem;
    padding-bottom: .375rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    padding-top: .375rem;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word
}

.dropdown-subheader:first-child {
    margin-top: 0
}

.dropdown-caption {
    color: #6b6c7e;
    font-size: .875rem;
    padding: .5rem 1.25rem;
    white-space: normal;
    word-wrap: break-word
}

.dropdown-item,.dropdown-menu .link-list>li>a,.dropdown-menu>li>a {
    border-radius: 0;
    font-size: inherit;
    overflow: hidden;
    padding-bottom: .5rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    padding-top: .5rem;
    position: relative;
    -webkit-transition: none;
    transition: none;
    white-space: normal;
    word-wrap: break-word
}

.dropdown-item:hover,.dropdown-menu .link-list>li>a:hover,.dropdown-menu>li>a:hover {
    text-decoration: none
}

.dropdown-item:focus,.dropdown-menu .link-list>li>a:focus,.dropdown-menu>li>a:focus {
    -webkit-box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff;
    box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff;
    outline: 0;
    text-decoration: none
}

.dropdown-item:active,.dropdown-menu .link-list>li>a:active,.dropdown-menu>li>a:active {
    color: #272833
}

.dropdown-item:active label,.dropdown-menu .link-list>li>a:active label,.dropdown-menu>li>a:active label {
    color: #272833
}

.dropdown-item:active .form-check-label,.dropdown-menu .link-list>li>a:active .form-check-label,.dropdown-menu>li>a:active .form-check-label {
    color: #272833
}

.dropdown-item.active,.dropdown-menu .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .link-list>li>a,.dropdown-menu>li>a.active,.nav-underline .tab.active .dropdown-menu .link-list>li>a,.nav-underline .tab.active .dropdown-menu>li>a,.nav-underline .tab.active a.dropdown-item {
    font-weight: 600
}

.dropdown-item.active .form-check-label,.dropdown-menu .link-list>li>a.active .form-check-label,.dropdown-menu .nav-underline .tab.active .link-list>li>a .form-check-label,.dropdown-menu>li>a.active .form-check-label,.nav-underline .tab.active .dropdown-menu .link-list>li>a .form-check-label,.nav-underline .tab.active .dropdown-menu>li>a .form-check-label,.nav-underline .tab.active a.dropdown-item .form-check-label {
    font-weight: 600
}

.dropdown-item.active .custom-control-label,.dropdown-menu .link-list>li>a.active .custom-control-label,.dropdown-menu .nav-underline .tab.active .link-list>li>a .custom-control-label,.dropdown-menu>li>a.active .custom-control-label,.nav-underline .tab.active .dropdown-menu .link-list>li>a .custom-control-label,.nav-underline .tab.active .dropdown-menu>li>a .custom-control-label,.nav-underline .tab.active a.dropdown-item .custom-control-label {
    font-weight: 600
}

.dropdown-item.btn:not([disabled]):not(.disabled).active:focus,.dropdown-item.btn:not([disabled]):not(.disabled):active:focus,.dropdown-menu .link-list>li>a.btn:not([disabled]):not(.disabled).active:focus,.dropdown-menu .link-list>li>a.btn:not([disabled]):not(.disabled):active:focus,.dropdown-menu .nav-underline .tab.active .link-list>li>a.btn:not([disabled]):not(.disabled):focus,.dropdown-menu>li>a.btn:not([disabled]):not(.disabled).active:focus,.dropdown-menu>li>a.btn:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active .dropdown-menu .link-list>li>a.btn:not([disabled]):not(.disabled):focus,.nav-underline .tab.active .dropdown-menu>li>a.btn:not([disabled]):not(.disabled):focus,.nav-underline .tab.active a.dropdown-item.btn:not([disabled]):not(.disabled):focus {
    -webkit-box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff;
    box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff
}

.dropdown-item.disabled,.dropdown-item:disabled,.dropdown-menu .link-list>.disabled>a,.dropdown-menu .link-list>li>a.disabled,.dropdown-menu .link-list>li>a:disabled,.dropdown-menu>li.disabled>a,.dropdown-menu>li>a.disabled,.dropdown-menu>li>a:disabled {
    color: #a7a9bc;
    cursor: not-allowed;
    opacity: 1
}

.dropdown-item.disabled .form-check-label,.dropdown-item.disabled label,.dropdown-item:disabled .form-check-label,.dropdown-item:disabled label,.dropdown-menu .link-list>.disabled>a .form-check-label,.dropdown-menu .link-list>.disabled>a label,.dropdown-menu .link-list>li>a.disabled .form-check-label,.dropdown-menu .link-list>li>a.disabled label,.dropdown-menu .link-list>li>a:disabled .form-check-label,.dropdown-menu .link-list>li>a:disabled label,.dropdown-menu>li.disabled>a .form-check-label,.dropdown-menu>li.disabled>a label,.dropdown-menu>li>a.disabled .form-check-label,.dropdown-menu>li>a.disabled label,.dropdown-menu>li>a:disabled .form-check-label,.dropdown-menu>li>a:disabled label {
    color: #a7a9bc
}

.dropdown-item .form-check,.dropdown-menu .link-list>li>a .form-check,.dropdown-menu>li>a .form-check {
    margin-bottom: 0
}

.dropdown-item .custom-control,.dropdown-menu .link-list>li>a .custom-control,.dropdown-menu>li>a .custom-control {
    margin-bottom: 0;
    margin-left: 0;
    min-height: 1.0625rem
}

.dropdown-section {
    padding: .5rem 1.25rem
}

.dropdown-section .form-group+.form-group {
    margin-top: 1rem
}

.dropdown-menu {
    font-size: .875rem;
    max-height: 500px;
    max-width: 240px;
    min-height: 40px;
    overflow: auto;
    padding-bottom: 0
}

.dropdown-menu::after {
    content: "";
    display: block;
    padding-top: .375rem
}

@media(max-width: 991.98px) {
    .dropdown-menu {
        max-height:295px;
        max-width: 230px
    }
}

.dropdown-menu .alert,.dropdown-menu .portlet-msg-alert,.dropdown-menu .portlet-msg-error,.dropdown-menu .portlet-msg-help,.dropdown-menu .portlet-msg-info,.dropdown-menu .portlet-msg-progress,.dropdown-menu .portlet-msg-success {
    line-height: normal;
    margin: .5rem;
    padding: .375rem 1.25rem
}

.dropdown-menu .alert:first-child,.dropdown-menu .portlet-msg-alert:first-child,.dropdown-menu .portlet-msg-error:first-child,.dropdown-menu .portlet-msg-help:first-child,.dropdown-menu .portlet-msg-info:first-child,.dropdown-menu .portlet-msg-progress:first-child,.dropdown-menu .portlet-msg-success:first-child {
    margin-top: 0
}

.dropdown-menu .alert:last-child,.dropdown-menu .portlet-msg-alert:last-child,.dropdown-menu .portlet-msg-error:last-child,.dropdown-menu .portlet-msg-help:last-child,.dropdown-menu .portlet-msg-info:last-child,.dropdown-menu .portlet-msg-progress:last-child,.dropdown-menu .portlet-msg-success:last-child {
    margin-bottom: 0
}

.dropdown-menu .alert-fluid {
    margin-right: 0;
    margin-left: 0
}

.dropdown-menu .alert-fluid:first-child {
    margin-top: -.375rem
}

.dropdown-menu .alert-fluid:last-child {
    margin-bottom: -.375rem
}

.dropdown-menu .form-group {
    margin-bottom: 0
}

.dropdown-menu .inline-scroller {
    max-height: 200px
}

@media(max-width: 991.98px) {
    .dropdown-menu .inline-scroller {
        max-height:none
    }
}

.dropdown-menu>.list-unstyled {
    margin-bottom: 0
}

.dropdown-action {
    display: inline-block;
    font-size: 1rem;
    vertical-align: middle
}

.dropdown-action>.dropdown-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .25rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    font-size: inherit;
    font-weight: inherit;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: inherit;
    padding: 0;
    text-transform: inherit;
    vertical-align: baseline
}

.dropdown-action>.dropdown-toggle.disabled,.dropdown-action>.dropdown-toggle:disabled {
    cursor: not-allowed;
    opacity: .4
}

.dropdown-action>.dropdown-toggle .inline-item .lexicon-icon,.dropdown-action>.dropdown-toggle .lexicon-icon {
    margin-top: 0
}

.dropdown-menu-indicator-start .dropdown-item-indicator {
    height: 1rem;
    right: 1.25rem;
    position: absolute;
    top: .5rem;
    width: 1rem
}

.dropdown-menu-indicator-start .dropdown-item-indicator-start {
    height: 1rem;
    right: 1.25rem;
    position: absolute;
    left: auto;
    top: .5rem;
    width: 1rem
}

.dropdown-menu .dropdown-menu-indicator-start .link-list>li>a,.dropdown-menu-indicator-start .dropdown-caption,.dropdown-menu-indicator-start .dropdown-header,.dropdown-menu-indicator-start .dropdown-item,.dropdown-menu-indicator-start .dropdown-menu .link-list>li>a,.dropdown-menu-indicator-start .dropdown-menu>li>a,.dropdown-menu-indicator-start .dropdown-subheader {
    padding-right: 3.25rem
}

.dropdown-menu-indicator-end .dropdown-item-indicator {
    position: absolute;
    left: 1.25rem;
    top: .5rem
}

.dropdown-menu-indicator-end .dropdown-item-indicator-end {
    right: auto;
    position: absolute;
    left: 1.25rem;
    top: .5rem
}

.dropdown-menu .dropdown-menu-indicator-end .link-list>li>a,.dropdown-menu-indicator-end .dropdown-item,.dropdown-menu-indicator-end .dropdown-menu .link-list>li>a,.dropdown-menu-indicator-end .dropdown-menu>li>a {
    padding-left: 3.25rem
}

.dropdown-menu-top {
    bottom: 100% !important;
    right: 0 !important;
    margin-top: 0;
    margin-bottom: .3125rem;
    left: auto !important;
    top: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important
}

.dropdown-menu-top-right {
    bottom: 100% !important;
    right: auto !important;
    margin-top: 0;
    margin-bottom: .3125rem;
    left: 0 !important;
    top: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important
}

.dropdown-menu-top-center {
    bottom: 100% !important;
    right: 50% !important;
    margin-top: 0;
    margin-bottom: .3125rem;
    left: auto !important;
    top: auto !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(calc(-50% * -1)) !important;
    will-change: auto !important
}

.dropdown-menu-center {
    bottom: auto !important;
    right: 50% !important;
    left: auto !important;
    top: 100% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(calc(-50% * -1)) !important;
    will-change: auto !important
}

.dropdown-menu-left-side {
    bottom: auto !important;
    right: auto !important;
    margin-left: .3125rem;
    margin-top: 0;
    left: 100% !important;
    top: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important
}

.dropdown-menu-left-side-bottom {
    bottom: 0 !important;
    right: auto !important;
    margin-left: .3125rem;
    margin-top: 0;
    left: 100% !important;
    top: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important
}

.dropdown-menu-left-side-middle {
    bottom: auto !important;
    right: auto !important;
    margin-left: .3125rem;
    margin-top: 0;
    left: 100% !important;
    top: 50% !important;
    -webkit-transform: translate(0,-50%) !important;
    transform: translate(0,-50%) !important;
    will-change: auto !important
}

.dropdown-menu-right-side {
    bottom: auto !important;
    right: 100% !important;
    margin-right: .3125rem;
    margin-top: 0;
    left: auto !important;
    top: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important
}

.dropdown-menu-right-side-bottom {
    bottom: 0 !important;
    right: 100% !important;
    margin-right: .3125rem;
    margin-top: 0;
    left: auto !important;
    top: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important
}

.dropdown-menu-right-side-middle {
    bottom: auto !important;
    right: 100% !important;
    margin-right: .3125rem;
    margin-top: 0;
    left: auto !important;
    top: 50% !important;
    -webkit-transform: translate(0,-50%) !important;
    transform: translate(0,-50%) !important;
    will-change: auto !important
}

.dropdown-full .dropdown-menu,.dropdown-wide .dropdown-menu {
    max-width: none;
    width: 100%
}

@media(min-width: 768px) {
    .dropdown-full .dropdown-menu,.dropdown-wide .dropdown-menu {
        max-height:none;
        width: 100%
    }
}

.dropdown-full .dropdown-header~.dropdown-header,.dropdown-wide .dropdown-header~.dropdown-header {
    margin-top: 20px
}

.dropdown-full .dropdown-menu>.row,.dropdown-full .form-horizontal.dropdown-menu>.form-group,.dropdown-wide .dropdown-menu>.row,.dropdown-wide .form-horizontal.dropdown-menu>.form-group {
    margin-right: 0;
    margin-left: 0;
    min-width: 500px
}

@media(min-width: 992px) {
    .dropdown-wide .dropdown-menu {
        min-width:500px
    }
}

@media(min-width: 768px) {
    .dropdown-full .autocomplete-dropdown-menu,.dropdown-full .dropdown-menu-autocomplete {
        max-height:10rem
    }
}

.autocomplete-dropdown-menu,.dropdown-menu-autocomplete {
    max-height: 10rem;
    max-width: none;
    width: 100%
}

.nav-item.dropdown-full,.nav-underline .dropdown-full.tab {
    position: static
}

@media(max-width: 991.98px) {
    .nav-item.dropdown-wide,.nav-underline .dropdown-wide.tab {
        position:static
    }
}

@media(max-width: 767.98px) {
    .navbar-nav .dropdown-menu-center {
        -webkit-transform:none;
        transform: none
    }
}

.navbar-right .dropdown-menu-center {
    right: 50%;
    left: auto
}

[type=checkbox] {
    cursor: pointer;
    height: 14px;
    width: 14px
}

[type=checkbox]:disabled {
    cursor: not-allowed
}

[type=radio] {
    cursor: pointer;
    height: 15px;
    width: 14px
}

[type=radio]:disabled {
    cursor: not-allowed
}

fieldset {
    word-wrap: break-word
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell
    }
}

.form-control[multiple],.form-control[size] {
    height: auto
}

select.form-control {
    cursor: pointer
}

select.form-control option {
    cursor: pointer
}

.form-control-select,select.form-control:not([multiple]):not([size]) {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664zM165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236B6C7E'/%3E%3C/svg%3E");
    background-position: left .5em center;
    background-repeat: no-repeat;
    background-size: 1.5em auto;
    padding-left: 2em
}

.form-control-select::-ms-expand,select.form-control:not([multiple]):not([size])::-ms-expand {
    display: none
}

.form-control-select:focus,select.form-control:not([multiple]):not([size]):focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664zM165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236B6C7E'/%3E%3C/svg%3E")
}

.form-control-select:disabled,select.form-control:not([multiple]):not([size]):disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664zM165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23A7A9BC'/%3E%3C/svg%3E")
}

.form-control.form-control-textarea,textarea.form-control,textarea.form-control-plaintext {
    height: 100px
}

.form-control-file {
    cursor: pointer
}

.form-control-file::-webkit-file-upload-button {
    cursor: pointer
}

.form-check-label {
    cursor: pointer;
    display: inline;
    position: relative
}

.form-check-input {
    position: static
}

.form-check-input:disabled {
    cursor: not-allowed
}

.form-check-input:disabled+.form-check-label-text {
    color: #a7a9bc;
    cursor: not-allowed
}

.form-check-label-text {
    margin-right: -.1875rem;
    padding-right: .5rem
}

fieldset[disabled] label,label.disabled {
    color: #a7a9bc;
    cursor: not-allowed
}

fieldset[disabled] label .form-control {
    font-weight: 400;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    border-color: #f1f2f5;
    color: #a7a9bc;
    cursor: not-allowed
}

.form-control[disabled]::-webkit-input-placeholder,fieldset[disabled] .form-control::-webkit-input-placeholder {
    color: #a7a9bc
}

.form-control[disabled]::-moz-placeholder,fieldset[disabled] .form-control::-moz-placeholder {
    color: #a7a9bc
}

.form-control[disabled]:-ms-input-placeholder,fieldset[disabled] .form-control:-ms-input-placeholder {
    color: #a7a9bc
}

.form-control[disabled]::-ms-input-placeholder,fieldset[disabled] .form-control::-ms-input-placeholder {
    color: #a7a9bc
}

.form-control[disabled]::placeholder,fieldset[disabled] .form-control::placeholder {
    color: #a7a9bc
}

@media(-webkit-min-device-pixel-ratio: 0) {
    .form-control[disabled]>option {
        color:#a7a9bc
    }
}

.form-control-file:disabled {
    cursor: not-allowed
}

.form-control-file:disabled::-webkit-file-upload-button {
    cursor: not-allowed
}

.form-control[readonly] {
    background-color: #e7e7ed
}

.form-control-lg,.input-group-lg>.form-control,.input-lg {
    font-size: 1.125rem;
    height: 3rem
}

.form-control-lg.form-control-textarea,.form-control-textarea.input-lg,.input-group-lg>.form-control-textarea.form-control,.input-group-lg>textarea.form-control,textarea.form-control-lg,textarea.input-lg {
    height: 120px
}

.form-group-sm .form-control,.form-group-sm .form-control-plaintext {
    border-radius: .1875rem;
    font-size: .875rem;
    height: 2rem;
    padding-bottom: .25rem;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: .25rem
}

.form-control-sm,.input-group-sm>.form-control,.input-sm {
    font-size: .875rem;
    height: 2rem
}

.form-group-sm select.form-control:not([size]):not([multiple]) {
    height: 2rem
}

.form-group-sm .form-control.form-control-textarea,.form-group-sm textarea.form-control {
    height: 80px
}

.form-control-sm.form-control-textarea,.form-control-textarea.input-sm,.input-group-sm>.form-control-textarea.form-control,.input-group-sm>textarea.form-control,textarea.form-control-sm,textarea.input-sm {
    height: 80px
}

.form-group-autofit {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.5rem
}

@media(min-width: 576px) {
    .form-group-autofit {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }
}

.form-group-autofit label {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.form-group-autofit .form-group-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 25px;
    position: relative;
    width: 100%
}

.form-group-autofit .form-group-item:not(:last-child) {
    margin-bottom: 1.5rem
}

@media(max-width: 575.98px) {
    .form-group-autofit .form-group-item:not(:last-child) {
        margin-bottom:1rem
    }
}

@media(min-width: 576px) {
    .form-group-autofit>.form-group-item:not(:last-child) {
        margin-bottom:0;
        margin-left: 12px
    }
}

.form-group-autofit .form-group-item-shrink {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
    width: auto
}

@media(max-width: 575.98px) {
    .form-group-autofit .form-group-item-label:not(:last-child) {
        margin-bottom:0
    }
}

@media(min-width: 576px) {
    .form-group-item-label {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 2.5rem
    }

    .form-group-item-label>label {
        margin-bottom: 0;
        max-width: 12.5rem
    }
}

@media(min-width: 576px) {
    .form-group-item-label-spacer {
        margin-top:1.5625rem
    }
}

.form-group {
    position: relative
}

@media(max-width: 767.98px) {
    .form-group {
        margin-bottom:1rem
    }
}

.form-group-sm {
    margin-bottom: 1rem
}

.form-group-sm label {
    margin-bottom: .1875rem
}

.form-group-sm .form-control[size],.form-group-sm select[multiple] {
    height: auto
}

.form-group-sm .form-feedback-item~.form-feedback-item,.form-group-sm .form-feedback-item~.form-text,.form-group-sm .form-text~.form-feedback-item,.form-group-sm .form-text~.form-text {
    margin-top: 0
}

@media(min-width: 576px) {
    .form-group-sm .form-group-item-label {
        min-height:2rem
    }

    .form-group-sm .form-group-item-label>label {
        margin-bottom: 0
    }
}

@media(min-width: 576px) {
    .form-group-sm .form-group-item-label-spacer {
        margin-top:1.5625rem
    }
}

.component-link {
    border-radius: 1px;
    color: #6b6c7e;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.component-link:hover {
    color: #484955
}

.component-link:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #484955;
    outline: 0
}

.single-link {
    font-weight: 600
}

.link-primary {
    border-radius: 1px;
    color: #0b5fff;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.link-primary:hover {
    color: #0041be
}

.link-primary:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #0041be;
    outline: 0
}

.link-secondary {
    border-radius: 1px;
    color: #6b6c7e;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.link-secondary:hover {
    color: #272833
}

.link-secondary:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833;
    outline: 0
}

button.link-outline {
    cursor: pointer
}

.link-outline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border-color: transparent;
    border-radius: .25rem;
    border-style: solid;
    border-width: 1px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.15;
    padding-bottom: .4375rem;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: .4375rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    vertical-align: middle
}

.link-outline:hover {
    text-decoration: none
}

.link-outline .inline-item .lexicon-icon,.link-outline .lexicon-icon {
    margin-top: 0
}

.link-outline-primary {
    border-color: #0b5fff;
    color: #0b5fff
}

.link-outline-primary:hover {
    background-color: #f0f5ff;
    color: #0b5fff
}

button.link-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    outline: 0
}

.link-outline-primary:focus {
    background-color: #f0f5ff;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #0b5fff;
    outline: 0
}

.link-outline-primary:active {
    background-color: #e6edf8;
    color: #0b5fff
}

.link-outline-primary.active,.nav-underline .tab.active a.link-outline-primary,.show>.link-outline-primary {
    background-color: #e6edf8;
    color: #0b5fff
}

.link-outline-primary.disabled,.link-outline-primary:disabled {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0b5fff;
    cursor: not-allowed;
    opacity: .4
}

.link-outline-secondary {
    border-color: #cdced9;
    color: #6b6c7e
}

.link-outline-secondary:hover {
    background-color: rgba(39,40,51,.03);
    color: #272833
}

button.link-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    outline: 0
}

.link-outline-secondary:focus {
    background-color: rgba(39,40,51,.03);
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833;
    outline: 0
}

.link-outline-secondary:active {
    background-color: rgba(39,40,51,.06);
    color: #272833
}

.link-outline-secondary.active,.nav-underline .tab.active a.link-outline-secondary,.show>.link-outline-secondary {
    background-color: rgba(39,40,51,.06);
    color: #272833
}

.link-outline-secondary.disabled,.link-outline-secondary:disabled {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #6b6c7e;
    cursor: not-allowed;
    opacity: .4
}

.link-outline-borderless {
    border-color: transparent
}

.component-action,.link-monospaced {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    width: 2rem
}

.component-action .inline-item .lexicon-icon,.component-action .lexicon-icon,.link-monospaced .inline-item .lexicon-icon,.link-monospaced .lexicon-icon {
    margin-top: 0
}

.component-title {
    color: #272833;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: calc((2rem - 1.25em)/ 2);
    margin-top: calc((2rem - 1.25em)/ 2)
}

.component-title a {
    border-radius: 1px;
    color: #272833;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.component-title a:hover {
    color: #060608
}

.component-title a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #060608;
    outline: 0
}

.component-subtitle {
    color: #6b6c7e;
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 0
}

.component-subtitle a {
    border-radius: 1px;
    color: #6b6c7e;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.component-subtitle a:hover {
    color: #272833
}

.component-subtitle a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833;
    outline: 0
}

.component-action {
    background-color: transparent;
    border-color: transparent;
    border-radius: .25rem;
    color: #6b6c7e;
    font-size: 1rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.component-action:hover {
    background-color: rgba(39,40,51,.03);
    color: #272833
}

button.component-action:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    outline: 0
}

.component-action:focus {
    background-color: rgba(39,40,51,.03);
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833;
    outline: 0
}

.component-action:active {
    background-color: rgba(39,40,51,.06);
    color: #272833
}

.component-action.active,.nav-underline .tab.active a.component-action,.show>.component-action {
    background-color: rgba(39,40,51,.06);
    color: #272833
}

.component-action.disabled,.component-action:disabled {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #6b6c7e;
    cursor: not-allowed;
    opacity: .4
}

.form-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.form-file-input {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 10
}

.form-file-input::-webkit-file-upload-button {
    cursor: pointer
}

.form-file-input:focus+.input-group {
    border-radius: 1px;
    -webkit-box-shadow: 0 0 0 .075rem #fff,0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.form-file-input:disabled {
    cursor: not-allowed
}

.form-file-input:disabled::-webkit-file-upload-button {
    cursor: not-allowed
}

.custom-control {
    margin-bottom: .5rem;
    min-height: 1.5625rem
}

.custom-control label {
    cursor: pointer;
    font-size: 1rem
}

.custom-control-label {
    font-size: .875rem;
    line-height: 1.5625rem;
    position: static
}

label.custom-control-label {
    font-size: .875rem
}

.custom-control-label-text {
    padding-right: .5rem
}

.custom-control-label-text .small,.custom-control-label-text small {
    font-size: 100%
}

.custom-control-label::before {
    border-color: #cdced9;
    border-style: solid;
    border-width: .0625rem;
    font-size: 1.0625rem;
    right: 0;
    top: .25rem
}

.custom-control-label::after {
    right: 0;
    top: .25rem
}

.custom-control-input {
    cursor: pointer
}

.custom-control-input:active~.custom-control-label::before {
    border-color: #cdced9
}

.custom-control-input:active:checked~.custom-control-label::before {
    background-color: #0b5fff;
    border-color: #0b5fff
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #0b5fff
}

.custom-control-input:disabled {
    cursor: not-allowed
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #f1f2f5;
    border-color: #f1f2f5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-control-input:disabled~.custom-control-label {
    cursor: not-allowed
}

.custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #b3cdff;
    border-color: #b3cdff
}

.custom-control .custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-size: 60%
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #0b5fff;
    border-color: #0b5fff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-size: 53%
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: #b3cdff;
    border-color: #b3cdff
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-size: 65%
}

.custom-radio .custom-control-input:disabled~.custom-control-label::before {
    border-color: #f1f2f5
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #b3cdff
}

.custom-control {
    padding-right: 0
}

.custom-control label {
    display: inline;
    margin-bottom: 0
}

.custom-control-input {
    height: 1.0625rem;
    right: 0;
    top: .25rem;
    width: 1.0625rem;
    z-index: 1
}

.custom-control-label::before {
    display: block;
    float: right;
    position: relative
}

.custom-control-inline {
    margin-left: 0
}

.custom-control-inline+.custom-control-inline {
    margin-right: 1rem
}

.invalid-feedback,.valid-feedback {
    font-size: .875rem
}

.form-feedback-group {
    width: 100%;
    word-wrap: break-word
}

.form-feedback-item {
    font-size: .875rem;
    margin-top: .25rem;
    word-wrap: break-word
}

.form-feedback-indicator {
    margin-right: .3125rem;
    margin-left: .3125rem
}

.form-feedback-indicator:first-child {
    margin-right: 0
}

.form-text {
    color: #6b6c7e;
    font-size: .875rem;
    word-wrap: break-word
}

.was-validated .form-control.is-valid,.was-validated .form-control:valid {
    background-color: #edf9f0;
    border-color: #5aca76;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent;
    color: #272833
}

.was-validated .form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.was-validated .form-control.is-invalid,.was-validated .form-control:invalid {
    background-color: #feefef;
    border-color: #f48989;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent;
    color: #272833
}

.was-validated .form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.has-error .custom-control-label,.has-error .form-check-label {
    color: #da1414
}

.has-error .form-control {
    background-color: #feefef;
    border-color: #f48989;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent;
    color: #272833
}

.has-error .form-control:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.has-error .form-feedback-item {
    color: #da1414
}

.has-error select.form-control:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664zM165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23f48989'/%3E%3C/svg%3E")
}

.has-error .input-group-item.focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.has-error .input-group-item.focus .form-control,.has-error .input-group-item.focus .input-group-inset-item {
    background-color: #feefef;
    border-color: #f48989
}

.has-error .input-group-item .input-group-inset:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-error .input-group-item .input-group-inset:focus~.input-group-inset-item {
    background-color: #feefef;
    border-color: #f48989
}

.has-error .input-group-inset-item {
    background-color: #feefef;
    border-color: #f48989;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent
}

.has-warning .custom-control-label,.has-warning .form-check-label {
    color: #b95000
}

.has-warning .form-control {
    background-color: #fff4ec;
    border-color: #ff8f39;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent;
    color: #272833
}

.has-warning .form-control:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.has-warning .form-feedback-item {
    color: #b95000
}

.has-warning select.form-control:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664zM165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23ff8f39'/%3E%3C/svg%3E")
}

.has-warning .input-group-item.focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.has-warning .input-group-item.focus .form-control,.has-warning .input-group-item.focus .input-group-inset-item {
    background-color: #fff4ec;
    border-color: #ff8f39
}

.has-warning .input-group-item .input-group-inset:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-warning .input-group-item .input-group-inset:focus~.input-group-inset-item {
    background-color: #fff4ec;
    border-color: #ff8f39
}

.has-warning .input-group-inset-item {
    background-color: #fff4ec;
    border-color: #ff8f39;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent
}

.has-success .custom-control-label,.has-success .form-check-label {
    color: #287d3d
}

.has-success .form-control {
    background-color: #edf9f0;
    border-color: #5aca76;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent;
    color: #272833
}

.has-success .form-control:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.has-success .form-feedback-item {
    color: #287d3d
}

.has-success select.form-control:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664zM165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca76'/%3E%3C/svg%3E")
}

.has-success .input-group-item.focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.has-success .input-group-item.focus .form-control,.has-success .input-group-item.focus .input-group-inset-item {
    background-color: #edf9f0;
    border-color: #5aca76
}

.has-success .input-group-item .input-group-inset:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-success .input-group-item .input-group-inset:focus~.input-group-inset-item {
    background-color: #edf9f0;
    border-color: #5aca76
}

.has-success .input-group-inset-item {
    background-color: #edf9f0;
    border-color: #5aca76;
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent
}

.lexicon-icon {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    margin-top: -3px;
    vertical-align: middle;
    width: 1em
}

.lexicon-icon-sm {
    font-size: .5rem
}

.lexicon-icon-lg {
    font-size: 2rem
}

.lexicon-icon-xl {
    font-size: 8rem
}

.order-arrow-down-active .order-arrow-arrow-up {
    fill: #a7a9bc
}

.order-arrow-up-active .order-arrow-arrow-down {
    fill: #a7a9bc
}

a.collapse-icon {
    padding-left: 2.28125rem
}

.collapse-icon-closed .lexicon-icon,.collapse-icon-open .lexicon-icon {
    display: block
}

.collapse-icon .collapse-icon-closed,.collapse-icon .collapse-icon-open {
    height: 1em;
    position: absolute;
    left: .9375rem;
    top: calc(.6875rem + .203125em);
    width: 1em
}

.collapse-icon .collapse-icon-closed .lexicon-icon,.collapse-icon .collapse-icon-open .lexicon-icon {
    margin-top: 0
}

.collapse-icon .collapse-icon-closed {
    display: none
}

.collapse-icon .collapse-icon-open {
    display: inline-block
}

.collapsed .collapse-icon-closed {
    display: inline-block
}

.collapsed .collapse-icon-open {
    display: none
}

.collapse-icon.collapse-icon-middle .collapse-icon-closed,.collapse-icon.collapse-icon-middle .collapse-icon-open {
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input-group .btn:hover {
    z-index: 3
}

.input-group .btn:focus,.input-group .form-control:focus {
    z-index: 4
}

.input-group .btn-unstyled {
    color: inherit
}

.input-group-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: .5rem;
    width: 1%;
    word-wrap: break-word
}

.input-group-item:first-child {
    margin-right: 0
}

.input-group-item>.btn {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.input-group-item>.dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    word-wrap: break-word;
    width: 100%
}

.input-group-item-shrink {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: auto
}

.input-group-prepend {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: -.0625rem
}

.input-group-prepend+.input-group-append,.input-group-prepend+.input-group-item:not(.input-group-append),.input-group-prepend+.input-group-prepend {
    margin-right: 0
}

.input-group-prepend+.input-group-item:not(.input-group-append) .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-prepend:not(:first-child)>.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-prepend>.form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-item:not(.input-group-prepend)+.input-group-prepend .btn {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.input-group-item:not(.input-group-prepend)+.input-group-prepend .form-control,.input-group-item:not(.input-group-prepend)+.input-group-prepend .input-group-text {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.input-group-append {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-right: -.0625rem
}

.input-group>.input-group-append>.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append:last-child>.form-file:not(:last-child) .btn,.input-group>.input-group-append:not(:last-child)>.form-file .btn,.input-group>.input-group-prepend>.form-file .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.input-group-append>.form-file .btn,.input-group>.input-group-prepend:first-child>.form-file:not(:first-child) .btn,.input-group>.input-group-prepend:not(:first-child)>.form-file .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-width: .0625rem;
    border-right-width: .0625rem;
    border-left-width: .0625rem;
    border-top-width: .0625rem;
    color: #6b6c7e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    height: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 2.5rem;
    padding-right: .75rem;
    padding-left: .75rem
}

.input-group-text label {
    color: #6b6c7e
}

.input-group-text .custom-control,.input-group-text .form-check {
    margin-bottom: 0
}

.input-group-text .lexicon-icon {
    margin-top: 0
}

.input-group-text-secondary {
    background-color: #fff;
    border-color: #cdced9;
    border-width: .0625rem;
    color: #6b6c7e;
    z-index: 2
}

.input-group-text-secondary label {
    color: #6b6c7e
}

.input-group-item.focus {
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.input-group-item.focus .form-control,.input-group-item.focus .form-control[readonly]~.input-group-inset-item,.input-group-item.focus .input-group-inset-item {
    background-color: #f0f5ff;
    border-color: #80acff
}

.input-group-item.input-group-prepend.focus {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 1
}

.input-group-item.input-group-append.focus {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-inset {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    width: 1%
}

.input-group-inset[readonly]~.input-group-inset-item {
    background-color: #e7e7ed
}

.input-group-inset:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-group-inset:focus~.input-group-inset-item {
    background-color: #f0f5ff;
    border-color: #80acff
}

.input-group-inset:disabled~.input-group-inset-item {
    background-color: #f1f2f5;
    border-color: #f1f2f5
}

.input-group-inset~.form-feedback-group {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.input-group-inset-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f2f5;
    border-bottom-width: .0625rem;
    border-color: #e7e7ed;
    border-right-width: .0625rem;
    border-left-width: .0625rem;
    border-style: solid;
    border-top-width: .0625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.input-group-inset-item .btn {
    height: 75%;
    line-height: 1;
    margin-right: .125rem;
    margin-left: .125rem;
    padding-bottom: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: 0
}

.input-group-inset-item .form-file {
    height: 75%
}

.input-group-inset-item .form-file .btn {
    height: 100%
}

.input-group-item .input-group-inset-before.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-right-width: 0;
    padding-right: 0
}

.input-group-inset-item-before {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-left-width: 0;
    color: #6b6c7e;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.input-group-append .input-group-inset-item-before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-item .input-group-inset-after.form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
    padding-left: 0
}

.input-group-inset-item-after {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-right-width: 0;
    color: #6b6c7e;
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.input-group-prepend .input-group-inset-item-after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 1
}

@media(max-width: 575.98px) {
    .input-group-stacked-sm-down .input-group-item {
        margin-bottom:.5rem;
        margin-right: 0;
        width: 100%
    }

    .input-group-stacked-sm-down .input-group-item-shrink {
        margin-left: .5rem;
        width: auto
    }
}

.input-group-lg .input-group-item .btn {
    font-size: 1.125rem
}

.input-group-lg .input-group-item .btn .inline-item {
    font-size: 1.125rem
}

.input-group-lg .input-group-item .btn .btn-section {
    font-size: .8125rem
}

.input-group-lg .input-group-item .btn-monospaced {
    height: 3rem;
    line-height: 1;
    padding-bottom: .375rem;
    padding-right: 0;
    padding-left: 0;
    padding-top: .375rem;
    width: 3rem
}

.input-group-lg .input-group-item .form-control,.input-group-lg .input-group-item .form-file .btn {
    font-size: 1.125rem;
    height: 3rem;
    line-height: 1.5;
    padding-bottom: .4375rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: .4375rem
}

.input-group-lg .input-group-item .form-control-plaintext {
    font-size: 1.125rem;
    height: 3rem;
    line-height: 1.5;
    padding-bottom: .4375rem;
    padding-top: .4375rem
}

.input-group-lg .input-group-item .input-group-text {
    font-size: 1.125rem;
    height: 3rem;
    min-width: 3rem;
    padding-right: 1rem;
    padding-left: 1rem
}

.input-group-lg .input-group-inset-item .form-file {
    height: 75%
}

.input-group-lg .input-group-inset-item .form-file .btn {
    height: 100%;
    line-height: 1;
    padding-bottom: 0;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: 0
}

.form-group-sm .input-group .input-group-item .btn,.input-group-sm .input-group-item .btn {
    font-size: .875rem
}

.form-group-sm .input-group .input-group-item .btn .btn-section,.input-group-sm .input-group-item .btn .btn-section {
    font-size: .5625rem
}

.form-group-sm .input-group .input-group-item .btn-monospaced,.input-group-sm .input-group-item .btn-monospaced {
    height: 2rem;
    line-height: 1;
    padding-bottom: .1875rem;
    padding-right: 0;
    padding-left: 0;
    padding-top: .1875rem;
    width: 2rem
}

.form-group-sm .input-group .input-group-item .form-control,.form-group-sm .input-group .input-group-item .form-file .btn,.input-group-sm .input-group-item .form-control,.input-group-sm .input-group-item .form-file .btn {
    font-size: .875rem;
    height: 2rem;
    line-height: 1.5;
    padding-bottom: .25rem;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: .25rem
}

.form-group-sm .input-group .input-group-item .form-control-plaintext,.input-group-sm .input-group-item .form-control-plaintext {
    font-size: .875rem;
    height: 2rem;
    line-height: 1.5;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.form-group-sm .input-group .input-group-item .input-group-text,.input-group-sm .input-group-item .input-group-text {
    font-size: .875rem;
    height: 2rem;
    min-width: 2rem;
    padding-right: .75rem;
    padding-left: .75rem
}

.form-group-sm .input-group .input-group-inset-item .btn,.input-group-sm .input-group-inset-item .btn {
    line-height: 1;
    padding-bottom: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: 0
}

.form-group-sm .input-group .input-group-inset-item .form-file,.input-group-sm .input-group-inset-item .form-file {
    height: 75%
}

.form-group-sm .input-group .input-group-inset-item .form-file .btn,.input-group-sm .input-group-inset-item .form-file .btn {
    height: 100%;
    line-height: 1;
    padding-bottom: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: 0
}

.input-group-password .form-control[type=text]~.input-group-inset-item .input-password-label {
    display: none
}

.input-group-password .form-control[type=password]~.input-group-inset-item .input-text-label {
    display: none
}

.list-group {
    border-radius: .25rem;
    color: #6b6c7e;
    font-size: .875rem;
    margin-bottom: 1.5rem
}

.list-group-bordered .list-group-item-flex {
    padding: 0
}

.list-group-bordered .list-group-item-flex.active .autofit-col,.list-group-bordered .nav-underline .tab.active a.list-group-item-flex .autofit-col,.nav-underline .tab.active .list-group-bordered a.list-group-item-flex .autofit-col {
    border-color: #e7e7ed
}

.list-group-bordered .autofit-col {
    border-right: 1px solid #e7e7ed;
    border-left: 1px solid #e7e7ed;
    margin-right: -1px;
    padding: 1rem 1rem
}

.list-group-bordered .autofit-col:first-child,.list-group-bordered .autofit-col:last-child {
    border-right-width: 0;
    border-left-width: 0;
    margin-right: 0
}

.list-group-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f8f9;
    border: 1px solid #e7e7ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -1px;
    padding: .5rem 1rem
}

.list-group-header:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.list-group-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.list-group-header-title {
    color: #6b6c7e;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
    text-transform: uppercase
}

.list-group-title {
    color: #272833;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 0;
    margin-top: -.25rem
}

.list-group-title a {
    border-radius: 1px;
    color: #272833;
    display: inline-block;
    max-width: 100%;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.list-group-title a:hover {
    color: #272833
}

.list-group-title a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    outline: 0
}

.list-group-subtitle {
    color: #6b6c7e;
    margin-bottom: 0
}

.list-group-subtitle a {
    border-radius: 1px;
    color: #6b6c7e;
    display: inline-block;
    max-width: 100%;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.list-group-subtitle a:hover {
    color: #272833
}

.list-group-subtitle a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    outline: 0
}

.list-group-text {
    color: #272833;
    line-height: 1.45;
    margin-bottom: 0
}

.list-group-text a {
    border-radius: 1px;
    color: #272833;
    display: inline-block;
    max-width: 100%;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.list-group-text a:hover {
    color: #272833
}

.list-group-text a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    outline: 0
}

.list-group-subtext {
    color: #6b6c7e;
    line-height: 1.45;
    margin-bottom: 0
}

.list-group-subtext a {
    border-radius: 1px;
    color: #6b6c7e;
    display: inline-block;
    max-width: 100%;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.list-group-subtext a:hover {
    color: #272833
}

.list-group-subtext a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    outline: 0
}

.nav-underline .tab.active .show-dropdown-action-on-active a.list-group-item .dropdown-action .dropdown-menu,.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu,.show-dropdown-action-on-active .nav-underline .tab.active a.list-group-item .dropdown-action .dropdown-menu {
    background-color: #f0f5ff
}

.dropdown-menu .nav-underline .tab.active .show-dropdown-action-on-active a.list-group-item .dropdown-action .link-list>li>a,.dropdown-menu .show-dropdown-action-on-active .list-group-item.active .dropdown-action .link-list>li>a,.dropdown-menu .show-dropdown-action-on-active .nav-underline .tab.active a.list-group-item .dropdown-action .link-list>li>a,.nav-underline .tab.active .show-dropdown-action-on-active a.list-group-item .dropdown-action .dropdown-item,.nav-underline .tab.active .show-dropdown-action-on-active a.list-group-item .dropdown-action .dropdown-menu .link-list>li>a,.nav-underline .tab.active .show-dropdown-action-on-active a.list-group-item .dropdown-action .dropdown-menu>li>a,.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-item,.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu .link-list>li>a,.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu>li>a,.show-dropdown-action-on-active .nav-underline .tab.active a.list-group-item .dropdown-action .dropdown-item,.show-dropdown-action-on-active .nav-underline .tab.active a.list-group-item .dropdown-action .dropdown-menu .link-list>li>a,.show-dropdown-action-on-active .nav-underline .tab.active a.list-group-item .dropdown-action .dropdown-menu>li>a {
    color: #272833
}

.list-group-item.active.focus,.list-group-item.active:focus,.nav-underline .tab.active a.list-group-item.focus,.nav-underline .tab.active a.list-group-item:focus {
    z-index: 2
}

.list-group-item.active .dropdown-action .dropdown-toggle,.list-group-item.active .list-group-link,.nav-underline .tab.active a.list-group-item .dropdown-action .dropdown-toggle,.nav-underline .tab.active a.list-group-item .list-group-link {
    color: #272833
}

.list-group-item.active .list-group-title,.list-group-item.active .list-group-title a,.list-group-item.active a.list-group-title,.nav-underline .tab.active a.list-group-item .list-group-title,.nav-underline .tab.active a.list-group-item .list-group-title a,.nav-underline .tab.active a.list-group-item a.list-group-title {
    color: #272833
}

.list-group-item.active .list-group-text,.list-group-item.active .list-group-text a,.list-group-item.active a.list-group-text,.nav-underline .tab.active a.list-group-item .list-group-text,.nav-underline .tab.active a.list-group-item .list-group-text a,.nav-underline .tab.active a.list-group-item a.list-group-text {
    color: #272833
}

.list-group-item.active .list-group-subtext,.list-group-item.active .list-group-subtext a,.list-group-item.active a.list-group-subtext,.nav-underline .tab.active a.list-group-item .list-group-subtext,.nav-underline .tab.active a.list-group-item .list-group-subtext a,.nav-underline .tab.active a.list-group-item a.list-group-subtext {
    color: #6b6c7e
}

.list-group-item.active .list-group-link,.nav-underline .tab.active a.list-group-item .list-group-link {
    color: #272833
}

.list-group-item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: .5rem;
    padding-left: .5rem
}

.list-group-item-flex .autofit-col {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: .5rem;
    padding-left: .5rem
}

.list-group-item-flex .autofit-col .custom-control:only-child {
    margin-bottom: 0;
    margin-top: .0625rem
}

.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-input,.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::after,.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::before {
    margin-top: .1875rem
}

.list-group-item-flex .autofit-col .form-check:only-child {
    margin-bottom: 0;
    margin-top: .0625rem;
    padding-top: .1875rem
}

.list-group-item-flex .autofit-col .sticker:only-child {
    margin-top: .0625rem
}

.list-group-item-flex .autofit-col .list-group-title:only-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin-top: 0
}

.list-group-item-flex .autofit-col .dropdown-action {
    margin-top: .0625rem
}

.list-group-item-flex .autofit-col .quick-action-item {
    margin-top: .0625rem
}

.list-group-item-action:focus {
    z-index: 1
}

.list-group-link {
    color: #272833
}

.list-group-link:focus,.list-group-link:hover {
    color: #272833
}

.sidebar-list-group .list-group-item {
    border-right-width: 0;
    border-radius: 0;
    border-left-width: 0
}

.sidebar-list-group .list-group-item>.autofit-col:first-child {
    padding-right: 0
}

.sidebar-list-group .list-group-item>.autofit-col:last-child {
    padding-left: 0
}

.show-quick-actions-on-hover .list-group-item:not(.active):hover .quick-action-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.show-quick-actions-on-hover .focus:not(.active) .quick-action-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-group .quick-action-menu {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    margin-bottom: -1rem;
    margin-top: -1rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.list-group-bordered .quick-action-menu {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.list-group-item-flex.active .quick-action-menu,.nav-underline .tab.active a.list-group-item-flex .quick-action-menu {
    background-color: #f0f5ff
}

.list-group-item-flex.active .quick-action-item,.nav-underline .tab.active a.list-group-item-flex .quick-action-item {
    color: #272833
}

.list-group-notification.list-group-bordered .quick-action-menu {
    margin-bottom: .0625rem;
    margin-top: .0625rem
}

.list-group-notification .list-group-item {
    border-width: 0;
    background-color: #fff;
    -webkit-box-shadow: inset .0625rem 0 #e7e7ed,inset -.0625rem 0 #e7e7ed,inset 0 .0625rem #e7e7ed,inset 0 -.0625rem #e7e7ed;
    box-shadow: inset .0625rem 0 #e7e7ed,inset -.0625rem 0 #e7e7ed,inset 0 .0625rem #e7e7ed,inset 0 -.0625rem #e7e7ed
}

.list-group-notification .list-group-item.active,.list-group-notification .nav-underline .tab.active a.list-group-item,.nav-underline .tab.active .list-group-notification a.list-group-item {
    background-color: #f0f5ff;
    -webkit-box-shadow: inset .0625rem 0 #e7e7ed,inset -.0625rem 0 #e7e7ed,inset 0 .0625rem #e7e7ed,inset 0 -.0625rem #e7e7ed;
    box-shadow: inset .0625rem 0 #e7e7ed,inset -.0625rem 0 #e7e7ed,inset 0 .0625rem #e7e7ed,inset 0 -.0625rem #e7e7ed
}

.list-group-notification .list-group-item-primary {
    background-color: #fff;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: inset .5rem 0 #80acff,inset -.0625rem 0 #e7e7ed,inset 0 .0625rem #e7e7ed,inset 0 -.0625rem #e7e7ed;
    box-shadow: inset .5rem 0 #80acff,inset -.0625rem 0 #e7e7ed,inset 0 .0625rem #e7e7ed,inset 0 -.0625rem #e7e7ed
}

.list-group-notification .list-group-item-primary.active,.list-group-notification .nav-underline .tab.active a.list-group-item-primary,.nav-underline .tab.active .list-group-notification a.list-group-item-primary {
    background-color: #f0f5ff;
    -webkit-box-shadow: inset .5rem 0 #80acff,inset -.0625rem 0 #e7e7ed,inset 0 .0625rem #e7e7ed,inset 0 -.0625rem #e7e7ed;
    box-shadow: inset .5rem 0 #80acff,inset -.0625rem 0 #e7e7ed,inset 0 .0625rem #e7e7ed,inset 0 -.0625rem #e7e7ed
}

.list-group-notification .quick-action-menu {
    margin-bottom: -.9375rem;
    margin-top: -.9375rem
}

.list-group-notification .autofit-col .quick-action-item {
    margin-top: 0
}

.modal-content {
    overflow: hidden
}

.modal-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-color: #e7e7ed;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 4rem;
    padding-bottom: 0;
    padding-top: 0
}

.modal-header .close {
    margin: 0;
    padding: 0
}

.modal-body.inline-scroller {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    padding: 1.5rem
}

.modal-body-flush {
    padding: 0
}

.modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: .75rem;
    padding-top: .75rem
}

.modal-item,.modal-item-first,.modal-item-last {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.modal-item-first {
    margin-left: auto
}

.modal-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.modal-footer>.modal-item-first {
    margin-left: auto
}

.modal-title {
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modal-title-indicator {
    display: inline-block;
    font-size: .875rem;
    margin-left: .5rem;
    margin-top: -.2em;
    vertical-align: middle
}

.modal .close:first-child {
    margin-right: -.3125rem
}

.modal .close:last-child {
    margin-left: -.3125rem
}

.close+.modal-title {
    margin-right: .3125rem
}

.modal-title+.close {
    margin-left: .3125rem
}

.modal-body-iframe {
    height: 160px;
    padding: 0
}

.modal-body-iframe iframe {
    border-width: 0;
    height: 100%;
    position: absolute;
    width: 100%
}

.modal-full-screen {
    bottom: 48px;
    right: 48px;
    margin: 0;
    max-width: none;
    position: absolute;
    left: 48px;
    top: 48px
}

@media(max-width: 767.98px) {
    .modal-full-screen {
        bottom:0;
        right: 0;
        left: 0;
        top: 0
    }
}

.modal-full-screen .modal-content {
    border-color: transparent;
    border-radius: .375rem;
    border-width: 1px;
    height: 100%
}

@media(max-width: 767.98px) {
    .modal-full-screen .modal-content {
        border-radius:0;
        border-width: 0
    }
}

.modal-full-screen .modal-body {
    overflow: auto
}

@media(max-width: 767.98px) {
    .modal-full-screen-sm-down {
        bottom:0;
        right: 0;
        margin: 0;
        max-width: none;
        position: absolute;
        left: 0;
        top: 0
    }

    .modal-full-screen-sm-down .modal-body {
        overflow: auto
    }

    .modal-full-screen-sm-down .modal-content {
        border-radius: 0;
        border-width: 0;
        height: 100%
    }
}

.modal-success .btn-monospaced {
    color: #287d3d
}

.modal-success .close {
    color: #287d3d
}

.modal-success .close:hover {
    color: inherit
}

.modal-success .close:focus {
    color: inherit
}

.modal-success .close.disabled,.modal-success .close:disabled {
    color: inherit
}

.modal-success .modal-header {
    background-color: #edf9f0;
    border-color: #5aca76;
    color: #287d3d
}

.modal-info .btn-monospaced {
    color: #2e5aac
}

.modal-info .close {
    color: #2e5aac
}

.modal-info .close:hover {
    color: inherit
}

.modal-info .close:focus {
    color: inherit
}

.modal-info .close.disabled,.modal-info .close:disabled {
    color: inherit
}

.modal-info .modal-header {
    background-color: #eef2fa;
    border-color: #89a7e0;
    color: #2e5aac
}

.modal-warning .btn-monospaced {
    color: #b95000
}

.modal-warning .close {
    color: #b95000
}

.modal-warning .close:hover {
    color: inherit
}

.modal-warning .close:focus {
    color: inherit
}

.modal-warning .close.disabled,.modal-warning .close:disabled {
    color: inherit
}

.modal-warning .modal-header {
    background-color: #fff4ec;
    border-color: #ff8f39;
    color: #b95000
}

.modal-danger .btn-monospaced {
    color: #da1414
}

.modal-danger .close {
    color: #da1414
}

.modal-danger .close:hover {
    color: inherit
}

.modal-danger .close:focus {
    color: inherit
}

.modal-danger .close.disabled,.modal-danger .close:disabled {
    color: inherit
}

.modal-danger .modal-header {
    background-color: #feefef;
    border-color: #f48989;
    color: #da1414
}

.multi-step-nav {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 15px;
    padding: 0 15px;
    position: relative
}

.multi-step-indicator-label-bottom .multi-step-item {
    padding-bottom: 1.3125rem
}

.multi-step-indicator-label-bottom .multi-step-indicator-label {
    top: 2rem
}

.multi-step-indicator-label-top .multi-step-item {
    padding-top: 1.3125rem
}

.multi-step-indicator-label-top .multi-step-indicator-label {
    bottom: 2.25rem
}

.multi-step-title-center .multi-step-title {
    margin-right: 1rem;
    max-width: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1));
    white-space: nowrap;
    width: auto
}

.multi-step-item {
    margin-bottom: 10px;
    position: relative
}

.multi-step-item.active .multi-step-icon,.nav-underline .tab.active a.multi-step-item .multi-step-icon {
    background-color: #0b5fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .875rem;
    color: #fff
}

.multi-step-item.active .multi-step-divider,.nav-underline .tab.active a.multi-step-item .multi-step-divider {
    background-color: #f1f2f5
}

.multi-step-item.active.complete .multi-step-icon,.nav-underline .tab.active a.multi-step-item.complete .multi-step-icon {
    background-color: #0b5fff;
    color: #fff
}

.multi-step-item.complete .dropdown .multi-step-icon,.multi-step-item.complete .dropdown .multi-step-icon:active {
    background-image: none
}

.multi-step-item.complete .multi-step-icon {
    background-color: #6b6c7e;
    color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M502.091%2060.993c-9.909-9.91-25.962-9.91-35.843%200L129.26%20397.981%2045.752%20314.53c-9.881-9.909-25.962-9.909-35.843%200-9.909%209.909-9.909%2025.962%200%2035.843l98.257%2098.257c2.608%202.608%205.679%204.433%208.924%205.679%204.028%202.464%208.403%204.115%2012.952%204.115%206.49%200%2012.981-2.464%2017.936-7.418L502.09%2096.865c9.909-9.909%209.909-25.962%200-35.871v-.001z'%20fill='%23FFF'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .875rem
}

.multi-step-item.complete .multi-step-icon[data-multi-step-icon]:before {
    content: normal
}

.multi-step-item.complete .multi-step-icon:active {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M502.091%2060.993c-9.909-9.91-25.962-9.91-35.843%200L129.26%20397.981%2045.752%20314.53c-9.881-9.909-25.962-9.909-35.843%200-9.909%209.909-9.909%2025.962%200%2035.843l98.257%2098.257c2.608%202.608%205.679%204.433%208.924%205.679%204.028%202.464%208.403%204.115%2012.952%204.115%206.49%200%2012.981-2.464%2017.936-7.418L502.09%2096.865c9.909-9.909%209.909-25.962%200-35.871v-.001z'%20fill='%23FFF'/%3E%3C/svg%3E")
}

.multi-step-item.complete .multi-step-divider {
    background-color: #6b6c7e
}

.multi-step-item.disabled .multi-step-title {
    color: #a7a9bc
}

.multi-step-item.disabled .multi-step-icon {
    background-color: #f1f2f5;
    background-repeat: no-repeat;
    color: #a7a9bc;
    cursor: not-allowed;
    opacity: 1
}

.multi-step-item.disabled .multi-step-icon:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.multi-step-item.disabled .multi-step-indicator-label {
    color: #a7a9bc
}

.multi-step-item.disabled .multi-step-divider {
    background-color: #f1f2f5
}

.multi-step-title {
    color: #6b6c7e;
    font-size: .875rem;
    font-weight: 600;
    line-height: normal;
    margin-bottom: .625rem;
    word-wrap: break-word
}

.multi-step-item-expand {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 75px
}

.multi-step-divider {
    background-color: #f1f2f5;
    height: .25rem;
    margin-right: 2rem;
    margin-top: -.25rem;
    position: relative;
    top: 1.125rem
}

.multi-step-indicator {
    position: relative;
    width: 2rem
}

.multi-step-indicator .dropdown-item-indicator,.multi-step-indicator .dropdown-item-indicator-end,.multi-step-indicator .dropdown-item-indicator-start {
    display: none
}

.multi-step-indicator .complete .dropdown-item-indicator,.multi-step-indicator .complete .dropdown-item-indicator-end,.multi-step-indicator .complete .dropdown-item-indicator-start {
    display: block
}

.multi-step-indicator .multi-step-indicator-label {
    color: #6b6c7e;
    font-size: .875rem;
    font-weight: 600;
    right: 50%;
    max-width: 100px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(calc(-50% * -1));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.multi-step-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f2f5;
    border-radius: 100px;
    border-width: 0;
    color: #6b6c7e;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2rem;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    width: 2rem
}

.multi-step-icon:hover {
    background-color: #f1f2f5;
    color: #6b6c7e;
    text-decoration: none
}

.multi-step-icon:focus {
    background-color: #f1f2f5;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #6b6c7e;
    outline: 0;
    text-decoration: none
}

.multi-step-icon[data-multi-step-icon]:before {
    content: attr(data-multi-step-icon);
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    width: 2rem
}

.multi-step-icon .btn-link {
    vertical-align: baseline
}

.multi-step-icon .lexicon-icon {
    height: .875rem;
    margin-top: 0;
    width: .875rem
}

.multi-step-item-fixed-width .multi-step-item-expand,.multi-step-item-fixed-width.multi-step-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 150px
}

@media(max-width: 767.98px) {
    .multi-step-nav-collapse-sm {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap
    }

    .multi-step-nav-collapse-sm.multi-step-indicator-label-top .multi-step-indicator-label {
        bottom: auto;
        top: 0
    }

    .multi-step-nav-collapse-sm.multi-step-indicator-label-bottom .multi-step-indicator-label {
        bottom: 0;
        top: auto
    }

    .multi-step-nav-collapse-sm.multi-step-title-center .multi-step-title {
        margin-right: 0;
        max-width: none;
        -webkit-transform: none;
        transform: none
    }

    .multi-step-nav-collapse-sm .active.multi-step-item,.multi-step-nav-collapse-sm .nav-underline .tab.active a.multi-step-item,.nav-underline .tab.active .multi-step-nav-collapse-sm a.multi-step-item {
        position: static
    }

    .multi-step-nav-collapse-sm .active .multi-step-title,.multi-step-nav-collapse-sm .nav-underline .tab.active a .multi-step-title,.nav-underline .tab.active .multi-step-nav-collapse-sm a .multi-step-title {
        display: block;
        right: 0;
        position: absolute;
        left: 0;
        text-align: center;
        top: 0
    }

    .multi-step-nav-collapse-sm .active .multi-step-indicator,.multi-step-nav-collapse-sm .nav-underline .tab.active a .multi-step-indicator,.nav-underline .tab.active .multi-step-nav-collapse-sm a .multi-step-indicator {
        position: static
    }

    .multi-step-nav-collapse-sm .active .multi-step-indicator-label,.multi-step-nav-collapse-sm .nav-underline .tab.active a .multi-step-indicator-label,.nav-underline .tab.active .multi-step-nav-collapse-sm a .multi-step-indicator-label {
        display: block;
        right: 0;
        max-width: none;
        position: absolute;
        left: 0;
        text-align: center;
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .multi-step-nav-collapse-sm .multi-step-item {
        margin-bottom: 0;
        min-width: 2rem;
        padding-top: 1.625rem
    }

    .multi-step-nav-collapse-sm .multi-step-title {
        display: none
    }

    .multi-step-nav-collapse-sm .multi-step-indicator-label {
        display: none
    }
}

.nav {
    font-size: .875rem
}

.nav-btn.btn-unstyled,.nav-link,.nav-underline .tab a {
    position: relative
}

.nav-btn.btn-unstyled:focus,.nav-link:focus,.nav-underline .tab a:focus {
    z-index: 1
}

.nav-btn.btn-unstyled.disabled,.nav-link.disabled,.nav-underline .tab a.disabled {
    color: #a7a9bc;
    cursor: not-allowed
}

.nav-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    margin: .375rem .25rem;
    min-width: 2rem;
    padding-bottom: 0;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: 0;
    text-align: center;
    width: auto
}

.nav-btn.btn-link {
    margin-right: 0;
    margin-left: 0
}

.nav-btn .lexicon-icon {
    margin-top: 0
}

.nav-btn.disabled,.nav-link.disabled,.nav-underline .tab a.disabled {
    opacity: 1
}

.nav-link.btn-unstyled,.nav-underline .tab a.btn-unstyled {
    padding: .625rem 1rem
}

.nav-btn-monospaced {
    padding: 0
}

.nav-link-monospaced {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .375rem .25rem;
    min-width: 2rem;
    padding: 0
}

.nav-link-monospaced .lexicon-icon {
    margin-top: 0
}

.nav-item,.nav-underline .tab {
    word-wrap: break-word
}

.nav-item[class*=col-],.nav-underline .tab[class*=col-] {
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.nav-text-truncate {
    display: inline-block;
    margin-bottom: -6px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown-toggle .nav-text-truncate {
    max-width: calc(100% - 24px)
}

.nav-form {
    padding-bottom: .625rem;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: .625rem
}

.nav .nav-form {
    padding-bottom: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0
}

.nav-stacked {
    display: block
}

.nav-stacked .nav-form {
    padding-bottom: .625rem;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: .625rem
}

.nav-unstyled {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.nav-unstyled .nav-btn {
    margin: 0 4px;
    padding: 0 4px
}

.nav-underline .tab .nav-unstyled a,.nav-unstyled .nav-link,.nav-unstyled .nav-underline .tab a {
    line-height: 2rem;
    padding: 0 4px
}

.nav-unstyled .nav-link-monospaced {
    margin: 0 4px
}

.nav-nested {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.nav-nested .nav>li>a {
    padding-right: 2rem
}

.nav-nested .nav>li>.nav-equal-height-heading {
    padding-right: 1rem
}

.nav-nested .nav .nav>li>a {
    padding-right: 3rem
}

.nav-nested .nav .nav>li>.nav-equal-height-heading {
    padding-right: 2rem
}

.nav-nested .nav .nav .nav>li>a {
    padding-right: 4rem
}

.nav-nested .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 3rem
}

.nav-nested .nav .nav .nav .nav>li>a {
    padding-right: 5rem
}

.nav-nested .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 4rem
}

.nav-nested .nav .nav .nav .nav .nav>li>a {
    padding-right: 6rem
}

.nav-nested .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 5rem
}

.nav-nested .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 7rem
}

.nav-nested .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 6rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 8rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 7rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 9rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 8rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 10rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 9rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 11rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 10rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 12rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 11rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 13rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 12rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 14rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 13rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 15rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 14rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>a {
    padding-right: 16rem
}

.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav>li>.nav-equal-height-heading {
    padding-right: 15rem
}

.nav-nested-margins {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.nav-nested-margins>li .nav>li {
    margin-right: 1rem
}

.nav-tabs {
    font-size: .875rem
}

.nav-tabs .nav-link,.nav-tabs .nav-underline .tab a,.nav-underline .tab .nav-tabs a {
    border-radius: .25rem .25rem 0 0;
    color: #6b6c7e;
    padding-bottom: .28125rem;
    padding-top: .28125rem;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-underline .tab a:focus,.nav-underline .tab .nav-tabs a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    outline: 0
}

.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled,.nav-tabs .nav-underline .tab a.disabled,.nav-tabs .nav-underline .tab a:disabled,.nav-underline .tab .nav-tabs a.disabled,.nav-underline .tab .nav-tabs a:disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-item.show .nav-underline .tab a,.nav-tabs .nav-underline .show.tab .nav-link,.nav-tabs .nav-underline .show.tab a,.nav-underline .nav-tabs .show.tab .nav-link,.nav-underline .nav-tabs .show.tab a,.nav-underline .tab .nav-tabs .nav-item.show a {
    background-color: transparent;
    border-color: transparent transparent transparent transparent;
    color: #272833
}

.nav-tabs+.tab-content .tab-pane {
    background-color: #fff;
    border-radius: 4px;
    padding: 2rem
}

.nav-tabs+.tab-content .nav-underline .tab.active a.tab-pane:first-child,.nav-tabs+.tab-content .tab-pane.active:first-child,.nav-underline .tab.active .nav-tabs+.tab-content a.tab-pane:first-child {
    border-top-right-radius: 0
}

.dropdown-item[data-toggle=tab] .dropdown-item-indicator,.dropdown-item[data-toggle=tab] .dropdown-item-indicator-end,.dropdown-item[data-toggle=tab] .dropdown-item-indicator-start,.dropdown-menu .link-list>li>a[data-toggle=tab] .dropdown-item-indicator,.dropdown-menu .link-list>li>a[data-toggle=tab] .dropdown-item-indicator-end,.dropdown-menu .link-list>li>a[data-toggle=tab] .dropdown-item-indicator-start,.dropdown-menu>li>a[data-toggle=tab] .dropdown-item-indicator,.dropdown-menu>li>a[data-toggle=tab] .dropdown-item-indicator-end,.dropdown-menu>li>a[data-toggle=tab] .dropdown-item-indicator-start {
    display: none
}

.dropdown-item[data-toggle=tab].active .dropdown-item-indicator,.dropdown-item[data-toggle=tab].active .dropdown-item-indicator-end,.dropdown-item[data-toggle=tab].active .dropdown-item-indicator-start,.dropdown-menu .link-list>li>a[data-toggle=tab].active .dropdown-item-indicator,.dropdown-menu .link-list>li>a[data-toggle=tab].active .dropdown-item-indicator-end,.dropdown-menu .link-list>li>a[data-toggle=tab].active .dropdown-item-indicator-start,.dropdown-menu .nav-underline .tab.active .link-list>li>a[data-toggle=tab] .dropdown-item-indicator,.dropdown-menu .nav-underline .tab.active .link-list>li>a[data-toggle=tab] .dropdown-item-indicator-end,.dropdown-menu .nav-underline .tab.active .link-list>li>a[data-toggle=tab] .dropdown-item-indicator-start,.dropdown-menu>li>a[data-toggle=tab].active .dropdown-item-indicator,.dropdown-menu>li>a[data-toggle=tab].active .dropdown-item-indicator-end,.dropdown-menu>li>a[data-toggle=tab].active .dropdown-item-indicator-start,.nav-underline .tab.active .dropdown-menu .link-list>li>a[data-toggle=tab] .dropdown-item-indicator,.nav-underline .tab.active .dropdown-menu .link-list>li>a[data-toggle=tab] .dropdown-item-indicator-end,.nav-underline .tab.active .dropdown-menu .link-list>li>a[data-toggle=tab] .dropdown-item-indicator-start,.nav-underline .tab.active .dropdown-menu>li>a[data-toggle=tab] .dropdown-item-indicator,.nav-underline .tab.active .dropdown-menu>li>a[data-toggle=tab] .dropdown-item-indicator-end,.nav-underline .tab.active .dropdown-menu>li>a[data-toggle=tab] .dropdown-item-indicator-start,.nav-underline .tab.active a.dropdown-item[data-toggle=tab] .dropdown-item-indicator,.nav-underline .tab.active a.dropdown-item[data-toggle=tab] .dropdown-item-indicator-end,.nav-underline .tab.active a.dropdown-item[data-toggle=tab] .dropdown-item-indicator-start {
    display: block
}

.nav-underline .nav-link,.nav-underline .tab a {
    border-radius: 1px;
    color: #6b6c7e;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.nav-underline .nav-link:focus,.nav-underline .tab a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    outline: 0
}

.nav-underline .nav-link.active,.nav-underline .tab a.active,.nav-underline .tab.active a,.show>.nav-underline .nav-link,.show>.nav-underline .tab a {
    color: #272833
}

.nav-underline .nav-link.disabled,.nav-underline .nav-link:disabled,.nav-underline .tab a.disabled,.nav-underline .tab a:disabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #a7a9bc
}

.nav-underline .nav-item.show .nav-link,.nav-underline .nav-item.show .tab a,.nav-underline .show.tab .nav-link,.nav-underline .show.tab a,.nav-underline .tab .nav-item.show a {
    color: #272833
}

.nav-underline .nav-link::after,.nav-underline .tab a::after {
    bottom: 0;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    width: auto
}

.nav-underline .nav-item .nav-link.active:after,.nav-underline .nav-item .tab a.active:after,.nav-underline .nav-item .tab.active a:after,.nav-underline .tab .nav-item a.active:after,.nav-underline .tab .nav-link.active:after,.nav-underline .tab a.active:after,.nav-underline .tab.active .nav-item a:after,.nav-underline .tab.active a:after {
    background-color: #0b5fff
}

.nav-underline .nav-item.show .nav-link:after,.nav-underline .nav-item.show .tab a:after,.nav-underline .nav-link.active:after,.nav-underline .show.tab .nav-link:after,.nav-underline .show.tab a:after,.nav-underline .tab .nav-item.show a:after,.nav-underline .tab a.active:after,.nav-underline .tab.active a:after {
    content: "";
    height: .125rem
}

.menubar {
    position: relative
}

.menubar-toggler {
    display: none
}

.menubar-vertical-expand-md {
    max-width: 15.625rem
}

@media(max-width: 767.98px) {
    .menubar-vertical-expand-md {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        border-color: transparent;
        border-style: solid;
        border-width: .0625rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1.5rem;
        margin-right: -12px;
        margin-left: -12px;
        max-width: none;
        min-height: 3rem;
        padding-right: .5rem;
        padding-left: .5rem
    }
}

.menubar-vertical-expand-md .menubar-collapse {
    display: block
}

@media(max-width: 767.98px) {
    .menubar-vertical-expand-md .menubar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: .0625rem;
        display: none;
        right: -.0625rem;
        position: absolute;
        left: -.0625rem;
        top: 100%;
        z-index: 499
    }

    .menubar-vertical-expand-md .menubar-collapse>.nav {
        margin-bottom: .5rem;
        margin-top: .5rem
    }
}

.menubar-vertical-expand-md .menubar-collapse.collapsing,.menubar-vertical-expand-md .menubar-collapse.show {
    display: block
}

@media(max-width: 767.98px) {
    .menubar-vertical-expand-md .menubar-toggler {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        border-color: transparent;
        border-style: solid;
        border-width: .0625rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 2rem;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .menubar-vertical-expand-md .menubar-toggler .lexicon-icon {
        margin-top: 0
    }
}

@media(max-width: 767.98px) {
    .menubar-vertical-expand-md.menubar-transparent {
        background-color:#fff
    }
}

@media(max-width: 767.98px) {
    .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
        background-color:#fff;
        border-color: #e7e7ed;
        border-radius: .25rem;
        -webkit-box-shadow: 0 1px 5px -1px rgba(0,0,0,.3);
        box-shadow: 0 1px 5px -1px rgba(0,0,0,.3)
    }
}

@media(max-width: 767.98px) {
    .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
        border-radius:.375rem;
        color: #272833;
        font-size: .875rem;
        font-weight: 600;
        -webkit-transition: -webkit-box-shadow .15s ease-in-out;
        transition: -webkit-box-shadow .15s ease-in-out;
        transition: box-shadow .15s ease-in-out;
        transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
    }

    .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.focus,.menubar-vertical-expand-md.menubar-transparent .menubar-toggler:focus {
        -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
        box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
        outline: 0
    }

    .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.disabled,.menubar-vertical-expand-md.menubar-transparent .menubar-toggler:disabled {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:not([disabled]):not(.disabled).active:focus,.menubar-vertical-expand-md.menubar-transparent .menubar-toggler:not([disabled]):not(.disabled):active:focus,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab.active a.menubar-toggler:not([disabled]):not(.disabled):focus,.nav-underline .tab.active .menubar-vertical-expand-md.menubar-transparent a.menubar-toggler:not([disabled]):not(.disabled):focus,.show>.menubar-vertical-expand-md.menubar-transparent .menubar-toggler.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
        box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
    }
}

.menubar-vertical-expand-md.menubar-transparent .nav-link,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a {
    border-radius: .375rem;
    color: #6b6c7e;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.menubar-vertical-expand-md.menubar-transparent .nav-link:hover,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a:hover,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a:hover {
    background-color: rgba(39,40,51,.03);
    color: #272833
}

.menubar-vertical-expand-md.menubar-transparent .nav-link:focus,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a:focus,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a:focus {
    background-color: rgba(39,40,51,.03);
    -webkit-box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff;
    box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff;
    color: #272833;
    outline: 0
}

.menubar-vertical-expand-md.menubar-transparent .nav-link:active,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a:active,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a:active {
    color: #272833
}

.menubar-vertical-expand-md.menubar-transparent .nav-link.active,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a.active,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab.active a,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a.active,.nav-underline .tab .show>.menubar-vertical-expand-md.menubar-transparent a,.nav-underline .tab.active .menubar-vertical-expand-md.menubar-transparent a,.show>.menubar-vertical-expand-md.menubar-transparent .nav-link,.show>.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a {
    color: #272833;
    font-weight: 600
}

.menubar-vertical-expand-md.menubar-transparent .nav-link.disabled,.menubar-vertical-expand-md.menubar-transparent .nav-link:disabled,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a.disabled,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a:disabled,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a.disabled,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a:disabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #a7a9bc
}

@media(max-width: 767.98px) {
    .menubar-vertical-expand-md.menubar-transparent .nav-link,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a {
        border-radius:0;
        color: #6b6c7e;
        -webkit-transition: none;
        transition: none
    }

    .menubar-vertical-expand-md.menubar-transparent .nav-link:hover,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a:hover,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a:hover {
        background-color: #f0f5ff;
        color: #272833
    }

    .menubar-vertical-expand-md.menubar-transparent .nav-link:focus,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a:focus,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a:focus {
        background-color: #f0f5ff
    }

    .menubar-vertical-expand-md.menubar-transparent .nav-link:active,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a:active,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a:active {
        background-color: #f0f5ff;
        color: #272833
    }

    .menubar-vertical-expand-md.menubar-transparent .nav-link.active,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a.active,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab.active a,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a.active,.nav-underline .tab .show>.menubar-vertical-expand-md.menubar-transparent a,.nav-underline .tab.active .menubar-vertical-expand-md.menubar-transparent a,.show>.menubar-vertical-expand-md.menubar-transparent .nav-link,.show>.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a {
        background-color: #f0f5ff;
        color: #272833;
        font-weight: 600
    }

    .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled,.menubar-vertical-expand-md.menubar-transparent .nav-link:disabled,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a.disabled,.menubar-vertical-expand-md.menubar-transparent .nav-underline .tab a:disabled,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a.disabled,.nav-underline .tab .menubar-vertical-expand-md.menubar-transparent a:disabled {
        background-color: transparent;
        color: #a7a9bc
    }
}

.menubar-vertical-expand-lg {
    max-width: 15.625rem
}

@media(max-width: 991.98px) {
    .menubar-vertical-expand-lg {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        border-color: transparent;
        border-style: solid;
        border-width: .0625rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1.5rem;
        margin-right: -12px;
        margin-left: -12px;
        max-width: none;
        min-height: 3rem;
        padding-right: .5rem;
        padding-left: .5rem
    }
}

.menubar-vertical-expand-lg .menubar-collapse {
    display: block
}

@media(max-width: 991.98px) {
    .menubar-vertical-expand-lg .menubar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: .0625rem;
        display: none;
        right: -.0625rem;
        position: absolute;
        left: -.0625rem;
        top: 100%;
        z-index: 499
    }

    .menubar-vertical-expand-lg .menubar-collapse>.nav {
        margin-bottom: .5rem;
        margin-top: .5rem
    }
}

.menubar-vertical-expand-lg .menubar-collapse.collapsing,.menubar-vertical-expand-lg .menubar-collapse.show {
    display: block
}

@media(max-width: 991.98px) {
    .menubar-vertical-expand-lg .menubar-toggler {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        border-color: transparent;
        border-style: solid;
        border-width: .0625rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 2rem;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .menubar-vertical-expand-lg .menubar-toggler .lexicon-icon {
        margin-top: 0
    }
}

@media(max-width: 991.98px) {
    .menubar-vertical-expand-lg.menubar-transparent {
        background-color:#fff
    }
}

@media(max-width: 991.98px) {
    .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
        background-color:#fff;
        border-color: #e7e7ed;
        border-radius: .25rem;
        -webkit-box-shadow: 0 1px 5px -1px rgba(0,0,0,.3);
        box-shadow: 0 1px 5px -1px rgba(0,0,0,.3)
    }
}

@media(max-width: 991.98px) {
    .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
        border-radius:.375rem;
        color: #272833;
        font-size: .875rem;
        font-weight: 600;
        -webkit-transition: -webkit-box-shadow .15s ease-in-out;
        transition: -webkit-box-shadow .15s ease-in-out;
        transition: box-shadow .15s ease-in-out;
        transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
    }

    .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.focus,.menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:focus {
        -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
        box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
        outline: 0
    }

    .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.disabled,.menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:disabled {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:not([disabled]):not(.disabled).active:focus,.menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:not([disabled]):not(.disabled):active:focus,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab.active a.menubar-toggler:not([disabled]):not(.disabled):focus,.nav-underline .tab.active .menubar-vertical-expand-lg.menubar-transparent a.menubar-toggler:not([disabled]):not(.disabled):focus,.show>.menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
        box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
    }
}

.menubar-vertical-expand-lg.menubar-transparent .nav-link,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a {
    border-radius: .375rem;
    color: #6b6c7e;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.menubar-vertical-expand-lg.menubar-transparent .nav-link:hover,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a:hover,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a:hover {
    background-color: rgba(39,40,51,.03);
    color: #272833
}

.menubar-vertical-expand-lg.menubar-transparent .nav-link:focus,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a:focus,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a:focus {
    background-color: rgba(39,40,51,.03);
    -webkit-box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff;
    box-shadow: inset 0 0 0 .125rem #80acff,inset 0 0 0 .25rem #fff;
    color: #272833;
    outline: 0
}

.menubar-vertical-expand-lg.menubar-transparent .nav-link:active,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a:active,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a:active {
    color: #272833
}

.menubar-vertical-expand-lg.menubar-transparent .nav-link.active,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a.active,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab.active a,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a.active,.nav-underline .tab .show>.menubar-vertical-expand-lg.menubar-transparent a,.nav-underline .tab.active .menubar-vertical-expand-lg.menubar-transparent a,.show>.menubar-vertical-expand-lg.menubar-transparent .nav-link,.show>.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a {
    color: #272833;
    font-weight: 600
}

.menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled,.menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a.disabled,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a:disabled,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a.disabled,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a:disabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #a7a9bc
}

@media(max-width: 991.98px) {
    .menubar-vertical-expand-lg.menubar-transparent .nav-link,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a {
        border-radius:0;
        color: #6b6c7e;
        -webkit-transition: none;
        transition: none
    }

    .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a:hover,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a:hover {
        background-color: #f0f5ff;
        color: #272833
    }

    .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a:focus,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a:focus {
        background-color: #f0f5ff
    }

    .menubar-vertical-expand-lg.menubar-transparent .nav-link:active,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a:active,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a:active {
        background-color: #f0f5ff;
        color: #272833
    }

    .menubar-vertical-expand-lg.menubar-transparent .nav-link.active,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a.active,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab.active a,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a.active,.nav-underline .tab .show>.menubar-vertical-expand-lg.menubar-transparent a,.nav-underline .tab.active .menubar-vertical-expand-lg.menubar-transparent a,.show>.menubar-vertical-expand-lg.menubar-transparent .nav-link,.show>.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a {
        background-color: #f0f5ff;
        color: #272833;
        font-weight: 600
    }

    .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled,.menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a.disabled,.menubar-vertical-expand-lg.menubar-transparent .nav-underline .tab a:disabled,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a.disabled,.nav-underline .tab .menubar-vertical-expand-lg.menubar-transparent a:disabled {
        background-color: transparent;
        color: #a7a9bc
    }
}

.navbar {
    border-width: 0;
    font-size: .875rem
}

.navbar .container,.navbar .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-nowrap .container,.navbar-nowrap .container-fluid,.navbar-nowrap .navbar-nav {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.navbar-nowrap .navbar-text {
    min-width: 0;
    white-space: nowrap
}

.navbar-form .dropdown-menu-right,.navbar-nav .dropdown-menu-right {
    right: auto;
    left: 0
}

.navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-nav .dropdown-menu {
    position: absolute
}

.nav-underline .tab .navbar-nav a,.navbar-nav .nav-link,.navbar-nav .nav-underline .tab a {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-nav-expand {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0
}

.navbar-nav-last {
    margin-right: auto
}

.nav-underline .navbar-nav .tab,.navbar-nav .nav-item,.navbar-nav .nav-underline .tab {
    word-wrap: normal
}

.nav-underline .navbar-nav .tab>.custom-control,.nav-underline .navbar-nav .tab>.form-check,.navbar-nav .nav-item>.custom-control,.navbar-nav .nav-item>.form-check,.navbar-nav .nav-underline .tab>.custom-control,.navbar-nav .nav-underline .tab>.form-check {
    margin-bottom: 0;
    margin-right: .5rem;
    margin-left: .5rem
}

.nav-item-expand {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0
}

.nav-item-shrink {
    min-width: 0
}

.navbar-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0
}

.navbar-text {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-collapse {
    max-width: 100%
}

.navbar-collapse .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: calc(100% - 1.5625rem)
}

.navbar-text-truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.navbar-toggler:focus {
    z-index: 525
}

.navbar-toggler-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-width: 0;
    line-height: 1.5;
    max-width: 100%;
    padding: .53125rem .5rem;
    position: relative
}

.navbar-toggler-link .lexicon-icon {
    min-width: 1em;
    margin-right: 3px;
    margin-top: 0
}

.navbar-brand {
    margin-left: 0;
    max-width: calc(100% - 72px);
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-form>form {
    width: 100%
}

.navbar-form-autofit {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.navbar-form-autofit form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.navbar-overlay {
    background-color: #fff
}

.navbar-breakpoint-d-block,.navbar-breakpoint-d-flex,.navbar-breakpoint-d-inline-block {
    display: none !important
}

.navbar-expand {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-expand .navbar-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.navbar-expand-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-underline .navbar-expand-sm .tab,.navbar-expand-sm .nav-item,.navbar-expand-sm .nav-underline .tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-underline .navbar-expand-sm .tab .navbar-text-truncate,.navbar-expand-sm .nav-item .navbar-text-truncate,.navbar-expand-sm .nav-underline .tab .navbar-text-truncate {
    max-width: 12.5rem
}

.navbar-expand-sm .container,.navbar-expand-sm .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 12px;
    padding-left: 12px
}

.navbar-expand-sm .navbar-collapse .container,.navbar-expand-sm .navbar-collapse .container-fluid {
    padding-right: 0;
    padding-left: 0
}

@media(max-width: 575.98px) {
    .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        right:0;
        padding: 0;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 500
    }

    .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container,.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-fluid {
        padding-right: 12px;
        padding-left: 12px
    }

    .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child,.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child {
        padding-bottom: 0
    }

    .navbar-expand-sm .navbar-collapse .container,.navbar-expand-sm .navbar-collapse .container-fluid {
        display: block;
        padding-right: 0;
        padding-left: 0
    }

    .nav-underline .navbar-expand-sm .navbar-collapse .tab,.navbar-expand-sm .navbar-collapse .nav-item,.navbar-expand-sm .navbar-collapse .nav-underline .tab {
        display: block
    }

    .navbar-expand-sm .navbar-collapse .navbar-text-truncate {
        max-width: 100%
    }

    .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
        max-width: calc(100% - 1.5625rem)
    }

    .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .dropdown-menu .navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a:focus,.dropdown-menu .navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a:hover,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:focus,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:focus,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a:focus,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        background-color: transparent
    }

    .dropdown-menu .nav-underline .tab.active .navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navbar-expand-sm .navbar-collapse .navbar-nav a.dropdown-item,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        background-color: transparent
    }

    .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu {
        background-color: transparent;
        border-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        max-height: none;
        max-width: none;
        overflow: visible;
        padding: 0;
        position: static
    }

    .dropdown-menu .navbar-expand-sm .show-dropdown-on-collapse .link-list>li>a,.navbar-expand-sm .show-dropdown-on-collapse .dropdown-header,.navbar-expand-sm .show-dropdown-on-collapse .dropdown-item,.navbar-expand-sm .show-dropdown-on-collapse .dropdown-menu .link-list>li>a,.navbar-expand-sm .show-dropdown-on-collapse .dropdown-menu>li>a {
        padding: .625rem .5rem
    }

    .navbar-expand-sm .show-dropdown-on-collapse .dropdown-menu {
        display: block
    }

    .navbar-expand-sm .show-dropdown-on-collapse .dropdown-toggle {
        display: none
    }

    .navbar-expand-sm .navbar-breakpoint-down-d-block {
        display: block !important
    }

    .navbar-expand-sm .navbar-breakpoint-down-d-inline-block {
        display: inline-block !important
    }

    .navbar-expand-sm .navbar-breakpoint-down-d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-expand-sm .navbar-breakpoint-down-d-none {
        display: none !important
    }
}

@media(min-width: 576px) {
    .navbar-expand-sm .navbar-brand .navbar-text-truncate {
        max-width:12.5rem
    }

    .navbar-expand-sm .navbar-collapse {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navbar-expand-sm .navbar-collapse .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .navbar-expand-sm .navbar-collapse .dropdown-toggle .navbar-text-truncate {
        max-width: 10.9375rem
    }

    .navbar-expand-sm .navbar-breakpoint-d-block {
        display: block !important
    }

    .navbar-expand-sm .navbar-breakpoint-d-inline-block {
        display: inline-block !important
    }

    .navbar-expand-sm .navbar-breakpoint-d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-expand-sm .navbar-breakpoint-d-none {
        display: none !important
    }
}

.navbar-expand-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-underline .navbar-expand-md .tab,.navbar-expand-md .nav-item,.navbar-expand-md .nav-underline .tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-underline .navbar-expand-md .tab .navbar-text-truncate,.navbar-expand-md .nav-item .navbar-text-truncate,.navbar-expand-md .nav-underline .tab .navbar-text-truncate {
    max-width: 12.5rem
}

.navbar-expand-md .container,.navbar-expand-md .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 12px;
    padding-left: 12px
}

.navbar-expand-md .navbar-collapse .container,.navbar-expand-md .navbar-collapse .container-fluid {
    padding-right: 0;
    padding-left: 0
}

@media(max-width: 767.98px) {
    .navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        right:0;
        padding: 0;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 500
    }

    .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container,.navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-fluid {
        padding-right: 12px;
        padding-left: 12px
    }

    .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child,.navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child {
        padding-bottom: 0
    }

    .navbar-expand-md .navbar-collapse .container,.navbar-expand-md .navbar-collapse .container-fluid {
        display: block;
        padding-right: 0;
        padding-left: 0
    }

    .nav-underline .navbar-expand-md .navbar-collapse .tab,.navbar-expand-md .navbar-collapse .nav-item,.navbar-expand-md .navbar-collapse .nav-underline .tab {
        display: block
    }

    .navbar-expand-md .navbar-collapse .navbar-text-truncate {
        max-width: 100%
    }

    .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
        max-width: calc(100% - 1.5625rem)
    }

    .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .dropdown-menu .navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a:focus,.dropdown-menu .navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a:hover,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:focus,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a:focus,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        background-color: transparent
    }

    .dropdown-menu .nav-underline .tab.active .navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navbar-expand-md .navbar-collapse .navbar-nav a.dropdown-item,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        background-color: transparent
    }

    .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu {
        background-color: transparent;
        border-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        max-height: none;
        max-width: none;
        overflow: visible;
        padding: 0;
        position: static
    }

    .dropdown-menu .navbar-expand-md .show-dropdown-on-collapse .link-list>li>a,.navbar-expand-md .show-dropdown-on-collapse .dropdown-header,.navbar-expand-md .show-dropdown-on-collapse .dropdown-item,.navbar-expand-md .show-dropdown-on-collapse .dropdown-menu .link-list>li>a,.navbar-expand-md .show-dropdown-on-collapse .dropdown-menu>li>a {
        padding: .625rem .5rem
    }

    .navbar-expand-md .show-dropdown-on-collapse .dropdown-menu {
        display: block
    }

    .navbar-expand-md .show-dropdown-on-collapse .dropdown-toggle {
        display: none
    }

    .navbar-expand-md .navbar-breakpoint-down-d-block {
        display: block !important
    }

    .navbar-expand-md .navbar-breakpoint-down-d-inline-block {
        display: inline-block !important
    }

    .navbar-expand-md .navbar-breakpoint-down-d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-expand-md .navbar-breakpoint-down-d-none {
        display: none !important
    }
}

@media(min-width: 768px) {
    .navbar-expand-md .navbar-brand .navbar-text-truncate {
        max-width:12.5rem
    }

    .navbar-expand-md .navbar-collapse {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navbar-expand-md .navbar-collapse .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .navbar-expand-md .navbar-collapse .dropdown-toggle .navbar-text-truncate {
        max-width: 10.9375rem
    }

    .navbar-expand-md .navbar-breakpoint-d-block {
        display: block !important
    }

    .navbar-expand-md .navbar-breakpoint-d-inline-block {
        display: inline-block !important
    }

    .navbar-expand-md .navbar-breakpoint-d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-expand-md .navbar-breakpoint-d-none {
        display: none !important
    }
}

.navbar-expand-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-underline .navbar-expand-lg .tab,.navbar-expand-lg .nav-item,.navbar-expand-lg .nav-underline .tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-underline .navbar-expand-lg .tab .navbar-text-truncate,.navbar-expand-lg .nav-item .navbar-text-truncate,.navbar-expand-lg .nav-underline .tab .navbar-text-truncate {
    max-width: 12.5rem
}

.navbar-expand-lg .container,.navbar-expand-lg .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 12px;
    padding-left: 12px
}

.navbar-expand-lg .navbar-collapse .container,.navbar-expand-lg .navbar-collapse .container-fluid {
    padding-right: 0;
    padding-left: 0
}

@media(max-width: 991.98px) {
    .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        right:0;
        padding: 0;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 500
    }

    .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container,.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-fluid {
        padding-right: 12px;
        padding-left: 12px
    }

    .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child,.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child {
        padding-bottom: 0
    }

    .navbar-expand-lg .navbar-collapse .container,.navbar-expand-lg .navbar-collapse .container-fluid {
        display: block;
        padding-right: 0;
        padding-left: 0
    }

    .nav-underline .navbar-expand-lg .navbar-collapse .tab,.navbar-expand-lg .navbar-collapse .nav-item,.navbar-expand-lg .navbar-collapse .nav-underline .tab {
        display: block
    }

    .navbar-expand-lg .navbar-collapse .navbar-text-truncate {
        max-width: 100%
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
        max-width: calc(100% - 1.5625rem)
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .dropdown-menu .navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a:focus,.dropdown-menu .navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a:hover,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:focus,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:focus,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a:focus,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        background-color: transparent
    }

    .dropdown-menu .nav-underline .tab.active .navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navbar-expand-lg .navbar-collapse .navbar-nav a.dropdown-item,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        background-color: transparent
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu {
        background-color: transparent;
        border-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        max-height: none;
        max-width: none;
        overflow: visible;
        padding: 0;
        position: static
    }

    .dropdown-menu .navbar-expand-lg .show-dropdown-on-collapse .link-list>li>a,.navbar-expand-lg .show-dropdown-on-collapse .dropdown-header,.navbar-expand-lg .show-dropdown-on-collapse .dropdown-item,.navbar-expand-lg .show-dropdown-on-collapse .dropdown-menu .link-list>li>a,.navbar-expand-lg .show-dropdown-on-collapse .dropdown-menu>li>a {
        padding: .625rem .5rem
    }

    .navbar-expand-lg .show-dropdown-on-collapse .dropdown-menu {
        display: block
    }

    .navbar-expand-lg .show-dropdown-on-collapse .dropdown-toggle {
        display: none
    }

    .navbar-expand-lg .navbar-breakpoint-down-d-block {
        display: block !important
    }

    .navbar-expand-lg .navbar-breakpoint-down-d-inline-block {
        display: inline-block !important
    }

    .navbar-expand-lg .navbar-breakpoint-down-d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-expand-lg .navbar-breakpoint-down-d-none {
        display: none !important
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg .navbar-brand .navbar-text-truncate {
        max-width:12.5rem
    }

    .navbar-expand-lg .navbar-collapse {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .navbar-expand-lg .navbar-collapse .dropdown-toggle .navbar-text-truncate {
        max-width: 10.9375rem
    }

    .navbar-expand-lg .navbar-breakpoint-d-block {
        display: block !important
    }

    .navbar-expand-lg .navbar-breakpoint-d-inline-block {
        display: inline-block !important
    }

    .navbar-expand-lg .navbar-breakpoint-d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-expand-lg .navbar-breakpoint-d-none {
        display: none !important
    }
}

.navbar-expand-xl {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-underline .navbar-expand-xl .tab,.navbar-expand-xl .nav-item,.navbar-expand-xl .nav-underline .tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-underline .navbar-expand-xl .tab .navbar-text-truncate,.navbar-expand-xl .nav-item .navbar-text-truncate,.navbar-expand-xl .nav-underline .tab .navbar-text-truncate {
    max-width: 12.5rem
}

.navbar-expand-xl .container,.navbar-expand-xl .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 12px;
    padding-left: 12px
}

.navbar-expand-xl .navbar-collapse .container,.navbar-expand-xl .navbar-collapse .container-fluid {
    padding-right: 0;
    padding-left: 0
}

@media(max-width: 1279.98px) {
    .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        right:0;
        padding: 0;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 500
    }

    .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container,.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-fluid {
        padding-right: 12px;
        padding-left: 12px
    }

    .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child,.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child {
        padding-bottom: 0
    }

    .navbar-expand-xl .navbar-collapse .container,.navbar-expand-xl .navbar-collapse .container-fluid {
        display: block;
        padding-right: 0;
        padding-left: 0
    }

    .nav-underline .navbar-expand-xl .navbar-collapse .tab,.navbar-expand-xl .navbar-collapse .nav-item,.navbar-expand-xl .navbar-collapse .nav-underline .tab {
        display: block
    }

    .navbar-expand-xl .navbar-collapse .navbar-text-truncate {
        max-width: 100%
    }

    .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
        max-width: calc(100% - 1.5625rem)
    }

    .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .dropdown-menu .navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a:focus,.dropdown-menu .navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a:hover,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:focus,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:focus,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a:focus,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        background-color: transparent
    }

    .dropdown-menu .nav-underline .tab.active .navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navbar-expand-xl .navbar-collapse .navbar-nav a.dropdown-item,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        background-color: transparent
    }

    .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu {
        background-color: transparent;
        border-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        max-height: none;
        max-width: none;
        overflow: visible;
        padding: 0;
        position: static
    }

    .dropdown-menu .navbar-expand-xl .show-dropdown-on-collapse .link-list>li>a,.navbar-expand-xl .show-dropdown-on-collapse .dropdown-header,.navbar-expand-xl .show-dropdown-on-collapse .dropdown-item,.navbar-expand-xl .show-dropdown-on-collapse .dropdown-menu .link-list>li>a,.navbar-expand-xl .show-dropdown-on-collapse .dropdown-menu>li>a {
        padding: .625rem .5rem
    }

    .navbar-expand-xl .show-dropdown-on-collapse .dropdown-menu {
        display: block
    }

    .navbar-expand-xl .show-dropdown-on-collapse .dropdown-toggle {
        display: none
    }

    .navbar-expand-xl .navbar-breakpoint-down-d-block {
        display: block !important
    }

    .navbar-expand-xl .navbar-breakpoint-down-d-inline-block {
        display: inline-block !important
    }

    .navbar-expand-xl .navbar-breakpoint-down-d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-expand-xl .navbar-breakpoint-down-d-none {
        display: none !important
    }
}

@media(min-width: 1280px) {
    .navbar-expand-xl .navbar-brand .navbar-text-truncate {
        max-width:12.5rem
    }

    .navbar-expand-xl .navbar-collapse {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navbar-expand-xl .navbar-collapse .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .navbar-expand-xl .navbar-collapse .dropdown-toggle .navbar-text-truncate {
        max-width: 10.9375rem
    }

    .navbar-expand-xl .navbar-breakpoint-d-block {
        display: block !important
    }

    .navbar-expand-xl .navbar-breakpoint-d-inline-block {
        display: inline-block !important
    }

    .navbar-expand-xl .navbar-breakpoint-d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-expand-xl .navbar-breakpoint-d-none {
        display: none !important
    }
}

.navbar-expand {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-underline .navbar-expand .tab,.navbar-expand .nav-item,.navbar-expand .nav-underline .tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-underline .navbar-expand .tab .navbar-text-truncate,.navbar-expand .nav-item .navbar-text-truncate,.navbar-expand .nav-underline .tab .navbar-text-truncate {
    max-width: 12.5rem
}

.navbar-expand .container,.navbar-expand .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 12px;
    padding-left: 12px
}

.navbar-expand .navbar-collapse .container,.navbar-expand .navbar-collapse .container-fluid {
    padding-right: 0;
    padding-left: 0
}

@media(max-width: 575.98px) {
    .navbar-overlay-xs-down {
        bottom:0;
        display: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        right: 0;
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 450
    }

    .navbar-overlay-xs-down.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 767.98px) {
    .navbar-overlay-sm-down {
        bottom:0;
        display: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        right: 0;
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 450
    }

    .navbar-overlay-sm-down.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 991.98px) {
    .navbar-overlay-md-down {
        bottom:0;
        display: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        right: 0;
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 450
    }

    .navbar-overlay-md-down.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 1279.98px) {
    .navbar-overlay-lg-down {
        bottom:0;
        display: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        right: 0;
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 450
    }

    .navbar-overlay-lg-down.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.navbar-overlay-up {
    bottom: 0;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    right: 0;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 450
}

.navbar-overlay-up.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navbar-underline .navbar-toggler-link:after {
    background-color: #80acff;
    bottom: 0;
    content: "";
    display: block;
    height: .125rem;
    right: 0;
    position: absolute;
    left: 0;
    width: auto
}

@media(min-width: 576px) {
    .nav-underline .tab .navbar-underline.navbar-expand-sm .navbar-nav a.active:after,.nav-underline .tab.active .navbar-underline.navbar-expand-sm .navbar-nav a:after,.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after,.navbar-underline.navbar-expand-sm .navbar-nav .nav-underline .tab a.active:after,.navbar-underline.navbar-expand-sm .navbar-nav .nav-underline .tab.active a:after {
        background-color:#80acff;
        bottom: 0;
        content: "";
        display: block;
        height: .125rem;
        right: 0;
        position: absolute;
        left: 0;
        width: auto
    }
}

@media(min-width: 768px) {
    .nav-underline .tab .navbar-underline.navbar-expand-md .navbar-nav a.active:after,.nav-underline .tab.active .navbar-underline.navbar-expand-md .navbar-nav a:after,.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after,.navbar-underline.navbar-expand-md .navbar-nav .nav-underline .tab a.active:after,.navbar-underline.navbar-expand-md .navbar-nav .nav-underline .tab.active a:after {
        background-color:#80acff;
        bottom: 0;
        content: "";
        display: block;
        height: .125rem;
        right: 0;
        position: absolute;
        left: 0;
        width: auto
    }
}

@media(min-width: 992px) {
    .nav-underline .tab .navbar-underline.navbar-expand-lg .navbar-nav a.active:after,.nav-underline .tab.active .navbar-underline.navbar-expand-lg .navbar-nav a:after,.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after,.navbar-underline.navbar-expand-lg .navbar-nav .nav-underline .tab a.active:after,.navbar-underline.navbar-expand-lg .navbar-nav .nav-underline .tab.active a:after {
        background-color:#80acff;
        bottom: 0;
        content: "";
        display: block;
        height: .125rem;
        right: 0;
        position: absolute;
        left: 0;
        width: auto
    }
}

@media(min-width: 1280px) {
    .nav-underline .tab .navbar-underline.navbar-expand-xl .navbar-nav a.active:after,.nav-underline .tab.active .navbar-underline.navbar-expand-xl .navbar-nav a:after,.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after,.navbar-underline.navbar-expand-xl .navbar-nav .nav-underline .tab a.active:after,.navbar-underline.navbar-expand-xl .navbar-nav .nav-underline .tab.active a:after {
        background-color:#80acff;
        bottom: 0;
        content: "";
        display: block;
        height: .125rem;
        right: 0;
        position: absolute;
        left: 0;
        width: auto
    }
}

.nav-underline .tab .navbar-underline.navbar-expand .navbar-nav a.active:after,.nav-underline .tab.active .navbar-underline.navbar-expand .navbar-nav a:after,.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after,.navbar-underline.navbar-expand .navbar-nav .nav-underline .tab a.active:after,.navbar-underline.navbar-expand .navbar-nav .nav-underline .tab.active a:after {
    background-color: #80acff;
    bottom: 0;
    content: "";
    display: block;
    height: .125rem;
    right: 0;
    position: absolute;
    left: 0;
    width: auto
}

.application-bar {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-width: 0;
    font-size: .875rem;
    padding: 0;
    border-color: transparent;
    border-style: solid
}

.application-bar .navbar-toggler {
    font-size: 1.125rem;
    height: 2.00001rem;
    margin-right: .25rem;
    margin-left: .25rem;
    padding-bottom: .25rem;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: .25rem
}

.application-bar .navbar-toggler-link {
    height: auto;
    font-size: .875rem;
    line-height: 1.5;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: .84375rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .84375rem
}

.application-bar .navbar-brand {
    font-size: 1.125rem;
    margin-left: 0;
    padding-bottom: .65625rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .65625rem
}

.application-bar .navbar-title {
    font-size: 1.125rem
}

.application-bar .navbar-nav .nav-btn {
    font-size: .875rem;
    margin-bottom: .5rem;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-top: .5rem;
    padding-bottom: .25rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .25rem
}

.application-bar .navbar-nav .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0
}

.application-bar .navbar-nav .nav-item>.custom-control,.application-bar .navbar-nav .nav-item>.form-check,.application-bar .navbar-nav .nav-underline .tab>.custom-control,.application-bar .navbar-nav .nav-underline .tab>.form-check,.nav-underline .application-bar .navbar-nav .tab>.custom-control,.nav-underline .application-bar .navbar-nav .tab>.form-check {
    margin-right: .25rem;
    margin-left: .25rem
}

.application-bar .navbar-nav .nav-link,.application-bar .navbar-nav .nav-underline .tab a,.application-bar .navbar-nav .navbar-text,.nav-underline .tab .application-bar .navbar-nav a {
    margin-bottom: .5rem;
    margin-right: .5rem;
    margin-left: .5rem;
    margin-top: .5rem;
    padding-bottom: .34375rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .34375rem
}

.application-bar .navbar-nav .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: .5rem;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-top: .5rem;
    padding: 0
}

@media(max-width: 575.98px) {
    .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0;
        right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .application-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .application-bar.navbar-expand-sm .navbar-form {
        height: 3rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-sm .navbar-form .form-control {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 576px) {
    .application-bar.navbar-expand-sm .navbar-brand {
        font-size:1.125rem;
        margin-left: .25rem;
        padding-bottom: .90625rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .90625rem
    }

    .application-bar.navbar-expand-sm .navbar-form {
        height: 3.5rem;
        padding-right: .25rem;
        padding-left: .25rem
    }

    .application-bar.navbar-expand-sm .navbar-form>.container,.application-bar.navbar-expand-sm .navbar-form>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .application-bar.navbar-expand-sm .nav-btn {
        font-size: .875rem;
        margin-bottom: .75rem;
        margin-right: .25rem;
        margin-left: .25rem;
        margin-top: .75rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-sm .nav-btn-monospaced {
        font-size: 1rem;
        padding: 0
    }

    .application-bar.navbar-expand-sm .nav-item>.custom-control,.application-bar.navbar-expand-sm .nav-item>.form-check,.application-bar.navbar-expand-sm .nav-underline .tab>.custom-control,.application-bar.navbar-expand-sm .nav-underline .tab>.form-check,.nav-underline .application-bar.navbar-expand-sm .tab>.custom-control,.nav-underline .application-bar.navbar-expand-sm .tab>.form-check {
        margin-right: .25rem;
        margin-left: .25rem
    }

    .application-bar.navbar-expand-sm .nav-link,.application-bar.navbar-expand-sm .nav-underline .tab a,.application-bar.navbar-expand-sm .navbar-text,.nav-underline .tab .application-bar.navbar-expand-sm a {
        margin-bottom: .75rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .75rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-sm .nav-link-monospaced {
        font-size: 1rem;
        margin-bottom: .75rem;
        margin-right: .25rem;
        margin-left: .25rem;
        margin-top: .75rem;
        padding: 0
    }
}

@media(max-width: 767.98px) {
    .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0;
        right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .application-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .application-bar.navbar-expand-md .navbar-form {
        height: 3rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-md .navbar-form .form-control {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 768px) {
    .application-bar.navbar-expand-md .navbar-brand {
        font-size:1.125rem;
        margin-left: .25rem;
        padding-bottom: .90625rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .90625rem
    }

    .application-bar.navbar-expand-md .navbar-form {
        height: 3.5rem;
        padding-right: .25rem;
        padding-left: .25rem
    }

    .application-bar.navbar-expand-md .navbar-form>.container,.application-bar.navbar-expand-md .navbar-form>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .application-bar.navbar-expand-md .nav-btn {
        font-size: .875rem;
        margin-bottom: .75rem;
        margin-right: .25rem;
        margin-left: .25rem;
        margin-top: .75rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-md .nav-btn-monospaced {
        font-size: 1rem;
        padding: 0
    }

    .application-bar.navbar-expand-md .nav-item>.custom-control,.application-bar.navbar-expand-md .nav-item>.form-check,.application-bar.navbar-expand-md .nav-underline .tab>.custom-control,.application-bar.navbar-expand-md .nav-underline .tab>.form-check,.nav-underline .application-bar.navbar-expand-md .tab>.custom-control,.nav-underline .application-bar.navbar-expand-md .tab>.form-check {
        margin-right: .25rem;
        margin-left: .25rem
    }

    .application-bar.navbar-expand-md .nav-link,.application-bar.navbar-expand-md .nav-underline .tab a,.application-bar.navbar-expand-md .navbar-text,.nav-underline .tab .application-bar.navbar-expand-md a {
        margin-bottom: .75rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .75rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-md .nav-link-monospaced {
        font-size: 1rem;
        margin-bottom: .75rem;
        margin-right: .25rem;
        margin-left: .25rem;
        margin-top: .75rem;
        padding: 0
    }
}

@media(max-width: 991.98px) {
    .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0;
        right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .application-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .application-bar.navbar-expand-lg .navbar-form {
        height: 3rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-lg .navbar-form .form-control {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 992px) {
    .application-bar.navbar-expand-lg .navbar-brand {
        font-size:1.125rem;
        margin-left: .25rem;
        padding-bottom: .90625rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .90625rem
    }

    .application-bar.navbar-expand-lg .navbar-form {
        height: 3.5rem;
        padding-right: .25rem;
        padding-left: .25rem
    }

    .application-bar.navbar-expand-lg .navbar-form>.container,.application-bar.navbar-expand-lg .navbar-form>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .application-bar.navbar-expand-lg .nav-btn {
        font-size: .875rem;
        margin-bottom: .75rem;
        margin-right: .25rem;
        margin-left: .25rem;
        margin-top: .75rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-lg .nav-btn-monospaced {
        font-size: 1rem;
        padding: 0
    }

    .application-bar.navbar-expand-lg .nav-item>.custom-control,.application-bar.navbar-expand-lg .nav-item>.form-check,.application-bar.navbar-expand-lg .nav-underline .tab>.custom-control,.application-bar.navbar-expand-lg .nav-underline .tab>.form-check,.nav-underline .application-bar.navbar-expand-lg .tab>.custom-control,.nav-underline .application-bar.navbar-expand-lg .tab>.form-check {
        margin-right: .25rem;
        margin-left: .25rem
    }

    .application-bar.navbar-expand-lg .nav-link,.application-bar.navbar-expand-lg .nav-underline .tab a,.application-bar.navbar-expand-lg .navbar-text,.nav-underline .tab .application-bar.navbar-expand-lg a {
        margin-bottom: .75rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .75rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-lg .nav-link-monospaced {
        font-size: 1rem;
        margin-bottom: .75rem;
        margin-right: .25rem;
        margin-left: .25rem;
        margin-top: .75rem;
        padding: 0
    }
}

@media(max-width: 1279.98px) {
    .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0;
        right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .application-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .application-bar.navbar-expand-xl .navbar-form {
        height: 3rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-xl .navbar-form .form-control {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 1280px) {
    .application-bar.navbar-expand-xl .navbar-brand {
        font-size:1.125rem;
        margin-left: .25rem;
        padding-bottom: .90625rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .90625rem
    }

    .application-bar.navbar-expand-xl .navbar-form {
        height: 3.5rem;
        padding-right: .25rem;
        padding-left: .25rem
    }

    .application-bar.navbar-expand-xl .navbar-form>.container,.application-bar.navbar-expand-xl .navbar-form>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .application-bar.navbar-expand-xl .nav-btn {
        font-size: .875rem;
        margin-bottom: .75rem;
        margin-right: .25rem;
        margin-left: .25rem;
        margin-top: .75rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-xl .nav-btn-monospaced {
        font-size: 1rem;
        padding: 0
    }

    .application-bar.navbar-expand-xl .nav-item>.custom-control,.application-bar.navbar-expand-xl .nav-item>.form-check,.application-bar.navbar-expand-xl .nav-underline .tab>.custom-control,.application-bar.navbar-expand-xl .nav-underline .tab>.form-check,.nav-underline .application-bar.navbar-expand-xl .tab>.custom-control,.nav-underline .application-bar.navbar-expand-xl .tab>.form-check {
        margin-right: .25rem;
        margin-left: .25rem
    }

    .application-bar.navbar-expand-xl .nav-link,.application-bar.navbar-expand-xl .nav-underline .tab a,.application-bar.navbar-expand-xl .navbar-text,.nav-underline .tab .application-bar.navbar-expand-xl a {
        margin-bottom: .75rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .75rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .application-bar.navbar-expand-xl .nav-link-monospaced {
        font-size: 1rem;
        margin-bottom: .75rem;
        margin-right: .25rem;
        margin-left: .25rem;
        margin-top: .75rem;
        padding: 0
    }
}

.application-bar.navbar-expand .navbar-brand {
    font-size: 1.125rem;
    margin-left: .25rem;
    padding-bottom: .90625rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .90625rem
}

.application-bar.navbar-expand .navbar-form {
    height: 3.5rem;
    padding-right: .25rem;
    padding-left: .25rem
}

.application-bar.navbar-expand .navbar-form>.container,.application-bar.navbar-expand .navbar-form>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.application-bar.navbar-expand .nav-btn {
    font-size: .875rem;
    margin-bottom: .75rem;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-top: .75rem;
    padding-bottom: .34375rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .34375rem
}

.application-bar.navbar-expand .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0
}

.application-bar.navbar-expand .nav-item>.custom-control,.application-bar.navbar-expand .nav-item>.form-check,.application-bar.navbar-expand .nav-underline .tab>.custom-control,.application-bar.navbar-expand .nav-underline .tab>.form-check,.nav-underline .application-bar.navbar-expand .tab>.custom-control,.nav-underline .application-bar.navbar-expand .tab>.form-check {
    margin-right: .25rem;
    margin-left: .25rem
}

.application-bar.navbar-expand .nav-link,.application-bar.navbar-expand .nav-underline .tab a,.application-bar.navbar-expand .navbar-text,.nav-underline .tab .application-bar.navbar-expand a {
    margin-bottom: .75rem;
    margin-right: .5rem;
    margin-left: .5rem;
    margin-top: .75rem;
    padding-bottom: .34375rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .34375rem
}

.application-bar.navbar-expand .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: .75rem;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-top: .75rem;
    padding: 0
}

@media(max-width: 575.98px) {
    .application-bar .navbar-overlay-xs-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

@media(max-width: 767.98px) {
    .application-bar .navbar-overlay-sm-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

@media(max-width: 991.98px) {
    .application-bar .navbar-overlay-md-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

@media(max-width: 1279.98px) {
    .application-bar .navbar-overlay-lg-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

.application-bar .navbar-overlay-up {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0
}

.application-bar.navbar-underline .navbar-toggler-link:after {
    bottom: -.5rem;
    height: .125rem
}

@media(min-width: 576px) {
    .application-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after,.application-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-underline .tab a.active:after,.application-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .application-bar.navbar-underline.navbar-expand-sm .navbar-nav a.active:after,.nav-underline .tab.active .application-bar.navbar-underline.navbar-expand-sm .navbar-nav a:after {
        bottom:-.75rem;
        height: .125rem
    }
}

@media(min-width: 768px) {
    .application-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after,.application-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-underline .tab a.active:after,.application-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .application-bar.navbar-underline.navbar-expand-md .navbar-nav a.active:after,.nav-underline .tab.active .application-bar.navbar-underline.navbar-expand-md .navbar-nav a:after {
        bottom:-.75rem;
        height: .125rem
    }
}

@media(min-width: 992px) {
    .application-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after,.application-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-underline .tab a.active:after,.application-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .application-bar.navbar-underline.navbar-expand-lg .navbar-nav a.active:after,.nav-underline .tab.active .application-bar.navbar-underline.navbar-expand-lg .navbar-nav a:after {
        bottom:-.75rem;
        height: .125rem
    }
}

@media(min-width: 1280px) {
    .application-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after,.application-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-underline .tab a.active:after,.application-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .application-bar.navbar-underline.navbar-expand-xl .navbar-nav a.active:after,.nav-underline .tab.active .application-bar.navbar-underline.navbar-expand-xl .navbar-nav a:after {
        bottom:-.75rem;
        height: .125rem
    }
}

.application-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after,.application-bar.navbar-underline.navbar-expand .navbar-nav .nav-underline .tab a.active:after,.application-bar.navbar-underline.navbar-expand .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .application-bar.navbar-underline.navbar-expand .navbar-nav a.active:after,.nav-underline .tab.active .application-bar.navbar-underline.navbar-expand .navbar-nav a:after {
    bottom: -.75rem;
    height: .125rem
}

.application-bar .nav-link,.application-bar .nav-underline .tab a,.application-bar .navbar-nav .btn-unstyled,.nav-underline .tab .application-bar a {
    border-radius: .25rem;
    outline: 0;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.application-bar .nav-link:focus,.application-bar .nav-underline .tab a:focus,.application-bar .navbar-nav .btn-unstyled:focus,.nav-underline .tab .application-bar a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.application-bar .nav-link.disabled,.application-bar .nav-link:disabled,.application-bar .nav-underline .tab a.disabled,.application-bar .nav-underline .tab a:disabled,.application-bar .navbar-nav .btn-unstyled.disabled,.application-bar .navbar-nav .btn-unstyled:disabled,.nav-underline .tab .application-bar a.disabled,.nav-underline .tab .application-bar a:disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.application-bar .navbar-brand {
    border-radius: .25rem;
    outline: 0;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.application-bar .navbar-brand:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.application-bar .navbar-toggler {
    outline: 0;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.application-bar .navbar-toggler:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

@media(max-width: 575.98px) {
    .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

@media(max-width: 767.98px) {
    .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

@media(max-width: 991.98px) {
    .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

@media(max-width: 1279.98px) {
    .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

.application-bar .container,.application-bar .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.application-bar .navbar-nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.application-bar-dark {
    background-color: #30313f;
    border-color: transparent;
    border-style: solid;
    color: #fff
}

.application-bar-dark .nav-link,.application-bar-dark .nav-underline .tab a,.application-bar-dark .navbar-nav .btn-unstyled,.nav-underline .tab .application-bar-dark a {
    color: #fff;
    font-weight: 600
}

.application-bar-dark .nav-link:hover,.application-bar-dark .nav-underline .tab a:hover,.application-bar-dark .navbar-nav .btn-unstyled:hover,.nav-underline .tab .application-bar-dark a:hover {
    background-color: rgba(255,255,255,.03);
    color: #fff
}

.application-bar-dark .nav-link:focus,.application-bar-dark .nav-underline .tab a:focus,.application-bar-dark .navbar-nav .btn-unstyled:focus,.nav-underline .tab .application-bar-dark a:focus {
    background-color: rgba(255,255,255,.03)
}

.application-bar-dark .nav-link.active,.application-bar-dark .nav-link[aria-expanded=true],.application-bar-dark .nav-underline .tab a.active,.application-bar-dark .nav-underline .tab a[aria-expanded=true],.application-bar-dark .nav-underline .tab.active a,.application-bar-dark .navbar-nav .btn-unstyled.active,.application-bar-dark .navbar-nav .btn-unstyled[aria-expanded=true],.application-bar-dark .navbar-nav .nav-underline .tab.active a.btn-unstyled,.nav-underline .tab .application-bar-dark a.active,.nav-underline .tab .application-bar-dark a[aria-expanded=true],.nav-underline .tab.active .application-bar-dark .navbar-nav a.btn-unstyled,.nav-underline .tab.active .application-bar-dark a {
    background-color: rgba(255,255,255,.06);
    color: #fff
}

.application-bar-dark .nav-link.disabled,.application-bar-dark .nav-link:disabled,.application-bar-dark .nav-underline .tab a.disabled,.application-bar-dark .nav-underline .tab a:disabled,.application-bar-dark .navbar-nav .btn-unstyled.disabled,.application-bar-dark .navbar-nav .btn-unstyled:disabled,.nav-underline .tab .application-bar-dark a.disabled,.nav-underline .tab .application-bar-dark a:disabled {
    background-color: transparent;
    color: #a7a9bc;
    opacity: .5
}

.application-bar-dark .nav-btn {
    font-weight: 600
}

.application-bar-dark .navbar-toggler {
    color: #fff;
    font-weight: 600
}

.application-bar-dark .navbar-toggler-link[aria-expanded=true] {
    color: #fff
}

.application-bar-dark .navbar-overlay {
    background-color: #30313f
}

@media(max-width: 575.98px) {
    .application-bar-dark.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        background-color:#30313f;
        border-color: transparent
    }

    .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a,.dropdown-menu .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a {
        color: #fff;
        font-weight: 600
    }

    .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #fff
    }

    .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover,.dropdown-menu .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a:hover {
        color: #fff
    }

    .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.dropdown-menu .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav a.dropdown-item,.nav-underline .tab.active .dropdown-menu .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a {
        color: #fff
    }

    .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled,.dropdown-menu .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.disabled {
        color: #a7a9bc
    }
}

@media(max-width: 767.98px) {
    .application-bar-dark.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        background-color:#30313f;
        border-color: transparent
    }

    .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a,.dropdown-menu .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a {
        color: #fff;
        font-weight: 600
    }

    .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #fff
    }

    .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover,.dropdown-menu .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a:hover {
        color: #fff
    }

    .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.dropdown-menu .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav a.dropdown-item,.nav-underline .tab.active .dropdown-menu .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a {
        color: #fff
    }

    .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled,.dropdown-menu .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.disabled {
        color: #a7a9bc
    }
}

@media(max-width: 991.98px) {
    .application-bar-dark.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        background-color:#30313f;
        border-color: transparent
    }

    .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a,.dropdown-menu .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a {
        color: #fff;
        font-weight: 600
    }

    .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #fff
    }

    .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover,.dropdown-menu .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a:hover {
        color: #fff
    }

    .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.dropdown-menu .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav a.dropdown-item,.nav-underline .tab.active .dropdown-menu .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a {
        color: #fff
    }

    .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled,.dropdown-menu .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.disabled {
        color: #a7a9bc
    }
}

@media(max-width: 1279.98px) {
    .application-bar-dark.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        background-color:#30313f;
        border-color: transparent
    }

    .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a,.dropdown-menu .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a {
        color: #fff;
        font-weight: 600
    }

    .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #fff
    }

    .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover,.dropdown-menu .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a:hover {
        color: #fff
    }

    .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.dropdown-menu .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav a.dropdown-item,.nav-underline .tab.active .dropdown-menu .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a {
        color: #fff
    }

    .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled,.dropdown-menu .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.disabled {
        color: #a7a9bc
    }
}

.management-bar {
    border-width: 0 0 .0625rem 0;
    font-size: .875rem;
    padding: 0;
    border-color: transparent;
    border-style: solid
}

.management-bar .navbar-toggler {
    font-size: 1.125rem;
    height: 2.00001rem;
    margin-right: .875rem;
    margin-left: .875rem;
    padding-bottom: .25rem;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: .25rem
}

.management-bar .navbar-toggler-link {
    height: auto;
    font-size: .875rem;
    line-height: 1.5;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: .8125rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .8125rem
}

.management-bar .navbar-brand {
    font-size: 1.125rem;
    margin-left: 0;
    padding-bottom: .625rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .625rem
}

.management-bar .navbar-nav .nav-btn {
    font-size: .875rem;
    margin-bottom: .46875rem;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-top: .46875rem;
    padding-bottom: .25rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .25rem
}

.management-bar .navbar-nav .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0
}

.management-bar .navbar-nav .nav-item>.custom-control,.management-bar .navbar-nav .nav-item>.form-check,.management-bar .navbar-nav .nav-underline .tab>.custom-control,.management-bar .navbar-nav .nav-underline .tab>.form-check,.nav-underline .management-bar .navbar-nav .tab>.custom-control,.nav-underline .management-bar .navbar-nav .tab>.form-check {
    margin-right: .25rem;
    margin-left: .25rem
}

.management-bar .navbar-nav .nav-link,.management-bar .navbar-nav .nav-underline .tab a,.management-bar .navbar-nav .navbar-text,.nav-underline .tab .management-bar .navbar-nav a {
    margin-bottom: .46875rem;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-top: .46875rem;
    padding-bottom: .34375rem;
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .34375rem
}

.management-bar .navbar-nav .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: .46875rem;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-top: .46875rem;
    padding: 0
}

.management-bar .dropdown-menu {
    margin-top: 0
}

@media(max-width: 575.98px) {
    .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0 0 .0625rem 0;
        right: 0;
        margin-top: .0625rem;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .management-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .management-bar.navbar-expand-sm .navbar-form {
        height: 2.9375rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-sm .navbar-form .form-control {
        height: 2rem;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 576px) {
    .management-bar.navbar-expand-sm .navbar-brand {
        font-size:1.125rem;
        margin-left: .5rem;
        padding-bottom: 1.125rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: 1.125rem
    }

    .management-bar.navbar-expand-sm .navbar-form {
        height: 3.9375rem;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .management-bar.navbar-expand-sm .navbar-form>.container,.management-bar.navbar-expand-sm .navbar-form>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .management-bar.navbar-expand-sm .nav-btn {
        font-size: .875rem;
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding-bottom: .34375rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-sm .nav-btn-monospaced {
        font-size: 1rem;
        padding: 0
    }

    .management-bar.navbar-expand-sm .nav-item>.custom-control,.management-bar.navbar-expand-sm .nav-item>.form-check,.management-bar.navbar-expand-sm .nav-underline .tab>.custom-control,.management-bar.navbar-expand-sm .nav-underline .tab>.form-check,.nav-underline .management-bar.navbar-expand-sm .tab>.custom-control,.nav-underline .management-bar.navbar-expand-sm .tab>.form-check {
        margin-right: .5rem;
        margin-left: .5rem
    }

    .management-bar.navbar-expand-sm .nav-link,.management-bar.navbar-expand-sm .nav-underline .tab a,.management-bar.navbar-expand-sm .navbar-text,.nav-underline .tab .management-bar.navbar-expand-sm a {
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding-bottom: .34375rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-sm .nav-link-monospaced {
        font-size: 1rem;
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding: 0
    }
}

@media(max-width: 767.98px) {
    .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0 0 .0625rem 0;
        right: 0;
        margin-top: .0625rem;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .management-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .management-bar.navbar-expand-md .navbar-form {
        height: 2.9375rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-md .navbar-form .form-control {
        height: 2rem;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 768px) {
    .management-bar.navbar-expand-md .navbar-brand {
        font-size:1.125rem;
        margin-left: .5rem;
        padding-bottom: 1.125rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: 1.125rem
    }

    .management-bar.navbar-expand-md .navbar-form {
        height: 3.9375rem;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .management-bar.navbar-expand-md .navbar-form>.container,.management-bar.navbar-expand-md .navbar-form>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .management-bar.navbar-expand-md .nav-btn {
        font-size: .875rem;
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding-bottom: .34375rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-md .nav-btn-monospaced {
        font-size: 1rem;
        padding: 0
    }

    .management-bar.navbar-expand-md .nav-item>.custom-control,.management-bar.navbar-expand-md .nav-item>.form-check,.management-bar.navbar-expand-md .nav-underline .tab>.custom-control,.management-bar.navbar-expand-md .nav-underline .tab>.form-check,.nav-underline .management-bar.navbar-expand-md .tab>.custom-control,.nav-underline .management-bar.navbar-expand-md .tab>.form-check {
        margin-right: .5rem;
        margin-left: .5rem
    }

    .management-bar.navbar-expand-md .nav-link,.management-bar.navbar-expand-md .nav-underline .tab a,.management-bar.navbar-expand-md .navbar-text,.nav-underline .tab .management-bar.navbar-expand-md a {
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding-bottom: .34375rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-md .nav-link-monospaced {
        font-size: 1rem;
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding: 0
    }
}

@media(max-width: 991.98px) {
    .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0 0 .0625rem 0;
        right: 0;
        margin-top: .0625rem;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .management-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .management-bar.navbar-expand-lg .navbar-form {
        height: 2.9375rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-lg .navbar-form .form-control {
        height: 2rem;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 992px) {
    .management-bar.navbar-expand-lg .navbar-brand {
        font-size:1.125rem;
        margin-left: .5rem;
        padding-bottom: 1.125rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: 1.125rem
    }

    .management-bar.navbar-expand-lg .navbar-form {
        height: 3.9375rem;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .management-bar.navbar-expand-lg .navbar-form>.container,.management-bar.navbar-expand-lg .navbar-form>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .management-bar.navbar-expand-lg .nav-btn {
        font-size: .875rem;
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding-bottom: .34375rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-lg .nav-btn-monospaced {
        font-size: 1rem;
        padding: 0
    }

    .management-bar.navbar-expand-lg .nav-item>.custom-control,.management-bar.navbar-expand-lg .nav-item>.form-check,.management-bar.navbar-expand-lg .nav-underline .tab>.custom-control,.management-bar.navbar-expand-lg .nav-underline .tab>.form-check,.nav-underline .management-bar.navbar-expand-lg .tab>.custom-control,.nav-underline .management-bar.navbar-expand-lg .tab>.form-check {
        margin-right: .5rem;
        margin-left: .5rem
    }

    .management-bar.navbar-expand-lg .nav-link,.management-bar.navbar-expand-lg .nav-underline .tab a,.management-bar.navbar-expand-lg .navbar-text,.nav-underline .tab .management-bar.navbar-expand-lg a {
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding-bottom: .34375rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-lg .nav-link-monospaced {
        font-size: 1rem;
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding: 0
    }
}

@media(max-width: 1279.98px) {
    .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0 0 .0625rem 0;
        right: 0;
        margin-top: .0625rem;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .management-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .management-bar.navbar-expand-xl .navbar-form {
        height: 2.9375rem;
        padding-bottom: .34375rem;
        padding-right: .25rem;
        padding-left: .25rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-xl .navbar-form .form-control {
        height: 2rem;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 1280px) {
    .management-bar.navbar-expand-xl .navbar-brand {
        font-size:1.125rem;
        margin-left: .5rem;
        padding-bottom: 1.125rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: 1.125rem
    }

    .management-bar.navbar-expand-xl .navbar-form {
        height: 3.9375rem;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .management-bar.navbar-expand-xl .navbar-form>.container,.management-bar.navbar-expand-xl .navbar-form>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .management-bar.navbar-expand-xl .nav-btn {
        font-size: .875rem;
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding-bottom: .34375rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-xl .nav-btn-monospaced {
        font-size: 1rem;
        padding: 0
    }

    .management-bar.navbar-expand-xl .nav-item>.custom-control,.management-bar.navbar-expand-xl .nav-item>.form-check,.management-bar.navbar-expand-xl .nav-underline .tab>.custom-control,.management-bar.navbar-expand-xl .nav-underline .tab>.form-check,.nav-underline .management-bar.navbar-expand-xl .tab>.custom-control,.nav-underline .management-bar.navbar-expand-xl .tab>.form-check {
        margin-right: .5rem;
        margin-left: .5rem
    }

    .management-bar.navbar-expand-xl .nav-link,.management-bar.navbar-expand-xl .nav-underline .tab a,.management-bar.navbar-expand-xl .navbar-text,.nav-underline .tab .management-bar.navbar-expand-xl a {
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding-bottom: .34375rem;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: .34375rem
    }

    .management-bar.navbar-expand-xl .nav-link-monospaced {
        font-size: 1rem;
        margin-bottom: .96875rem;
        margin-right: .5rem;
        margin-left: .5rem;
        margin-top: .96875rem;
        padding: 0
    }
}

.management-bar.navbar-expand .navbar-brand {
    font-size: 1.125rem;
    margin-left: .5rem;
    padding-bottom: 1.125rem;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: 1.125rem
}

.management-bar.navbar-expand .navbar-form {
    height: 3.9375rem;
    padding-right: .5rem;
    padding-left: .5rem
}

.management-bar.navbar-expand .navbar-form>.container,.management-bar.navbar-expand .navbar-form>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.management-bar.navbar-expand .nav-btn {
    font-size: .875rem;
    margin-bottom: .96875rem;
    margin-right: .5rem;
    margin-left: .5rem;
    margin-top: .96875rem;
    padding-bottom: .34375rem;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: .34375rem
}

.management-bar.navbar-expand .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0
}

.management-bar.navbar-expand .nav-item>.custom-control,.management-bar.navbar-expand .nav-item>.form-check,.management-bar.navbar-expand .nav-underline .tab>.custom-control,.management-bar.navbar-expand .nav-underline .tab>.form-check,.nav-underline .management-bar.navbar-expand .tab>.custom-control,.nav-underline .management-bar.navbar-expand .tab>.form-check {
    margin-right: .5rem;
    margin-left: .5rem
}

.management-bar.navbar-expand .nav-link,.management-bar.navbar-expand .nav-underline .tab a,.management-bar.navbar-expand .navbar-text,.nav-underline .tab .management-bar.navbar-expand a {
    margin-bottom: .96875rem;
    margin-right: .5rem;
    margin-left: .5rem;
    margin-top: .96875rem;
    padding-bottom: .34375rem;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: .34375rem
}

.management-bar.navbar-expand .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: .96875rem;
    margin-right: .5rem;
    margin-left: .5rem;
    margin-top: .96875rem;
    padding: 0
}

@media(max-width: 575.98px) {
    .management-bar .navbar-overlay-xs-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

@media(max-width: 767.98px) {
    .management-bar .navbar-overlay-sm-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

@media(max-width: 991.98px) {
    .management-bar .navbar-overlay-md-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

@media(max-width: 1279.98px) {
    .management-bar .navbar-overlay-lg-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

.management-bar .navbar-overlay-up {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0
}

.management-bar.navbar-underline .navbar-toggler-link:after {
    bottom: -.53125rem;
    height: .25rem
}

@media(min-width: 576px) {
    .management-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after,.management-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-underline .tab a.active:after,.management-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .management-bar.navbar-underline.navbar-expand-sm .navbar-nav a.active:after,.nav-underline .tab.active .management-bar.navbar-underline.navbar-expand-sm .navbar-nav a:after {
        bottom:-1.03125rem;
        height: .25rem
    }
}

@media(min-width: 768px) {
    .management-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after,.management-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-underline .tab a.active:after,.management-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .management-bar.navbar-underline.navbar-expand-md .navbar-nav a.active:after,.nav-underline .tab.active .management-bar.navbar-underline.navbar-expand-md .navbar-nav a:after {
        bottom:-1.03125rem;
        height: .25rem
    }
}

@media(min-width: 992px) {
    .management-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after,.management-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-underline .tab a.active:after,.management-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .management-bar.navbar-underline.navbar-expand-lg .navbar-nav a.active:after,.nav-underline .tab.active .management-bar.navbar-underline.navbar-expand-lg .navbar-nav a:after {
        bottom:-1.03125rem;
        height: .25rem
    }
}

@media(min-width: 1280px) {
    .management-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after,.management-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-underline .tab a.active:after,.management-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .management-bar.navbar-underline.navbar-expand-xl .navbar-nav a.active:after,.nav-underline .tab.active .management-bar.navbar-underline.navbar-expand-xl .navbar-nav a:after {
        bottom:-1.03125rem;
        height: .25rem
    }
}

.management-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after,.management-bar.navbar-underline.navbar-expand .navbar-nav .nav-underline .tab a.active:after,.management-bar.navbar-underline.navbar-expand .navbar-nav .nav-underline .tab.active a:after,.nav-underline .tab .management-bar.navbar-underline.navbar-expand .navbar-nav a.active:after,.nav-underline .tab.active .management-bar.navbar-underline.navbar-expand .navbar-nav a:after {
    bottom: -1.03125rem;
    height: .25rem
}

.management-bar .nav-link,.management-bar .nav-underline .tab a,.management-bar .navbar-nav .btn-unstyled,.nav-underline .tab .management-bar a {
    border-radius: .25rem;
    outline: 0;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.management-bar .nav-link:focus,.management-bar .nav-underline .tab a:focus,.management-bar .navbar-nav .btn-unstyled:focus,.nav-underline .tab .management-bar a:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.management-bar .nav-link.disabled,.management-bar .nav-link:disabled,.management-bar .nav-underline .tab a.disabled,.management-bar .nav-underline .tab a:disabled,.management-bar .navbar-nav .btn-unstyled.disabled,.management-bar .navbar-nav .btn-unstyled:disabled,.nav-underline .tab .management-bar a.disabled,.nav-underline .tab .management-bar a:disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.management-bar .navbar-brand {
    border-radius: .25rem;
    outline: 0;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.management-bar .navbar-brand:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.management-bar .navbar-toggler {
    outline: 0;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.management-bar .navbar-toggler:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

@media(max-width: 575.98px) {
    .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

@media(max-width: 767.98px) {
    .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

@media(max-width: 991.98px) {
    .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

@media(max-width: 1279.98px) {
    .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

.management-bar-light {
    background-color: #fff;
    border-color: transparent;
    border-style: solid
}

.management-bar-light .nav-link,.management-bar-light .nav-underline .tab a,.management-bar-light .navbar-nav .btn-unstyled,.nav-underline .tab .management-bar-light a {
    color: #6b6c7e;
    font-weight: 600
}

.management-bar-light .nav-link:hover,.management-bar-light .nav-underline .tab a:hover,.management-bar-light .navbar-nav .btn-unstyled:hover,.nav-underline .tab .management-bar-light a:hover {
    background-color: rgba(39,40,51,.03);
    color: #272833
}

.management-bar-light .nav-link:focus,.management-bar-light .nav-underline .tab a:focus,.management-bar-light .navbar-nav .btn-unstyled:focus,.nav-underline .tab .management-bar-light a:focus {
    background-color: rgba(39,40,51,.03);
    color: #272833
}

.management-bar-light .nav-link.active,.management-bar-light .nav-link[aria-expanded=true],.management-bar-light .nav-underline .tab a.active,.management-bar-light .nav-underline .tab a[aria-expanded=true],.management-bar-light .nav-underline .tab.active a,.management-bar-light .navbar-nav .btn-unstyled.active,.management-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],.management-bar-light .navbar-nav .nav-underline .tab.active a.btn-unstyled,.nav-underline .tab .management-bar-light a.active,.nav-underline .tab .management-bar-light a[aria-expanded=true],.nav-underline .tab.active .management-bar-light .navbar-nav a.btn-unstyled,.nav-underline .tab.active .management-bar-light a {
    background-color: rgba(39,40,51,.06);
    color: #272833
}

.management-bar-light .nav-link.disabled,.management-bar-light .nav-link:disabled,.management-bar-light .nav-underline .tab a.disabled,.management-bar-light .nav-underline .tab a:disabled,.management-bar-light .navbar-nav .btn-unstyled.disabled,.management-bar-light .navbar-nav .btn-unstyled:disabled,.nav-underline .tab .management-bar-light a.disabled,.nav-underline .tab .management-bar-light a:disabled {
    background-color: transparent;
    color: #a7a9bc;
    opacity: 1
}

.management-bar-light .nav-btn {
    font-weight: 600
}

.management-bar-light .navbar-brand:focus {
    color: #272833
}

.management-bar-light .navbar-toggler {
    color: #6b6c7e;
    font-weight: 600
}

.management-bar-light .navbar-toggler:focus {
    color: #272833
}

.management-bar-light .navbar-toggler-link[aria-expanded=true] {
    color: #272833
}

.management-bar-light .navbar-overlay {
    background-color: #fff
}

@media(max-width: 575.98px) {
    .management-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        background-color:#fff;
        border-color: transparent
    }

    .dropdown-menu .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a:hover,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.nav-underline .tab.active .dropdown-menu .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.disabled,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #a7a9bc
    }
}

@media(max-width: 767.98px) {
    .management-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        background-color:#fff;
        border-color: transparent
    }

    .dropdown-menu .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a:hover,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.nav-underline .tab.active .dropdown-menu .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.disabled,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #a7a9bc
    }
}

@media(max-width: 991.98px) {
    .management-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        background-color:#fff;
        border-color: transparent
    }

    .dropdown-menu .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a:hover,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.nav-underline .tab.active .dropdown-menu .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.disabled,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #a7a9bc
    }
}

@media(max-width: 1279.98px) {
    .management-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        background-color:#fff;
        border-color: transparent
    }

    .dropdown-menu .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a:hover,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.nav-underline .tab.active .dropdown-menu .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.disabled,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #a7a9bc
    }
}

.management-bar-primary {
    background-color: #f0f5ff;
    border-color: #0b5fff;
    border-style: solid;
    color: #6b6c7e
}

.management-bar-primary .nav-link,.management-bar-primary .nav-underline .tab a,.management-bar-primary .navbar-nav .btn-unstyled,.nav-underline .tab .management-bar-primary a {
    border-radius: .25rem;
    color: #6b6c7e;
    font-weight: 600
}

.management-bar-primary .nav-link:hover,.management-bar-primary .nav-underline .tab a:hover,.management-bar-primary .navbar-nav .btn-unstyled:hover,.nav-underline .tab .management-bar-primary a:hover {
    background-color: rgba(39,40,51,.03);
    color: #272833
}

.management-bar-primary .nav-link:focus,.management-bar-primary .nav-underline .tab a:focus,.management-bar-primary .navbar-nav .btn-unstyled:focus,.nav-underline .tab .management-bar-primary a:focus {
    background-color: rgba(39,40,51,.03);
    color: #272833
}

.management-bar-primary .nav-link.active,.management-bar-primary .nav-link[aria-expanded=true],.management-bar-primary .nav-underline .tab a.active,.management-bar-primary .nav-underline .tab a[aria-expanded=true],.management-bar-primary .nav-underline .tab.active a,.management-bar-primary .navbar-nav .btn-unstyled.active,.management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true],.management-bar-primary .navbar-nav .nav-underline .tab.active a.btn-unstyled,.nav-underline .tab .management-bar-primary a.active,.nav-underline .tab .management-bar-primary a[aria-expanded=true],.nav-underline .tab.active .management-bar-primary .navbar-nav a.btn-unstyled,.nav-underline .tab.active .management-bar-primary a {
    background-color: rgba(39,40,51,.06);
    color: #272833
}

.management-bar-primary .nav-link.disabled,.management-bar-primary .nav-link:disabled,.management-bar-primary .nav-underline .tab a.disabled,.management-bar-primary .nav-underline .tab a:disabled,.management-bar-primary .navbar-nav .btn-unstyled.disabled,.management-bar-primary .navbar-nav .btn-unstyled:disabled,.nav-underline .tab .management-bar-primary a.disabled,.nav-underline .tab .management-bar-primary a:disabled {
    background-color: transparent;
    color: #a7a9bc;
    opacity: 1
}

.management-bar-primary .nav-btn {
    font-weight: 600
}

.management-bar-primary .navbar-brand {
    border-radius: .25rem
}

.management-bar-primary .navbar-brand:focus {
    color: #272833
}

.management-bar-primary .navbar-toggler {
    color: #6b6c7e;
    font-weight: 600
}

.management-bar-primary .navbar-toggler:focus {
    color: #272833
}

.management-bar-primary .navbar-toggler-link[aria-expanded=true] {
    color: #272833
}

.management-bar-primary .navbar-overlay {
    background-color: #f0f5ff
}

@media(max-width: 575.98px) {
    .management-bar-primary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        background-color:#f0f5ff;
        border-color: #0b5fff
    }

    .dropdown-menu .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a:hover,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.nav-underline .tab.active .dropdown-menu .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.disabled,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #a7a9bc
    }
}

@media(max-width: 767.98px) {
    .management-bar-primary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        background-color:#f0f5ff;
        border-color: #0b5fff
    }

    .dropdown-menu .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a:hover,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.nav-underline .tab.active .dropdown-menu .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.disabled,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #a7a9bc
    }
}

@media(max-width: 991.98px) {
    .management-bar-primary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        background-color:#f0f5ff;
        border-color: #0b5fff
    }

    .dropdown-menu .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a:hover,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.nav-underline .tab.active .dropdown-menu .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.disabled,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #a7a9bc
    }
}

@media(max-width: 1279.98px) {
    .management-bar-primary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        background-color:#f0f5ff;
        border-color: #0b5fff
    }

    .dropdown-menu .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a:hover,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.active,.dropdown-menu .nav-underline .tab.active .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item,.nav-underline .tab.active .dropdown-menu .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.disabled,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #a7a9bc
    }
}

.navigation-bar {
    border-width: 0;
    font-size: .875rem;
    padding: 0;
    border-color: transparent;
    border-style: solid
}

.navigation-bar .navbar-toggler {
    font-size: 1.125rem;
    height: 2.00001rem;
    margin-right: 1rem;
    margin-left: 1rem;
    padding-bottom: .25rem;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: .25rem
}

.navigation-bar .navbar-toggler-link {
    height: 2rem;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: .5rem;
    margin-right: 0;
    margin-left: 0;
    margin-top: .5rem;
    padding-bottom: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0
}

.navigation-bar .navbar-brand {
    font-size: 1.125rem;
    margin-left: 0;
    padding-bottom: .65625rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: .65625rem
}

.navigation-bar .navbar-nav .nav-btn {
    font-size: .875rem;
    margin-bottom: .5rem;
    margin-right: 1rem;
    margin-left: 1rem;
    margin-top: .5rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 1rem
}

.navigation-bar .navbar-nav .nav-btn-monospaced {
    padding: 0
}

.nav-underline .navigation-bar .navbar-nav .tab>.custom-control,.nav-underline .navigation-bar .navbar-nav .tab>.form-check,.navigation-bar .navbar-nav .nav-item>.custom-control,.navigation-bar .navbar-nav .nav-item>.form-check,.navigation-bar .navbar-nav .nav-underline .tab>.custom-control,.navigation-bar .navbar-nav .nav-underline .tab>.form-check {
    margin-right: 1rem;
    margin-left: 1rem
}

.nav-underline .tab .navigation-bar .navbar-nav a,.navigation-bar .navbar-nav .nav-link,.navigation-bar .navbar-nav .nav-underline .tab a,.navigation-bar .navbar-nav .navbar-text {
    margin-bottom: .5rem;
    margin-top: .5rem;
    padding-bottom: .34375rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: .34375rem
}

.navigation-bar .navbar-nav .nav-link-monospaced {
    margin-bottom: .5rem;
    margin-right: 1rem;
    margin-left: 1rem;
    margin-top: .5rem;
    padding: 0
}

.navigation-bar .dropdown-menu {
    margin-top: 0
}

@media(max-width: 575.98px) {
    .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0;
        right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .dropdown-menu .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        padding-bottom: .8125rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: .8125rem
    }

    .navigation-bar.navbar-expand-sm .navbar-form {
        height: 3rem;
        padding-bottom: .34375rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: .34375rem
    }

    .navigation-bar.navbar-expand-sm .navbar-form .form-control {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(max-width: 767.98px) {
    .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0;
        right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .dropdown-menu .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        padding-bottom: .8125rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: .8125rem
    }

    .navigation-bar.navbar-expand-md .navbar-form {
        height: 3rem;
        padding-bottom: .34375rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: .34375rem
    }

    .navigation-bar.navbar-expand-md .navbar-form .form-control {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(max-width: 991.98px) {
    .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0;
        right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .dropdown-menu .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        padding-bottom: .8125rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: .8125rem
    }

    .navigation-bar.navbar-expand-lg .navbar-form {
        height: 3rem;
        padding-bottom: .34375rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: .34375rem
    }

    .navigation-bar.navbar-expand-lg .navbar-form .form-control {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(max-width: 1279.98px) {
    .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent;
        border-style: solid;
        border-width: 0;
        right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        left: 0
    }

    .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
        margin-right: 0;
        margin-left: 0
    }

    .dropdown-menu .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        padding-bottom: .8125rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: .8125rem
    }

    .navigation-bar.navbar-expand-xl .navbar-form {
        height: 3rem;
        padding-bottom: .34375rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: .34375rem
    }

    .navigation-bar.navbar-expand-xl .navbar-form .form-control {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(max-width: 575.98px) {
    .navigation-bar .navbar-overlay-xs-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

@media(max-width: 767.98px) {
    .navigation-bar .navbar-overlay-sm-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

@media(max-width: 991.98px) {
    .navigation-bar .navbar-overlay-md-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

@media(max-width: 1279.98px) {
    .navigation-bar .navbar-overlay-lg-down {
        padding-bottom:0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }
}

.navigation-bar .navbar-overlay-up {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0
}

.navigation-bar.navbar-underline .navbar-toggler-link:after {
    bottom: -.5rem;
    height: .25rem
}

@media(min-width: 576px) {
    .nav-underline .tab .navigation-bar.navbar-underline.navbar-expand-sm .navbar-nav a.active:after,.nav-underline .tab.active .navigation-bar.navbar-underline.navbar-expand-sm .navbar-nav a:after,.navigation-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after,.navigation-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-underline .tab a.active:after,.navigation-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-underline .tab.active a:after {
        bottom:-.5rem;
        height: .25rem
    }
}

@media(min-width: 768px) {
    .nav-underline .tab .navigation-bar.navbar-underline.navbar-expand-md .navbar-nav a.active:after,.nav-underline .tab.active .navigation-bar.navbar-underline.navbar-expand-md .navbar-nav a:after,.navigation-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after,.navigation-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-underline .tab a.active:after,.navigation-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-underline .tab.active a:after {
        bottom:-.5rem;
        height: .25rem
    }
}

@media(min-width: 992px) {
    .nav-underline .tab .navigation-bar.navbar-underline.navbar-expand-lg .navbar-nav a.active:after,.nav-underline .tab.active .navigation-bar.navbar-underline.navbar-expand-lg .navbar-nav a:after,.navigation-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after,.navigation-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-underline .tab a.active:after,.navigation-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-underline .tab.active a:after {
        bottom:-.5rem;
        height: .25rem
    }
}

@media(min-width: 1280px) {
    .nav-underline .tab .navigation-bar.navbar-underline.navbar-expand-xl .navbar-nav a.active:after,.nav-underline .tab.active .navigation-bar.navbar-underline.navbar-expand-xl .navbar-nav a:after,.navigation-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after,.navigation-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-underline .tab a.active:after,.navigation-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-underline .tab.active a:after {
        bottom:-.5rem;
        height: .25rem
    }
}

.nav-underline .tab .navigation-bar.navbar-underline.navbar-expand .navbar-nav a.active:after,.nav-underline .tab.active .navigation-bar.navbar-underline.navbar-expand .navbar-nav a:after,.navigation-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after,.navigation-bar.navbar-underline.navbar-expand .navbar-nav .nav-underline .tab a.active:after,.navigation-bar.navbar-underline.navbar-expand .navbar-nav .nav-underline .tab.active a:after {
    bottom: -.5rem;
    height: .25rem
}

.nav-underline .tab .navigation-bar a,.navigation-bar .nav-link,.navigation-bar .nav-underline .tab a,.navigation-bar .navbar-nav .btn-unstyled {
    outline: 0
}

.nav-underline .tab .navigation-bar a:focus,.navigation-bar .nav-link:focus,.navigation-bar .nav-underline .tab a:focus,.navigation-bar .navbar-nav .btn-unstyled:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.nav-underline .tab .navigation-bar a.disabled,.nav-underline .tab .navigation-bar a:disabled,.navigation-bar .nav-link.disabled,.navigation-bar .nav-link:disabled,.navigation-bar .nav-underline .tab a.disabled,.navigation-bar .nav-underline .tab a:disabled,.navigation-bar .navbar-nav .btn-unstyled.disabled,.navigation-bar .navbar-nav .btn-unstyled:disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navigation-bar .navbar-brand {
    outline: 0
}

.navigation-bar .navbar-brand:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.navigation-bar .navbar-toggler {
    outline: 0
}

.navigation-bar .navbar-toggler:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

@media(max-width: 575.98px) {
    .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

@media(max-width: 767.98px) {
    .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

@media(max-width: 991.98px) {
    .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

@media(max-width: 1279.98px) {
    .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        border-color:transparent
    }
}

.navigation-bar-light {
    background-color: #fff;
    border-color: transparent;
    border-style: solid
}

.nav-underline .tab .navigation-bar-light a,.navigation-bar-light .nav-link,.navigation-bar-light .nav-underline .tab a,.navigation-bar-light .navbar-nav .btn-unstyled {
    color: #6b6c7e;
    font-weight: 600
}

.nav-underline .tab .navigation-bar-light a:hover,.navigation-bar-light .nav-link:hover,.navigation-bar-light .nav-underline .tab a:hover,.navigation-bar-light .navbar-nav .btn-unstyled:hover {
    color: #272833
}

.nav-underline .tab .navigation-bar-light a:focus,.navigation-bar-light .nav-link:focus,.navigation-bar-light .nav-underline .tab a:focus,.navigation-bar-light .navbar-nav .btn-unstyled:focus {
    color: #272833
}

.nav-underline .tab .navigation-bar-light a.active,.nav-underline .tab .navigation-bar-light a[aria-expanded=true],.nav-underline .tab.active .navigation-bar-light .navbar-nav a.btn-unstyled,.nav-underline .tab.active .navigation-bar-light a,.navigation-bar-light .nav-link.active,.navigation-bar-light .nav-link[aria-expanded=true],.navigation-bar-light .nav-underline .tab a.active,.navigation-bar-light .nav-underline .tab a[aria-expanded=true],.navigation-bar-light .nav-underline .tab.active a,.navigation-bar-light .navbar-nav .btn-unstyled.active,.navigation-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],.navigation-bar-light .navbar-nav .nav-underline .tab.active a.btn-unstyled {
    color: #272833
}

.nav-underline .tab .navigation-bar-light a.disabled,.nav-underline .tab .navigation-bar-light a:disabled,.navigation-bar-light .nav-link.disabled,.navigation-bar-light .nav-link:disabled,.navigation-bar-light .nav-underline .tab a.disabled,.navigation-bar-light .nav-underline .tab a:disabled,.navigation-bar-light .navbar-nav .btn-unstyled.disabled,.navigation-bar-light .navbar-nav .btn-unstyled:disabled {
    color: #6b6c7e;
    opacity: .4
}

.navigation-bar-light .nav-btn {
    font-weight: 600
}

.navigation-bar-light .navbar-brand:focus {
    color: #272833
}

.navigation-bar-light .navbar-toggler {
    color: #6b6c7e;
    font-weight: 600
}

.navigation-bar-light .navbar-toggler:focus {
    color: #272833
}

.navigation-bar-light .navbar-toggler-link[aria-expanded=true] {
    color: #272833
}

.navigation-bar-light .navbar-overlay {
    background-color: #fff
}

@media(max-width: 575.98px) {
    .navigation-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        background-color:#fff;
        border-color: transparent
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a:hover,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .nav-underline .tab.active .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav a.dropdown-item,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.disabled,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #6b6c7e
    }
}

@media(max-width: 767.98px) {
    .navigation-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        background-color:#fff;
        border-color: transparent
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a:hover,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .nav-underline .tab.active .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav a.dropdown-item,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.disabled,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #6b6c7e
    }
}

@media(max-width: 991.98px) {
    .navigation-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        background-color:#fff;
        border-color: transparent
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a:hover,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .nav-underline .tab.active .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav a.dropdown-item,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.disabled,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #6b6c7e
    }
}

@media(max-width: 1279.98px) {
    .navigation-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        background-color:#fff;
        border-color: transparent
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #6b6c7e;
        font-weight: 600
    }

    .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #6b6c7e
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a:hover,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #272833
    }

    .dropdown-menu .nav-underline .tab.active .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav a.dropdown-item,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        color: #272833
    }

    .dropdown-menu .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.disabled,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #6b6c7e
    }
}

.navigation-bar-secondary {
    background-color: #393a4a;
    border-color: transparent;
    border-style: solid;
    color: #fff
}

.nav-underline .tab .navigation-bar-secondary a,.navigation-bar-secondary .nav-link,.navigation-bar-secondary .nav-underline .tab a,.navigation-bar-secondary .navbar-nav .btn-unstyled {
    color: #cdced9;
    font-weight: 600
}

.nav-underline .tab .navigation-bar-secondary a:hover,.navigation-bar-secondary .nav-link:hover,.navigation-bar-secondary .nav-underline .tab a:hover,.navigation-bar-secondary .navbar-nav .btn-unstyled:hover {
    color: #fff
}

.nav-underline .tab .navigation-bar-secondary a:focus,.navigation-bar-secondary .nav-link:focus,.navigation-bar-secondary .nav-underline .tab a:focus,.navigation-bar-secondary .navbar-nav .btn-unstyled:focus {
    color: #fff
}

.nav-underline .tab .navigation-bar-secondary a.active,.nav-underline .tab .navigation-bar-secondary a[aria-expanded=true],.nav-underline .tab.active .navigation-bar-secondary .navbar-nav a.btn-unstyled,.nav-underline .tab.active .navigation-bar-secondary a,.navigation-bar-secondary .nav-link.active,.navigation-bar-secondary .nav-link[aria-expanded=true],.navigation-bar-secondary .nav-underline .tab a.active,.navigation-bar-secondary .nav-underline .tab a[aria-expanded=true],.navigation-bar-secondary .nav-underline .tab.active a,.navigation-bar-secondary .navbar-nav .btn-unstyled.active,.navigation-bar-secondary .navbar-nav .btn-unstyled[aria-expanded=true],.navigation-bar-secondary .navbar-nav .nav-underline .tab.active a.btn-unstyled {
    color: #fff
}

.nav-underline .tab .navigation-bar-secondary a.disabled,.nav-underline .tab .navigation-bar-secondary a:disabled,.navigation-bar-secondary .nav-link.disabled,.navigation-bar-secondary .nav-link:disabled,.navigation-bar-secondary .nav-underline .tab a.disabled,.navigation-bar-secondary .nav-underline .tab a:disabled,.navigation-bar-secondary .navbar-nav .btn-unstyled.disabled,.navigation-bar-secondary .navbar-nav .btn-unstyled:disabled {
    color: #cdced9;
    opacity: .4
}

.navigation-bar-secondary .nav-btn {
    font-weight: 600
}

.navigation-bar-secondary .navbar-brand {
    color: rgba(255,255,255,.9)
}

.navigation-bar-secondary .navbar-brand:hover {
    color: rgba(255,255,255,.9)
}

.navigation-bar-secondary .navbar-brand:focus {
    color: #fff
}

.navigation-bar-secondary .navbar-toggler {
    color: #cdced9;
    font-weight: 600
}

.navigation-bar-secondary .navbar-toggler:focus {
    color: #fff
}

.navigation-bar-secondary .navbar-toggler-link[aria-expanded=true] {
    color: #fff
}

.navigation-bar-secondary .navbar-overlay {
    background-color: #393a4a
}

@media(max-width: 575.98px) {
    .navigation-bar-secondary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
        background-color:#393a4a;
        border-color: transparent
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #cdced9;
        font-weight: 600
    }

    .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #cdced9
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a:hover,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #fff
    }

    .dropdown-menu .nav-underline .tab.active .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav a.dropdown-item,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        color: #fff
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .link-list>li>a.disabled,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #cdced9
    }
}

@media(max-width: 767.98px) {
    .navigation-bar-secondary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
        background-color:#393a4a;
        border-color: transparent
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #cdced9;
        font-weight: 600
    }

    .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #cdced9
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a:hover,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #fff
    }

    .dropdown-menu .nav-underline .tab.active .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav a.dropdown-item,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        color: #fff
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .link-list>li>a.disabled,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #cdced9
    }
}

@media(max-width: 991.98px) {
    .navigation-bar-secondary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
        background-color:#393a4a;
        border-color: transparent
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #cdced9;
        font-weight: 600
    }

    .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #cdced9
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a:hover,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #fff
    }

    .dropdown-menu .nav-underline .tab.active .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav a.dropdown-item,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        color: #fff
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .link-list>li>a.disabled,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #cdced9
    }
}

@media(max-width: 1279.98px) {
    .navigation-bar-secondary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
        background-color:#393a4a;
        border-color: transparent
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a {
        color: #cdced9;
        font-weight: 600
    }

    .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
        border-color: #cdced9
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a:hover,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a:hover,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a:hover {
        color: #fff
    }

    .dropdown-menu .nav-underline .tab.active .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.dropdown-menu .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.active,.nav-underline .tab.active .dropdown-menu .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a,.nav-underline .tab.active .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a,.nav-underline .tab.active .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav a.dropdown-item,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.active,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .nav-underline .tab.active .link-list>li>a,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.active,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu .link-list>li>a,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active .dropdown-menu>li>a,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .nav-underline .tab.active a.dropdown-item {
        color: #fff
    }

    .dropdown-menu .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>.disabled>a,.dropdown-menu .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .link-list>li>a.disabled,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>.disabled>a,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu .link-list>li>a.disabled,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li.disabled>a,.navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu>li>a.disabled {
        color: #cdced9
    }
}

.heading-start {
    margin-left: 1rem
}

.heading-end {
    margin-right: 1rem
}

.heading-text {
    margin-bottom: auto;
    margin-top: auto
}

.inline-scroller {
    list-style: none;
    margin: 0;
    max-height: 125px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0
}

.inline-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.inline-item .inline-item {
    display: inline
}

.inline-item .lexicon-icon {
    margin-top: -.1em
}

.inline-item .loading-animation {
    font-size: 1.25em
}

.inline-item-before {
    margin-left: .5rem
}

.inline-item-middle {
    margin-right: .5rem;
    margin-left: .5rem
}

.inline-item-middle+.inline-item-middle {
    margin-right: 0
}

.inline-item-after {
    margin-right: .5rem
}

.page-header {
    background-color: #fff
}

.loading-animation {
    display: block;
    font-size: 2.5rem;
    height: 1em;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    text-align: right;
    vertical-align: middle;
    width: 1em
}

.loading-animation:before {
    display: none
}

.loading-animation:after {
    -webkit-animation: 1.2s ease-out infinite;
    animation: 1.2s ease-out infinite;
    -webkit-animation-name: loading-animation;
    animation-name: loading-animation;
    border-radius: 50%;
    content: "";
    -webkit-box-shadow: 0 -1em 0 0 #6b6c7e,1em -.5em 0 -.35em rgba(107,108,126,.1),1em .5em 0 -.25em rgba(107,108,126,.2),0 1em 0 -.2em rgba(107,108,126,.4),-1em .5em 0 -.15em rgba(107,108,126,.6),-1em -.5em 0 -.1em rgba(107,108,126,.8);
    box-shadow: 0 -1em 0 0 #6b6c7e,1em -.5em 0 -.35em rgba(107,108,126,.1),1em .5em 0 -.25em rgba(107,108,126,.2),0 1em 0 -.2em rgba(107,108,126,.4),-1em .5em 0 -.15em rgba(107,108,126,.6),-1em -.5em 0 -.1em rgba(107,108,126,.8);
    display: block;
    height: 1em;
    right: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.33334);
    transform: scale(.33334);
    width: 1em;
    background-color: transparent;
    -webkit-mask: none
}

@-webkit-keyframes loading-animation {
    0%,100% {
        -webkit-box-shadow: 0 -1em 0 0 #6b6c7e,1em -.5em 0 -.35em rgba(107,108,126,.1),1em .5em 0 -.25em rgba(107,108,126,.2),0 1em 0 -.2em rgba(107,108,126,.4),-1em .5em 0 -.15em rgba(107,108,126,.6),-1em -.5em 0 -.1em rgba(107,108,126,.8);
        box-shadow: 0 -1em 0 0 #6b6c7e,1em -.5em 0 -.35em rgba(107,108,126,.1),1em .5em 0 -.25em rgba(107,108,126,.2),0 1em 0 -.2em rgba(107,108,126,.4),-1em .5em 0 -.15em rgba(107,108,126,.6),-1em -.5em 0 -.1em rgba(107,108,126,.8)
    }

    16.6% {
        -webkit-box-shadow: 0 -1em 0 -.1em rgba(107,108,126,.8),1em -.5em 0 0 #6b6c7e,1em .5em 0 -.35em rgba(107,108,126,.1),0 1em 0 -.25em rgba(107,108,126,.2),-1em .5em 0 -.2em rgba(107,108,126,.4),-1em -.5em 0 -.15em rgba(107,108,126,.6);
        box-shadow: 0 -1em 0 -.1em rgba(107,108,126,.8),1em -.5em 0 0 #6b6c7e,1em .5em 0 -.35em rgba(107,108,126,.1),0 1em 0 -.25em rgba(107,108,126,.2),-1em .5em 0 -.2em rgba(107,108,126,.4),-1em -.5em 0 -.15em rgba(107,108,126,.6)
    }

    33.3% {
        -webkit-box-shadow: 0 -1em 0 -.15em rgba(107,108,126,.6),1em -.5em 0 -.1em rgba(107,108,126,.8),1em .5em 0 0 #6b6c7e,0 1em 0 -.35em rgba(107,108,126,.1),-1em .5em 0 -.25em rgba(107,108,126,.2),-1em -.5em 0 -.2em rgba(107,108,126,.4);
        box-shadow: 0 -1em 0 -.15em rgba(107,108,126,.6),1em -.5em 0 -.1em rgba(107,108,126,.8),1em .5em 0 0 #6b6c7e,0 1em 0 -.35em rgba(107,108,126,.1),-1em .5em 0 -.25em rgba(107,108,126,.2),-1em -.5em 0 -.2em rgba(107,108,126,.4)
    }

    50% {
        -webkit-box-shadow: 0 -1em 0 -.2em rgba(107,108,126,.4),1em -.5em 0 -.15em rgba(107,108,126,.6),1em .5em 0 -.1em rgba(107,108,126,.8),0 1em 0 0 #6b6c7e,-1em .5em 0 -.35em rgba(107,108,126,.1),-1em -.5em 0 -.25em rgba(107,108,126,.2);
        box-shadow: 0 -1em 0 -.2em rgba(107,108,126,.4),1em -.5em 0 -.15em rgba(107,108,126,.6),1em .5em 0 -.1em rgba(107,108,126,.8),0 1em 0 0 #6b6c7e,-1em .5em 0 -.35em rgba(107,108,126,.1),-1em -.5em 0 -.25em rgba(107,108,126,.2)
    }

    66.6% {
        -webkit-box-shadow: 0 -1em 0 -.25em rgba(107,108,126,.2),1em -.5em 0 -.2em rgba(107,108,126,.4),1em .5em 0 -.15em rgba(107,108,126,.6),0 1em 0 -.1em rgba(107,108,126,.8),-1em .5em 0 0 #6b6c7e,-1em -.5em 0 -.35em rgba(107,108,126,.1);
        box-shadow: 0 -1em 0 -.25em rgba(107,108,126,.2),1em -.5em 0 -.2em rgba(107,108,126,.4),1em .5em 0 -.15em rgba(107,108,126,.6),0 1em 0 -.1em rgba(107,108,126,.8),-1em .5em 0 0 #6b6c7e,-1em -.5em 0 -.35em rgba(107,108,126,.1)
    }

    83% {
        -webkit-box-shadow: 0 -1em 0 -.35em rgba(107,108,126,.1),1em -.5em 0 -.25em rgba(107,108,126,.2),1em .5em 0 -.2em rgba(107,108,126,.4),0 1em 0 -.15em rgba(107,108,126,.6),-1em .5em 0 -.1em rgba(107,108,126,.8),-1em -.5em 0 0 #6b6c7e;
        box-shadow: 0 -1em 0 -.35em rgba(107,108,126,.1),1em -.5em 0 -.25em rgba(107,108,126,.2),1em .5em 0 -.2em rgba(107,108,126,.4),0 1em 0 -.15em rgba(107,108,126,.6),-1em .5em 0 -.1em rgba(107,108,126,.8),-1em -.5em 0 0 #6b6c7e
    }
}

@keyframes loading-animation {
    0%,100% {
        -webkit-box-shadow: 0 -1em 0 0 #6b6c7e,1em -.5em 0 -.35em rgba(107,108,126,.1),1em .5em 0 -.25em rgba(107,108,126,.2),0 1em 0 -.2em rgba(107,108,126,.4),-1em .5em 0 -.15em rgba(107,108,126,.6),-1em -.5em 0 -.1em rgba(107,108,126,.8);
        box-shadow: 0 -1em 0 0 #6b6c7e,1em -.5em 0 -.35em rgba(107,108,126,.1),1em .5em 0 -.25em rgba(107,108,126,.2),0 1em 0 -.2em rgba(107,108,126,.4),-1em .5em 0 -.15em rgba(107,108,126,.6),-1em -.5em 0 -.1em rgba(107,108,126,.8)
    }

    16.6% {
        -webkit-box-shadow: 0 -1em 0 -.1em rgba(107,108,126,.8),1em -.5em 0 0 #6b6c7e,1em .5em 0 -.35em rgba(107,108,126,.1),0 1em 0 -.25em rgba(107,108,126,.2),-1em .5em 0 -.2em rgba(107,108,126,.4),-1em -.5em 0 -.15em rgba(107,108,126,.6);
        box-shadow: 0 -1em 0 -.1em rgba(107,108,126,.8),1em -.5em 0 0 #6b6c7e,1em .5em 0 -.35em rgba(107,108,126,.1),0 1em 0 -.25em rgba(107,108,126,.2),-1em .5em 0 -.2em rgba(107,108,126,.4),-1em -.5em 0 -.15em rgba(107,108,126,.6)
    }

    33.3% {
        -webkit-box-shadow: 0 -1em 0 -.15em rgba(107,108,126,.6),1em -.5em 0 -.1em rgba(107,108,126,.8),1em .5em 0 0 #6b6c7e,0 1em 0 -.35em rgba(107,108,126,.1),-1em .5em 0 -.25em rgba(107,108,126,.2),-1em -.5em 0 -.2em rgba(107,108,126,.4);
        box-shadow: 0 -1em 0 -.15em rgba(107,108,126,.6),1em -.5em 0 -.1em rgba(107,108,126,.8),1em .5em 0 0 #6b6c7e,0 1em 0 -.35em rgba(107,108,126,.1),-1em .5em 0 -.25em rgba(107,108,126,.2),-1em -.5em 0 -.2em rgba(107,108,126,.4)
    }

    50% {
        -webkit-box-shadow: 0 -1em 0 -.2em rgba(107,108,126,.4),1em -.5em 0 -.15em rgba(107,108,126,.6),1em .5em 0 -.1em rgba(107,108,126,.8),0 1em 0 0 #6b6c7e,-1em .5em 0 -.35em rgba(107,108,126,.1),-1em -.5em 0 -.25em rgba(107,108,126,.2);
        box-shadow: 0 -1em 0 -.2em rgba(107,108,126,.4),1em -.5em 0 -.15em rgba(107,108,126,.6),1em .5em 0 -.1em rgba(107,108,126,.8),0 1em 0 0 #6b6c7e,-1em .5em 0 -.35em rgba(107,108,126,.1),-1em -.5em 0 -.25em rgba(107,108,126,.2)
    }

    66.6% {
        -webkit-box-shadow: 0 -1em 0 -.25em rgba(107,108,126,.2),1em -.5em 0 -.2em rgba(107,108,126,.4),1em .5em 0 -.15em rgba(107,108,126,.6),0 1em 0 -.1em rgba(107,108,126,.8),-1em .5em 0 0 #6b6c7e,-1em -.5em 0 -.35em rgba(107,108,126,.1);
        box-shadow: 0 -1em 0 -.25em rgba(107,108,126,.2),1em -.5em 0 -.2em rgba(107,108,126,.4),1em .5em 0 -.15em rgba(107,108,126,.6),0 1em 0 -.1em rgba(107,108,126,.8),-1em .5em 0 0 #6b6c7e,-1em -.5em 0 -.35em rgba(107,108,126,.1)
    }

    83% {
        -webkit-box-shadow: 0 -1em 0 -.35em rgba(107,108,126,.1),1em -.5em 0 -.25em rgba(107,108,126,.2),1em .5em 0 -.2em rgba(107,108,126,.4),0 1em 0 -.15em rgba(107,108,126,.6),-1em .5em 0 -.1em rgba(107,108,126,.8),-1em -.5em 0 0 #6b6c7e;
        box-shadow: 0 -1em 0 -.35em rgba(107,108,126,.1),1em -.5em 0 -.25em rgba(107,108,126,.2),1em .5em 0 -.2em rgba(107,108,126,.4),0 1em 0 -.15em rgba(107,108,126,.6),-1em .5em 0 -.1em rgba(107,108,126,.8),-1em -.5em 0 0 #6b6c7e
    }
}

.btn-danger .loading-animation:after,.btn-danger.btn-default .loading-animation:after,.btn-dark .loading-animation:after,.btn-info .loading-animation:after,.btn-info.btn-default .loading-animation:after,.btn-primary .loading-animation:after,.btn-primary.btn-default .loading-animation:after,.btn-success .loading-animation:after,.btn-success.btn-default .loading-animation:after,.btn-warning .loading-animation:after,.btn-warning.btn-default .loading-animation:after,.loading-animation-light:after {
    -webkit-animation: 1.2s ease-out infinite;
    animation: 1.2s ease-out infinite;
    -webkit-animation-name: loading-animation-light;
    animation-name: loading-animation-light;
    border-radius: 50%;
    content: "";
    -webkit-box-shadow: 0 -1em 0 0 #fff,1em -.5em 0 -.35em rgba(255,255,255,.1),1em .5em 0 -.25em rgba(255,255,255,.2),0 1em 0 -.2em rgba(255,255,255,.4),-1em .5em 0 -.15em rgba(255,255,255,.6),-1em -.5em 0 -.1em rgba(255,255,255,.8);
    box-shadow: 0 -1em 0 0 #fff,1em -.5em 0 -.35em rgba(255,255,255,.1),1em .5em 0 -.25em rgba(255,255,255,.2),0 1em 0 -.2em rgba(255,255,255,.4),-1em .5em 0 -.15em rgba(255,255,255,.6),-1em -.5em 0 -.1em rgba(255,255,255,.8);
    display: block;
    height: 1em;
    right: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.33334);
    transform: scale(.33334);
    width: 1em
}

@-webkit-keyframes loading-animation-light {
    0%,100% {
        -webkit-box-shadow: 0 -1em 0 0 #fff,1em -.5em 0 -.35em rgba(255,255,255,.1),1em .5em 0 -.25em rgba(255,255,255,.2),0 1em 0 -.2em rgba(255,255,255,.4),-1em .5em 0 -.15em rgba(255,255,255,.6),-1em -.5em 0 -.1em rgba(255,255,255,.8);
        box-shadow: 0 -1em 0 0 #fff,1em -.5em 0 -.35em rgba(255,255,255,.1),1em .5em 0 -.25em rgba(255,255,255,.2),0 1em 0 -.2em rgba(255,255,255,.4),-1em .5em 0 -.15em rgba(255,255,255,.6),-1em -.5em 0 -.1em rgba(255,255,255,.8)
    }

    16.6% {
        -webkit-box-shadow: 0 -1em 0 -.1em rgba(255,255,255,.8),1em -.5em 0 0 #fff,1em .5em 0 -.35em rgba(255,255,255,.1),0 1em 0 -.25em rgba(255,255,255,.2),-1em .5em 0 -.2em rgba(255,255,255,.4),-1em -.5em 0 -.15em rgba(255,255,255,.6);
        box-shadow: 0 -1em 0 -.1em rgba(255,255,255,.8),1em -.5em 0 0 #fff,1em .5em 0 -.35em rgba(255,255,255,.1),0 1em 0 -.25em rgba(255,255,255,.2),-1em .5em 0 -.2em rgba(255,255,255,.4),-1em -.5em 0 -.15em rgba(255,255,255,.6)
    }

    33.3% {
        -webkit-box-shadow: 0 -1em 0 -.15em rgba(255,255,255,.6),1em -.5em 0 -.1em rgba(255,255,255,.8),1em .5em 0 0 #fff,0 1em 0 -.35em rgba(255,255,255,.1),-1em .5em 0 -.25em rgba(255,255,255,.2),-1em -.5em 0 -.2em rgba(255,255,255,.4);
        box-shadow: 0 -1em 0 -.15em rgba(255,255,255,.6),1em -.5em 0 -.1em rgba(255,255,255,.8),1em .5em 0 0 #fff,0 1em 0 -.35em rgba(255,255,255,.1),-1em .5em 0 -.25em rgba(255,255,255,.2),-1em -.5em 0 -.2em rgba(255,255,255,.4)
    }

    50% {
        -webkit-box-shadow: 0 -1em 0 -.2em rgba(255,255,255,.4),1em -.5em 0 -.15em rgba(255,255,255,.6),1em .5em 0 -.1em rgba(255,255,255,.8),0 1em 0 0 #fff,-1em .5em 0 -.35em rgba(255,255,255,.1),-1em -.5em 0 -.25em rgba(255,255,255,.2);
        box-shadow: 0 -1em 0 -.2em rgba(255,255,255,.4),1em -.5em 0 -.15em rgba(255,255,255,.6),1em .5em 0 -.1em rgba(255,255,255,.8),0 1em 0 0 #fff,-1em .5em 0 -.35em rgba(255,255,255,.1),-1em -.5em 0 -.25em rgba(255,255,255,.2)
    }

    66.6% {
        -webkit-box-shadow: 0 -1em 0 -.25em rgba(255,255,255,.2),1em -.5em 0 -.2em rgba(255,255,255,.4),1em .5em 0 -.15em rgba(255,255,255,.6),0 1em 0 -.1em rgba(255,255,255,.8),-1em .5em 0 0 #fff,-1em -.5em 0 -.35em rgba(255,255,255,.1);
        box-shadow: 0 -1em 0 -.25em rgba(255,255,255,.2),1em -.5em 0 -.2em rgba(255,255,255,.4),1em .5em 0 -.15em rgba(255,255,255,.6),0 1em 0 -.1em rgba(255,255,255,.8),-1em .5em 0 0 #fff,-1em -.5em 0 -.35em rgba(255,255,255,.1)
    }

    83% {
        -webkit-box-shadow: 0 -1em 0 -.35em rgba(255,255,255,.1),1em -.5em 0 -.25em rgba(255,255,255,.2),1em .5em 0 -.2em rgba(255,255,255,.4),0 1em 0 -.15em rgba(255,255,255,.6),-1em .5em 0 -.1em rgba(255,255,255,.8),-1em -.5em 0 0 #fff;
        box-shadow: 0 -1em 0 -.35em rgba(255,255,255,.1),1em -.5em 0 -.25em rgba(255,255,255,.2),1em .5em 0 -.2em rgba(255,255,255,.4),0 1em 0 -.15em rgba(255,255,255,.6),-1em .5em 0 -.1em rgba(255,255,255,.8),-1em -.5em 0 0 #fff
    }
}

@keyframes loading-animation-light {
    0%,100% {
        -webkit-box-shadow: 0 -1em 0 0 #fff,1em -.5em 0 -.35em rgba(255,255,255,.1),1em .5em 0 -.25em rgba(255,255,255,.2),0 1em 0 -.2em rgba(255,255,255,.4),-1em .5em 0 -.15em rgba(255,255,255,.6),-1em -.5em 0 -.1em rgba(255,255,255,.8);
        box-shadow: 0 -1em 0 0 #fff,1em -.5em 0 -.35em rgba(255,255,255,.1),1em .5em 0 -.25em rgba(255,255,255,.2),0 1em 0 -.2em rgba(255,255,255,.4),-1em .5em 0 -.15em rgba(255,255,255,.6),-1em -.5em 0 -.1em rgba(255,255,255,.8)
    }

    16.6% {
        -webkit-box-shadow: 0 -1em 0 -.1em rgba(255,255,255,.8),1em -.5em 0 0 #fff,1em .5em 0 -.35em rgba(255,255,255,.1),0 1em 0 -.25em rgba(255,255,255,.2),-1em .5em 0 -.2em rgba(255,255,255,.4),-1em -.5em 0 -.15em rgba(255,255,255,.6);
        box-shadow: 0 -1em 0 -.1em rgba(255,255,255,.8),1em -.5em 0 0 #fff,1em .5em 0 -.35em rgba(255,255,255,.1),0 1em 0 -.25em rgba(255,255,255,.2),-1em .5em 0 -.2em rgba(255,255,255,.4),-1em -.5em 0 -.15em rgba(255,255,255,.6)
    }

    33.3% {
        -webkit-box-shadow: 0 -1em 0 -.15em rgba(255,255,255,.6),1em -.5em 0 -.1em rgba(255,255,255,.8),1em .5em 0 0 #fff,0 1em 0 -.35em rgba(255,255,255,.1),-1em .5em 0 -.25em rgba(255,255,255,.2),-1em -.5em 0 -.2em rgba(255,255,255,.4);
        box-shadow: 0 -1em 0 -.15em rgba(255,255,255,.6),1em -.5em 0 -.1em rgba(255,255,255,.8),1em .5em 0 0 #fff,0 1em 0 -.35em rgba(255,255,255,.1),-1em .5em 0 -.25em rgba(255,255,255,.2),-1em -.5em 0 -.2em rgba(255,255,255,.4)
    }

    50% {
        -webkit-box-shadow: 0 -1em 0 -.2em rgba(255,255,255,.4),1em -.5em 0 -.15em rgba(255,255,255,.6),1em .5em 0 -.1em rgba(255,255,255,.8),0 1em 0 0 #fff,-1em .5em 0 -.35em rgba(255,255,255,.1),-1em -.5em 0 -.25em rgba(255,255,255,.2);
        box-shadow: 0 -1em 0 -.2em rgba(255,255,255,.4),1em -.5em 0 -.15em rgba(255,255,255,.6),1em .5em 0 -.1em rgba(255,255,255,.8),0 1em 0 0 #fff,-1em .5em 0 -.35em rgba(255,255,255,.1),-1em -.5em 0 -.25em rgba(255,255,255,.2)
    }

    66.6% {
        -webkit-box-shadow: 0 -1em 0 -.25em rgba(255,255,255,.2),1em -.5em 0 -.2em rgba(255,255,255,.4),1em .5em 0 -.15em rgba(255,255,255,.6),0 1em 0 -.1em rgba(255,255,255,.8),-1em .5em 0 0 #fff,-1em -.5em 0 -.35em rgba(255,255,255,.1);
        box-shadow: 0 -1em 0 -.25em rgba(255,255,255,.2),1em -.5em 0 -.2em rgba(255,255,255,.4),1em .5em 0 -.15em rgba(255,255,255,.6),0 1em 0 -.1em rgba(255,255,255,.8),-1em .5em 0 0 #fff,-1em -.5em 0 -.35em rgba(255,255,255,.1)
    }

    83% {
        -webkit-box-shadow: 0 -1em 0 -.35em rgba(255,255,255,.1),1em -.5em 0 -.25em rgba(255,255,255,.2),1em .5em 0 -.2em rgba(255,255,255,.4),0 1em 0 -.15em rgba(255,255,255,.6),-1em .5em 0 -.1em rgba(255,255,255,.8),-1em -.5em 0 0 #fff;
        box-shadow: 0 -1em 0 -.35em rgba(255,255,255,.1),1em -.5em 0 -.25em rgba(255,255,255,.2),1em .5em 0 -.2em rgba(255,255,255,.4),0 1em 0 -.15em rgba(255,255,255,.6),-1em .5em 0 -.1em rgba(255,255,255,.8),-1em -.5em 0 0 #fff
    }
}

.loading-animation.loading-animation-sm {
    font-size: 1.25rem
}

.alert .close .lexicon-icon,.portlet-msg-alert .close .lexicon-icon,.portlet-msg-error .close .lexicon-icon,.portlet-msg-help .close .lexicon-icon,.portlet-msg-info .close .lexicon-icon,.portlet-msg-progress .close .lexicon-icon,.portlet-msg-success .close .lexicon-icon {
    display: inline-block
}

.alert-dismissable {
    padding-left: 2.5rem
}

.alert-dismissable .close {
    position: absolute
}

.alert-fluid.alert-dismissable .container,.alert-fluid.alert-dismissable .container-fluid {
    padding-left: calc(2.5rem + 12px);
    position: relative
}

.basic-search.open {
    z-index: 10
}

.basic-search .input-group-input .basic-search-slider .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.basic-search .input-group-input .basic-search-slider .form-control:focus {
    z-index: 5
}

@media(min-width: 768px) {
    .basic-search .input-group-input .form-control {
        border-bottom-right-radius:.25rem;
        border-top-right-radius: .25rem
    }
}

.basic-search-transition .basic-search-slider {
    -webkit-transition: left .5s ease,right .5s ease;
    transition: left .5s ease,right .5s ease
}

.basic-search-slider {
    right: 0;
    position: relative
}

@media(max-width: 767.98px) {
    .basic-search-slider {
        right:101%
    }
}

.basic-search-slider .basic-search-close {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    display: none;
    z-index: 5
}

@media(max-width: 767.98px) {
    .basic-search-slider .basic-search-close {
        display:inline-block
    }
}

.basic-search.open .basic-search-slider {
    right: 0
}

.collapse-basic-search .basic-search {
    position: relative
}

@media(max-width: 767.98px) {
    .collapse-basic-search .basic-search {
        border-color:transparent;
        border-style: solid;
        margin: 0;
        position: absolute
    }

    .collapse-basic-search .basic-search.open {
        background-color: #fff
    }
}

.collapse-basic-search .basic-search.basic-search-transition .input-group-input,.collapse-basic-search .basic-search.open .input-group-input {
    visibility: visible
}

@media(max-width: 767.98px) {
    .collapse-basic-search .basic-search.basic-search-transition .input-group-btn .btn:first-child,.collapse-basic-search .basic-search.open .input-group-btn .btn:first-child {
        border-bottom-right-radius:0;
        border-top-right-radius: 0
    }
}

@media(max-width: 767.98px) {
    .collapse-basic-search .basic-search .input-group-btn .btn:first-child {
        border-bottom-right-radius:.25rem;
        border-top-right-radius: .25rem
    }
}

.collapse-basic-search .basic-search .input-group-input {
    overflow: visible;
    visibility: visible
}

@media(max-width: 767.98px) {
    .collapse-basic-search .basic-search .input-group-input {
        overflow:hidden;
        visibility: hidden
    }
}

.collapse-basic-search {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 767.98px) {
    .collapse-basic-search.navbar .basic-search {
        margin-right:0;
        margin-left: 0
    }

    .collapse-basic-search.navbar .basic-search>form {
        width: 100%
    }
}

.collapse-basic-search .basic-search {
    max-width: 220px
}

@media(min-width: 768px) {
    .collapse-basic-search .basic-search {
        min-width:220px
    }
}

@media(max-width: 767.98px) {
    .collapse-basic-search .basic-search {
        max-width:none
    }
}

.collapse-basic-search .basic-search.navbar-form-autofit {
    max-width: none
}

.collapse-basic-search .basic-search .input-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto
}

.collapse-basic-search .basic-search .input-group-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.collapse-basic-search .basic-search-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.collapse-basic-search .basic-search-slider .form-control {
    margin-right: -1px
}

.collapse-basic-search .navbar-collapse {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media(max-width: 767.98px) {
    .collapse-basic-search .navbar-collapse {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

.collapse-basic-search .nav-link,.collapse-basic-search .nav-underline .tab a,.collapse-basic-search .navbar-toggler,.nav-underline .tab .collapse-basic-search a {
    z-index: 1
}

.breadcrumb>li {
    float: right
}

.breadcrumb>li.active {
    color: #272833
}

.breadcrumb>li+li::before {
    display: inline-block;
    color: #6b6c7e;
    content: "/";
    padding-right: .5rem;
    padding-left: .5rem
}

.breadcrumb>li+li:hover::before {
    text-decoration: underline
}

.breadcrumb>li+li:hover::before {
    text-decoration: none
}

.breadcrumb-vertical .breadcrumb-item {
    display: block;
    float: none;
    max-width: none
}

.breadcrumb-vertical .breadcrumb-item+.breadcrumb-item:before,.breadcrumb-vertical .breadcrumb-item:before {
    color: #6b6c7e;
    content: normal;
    float: none;
    padding-right: 0;
    padding-left: 0
}

.btn-group {
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.btn-group.dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.btn-default {
    color: #fff;
    background-color: #6b6c7e;
    border-color: #6b6c7e;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    border-color: #cdced9;
    color: #6b6c7e
}

.btn-default:hover {
    color: #fff;
    background-color: #595a69;
    border-color: #545462
}

.btn-default.focus,.btn-default:focus {
    -webkit-box-shadow: none,0 0 0 .2rem rgba(129,130,145,.5);
    box-shadow: none,0 0 0 .2rem rgba(129,130,145,.5)
}

.btn-default.disabled,.btn-default:disabled {
    color: #fff;
    background-color: #6b6c7e;
    border-color: #6b6c7e
}

.btn-default:not(:disabled):not(.disabled).active,.btn-default:not(:disabled):not(.disabled):active,.nav-underline .tab.active a.btn-default:not(:disabled):not(.disabled),.show>.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #545462;
    border-color: #4e4e5c
}

.btn-default:not(:disabled):not(.disabled).active:focus,.btn-default:not(:disabled):not(.disabled):active:focus,.nav-underline .tab.active a.btn-default:not(:disabled):not(.disabled):focus,.show>.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(129,130,145,.5);
    box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(129,130,145,.5)
}

.btn-default:hover {
    background-color: #f7f8f9;
    border-color: #cdced9;
    color: #272833
}

.btn-default.focus,.btn-default:focus {
    background-color: #f7f8f9;
    border-color: #cdced9;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833
}

.btn-default.disabled,.btn-default:disabled {
    background-color: #fff;
    border-color: #cdced9;
    color: #6b6c7e
}

.btn-default:not([disabled]):not(.disabled).active,.btn-default:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-default:not([disabled]):not(.disabled),.show>.btn-default.dropdown-toggle {
    background-color: #f1f2f5;
    border-color: #cdced9;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #272833
}

.btn-default:not([disabled]):not(.disabled).active:focus,.btn-default:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-default:not([disabled]):not(.disabled):focus,.show>.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-primary.btn-default {
    color: #fff;
    background-color: #0b5fff;
    border-color: #0b5fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary.btn-default:hover {
    color: #fff;
    background-color: #004ee4;
    border-color: #004ad7
}

.btn-primary.btn-default.focus,.btn-primary.btn-default:focus {
    -webkit-box-shadow: none,0 0 0 .2rem rgba(48,119,255,.5);
    box-shadow: none,0 0 0 .2rem rgba(48,119,255,.5)
}

.btn-primary.btn-default.disabled,.btn-primary.btn-default:disabled {
    color: #fff;
    background-color: #0b5fff;
    border-color: #0b5fff
}

.btn-primary.btn-default:not(:disabled):not(.disabled).active,.btn-primary.btn-default:not(:disabled):not(.disabled):active,.nav-underline .tab.active a.btn-primary.btn-default:not(:disabled):not(.disabled),.show>.btn-primary.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #004ad7;
    border-color: #0046ca
}

.btn-primary.btn-default:not(:disabled):not(.disabled).active:focus,.btn-primary.btn-default:not(:disabled):not(.disabled):active:focus,.nav-underline .tab.active a.btn-primary.btn-default:not(:disabled):not(.disabled):focus,.show>.btn-primary.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(48,119,255,.5);
    box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(48,119,255,.5)
}

.btn-primary.btn-default:hover {
    background-color: #0053f0;
    border-color: transparent
}

.btn-primary.btn-default.focus,.btn-primary.btn-default:focus {
    background-color: #0053f0;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-primary.btn-default.disabled,.btn-primary.btn-default:disabled {
    background-color: #0b5fff
}

.btn-primary.btn-default:not([disabled]):not(.disabled).active,.btn-primary.btn-default:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-primary.btn-default:not([disabled]):not(.disabled),.show>.btn-primary.btn-default.dropdown-toggle {
    background-color: #004ad7;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary.btn-default:not([disabled]):not(.disabled).active:focus,.btn-primary.btn-default:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-primary.btn-default:not([disabled]):not(.disabled):focus,.show>.btn-primary.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-success.btn-default {
    color: #fff;
    background-color: #287d3d;
    border-color: #287d3d;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-success.btn-default:hover {
    color: #fff;
    background-color: #1f602f;
    border-color: #1c562a
}

.btn-success.btn-default.focus,.btn-success.btn-default:focus {
    -webkit-box-shadow: none,0 0 0 .2rem rgba(72,145,90,.5);
    box-shadow: none,0 0 0 .2rem rgba(72,145,90,.5)
}

.btn-success.btn-default.disabled,.btn-success.btn-default:disabled {
    color: #fff;
    background-color: #287d3d;
    border-color: #287d3d
}

.btn-success.btn-default:not(:disabled):not(.disabled).active,.btn-success.btn-default:not(:disabled):not(.disabled):active,.nav-underline .tab.active a.btn-success.btn-default:not(:disabled):not(.disabled),.show>.btn-success.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #1c562a;
    border-color: #194d25
}

.btn-success.btn-default:not(:disabled):not(.disabled).active:focus,.btn-success.btn-default:not(:disabled):not(.disabled):active:focus,.nav-underline .tab.active a.btn-success.btn-default:not(:disabled):not(.disabled):focus,.show>.btn-success.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(72,145,90,.5);
    box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(72,145,90,.5)
}

.btn-success.btn-default:hover {
    background-color: #226933;
    border-color: transparent
}

.btn-success.btn-default.focus,.btn-success.btn-default:focus {
    background-color: #226933;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-success.btn-default.disabled,.btn-success.btn-default:disabled {
    background-color: #287d3d
}

.btn-success.btn-default:not([disabled]):not(.disabled).active,.btn-success.btn-default:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-success.btn-default:not([disabled]):not(.disabled),.show>.btn-success.btn-default.dropdown-toggle {
    background-color: #1c562a;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-success.btn-default:not([disabled]):not(.disabled).active:focus,.btn-success.btn-default:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-success.btn-default:not([disabled]):not(.disabled):focus,.show>.btn-success.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-info.btn-default {
    color: #fff;
    background-color: #2e5aac;
    border-color: #2e5aac;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-info.btn-default:hover {
    color: #fff;
    background-color: #264a8e;
    border-color: #234584
}

.btn-info.btn-default.focus,.btn-info.btn-default:focus {
    -webkit-box-shadow: none,0 0 0 .2rem rgba(77,115,184,.5);
    box-shadow: none,0 0 0 .2rem rgba(77,115,184,.5)
}

.btn-info.btn-default.disabled,.btn-info.btn-default:disabled {
    color: #fff;
    background-color: #2e5aac;
    border-color: #2e5aac
}

.btn-info.btn-default:not(:disabled):not(.disabled).active,.btn-info.btn-default:not(:disabled):not(.disabled):active,.nav-underline .tab.active a.btn-info.btn-default:not(:disabled):not(.disabled),.show>.btn-info.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #234584;
    border-color: #21407a
}

.btn-info.btn-default:not(:disabled):not(.disabled).active:focus,.btn-info.btn-default:not(:disabled):not(.disabled):active:focus,.nav-underline .tab.active a.btn-info.btn-default:not(:disabled):not(.disabled):focus,.show>.btn-info.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(77,115,184,.5);
    box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(77,115,184,.5)
}

.btn-info.btn-default:hover {
    background-color: #294f97;
    border-color: transparent
}

.btn-info.btn-default.focus,.btn-info.btn-default:focus {
    background-color: #294f97;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-info.btn-default.disabled,.btn-info.btn-default:disabled {
    background-color: #2e5aac
}

.btn-info.btn-default:not([disabled]):not(.disabled).active,.btn-info.btn-default:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-info.btn-default:not([disabled]):not(.disabled),.show>.btn-info.btn-default.dropdown-toggle {
    background-color: #234584;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-info.btn-default:not([disabled]):not(.disabled).active:focus,.btn-info.btn-default:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-info.btn-default:not([disabled]):not(.disabled):focus,.show>.btn-info.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-warning.btn-default {
    color: #fff;
    background-color: #b95000;
    border-color: #b95000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-warning.btn-default:hover {
    color: #fff;
    background-color: #933f00;
    border-color: #863a00
}

.btn-warning.btn-default.focus,.btn-warning.btn-default:focus {
    -webkit-box-shadow: none,0 0 0 .2rem rgba(196,106,38,.5);
    box-shadow: none,0 0 0 .2rem rgba(196,106,38,.5)
}

.btn-warning.btn-default.disabled,.btn-warning.btn-default:disabled {
    color: #fff;
    background-color: #b95000;
    border-color: #b95000
}

.btn-warning.btn-default:not(:disabled):not(.disabled).active,.btn-warning.btn-default:not(:disabled):not(.disabled):active,.nav-underline .tab.active a.btn-warning.btn-default:not(:disabled):not(.disabled),.show>.btn-warning.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #863a00;
    border-color: #793400
}

.btn-warning.btn-default:not(:disabled):not(.disabled).active:focus,.btn-warning.btn-default:not(:disabled):not(.disabled):active:focus,.nav-underline .tab.active a.btn-warning.btn-default:not(:disabled):not(.disabled):focus,.show>.btn-warning.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(196,106,38,.5);
    box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(196,106,38,.5)
}

.btn-warning.btn-default:hover {
    background-color: #9f4500;
    border-color: transparent
}

.btn-warning.btn-default.focus,.btn-warning.btn-default:focus {
    background-color: #9f4500;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-warning.btn-default.disabled,.btn-warning.btn-default:disabled {
    background-color: #b95000
}

.btn-warning.btn-default:not([disabled]):not(.disabled).active,.btn-warning.btn-default:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-warning.btn-default:not([disabled]):not(.disabled),.show>.btn-warning.btn-default.dropdown-toggle {
    background-color: #863a00;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-warning.btn-default:not([disabled]):not(.disabled).active:focus,.btn-warning.btn-default:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-warning.btn-default:not([disabled]):not(.disabled):focus,.show>.btn-warning.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-danger.btn-default {
    color: #fff;
    background-color: #da1414;
    border-color: #da1414;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-danger.btn-default:hover {
    color: #fff;
    background-color: #b71111;
    border-color: #ab1010
}

.btn-danger.btn-default.focus,.btn-danger.btn-default:focus {
    -webkit-box-shadow: none,0 0 0 .2rem rgba(224,55,55,.5);
    box-shadow: none,0 0 0 .2rem rgba(224,55,55,.5)
}

.btn-danger.btn-default.disabled,.btn-danger.btn-default:disabled {
    color: #fff;
    background-color: #da1414;
    border-color: #da1414
}

.btn-danger.btn-default:not(:disabled):not(.disabled).active,.btn-danger.btn-default:not(:disabled):not(.disabled):active,.nav-underline .tab.active a.btn-danger.btn-default:not(:disabled):not(.disabled),.show>.btn-danger.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #ab1010;
    border-color: #a00f0f
}

.btn-danger.btn-default:not(:disabled):not(.disabled).active:focus,.btn-danger.btn-default:not(:disabled):not(.disabled):active:focus,.nav-underline .tab.active a.btn-danger.btn-default:not(:disabled):not(.disabled):focus,.show>.btn-danger.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(224,55,55,.5);
    box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(224,55,55,.5)
}

.btn-danger.btn-default:hover {
    background-color: #c21212;
    border-color: transparent
}

.btn-danger.btn-default.focus,.btn-danger.btn-default:focus {
    background-color: #c21212;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-danger.btn-default.disabled,.btn-danger.btn-default:disabled {
    background-color: #da1414
}

.btn-danger.btn-default:not([disabled]):not(.disabled).active,.btn-danger.btn-default:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-danger.btn-default:not([disabled]):not(.disabled),.show>.btn-danger.btn-default.dropdown-toggle {
    background-color: #ab1010;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-danger.btn-default:not([disabled]):not(.disabled).active:focus,.btn-danger.btn-default:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-danger.btn-default:not([disabled]):not(.disabled):focus,.show>.btn-danger.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

a.btn-monospaced,span.btn-monospaced {
    line-height: inherit
}

a.btn-monospaced .lexicon-icon,span.btn-monospaced .lexicon-icon {
    font-size: 1rem
}

.btn-unstyled.text-secondary {
    font-size: 1rem
}

.btn-link.btn-default {
    background-color: transparent;
    border-color: transparent;
    border-radius: 1px;
    color: #0b5fff;
    font-weight: 400
}

.btn-link.btn-default:hover {
    background-color: transparent;
    border-color: transparent;
    color: #004ad7;
    text-decoration: underline
}

.btn-link.btn-default.focus,.btn-link.btn-default:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    text-decoration: none
}

.btn-link.btn-default.disabled,.btn-link.btn-default:disabled {
    color: #0b5fff
}

.btn-link.btn-default.active,.btn-link.btn-default:active,.btn-link.btn-default:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-link.btn-default {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0b5fff
}

.btn-link.btn-default.btn-cancel,.btn-link.btn-default.close-modal {
    border-radius: .25rem;
    color: #fff;
    background-color: #6b6c7e;
    border-color: #6b6c7e;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    border-color: #cdced9;
    color: #6b6c7e;
    font-weight: 600
}

.btn-link.btn-default.btn-cancel:hover,.btn-link.btn-default.close-modal:hover {
    color: #fff;
    background-color: #595a69;
    border-color: #545462
}

.btn-link.btn-default.btn-cancel.focus,.btn-link.btn-default.btn-cancel:focus,.btn-link.btn-default.close-modal.focus,.btn-link.btn-default.close-modal:focus {
    -webkit-box-shadow: none,0 0 0 .2rem rgba(129,130,145,.5);
    box-shadow: none,0 0 0 .2rem rgba(129,130,145,.5)
}

.btn-link.btn-default.btn-cancel.disabled,.btn-link.btn-default.btn-cancel:disabled,.btn-link.btn-default.close-modal.disabled,.btn-link.btn-default.close-modal:disabled {
    color: #fff;
    background-color: #6b6c7e;
    border-color: #6b6c7e
}

.btn-link.btn-default.btn-cancel:not(:disabled):not(.disabled).active,.btn-link.btn-default.btn-cancel:not(:disabled):not(.disabled):active,.btn-link.btn-default.close-modal:not(:disabled):not(.disabled).active,.btn-link.btn-default.close-modal:not(:disabled):not(.disabled):active,.nav-underline .tab.active a.btn-link.btn-default.btn-cancel:not(:disabled):not(.disabled),.nav-underline .tab.active a.btn-link.btn-default.close-modal:not(:disabled):not(.disabled),.show>.btn-link.btn-default.btn-cancel.dropdown-toggle,.show>.btn-link.btn-default.close-modal.dropdown-toggle {
    color: #fff;
    background-color: #545462;
    border-color: #4e4e5c
}

.btn-link.btn-default.btn-cancel:not(:disabled):not(.disabled).active:focus,.btn-link.btn-default.btn-cancel:not(:disabled):not(.disabled):active:focus,.btn-link.btn-default.close-modal:not(:disabled):not(.disabled).active:focus,.btn-link.btn-default.close-modal:not(:disabled):not(.disabled):active:focus,.nav-underline .tab.active a.btn-link.btn-default.btn-cancel:not(:disabled):not(.disabled):focus,.nav-underline .tab.active a.btn-link.btn-default.close-modal:not(:disabled):not(.disabled):focus,.show>.btn-link.btn-default.btn-cancel.dropdown-toggle:focus,.show>.btn-link.btn-default.close-modal.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(129,130,145,.5);
    box-shadow: inset 0 0 transparent,0 0 0 .2rem rgba(129,130,145,.5)
}

.btn-link.btn-default.btn-cancel:hover,.btn-link.btn-default.close-modal:hover {
    background-color: #f7f8f9;
    border-color: #cdced9;
    color: #272833
}

.btn-link.btn-default.btn-cancel.focus,.btn-link.btn-default.btn-cancel:focus,.btn-link.btn-default.close-modal.focus,.btn-link.btn-default.close-modal:focus {
    background-color: #f7f8f9;
    border-color: #cdced9;
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    color: #272833
}

.btn-link.btn-default.btn-cancel.disabled,.btn-link.btn-default.btn-cancel:disabled,.btn-link.btn-default.close-modal.disabled,.btn-link.btn-default.close-modal:disabled {
    background-color: #fff;
    border-color: #cdced9;
    color: #6b6c7e
}

.btn-link.btn-default.btn-cancel:not([disabled]):not(.disabled).active,.btn-link.btn-default.btn-cancel:not([disabled]):not(.disabled):active,.btn-link.btn-default.close-modal:not([disabled]):not(.disabled).active,.btn-link.btn-default.close-modal:not([disabled]):not(.disabled):active,.nav-underline .tab.active a.btn-link.btn-default.btn-cancel:not([disabled]):not(.disabled),.nav-underline .tab.active a.btn-link.btn-default.close-modal:not([disabled]):not(.disabled),.show>.btn-link.btn-default.btn-cancel.dropdown-toggle,.show>.btn-link.btn-default.close-modal.dropdown-toggle {
    background-color: #f1f2f5;
    border-color: #cdced9;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #272833
}

.btn-link.btn-default.btn-cancel:not([disabled]):not(.disabled).active:focus,.btn-link.btn-default.btn-cancel:not([disabled]):not(.disabled):active:focus,.btn-link.btn-default.close-modal:not([disabled]):not(.disabled).active:focus,.btn-link.btn-default.close-modal:not([disabled]):not(.disabled):active:focus,.nav-underline .tab.active a.btn-link.btn-default.btn-cancel:not([disabled]):not(.disabled):focus,.nav-underline .tab.active a.btn-link.btn-default.close-modal:not([disabled]):not(.disabled):focus,.show>.btn-link.btn-default.btn-cancel.dropdown-toggle:focus,.show>.btn-link.btn-default.close-modal.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #80acff
}

.btn-link.btn-default.btn-cancel:hover,.btn-link.btn-default.close-modal:hover {
    text-decoration: none
}

.btn-xs .icon-monospaced {
    height: 1rem;
    line-height: 18px;
    width: 1rem
}

.btn-bottom-right {
    bottom: 30px;
    position: fixed;
    left: 20px
}

.btn-action,.btn-action-secondary {
    z-index: 950
}

.btn-action,.btn-action-secondary>.btn {
    height: 2.5rem;
    line-height: 2.5rem;
    width: 2.5rem;
    overflow: hidden;
    padding: 0;
    text-align: center;
    white-space: normal;
    word-wrap: break-word
}

.button-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-holder.btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.fade.in {
    opacity: 1
}

.caret {
    border-top: .3em dashed;
    display: inline-block;
    height: 0;
    margin-right: 2px;
    vertical-align: middle;
    width: 0;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.dropdown-menu {
    border: 1px solid #e7e7ed
}

.dropdown-toggle:after {
    border-width: 0;
    content: normal
}

.dropup .dropdown-toggle:after {
    border-width: 0;
    content: normal
}

.dropdown.open>.dropdown-menu,.overlay-content .open>.dropdown-menu {
    display: block
}

.dropdown>.dropdown-menu {
    position: absolute
}

.figure {
    display: block
}

.help-block {
    color: #5e617b;
    display: block;
    font-size: .875rem;
    margin-bottom: 10px;
    margin-top: 5px
}

.has-error .help-block {
    color: #da1414
}

.has-warning .help-block {
    color: #b95000
}

.has-success .help-block {
    color: #287d3d
}

.has-feedback {
    position: relative
}

.has-feedback .form-control+.form-control-feedback,.has-feedback label+.form-control-feedback {
    position: absolute;
    top: 6.5;
    left: 0;
    z-index: 2;
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: 0;
    pointer-events: none;
    text-align: center;
    width: 2.5rem
}

.has-feedback .form-control.sr-only~.form-control-feedback,.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

label {
    max-width: 100%
}

.checkbox,.radio {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative
}

.checkbox label,.radio label {
    min-height: 24px;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    padding-right: 20px
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    margin-right: -20px;
    position: absolute
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    padding-right: 20px;
    position: relative;
    vertical-align: middle
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-right: 10px
}

.checkbox label,.radio label {
    font-weight: 600;
    padding-right: 25px
}

@media(-webkit-min-device-pixel-ratio: 0) {
    .checkbox label,.radio label {
        padding-right:20px
    }
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox] {
    height: 20px;
    margin-right: -25px;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

@media(-webkit-min-device-pixel-ratio: 0) {
    .checkbox input[type=checkbox],.checkbox-inline input[type=checkbox] {
        height:14px;
        margin-right: -20px;
        width: 14px
    }
}

.radio input[type=radio],.radio-inline input[type=radio] {
    height: 20px;
    margin-right: -25px;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

@media(-webkit-min-device-pixel-ratio: 0) {
    .radio input[type=radio],.radio-inline input[type=radio] {
        height:15px;
        margin-right: -20px;
        width: 14px
    }
}

.checkbox-card label,.radio-card label {
    padding-right: 0
}

.checkbox-card input[type=checkbox],.radio-card input[type=radio] {
    margin-right: 0
}

.form-inline label {
    display: inline-block
}

fieldset {
    width: 100%
}

.input-group-addon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e7e7ed;
    border-color: #e7e7ed;
    border-radius: .25rem;
    border-style: solid;
    border-width: .0625rem;
    color: #6b6c7e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    height: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    margin-bottom: 0;
    min-width: 2.5rem;
    padding-bottom: 0;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: 0;
    text-align: center;
    white-space: nowrap
}

.input-group-addon .custom-control,.input-group-addon .form-check {
    margin-bottom: 0
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon label {
    color: #6b6c7e
}

.input-group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group-btn .btn+.btn {
    margin-right: -1px
}

.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:first-child {
    border-left: 0
}

.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:last-child {
    border-right: 0
}

.form-control+.input-group-btn,.form-control+.input-group-input {
    margin-right: -.0625rem
}

.form-control[type=file] {
    background: 0;
    border-color: transparent;
    padding: 0
}

.input-group-input+.input-group-btn {
    margin-right: -.0625rem
}

.input-group-insert {
    border-radius: 0;
    margin-right: -.0625rem
}

.input-group-insert+.form-control,.input-group-insert+.input-group-addon,.input-group-insert+.input-group-btn,.input-group-insert+.input-group-input {
    margin-right: -.0625rem
}

.input-group-constrain {
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-width: 9.375rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: .125rem
}

@media(min-width: 576px) {
    .input-group-constrain {
        max-width:18.75rem
    }
}

.input-group-addon .input-group-constrain {
    border-bottom-width: 0;
    display: block;
    line-height: 2.375rem;
    margin-right: -.75rem;
    margin-left: -.75rem;
    padding-right: .75rem;
    padding-left: .75rem
}

.form-group-item>.form-group {
    margin-bottom: 0
}

.card-col-content {
    display: table-cell;
    max-width: 10px;
    position: relative;
    vertical-align: middle;
    width: auto;
    word-wrap: break-word
}

.card-col-field {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 1%
}

.card-row.card-row-padded {
    display: table;
    width: 100%
}

.card-row.card-row-padded .card-col-gutters:first-child {
    padding-right: 0
}

.card-row.card-row-padded .card-col-gutters:last-child {
    padding-left: 0
}

.card-row.card-row-padded .card-col-gutters .divider {
    margin-right: 0;
    margin-left: 0
}

.card-row .card-col-gutters {
    padding: 0 10px
}

.card-row .card-col-gutters .divider {
    margin-right: -10px;
    margin-left: -10px
}

.card-row-layout-fixed {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%
}

.card-row-layout-fixed .card-col-content {
    word-wrap: break-word
}

.card-row-layout-fixed .card-col-field {
    width: auto;
    word-wrap: break-word
}

.card-row-padded {
    padding: 15px
}

.card-row-valign-top .card-col-content,.card-row-valign-top .card-col-field {
    vertical-align: top
}

.card-row-valign-top .clamp-container {
    top: 0
}

.card-row-valign-top .clamp-horizontal .clamp-container {
    -webkit-transform: none;
    transform: none
}

.card-row-valign-bottom .card-col-content,.card-row-valign-bottom .card-col-field {
    vertical-align: bottom
}

.card-row-valign-bottom .clamp-container {
    bottom: 0
}

.card-row-valign-bottom .clamp-horizontal .clamp-container {
    -webkit-transform: none;
    transform: none
}

.panel-body>.card-row,.panel-heading>.card-row {
    display: table
}

.checkbox-card,.radio-card {
    margin-bottom: 0;
    margin-top: 0
}

.checkbox-card label,.radio-card label {
    color: #272833;
    display: inline;
    padding-right: 0
}

.checkbox-card input[type=checkbox],.radio-card input[type=radio] {
    margin-right: 0;
    margin-top: 0;
    z-index: 1
}

.checkbox-bottom-left .card-horizontal .card.flex-container,.checkbox-middle-left .card-horizontal .card.flex-container,.checkbox-top-left .card-horizontal .card.flex-container,.radio-bottom-left .card-horizontal .card.flex-container,.radio-middle-left .card-horizontal .card.flex-container,.radio-top-left .card-horizontal .card.flex-container {
    padding-right: 50px
}

.checkbox-bottom-left .card-horizontal>.card-row,.checkbox-middle-left .card-horizontal>.card-row,.checkbox-top-left .card-horizontal>.card-row,.radio-bottom-left .card-horizontal>.card-row,.radio-middle-left .card-horizontal>.card-row,.radio-top-left .card-horizontal>.card-row {
    padding-right: 50px
}

.checkbox-bottom-right .card-horizontal .card.flex-container,.checkbox-middle-right .card-horizontal .card.flex-container,.checkbox-top-right .card-horizontal .card.flex-container,.radio-bottom-right .card-horizontal .card.flex-container,.radio-middle-right .card-horizontal .card.flex-container,.radio-top-right .card-horizontal .card.flex-container {
    padding-left: 50px
}

.checkbox-bottom-right .card-horizontal>.card-row,.checkbox-middle-right .card-horizontal>.card-row,.checkbox-top-right .card-horizontal>.card-row,.radio-bottom-right .card-horizontal>.card-row,.radio-middle-right .card-horizontal>.card-row,.radio-top-right .card-horizontal>.card-row {
    padding-left: 50px
}

.checkbox-bottom-left input[type=checkbox],.checkbox-bottom-left label>input[type=checkbox],.radio-bottom-left input[type=radio],.radio-bottom-left label>input[type=radio] {
    bottom: 1rem;
    right: 1rem;
    -webkit-transform: none;
    transform: none
}

.checkbox-bottom-right input[type=checkbox],.checkbox-bottom-right label>input[type=checkbox],.radio-bottom-right input[type=radio],.radio-bottom-right label>input[type=radio] {
    bottom: 1rem;
    left: 1rem;
    -webkit-transform: none;
    transform: none
}

.checkbox-middle-left input[type=checkbox],.checkbox-middle-left label>input[type=checkbox],.radio-middle-left input[type=radio],.radio-middle-left label>input[type=radio] {
    right: 1rem;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.checkbox-middle-right input[type=checkbox],.checkbox-middle-right label>input[type=checkbox],.radio-middle-right input[type=radio],.radio-middle-right label>input[type=radio] {
    margin-top: 0;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.checkbox-top-left label>input[type=checkbox],.radio-top-left label>input[type=radio] {
    right: 1rem;
    top: 1rem;
    -webkit-transform: none;
    transform: none
}

.checkbox-top-right label>input[type=checkbox],.radio-top-right label>input[type=radio] {
    left: 1rem;
    top: 1rem;
    -webkit-transform: none;
    transform: none
}

.container-fluid-1280 {
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    padding-right: 12px;
    padding-left: 12px;
    width: 100%
}

.container-fluid-1280::after {
    display: block;
    clear: both;
    content: ""
}

.img-responsive {
    max-width: 100%;
    height: auto
}


.icon-monospaced.lexicon-icon {
    padding: 8px
}

.btn-monospaced>.icon-monospaced:not(.lexicon-icon) {
    padding: 0
}

.help-icon {
    border-radius: 100px;
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    text-align: center
}

.help-icon:focus,.help-icon:hover {
    text-decoration: none
}

.help-icon.icon-monospaced {
    vertical-align: baseline
}

.help-icon-default {
    background-color: #abacb8;
    color: #fff
}

.help-icon-default:focus,.help-icon-default:hover {
    color: #fff
}

.list-group-heading {
    background-color: #f7f8f9;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    color: #333;
    display: block;
    font-weight: 500;
    margin-bottom: -1px;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
    word-wrap: break-word;
    margin-bottom: 0
}

.list-group-heading:after {
    background-color: #0b5fff;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    right: 0;
    position: absolute;
    left: 0
}

.list-group-heading:after:focus {
    z-index: -1
}

.list-group-heading.collapsed {
    font-weight: 300
}

.list-group-heading.collapsed:after {
    background-color: #ddd;
    height: 1px
}

.list-group-heading:focus {
    background-color: #f7f8f9;
    color: #333;
    text-decoration: none;
    z-index: 1
}

.list-group-heading:hover {
    background-color: #f7f8f9;
    color: #333;
    text-decoration: none
}

.list-group-heading:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.list-group-heading:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    margin-bottom: 0
}

button.list-group-heading {
    text-align: right;
    width: 100%
}

.list-group-item-field {
    display: table-cell;
    padding: .75rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 1%;
    word-wrap: break-word
}

.list-group-item-field>.checkbox,.list-group-item-field>.radio {
    margin-bottom: 0;
    margin-top: 0
}

.list-group-item-content {
    display: table-cell;
    max-width: 100px;
    min-width: 100px;
    padding: .75rem;
    position: relative;
    vertical-align: top;
    word-wrap: break-word
}

.list-group-item-content.clamp-horizontal .clamp-container {
    -webkit-transform: none;
    transform: none
}

.list-group-item-content.clamp-all .clamp-container {
    padding-top: 1em
}

.list-group-item-content h1,.list-group-item-content h2,.list-group-item-content h3,.list-group-item-content h4,.list-group-item-content h5,.list-group-item-content h6 {
    margin: .5em 0
}

.list-group-item-content h1:first-child,.list-group-item-content h2:first-child,.list-group-item-content h3:first-child,.list-group-item-content h4:first-child,.list-group-item-content h5:first-child,.list-group-item-content h6:first-child {
    margin-top: 0
}

.list-group-item-content h1:last-child,.list-group-item-content h2:last-child,.list-group-item-content h3:last-child,.list-group-item-content h4:last-child,.list-group-item-content h5:last-child,.list-group-item-content h6:last-child {
    margin-bottom: 0
}

.tabular-list-group {
    display: table;
    margin-bottom: 20px;
    padding: 0;
    width: 100%
}

.tabular-list-group-unstyled {
    list-style: none;
    padding-right: 0
}

.tabular-list-group-unstyled .list-group-item {
    border-width: 0;
    padding: 0
}

.tabular-list-group-unstyled .list-group-item-content,.tabular-list-group-unstyled .list-group-item-field {
    padding: 0
}

.management-bar {
    margin-bottom: 1.25rem;
    min-height: 3.125rem;
    position: relative
}

.management-bar::after {
    display: block;
    clear: both;
    content: ""
}

.management-bar+.subnav-tbar-primary {
    margin-bottom: 1.25rem;
    margin-top: -1.25rem
}

.management-bar .add-menu {
    z-index: inherit
}

.management-bar .btn-action,.management-bar .btn-action-secondary>.btn {
    color: #fff;
    height: 2.1rem;
    line-height: 2.1rem;
    width: 2.1rem
}

.management-bar .checkbox,.management-bar .radio {
    margin-bottom: 0;
    margin-top: 0
}

.management-bar .checkbox label,.management-bar .radio label {
    display: block
}

.management-bar .input-checkbox-wrapper {
    position: static
}

.management-bar .btn-link {
    color: #6b6c7e
}

.management-bar .management-bar-nav>.dropdown>.btn,.management-bar .management-bar-nav>li>.btn,.management-bar-header-right>.btn,.management-bar-header-right>.dropdown,.management-bar-header>.btn,.management-bar-header>.dropdown {
    margin: .53125rem 1rem .53125rem 0;
    padding: 0
}

@media(min-width: 768px) {
    .management-bar .management-bar-nav>.dropdown>.btn,.management-bar .management-bar-nav>li>.btn,.management-bar-header-right>.btn,.management-bar-header-right>.dropdown,.management-bar-header>.btn,.management-bar-header>.dropdown {
        margin:13px 15px 13px 0
    }
}

.management-bar-header-right>.dropdown,.management-bar-header>.dropdown {
    float: right
}

.management-bar-header-right>.dropdown>a,.management-bar-header>.dropdown>a {
    padding: 0
}

.container-fluid>.management-bar-collapse,.container-fluid>.management-bar-header,.container>.management-bar-collapse,.container>.management-bar-header {
    margin-right: -1rem;
    margin-left: -1rem
}

@media(min-width: 768px) {
    .container-fluid>.management-bar-collapse,.container-fluid>.management-bar-header,.container>.management-bar-collapse,.container>.management-bar-header {
        margin-right:0;
        margin-left: 0
    }
}

.container-fluid-1280 .management-bar-header-right {
    margin-left: 0;
    position: relative
}

.management-bar-header-right>.checkbox,.management-bar-header-right>.radio,.management-bar-header>.checkbox,.management-bar-header>.radio,.management-bar-nav>li>.checkbox,.management-bar-nav>li>.radio {
    float: right;
    padding-bottom: .78125rem;
    padding-right: 1rem;
    padding-left: 0;
    padding-top: .78125rem
}

@media(min-width: 768px) {
    .management-bar-header-right>.checkbox,.management-bar-header-right>.radio,.management-bar-header>.checkbox,.management-bar-header>.radio,.management-bar-nav>li>.checkbox,.management-bar-nav>li>.radio {
        padding-bottom:18px;
        padding-top: 18px
    }
}

.management-bar-nav>li>.basic-search,.management-bar-nav>li>.form {
    padding-right: 20px;
    padding-top: 12px
}

.management-bar-nav>li>.basic-search .input-group-btn .btn-default,.management-bar-nav>li>.form .input-group-btn .btn-default {
    background-color: #f1f2f5;
    border-color: #e7e7ed
}

.management-bar-nav>li>.basic-search .form-control,.management-bar-nav>li>.form .form-control {
    border-left-color: transparent;
    width: 100%
}

.management-bar-nav .basic-search-slider {
    right: inherit
}

.management-bar-nav .basic-search-slider .basic-search-close {
    display: none
}

.management-bar-header {
    float: right
}

.management-bar-header::after {
    display: block;
    clear: both;
    content: ""
}

.management-bar-header-right {
    float: left;
    margin-left: 1rem
}

.management-bar-header-right>a,.management-bar-header-right>span {
    display: block;
    float: right;
    padding: .90625rem 1rem
}

@media(min-width: 768px) {
    .management-bar-header-right>a,.management-bar-header-right>span {
        padding-bottom:1.21875rem;
        padding-top: 1.21875rem
    }
}

.management-bar-header-right .btn-default:not([disabled]):not(.disabled).active,.management-bar-header-right .nav-underline .tab.active a.btn-default:not([disabled]):not(.disabled),.nav-underline .tab.active .management-bar-header-right a.btn-default:not([disabled]):not(.disabled) {
    border-color: transparent
}

.management-bar-header-item {
    float: right;
    height: 3.125rem;
    padding: .90625rem 1rem
}

.management-bar-header-item:focus,.management-bar-header-item:hover {
    text-decoration: none
}

.management-bar-header-item>img {
    display: block
}

@media(min-width: 768px) {
    .management-bar>.container .management-bar-header-item,.management-bar>.container-fluid .management-bar-header-item {
        margin-right:-1rem
    }
}

.management-bar-item-title {
    display: inline-block;
    float: right;
    margin-left: 5px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width: 768px) {
    .management-bar-item-title {
        max-width:180px
    }
}

.management-bar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: .25rem;
    float: left;
    margin-left: 1rem;
    padding: 9px 10px;
    position: relative
}

@media(min-width: 768px) {
    .management-bar-toggle {
        display:none
    }
}

.management-bar-toggle:focus {
    outline: 0
}

.management-bar-toggle-link {
    border-radius: 0;
    border-width: 0
}

.management-bar-toggle-link.management-bar-toggle {
    margin: 0;
    padding: .90625rem 1rem
}

.management-bar-toggle-link:focus,.management-bar-toggle-link:hover {
    text-decoration: none
}

.management-bar-toggle-left {
    float: right;
    padding: .375rem 10px
}

.management-bar-collapse {
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    overflow-x: visible;
    padding-right: 1rem;
    padding-left: 1rem
}

.management-bar-collapse::after {
    display: block;
    clear: both;
    content: ""
}

@media(max-width: 767.98px) {
    .management-bar-collapse {
        background-color:#fff;
        border-color: transparent;
        border-style: solid;
        border-width: 0 0 .0625rem 0;
        border-width: 1px 0;
        -webkit-box-shadow: 0 2px 3px -2px rgba(0,0,0,.7);
        box-shadow: 0 2px 3px -2px rgba(0,0,0,.7);
        clear: both;
        right: 0;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 1001
    }
}

@media(min-width: 768px) {
    .management-bar-collapse {
        border-top-width:0;
        -webkit-box-shadow: none;
        box-shadow: none;
        clear: none;
        float: right;
        margin-top: 0;
        padding-right: 0;
        padding-left: 0;
        position: static;
        width: auto
    }
}

@media(min-width: 768px) {
    .management-bar-collapse.collapse {
        display:block !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0
    }
}

.management-bar-collapse.in {
    overflow-y: auto
}

@media(min-width: 768px) {
    .management-bar-collapse.in {
        overflow-y:visible
    }
}

.management-bar-collapse .management-bar-nav>.dropdown>.dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767.98px) {
    .management-bar-collapse .management-bar-nav>.dropdown>.dropdown-menu {
        position:relative !important;
        -webkit-transform: none !important;
        transform: none !important
    }
}

.management-bar-nav {
    margin: .45312rem -1rem
}

@media(min-width: 768px) {
    .management-bar-nav {
        float:right;
        margin: 0
    }
}

@media(min-width: 768px) {
    .management-bar-nav>li {
        float:right
    }
}

.management-bar-nav>li>a,.management-bar-nav>li>span {
    display: block;
    padding: .90625rem 1rem
}

@media(min-width: 768px) {
    .management-bar-nav>li>a,.management-bar-nav>li>span {
        padding-bottom:19.5px;
        padding-top: 19.5px
    }
}

.management-bar-nav>li>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-top: 0
}

@media(max-width: 767.98px) {
    .management-bar-nav .open .dropdown-menu {
        background-color:transparent;
        border-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        max-width: none;
        position: static;
        width: auto
    }
}

@media(max-width: 767.98px) {
    .management-bar-nav .open .dropdown-menu .dropdown-header,.management-bar-nav .open .dropdown-menu>li>a {
        padding:5px 25px 5px 15px
    }
}

@media(max-width: 767.98px) {
    .management-bar-nav .open .dropdown-menu>li>a:focus,.management-bar-nav .open .dropdown-menu>li>a:hover {
        background-image:none
    }
}

.management-bar-no-collapse .management-bar-nav {
    float: right;
    margin: 0
}

.management-bar-no-collapse .management-bar-nav>li {
    float: right;
    margin-right: -1px
}

.management-bar-no-collapse .management-bar-nav>li:first-child {
    margin-right: 0
}

.management-bar-no-collapse .management-bar-nav .dropdown-menu {
    background-color: #fff;
    border-color: #e7e7ed;
    border-width: 0;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0,0,0,.3);
    box-shadow: 0 1px 5px -1px rgba(0,0,0,.3);
    position: absolute
}

.management-bar-no-collapse .management-bar-nav-right {
    float: left;
    margin-left: 1rem
}

.management-bar-no-collapse .container-fluid-1280 .management-bar-nav-right {
    margin-left: 0
}

.management-bar-default .management-bar-collapse {
    border-color: transparent
}

@media(max-width: 767.98px) {
    .management-bar-default .management-bar-collapse {
        background-color:#fff;
        border-color: transparent
    }
}

.management-bar-default .management-bar-toggle-left {
    color: #272833
}

.management-bar-default {
    background-color: #fff;
    border-color: transparent
}

.management-bar-default .management-bar-nav>.dropdown>a,.management-bar-default .management-bar-nav>li>a,.management-bar-default .management-bar-text,.management-bar-default a {
    color: #6b6c7e
}

.management-bar-default .management-bar-nav>.dropdown>a:hover,.management-bar-default .management-bar-nav>li>a:hover {
    background-color: rgba(39,40,51,.03);
    color: #6b6c7e
}

.management-bar-default .management-bar-nav .open>a,.management-bar-default .management-bar-nav .open>a:focus,.management-bar-default .management-bar-nav .open>a:hover,.management-bar-default .management-bar-nav>.dropdown>a:focus,.management-bar-default .management-bar-nav>li>a:focus {
    background-color: #eee;
    color: #272833
}

.management-bar-default .management-bar-nav>.disabled>a,.management-bar-default .management-bar-nav>.disabled>a:focus,.management-bar-default .management-bar-nav>.disabled>a:hover {
    background-color: transparent;
    color: #a7a9bc
}

.management-bar-default .btn-default,.management-bar-default .nav>li>.btn-default {
    background-color: transparent;
    border-color: transparent;
    color: #6b6c7e
}

.management-bar-default .btn-default:focus,.management-bar-default .btn-default:hover,.management-bar-default .nav>li>.btn-default:focus,.management-bar-default .nav>li>.btn-default:hover {
    background-color: rgba(39,40,51,.03);
    border-color: transparent;
    color: #272833
}

.management-bar-default .btn-default.active,.management-bar-default .btn-default:active,.management-bar-default .nav-underline .tab.active .nav>li>a.btn-default,.management-bar-default .nav-underline .tab.active a.btn-default,.management-bar-default .nav>li>.btn-default.active,.management-bar-default .nav>li>.btn-default:active,.nav-underline .tab.active .management-bar-default .nav>li>a.btn-default,.nav-underline .tab.active .management-bar-default a.btn-default {
    background-color: rgba(39,40,51,.03);
    border-color: transparent;
    color: #272833
}

.management-bar-default .dropdown.open .btn-default,.management-bar-default .dropdown.open .btn-default:focus {
    background-color: rgba(39,40,51,.03);
    border-color: transparent;
    color: #272833
}

.management-bar-nav {
    display: block
}

@media(max-width: 767.98px) {
    .management-bar-nav>li {
        display:block
    }
}

@media(max-width: 767.98px) {
    .management-bar-nav .dropdown-menu {
        background-color:transparent;
        border-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        max-width: none;
        position: relative;
        width: 100%
    }
}

.management-bar-header .form-inline input[type=checkbox] {
    margin-right: -1.25rem
}

@media(min-width: 768px) {
    .management-bar-nav>li>.dropdown-toggle {
        padding-bottom:1.21875rem;
        padding-top: 1.21875rem
    }
}

.management-bar-secondary-bar {
    background-color: #f0f5ff;
    border-bottom: 1px solid #0b5fff
}

.modal-footer>.btn-toolbar>:not(:first-child) {
    margin-right: .25rem
}

.modal-footer>.btn-toolbar>:not(:last-child) {
    margin-left: .25rem
}

.nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.nav>li {
    position: relative
}

.nav>li>a {
    display: block;
    padding: .625rem 1rem
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none
}

.nav .disabled>a {
    color: #a7a9bc
}

.nav-justified {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.nav-justified>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.nav.nav-pills {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.nav-pills>li>a {
    border-radius: .25rem
}

.nav-pills>li.active>a {
    background-color: #0b5fff;
    color: #fff
}

.nav-tabs,.nav-underline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.nav-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.nav-tabs>li {
    margin-bottom: -1px
}

.nav-tabs>li>a {
    border: 1px solid transparent;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.nav-tabs>li>a:focus,.nav-tabs>li>a:hover {
    border-color: transparent transparent transparent
}

.nav-tabs>.active>a,.nav-tabs>li>a.active,.nav-underline .tab.active .nav-tabs>a>a,.nav-underline .tab.active .nav-tabs>li>a {
    background-color: #fff;
    border-color: transparent transparent #fff transparent transparent #fff #fff;
    color: #272833
}

.nav-tabs>.active>a:focus,.nav-tabs>.active>a:hover,.nav-tabs>li>a.active:focus,.nav-tabs>li>a.active:hover,.nav-underline .tab.active .nav-tabs>a>a:focus,.nav-underline .tab.active .nav-tabs>a>a:hover,.nav-underline .tab.active .nav-tabs>li>a:focus,.nav-underline .tab.active .nav-tabs>li>a:hover {
    border-color: transparent transparent #fff transparent transparent #fff #fff
}

.nav-tabs-default>li>a {
    color: #6b6c7e
}

.nav-tabs-default>li>a:after {
    bottom: 0;
    display: block;
    right: 0;
    position: absolute;
    left: 0;
    width: auto
}

.nav-tabs-default>.active>a:after,.nav-underline .tab.active .nav-tabs-default>a>a:after {
    background-color: #0b5fff
}

.nav-tabs-default>.active>a,.nav-tabs-default>.show>a,.nav-underline .tab.active .nav-tabs-default>a>a {
    background-color: transparent;
    color: #272833
}

.nav-tabs-default>.active>a:after,.nav-tabs-default>.show>a:after,.nav-underline .tab.active .nav-tabs-default>a>a:after {
    content: "";
    height: .125rem
}

.nav-tabs-default>.disabled>a {
    color: #a7a9bc
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: .25rem;
    float: left;
    margin-left: 0;
    padding: 9px 10px;
    position: relative;
    z-index: 1
}

@media(min-width: 768px) {
    .navbar-toggle {
        display:none
    }
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    background-color: #272833;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-toggle-left {
    float: right
}

.navbar-toggle-page-name {
    border-width: 0;
    padding: 13px 16px
}

.navbar-header-right {
    margin-right: auto
}

.taglib-search-toggle-advanced-wrapper {
    right: auto;
    position: absolute;
    left: 0;
    z-index: 1000
}

@media(max-width: 767.98px) {
    .navbar.collapse-basic-search .basic-search {
        border-width:0 0 .0625rem 0;
        right: 0;
        left: 0;
        top: 0
    }
}

@media(max-width: 767.98px) {
    .navbar-collapse .nav-tabs {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.navbar-collapse .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media(max-width: 767.98px) {
    .navbar-collapse .navbar-nav {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.navbar-no-collapse .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-default,.navbar-inverse {
    border-style: solid;
    border-width: 0 0 .0625rem 0
}

@media(min-width: 768px) {
    .navbar-default .container-fluid-1280,.navbar-inverse .container-fluid-1280 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.navbar-default .basic-search,.navbar-inverse .basic-search {
    padding: 3.5px 16px
}

@media(min-width: 768px) {
    .navbar-default .basic-search,.navbar-inverse .basic-search {
        padding:10px 0 7px
    }
}

@media(min-width: 768px) {
    .navbar-default .navbar-collapse,.navbar-inverse .navbar-collapse {
        display:block
    }
}

.navbar-default .navbar-collapse+.form,.navbar-inverse .navbar-collapse+.form {
    margin-right: auto
}

@media(min-width: 768px) {
    .navbar-default .navbar-nav,.navbar-inverse .navbar-nav {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.navbar-default .navbar-nav>li>a,.navbar-inverse .navbar-nav>li>a {
    padding-bottom: 11.5px;
    padding-top: 11.5px
}

@media(min-width: 768px) {
    .navbar-default .navbar-nav>li>a,.navbar-inverse .navbar-nav>li>a {
        padding:18px 16px
    }
}

.navbar-default {
    background-color: #fff;
    border-color: transparent
}

.navbar-default .navbar-nav>li>a {
    color: #6b6c7e
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #6b6c7e
}

.nav-underline .tab.active .navbar-default .navbar-nav>a>a,.nav-underline .tab.active .navbar-default .navbar-nav>a>a:hover,.navbar-default .nav-underline .tab.active .navbar-nav>a>a,.navbar-default .nav-underline .tab.active .navbar-nav>a>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-toggle-page-name,.navbar-default .navbar-toggle-page-name:hover {
    color: #272833
}

.nav-underline .tab.active .navbar-default .navbar-nav>a>a:after,.navbar-default .nav-underline .tab.active .navbar-nav>a>a:after,.navbar-default .navbar-nav>.active>a:after,.navbar-default .navbar-toggle-page-name:after {
    background-color: #86affd;
    bottom: -.0625rem;
    content: "";
    display: block;
    height: 2px;
    right: 16px;
    position: absolute;
    left: 16px
}

@media(max-width: 767.98px) {
    .nav-underline .tab.active .navbar-default .navbar-nav>a>a:after,.navbar-default .nav-underline .tab.active .navbar-nav>a>a:after,.navbar-default .navbar-nav>.active>a:after {
        content:normal
    }
}

.navbar-inverse {
    background-color: #31323f;
    border-color: transparent
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff
}

.nav-underline .tab.active .navbar-inverse .navbar-nav>a>a,.nav-underline .tab.active .navbar-inverse .navbar-nav>a>a:hover,.navbar-inverse .nav-underline .tab.active .navbar-nav>a>a,.navbar-inverse .nav-underline .tab.active .navbar-nav>a>a:hover,.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-toggle-page-name,.navbar-inverse .navbar-toggle-page-name:hover {
    color: #fff
}

.nav-underline .tab.active .navbar-inverse .navbar-nav>a>a:after,.navbar-inverse .nav-underline .tab.active .navbar-nav>a>a:after,.navbar-inverse .navbar-nav>.active>a:after,.navbar-inverse .navbar-toggle-page-name:after {
    background-color: #86affd;
    bottom: -.0625rem;
    content: "";
    display: block;
    height: 2px;
    right: 16px;
    position: absolute;
    left: 16px
}

@media(max-width: 767.98px) {
    .nav-underline .tab.active .navbar-inverse .navbar-nav>a>a:after,.navbar-inverse .nav-underline .tab.active .navbar-nav>a>a:after,.navbar-inverse .navbar-nav>.active>a:after {
        content:normal
    }
}

@media(min-width: 768px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
}

.navbar-header::after {
    display: block;
    clear: both;
    content: ""
}

@media(min-width: 768px) {
    .navbar-header {
        float:right
    }
}

@media(min-width: 768px) {
    .navbar-left {
        float:right !important
    }

    .navbar-right {
        float: left !important
    }

    .navbar-right~.navbar-right {
        margin-left: 0
    }
}

.pager {
    list-style: none;
    margin: 1.5 0;
    padding-right: 0;
    text-align: center
}

.pager::after {
    display: block;
    clear: both;
    content: ""
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 14px
}

.pager li>a:focus,.pager li>a:hover {
    background-color: rgba(0,0,0,.02);
    text-decoration: none
}

.pager .next>a,.pager .next>span {
    float: left
}

.pager .previous>a,.pager .previous>span {
    float: right
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
    background-color: transparent;
    color: #6b6c7e;
    cursor: not-allowed
}

.panel {
    position: inherit
}

.panel-heading {
    position: relative
}

.panel-title.h4 {
    font-size: .875rem;
    margin-bottom: 0
}

.panel-title .collapse-icon {
    color: inherit;
    display: block;
    padding: .75rem 1.25rem
}

.panel-title .collapse-icon:focus,.panel-title .collapse-icon:hover {
    color: inherit
}

.panel-title .collapse-icon .collapse-icon {
    padding-left: 2.28125rem
}

.panel-group {
    background-color: transparent
}

.panel-default {
    border-color: #e7e7ed;
    color: #6b6c7e
}

.panel-default .panel-heading {
    border-color: #e7e7ed
}

.panel-group .panel-default .panel-heading+.panel-collapse>.panel-body {
    border-color: #e7e7ed
}

.panel-default .panel-footer {
    border-color: #e7e7ed
}

.popover.top {
    margin-bottom: .3rem
}

.popover.bottom {
    margin-top: .3rem
}

.popover.left {
    margin-left: .6rem
}

.popover.right {
    margin-right: .6rem
}

.popover.bottom .arrow,.popover.top .arrow {
    right: calc(50% - .3rem)
}

.popover.left .arrow,.popover.right .arrow {
    top: calc(50% - .15rem)
}

.progress-xs .progress-bar {
    height: 8px
}

.progress-lg .progress-bar {
    height: 1rem
}

.progress-xl .progress-bar {
    height: 52px
}

.progress-bar-danger {
    background-color: #da1414
}

.progress-bar-info {
    background-color: #2e5aac
}

.progress-bar-success {
    background-color: #287d3d
}

.progress-bar-warning {
    background-color: #b95000
}

.multi-step-progress-bar {
    display: table;
    list-style: none;
    margin-bottom: 0;
    padding-right: 0;
    position: relative;
    width: 100%
}

.multi-step-progress-bar>li {
    color: #bbb;
    display: table-cell;
    vertical-align: bottom;
    width: 1%
}

.multi-step-progress-bar>.active,.nav-underline .tab.active .multi-step-progress-bar>a {
    color: #0b5fff
}

.multi-step-progress-bar>.active .divider,.nav-underline .tab.active .multi-step-progress-bar>a .divider {
    background-color: #0b5fff;
    color: #0b5fff
}

.multi-step-progress-bar>.active .divider:after,.nav-underline .tab.active .multi-step-progress-bar>a .divider:after {
    content: "\f111"
}

.multi-step-progress-bar>.complete .divider {
    color: #0b5fff;
    margin-right: 18px
}

.multi-step-progress-bar>.complete .divider:after {
    content: "\f00c";
    right: -16px
}

.multi-step-progress-bar .divider {
    background-color: #bbb;
    color: #bbb;
    height: 1px;
    margin: 20px 12px 20px 0;
    position: relative
}

.multi-step-progress-bar .divider:after {
    content: "\f10c";
    display: block;
    font-family: fontawesome-alloy;
    right: -12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.multi-step-progress-bar .progress-bar-step,.multi-step-progress-bar .progress-bar-title {
    font-weight: 500;
    margin-left: 10px
}

@media(max-width: 767.98px) {
    .multi-step-progress-bar-collapse {
        padding-top:20px
    }
}

@media(max-width: 767.98px) {
    .multi-step-progress-bar-collapse>li {
        width:auto
    }
}

@media(max-width: 767.98px) {
    .multi-step-progress-bar-collapse>li:last-child {
        width:1%
    }
}

@media(max-width: 767.98px) {
    .multi-step-progress-bar-collapse>li:last-child .divider {
        width:0
    }
}

@media(max-width: 767.98px) {
    .multi-step-progress-bar-collapse>.active .progress-bar-title,.nav-underline .tab.active .multi-step-progress-bar-collapse>a .progress-bar-title {
        display:block;
        right: 0;
        position: absolute;
        left: 0;
        text-align: center;
        top: 0
    }
}

@media(max-width: 767.98px) {
    .multi-step-progress-bar-collapse .progress-bar-title {
        display:none
    }
}

.multi-step-progress-bar-fixed>li {
    display: inline-block;
    width: 100px
}

.visible-lg {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-xs {
    display: none !important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none !important
}

@media(max-width: 767px) {
    .visible-xs {
        display:block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell !important
    }
}

@media(max-width: 767px) {
    .visible-xs-block {
        display:block !important
    }
}

@media(max-width: 767px) {
    .visible-xs-inline {
        display:inline !important
    }
}

@media(max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block !important
    }
}

@media(min-width: 992px) and (max-width:1279px) {
    .visible-md {
        display:block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,th.visible-md {
        display: table-cell !important
    }
}

@media(min-width: 992px) and (max-width:1279px) {
    .visible-md-block {
        display:block !important
    }
}

@media(min-width: 992px) and (max-width:1279px) {
    .visible-md-inline {
        display:inline !important
    }
}

@media(min-width: 992px) and (max-width:1279px) {
    .visible-md-inline-block {
        display:inline-block !important
    }
}

@media(min-width: 1280px) {
    .visible-lg {
        display:block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell !important
    }
}

@media(min-width: 1280px) {
    .visible-lg-block {
        display:block !important
    }
}

@media(min-width: 1280px) {
    .visible-lg-inline {
        display:inline !important
    }
}

@media(min-width: 1280px) {
    .visible-lg-inline-block {
        display:inline-block !important
    }
}

@media(max-width: 767px) {
    .hidden-xs {
        display:none !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none !important
    }
}

@media(min-width: 992px) and (max-width:1279px) {
    .hidden-md {
        display:none !important
    }
}

@media(min-width: 1280px) {
    .hidden-lg {
        display:none !important
    }
}

.sidebar-default {
    background-color: #fff
}

.sidebar-actions,.sidebar-header-actions {
    float: left;
    padding-right: 0;
    list-style: none;
    margin-bottom: 0;
    margin-left: -9px
}

.sidebar-actions>li,.sidebar-header-actions>li {
    display: inline-block
}

.sidebar-block.tabular-list-group-unstyled {
    margin-left: -9px
}

.flex-container {
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-flow: row;
    flex-flow: row;
    flex-wrap: wrap
}

.flex-container-stacked {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.flex-row-vertical {
    -ms-flex-direction: column;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.flex-item-expand {
    -ms-flex: 1;
    -ms-flex-wrap: wrap;
    -webkit-box-flex: 1;
    flex: 1;
    flex-wrap: wrap;
    min-width: 0
}

.flex-item-full {
    -ms-flex: 1 100%;
    -ms-flex-wrap: wrap;
    -webkit-box-flex: 1;
    flex: 1 100%;
    flex-wrap: wrap
}

.flex-item-full+.flex-item-expand {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.flex-item-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.flex-item-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.flex-item-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media(max-width: 479px) {
    .flex-container-stacked-xxs {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .flex-container-stacked-xxs .flex-item-full {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(max-width: 767px) {
    .flex-container-stacked-xs {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .flex-container-stacked-xs .flex-item-full {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(max-width: 991px) {
    .flex-container-stacked-sm {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .flex-container-stacked-sm .flex-item-full {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(max-width: 1279px) {
    .flex-container-stacked-md {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .flex-container-stacked-md .flex-item-full {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(min-width: 1280px) {
    .flex-container-stacked-lg {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .flex-container-stacked-lg .flex-item-full {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(min-width: 576px) and (max-width:767px) {
    .flex-container-stacked-xs-only {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .flex-container-stacked-xs-only .flex-item-full {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .flex-container-stacked-sm-only {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .flex-container-stacked-sm-only .flex-item-full {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(min-width: 992px) and (max-width:1279px) {
    .flex-container-stacked-md-only {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .flex-container-stacked-md-only .flex-item-full {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(max-width: 479px) {
    .flex-item-break-xxs {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        width: 100%
    }
}

@media(max-width: 767px) {
    .flex-item-break-xs {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        width: 100%
    }
}

@media(max-width: 991px) {
    .flex-item-break-sm {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        width: 100%
    }
}

@media(max-width: 1279px) {
    .flex-item-break-md {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .flex-item-break-lg {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        width: 100%
    }
}

@media(min-width: 576px) and (max-width:767px) {
    .flex-item-break-xs-only {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        width: 100%
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .flex-item-break-sm-only {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        width: 100%
    }
}

@media(min-width: 992px) and (max-width:1279px) {
    .flex-item-break-md-only {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        width: 100%
    }
}

.sticker-bottom {
    bottom: 1rem;
    right: 1rem;
    position: absolute;
    left: auto;
    top: auto
}

.sticker-right {
    right: auto;
    position: absolute;
    left: 1rem;
    top: 1rem
}

.sticker-document .lexicon-icon {
    height: 1.25em;
    width: auto
}

.table.table-autofit .splitter td,.table.table-autofit .splitter th,div.splitter {
    background-color: #f7f8f9;
    color: #6b6c7e;
    font-size: .75rem;
    font-weight: 600;
    padding: .4375rem .75rem;
    text-transform: uppercase
}

.table .splitter {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.table>tbody>tr td.active,.table>tbody>tr th.active,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tfoot>tr td.active,.table>tfoot>tr th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>thead>tr td.active,.table>thead>tr th.active,.table>thead>tr.active>td,.table>thead>tr.active>th {
    background-color: #f0f5ff
}

.table>tbody>tr td.success,.table>tbody>tr th.success,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tfoot>tr td.success,.table>tfoot>tr th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>thead>tr td.success,.table>thead>tr th.success,.table>thead>tr.success>td,.table>thead>tr.success>th {
    background-color: #287d3d
}

.table>tbody>tr td.info,.table>tbody>tr th.info,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tfoot>tr td.info,.table>tfoot>tr th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>thead>tr td.info,.table>thead>tr th.info,.table>thead>tr.info>td,.table>thead>tr.info>th {
    background-color: #2e5aac
}

.table>tbody>tr td.warning,.table>tbody>tr th.warning,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tfoot>tr td.warning,.table>tfoot>tr th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>thead>tr td.warning,.table>thead>tr th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th {
    background-color: #b95000
}

.table>tbody>tr td.danger,.table>tbody>tr th.danger,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tfoot>tr td.danger,.table>tfoot>tr th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>thead>tr td.danger,.table>thead>tr th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th {
    background-color: #da1414
}

.table-autofit .table-cell-content {
    width: auto
}

.toggle-card-check {
    float: right;
    line-height: normal;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toggle-card-container {
    background-color: transparent;
    border: 1px solid #6b6c7e;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #272833;
    height: 104px;
    padding: 12px;
    text-align: center;
    width: 92px
}

.toggle-card-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    font-size: 16px;
    height: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    width: 32px
}

.toggle-card-icon .lexicon-icon {
    margin-top: 0
}

.toggle-card-label {
    height: 58px;
    line-height: 16px;
    overflow: hidden;
    padding-top: 12px
}

.toggle-card .toggle-check {
    height: auto;
    width: auto
}

.toggle-card-check {
    height: 104px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 92px
}

.toggle-card-check:empty~.toggle-card-container .toggle-card-off {
    display: block
}

.toggle-card-check:empty~.toggle-card-container .toggle-card-on {
    display: none
}

.toggle-card-check:empty~.toggle-card-container .toggle-card-icon {
    background-color: transparent
}

.toggle-card-check:checked~.toggle-card-container {
    background-color: #fff;
    border: 1px solid #0b5fff;
    color: #0b5fff;
    padding: 12px
}

.toggle-card-check:checked~.toggle-card-container .toggle-card-off {
    display: none
}

.toggle-card-check:checked~.toggle-card-container .toggle-card-on {
    display: block
}

.toggle-card-check[disabled]~.toggle-card-container {
    cursor: not-allowed;
    opacity: .4
}

.toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-icon img {
    vertical-align: baseline
}

.user-icon {
    border-radius: 500px;
    font-size: .875rem;
    height: 32px;
    line-height: 32px;
    width: 32px;
    overflow: hidden;
    text-align: center
}

.user-icon-xs {
    font-size: 8px;
    height: 24px;
    line-height: 24px;
    width: 24px
}

@media(min-width: 768px) {
    .user-icon-xs {
        font-size:8px;
        height: 24px;
        line-height: 24px;
        width: 24px
    }
}

.user-icon-sm {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    width: 32px
}

@media(min-width: 768px) {
    .user-icon-sm {
        font-size:.875rem;
        height: 32px;
        line-height: 32px;
        width: 32px
    }
}

.user-icon-lg {
    font-size: .875rem;
    height: 40px;
    line-height: 40px;
    width: 40px
}

@media(min-width: 768px) {
    .user-icon-lg {
        font-size:.875rem;
        height: 40px;
        line-height: 40px;
        width: 40px
    }
}

.user-icon-xl {
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

@media(min-width: 768px) {
    .user-icon-xl {
        font-size:16px;
        height: 48px;
        line-height: 48px;
        width: 48px
    }
}

.user-icon-xxl {
    font-size: 20px;
    height: 56px;
    line-height: 56px;
    width: 56px
}

@media(min-width: 768px) {
    .user-icon-xxl {
        font-size:20px;
        height: 56px;
        line-height: 56px;
        width: 56px
    }
}

.user-icon-default {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #e7e7ed;
    box-shadow: 0 0 0 1px #e7e7ed;
    color: #6b6c7e
}

.user-icon-primary {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #e7e7ed;
    box-shadow: 0 0 0 1px #e7e7ed;
    color: #0b5fff
}

.user-icon-info {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #e7e7ed;
    box-shadow: 0 0 0 1px #e7e7ed;
    color: #2e5aac
}

.user-icon-success {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #e7e7ed;
    box-shadow: 0 0 0 1px #e7e7ed;
    color: #287d3d
}

.user-icon-warning {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #e7e7ed;
    box-shadow: 0 0 0 1px #e7e7ed;
    color: #b95000
}

.user-icon-danger {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #e7e7ed;
    box-shadow: 0 0 0 1px #e7e7ed;
    color: #da1414
}

.user-icon-rounded .user-icon,.user-icon-rounded.user-icon {
    border-radius: .25rem
}

.user-icon-square .user-icon,.user-icon-square.user-icon {
    border-radius: 0
}

.truncate-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

#navigationCollapse {
    padding-right: 0;
    padding-left: 0
}

@media(min-width: 768px) {
    #navigationCollapse {
        display:block
    }
}

#banner .form-horizontal>.form-group:first-child,#banner .row:first-child {
    display: block
}

.product-menu .panel-group .panel-heading+.panel-collapse.show {
    border-bottom: 2px solid #65b6f0
}

.product-menu.sidebar .sidebar-header {
    padding-bottom: .7rem;
    padding-top: .7rem
}

.lfr-has-simulation-panel .lfr-simulation-device,.product-menu.sidebar .sidebar-body {
    top: 3.5rem
}

.product-menu .add-application-panel .panel-body {
    padding-bottom: .01rem
}

.form-horizontal>.lfr-page-layouts.form-group .list-unstyled,.lfr-page-layouts.row .list-unstyled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fade.in {
    opacity: 1
}

.lfr-add-panel .input-group.search-bar {
    margin: 0;
    padding: 10px
}

.lfr-add-panel .input-group.search-bar .form-control {
    width: 100%
}

.lfr-add-panel .input-group.search-bar .input-group-btn {
    font-size: 1rem;
    margin-top: -11px
}

.input-group.search-bar .search-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group.search-bar .search-field:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.input-group.search-bar .search-field .btn {
    margin-top: 0
}

.input-group.search-bar .search-field .form-group {
    margin-bottom: 0
}

.input-group.search-bar .search-field .search-bar-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group.search-bar .search-field~.search-field {
    margin-right: -.0625rem
}

.input-group.search-bar .search-select {
    border-radius: 0;
    width: 100%
}

.dialog-with-footer .button-holder.dialog-footer {
    background-color: #fff
}

.lfr-friendly-url-input-group.input-group .input-group-addon {
    background-color: #e8e8ec
}

.lfr-friendly-url-input-group.input-group .language-value {
    border-radius: .25rem 0 0 .25rem;
    width: auto
}

#settings .lfr-ddm-form-page {
    margin-top: 0
}

.autosave-bar .toolbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-builder-sidebar .tab-content .tab-pane {
    padding: 24px;
    position: static
}

.form-builder-sidebar .input-group-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-builder-sidebar .input-group-container .input-group-addon {
    background-color: transparent;
    border-width: 0
}

.form-builder-page-header .form-control {
    background-color: transparent
}

.form-builder-field .input-group .form-control {
    z-index: 0
}

.help-icon.icon-monospaced {
    line-height: 2
}

.layout-row-container-row .layout-builder-move-cut-button.layout-builder-move-cut-row-button {
    left: 30px;
    top: -22px
}

.portal-popup .asset-icon .sticker .lexicon-icon,.portlet-forms-admin .asset-icon .sticker .lexicon-icon {
    height: 100%;
    width: 1em
}

.portlet-msg-progress {
    background-image: url(../images/aui/loading_indicator.gif);
    background-position: 6px 50%;
    background-repeat: no-repeat;
    padding-right: 30px
}

.navbar .nav li>a {
    overflow-wrap: break-all;
    word-wrap: break-all;
    word-break: break-all
}

.entry-status.approved {
    border-color: #287d3d !important
}

.entry-status.scheduled {
    border-color: #2e5aac !important
}

.entry-status.pending {
    border-color: #2e5aac !important
}

.entry-status.denied {
    border-color: #da1414 !important
}

.entry-status.expired {
    border-color: #b95000 !important
}

.status.approved {
    color: #287d3d
}

.status.scheduled {
    color: #2e5aac
}

.status.pending {
    color: #2e5aac
}

.status.denied {
    color: #da1414
}

.status.expired {
    color: #b95000
}

.kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: auto;
    margin-right: auto;
    max-width: 340px
}

@media(min-width: 768px) {
    .kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
        max-width:640px
    }
}

@media(min-width: 1200px) {
    .kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
        max-width:1048px
    }
}

@media(min-width: 1440px) {
    .kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
        max-width:1260px
    }
}

@media(min-width: 1600px) {
    .kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
        max-width:1470px
    }
}

.kw #wrapper .container-fluid,.kw #wrapper .container-lg,.kw #wrapper .container-md,.kw #wrapper .container-sm,.kw #wrapper .container-xl,.kw #wrapper .container-xs {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: auto;
    margin-right: auto
}

.kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
    max-width: 340px
}

@media(min-width: 768px) {
    .kw #wrapper .container-sm,.kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
        max-width:640px
    }
}

@media(min-width: 1200px) {
    .kw #wrapper .container-md,.kw #wrapper .container-sm,.kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
        max-width:1048px
    }
}

@media(min-width: 1440px) {
    .kw #wrapper .container-lg,.kw #wrapper .container-md,.kw #wrapper .container-sm,.kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
        max-width:1260px
    }
}

@media(min-width: 1600px) {
    .kw #wrapper .container-lg,.kw #wrapper .container-md,.kw #wrapper .container-sm,.kw #wrapper .container-xl,.kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
        max-width:1470px
    }
}

.kw #wrapper .row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    margin-left: -8px;
    margin-right: -8px
}

.kw #wrapper .no-gutters {
    margin-left: 0;
    margin-right: 0
}

.kw #wrapper .no-gutters>.col,.kw #wrapper .no-gutters>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.kw #wrapper .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.kw #wrapper .row-cols-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.kw #wrapper .row-cols-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.kw #wrapper .row-cols-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.kw #wrapper .row-cols-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.kw #wrapper .row-cols-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.kw #wrapper .row-cols-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.kw #wrapper .col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.kw #wrapper .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.kw #wrapper .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.kw #wrapper .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.kw #wrapper .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.kw #wrapper .col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.kw #wrapper .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.kw #wrapper .col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.kw #wrapper .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.kw #wrapper .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.kw #wrapper .col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.kw #wrapper .col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.kw #wrapper .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.kw #wrapper .order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.kw #wrapper .order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.kw #wrapper .order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.kw #wrapper .order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.kw #wrapper .order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.kw #wrapper .order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.kw #wrapper .order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.kw #wrapper .order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.kw #wrapper .order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.kw #wrapper .order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.kw #wrapper .order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.kw #wrapper .order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.kw #wrapper .order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.kw #wrapper .order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.kw #wrapper .order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.kw #wrapper .offset-1 {
    margin-right: 8.3333333333%
}

.kw #wrapper .offset-2 {
    margin-right: 16.6666666667%
}

.kw #wrapper .offset-3 {
    margin-right: 25%
}

.kw #wrapper .offset-4 {
    margin-right: 33.3333333333%
}

.kw #wrapper .offset-5 {
    margin-right: 41.6666666667%
}

.kw #wrapper .offset-6 {
    margin-right: 50%
}

.kw #wrapper .offset-7 {
    margin-right: 58.3333333333%
}

.kw #wrapper .offset-8 {
    margin-right: 66.6666666667%
}

.kw #wrapper .offset-9 {
    margin-right: 75%
}

.kw #wrapper .offset-10 {
    margin-right: 83.3333333333%
}

.kw #wrapper .offset-11 {
    margin-right: 91.6666666667%
}

@media(min-width: 768px) {
    .kw #wrapper .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .kw #wrapper .row-cols-sm-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .kw #wrapper .row-cols-sm-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .kw #wrapper .row-cols-sm-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .kw #wrapper .row-cols-sm-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .kw #wrapper .row-cols-sm-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .kw #wrapper .row-cols-sm-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .kw #wrapper .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .kw #wrapper .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .kw #wrapper .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .kw #wrapper .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .kw #wrapper .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .kw #wrapper .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .kw #wrapper .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .kw #wrapper .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .kw #wrapper .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .kw #wrapper .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .kw #wrapper .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .kw #wrapper .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .kw #wrapper .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .kw #wrapper .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .kw #wrapper .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .kw #wrapper .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .kw #wrapper .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kw #wrapper .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kw #wrapper .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kw #wrapper .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kw #wrapper .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kw #wrapper .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kw #wrapper .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kw #wrapper .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kw #wrapper .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kw #wrapper .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kw #wrapper .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kw #wrapper .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kw #wrapper .offset-sm-0 {
        margin-right: 0
    }

    .kw #wrapper .offset-sm-1 {
        margin-right: 8.3333333333%
    }

    .kw #wrapper .offset-sm-2 {
        margin-right: 16.6666666667%
    }

    .kw #wrapper .offset-sm-3 {
        margin-right: 25%
    }

    .kw #wrapper .offset-sm-4 {
        margin-right: 33.3333333333%
    }

    .kw #wrapper .offset-sm-5 {
        margin-right: 41.6666666667%
    }

    .kw #wrapper .offset-sm-6 {
        margin-right: 50%
    }

    .kw #wrapper .offset-sm-7 {
        margin-right: 58.3333333333%
    }

    .kw #wrapper .offset-sm-8 {
        margin-right: 66.6666666667%
    }

    .kw #wrapper .offset-sm-9 {
        margin-right: 75%
    }

    .kw #wrapper .offset-sm-10 {
        margin-right: 83.3333333333%
    }

    .kw #wrapper .offset-sm-11 {
        margin-right: 91.6666666667%
    }
}

@media(min-width: 1200px) {
    .kw #wrapper .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .kw #wrapper .row-cols-md-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .kw #wrapper .row-cols-md-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .kw #wrapper .row-cols-md-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .kw #wrapper .row-cols-md-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .kw #wrapper .row-cols-md-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .kw #wrapper .row-cols-md-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .kw #wrapper .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .kw #wrapper .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .kw #wrapper .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .kw #wrapper .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .kw #wrapper .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .kw #wrapper .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .kw #wrapper .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .kw #wrapper .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .kw #wrapper .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .kw #wrapper .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .kw #wrapper .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .kw #wrapper .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .kw #wrapper .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .kw #wrapper .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .kw #wrapper .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .kw #wrapper .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .kw #wrapper .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kw #wrapper .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kw #wrapper .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kw #wrapper .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kw #wrapper .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kw #wrapper .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kw #wrapper .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kw #wrapper .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kw #wrapper .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kw #wrapper .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kw #wrapper .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kw #wrapper .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kw #wrapper .offset-md-0 {
        margin-right: 0
    }

    .kw #wrapper .offset-md-1 {
        margin-right: 8.3333333333%
    }

    .kw #wrapper .offset-md-2 {
        margin-right: 16.6666666667%
    }

    .kw #wrapper .offset-md-3 {
        margin-right: 25%
    }

    .kw #wrapper .offset-md-4 {
        margin-right: 33.3333333333%
    }

    .kw #wrapper .offset-md-5 {
        margin-right: 41.6666666667%
    }

    .kw #wrapper .offset-md-6 {
        margin-right: 50%
    }

    .kw #wrapper .offset-md-7 {
        margin-right: 58.3333333333%
    }

    .kw #wrapper .offset-md-8 {
        margin-right: 66.6666666667%
    }

    .kw #wrapper .offset-md-9 {
        margin-right: 75%
    }

    .kw #wrapper .offset-md-10 {
        margin-right: 83.3333333333%
    }

    .kw #wrapper .offset-md-11 {
        margin-right: 91.6666666667%
    }
}

@media(min-width: 1440px) {
    .kw #wrapper .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .kw #wrapper .row-cols-lg-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .kw #wrapper .row-cols-lg-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .kw #wrapper .row-cols-lg-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .kw #wrapper .row-cols-lg-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .kw #wrapper .row-cols-lg-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .kw #wrapper .row-cols-lg-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .kw #wrapper .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .kw #wrapper .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .kw #wrapper .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .kw #wrapper .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .kw #wrapper .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .kw #wrapper .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .kw #wrapper .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .kw #wrapper .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .kw #wrapper .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .kw #wrapper .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .kw #wrapper .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .kw #wrapper .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .kw #wrapper .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .kw #wrapper .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .kw #wrapper .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .kw #wrapper .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .kw #wrapper .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kw #wrapper .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kw #wrapper .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kw #wrapper .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kw #wrapper .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kw #wrapper .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kw #wrapper .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kw #wrapper .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kw #wrapper .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kw #wrapper .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kw #wrapper .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kw #wrapper .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kw #wrapper .offset-lg-0 {
        margin-right: 0
    }

    .kw #wrapper .offset-lg-1 {
        margin-right: 8.3333333333%
    }

    .kw #wrapper .offset-lg-2 {
        margin-right: 16.6666666667%
    }

    .kw #wrapper .offset-lg-3 {
        margin-right: 25%
    }

    .kw #wrapper .offset-lg-4 {
        margin-right: 33.3333333333%
    }

    .kw #wrapper .offset-lg-5 {
        margin-right: 41.6666666667%
    }

    .kw #wrapper .offset-lg-6 {
        margin-right: 50%
    }

    .kw #wrapper .offset-lg-7 {
        margin-right: 58.3333333333%
    }

    .kw #wrapper .offset-lg-8 {
        margin-right: 66.6666666667%
    }

    .kw #wrapper .offset-lg-9 {
        margin-right: 75%
    }

    .kw #wrapper .offset-lg-10 {
        margin-right: 83.3333333333%
    }

    .kw #wrapper .offset-lg-11 {
        margin-right: 91.6666666667%
    }
}

@media(min-width: 1600px) {
    .kw #wrapper .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .kw #wrapper .row-cols-xl-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .kw #wrapper .row-cols-xl-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .kw #wrapper .row-cols-xl-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .kw #wrapper .row-cols-xl-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .kw #wrapper .row-cols-xl-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .kw #wrapper .row-cols-xl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .kw #wrapper .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .kw #wrapper .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .kw #wrapper .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .kw #wrapper .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .kw #wrapper .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .kw #wrapper .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .kw #wrapper .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .kw #wrapper .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .kw #wrapper .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .kw #wrapper .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .kw #wrapper .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .kw #wrapper .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .kw #wrapper .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .kw #wrapper .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .kw #wrapper .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .kw #wrapper .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .kw #wrapper .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kw #wrapper .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kw #wrapper .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kw #wrapper .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kw #wrapper .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kw #wrapper .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kw #wrapper .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kw #wrapper .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kw #wrapper .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kw #wrapper .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kw #wrapper .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kw #wrapper .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kw #wrapper .offset-xl-0 {
        margin-right: 0
    }

    .kw #wrapper .offset-xl-1 {
        margin-right: 8.3333333333%
    }

    .kw #wrapper .offset-xl-2 {
        margin-right: 16.6666666667%
    }

    .kw #wrapper .offset-xl-3 {
        margin-right: 25%
    }

    .kw #wrapper .offset-xl-4 {
        margin-right: 33.3333333333%
    }

    .kw #wrapper .offset-xl-5 {
        margin-right: 41.6666666667%
    }

    .kw #wrapper .offset-xl-6 {
        margin-right: 50%
    }

    .kw #wrapper .offset-xl-7 {
        margin-right: 58.3333333333%
    }

    .kw #wrapper .offset-xl-8 {
        margin-right: 66.6666666667%
    }

    .kw #wrapper .offset-xl-9 {
        margin-right: 75%
    }

    .kw #wrapper .offset-xl-10 {
        margin-right: 83.3333333333%
    }

    .kw #wrapper .offset-xl-11 {
        margin-right: 91.6666666667%
    }
}

.kw #wrapper .row:not(.no-gutters) {
    margin-left: -3px;
    margin-right: -3px
}

.kw #wrapper .row:not(.no-gutters)>.col,.kw #wrapper .row:not(.no-gutters)>[class*=col-] {
    padding-left: 3px;
    padding-right: 3px
}

@media(min-width: 768px) {
    .kw #wrapper .row:not(.no-gutters) {
        margin-left:-4px;
        margin-right: -4px
    }

    .kw #wrapper .row:not(.no-gutters)>.col,.kw #wrapper .row:not(.no-gutters)>[class*=col-] {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media(min-width: 1200px) {
    .kw #wrapper .row:not(.no-gutters) {
        margin-left:-4px;
        margin-right: -4px
    }

    .kw #wrapper .row:not(.no-gutters)>.col,.kw #wrapper .row:not(.no-gutters)>[class*=col-] {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media(min-width: 1440px) {
    .kw #wrapper .row:not(.no-gutters) {
        margin-left:-6px;
        margin-right: -6px
    }

    .kw #wrapper .row:not(.no-gutters)>.col,.kw #wrapper .row:not(.no-gutters)>[class*=col-] {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media(min-width: 1600px) {
    .kw #wrapper .row:not(.no-gutters) {
        margin-left:-8px;
        margin-right: -8px
    }

    .kw #wrapper .row:not(.no-gutters)>.col,.kw #wrapper .row:not(.no-gutters)>[class*=col-] {
        padding-left: 8px;
        padding-right: 8px
    }
}

.kw #wrapper.container-fluid,.kw #wrapper.container-lg,.kw #wrapper.container-md,.kw #wrapper.container-sm,.kw #wrapper.container-xl,.kw #wrapper.container-xs {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%
}

.kw #wrapper .container-fluid-custom {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 100%
}

@media(min-width: 768px) {
    .kw #wrapper.container-fluid,.kw #wrapper.container-lg,.kw #wrapper.container-md,.kw #wrapper.container-sm,.kw #wrapper.container-xl,.kw #wrapper.container-xs {
        padding-left:0;
        padding-right: 0;
        max-width: 100%
    }

    .kw #wrapper .container-fluid-custom {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 100%
    }
}

@media(min-width: 1200px) {
    .kw #wrapper.container-fluid,.kw #wrapper.container-lg,.kw #wrapper.container-md,.kw #wrapper.container-sm,.kw #wrapper.container-xl,.kw #wrapper.container-xs {
        padding-left:0;
        padding-right: 0;
        max-width: 100%
    }

    .kw #wrapper .container-fluid-custom {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 100%
    }
}

@media(min-width: 1440px) {
    .kw #wrapper.container-fluid,.kw #wrapper.container-lg,.kw #wrapper.container-md,.kw #wrapper.container-sm,.kw #wrapper.container-xl,.kw #wrapper.container-xs {
        padding-left:0;
        padding-right: 0;
        max-width: 100%
    }

    .kw #wrapper .container-fluid-custom {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 100%
    }
}

@media(min-width: 1600px) {
    .kw #wrapper.container-fluid,.kw #wrapper.container-lg,.kw #wrapper.container-md,.kw #wrapper.container-sm,.kw #wrapper.container-xl,.kw #wrapper.container-xs {
        padding-left:0;
        padding-right: 0;
        max-width: 100%
    }

    .kw #wrapper .container-fluid-custom {
        padding-left: 70px;
        padding-right: 70px;
        max-width: 100%
    }
}

.kw #wrapper .d-none {
    display: none !important
}

.kw #wrapper .d-inline {
    display: inline !important
}

.kw #wrapper .d-inline-block {
    display: inline-block !important
}

.kw #wrapper .d-table {
    display: table !important
}

.kw #wrapper .d-table-row {
    display: table-row !important
}

.kw #wrapper .d-table-cell {
    display: table-cell !important
}

.kw #wrapper .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.kw #wrapper .d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width: 768px) {
    .kw #wrapper .d-sm-none {
        display:none !important
    }

    .kw #wrapper .d-sm-inline {
        display: inline !important
    }

    .kw #wrapper .d-sm-inline-block {
        display: inline-block !important
    }

    .kw #wrapper .d-sm-block {
        display: block !important
    }

    .kw #wrapper .d-sm-table {
        display: table !important
    }

    .kw #wrapper .d-sm-table-row {
        display: table-row !important
    }

    .kw #wrapper .d-sm-table-cell {
        display: table-cell !important
    }

    .kw #wrapper .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .kw #wrapper .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1200px) {
    .kw #wrapper .d-md-none {
        display:none !important
    }

    .kw #wrapper .d-md-inline {
        display: inline !important
    }

    .kw #wrapper .d-md-inline-block {
        display: inline-block !important
    }

    .kw #wrapper .d-md-block {
        display: block !important
    }

    .kw #wrapper .d-md-table {
        display: table !important
    }

    .kw #wrapper .d-md-table-row {
        display: table-row !important
    }

    .kw #wrapper .d-md-table-cell {
        display: table-cell !important
    }

    .kw #wrapper .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .kw #wrapper .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1440px) {
    .kw #wrapper .d-lg-none {
        display:none !important
    }

    .kw #wrapper .d-lg-inline {
        display: inline !important
    }

    .kw #wrapper .d-lg-inline-block {
        display: inline-block !important
    }

    .kw #wrapper .d-lg-block {
        display: block !important
    }

    .kw #wrapper .d-lg-table {
        display: table !important
    }

    .kw #wrapper .d-lg-table-row {
        display: table-row !important
    }

    .kw #wrapper .d-lg-table-cell {
        display: table-cell !important
    }

    .kw #wrapper .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .kw #wrapper .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1600px) {
    .kw #wrapper .d-xl-none {
        display:none !important
    }

    .kw #wrapper .d-xl-inline {
        display: inline !important
    }

    .kw #wrapper .d-xl-inline-block {
        display: inline-block !important
    }

    .kw #wrapper .d-xl-block {
        display: block !important
    }

    .kw #wrapper .d-xl-table {
        display: table !important
    }

    .kw #wrapper .d-xl-table-row {
        display: table-row !important
    }

    .kw #wrapper .d-xl-table-cell {
        display: table-cell !important
    }

    .kw #wrapper .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .kw #wrapper .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .kw #wrapper .d-print-none {
        display: none !important
    }

    .kw #wrapper .d-print-inline {
        display: inline !important
    }

    .kw #wrapper .d-print-inline-block {
        display: inline-block !important
    }

    .kw #wrapper .d-print-block {
        display: block !important
    }

    .kw #wrapper .d-print-table {
        display: table !important
    }

    .kw #wrapper .d-print-table-row {
        display: table-row !important
    }

    .kw #wrapper .d-print-table-cell {
        display: table-cell !important
    }

    .kw #wrapper .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .kw #wrapper .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.kw #wrapper .flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.kw #wrapper .flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.kw #wrapper .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.kw #wrapper .flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.kw #wrapper .flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.kw #wrapper .flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.kw #wrapper .flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.kw #wrapper .flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.kw #wrapper .flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.kw #wrapper .flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.kw #wrapper .flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.kw #wrapper .flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.kw #wrapper .justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.kw #wrapper .justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.kw #wrapper .justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.kw #wrapper .justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.kw #wrapper .justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.kw #wrapper .align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.kw #wrapper .align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.kw #wrapper .align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.kw #wrapper .align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.kw #wrapper .align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.kw #wrapper .align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.kw #wrapper .align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.kw #wrapper .align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.kw #wrapper .align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.kw #wrapper .align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.kw #wrapper .align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.kw #wrapper .align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.kw #wrapper .align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.kw #wrapper .align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.kw #wrapper .align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.kw #wrapper .align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.kw #wrapper .align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media(min-width: 768px) {
    .kw #wrapper .flex-sm-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .kw #wrapper .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .kw #wrapper .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .kw #wrapper .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .kw #wrapper .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .kw #wrapper .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .kw #wrapper .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .kw #wrapper .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .kw #wrapper .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .kw #wrapper .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .kw #wrapper .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .kw #wrapper .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .kw #wrapper .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .kw #wrapper .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .kw #wrapper .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .kw #wrapper .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .kw #wrapper .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .kw #wrapper .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .kw #wrapper .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .kw #wrapper .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .kw #wrapper .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .kw #wrapper .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .kw #wrapper .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .kw #wrapper .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .kw #wrapper .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .kw #wrapper .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .kw #wrapper .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .kw #wrapper .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .kw #wrapper .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .kw #wrapper .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .kw #wrapper .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .kw #wrapper .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .kw #wrapper .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .kw #wrapper .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 1200px) {
    .kw #wrapper .flex-md-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .kw #wrapper .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .kw #wrapper .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .kw #wrapper .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .kw #wrapper .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .kw #wrapper .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .kw #wrapper .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .kw #wrapper .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .kw #wrapper .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .kw #wrapper .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .kw #wrapper .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .kw #wrapper .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .kw #wrapper .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .kw #wrapper .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .kw #wrapper .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .kw #wrapper .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .kw #wrapper .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .kw #wrapper .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .kw #wrapper .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .kw #wrapper .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .kw #wrapper .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .kw #wrapper .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .kw #wrapper .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .kw #wrapper .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .kw #wrapper .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .kw #wrapper .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .kw #wrapper .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .kw #wrapper .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .kw #wrapper .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .kw #wrapper .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .kw #wrapper .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .kw #wrapper .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .kw #wrapper .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .kw #wrapper .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 1440px) {
    .kw #wrapper .flex-lg-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .kw #wrapper .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .kw #wrapper .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .kw #wrapper .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .kw #wrapper .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .kw #wrapper .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .kw #wrapper .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .kw #wrapper .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .kw #wrapper .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .kw #wrapper .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .kw #wrapper .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .kw #wrapper .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .kw #wrapper .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .kw #wrapper .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .kw #wrapper .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .kw #wrapper .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .kw #wrapper .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .kw #wrapper .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .kw #wrapper .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .kw #wrapper .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .kw #wrapper .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .kw #wrapper .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .kw #wrapper .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .kw #wrapper .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .kw #wrapper .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .kw #wrapper .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .kw #wrapper .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .kw #wrapper .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .kw #wrapper .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .kw #wrapper .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .kw #wrapper .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .kw #wrapper .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .kw #wrapper .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .kw #wrapper .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 1600px) {
    .kw #wrapper .flex-xl-row {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .kw #wrapper .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .kw #wrapper .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .kw #wrapper .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .kw #wrapper .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .kw #wrapper .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .kw #wrapper .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .kw #wrapper .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .kw #wrapper .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .kw #wrapper .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .kw #wrapper .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .kw #wrapper .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .kw #wrapper .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .kw #wrapper .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .kw #wrapper .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .kw #wrapper .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .kw #wrapper .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .kw #wrapper .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .kw #wrapper .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .kw #wrapper .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .kw #wrapper .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .kw #wrapper .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .kw #wrapper .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .kw #wrapper .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .kw #wrapper .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .kw #wrapper .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .kw #wrapper .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .kw #wrapper .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .kw #wrapper .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .kw #wrapper .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .kw #wrapper .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .kw #wrapper .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .kw #wrapper .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .kw #wrapper .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.kw #wrapper .m-0 {
    margin: 0 !important
}

.kw #wrapper .mt-0,.kw #wrapper .my-0 {
    margin-top: 0 !important
}

.kw #wrapper .mr-0,.kw #wrapper .mx-0 {
    margin-left: 0 !important
}

.kw #wrapper .mb-0,.kw #wrapper .my-0 {
    margin-bottom: 0 !important
}

.kw #wrapper .ml-0,.kw #wrapper .mx-0 {
    margin-right: 0 !important
}

.kw #wrapper .m-1 {
    margin: .25rem !important
}

.kw #wrapper .mt-1,.kw #wrapper .my-1 {
    margin-top: .25rem !important
}

.kw #wrapper .mr-1,.kw #wrapper .mx-1 {
    margin-left: .25rem !important
}

.kw #wrapper .mb-1,.kw #wrapper .my-1 {
    margin-bottom: .25rem !important
}

.kw #wrapper .ml-1,.kw #wrapper .mx-1 {
    margin-right: .25rem !important
}

.kw #wrapper .m-2 {
    margin: .5rem !important
}

.kw #wrapper .mt-2,.kw #wrapper .my-2 {
    margin-top: .5rem !important
}

.kw #wrapper .mr-2,.kw #wrapper .mx-2 {
    margin-left: .5rem !important
}

.kw #wrapper .mb-2,.kw #wrapper .my-2 {
    margin-bottom: .5rem !important
}

.kw #wrapper .ml-2,.kw #wrapper .mx-2 {
    margin-right: .5rem !important
}

.kw #wrapper .m-3 {
    margin: 1rem !important
}

.kw #wrapper .mt-3,.kw #wrapper .my-3 {
    margin-top: 1rem !important
}

.kw #wrapper .mr-3,.kw #wrapper .mx-3 {
    margin-left: 1rem !important
}

.kw #wrapper .mb-3,.kw #wrapper .my-3 {
    margin-bottom: 1rem !important
}

.kw #wrapper .ml-3,.kw #wrapper .mx-3 {
    margin-right: 1rem !important
}

.kw #wrapper .m-4 {
    margin: 1.5rem !important
}

.kw #wrapper .mt-4,.kw #wrapper .my-4 {
    margin-top: 1.5rem !important
}

.kw #wrapper .mr-4,.kw #wrapper .mx-4 {
    margin-left: 1.5rem !important
}

.kw #wrapper .mb-4,.kw #wrapper .my-4 {
    margin-bottom: 1.5rem !important
}

.kw #wrapper .ml-4,.kw #wrapper .mx-4 {
    margin-right: 1.5rem !important
}

.kw #wrapper .m-5 {
    margin: 3rem !important
}

.kw #wrapper .mt-5,.kw #wrapper .my-5 {
    margin-top: 3rem !important
}

.kw #wrapper .mr-5,.kw #wrapper .mx-5 {
    margin-left: 3rem !important
}

.kw #wrapper .mb-5,.kw #wrapper .my-5 {
    margin-bottom: 3rem !important
}

.kw #wrapper .ml-5,.kw #wrapper .mx-5 {
    margin-right: 3rem !important
}

.kw #wrapper .p-0 {
    padding: 0 !important
}

.kw #wrapper .pt-0,.kw #wrapper .py-0 {
    padding-top: 0 !important
}

.kw #wrapper .pr-0,.kw #wrapper .px-0 {
    padding-left: 0 !important
}

.kw #wrapper .pb-0,.kw #wrapper .py-0 {
    padding-bottom: 0 !important
}

.kw #wrapper .pl-0,.kw #wrapper .px-0 {
    padding-right: 0 !important
}

.kw #wrapper .p-1 {
    padding: .25rem !important
}

.kw #wrapper .pt-1,.kw #wrapper .py-1 {
    padding-top: .25rem !important
}

.kw #wrapper .pr-1,.kw #wrapper .px-1 {
    padding-left: .25rem !important
}

.kw #wrapper .pb-1,.kw #wrapper .py-1 {
    padding-bottom: .25rem !important
}

.kw #wrapper .pl-1,.kw #wrapper .px-1 {
    padding-right: .25rem !important
}

.kw #wrapper .p-2 {
    padding: .5rem !important
}

.kw #wrapper .pt-2,.kw #wrapper .py-2 {
    padding-top: .5rem !important
}

.kw #wrapper .pr-2,.kw #wrapper .px-2 {
    padding-left: .5rem !important
}

.kw #wrapper .pb-2,.kw #wrapper .py-2 {
    padding-bottom: .5rem !important
}

.kw #wrapper .pl-2,.kw #wrapper .px-2 {
    padding-right: .5rem !important
}

.kw #wrapper .p-3 {
    padding: 1rem !important
}

.kw #wrapper .pt-3,.kw #wrapper .py-3 {
    padding-top: 1rem !important
}

.kw #wrapper .pr-3,.kw #wrapper .px-3 {
    padding-left: 1rem !important
}

.kw #wrapper .pb-3,.kw #wrapper .py-3 {
    padding-bottom: 1rem !important
}

.kw #wrapper .pl-3,.kw #wrapper .px-3 {
    padding-right: 1rem !important
}

.kw #wrapper .p-4 {
    padding: 1.5rem !important
}

.kw #wrapper .pt-4,.kw #wrapper .py-4 {
    padding-top: 1.5rem !important
}

.kw #wrapper .pr-4,.kw #wrapper .px-4 {
    padding-left: 1.5rem !important
}

.kw #wrapper .pb-4,.kw #wrapper .py-4 {
    padding-bottom: 1.5rem !important
}

.kw #wrapper .pl-4,.kw #wrapper .px-4 {
    padding-right: 1.5rem !important
}

.kw #wrapper .p-5 {
    padding: 3rem !important
}

.kw #wrapper .pt-5,.kw #wrapper .py-5 {
    padding-top: 3rem !important
}

.kw #wrapper .pr-5,.kw #wrapper .px-5 {
    padding-left: 3rem !important
}

.kw #wrapper .pb-5,.kw #wrapper .py-5 {
    padding-bottom: 3rem !important
}

.kw #wrapper .pl-5,.kw #wrapper .px-5 {
    padding-right: 3rem !important
}

.kw #wrapper .m-n1 {
    margin: -.25rem !important
}

.kw #wrapper .mt-n1,.kw #wrapper .my-n1 {
    margin-top: -.25rem !important
}

.kw #wrapper .mr-n1,.kw #wrapper .mx-n1 {
    margin-left: -.25rem !important
}

.kw #wrapper .mb-n1,.kw #wrapper .my-n1 {
    margin-bottom: -.25rem !important
}

.kw #wrapper .ml-n1,.kw #wrapper .mx-n1 {
    margin-right: -.25rem !important
}

.kw #wrapper .m-n2 {
    margin: -.5rem !important
}

.kw #wrapper .mt-n2,.kw #wrapper .my-n2 {
    margin-top: -.5rem !important
}

.kw #wrapper .mr-n2,.kw #wrapper .mx-n2 {
    margin-left: -.5rem !important
}

.kw #wrapper .mb-n2,.kw #wrapper .my-n2 {
    margin-bottom: -.5rem !important
}

.kw #wrapper .ml-n2,.kw #wrapper .mx-n2 {
    margin-right: -.5rem !important
}

.kw #wrapper .m-n3 {
    margin: -1rem !important
}

.kw #wrapper .mt-n3,.kw #wrapper .my-n3 {
    margin-top: -1rem !important
}

.kw #wrapper .mr-n3,.kw #wrapper .mx-n3 {
    margin-left: -1rem !important
}

.kw #wrapper .mb-n3,.kw #wrapper .my-n3 {
    margin-bottom: -1rem !important
}

.kw #wrapper .ml-n3,.kw #wrapper .mx-n3 {
    margin-right: -1rem !important
}

.kw #wrapper .m-n4 {
    margin: -1.5rem !important
}

.kw #wrapper .mt-n4,.kw #wrapper .my-n4 {
    margin-top: -1.5rem !important
}

.kw #wrapper .mr-n4,.kw #wrapper .mx-n4 {
    margin-left: -1.5rem !important
}

.kw #wrapper .mb-n4,.kw #wrapper .my-n4 {
    margin-bottom: -1.5rem !important
}

.kw #wrapper .ml-n4,.kw #wrapper .mx-n4 {
    margin-right: -1.5rem !important
}

.kw #wrapper .m-n5 {
    margin: -3rem !important
}

.kw #wrapper .mt-n5,.kw #wrapper .my-n5 {
    margin-top: -3rem !important
}

.kw #wrapper .mr-n5,.kw #wrapper .mx-n5 {
    margin-left: -3rem !important
}

.kw #wrapper .mb-n5,.kw #wrapper .my-n5 {
    margin-bottom: -3rem !important
}

.kw #wrapper .ml-n5,.kw #wrapper .mx-n5 {
    margin-right: -3rem !important
}

.kw #wrapper .m-auto {
    margin: auto !important
}

.kw #wrapper .mt-auto,.kw #wrapper .my-auto {
    margin-top: auto !important
}

.kw #wrapper .mr-auto,.kw #wrapper .mx-auto {
    margin-left: auto !important
}

.kw #wrapper .mb-auto,.kw #wrapper .my-auto {
    margin-bottom: auto !important
}

.kw #wrapper .ml-auto,.kw #wrapper .mx-auto {
    margin-right: auto !important
}

@media(min-width: 768px) {
    .kw #wrapper .m-sm-0 {
        margin:0 !important
    }

    .kw #wrapper .mt-sm-0,.kw #wrapper .my-sm-0 {
        margin-top: 0 !important
    }

    .kw #wrapper .mr-sm-0,.kw #wrapper .mx-sm-0 {
        margin-left: 0 !important
    }

    .kw #wrapper .mb-sm-0,.kw #wrapper .my-sm-0 {
        margin-bottom: 0 !important
    }

    .kw #wrapper .ml-sm-0,.kw #wrapper .mx-sm-0 {
        margin-right: 0 !important
    }

    .kw #wrapper .m-sm-1 {
        margin: .25rem !important
    }

    .kw #wrapper .mt-sm-1,.kw #wrapper .my-sm-1 {
        margin-top: .25rem !important
    }

    .kw #wrapper .mr-sm-1,.kw #wrapper .mx-sm-1 {
        margin-left: .25rem !important
    }

    .kw #wrapper .mb-sm-1,.kw #wrapper .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .kw #wrapper .ml-sm-1,.kw #wrapper .mx-sm-1 {
        margin-right: .25rem !important
    }

    .kw #wrapper .m-sm-2 {
        margin: .5rem !important
    }

    .kw #wrapper .mt-sm-2,.kw #wrapper .my-sm-2 {
        margin-top: .5rem !important
    }

    .kw #wrapper .mr-sm-2,.kw #wrapper .mx-sm-2 {
        margin-left: .5rem !important
    }

    .kw #wrapper .mb-sm-2,.kw #wrapper .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .kw #wrapper .ml-sm-2,.kw #wrapper .mx-sm-2 {
        margin-right: .5rem !important
    }

    .kw #wrapper .m-sm-3 {
        margin: 1rem !important
    }

    .kw #wrapper .mt-sm-3,.kw #wrapper .my-sm-3 {
        margin-top: 1rem !important
    }

    .kw #wrapper .mr-sm-3,.kw #wrapper .mx-sm-3 {
        margin-left: 1rem !important
    }

    .kw #wrapper .mb-sm-3,.kw #wrapper .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .kw #wrapper .ml-sm-3,.kw #wrapper .mx-sm-3 {
        margin-right: 1rem !important
    }

    .kw #wrapper .m-sm-4 {
        margin: 1.5rem !important
    }

    .kw #wrapper .mt-sm-4,.kw #wrapper .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .kw #wrapper .mr-sm-4,.kw #wrapper .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .kw #wrapper .mb-sm-4,.kw #wrapper .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .kw #wrapper .ml-sm-4,.kw #wrapper .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .kw #wrapper .m-sm-5 {
        margin: 3rem !important
    }

    .kw #wrapper .mt-sm-5,.kw #wrapper .my-sm-5 {
        margin-top: 3rem !important
    }

    .kw #wrapper .mr-sm-5,.kw #wrapper .mx-sm-5 {
        margin-left: 3rem !important
    }

    .kw #wrapper .mb-sm-5,.kw #wrapper .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .kw #wrapper .ml-sm-5,.kw #wrapper .mx-sm-5 {
        margin-right: 3rem !important
    }

    .kw #wrapper .p-sm-0 {
        padding: 0 !important
    }

    .kw #wrapper .pt-sm-0,.kw #wrapper .py-sm-0 {
        padding-top: 0 !important
    }

    .kw #wrapper .pr-sm-0,.kw #wrapper .px-sm-0 {
        padding-left: 0 !important
    }

    .kw #wrapper .pb-sm-0,.kw #wrapper .py-sm-0 {
        padding-bottom: 0 !important
    }

    .kw #wrapper .pl-sm-0,.kw #wrapper .px-sm-0 {
        padding-right: 0 !important
    }

    .kw #wrapper .p-sm-1 {
        padding: .25rem !important
    }

    .kw #wrapper .pt-sm-1,.kw #wrapper .py-sm-1 {
        padding-top: .25rem !important
    }

    .kw #wrapper .pr-sm-1,.kw #wrapper .px-sm-1 {
        padding-left: .25rem !important
    }

    .kw #wrapper .pb-sm-1,.kw #wrapper .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .kw #wrapper .pl-sm-1,.kw #wrapper .px-sm-1 {
        padding-right: .25rem !important
    }

    .kw #wrapper .p-sm-2 {
        padding: .5rem !important
    }

    .kw #wrapper .pt-sm-2,.kw #wrapper .py-sm-2 {
        padding-top: .5rem !important
    }

    .kw #wrapper .pr-sm-2,.kw #wrapper .px-sm-2 {
        padding-left: .5rem !important
    }

    .kw #wrapper .pb-sm-2,.kw #wrapper .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .kw #wrapper .pl-sm-2,.kw #wrapper .px-sm-2 {
        padding-right: .5rem !important
    }

    .kw #wrapper .p-sm-3 {
        padding: 1rem !important
    }

    .kw #wrapper .pt-sm-3,.kw #wrapper .py-sm-3 {
        padding-top: 1rem !important
    }

    .kw #wrapper .pr-sm-3,.kw #wrapper .px-sm-3 {
        padding-left: 1rem !important
    }

    .kw #wrapper .pb-sm-3,.kw #wrapper .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .kw #wrapper .pl-sm-3,.kw #wrapper .px-sm-3 {
        padding-right: 1rem !important
    }

    .kw #wrapper .p-sm-4 {
        padding: 1.5rem !important
    }

    .kw #wrapper .pt-sm-4,.kw #wrapper .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .kw #wrapper .pr-sm-4,.kw #wrapper .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .kw #wrapper .pb-sm-4,.kw #wrapper .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .kw #wrapper .pl-sm-4,.kw #wrapper .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .kw #wrapper .p-sm-5 {
        padding: 3rem !important
    }

    .kw #wrapper .pt-sm-5,.kw #wrapper .py-sm-5 {
        padding-top: 3rem !important
    }

    .kw #wrapper .pr-sm-5,.kw #wrapper .px-sm-5 {
        padding-left: 3rem !important
    }

    .kw #wrapper .pb-sm-5,.kw #wrapper .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .kw #wrapper .pl-sm-5,.kw #wrapper .px-sm-5 {
        padding-right: 3rem !important
    }

    .kw #wrapper .m-sm-n1 {
        margin: -.25rem !important
    }

    .kw #wrapper .mt-sm-n1,.kw #wrapper .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .kw #wrapper .mr-sm-n1,.kw #wrapper .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .kw #wrapper .mb-sm-n1,.kw #wrapper .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .kw #wrapper .ml-sm-n1,.kw #wrapper .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .kw #wrapper .m-sm-n2 {
        margin: -.5rem !important
    }

    .kw #wrapper .mt-sm-n2,.kw #wrapper .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .kw #wrapper .mr-sm-n2,.kw #wrapper .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .kw #wrapper .mb-sm-n2,.kw #wrapper .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .kw #wrapper .ml-sm-n2,.kw #wrapper .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .kw #wrapper .m-sm-n3 {
        margin: -1rem !important
    }

    .kw #wrapper .mt-sm-n3,.kw #wrapper .my-sm-n3 {
        margin-top: -1rem !important
    }

    .kw #wrapper .mr-sm-n3,.kw #wrapper .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .kw #wrapper .mb-sm-n3,.kw #wrapper .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .kw #wrapper .ml-sm-n3,.kw #wrapper .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .kw #wrapper .m-sm-n4 {
        margin: -1.5rem !important
    }

    .kw #wrapper .mt-sm-n4,.kw #wrapper .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .kw #wrapper .mr-sm-n4,.kw #wrapper .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .kw #wrapper .mb-sm-n4,.kw #wrapper .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .kw #wrapper .ml-sm-n4,.kw #wrapper .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .kw #wrapper .m-sm-n5 {
        margin: -3rem !important
    }

    .kw #wrapper .mt-sm-n5,.kw #wrapper .my-sm-n5 {
        margin-top: -3rem !important
    }

    .kw #wrapper .mr-sm-n5,.kw #wrapper .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .kw #wrapper .mb-sm-n5,.kw #wrapper .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .kw #wrapper .ml-sm-n5,.kw #wrapper .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .kw #wrapper .m-sm-auto {
        margin: auto !important
    }

    .kw #wrapper .mt-sm-auto,.kw #wrapper .my-sm-auto {
        margin-top: auto !important
    }

    .kw #wrapper .mr-sm-auto,.kw #wrapper .mx-sm-auto {
        margin-left: auto !important
    }

    .kw #wrapper .mb-sm-auto,.kw #wrapper .my-sm-auto {
        margin-bottom: auto !important
    }

    .kw #wrapper .ml-sm-auto,.kw #wrapper .mx-sm-auto {
        margin-right: auto !important
    }
}

@media(min-width: 1200px) {
    .kw #wrapper .m-md-0 {
        margin:0 !important
    }

    .kw #wrapper .mt-md-0,.kw #wrapper .my-md-0 {
        margin-top: 0 !important
    }

    .kw #wrapper .mr-md-0,.kw #wrapper .mx-md-0 {
        margin-left: 0 !important
    }

    .kw #wrapper .mb-md-0,.kw #wrapper .my-md-0 {
        margin-bottom: 0 !important
    }

    .kw #wrapper .ml-md-0,.kw #wrapper .mx-md-0 {
        margin-right: 0 !important
    }

    .kw #wrapper .m-md-1 {
        margin: .25rem !important
    }

    .kw #wrapper .mt-md-1,.kw #wrapper .my-md-1 {
        margin-top: .25rem !important
    }

    .kw #wrapper .mr-md-1,.kw #wrapper .mx-md-1 {
        margin-left: .25rem !important
    }

    .kw #wrapper .mb-md-1,.kw #wrapper .my-md-1 {
        margin-bottom: .25rem !important
    }

    .kw #wrapper .ml-md-1,.kw #wrapper .mx-md-1 {
        margin-right: .25rem !important
    }

    .kw #wrapper .m-md-2 {
        margin: .5rem !important
    }

    .kw #wrapper .mt-md-2,.kw #wrapper .my-md-2 {
        margin-top: .5rem !important
    }

    .kw #wrapper .mr-md-2,.kw #wrapper .mx-md-2 {
        margin-left: .5rem !important
    }

    .kw #wrapper .mb-md-2,.kw #wrapper .my-md-2 {
        margin-bottom: .5rem !important
    }

    .kw #wrapper .ml-md-2,.kw #wrapper .mx-md-2 {
        margin-right: .5rem !important
    }

    .kw #wrapper .m-md-3 {
        margin: 1rem !important
    }

    .kw #wrapper .mt-md-3,.kw #wrapper .my-md-3 {
        margin-top: 1rem !important
    }

    .kw #wrapper .mr-md-3,.kw #wrapper .mx-md-3 {
        margin-left: 1rem !important
    }

    .kw #wrapper .mb-md-3,.kw #wrapper .my-md-3 {
        margin-bottom: 1rem !important
    }

    .kw #wrapper .ml-md-3,.kw #wrapper .mx-md-3 {
        margin-right: 1rem !important
    }

    .kw #wrapper .m-md-4 {
        margin: 1.5rem !important
    }

    .kw #wrapper .mt-md-4,.kw #wrapper .my-md-4 {
        margin-top: 1.5rem !important
    }

    .kw #wrapper .mr-md-4,.kw #wrapper .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .kw #wrapper .mb-md-4,.kw #wrapper .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .kw #wrapper .ml-md-4,.kw #wrapper .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .kw #wrapper .m-md-5 {
        margin: 3rem !important
    }

    .kw #wrapper .mt-md-5,.kw #wrapper .my-md-5 {
        margin-top: 3rem !important
    }

    .kw #wrapper .mr-md-5,.kw #wrapper .mx-md-5 {
        margin-left: 3rem !important
    }

    .kw #wrapper .mb-md-5,.kw #wrapper .my-md-5 {
        margin-bottom: 3rem !important
    }

    .kw #wrapper .ml-md-5,.kw #wrapper .mx-md-5 {
        margin-right: 3rem !important
    }

    .kw #wrapper .p-md-0 {
        padding: 0 !important
    }

    .kw #wrapper .pt-md-0,.kw #wrapper .py-md-0 {
        padding-top: 0 !important
    }

    .kw #wrapper .pr-md-0,.kw #wrapper .px-md-0 {
        padding-left: 0 !important
    }

    .kw #wrapper .pb-md-0,.kw #wrapper .py-md-0 {
        padding-bottom: 0 !important
    }

    .kw #wrapper .pl-md-0,.kw #wrapper .px-md-0 {
        padding-right: 0 !important
    }

    .kw #wrapper .p-md-1 {
        padding: .25rem !important
    }

    .kw #wrapper .pt-md-1,.kw #wrapper .py-md-1 {
        padding-top: .25rem !important
    }

    .kw #wrapper .pr-md-1,.kw #wrapper .px-md-1 {
        padding-left: .25rem !important
    }

    .kw #wrapper .pb-md-1,.kw #wrapper .py-md-1 {
        padding-bottom: .25rem !important
    }

    .kw #wrapper .pl-md-1,.kw #wrapper .px-md-1 {
        padding-right: .25rem !important
    }

    .kw #wrapper .p-md-2 {
        padding: .5rem !important
    }

    .kw #wrapper .pt-md-2,.kw #wrapper .py-md-2 {
        padding-top: .5rem !important
    }

    .kw #wrapper .pr-md-2,.kw #wrapper .px-md-2 {
        padding-left: .5rem !important
    }

    .kw #wrapper .pb-md-2,.kw #wrapper .py-md-2 {
        padding-bottom: .5rem !important
    }

    .kw #wrapper .pl-md-2,.kw #wrapper .px-md-2 {
        padding-right: .5rem !important
    }

    .kw #wrapper .p-md-3 {
        padding: 1rem !important
    }

    .kw #wrapper .pt-md-3,.kw #wrapper .py-md-3 {
        padding-top: 1rem !important
    }

    .kw #wrapper .pr-md-3,.kw #wrapper .px-md-3 {
        padding-left: 1rem !important
    }

    .kw #wrapper .pb-md-3,.kw #wrapper .py-md-3 {
        padding-bottom: 1rem !important
    }

    .kw #wrapper .pl-md-3,.kw #wrapper .px-md-3 {
        padding-right: 1rem !important
    }

    .kw #wrapper .p-md-4 {
        padding: 1.5rem !important
    }

    .kw #wrapper .pt-md-4,.kw #wrapper .py-md-4 {
        padding-top: 1.5rem !important
    }

    .kw #wrapper .pr-md-4,.kw #wrapper .px-md-4 {
        padding-left: 1.5rem !important
    }

    .kw #wrapper .pb-md-4,.kw #wrapper .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .kw #wrapper .pl-md-4,.kw #wrapper .px-md-4 {
        padding-right: 1.5rem !important
    }

    .kw #wrapper .p-md-5 {
        padding: 3rem !important
    }

    .kw #wrapper .pt-md-5,.kw #wrapper .py-md-5 {
        padding-top: 3rem !important
    }

    .kw #wrapper .pr-md-5,.kw #wrapper .px-md-5 {
        padding-left: 3rem !important
    }

    .kw #wrapper .pb-md-5,.kw #wrapper .py-md-5 {
        padding-bottom: 3rem !important
    }

    .kw #wrapper .pl-md-5,.kw #wrapper .px-md-5 {
        padding-right: 3rem !important
    }

    .kw #wrapper .m-md-n1 {
        margin: -.25rem !important
    }

    .kw #wrapper .mt-md-n1,.kw #wrapper .my-md-n1 {
        margin-top: -.25rem !important
    }

    .kw #wrapper .mr-md-n1,.kw #wrapper .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .kw #wrapper .mb-md-n1,.kw #wrapper .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .kw #wrapper .ml-md-n1,.kw #wrapper .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .kw #wrapper .m-md-n2 {
        margin: -.5rem !important
    }

    .kw #wrapper .mt-md-n2,.kw #wrapper .my-md-n2 {
        margin-top: -.5rem !important
    }

    .kw #wrapper .mr-md-n2,.kw #wrapper .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .kw #wrapper .mb-md-n2,.kw #wrapper .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .kw #wrapper .ml-md-n2,.kw #wrapper .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .kw #wrapper .m-md-n3 {
        margin: -1rem !important
    }

    .kw #wrapper .mt-md-n3,.kw #wrapper .my-md-n3 {
        margin-top: -1rem !important
    }

    .kw #wrapper .mr-md-n3,.kw #wrapper .mx-md-n3 {
        margin-left: -1rem !important
    }

    .kw #wrapper .mb-md-n3,.kw #wrapper .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .kw #wrapper .ml-md-n3,.kw #wrapper .mx-md-n3 {
        margin-right: -1rem !important
    }

    .kw #wrapper .m-md-n4 {
        margin: -1.5rem !important
    }

    .kw #wrapper .mt-md-n4,.kw #wrapper .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .kw #wrapper .mr-md-n4,.kw #wrapper .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .kw #wrapper .mb-md-n4,.kw #wrapper .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .kw #wrapper .ml-md-n4,.kw #wrapper .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .kw #wrapper .m-md-n5 {
        margin: -3rem !important
    }

    .kw #wrapper .mt-md-n5,.kw #wrapper .my-md-n5 {
        margin-top: -3rem !important
    }

    .kw #wrapper .mr-md-n5,.kw #wrapper .mx-md-n5 {
        margin-left: -3rem !important
    }

    .kw #wrapper .mb-md-n5,.kw #wrapper .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .kw #wrapper .ml-md-n5,.kw #wrapper .mx-md-n5 {
        margin-right: -3rem !important
    }

    .kw #wrapper .m-md-auto {
        margin: auto !important
    }

    .kw #wrapper .mt-md-auto,.kw #wrapper .my-md-auto {
        margin-top: auto !important
    }

    .kw #wrapper .mr-md-auto,.kw #wrapper .mx-md-auto {
        margin-left: auto !important
    }

    .kw #wrapper .mb-md-auto,.kw #wrapper .my-md-auto {
        margin-bottom: auto !important
    }

    .kw #wrapper .ml-md-auto,.kw #wrapper .mx-md-auto {
        margin-right: auto !important
    }
}

@media(min-width: 1440px) {
    .kw #wrapper .m-lg-0 {
        margin:0 !important
    }

    .kw #wrapper .mt-lg-0,.kw #wrapper .my-lg-0 {
        margin-top: 0 !important
    }

    .kw #wrapper .mr-lg-0,.kw #wrapper .mx-lg-0 {
        margin-left: 0 !important
    }

    .kw #wrapper .mb-lg-0,.kw #wrapper .my-lg-0 {
        margin-bottom: 0 !important
    }

    .kw #wrapper .ml-lg-0,.kw #wrapper .mx-lg-0 {
        margin-right: 0 !important
    }

    .kw #wrapper .m-lg-1 {
        margin: .25rem !important
    }

    .kw #wrapper .mt-lg-1,.kw #wrapper .my-lg-1 {
        margin-top: .25rem !important
    }

    .kw #wrapper .mr-lg-1,.kw #wrapper .mx-lg-1 {
        margin-left: .25rem !important
    }

    .kw #wrapper .mb-lg-1,.kw #wrapper .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .kw #wrapper .ml-lg-1,.kw #wrapper .mx-lg-1 {
        margin-right: .25rem !important
    }

    .kw #wrapper .m-lg-2 {
        margin: .5rem !important
    }

    .kw #wrapper .mt-lg-2,.kw #wrapper .my-lg-2 {
        margin-top: .5rem !important
    }

    .kw #wrapper .mr-lg-2,.kw #wrapper .mx-lg-2 {
        margin-left: .5rem !important
    }

    .kw #wrapper .mb-lg-2,.kw #wrapper .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .kw #wrapper .ml-lg-2,.kw #wrapper .mx-lg-2 {
        margin-right: .5rem !important
    }

    .kw #wrapper .m-lg-3 {
        margin: 1rem !important
    }

    .kw #wrapper .mt-lg-3,.kw #wrapper .my-lg-3 {
        margin-top: 1rem !important
    }

    .kw #wrapper .mr-lg-3,.kw #wrapper .mx-lg-3 {
        margin-left: 1rem !important
    }

    .kw #wrapper .mb-lg-3,.kw #wrapper .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .kw #wrapper .ml-lg-3,.kw #wrapper .mx-lg-3 {
        margin-right: 1rem !important
    }

    .kw #wrapper .m-lg-4 {
        margin: 1.5rem !important
    }

    .kw #wrapper .mt-lg-4,.kw #wrapper .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .kw #wrapper .mr-lg-4,.kw #wrapper .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .kw #wrapper .mb-lg-4,.kw #wrapper .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .kw #wrapper .ml-lg-4,.kw #wrapper .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .kw #wrapper .m-lg-5 {
        margin: 3rem !important
    }

    .kw #wrapper .mt-lg-5,.kw #wrapper .my-lg-5 {
        margin-top: 3rem !important
    }

    .kw #wrapper .mr-lg-5,.kw #wrapper .mx-lg-5 {
        margin-left: 3rem !important
    }

    .kw #wrapper .mb-lg-5,.kw #wrapper .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .kw #wrapper .ml-lg-5,.kw #wrapper .mx-lg-5 {
        margin-right: 3rem !important
    }

    .kw #wrapper .p-lg-0 {
        padding: 0 !important
    }

    .kw #wrapper .pt-lg-0,.kw #wrapper .py-lg-0 {
        padding-top: 0 !important
    }

    .kw #wrapper .pr-lg-0,.kw #wrapper .px-lg-0 {
        padding-left: 0 !important
    }

    .kw #wrapper .pb-lg-0,.kw #wrapper .py-lg-0 {
        padding-bottom: 0 !important
    }

    .kw #wrapper .pl-lg-0,.kw #wrapper .px-lg-0 {
        padding-right: 0 !important
    }

    .kw #wrapper .p-lg-1 {
        padding: .25rem !important
    }

    .kw #wrapper .pt-lg-1,.kw #wrapper .py-lg-1 {
        padding-top: .25rem !important
    }

    .kw #wrapper .pr-lg-1,.kw #wrapper .px-lg-1 {
        padding-left: .25rem !important
    }

    .kw #wrapper .pb-lg-1,.kw #wrapper .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .kw #wrapper .pl-lg-1,.kw #wrapper .px-lg-1 {
        padding-right: .25rem !important
    }

    .kw #wrapper .p-lg-2 {
        padding: .5rem !important
    }

    .kw #wrapper .pt-lg-2,.kw #wrapper .py-lg-2 {
        padding-top: .5rem !important
    }

    .kw #wrapper .pr-lg-2,.kw #wrapper .px-lg-2 {
        padding-left: .5rem !important
    }

    .kw #wrapper .pb-lg-2,.kw #wrapper .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .kw #wrapper .pl-lg-2,.kw #wrapper .px-lg-2 {
        padding-right: .5rem !important
    }

    .kw #wrapper .p-lg-3 {
        padding: 1rem !important
    }

    .kw #wrapper .pt-lg-3,.kw #wrapper .py-lg-3 {
        padding-top: 1rem !important
    }

    .kw #wrapper .pr-lg-3,.kw #wrapper .px-lg-3 {
        padding-left: 1rem !important
    }

    .kw #wrapper .pb-lg-3,.kw #wrapper .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .kw #wrapper .pl-lg-3,.kw #wrapper .px-lg-3 {
        padding-right: 1rem !important
    }

    .kw #wrapper .p-lg-4 {
        padding: 1.5rem !important
    }

    .kw #wrapper .pt-lg-4,.kw #wrapper .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .kw #wrapper .pr-lg-4,.kw #wrapper .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .kw #wrapper .pb-lg-4,.kw #wrapper .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .kw #wrapper .pl-lg-4,.kw #wrapper .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .kw #wrapper .p-lg-5 {
        padding: 3rem !important
    }

    .kw #wrapper .pt-lg-5,.kw #wrapper .py-lg-5 {
        padding-top: 3rem !important
    }

    .kw #wrapper .pr-lg-5,.kw #wrapper .px-lg-5 {
        padding-left: 3rem !important
    }

    .kw #wrapper .pb-lg-5,.kw #wrapper .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .kw #wrapper .pl-lg-5,.kw #wrapper .px-lg-5 {
        padding-right: 3rem !important
    }

    .kw #wrapper .m-lg-n1 {
        margin: -.25rem !important
    }

    .kw #wrapper .mt-lg-n1,.kw #wrapper .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .kw #wrapper .mr-lg-n1,.kw #wrapper .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .kw #wrapper .mb-lg-n1,.kw #wrapper .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .kw #wrapper .ml-lg-n1,.kw #wrapper .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .kw #wrapper .m-lg-n2 {
        margin: -.5rem !important
    }

    .kw #wrapper .mt-lg-n2,.kw #wrapper .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .kw #wrapper .mr-lg-n2,.kw #wrapper .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .kw #wrapper .mb-lg-n2,.kw #wrapper .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .kw #wrapper .ml-lg-n2,.kw #wrapper .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .kw #wrapper .m-lg-n3 {
        margin: -1rem !important
    }

    .kw #wrapper .mt-lg-n3,.kw #wrapper .my-lg-n3 {
        margin-top: -1rem !important
    }

    .kw #wrapper .mr-lg-n3,.kw #wrapper .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .kw #wrapper .mb-lg-n3,.kw #wrapper .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .kw #wrapper .ml-lg-n3,.kw #wrapper .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .kw #wrapper .m-lg-n4 {
        margin: -1.5rem !important
    }

    .kw #wrapper .mt-lg-n4,.kw #wrapper .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .kw #wrapper .mr-lg-n4,.kw #wrapper .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .kw #wrapper .mb-lg-n4,.kw #wrapper .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .kw #wrapper .ml-lg-n4,.kw #wrapper .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .kw #wrapper .m-lg-n5 {
        margin: -3rem !important
    }

    .kw #wrapper .mt-lg-n5,.kw #wrapper .my-lg-n5 {
        margin-top: -3rem !important
    }

    .kw #wrapper .mr-lg-n5,.kw #wrapper .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .kw #wrapper .mb-lg-n5,.kw #wrapper .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .kw #wrapper .ml-lg-n5,.kw #wrapper .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .kw #wrapper .m-lg-auto {
        margin: auto !important
    }

    .kw #wrapper .mt-lg-auto,.kw #wrapper .my-lg-auto {
        margin-top: auto !important
    }

    .kw #wrapper .mr-lg-auto,.kw #wrapper .mx-lg-auto {
        margin-left: auto !important
    }

    .kw #wrapper .mb-lg-auto,.kw #wrapper .my-lg-auto {
        margin-bottom: auto !important
    }

    .kw #wrapper .ml-lg-auto,.kw #wrapper .mx-lg-auto {
        margin-right: auto !important
    }
}

@media(min-width: 1600px) {
    .kw #wrapper .m-xl-0 {
        margin:0 !important
    }

    .kw #wrapper .mt-xl-0,.kw #wrapper .my-xl-0 {
        margin-top: 0 !important
    }

    .kw #wrapper .mr-xl-0,.kw #wrapper .mx-xl-0 {
        margin-left: 0 !important
    }

    .kw #wrapper .mb-xl-0,.kw #wrapper .my-xl-0 {
        margin-bottom: 0 !important
    }

    .kw #wrapper .ml-xl-0,.kw #wrapper .mx-xl-0 {
        margin-right: 0 !important
    }

    .kw #wrapper .m-xl-1 {
        margin: .25rem !important
    }

    .kw #wrapper .mt-xl-1,.kw #wrapper .my-xl-1 {
        margin-top: .25rem !important
    }

    .kw #wrapper .mr-xl-1,.kw #wrapper .mx-xl-1 {
        margin-left: .25rem !important
    }

    .kw #wrapper .mb-xl-1,.kw #wrapper .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .kw #wrapper .ml-xl-1,.kw #wrapper .mx-xl-1 {
        margin-right: .25rem !important
    }

    .kw #wrapper .m-xl-2 {
        margin: .5rem !important
    }

    .kw #wrapper .mt-xl-2,.kw #wrapper .my-xl-2 {
        margin-top: .5rem !important
    }

    .kw #wrapper .mr-xl-2,.kw #wrapper .mx-xl-2 {
        margin-left: .5rem !important
    }

    .kw #wrapper .mb-xl-2,.kw #wrapper .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .kw #wrapper .ml-xl-2,.kw #wrapper .mx-xl-2 {
        margin-right: .5rem !important
    }

    .kw #wrapper .m-xl-3 {
        margin: 1rem !important
    }

    .kw #wrapper .mt-xl-3,.kw #wrapper .my-xl-3 {
        margin-top: 1rem !important
    }

    .kw #wrapper .mr-xl-3,.kw #wrapper .mx-xl-3 {
        margin-left: 1rem !important
    }

    .kw #wrapper .mb-xl-3,.kw #wrapper .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .kw #wrapper .ml-xl-3,.kw #wrapper .mx-xl-3 {
        margin-right: 1rem !important
    }

    .kw #wrapper .m-xl-4 {
        margin: 1.5rem !important
    }

    .kw #wrapper .mt-xl-4,.kw #wrapper .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .kw #wrapper .mr-xl-4,.kw #wrapper .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .kw #wrapper .mb-xl-4,.kw #wrapper .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .kw #wrapper .ml-xl-4,.kw #wrapper .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .kw #wrapper .m-xl-5 {
        margin: 3rem !important
    }

    .kw #wrapper .mt-xl-5,.kw #wrapper .my-xl-5 {
        margin-top: 3rem !important
    }

    .kw #wrapper .mr-xl-5,.kw #wrapper .mx-xl-5 {
        margin-left: 3rem !important
    }

    .kw #wrapper .mb-xl-5,.kw #wrapper .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .kw #wrapper .ml-xl-5,.kw #wrapper .mx-xl-5 {
        margin-right: 3rem !important
    }

    .kw #wrapper .p-xl-0 {
        padding: 0 !important
    }

    .kw #wrapper .pt-xl-0,.kw #wrapper .py-xl-0 {
        padding-top: 0 !important
    }

    .kw #wrapper .pr-xl-0,.kw #wrapper .px-xl-0 {
        padding-left: 0 !important
    }

    .kw #wrapper .pb-xl-0,.kw #wrapper .py-xl-0 {
        padding-bottom: 0 !important
    }

    .kw #wrapper .pl-xl-0,.kw #wrapper .px-xl-0 {
        padding-right: 0 !important
    }

    .kw #wrapper .p-xl-1 {
        padding: .25rem !important
    }

    .kw #wrapper .pt-xl-1,.kw #wrapper .py-xl-1 {
        padding-top: .25rem !important
    }

    .kw #wrapper .pr-xl-1,.kw #wrapper .px-xl-1 {
        padding-left: .25rem !important
    }

    .kw #wrapper .pb-xl-1,.kw #wrapper .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .kw #wrapper .pl-xl-1,.kw #wrapper .px-xl-1 {
        padding-right: .25rem !important
    }

    .kw #wrapper .p-xl-2 {
        padding: .5rem !important
    }

    .kw #wrapper .pt-xl-2,.kw #wrapper .py-xl-2 {
        padding-top: .5rem !important
    }

    .kw #wrapper .pr-xl-2,.kw #wrapper .px-xl-2 {
        padding-left: .5rem !important
    }

    .kw #wrapper .pb-xl-2,.kw #wrapper .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .kw #wrapper .pl-xl-2,.kw #wrapper .px-xl-2 {
        padding-right: .5rem !important
    }

    .kw #wrapper .p-xl-3 {
        padding: 1rem !important
    }

    .kw #wrapper .pt-xl-3,.kw #wrapper .py-xl-3 {
        padding-top: 1rem !important
    }

    .kw #wrapper .pr-xl-3,.kw #wrapper .px-xl-3 {
        padding-left: 1rem !important
    }

    .kw #wrapper .pb-xl-3,.kw #wrapper .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .kw #wrapper .pl-xl-3,.kw #wrapper .px-xl-3 {
        padding-right: 1rem !important
    }

    .kw #wrapper .p-xl-4 {
        padding: 1.5rem !important
    }

    .kw #wrapper .pt-xl-4,.kw #wrapper .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .kw #wrapper .pr-xl-4,.kw #wrapper .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .kw #wrapper .pb-xl-4,.kw #wrapper .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .kw #wrapper .pl-xl-4,.kw #wrapper .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .kw #wrapper .p-xl-5 {
        padding: 3rem !important
    }

    .kw #wrapper .pt-xl-5,.kw #wrapper .py-xl-5 {
        padding-top: 3rem !important
    }

    .kw #wrapper .pr-xl-5,.kw #wrapper .px-xl-5 {
        padding-left: 3rem !important
    }

    .kw #wrapper .pb-xl-5,.kw #wrapper .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .kw #wrapper .pl-xl-5,.kw #wrapper .px-xl-5 {
        padding-right: 3rem !important
    }

    .kw #wrapper .m-xl-n1 {
        margin: -.25rem !important
    }

    .kw #wrapper .mt-xl-n1,.kw #wrapper .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .kw #wrapper .mr-xl-n1,.kw #wrapper .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .kw #wrapper .mb-xl-n1,.kw #wrapper .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .kw #wrapper .ml-xl-n1,.kw #wrapper .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .kw #wrapper .m-xl-n2 {
        margin: -.5rem !important
    }

    .kw #wrapper .mt-xl-n2,.kw #wrapper .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .kw #wrapper .mr-xl-n2,.kw #wrapper .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .kw #wrapper .mb-xl-n2,.kw #wrapper .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .kw #wrapper .ml-xl-n2,.kw #wrapper .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .kw #wrapper .m-xl-n3 {
        margin: -1rem !important
    }

    .kw #wrapper .mt-xl-n3,.kw #wrapper .my-xl-n3 {
        margin-top: -1rem !important
    }

    .kw #wrapper .mr-xl-n3,.kw #wrapper .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .kw #wrapper .mb-xl-n3,.kw #wrapper .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .kw #wrapper .ml-xl-n3,.kw #wrapper .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .kw #wrapper .m-xl-n4 {
        margin: -1.5rem !important
    }

    .kw #wrapper .mt-xl-n4,.kw #wrapper .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .kw #wrapper .mr-xl-n4,.kw #wrapper .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .kw #wrapper .mb-xl-n4,.kw #wrapper .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .kw #wrapper .ml-xl-n4,.kw #wrapper .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .kw #wrapper .m-xl-n5 {
        margin: -3rem !important
    }

    .kw #wrapper .mt-xl-n5,.kw #wrapper .my-xl-n5 {
        margin-top: -3rem !important
    }

    .kw #wrapper .mr-xl-n5,.kw #wrapper .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .kw #wrapper .mb-xl-n5,.kw #wrapper .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .kw #wrapper .ml-xl-n5,.kw #wrapper .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .kw #wrapper .m-xl-auto {
        margin: auto !important
    }

    .kw #wrapper .mt-xl-auto,.kw #wrapper .my-xl-auto {
        margin-top: auto !important
    }

    .kw #wrapper .mr-xl-auto,.kw #wrapper .mx-xl-auto {
        margin-left: auto !important
    }

    .kw #wrapper .mb-xl-auto,.kw #wrapper .my-xl-auto {
        margin-bottom: auto !important
    }

    .kw #wrapper .ml-xl-auto,.kw #wrapper .mx-xl-auto {
        margin-right: auto !important
    }
}

.kw #wrapper .header .main-header ul.right-nav li+li.sep-none::before {
    display: none !important
}

.country-dropdown .select2-selection {
    border: 1px solid #fff !important
}

.kw #wrapper .site-logo img {
    height: 42px
}

.kw #wrapper .header ul li {
    display: inline
}

.kw #wrapper .header ul li a {
    display: inline-block;
    padding: 8px 26px 9px;
    color: #fff
}

.kw #wrapper .header ul li a.active,.kw #wrapper .header ul li a:hover {
    background: #d12b8a
}

.kw #wrapper .header .sub-header .form-group {
    width: auto;
    margin-bottom: 0
}

.kw #wrapper .header .sub-header ul.right-menu li a {
    padding: 11px 26px 12px
}

.kw #wrapper .header .sub-header ul.left-menu li {
    float: right
}

.kw #wrapper .header .sub-header .dropdown-transparent {
    max-width: initial;
    background: 0;
    border: 0
}

.kw #wrapper .header .sub-header .dropdown-transparent+.select2-container .select2-selection--single {
    border: 0;
    background: 0;
    outline: 0;
    min-height: auto
}

.kw #wrapper .header .sub-header .dropdown-transparent+.select2-container .select2-selection--single .select2-selection__rendered {
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 600;
    padding: 1px;
    padding-left: 28px
}

.kw #wrapper .header .sub-header .dropdown-transparent+.select2-container .select2-selection--single .select2-selection__arrow::before {
    font-size: 10px
}

.kw #wrapper .header .sub-header .dropdown-transparent+.select2-container .select2-selection--single .select2-selection__arrow b[role=presentation] {
    display: none
}

.kw #wrapper .header .sub-header .dropdown-transparent.light+.select2-container .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
    font-weight: 400
}

.kw #wrapper .header .sub-header .dropdown-transparent.light+.select2-container .select2-selection--single .select2-selection__arrow::before {
    color: #fff
}

.kw #wrapper .header .main-header {
    z-index: 3
}

.kw #wrapper .header .main-header .site-logo {
    padding: 9px 0
}

.kw #wrapper .header .main-header .site-logo img {
    position: relative
}

.kw #wrapper .header .main-header .mobile-controls {
    display: none
}

.kw #wrapper .header .main-header .main-menu {
    position: static
}

.kw #wrapper .header .main-header ul.main-navigation {
    border-bottom: 1px solid #fff
}

.kw #wrapper .header .main-header ul.main-navigation>li {
    float: right
}

.kw #wrapper .header .main-header ul.main-navigation li a {
    position: relative;
    color: #fff;
    padding: 26px 30px
}

.kw #wrapper .header .main-header ul.main-navigation li a.active,.kw #wrapper .header .main-header ul.main-navigation li a:hover {
    background: 0
}

.kw #wrapper .header .main-header ul.main-navigation li a.active::before,.kw #wrapper .header .main-header ul.main-navigation li a:hover::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -2px;
    height: 3px;
    background: #d12b8a;
    right: 0;
    z-index: 2
}

.kw #wrapper .header .main-header ul.main-navigation li a i.icon-headphones-with-mic {
    vertical-align: text-bottom
}

.kw #wrapper .header .main-header ul.main-navigation li a i.icon-Group-1561 {
    vertical-align: text-bottom
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 1;
    text-align: right;
    padding-top: 45px;
    padding-bottom: 65px;
    -webkit-transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    -webkit-transform: scale(.75) translateX(0);
    transform: scale(.75) translateX(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none;
    -webkit-box-shadow: 0 -3px 16px 0 rgba(0,0,0,.4);
    box-shadow: 0 -3px 16px 0 rgba(0,0,0,.4)
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu ul {
    margin-right: 50px
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu ul .megamenu-title {
    position: relative
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu ul .megamenu-title img {
    position: absolute;
    right: -46px;
    height: 35px;
    max-width: 35px;
    width: 35px
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu ul .megamenu-link a {
    color: #727272;
    display: block;
    padding: 10px 0 4px 0;
    margin-bottom: 6px;
    border-bottom: 1px solid #c9c9c9
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu ul .megamenu-link a:hover {
    color: #000;
    border-bottom: 1px solid #c9c9c9
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu ul .megamenu-link a:hover::before {
    display: none
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container:hover .megamenu {
    -webkit-transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
    visibility: visible;
    overflow: auto;
    pointer-events: all
}

.kw #wrapper .header .main-header ul.right-nav {
    position: relative;
    text-align: left;
    padding: 6px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.kw #wrapper .header .main-header ul.right-nav li {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.kw #wrapper .header .main-header ul.right-nav li a {
    border-radius: 50%;
    padding: 18px;
    line-height: 0;
    margin: 0 16px
}

.kw #wrapper .header .main-header ul.right-nav li a i {
    font-size: 26px
}

.kw #wrapper .header .main-header ul.right-nav li a.active,.kw #wrapper .header .main-header ul.right-nav li a:hover {
    background: #fff
}

.kw #wrapper .header .main-header ul.right-nav li a.active,.kw #wrapper .header .main-header ul.right-nav li a.active i,.kw #wrapper .header .main-header ul.right-nav li a:hover,.kw #wrapper .header .main-header ul.right-nav li a:hover i {
    color: #d12b8a
}

.kw #wrapper .header .main-header ul.right-nav li+li::before {
    content: "";
    height: 15px;
    width: 1px;
    background: rgba(255,255,255,.3);
    right: 0;
    top: 0;
    display: inline-block
}

.kw #wrapper .header .main-header ul.right-nav li.grand-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px
}

.kw #wrapper .header .main-header ul.right-nav li.grand-total a {
    margin-right: 0
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn {
    border-right: 0;
    padding: unset
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn::before {
    display: none
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn a {
    border-radius: 6px;
    font-size: 14px;
    font-family: NunitoSans-Regular,sans-serif;
    line-height: 1.3;
    margin-left: 0
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn a i {
    font-size: 18px;
    vertical-align: sub
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn a:hover {
    background: #23b7c0
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn a:hover,.kw #wrapper .header .main-header ul.right-nav li.profile-btn a:hover i {
    color: #fff
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 35px !important
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .profile-image {
    max-width: 44px;
    max-height: 44px;
    border-radius: 50%;
    border: 1px solid #fff;
    -o-object-fit: cover;
    object-fit: cover
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .icon-right-arrow {
    position: absolute;
    left: 10px;
    top: 42%
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info {
    text-align: right;
    margin-right: 15px
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info p {
    margin-bottom: 0;
    font-weight: 100;
    font-family: NunitoSans-Regular,sans-serif
}

.kw #wrapper .header .main-header .section-nav {
    display: none
}

.kw #wrapper .header.shop_landing_header .main-header {
    position: absolute;
    width: 100%;
    background: 0
}

.kw #wrapper .header.shop_landing_header .sub-header {
    background: url("../images/subheader_bg.png") repeat;
    background-size: 100%
}

.kw #wrapper .header.main-header-bg .main-header {
    background-size: cover;
    position: relative
}

.kw #wrapper .header.main-header-bg .main-header ul.main-navigation {
    border-bottom: 0
}

.kw #wrapper .header.main-header-bg .main-header ul.main-navigation li a {
    padding: 30px 30px
}

.kw #wrapper .header.main-header-bg .sub-header {
    background: #fff
}

.kw #wrapper .header.main-header-bg .sub-header ul.left-menu li a {
    color: #d12b8a
}

.kw #wrapper .header.main-header-bg .sub-header ul.left-menu li a.active,.kw #wrapper .header.main-header-bg .sub-header ul.left-menu li a:hover {
    background: #d12b8a;
    color: #fff
}

.kw #wrapper .header.main-header-bg .sub-header ul.right-menu li a {
    color: #000;
    font-weight: 800
}

.kw #wrapper .header.main-header-bg .sub-header ul.right-menu li a.active,.kw #wrapper .header.main-header-bg .sub-header ul.right-menu li a:hover {
    background: 0;
    color: #d12b8a
}

.kw #wrapper .header .i-watch_img-container {
    position: relative;
    max-width: 60%;
    margin-right: auto;
    height: auto
}

.kw #wrapper .header .i-watch_img-container img {
    max-width: 100%
}

.kw #wrapper .header .i-watch_img-container .content {
    position: absolute;
    bottom: 35px;
    right: -120px
}

.kw #wrapper .header .i-watch_img-container .content .main-heading {
    display: inline;
    background: #70489d;
    color: #fff;
    line-height: 1.6
}

.kw #wrapper .header .i-watch_img-container .content .btn {
    display: block;
    margin-top: 20px;
    min-width: auto;
    min-height: auto;
    padding: 10px 30px
}

@media(min-width: 1440px) and (max-width:1919px) {
    .kw #wrapper .site-logo img {
        height:40px
    }

    .kw #wrapper .header ul li a {
        padding: 5px 14px 6px
    }

    .kw #wrapper .header .main-header ul.main-navigation li a {
        font-size: 18px;
        padding-right: 18px;
        padding-left: 18px
    }

    .kw #wrapper .header .main-header ul.main-navigation li a i {
        font-size: 20px;
        margin-left: 3px
    }

    .kw #wrapper .header .main-header ul.right-nav li a {
        padding: 15px;
        margin: 0 8px
    }

    .kw #wrapper .header .main-header ul.right-nav li a i {
        font-size: 20px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn a {
        padding: 12px 16px;
        font-size: 12px;
        line-height: 14px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn a i {
        font-size: 14px;
        margin-left: 6px
    }

    .kw #wrapper .header .sub-header ul.right-menu li a {
        padding: 8px 25px 9px
    }

    .kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu ul .megamenu-link a {
        font-size: 14px;
        padding: 6px 0 2px 0
    }

    .kw #wrapper .header.main-header-bg .main-header ul.main-navigation li a {
        padding: 23px 20px
    }

    .kw #wrapper .header .i-watch_img-container .content {
        position: absolute;
        bottom: 20px;
        right: -100px
    }

    .kw #wrapper .header .i-watch_img-container .content .btn {
        margin-top: 15px;
        padding: 10px 25px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .profile-image {
        max-width: 30px;
        max-height: 30px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info {
        text-align: right;
        margin-right: 4px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a {
        padding: 10px 25px 10px 10px !important
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info p.name {
        font-size: 14px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info p.content {
        font-size: 10px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .icon-right-arrow {
        left: 2px;
        font-size: 8px
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .kw #wrapper .header .main-header .main-header-row {
        min-height:72px;
        height: 72px
    }

    .kw #wrapper .header .sub-header ul.right-menu li a {
        padding: 8px 26px
    }

    .kw #wrapper .header .main-header ul.main-navigation li a i {
        font-size: 20px
    }

    .kw #wrapper .site-logo img {
        height: 36px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn a {
        font-size: 12px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn a i {
        font-size: 15px;
        vertical-align: text-top
    }

    .kw #wrapper .header ul li a {
        padding: 6px 26px 7px
    }

    .kw #wrapper .header.shop_landing_header .main-header {
        margin-top: 0
    }

    .kw #wrapper .header .main-header ul.main-navigation li a {
        padding: 14px;
        font-size: 14px
    }

    .kw #wrapper .header .main-header ul.right-nav li a {
        margin: 0 6px;
        padding: 12px 13px 10px
    }

    .kw #wrapper .header .main-header ul.right-nav li a i {
        font-size: 16px
    }

    .kw #wrapper .header.main-header-bg .main-header ul.main-navigation li a {
        padding: 23px 20px
    }

    .kw #wrapper .header .main-header ul.right-nav li a {
        padding: 12px
    }

    .kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu ul .megamenu-link a {
        font-size: 12px
    }

    .kw #wrapper .header .i-watch_img-container {
        max-width: 65%
    }

    .kw #wrapper .header .i-watch_img-container .content {
        position: absolute;
        bottom: 20px;
        right: -90px
    }

    .kw #wrapper .header .i-watch_img-container .content .btn {
        margin-top: 10px;
        min-width: auto;
        min-height: auto;
        padding: 8px 20px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .profile-image {
        max-width: 30px;
        max-height: 30px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info {
        text-align: right;
        margin-right: 4px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a {
        padding: 8px 25px 8px 8px !important
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info p.name {
        font-size: 14px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info p.content {
        font-size: 10px
    }

    .kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .icon-right-arrow {
        left: 8px;
        font-size: 8px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .kw #wrapper .header.main-header-bg .main-header,.kw #wrapper .header.shop_landing_header .main-header {
        margin-top:0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

    .kw #wrapper .header.main-header-bg .main-header .main-header-row,.kw #wrapper .header.shop_landing_header .main-header .main-header-row {
        min-height: 60px;
        height: 60px
    }

    .kw #wrapper .header.main-header-bg .main-header .main-navigation,.kw #wrapper .header.shop_landing_header .main-header .main-navigation {
        display: none !important
    }

    .kw #wrapper .site-logo img {
        height: 32px
    }

    .kw #wrapper .header .main-header ul.right-nav,.kw #wrapper .header .sub-header {
        display: none !important
    }

    .kw #wrapper .header .main-header .mobile-controls {
        display: block;
        margin-bottom: -5px
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li {
        position: relative
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        top: 0;
        background: rgba(255,255,255,.3)
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li:first-child::before,.kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li:last-child::before {
        display: none
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a {
        margin: 0 10px;
        padding: 10px;
        line-height: 0;
        vertical-align: middle;
        font-size: 20px;
        border-radius: 50%
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a.active,.kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a:hover {
        background: #fff;
        color: #d12b8a
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav .profile-btn {
        border-radius: 50%;
        height: 36px;
        min-height: 36px;
        width: 36px;
        padding: 0;
        border-width: 1px;
        margin: 0 15px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .product_plan .main-heading button {
        min-width:60px !important
    }

    .mobile-height .product-thumbnail {
        height: 360px !important
    }

    .kw #wrapper .header.main-header-bg .main-header,.kw #wrapper .header.shop_landing_header .main-header {
        margin-top: 0;
        background-image: url("../images/Footer.png");
        background-size: 100%;
        background-position: top;
        background-repeat: no-repeat;
        position: relative
    }

    .kw #wrapper .header.main-header-bg .main-header .main-header-row,.kw #wrapper .header.shop_landing_header .main-header .main-header-row {
        min-height: 60px;
        height: 60px
    }

    .kw #wrapper .header.main-header-bg .main-header .main-navigation,.kw #wrapper .header.shop_landing_header .main-header .main-navigation {
        display: none !important
    }

    .kw #wrapper .site-logo img {
        height: 30px
    }

    .kw #wrapper .header .main-header ul.right-nav,.kw #wrapper .header .sub-header {
        display: none !important
    }

    .kw #wrapper .header .main-header .mobile-controls {
        display: block;
        margin-bottom: -5px
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li {
        position: relative
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        top: 0;
        background: rgba(255,255,255,.3)
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li:first-child::before,.kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li:last-child::before {
        display: none
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a {
        margin: 0 6px 0 2px;
        padding: 10px;
        line-height: 0;
        vertical-align: middle;
        font-size: 18px;
        border-radius: 50%
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a.active,.kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a:hover {
        background: #fff;
        color: #d12b8a
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav .profile-btn {
        border-radius: 50%;
        height: 36px;
        min-height: 36px;
        width: 36px;
        padding: 0;
        border-width: 1px;
        margin: 0 10px;
        min-width: auto
    }

    .kw #wrapper .header .main-header .section-nav {
        display: block;
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 5px
    }

    .kw #wrapper .header .main-header .section-nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -3px
    }

    .kw #wrapper .header .main-header .section-nav ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 3px
    }

    .kw #wrapper .header .main-header .section-nav ul li a {
        background: rgba(0,0,0,.5);
        width: 100%;
        min-height: 58px;
        padding: 6px 0;
        border-radius: 5px
    }

    .kw #wrapper .header .main-header .section-nav ul li a i {
        font-size: 26px;
        margin-bottom: 6px
    }

    .kw #wrapper .header .main-header .section-nav ul li a h4 {
        font-size: 12px;
        font-family: NunitoSans-Regular,sans-serif;
        margin-bottom: 0
    }
}

@media(min-width: 280px) and (max-width:1199px) {
    .kw #wrapper .header .main-header .mobile-menu-toggle a {
        margin:0 !important;
        padding-left: 0 !important
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle a:hover {
        background: 0 0 !important;
        color: #fff !important
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu {
        -webkit-transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
        transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
        -webkit-transform: scale(.75) translateX(0);
        transform: scale(.75) translateX(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        background-image: url("../images/Footer.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 9
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu.show {
        -webkit-transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
        transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
        -webkit-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1;
        visibility: visible;
        overflow: visible;
        pointer-events: all
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .sub-menu>.form-group {
        margin-bottom: 0
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .sub-menu .select2-container {
        background: #d12b8a;
        height: 40px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .sub-menu .select2-container .select2-selection {
        background: 0;
        border: 0;
        border-radius: 0;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        min-width: auto;
        margin: auto;
        position: relative;
        height: 100%
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .sub-menu .select2-container .select2-selection .select2-selection__rendered {
        color: #fff;
        font-family: NunitoSans-Regular,sans-serif;
        text-align: center;
        padding: 7px 10px 7px 26px;
        top: 0;
        margin-left: 15px;
        font-size: 16px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .sub-menu .select2-container .select2-selection .select2-selection__arrow {
        top: 1px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .sub-menu .select2-container .select2-selection .select2-selection__arrow::before {
        color: #fff
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu {
        margin-bottom: 30px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li {
        display: block;
        text-align: right;
        border-bottom: 1px solid rgba(227,227,227,.4);
        padding: 22px 10px;
        position: static
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li::before {
        display: none
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li a {
        color: #fff !important;
        font-size: 20px;
        width: calc(100% - 20px);
        text-transform: uppercase
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li a.active,.kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li a:hover {
        font-weight: 600;
        color: #d12b8a !important;
        background: 0
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li a i {
        font-size: 24px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li span.float-right {
        position: relative;
        top: 12px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li span.float-right i {
        color: #fff
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 {
        position: absolute;
        min-height: 100vh;
        width: 100%;
        background: #fff;
        top: 0;
        left: 100%;
        overflow: auto;
        z-index: 9;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        pointer-events: none
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2.slide-left {
        left: 0;
        pointer-events: all;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-header {
        background: #d12b8a;
        padding: 15px 10px;
        position: relative
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-header .container-fluid-custom .back-link {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        font-size: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: none
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-header .container-fluid-custom .back-link:hover {
        color: #fff !important
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-header .container-fluid-custom .back-link i {
        font-size: 16px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-header .container-fluid-custom .heading {
        text-align: center;
        color: #fff;
        margin-bottom: 0;
        font-size: 16px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-header .container-fluid-custom .heading i {
        font-size: 22px;
        vertical-align: middle
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li {
        padding: 0
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li>a {
        padding: 0;
        width: 100%;
        padding: 20px 10px !important;
        text-transform: capitalize;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li>a img {
        max-height: 30px;
        width: 33px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li>a span {
        font-family: NunitoSans-SemiBold,sans-serif;
        color: #000;
        margin-right: 18px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 18px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li>a i {
        font-size: 12px;
        float: left;
        color: #000;
        line-height: 30px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li .expandable-links {
        height: 0;
        overflow: hidden
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li .expandable-links.expand {
        height: auto
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li .expandable-links li {
        padding: 0
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li .expandable-links li a {
        color: #727272 !important;
        font-size: 16px;
        padding: 10px 0;
        line-height: inherit;
        margin-right: 62px !important;
        text-transform: capitalize
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li .expandable-links li:last-child {
        border-bottom: 0
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-search {
        margin: 30px 15px 15px 15px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-search .search-autocomplete {
        position: relative;
        margin: auto;
        right: auto;
        top: auto;
        width: 100%;
        max-width: 100%;
        -webkit-transform: none;
        transform: none;
        max-width: 624px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .quick-pay-link {
        text-transform: uppercase
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .quick-pay-link a,.kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .quick-pay-link a i {
        font-size: 13px !important;
        margin-right: 20px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .language-selector {
        margin-top: 30px;
        margin-bottom: 34px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .language-selector .current-language {
        font-weight: 700
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .language-selector li {
        margin: 0 10px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .country-selector {
        text-align: center;
        margin-bottom: 20px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .country-selector .select2-container {
        max-width: 205px;
        margin: 0 auto
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .country-selector .select2-container .select2-selection {
        background: 0;
        border: 1px solid #d12b8a
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .country-selector .select2-container .select2-selection .select2-selection__rendered {
        color: #fff;
        font-family: NunitoSans-Regular,sans-serif;
        text-align: center;
        text-transform: uppercase
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .country-selector .select2-container .select2-selection .select2-selection__arrow::before {
        color: #fff
    }
}

.kw #wrapper .search-autocomplete {
    display: none;
    position: absolute;
    top: 12px;
    text-align: center;
    right: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(calc(-50% * -1));
    width: 100%;
    max-width: 42%;
    z-index: 2
}

.kw #wrapper .search-autocomplete.show {
    display: block
}

.kw #wrapper .search-autocomplete .twitter-typeahead {
    width: 100%
}

.kw #wrapper .search-autocomplete input {
    width: 100%;
    height: 75px;
    border: 0;
    border-radius: 5px;
    padding: 12px 70px 12px 160px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.161);
    box-shadow: 0 3px 6px rgba(0,0,0,.161);
    outline: 0;
    color: #000;
    font-family: NunitoSans-Black,sans-serif;
    font-weight: 600
}

.kw #wrapper .search-autocomplete input::-webkit-input-placeholder {
    color: #727272;
    font-family: NunitoSans-Regular,sans-serif;
    letter-spacing: .5px;
    font-weight: 400
}

.kw #wrapper .search-autocomplete input::-moz-placeholder {
    color: #727272;
    font-family: NunitoSans-Regular,sans-serif;
    letter-spacing: .5px;
    font-weight: 400
}

.kw #wrapper .search-autocomplete input:-ms-input-placeholder {
    color: #727272;
    font-family: NunitoSans-Regular,sans-serif;
    letter-spacing: .5px;
    font-weight: 400
}

.kw #wrapper .search-autocomplete input::-ms-input-placeholder {
    color: #727272;
    font-family: NunitoSans-Regular,sans-serif;
    letter-spacing: .5px;
    font-weight: 400
}

.kw #wrapper .search-autocomplete input::placeholder {
    color: #727272;
    font-family: NunitoSans-Regular,sans-serif;
    letter-spacing: .5px;
    font-weight: 400
}

.kw #wrapper .search-autocomplete input:-ms-input-placeholder {
    color: #727272;
    letter-spacing: .5px;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 400
}

.kw #wrapper .search-autocomplete input::-ms-input-placeholder {
    color: #727272;
    letter-spacing: .5px;
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 400
}

.kw #wrapper .search-autocomplete input::-ms-clear {
    display: none
}

.kw #wrapper .search-autocomplete .main-search-btn {
    position: absolute;
    width: 144px;
    min-width: auto;
    height: calc(100% - 18px);
    left: 10px;
    top: 10px;
    border-radius: 5px
}

.kw #wrapper .search-autocomplete .tt-menu {
    background: #fff;
    width: 100%;
    text-align: right;
    z-index: -1 !important;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    margin-top: -5px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.161);
    box-shadow: 0 3px 6px rgba(0,0,0,.161)
}

.kw #wrapper .search-autocomplete .tt-menu .tt-suggestion {
    letter-spacing: .4px;
    color: #727272;
    padding: 12px 60px;
    border-bottom: 1px dashed #c9c9c9
}

.kw #wrapper .search-autocomplete .tt-menu .tt-suggestion:last-child {
    border-bottom: 0
}

.kw #wrapper .search-autocomplete .tt-menu .tt-suggestion.tt-cursor,.kw #wrapper .search-autocomplete .tt-menu .tt-suggestion:hover {
    background: #d12b8a;
    color: #fff
}

@media(min-width: 1440px) and (max-width:1919px) {
    .kw #wrapper .search-autocomplete input {
        height:64px;
        padding: 12px 30px 12px 140px
    }

    .kw #wrapper .search-autocomplete .tt-menu .tt-suggestion {
        padding: 10px 20px
    }

    .kw #wrapper .search-autocomplete .main-search-btn {
        width: 120px
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .kw #wrapper .search-autocomplete {
        top:4px
    }

    .kw #wrapper .search-autocomplete input {
        height: 60px;
        padding: 12px 30px 12px 120px
    }

    .kw #wrapper .search-autocomplete .tt-menu .tt-suggestion {
        padding: 10px 20px
    }

    .kw #wrapper .search-autocomplete .main-search-btn {
        width: 100px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .kw #wrapper .search-autocomplete input {
        height:52px;
        padding: 10px 100px 10px 30px !important
    }

    .kw #wrapper .search-autocomplete .tt-menu .tt-suggestion {
        padding: 12px 20px
    }

    .kw #wrapper .search-autocomplete .main-search-btn {
        min-height: auto;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        height: 36px;
        width: auto;
        font-size: 20px;
        top: 0;
        left: 0;
        margin: 8px;
        padding: 2px 26px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .kw #wrapper .search-autocomplete input {
        height:52px;
        padding: 10px 20px
    }

    .kw #wrapper .search-autocomplete .main-search-btn {
        min-height: auto;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        height: 36px;
        width: auto;
        font-size: 20px;
        top: 0;
        left: 0;
        margin: 8px;
        padding: 2px 26px
    }

    .kw #wrapper .search-autocomplete .tt-menu .tt-suggestion {
        padding: 12px 10px
    }
}

@media(min-width: 2150px) {
    .kw #wrapper .search-autocomplete {
        max-width:35%
    }
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: none !important;
    transform: none !important;
    display: block !important;
    -webkit-transition: all .4s !important;
    transition: all .4s !important
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .8s !important;
    transition: all .8s !important
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu .new_navigation {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    transition: all .5s
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu.show .new_navigation {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s;
    transition: all .5s
}

.sub_header_container {
    max-width: 1920px !important;
    padding-right: 40px !important;
    padding-left: 40px !important
}

.kw #wrapper .header .sub-header .topbar_lang_menu .dropdown-transparent+.select2-container .select2-selection--single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kw #wrapper .header .sub-header .topbar_lang_menu .dropdown-transparent+.select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 0 !important
}

.kw #wrapper .header .sub-header .topbar_lang_menu .dropdown-transparent+.select2-container .select2-selection--single .select2-selection__arrow {
    margin-top: 0 !important;
    top: 0 !important
}

.kw #wrapper .sub-header .topbar_lang_menu .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
    color: #000 !important
}

.kw #wrapper .header.main_new_header .main-header .site-logo {
    padding: 0 0 10px 0 !important
}

.kw #wrapper footer.main_new_footer .footer-title,.kw #wrapper footer.main_new_footer .footer-title a {
    color: #2e2e2e !important
}

.kw #wrapper footer.main_new_footer .footer-links li a {
    color: #aeaeae !important
}

.kw #wrapper footer.main_new_footer .copyright_sect li {
    color: #2e2e2e !important
}

.kw #wrapper footer.main-footer.main_new_footer {
    background: #fff
}

.kw #wrapper footer .footer-links.ftr_menu_links {
    margin-bottom: 0 !important
}

.kw #wrapper footer .copyright_sect.copyright_sect_new {
    margin-top: 20px !important
}

.kw #wrapper .header.main-header-bg .sub-header ul.left-menu li a {
    color: #6f6f6f;
    font-size: 14px;
    font-family: NunitoSans-SemiBold !important
}

.kw #wrapper .header.main-header-bg .sub-header ul.right-menu li a {
    color: #6f6f6f;
    font-size: 14px;
    font-family: NunitoSans-SemiBold !important;
    text-transform: capitalize !important;
    padding-left: 25px !important;
    padding-right: 10px
}

.lang-flag a {
    padding-left: 10px !important
}

.kw #wrapper .sub-header .topbar_lang_menu .form-group .form-control+.select2-container .select2-selection--single .select2-selection__rendered {
    color: #6f6f6f !important;
    font-size: 14px;
    font-family: NunitoSans-SemiBold !important
}

.main-header li .icon-right-arrow::before {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important
}

.main-header li .icon-right-arrow {
    font-size: 10px !important;
    margin: 0 0 0 12px !important;
    line-height: 18px
}

.kw #wrapper .header.main-header-bg .main-header {
    background: -webkit-gradient(linear,left top,right top,from(#18101a),color-stop(50%,#431d4f),color-stop(60%,#2d1d60),to(#432066)) !important
}

.kw #wrapper .header .main-header .main-header-row {
    min-height: 72px;
    height: 72px
}

.kw #wrapper .header.main-header-bg .main-header ul.main-navigation li a {
    padding: 22px 26px;
    font-size: 16px;
    font-family: NunitoSans-SemiBold !important
}

.kw #wrapper .header.main-header-bg .main-header ul.main-navigation li a span {
    font-family: NunitoSans-Bold !important
}

.kw #wrapper .site-logo img {
    height: 36px
}

.kw #wrapper .profile-btn .btn-small {
    padding: 8px 24px !important;
    margin-right: 20px !important;
    border-width: 1px
}

.kw #wrapper .header .main-header ul.right-nav li+li::before {
    display: none !important
}

.kw #wrapper .header .main-header ul.right-nav li a i {
    font-size: 24px
}

.kw #wrapper .header .main-header ul.right-nav li a:hover i {
    color: #fff
}

.header .main-header ul.right-nav li a:hover {
    color: #fff !important
}

.kw #wrapper .header .main-header ul.right-nav li a:hover {
    background: 0
}

.kw #wrapper .header .main-header ul.right-nav li a.active {
    background-color: transparent
}

.kw #wrapper .header .main-header ul.right-nav li a.active i {
    color: #fff
}

.kw #wrapper .header .main-header ul.right-nav li a.active {
    color: #fff
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info p.name {
    font-size: 12px
}

#wrapper .header .main-header ul.right-nav li.profile-btn.logedin a .user-info p.contact {
    font-size: 10px !important
}

.cart-numbers {
    position: absolute;
    width: 22px;
    height: 22px;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 5px;
    top: 4px;
    border-radius: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #028666;
    border: 1px solid rgba(255,255,255,.2);
    font-family: NunitoSans-bold,sans-serif !important
}

.lang-flag img {
    margin-left: 6px;
    margin-top: -2px
}

.right-nav-new .profile-btn .icon-right-arrow {
    top: 50% !important;
    margin-top: -9px !important;
    left: 8px !important
}

.kw #wrapper .header ul li a {
    padding: 10px 8px
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn a {
    font-size: 16px;
    font-family: NunitoSans-SemiBold !important
}

.dropdown-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 10px 10px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f8f8
}

.dp-profile-img {
    margin-left: 15px
}

.dp-profile-img h2 {
    background-color: bisque;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px
}

.dp-profile-img h2 {
    color: #cf7f21;
    line-height: 24px;
    margin: 0;
    font-family: NunitoSans-Black !important
}

.dp-profile-text-margin {
    margin-left: 30px
}

.dp-profile-text h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-family: NunitoSans-SemiBold !important;
    color: #2e2e2e
}

.ctm-bar .progress {
    height: 5px !important;
    background-color: #ededed !important;
    margin: 7px 0 5px 0
}

.ctm-bar .progress .progress-bar {
    height: auto !important;
    background-color: #049fb4
}

.ctm-bar {
    padding: 0 10px 10px 20px;
    background: #f8f8f8
}

.ctm-bar span {
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
    font-family: NunitoSans-SemiBold !important
}

.ctm-bar p {
    font-size: 14px !important;
    line-height: 24px;
    color: #2e2e2e;
    margin: 0;
    font-family: NunitoSans-SemiBold !important
}

.dp-profile-text p {
    font-size: 14px !important;
    color: #6f6f6f;
    line-height: 24px;
    margin: 0;
    font-family: NunitoSans-SemiBold !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin a.new-window {
    padding: 0 !important;
    background: 0 0 !important;
    border: 0 !important;
    display: inherit !important;
    position: absolute !important;
    left: 20px !important;
    top: 24px !important
}

.ctm-choose-line-list {
    padding: 15px 20px 20px 20px;
    border: 1px solid rgba(0,0,0,.1);
    border-right: 0;
    border-left: 0
}

.ctm-choose-line-list h2 {
    font-size: 12px;
    margin: 0 0 10px 0
}

.ctm-choose-line-list .ctm-cll-ul {
    max-height: 85px;
    overflow-y: scroll;
    overflow-x: hidden
}

.cart-dropdown .dp-profile-img.cart-profile h2 {
    width: 20px;
    height: 20px;
    font-size: 12px
}

@media(min-width: 1440px) and (max-width:1920px) {
    .kw #wrapper .header .main-header ul.right-nav li a {
        padding:12px;
        margin: 0 6px
    }
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-choose-line-list .ctm-cll-ul li a {
    padding: 0 !important;
    border: 0;
    color: #6f6f6f;
    font-size: 12px;
    margin: 0;
    font-family: NunitoSans-SemiBold !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 24px
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-choose-line-list .ctm-cll-ul li a span {
    font-family: NunitoSans-SemiBold !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 122px
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-choose-line-list .ctm-cll-ul li {
    width: 100%;
    margin-bottom: 8px
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-choose-line-list .ctm-cll-ul li:last-child {
    margin-bottom: 0
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-choose-line-list .ctm-cll-ul li a:hover {
    color: #d12b8a !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-choose-line-list .ctm-cll-ul li a.active {
    color: #d12b8a !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-link-list .ctm-link-list-ul li {
    width: 100%
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-link-list .ctm-link-list-ul li a {
    padding: 12px 20px 12px 20px !important;
    border: 0;
    color: #2e2e2e;
    font-size: 14px;
    margin: 0;
    font-family: NunitoSans-SemiBold !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    border-bottom: 1px solid #eee;
    border-radius: 0 !important;
    line-height: 24px
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-link-list .ctm-link-list-ul li a:hover {
    color: #d12b8a !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-link-list .ctm-link-list-ul li a.ctm-logout {
    text-decoration: underline !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-link-list .ctm-link-list-ul li.ctm-login {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-link-list .ctm-link-list-ul li a.ctm-login {
    padding: 12px 5px 16px 20px !important;
    text-decoration: underline !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-link-list .ctm-link-list-ul li a.ctm-newacc {
    padding: 12px 5px 16px 5px !important;
    text-decoration: underline !important
}

.new_mobile_footer {
    display: none
}

.kw #wrapper .nav.nav-tabs.new_navigation .nav-item a:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important
}

.kw #wrapper .header .main-header ul.right-nav li.cart-dropdown .cart-summary-dropdown {
    left: -140px
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-link-list .ctm-link-list-ul li a.ctm-newacc {
    border: 0 !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-link-list .ctm-link-list-ul li a.ctm-login {
    border: 0 !important
}

.loggedin-profile .ctm-link-list .ctm-link-list-ul li.ctm-login {
    border-bottom: 1px solid #eee
}

.notlogin-text {
    padding: 20px 20px 0 20px
}

.notlogin-text p,.notlogin-text span {
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px !important;
    color: #6f6f6f
}

.country_popup {
    border-radius: 4px;
    padding: 0 !important
}

.country_popup .order-tracking-popup-header {
    padding: 0 20px 20px 20px !important
}

.title-head {
    padding: 26px 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 20px
}

.title-head h3 {
    font-size: 18px !important;
    line-height: 20px !important;
    font-family: NunitoSans-SemiBold !important;
    color: #2b2b2b !important;
    margin: 0 !important
}

.country_popup.order-tracking-popup .close-tracking {
    background: 0 0 !important;
    left: 20px;
    top: 20px
}

.kw #wrapper .country_popup.summary-form label {
    color: #6f6f6f !important
}

.kw #wrapper .country_popup .wrapper_control_frm i {
    color: #6f6f6f
}

.country_popup .order-tracking-popup-header .next-btn {
    width: 100%;
    font-family: NunitoSans-black !important
}

.kw #wrapper .country_popup .form-validation.user_pg .data-valid::after {
    visibility: hidden
}

.kw #wrapper .country_popup .form-validation.user_pg .form-group.data-valid .form-control.nationality-select {
    border: solid 1px #cfcfcf !important
}

@media only screen and (min-device-width: 768px) and (max-device-width:1199px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    body {
        height:100vh
    }

    .mobile-bottom-links {
        bottom: 7% !important
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .main-mobile-menu .container-fluid-custom .mb-height {
        height:70vh !important
    }

    .mobile-bottom-links {
        position: unset !important;
        padding-bottom: 60px
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .main-mobile-menu .container-fluid-custom .mb-height {
        height:70vh !important
    }

    .mobile-bottom-links {
        position: unset !important;
        padding-bottom: 60px
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .main-mobile-menu .container-fluid-custom .mb-height {
        height:70vh !important
    }

    .mobile-bottom-links {
        position: unset !important;
        padding-bottom: 60px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1199px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .kw #wrapper .new_mobile_menu .main-mobile-menu {
        height:calc(100vh - 60px) !important
    }

    .mobile-bottom-links {
        bottom: 7% !important
    }
}

@media(min-width: 1600px) and (max-width:1920px) {
    .kw #wrapper .links_list_new_nav {
        padding-left:20px !important
    }

    html.kw #wrapper .nav.nav-tabs.new_navigation .nav-item a {
        padding-right: 42px !important
    }

    .kw #wrapper .header.main-header-bg .main-header ul.main-navigation li a {
        padding: 22px 10px 22px 42px
    }
}

@media(min-width: 1200px) and (max-width:1700px) {
    .kw #wrapper .nav.nav-tabs.new_navigation .nav-item a {
        padding-left:0 !important
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu.show {
        overflow:scroll
    }

    .regular_broswer .new_mobile_menu .main-mobile-menu {
        height: calc(100vh - 60px)
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .order-tracking-popup.new-address-popup {
        max-width:500px !important
    }

    .kw #wrapper .ctm_search_bar .search-autocomplete .main-search-btn {
        top: 5px !important
    }

    .kw #wrapper .ctm_search_bar .container {
        max-width: 660px !important
    }

    .kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .card-body {
        padding: 0 24px 6px 24px
    }

    .cart-numbers {
        left: 10px !important
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-header .container-fluid-custom .heading {
        margin-right: -10px
    }

    .mobile-bottom-links {
        bottom: 0 !important
    }

    .kw #wrapper .new_mobile_menu .main-mobile-menu {
        width: 40% !important
    }

    .kw #wrapper .new_mobile_menu .mobile-menu-toggle .mobile-link {
        right: 0
    }

    .main-mobile-menu .container-fluid-custom {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown.profile-btn .cart-summary-dropdown.loggedin-profile {
        left: 16px !important
    }

    .new_mobile_menu .main-mobile-menu {
        height: calc(100vh - 60px) !important
    }

    .mobile-profile-img i.icon-user-new {
        font-size: 20px !important
    }

    .kw #wrapper .mobile-profile-img {
        padding: 0 20px !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .mobile-controls ul.mobile-nav .mobile-link i {
        margin-right: 15px
    }

    .main_new_footer .site-logo {
        text-align: center;
        margin-bottom: 30px
    }

    .download-zain-app,.download-zain-app-white {
        text-align: center
    }

    .main_new_footer .ftr_socials {
        position: unset !important
    }

    .kw #wrapper .header .main-header .ctm_mob_dropdown .mobile-nav.right-nav.right-nav-new .cart-summary-dropdown.show {
        left: -220px !important
    }

    .kw #wrapper .copyright_sect_new .footer-links {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

@media(max-width: 1199px) {
    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links .megamenu-link .custom_badge {
        font-size:14px !important;
        font-family: NunitoSans-SemiBold,sans-serif !important;
        color: #f8f8f8;
        margin-right: 10px;
        line-height: 20px
    }

    .main-mobile-menu .container-fluid-custom .mb-height {
        height: 105vh
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu {
        overflow: scroll !important
    }

    .ctm_search_bar {
        top: 60px !important
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li .ctm-cll-ul li a:hover {
        color: #d12b8a !important
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li .expandable-links {
        height: auto !important
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li .mobile-top-links a:hover {
        color: #2b2b2b !important
    }

    .kw #wrapper .new_mobile_footer .accordion.features_accordian .card .card-header .btn-link i {
        font-size: 12px !important
    }

    .main-footer2.new_mobile_footer {
        padding-bottom: 34px !important
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a.active,.kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a:hover {
        background: 0 0 !important;
        color: #fff !important
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle a {
        padding-left: 12px !important
    }

    footer.display-none-mobile {
        display: none
    }

    .new_mobile_footer {
        display: block
    }

    .main-mobile-menu .mobile-top-links {
        padding: 16px 20px
    }

    .kw #wrapper .header .main-mobile-menu .mobile-top-links a {
        font-size: 14px !important
    }

    .dp-profile-img h2 {
        font-size: 26px
    }

    .kw #wrapper .header .main-header .mobile-controls .loggedin-profile .ctm-link-list .ctm-link-list-ul li.ctm-login a.ctm-newacc {
        padding: 12px 5px 12px 5px !important;
        text-decoration: underline !important;
        border: 0 !important
    }

    .kw #wrapper .header .main-header .mobile-controls .loggedin-profile .ctm-link-list .ctm-link-list-ul li.ctm-login a.ctm-login {
        padding: 12px 5px 12px 20px !important;
        text-decoration: underline !important;
        -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
        justify-content: left !important;
        width: 70px;
        border: 0 !important
    }

    .loggedin-profile .ctm-link-list .ctm-link-list-ul li.ctm-login {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100% !important;
        border-bottom: 1px solid #eee
    }

    .kw #wrapper .header .main-header .mobile-controls .loggedin-profile .ctm-link-list .ctm-link-list-ul li a {
        padding: 12px 20px 12px 20px !important;
        border: 0;
        color: #2e2e2e !important;
        font-size: 14px !important;
        margin: 0 !important;
        font-family: NunitoSans-SemiBold !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        border-bottom: 1px solid #eee;
        border-radius: 0 !important;
        line-height: 24px !important;
        width: 100%
    }

    .loggedin-profile .ctm-link-list .ctm-link-list-ul li {
        width: 100% !important;
        display: inline-block !important;
        vertical-align: middle
    }

    .ctm-choose-line-list .ctm-cll-ul {
        max-height: 86px
    }

    .kw #wrapper .header .main-header .mobile-controls .loggedin-profile .ctm-choose-line-list .ctm-cll-ul li a.active {
        color: #d12b8a !important
    }

    .kw #wrapper .header .main-header .mobile-controls .loggedin-profile .ctm-choose-line-list .ctm-cll-ul li a span {
        font-family: NunitoSans-SemiBold !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 122px;
        font-size: 14px
    }

    .kw #wrapper .header .main-header .mobile-controls .loggedin-profile .ctm-choose-line-list .ctm-cll-ul li a {
        padding: 0 !important;
        border: 0;
        color: #6f6f6f;
        font-size: 14px !important;
        margin: 0;
        font-family: NunitoSans-SemiBold !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        line-height: 24px;
        margin-bottom: 8px
    }

    .loggedin-profile .ctm-bar {
        padding: 0 20px 20px 20px
    }

    .loggedin-profile .dropdown-profile {
        padding: 25px 16px 12px 16px
    }

    .loggedin-profile .new-window {
        padding: 0 !important;
        background: 0 0 !important;
        border: 0;
        display: inherit;
        position: absolute;
        left: 20px;
        top: 30px
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown.profile-btn .cart-summary-dropdown.loggedin-profile {
        width: 250px !important;
        left: -80px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        top: 38px !important
    }

    .new-cart-summary-dropdown .dropdown-header {
        padding: 24px 18px 10px 18px !important
    }

    .kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .card-footer {
        padding-bottom: 16px !important
    }

    .kw #wrapper .cf-button a {
        padding: 7px 28px !important;
        font-size: 14px !important
    }

    .new-cart-summary-dropdown .product-sect {
        max-height: 230px !important
    }

    .new-cart-summary-dropdown .cart-summary-link a {
        font-size: 14px !important
    }

    .kw #wrapper .new-cart-summary-dropdown .product-item .mobile-alignment {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown.new-cart-summary-dropdown {
        width: 322px;
        top: 50px !important
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a {
        outline: 0
    }

    .main-mobile-menu .ctm-bar .progress {
        width: 70%
    }

    .main-mobile-menu .ctm-bar {
        background: #fff;
        border-bottom: 1px solid rgba(0,0,0,.1);
        text-align: right;
        padding-bottom: 16px
    }

    .main-mobile-menu .dropdown-profile {
        background: #fff;
        text-align: right;
        padding: 10px 10px 10px 10px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-header .container-fluid-custom .heading {
        position: relative
    }

    .kw #wrapper .mobile-profile-img {
        font-size: 18px
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu.show {
        -webkit-transition: unset;
        transition: unset;
        -webkit-transform: unset;
        transform: unset;
        right: 0;
        pointer-events: all;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu {
        -webkit-transition: unset;
        transition: unset;
        -webkit-transform: unset;
        transform: unset;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        right: -100%;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .mobile-top-links a:hover {
        color: #2b2b2b !important
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav .mobile-bottom-links a:hover {
        color: #000 !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .mobile-controls ul.mobile-nav .mobile-link i {
        color: #fff;
        font-size: 16px
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links .megamenu-link .new_nav .new_option {
        font-size: 14px !important;
        font-family: NunitoSans-SemiBold,sans-serif !important;
        color: #f8f8f8;
        margin-right: 10px;
        line-height: 20px
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links .megamenu-link .new_nav .new_option_offrs {
        font-size: 14px !important;
        font-family: NunitoSans-SemiBold,sans-serif !important;
        color: #f8f8f8;
        margin-right: 10px;
        line-height: 20px
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1.slide-left {
        left: 0;
        pointer-events: all;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 {
        position: absolute;
        min-height: 100vh;
        width: 100%;
        background: #fff;
        top: 0;
        left: 100%;
        overflow: auto;
        z-index: 9;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        pointer-events: none
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 .mobile-megainnermenu-level1-content .megainnermenu-level1-list .megainnermenu-level1-link a i::before {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 .mobile-megainnermenu-level1-content .megainnermenu-level1-list .megainnermenu-level1-link a i {
        float: left;
        font-size: 14px !important;
        color: #6f6f6f
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 .mobile-megainnermenu-level1-content .megainnermenu-level1-list .megainnermenu-level1-link a i {
        margin: 0 !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 .mobile-megainnermenu-level1-content .megainnermenu-level1-list .megainnermenu-level1-link {
        padding: 0;
        border: 0
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 .mobile-megainnermenu-level1-content .megainnermenu-level1-list .megainnermenu-level1-link a {
        background: 0;
        border-radius: 0;
        line-height: 20px !important;
        font-size: 18px !important;
        color: #2e2e2e !important;
        font-family: NunitoSans-SemiBold !important;
        text-transform: capitalize;
        padding: 20px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 .mobile-megainnermenu-level1-header a.backtomainmenu i::before {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 .mobile-megainnermenu-level1-header a.backtomainmenu i {
        margin: 0 !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 .mobile-megainnermenu-level1-header a.backtomainmenu {
        color: #6f6f6f !important;
        text-align: right !important;
        width: 100%;
        border-radius: 0;
        font-size: 13px !important;
        line-height: 18px;
        padding: 25px 18px !important;
        text-transform: capitalize;
        font-family: NunitoSans-SemiBold !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1 .mobile-megainnermenu-level1-header a.backtomainmenu span {
        margin-right: -4px;
        font-family: NunitoSans-SemiBold,sans-serif
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li a i.icon-rotate-180::before {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li a i::before {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links li:last-child {
        margin-bottom: 20px !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li {
        border: 0 !important;
        margin: 0 !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links .megamenu-link {
        margin: 0;
        border: 0
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links .megamenu-link a {
        margin: 0 !important;
        background: 0 0 !important;
        font-size: 16px !important;
        color: #2e2e2e !important;
        padding: 15px 20px !important;
        -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
        justify-content: left !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li a span {
        margin-right: 0;
        font-size: 13px;
        font-family: NunitoSans-Bold !important;
        color: #2e2e2e
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li>a span {
        font-family: NunitoSans-SemiBold,sans-serif;
        color: #000;
        margin-right: 18px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 18px
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li a {
        background: #f8f8f8 !important;
        border-radius: 0 !important;
        padding: 10px 20px !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li {
        padding-bottom: 16px !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links .megamenu-link {
        padding-bottom: 0 !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-header .container-fluid-custom {
        padding: 0
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links.expand .megamenu-link {
        margin-bottom: 0 !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links li:last-child {
        margin-bottom: 0 !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links .megamenu-link:last-child {
        padding-bottom: 0 !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-header .heading span {
        font-size: 13px;
        color: #6f6f6f;
        margin-right: 2px;
        font-family: NunitoSans-SemiBold,sans-serif
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-header .heading i {
        margin: 0 !important;
        color: #6f6f6f !important;
        font-size: 12px !important;
        position: absolute;
        top: 4px
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-header .heading i::before {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important
    }

    .new_mobile_menu .main-mobile-menu .mobile-megamenu-level-2 .lvl-2-header {
        padding: 25px 20px !important;
        background: #fff !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav a.quick-pay-link {
        color: #d12b8a !important
    }

    .mobile-top-links span {
        margin: 0 5px;
        font-family: NunitoSans-SemiBold !important
    }

    .mobile-top-links {
        text-align: right;
        padding: 25px 20px;
        border-bottom: 1px solid rgba(0,0,0,.1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .kw #wrapper .header .mobile-top-links a {
        color: #2b2b2b !important;
        border-radius: 0 !important;
        line-height: 20px !important;
        padding: 0 !important;
        font-size: 18px !important;
        font-family: NunitoSans-SemiBold !important;
        text-decoration: underline
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav i {
        color: #6f6f6f !important;
        font-size: 12px !important;
        margin-left: 10px !important
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav i::before {
        -webkit-transform: unset !important;
        transform: unset !important
    }

    .main-mobile-menu .mobile-bottom-links i.icon-right-arrow {
        margin: 0 !important;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: absolute;
        left: 20px;
        font-size: 12px !important;
        margin-top: 6px !important;
        color: #2e2e2e !important
    }

    .mobile-bottom-links img {
        margin-left: 8px
    }

    .mobile-bottom-links i {
        font-size: 16px;
        margin-left: 8px;
        color: #2e2e2e
    }

    .mobile-bottom-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .kw #wrapper .header .mobile-bottom-links a {
        color: #2b2b2b;
        text-align: right;
        line-height: 20px !important;
        font-size: 16px !important;
        font-family: NunitoSans-SemiBold !important;
        background: #f8f8f8 !important;
        border-radius: 0 !important;
        padding: 15px 20px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .new_mobile_menu .main-mobile-menu {
        background: #fff !important;
        height: calc(100vh - 60px)
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu {
        padding-top: 12px
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav {
        border: 0;
        padding: 0;
        height: 50px !important;
        float: right;
        width: 100%
    }

    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav a {
        font-size: 18px !important;
        line-height: 20px !important;
        color: #2e2e2e !important;
        font-family: NunitoSans-SemiBold !important;
        text-transform: capitalize;
        padding-right: 20px
    }

    .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .new_mobile_menu .main-mobile-menu {
        width: 84% !important
    }

    .kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li span.float-right {
        top: -30px !important
    }

    .mobile-profile-img i.icon-user-new {
        font-size: 18px
    }

    .kw #wrapper .header .main-header .mobile-controls ul.mobile-nav li a i.icon-hamburger-new {
        font-size: 16px
    }

    .kw #wrapper .header.main_new_header .main-header .site-logo img {
        width: 91px;
        margin-right: 45px
    }

    .kw #wrapper .header.main_new_header.checkout-header .main-header .site-logo img {
        margin-right: 0
    }

    .kw #wrapper .header.main_new_header.checkout-header .main-header {
        z-index: 111
    }

    .kw #wrapper .header.main_new_header .main-header .site-logo {
        padding: 10px 0 10px 0 !important
    }

    .new_mobile_menu .mobile-menu-toggle .mobile-link {
        position: absolute;
        right: 10px
    }

    .kw #wrapper .header .main-header .new_mobile_menu .mobile-controls ul.mobile-nav li::before {
        display: none !important
    }

    .new_mobile_menu .profile-btn .mobile-profile-img img {
        width: 18px
    }

    .new_mobile_menu .profile-btn .mobile-profile-img {
        border-radius: 0 !important;
        min-height: auto !important;
        padding: 0 !important;
        border: 0 !important
    }

    .kw #wrapper .header .main-header .ctm_mob_dropdown .mobile-nav.right-nav.right-nav-new {
        display: block !important
    }

    .kw #wrapper .header .main-header .ctm_mob_dropdown .mobile-nav.right-nav .cart-summary-dropdown.show {
        left: -250px !important;
        top: 50px !important
    }
}

@media(max-width: 375px) {
    .ctm_search_bar {
        overflow:scroll;
        height: 600px
    }

    .kw #wrapper .mobile-bottom-links {
        bottom: 0 !important
    }
}

@media(max-width: 767px) {
    .kw #wrapper .ctm_search_bar .search-autocomplete .tt-menu {
        height:auto !important
    }

    .ctm_search_bar .search-header {
        font-size: 16px !important
    }

    .kw #wrapper .ctm_search_bar .new_search_bar input {
        font-size: 16px !important
    }

    .view_products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .view_products h2 {
        margin: 0 !important
    }

    .popular_products .slick-slider {
        padding: 0 0 10px 0 !important
    }

    .kw #wrapper .ctm_search_bar .csb_close {
        left: 6px;
        top: -20px;
        color: #2e2e2e;
        font-size: 12px
    }

    .kw #wrapper .ctm_search_bar .search-autocomplete .main-search-btn {
        top: 5px !important;
        margin-right: 0 !important
    }

    .kw #wrapper .ctm_search_bar .search-autocomplete .main-search-btn i {
        color: #2e2e2e !important
    }

    .popular_searches h2 {
        font-size: 16px !important;
        line-height: 20px !important
    }

    .popular_searches ul li a {
        font-size: 16px !important;
        line-height: 20px !important
    }

    .popular_searches ul li {
        margin-bottom: 16px !important
    }

    .popular_searches ul {
        columns: 1 !important;
        -webkit-columns: 1 !important;
        -moz-columns: 1 !important;
        width: 100% !important;
        display: -ms-inline-grid;
        display: inline-grid
    }

    .pp_content_box {
        margin: 5px 0 0 0 !important
    }

    .pp_content_box h2 {
        font-size: 12px !important
    }

    .kw #wrapper .ctm_search_bar .slick-dots {
        bottom: -19px
    }

    .new_mobile_footer .footer_new .links_footer_master a i {
        font-size: 18px !important
    }

    .mobile-bottom-links {
        bottom: 0 !important
    }

    .kw #wrapper .ctm_search_bar .slick-dots li.slick-active button {
        padding: 0;
        border-width: 3px;
        border-color: #6f6f6f
    }
}

.kw #wrapper .nav.nav-tabs.new_navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0 !important
}

.kw #wrapper .nav.nav-tabs.new_navigation .nav-item a {
    font-family: nunitosans-Semibold !important;
    color: #2e2e2e;
    font-size: 16px;
    line-height: 24px
}

.kw #wrapper .nav_navigation_new.megamenu {
    padding-top: 24px !important;
    padding-bottom: 40px !important
}

.kw #wrapper .nav.new_navigation .nav-item:last-child .nav-link {
    padding-bottom: 0 !important
}

.kw #wrapper .nav.nav-tabs.new_navigation .nav-item a {
    padding-top: 0 !important;
    padding-bottom: 40px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0 auto 0 0;
    padding-right: 30px !important
}

.new_navigation .nav-item .nav-link {
    padding: 0 55px !important
}

.kw #wrapper .nav.nav-tabs.new_navigation .nav-link i::before {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important
}

.kw #wrapper .nav.nav-tabs.new_navigation .nav-link i {
    font-size: 16px !important;
    opacity: 0 !important
}

.kw #wrapper .nav.nav-tabs.new_navigation .nav-link.active i {
    opacity: 1 !important
}

.kw #wrapper .nav.nav-tabs.new_navigation .nav-link.active {
    font-family: NunitoSans-Bold !important;
    font-size: 16px;
    line-height: 24px;
    color: #d12b8a
}

.kw #wrapper .nav.nav-tabs.new_navigation .nav-link::before {
    content: unset !important
}

.kw #wrapper .links_list_new_nav ul li a.new_nav {
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 0 !important;
    color: #6f6f6f !important;
    margin: 8px 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
    display: inline-block
}

.kw #wrapper .links_list_new_nav ul li a::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: -2px;
    width: 0;
    height: 1px;
    background: #6f6f6f;
    -webkit-transition: all .45s;
    transition: all .45s
}

.kw #wrapper .links_list_new_nav ul li a:hover:after {
    width: 100%;
    right: 0
}

.kw #wrapper .links_list_new_nav ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    margin-right: 0 !important
}

.kw #wrapper .links_list_new_nav ul li a.new_nav::before {
    content: unset !important
}

.kw #wrapper .links_list_new_nav .heading_list_new_nav {
    font-family: NunitoSans-Bold !important;
    font-size: 14px;
    line-height: 24px;
    color: #2b2b2b;
    margin-bottom: 0 !important
}

.kw #wrapper .tabs_new_navigation.active {
    padding: 0 !important
}

.kw #wrapper .links_list_new_nav {
    padding-left: 40px;
    margin-right: 30px;
    border-left: 1px solid #e5e5e5
}

.kw #wrapper .links_list_new_nav.no_border {
    border: 0 !important
}

.new_nav .new_option {
    font-family: NunitoSans-Bold !important;
    padding: 2px 6px 3px 6px;
    font-size: 10px;
    line-height: 14px;
    background-color: #d12b8a;
    color: #f8f8f8;
    border-radius: 112px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    margin-right: 10px
}

.new_nav .new_option_offrs {
    font-family: NunitoSans-Bold !important;
    padding: 2px 6px 3px 6px;
    font-size: 10px;
    line-height: 18px;
    background-color: #049fb4;
    color: #f8f8f8;
    border-radius: 112px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    margin-right: 10px
}

.kw #wrapper .my-zain-newmenu .links_list_new_nav {
    border: 0;
    padding-left: 0;
    margin-right: 0
}

.kw #wrapper .zain-support-text h2 {
    font-family: NunitoSans-Bold !important;
    font-size: 14px;
    line-height: 24px;
    color: #2b2b2b;
    margin-bottom: 8px !important;
    margin-top: 10px
}

.kw #wrapper .zain-support-text p {
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
    margin-bottom: 8px !important
}

.kw #wrapper .zain-support-text a {
    padding: 0 !important;
    color: #d8008e !important;
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px !important;
    line-height: 24px
}

.kw #wrapper .main-navigation .megamenu-container a::before {
    display: none
}

.kw #wrapper .my-zain-newmenu .links_list_new_nav .heading_list_new_nav {
    margin-bottom: 6px !important
}

.row_new_nav {
    padding-top: 24px;
    padding-bottom: 40px
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .nav_navigation_new.megamenu {
    overflow: hidden
}

.zain-support-box {
    padding-left: 50px !important;
    float: right;
    width: 100%
}

.zain-support-box .zain-support-img img {
    width: 100%
}

.kw #wrapper .nav_navigation_new.megamenu[data-target=slide-content] {
    padding: 0 !important
}

.nav_navigation_new .tab-pane.active {
    -webkit-animation: slide-right .5s ease-out;
    animation: slide-right .5s ease-out
}

.kw #wrapper .nav.nav-tabs.new_navigation .nav-link {
    font-size: 14px
}

.mobile-menu-toggle .main-mobile-menu.show .container-fluid-custom,.mobile-menu-toggle .main-mobile-menu.show .ctm-bar,.mobile-menu-toggle .main-mobile-menu.show .dropdown-profile,.mobile-menu-toggle .main-mobile-menu.show .mobile-bottom-links,.mobile-menu-toggle .main-mobile-menu.show .mobile-top-links {
    -webkit-animation: slide_frm_left .5s linear;
    animation: slide_frm_left .5s linear
}

.kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu.show {
    -webkit-transition: all 450ms cubic-bezier(.6,0,.4,1) !important;
    transition: all 450ms cubic-bezier(.6,0,.4,1) !important
}

.kw #wrapper .bodyoverlay {
    visibility: hidden;
    display: unset
}

.kw #wrapper .bodyoverlay.show {
    visibility: visible;
    display: block !important
}

.kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu {
    -webkit-transition: all 650ms linear !important;
    transition: all 650ms linear !important
}

.kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2.slide-left .lvl-2-content,.kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2.slide-left .lvl-2-header,.kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1.slide-left .mobile-megainnermenu-level1-content,.kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megainnermenu-level1.slide-left .mobile-megainnermenu-level1-header {
    -webkit-animation: slide_frm_left .5s linear;
    animation: slide_frm_left .5s linear
}

@-webkit-keyframes slide_frm_left {
    0% {
        -webkit-transform: translate(-60px,0);
        opacity: 0
    }

    20% {
        -webkit-transform: translate(-55px,0);
        opacity: .4
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1
    }
}

@keyframes slide_frm_left {
    0% {
        -webkit-transform: translate(-60px,0);
        opacity: 0
    }

    20% {
        -webkit-transform: translate(-55px,0);
        opacity: .4
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1
    }
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        height: 0;
        min-height: 0
    }

    100% {
        opacity: 1;
        height: auto;
        min-height: 220px
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        height: 0;
        min-height: 0
    }

    100% {
        opacity: 1;
        height: auto;
        min-height: 220px
    }
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown.add_animate {
    animation: slide_frm_bottom 250ms linear;
    -webkit-animation: slide_frm_bottom 250ms linear;
    -moz-animation: slide_frm_bottom 250ms linear
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown.closing_animate {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scale(1) translateY(30px) !important;
    transform: scale(1) translateY(30px) !important;
    opacity: 0 !important;
    -webkit-transition: opacity .4s linear,-webkit-transform .2s linear !important;
    transition: opacity .4s linear,-webkit-transform .2s linear !important;
    transition: transform .2s linear,opacity .4s linear !important;
    transition: transform .2s linear,opacity .4s linear,-webkit-transform .2s linear !important;
    -webkit-animation: slide_new .2s linear;
    animation: slide_new .2s linear
}

@-webkit-keyframes slide_new {
    0% {
        -webkit-transform: translate(0,0) !important;
        transform: translate(0,0) !important
    }

    100% {
        -webkit-transform: translate(0,40px) !important;
        transform: translate(0,40px) !important
    }
}

@keyframes slide_new {
    0% {
        -webkit-transform: translate(0,0) !important;
        transform: translate(0,0) !important
    }

    100% {
        -webkit-transform: translate(0,40px) !important;
        transform: translate(0,40px) !important
    }
}

@-webkit-keyframes slide_frm_bottom {
    0% {
        -webkit-transform: translate(0,40px);
        opacity: 0
    }

    20% {
        -webkit-transform: translate(0,30px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1
    }
}

@keyframes slide_frm_bottom {
    0% {
        -webkit-transform: translate(0,40px);
        opacity: 0
    }

    20% {
        -webkit-transform: translate(0,30px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1
    }
}

.new-cart-summary-dropdown .dropdown-header h4 {
    font-size: 14px !important;
    line-height: 24px !important;
    font-family: NunitoSans-Bold !important
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .product-item .product-img {
    width: 28px;
    height: auto;
    padding: 0;
    margin-right: 0;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.kw #wrapper .new-cart-summary-dropdown .item-title {
    font-family: NunitoSans-Bold !important;
    font-size: 12px !important;
    line-height: 24px;
    max-width: 220px;
    color: #2e2e2e
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .product-item .d-flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .product-item .product-details p {
    color: #6f6f6f;
    margin: 0;
    font-size: 14px !important;
    line-height: 24px;
    font-family: NunitoSans-SemiBold !important
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .product-item .product-details p span {
    font-family: NunitoSans-SemiBold !important
}

.new-cart-summary-dropdown .cart-summary-link a {
    padding: 0 !important;
    color: #1789db !important;
    font-size: 14px;
    line-height: 24px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    font-family: NunitoSans-Bold !important
}

.kw #wrapper .new-cart-summary-dropdown .cart-summary-link a:hover {
    color: #000 !important
}

.new-cart-summary-dropdown .product-details {
    margin: 0 0 !important
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .product-item .right-lbl {
    line-height: 24px;
    font-size: 12px;
    font-family: NunitoSans-Bold !important;
    color: #2e2e2e
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .product-item>.row .col-2 {
    margin-left: 0
}

.new-cart-summary-dropdown .product-sect {
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .product-item {
    border-bottom: 1px solid rgba(229,229,229,.3019607843)
}

.new-cart-summary-dropdown .product-sect .product-item:last-child {
    border-bottom: 0 !important
}

.kw #wrapper .new-cart-summary-dropdown .card-footer .product-item {
    padding: 18px 0 12px 0 !important
}

.kw #wrapper .new-cart-summary-dropdown .card-footer .product-item .sect-title {
    margin: 0;
    font-size: 14px !important;
    line-height: 24px;
    color: #028666;
    font-family: NunitoSans-Bold !important
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .card-footer {
    background: #f8f8f8;
    padding-bottom: 24px
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown .card-footer .product-item {
    border-bottom: 0 !important
}

.kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown {
    top: calc(100% + 20px) !important
}

.cf-button {
    text-align: center
}

.cf-button a {
    background: #d12b8a;
    border-radius: 6px !important;
    width: 100%;
    line-height: 24px !important;
    padding: 7px 28px !important;
    margin: 0 !important;
    border: 1px solid #d12b8a;
    font-family: NunitoSans-Black !important;
    font-size: 14px !important
}

.kw #wrapper .cf-button a:hover {
    color: #d12b8a !important
}

.cf-button p {
    font-size: 10px !important;
    color: #6f6f6f;
    margin: 8px 0 0 0;
    line-height: 24px;
    font-family: NunitoSans-SemiBold !important
}

.header .main-header.sticky {
    -webkit-animation: unset !important;
    animation: unset !important
}

.kw #wrapper .header .main-header ul.right-nav li.cart-dropdown .cart-summary-dropdown.new-cart-summary-dropdown {
    width: 350px
}

.kw #wrapper footer.main_new_footer .order-track .form-group .addon {
    color: #c2c2c2
}

.kw #wrapper footer.main_new_footer .order-track .form-group .addon:focus {
    outline: 0
}

@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.kw #wrapper footer.main_new_footer .footer-title {
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: NunitoSans-Bold !important
}

.kw #wrapper footer.main_new_footer .footer_inner_row .footer-title a {
    font-size: 16px !important;
    line-height: 24px;
    font-family: NunitoSans-Bold !important
}

.kw #wrapper footer.main_new_footer .footer_inner_row .footer-links li {
    margin-bottom: 8px
}

.kw #wrapper footer.main_new_footer .footer_inner_row .footer-links li a {
    line-height: 24px;
    font-family: NunitoSans-SemiBold !important
}

.download-zain-app img,.download-zain-app-white img {
    margin-bottom: 8px
}

.gradient-footer .download-zain-app {
    display: none
}

.download-zain-app-white {
    display: none
}

.gradient-footer .download-zain-app-white {
    display: block
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control {
    background-color: #f8f8f8;
    color: #6f6f6f;
    padding-left: 64px;
    border-color: transparent;
    font-family: NunitoSans-SemiBold !important
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control::-webkit-input-placeholder {
    font-family: NunitoSans-SemiBold !important;
    color: #6f6f6f;
    opacity: 1;
    display: none
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control::-moz-placeholder {
    font-family: NunitoSans-SemiBold !important;
    color: #6f6f6f;
    opacity: 1;
    display: none
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control:-ms-input-placeholder {
    font-family: NunitoSans-SemiBold !important;
    color: #6f6f6f;
    opacity: 1;
    display: none
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control::-ms-input-placeholder {
    font-family: NunitoSans-SemiBold !important;
    color: #6f6f6f;
    opacity: 1;
    display: none
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control::placeholder {
    font-family: NunitoSans-SemiBold !important;
    color: #6f6f6f;
    opacity: 1;
    display: none
}

.main_new_footer .ftr_socials .socialmedia a {
    margin-left: 24px !important
}

.main_new_footer .ftr_socials .socialmedia a i {
    font-size: 20px;
    color: #2e2e2e
}

.main_new_footer .ftr_socials .footer-title {
    font-family: NunitoSans-Bold !important;
    font-size: 16px !important;
    line-height: 24px;
    color: #2e2e2e
}

.main_new_footer .ftr_socials {
    position: absolute;
    bottom: -60px
}

.main_new_footer .copyright_sect_new .site-logo span {
    font-family: NunitoSans-Bold !important;
    font-size: 10px !important;
    line-height: 24px;
    color: #2e2e2e
}

.kw #wrapper .main_new_footer .copyright_sect_new .footer-links a {
    font-family: NunitoSans-Bold !important;
    font-size: 10px !important;
    line-height: 24px;
    color: #2e2e2e !important
}

.kw #wrapper footer.main-footer.gradient-footer {
    background: -webkit-gradient(linear,left top,right top,from(#18101a),color-stop(50%,#431d4f),color-stop(60%,#2d1d60),to(#432066));
    background: linear-gradient(90deg,#18101a 100%,#431d4f 50%,#2d1d60 60%,#432066 100%);
    padding-top: 55px;
    padding-bottom: 40px
}

.kw #wrapper footer.main_new_footer.gradient-footer .footer-title a {
    color: #f8f8f8 !important
}

.kw #wrapper footer.main_new_footer.gradient-footer .footer-title {
    color: #f8f8f8 !important
}

.main_new_footer.gradient-footer .ftr_socials .socialmedia a i {
    color: #fff
}

.main_new_footer.gradient-footer .copyright_sect_new .site-logo span {
    color: #fff !important
}

.kw #wrapper .main_new_footer.gradient-footer .copyright_sect_new .footer-links a {
    color: #fff !important
}

.kw #wrapper footer.main_new_footer.gradient-footer .order-track .form-group .form-control {
    background: rgba(255,255,255,.2)
}

.new_mobile_footer .accordion.features_accordian {
    margin-bottom: 0 !important
}

.kw #wrapper .new_mobile_footer .accordion.features_accordian .card {
    border-bottom: 0 !important;
    margin-bottom: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: 0 0 !important;
    margin-bottom: 15px
}

.kw #wrapper .new_mobile_footer .accordion.features_accordian .card .card-header {
    background: 0 0 !important;
    text-align: right;
    border-bottom: 0;
    padding: 0
}

.kw #wrapper .new_mobile_footer .accordion.features_accordian .card .card-header .btn-link {
    width: auto;
    border-radius: 0;
    background: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0
}

.kw #wrapper .new_mobile_footer .accordion.features_accordian .card .card-header .btn-link i {
    color: #6f6f6f;
    font-size: 18px
}

.kw #wrapper .new_mobile_footer .accordion.features_accordian .card .card-header h4 {
    font-family: NunitoSans-SemiBold !important;
    color: #6f6f6f !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0 !important
}

.kw #wrapper .new_mobile_footer .accordion.features_accordian .card .card-body {
    padding-right: 0;
    padding-top: 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px
}

.kw #wrapper .new_mobile_footer .accordion.features_accordian .card .card-body ul li {
    margin-bottom: 8px
}

.kw #wrapper .new_mobile_footer .accordion.features_accordian .card .card-body ul li a {
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px;
    line-height: 24px;
    color: #aeaeae
}

.new_mobile_footer .footer_new .links_footer_master a {
    color: #a6a6a6
}

.new_mobile_footer .footer_new .links_footer_master a i {
    font-size: 20px
}

.new_mobile_footer .footer_new {
    margin-top: 10px
}

.main-footer2.new_mobile_footer {
    padding-top: 30px;
    padding-bottom: 30px
}

.profile-btn .dp-profile-img {
    margin-left: 0
}

.kw #wrapper .new_mobile_footer .accordion.features_accordian .card .card-header .btn-link[aria-expanded=true] {
    -webkit-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important
}

.kw #wrapper .ctm-choose-line-list h2 {
    font-family: NunitoSans-Bold !important
}

:root {
    --heightnav: 0
}

.nav_navigation_new {
    -webkit-transition: min-height .4s ease-in,max-height .4s ease-in !important;
    transition: min-height .4s ease-in,max-height .4s ease-in !important;
    min-height: var(--heightnav);
    max-height: var(--heightnav)
}

.header.main_new_header .main-header-row .main-menu .main-navigation .megamenu-container .menu_item_new {
    padding: 0 !important;
    padding-bottom: 22px !important
}

.header.main_new_header .main-header-row .main-menu .main-navigation .megamenu-container {
    margin: 22px !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important
}

.kw #wrapper .header.main_new_header .main-header-row .main-menu .main-navigation .megamenu-container a {
    padding-left: 32px !important;
    padding-top: 22px !important
}

.kw #wrapper .header.main_new_header .main-header-row .main-menu .main-navigation .megamenu-container ul li a {
    padding-left: 0 !important;
    padding-top: 0 !important
}

.kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li .expandable-links {
    max-height: 0 !important;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.kw #wrapper .header .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-content .accordian-menu>li .expandable-links.expand {
    max-height: 500px !important;
    -webkit-transition: all .85s ease;
    transition: all .85s ease
}

.card-body .dropdown-profile .dp-profile-img {
    margin-left: 15px
}

.topbar_lang_menu .select2 img {
    margin-left: 5px
}

.select2-container .select2-results .select2-results__options .select2-results__option img {
    margin-left: 5px;
    margin-top: -2px
}

@media(min-width: 1920px) {
    .kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .megamenu {
        -webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);
        box-shadow: 0 4px 4px rgba(0,0,0,.1)
    }

    .kw #wrapper .header .main-header ul.right-nav li a {
        padding: 12px;
        margin: 0 6px
    }

    .kw #wrapper .nav.nav-tabs.new_navigation .nav-item a {
        padding-right: 45px !important
    }

    .kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .nav_navigation_new.megamenu {
        max-width: 100vw !important
    }

    .kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .nav_navigation_new.megamenu .row_new_nav {
        max-width: 1920px !important;
        margin: 0 auto
    }
}

.ctm_search_bar {
    background: #fff;
    min-height: 360px;
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 72px
}

.ctm_search_bar .container {
    padding: 50px 0 80px 0
}

.kw #wrapper .ctm_search_bar .new_search_bar {
    display: block !important;
    position: inherit !important;
    -webkit-transform: translate(0);
    transform: translate(0);
    max-width: 100%
}

.kw #wrapper .ctm_search_bar .container {
    max-width: 900px
}

.kw #wrapper .ctm_search_bar .search-autocomplete .main-search-btn {
    position: absolute;
    min-width: auto !important;
    height: auto !important;
    left: inherit;
    top: -2px;
    border-radius: 0 !important;
    right: 0;
    width: auto !important;
    padding: 0;
    background: 0 0 !important;
    border: 0
}

.kw #wrapper .ctm_search_bar .search-autocomplete .main-search-btn i {
    color: #aeaeae;
    font-size: 16px
}

.kw #wrapper .ctm_search_bar .new_search_bar input {
    background: 0 0 !important;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 35px !important;
    height: auto;
    font-size: 14px;
    line-height: 24px;
    font-family: NunitoSans-SemiBold !important;
    color: #aeaeae
}

.kw #wrapper .ctm_search_bar .new_search_bar input::-webkit-input-placeholder {
    color: #aeaeae !important;
    font-family: NunitoSans-SemiBold !important
}

.kw #wrapper .ctm_search_bar .new_search_bar input::-moz-placeholder {
    color: #aeaeae !important;
    font-family: NunitoSans-SemiBold !important
}

.kw #wrapper .ctm_search_bar .new_search_bar input:-ms-input-placeholder {
    color: #aeaeae !important;
    font-family: NunitoSans-SemiBold !important
}

.kw #wrapper .ctm_search_bar .new_search_bar input::-ms-input-placeholder {
    color: #aeaeae !important;
    font-family: NunitoSans-SemiBold !important
}

.kw #wrapper .ctm_search_bar .new_search_bar input::placeholder {
    color: #aeaeae !important;
    font-family: NunitoSans-SemiBold !important
}

.popular_searches {
    margin-top: 30px
}

.popular_searches h2 {
    font-family: NunitoSans-Bold !important;
    font-size: 14px;
    line-height: 24px;
    color: #2b2b2b;
    margin-bottom: 15px
}

.popular_searches ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    width: 320px
}

.popular_searches ul li {
    margin-bottom: 8px
}

.popular_searches ul li a {
    font-family: NunitoSans-SemiBold !important;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f !important;
    padding: 0 !important;
    margin-bottom: 8px
}

.popular_searches ul li a:hover {
    background-color: transparent !important;
    color: #6f6f6f !important
}

.popular_products {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5
}

.popular_products h2 {
    font-family: NunitoSans-Bold !important;
    font-size: 14px;
    line-height: 24px;
    color: #2b2b2b;
    margin-bottom: 15px;
    display: inline
}

.popular_products a {
    font-family: NunitoSans-SemiBold !important;
    color: #6f6f6f;
    font-size: 12px;
    text-decoration: underline !important;
    margin-right: 5px
}

.pp_img_box img {
    width: 100%
}

.popular_products .slick-slide {
    margin: 0 0 0 15px
}

.popular_products .slick-slider {
    padding: 0 0 10px 0
}

.pp_content_box {
    text-align: center;
    margin: 15px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    min-height: 50px
}

.pp_content_box h2 {
    font-size: 12px;
    line-height: 24px;
    color: #2e2e2e;
    margin: 0;
    font-family: NunitoSans-Bold !important
}

.kw #wrapper .ctm_search_bar .search-autocomplete .tt-menu {
    background: 0;
    padding: 20px 0 0 0;
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 180px;
    overflow: scroll;
    border-radius: 0
}

.kw #wrapper .ctm_search_bar .search-autocomplete .tt-menu .tt-suggestion {
    letter-spacing: 0;
    border-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
    padding: 4px 0 !important;
    font-family: NunitoSans-SemiBold !important;
    cursor: pointer;
    background-color: transparent !important
}

.ctm_search_bar .csb_close {
    position: absolute;
    left: 20px;
    top: 14px;
    color: #6f6f6f;
    font-size: 10px
}

.pp_content_box a {
    text-decoration: none !important
}

.ctm_search_bar .search-header {
    font-size: 14px;
    line-height: 24px;
    font-family: NunitoSans-Bold !important
}

.ctm_search_bar {
    visibility: hidden;
    -webkit-transform: none !important;
    transform: none !important;
    display: block !important;
    -webkit-transition: all .8s ease !important;
    transition: all .8s ease !important;
    max-height: 0 !important;
    min-height: 0 !important
}

.ctm_search_bar>* {
    opacity: 0;
    -webkit-transition: opacity .7s ease !important;
    transition: opacity .7s ease !important
}

.ctm_search_bar .popular_products_slider {
    opacity: 0;
    -webkit-transition: opacity .7s ease !important;
    transition: opacity .7s ease !important
}

.ctm_search_bar.show .popular_products_slider {
    opacity: 1;
    -webkit-transition: opacity .7s ease !important;
    transition: opacity .7s ease !important
}

.ctm_search_bar.show>* {
    opacity: 1;
    -webkit-transition: opacity .7s ease !important;
    transition: opacity .7s ease !important
}

.ctm_search_bar.show {
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important;
    display: block !important;
    -webkit-transition: all .8s ease !important;
    transition: all .8s ease !important;
    max-height: 1200px !important;
    min-height: 700px !important;
    overflow-y: scroll
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin.anony a {
    padding: 4px 24px 8px 24px !important;
    border: 1px solid #23b7c0;
    background: 0;
    color: #fff;
    border-radius: 6px;
    line-height: 24px
}

@media(max-width: 767px) {
    .overflow-hidden-new-mob {
        position:fixed !important;
        width: 100%;
        top: 0
    }

    .ctm_search_bar.show {
        max-height: 100vh !important;
        min-height: 100vh !important
    }

    .ctm_search_bar {
        top: 0 !important
    }
}

@media(max-width: 375px) {
    .position_unset_375 {
        position:absolute
    }

    .mobile-bottom-links {
        padding-top: 70px
    }

    .new_mobile_menu .main-mobile-menu {
        height: calc(100vh - 60px)
    }
}

@media not all and (min-resolution: .001dpcm) {
    @media(min-width:376px) and (max-width:767px) {
        .kw #wrapper .mobile-bottom-links {
            bottom:25px !important
        }
    }

    @media(max-width: 375px) {
        .kw #wrapper .mobile-bottom-links {
            bottom:10px !important
        }

        .mobile-bottom-links {
            visibility: hidden
        }

        .mobile-bottom-links.mobile-bottom-menu {
            visibility: visible
        }

        .mobile-bottom-links {
            padding-top: 70px
        }

        .kw #wrapper .mobile-bottom-links {
            bottom: 5px !important
        }
    }

    .kw #wrapper .cart-summary-dropdown.new-cart-summary-dropdown {
        -webkit-transform: unset !important;
        transform: unset !important
    }
}

html[dir=rtl].kw #wrapper .header.main_new_header.checkout-header .main-header .site-logo img {
    margin-right: 0;
    margin-left: 0
}

.nickNameAdjusment {
    display: block !important;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0 !important
}

.NumberAdjusment {
    margin-right: 10px !important
}

.Pinkcolorhover:hover a {
    color: #d12b8a !important
}

.language-entry-long-text {
    display: inline-block;
    padding: 0 .5em
}

span.language-entry-long-text {
    display: none
}

@media(max-width: 1199px) {
    a.language-entry-long-text,span.language-entry-long-text {
        margin:0 10px;
        padding: 10px;
        line-height: 0;
        vertical-align: middle;
        font-size: 20px;
        border-radius: 50%;
        text-decoration: none;
        color: #fff
    }

    span.language-entry-long-text {
        display: inline-block;
        font-weight: 700
    }
}

.header.shop_landing_header .sub-header ul.right-menu>.portlet-journal-content {
    display: inline-block
}

.portlet {
    margin: 5;
    position: relative
   
    
}

ul.topbar_lang_menu {
    padding: 0 !important;
    margin: 0 !important
}

ul.left-menu {
    padding: 0 !important;
    margin: 0 !important
}



.icon-location-2:before {
    content: "\e94d"
}

.icon-business-2:before {
    content: "\e94e"
}

.icon-close:before {
    content: "\e94c"
}

.icon-user-new:before {
    content: "\e949"
}

.icon-hamburger-new:before {
    content: "\e948"
}

.icon-youtube:before {
    content: "\e946"
}

.icon-cart-new:before {
    content: "\e943"
}

.icon-fav-new:before {
    content: "\e944"
}

.icon-search-new:before {
    content: "\e945"
}

.icon-globe-plane:before {
    content: "\e942"
}

.icon-play-filled:before {
    content: "\e93d"
}

.icon-wifi:before {
    content: "\e93a"
}

.icon-time:before {
    content: "\e940"
}

.icon-date:before {
    content: "\e941"
}

.icon-clockwise:before {
    content: "\e93b"
}

.icon-play:before {
    content: "\e93c"
}

.icon-wifi_tab:before {
    content: "\e939"
}

.icon-noun-sim-card-2:before {
    content: "\e92b"
}

.icon-infinit:before {
    content: "\e92a"
}

.icon-hotspot:before {
    content: "\e922"
}

.icon-sim-card:before {
    content: "\e928"
}

.icon-noun-router:before {
    content: "\e929"
}

.icon-filter-filled:before {
    content: "\e91f"
}

.icon-filter:before {
    content: "\e91e"
}

.icon-play-button:before {
    content: "\e91e"
}

.icon-phone-call:before {
    content: "\e91f"
}

.icon-router:before {
    content: "\e920"
}

.icon-document:before {
    content: "\e922"
}

.icon-business:before {
    content: "\e923"
}

.icon-transportation:before {
    content: "\e924"
}

.icon-technology:before {
    content: "\e925"
}

.icon-commerce-and-shopping:before {
    content: "\e926"
}

.icon-manage-setting:before {
    content: "\e927"
}

.container-fluid-custom {
    max-width: 1920px !important;
    margin-right: auto;
    margin-left: auto
}

.flex-align-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.kw #wrapper {
    padding-top: 0
}

.kw #wrapper .banner_slider_section .main-heading,.kw #wrapper .fs-82 {
    font-size: 40px;
    margin-bottom: 15px
}

.block-for-desktop {
    display: none !important
}

.display-block-mobile {
    display: block !important
}

.header-height {
    height: 113px
}

.header-height.checkout-header {
    height: auto
}

@media(min-width: 280px) and (max-width:1199px) {
    .header-height {
        height:60px
    }
}

.kw #wrapper .header a,.kw #wrapper .header span {
    font-family: NunitoSans-Regular;
    text-decoration: none !important
}

.kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown.show,.kw #wrapper .header .main-header ul.right-nav li.cart-dropdown .cart-summary-dropdown.show {
    -webkit-transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    transition: all .15s cubic-bezier(.25,0,.25,1.75),opacity .1s linear;
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
    visibility: visible;
    overflow: auto;
    pointer-events: all
}

.kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .card-body,.kw #wrapper .header .main-header ul.right-nav li.cart-dropdown .cart-summary-dropdown .card-body {
    max-height: 700px;
    overflow-y: auto
}

.kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .dropdown-header,.kw #wrapper .header .main-header ul.right-nav li.cart-dropdown .cart-summary-dropdown .dropdown-header {
    padding-top: 25px;
    background: #fff
}

.kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .dropdown-header h4,.kw #wrapper .header .main-header ul.right-nav li.cart-dropdown .cart-summary-dropdown .dropdown-header h4 {
    color: #000
}

.kw #wrapper .cart-summary-dropdown .sect-title {
    margin: 15px 0 0 0
}

.kw #wrapper .cart-summary-dropdown .product-item {
    max-width: 100%;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #e3e3e3
}

.kw #wrapper .cart-summary-dropdown .product-item+.product-item {
    border-top: 0
}

.kw #wrapper .cart-summary-dropdown .product-item>.row .col-2 {
    margin-left: 20px
}

.kw #wrapper .cart-summary-dropdown .product-item .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kw #wrapper .cart-summary-dropdown .product-item .product-img {
    width: 58px;
    height: 86px;
    padding: 15px 12px;
    margin-right: 6px
}

.kw #wrapper .cart-summary-dropdown .product-item p {
    margin-bottom: 0
}

.kw #wrapper .cart-summary-dropdown .product-item .item-title {
    font-family: NunitoSans-Black,sans-serif
}

.kw #wrapper .cart-summary-dropdown .product-item .right-lbl {
    text-align: left
}

.kw #wrapper .cart-summary-dropdown .product-item .product-details {
    margin-bottom: 10px
}

.kw #wrapper .cart-summary-dropdown .card-body {
    padding: 6px 24px
}

.kw #wrapper .cart-summary-dropdown .card-body.custom-scroll {
    padding: 0 24px 20px 6px
}

.kw #wrapper .cart-summary-dropdown .card-footer {
    padding: 1px 24px;
    background: #f7f7f7
}

.kw #wrapper .cart-summary-dropdown .card-footer .main-total {
    padding-bottom: 10px
}

.kw #wrapper .cart-summary-dropdown .card-footer .main-total .right-lbl {
    color: #d12b8a
}

.kw #wrapper .cart-summary-dropdown .card-footer .card-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    margin-top: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kw #wrapper .cart-summary-dropdown .card-footer .card-action .btn {
    margin: 0
}

.kw #wrapper .cart-summary-dropdown .card-footer .card-action .btn.btn-link {
    color: #727272
}

.kw #wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background: 0 0 !important
}

.kw #wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #c9c9c9
}

@media(min-width: 1440px) and (max-width:1919px) {
    .kw #wrapper .cart-summary-dropdown .card-body,.kw #wrapper .cart-summary-dropdown .card-footer {
        padding:1px 15px
    }

    .kw #wrapper .cart-summary-dropdown .product-item .right-lbl {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: initial
    }

    .kw #wrapper .header .main-header ul.right-nav li.cart-dropdown .cart-summary-dropdown {
        width: 400px;
        left: -160px
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    .kw #wrapper .cart-summary-dropdown .card-footer .card-action .btn {
        margin-bottom:12px
    }

    .kw #wrapper .cart-summary-dropdown .card-footer .card-action {
        margin-bottom: 25px;
        margin-top: 25px
    }

    .kw #wrapper .cart-summary-dropdown .card-footer .card-action .btn {
        font-size: 9px;
        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px
    }

    .kw #wrapper .cart-summary-dropdown .card-footer .card-action .btn.btn-link {
        padding-right: 0;
        padding-left: 0
    }

    .kw #wrapper .cart-summary-dropdown .product-item .product-img {
        width: 52px;
        height: 74px;
        padding: 10px 10px;
        margin-right: 4px
    }

    .kw #wrapper .header .main-header ul.right-nav li.cart-dropdown .cart-summary-dropdown {
        width: 335px;
        left: -135px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown {
        width:385px;
        left: 0;
        top: 40px;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown.show {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .card-body {
        max-height: 550px;
        overflow-y: hidden
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .sect-title {
        font-size: 18px
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .product-item {
        padding: 15px 0 15px 0
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .product-item p {
        font-size: 14px
    }
}

@media(min-width: 280px) and (max-width:767px) {
    .kw #wrapper .manage-slider .plan-detail-wrapper .slanted::before {
        right:-10px !important
    }

    .transfer-funds-box {
        -webkit-box-shadow: 0 0 5px 0 rgba(50,50,50,.75) !important;
        box-shadow: 0 4px 5px 2px rgba(50,50,50,.18) !important
    }

    .map-search-section-location-list li p {
        font-size: 11px !important
    }

    .kw #wrapper .special-produt .product-thumbnail.slide_height {
        min-height: 364px !important
    }

    .kw #wrapper .product-thumbnail.slide_height {
        min-height: 400px !important
    }

    .kw #wrapper .layout-2-10 .manage-slider-offers .product-thumbnail.slide_height {
        min-height: 350px !important
    }

    .kw #wrapper .layout-2-10 .manage-slider-offers.zain-gaming .product-thumbnail.slide_height {
        min-height: 310px !important
    }

    .kw #wrapper .manage-slider-offers .product-thumbnail.slide_height {
        min-height: 350px !important
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown {
        width: 270px;
        left: 0;
        top: 40px;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown.show {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .card-body {
        max-height: auto !important
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .sect-title {
        font-size: 18px
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .product-item {
        padding: 10px 0 10px 0
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .product-item>.row .col-2 {
        margin-left: 25px
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .product-item>.row .col-2 .product-img {
        margin-right: 4px
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .product-item p {
        font-size: 13px
    }

    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .product-item .right-lbl {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        max-width: 60px
    }
}

@media(min-width: 280px) and (max-width:420px) {
    .kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown {
        width:270px;
        left: -26px;
        top: 40px
    }
}

.kw #wrapper .setbg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center !important
}

.kw #wrapper .filters {
    max-width: 80%;
    width: 332px;
    padding-bottom: 30px;
    margin-top: 15px
}

.kw #wrapper .filters .filter-option-group {
    border-top: 1px solid #e3e3e3
}

.kw #wrapper .filters .filter-option-group:first-child {
    border-top: 0
}

.kw #wrapper .filters .filter-option-group .title {
    margin: 15px 0
}

.kw #wrapper .filters .custom-checkbox {
    margin-bottom: 14px
}

.kw #wrapper .filters .custom-checkbox label {
    font-family: NunitoSans-Regular,sans-serif;
    font-weight: 100;
    color: #727272;
    padding-right: 36px
}

.kw #wrapper .filters .custom-checkbox input:checked+label {
    font-family: NunitoSans-Black,sans-serif;
    color: #000
}

.kw #wrapper .filters .input-group {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    position: relative;
    margin-bottom: 30px
}

.kw #wrapper .filters .input-group input.form-control {
    border: 0;
    min-height: 50px;
    background-color: #fff
}

.kw #wrapper .filters .input-group input.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .cart-summary-dropdown {
    left: 0 !important;
    width: 250px;
    border-radius: 5px
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .cart-summary-dropdown .profile-dropmen-login {
    text-align: center;
    color: #000
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .card-body {
    padding: 15px 10px 0
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-login {
    padding-top: 15px;
    color: #aeaeae !important;
    font-size: 12px;
    padding-bottom: 10px
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-login .new-registration i,.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-login .no-button-style {
    border: none !important;
    background: 0 0 !important;
    color: #000 !important;
    padding-top: 5px !important
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-login .new-registration i {
    margin: 0 5px
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-login .new-registration {
    padding-top: 15px
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-links {
    background: #f7f7f7;
    margin: 0 -10px
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-links li {
    display: block;
    border-bottom: rgba(255,255,255,.1490196078) solid 1px
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-links a {
    border: none !important;
    background: 0 0 !important;
    display: block;
    color: #000
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-links li+li::before {
    content: "";
    height: 15px;
    width: 1px;
    background: rgba(255,255,255,.3);
    right: 0;
    top: 0;
    display: none
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-links li.logout {
    text-align: left;
    background: #fff
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn .profile-dropmen-links li.logout a i {
    color: #000 !important
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin .cart-summary-dropdown .profile-dropmen-login .btn {
    width: 50%;
    text-align: center;
    display: block;
    padding: 0 !important;
    line-height: 38px;
    margin-bottom: 10px
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin .cart-summary-dropdown .profile-dropmen-login h3 {
    margin-top: -10px;
    margin-bottom: 15px;
    text-align: right;
    padding-right: 10px;
    color: #000
}

.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin .active,.kw #wrapper .header .main-header ul.right-nav li.profile-btn.logedin .active i {
    color: #fff !important;
    border-color: #23b7c0 !important;
    background: 0 0 !important
}

.kw #wrapper .header .main-header ul.right-nav li a i.font-10 {
    font-size: 10px !important
}

.kw #wrapper .header .main-header ul.right-nav li+li::before {
    display: none !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin a.new-window {
    padding: 0 !important;
    background: 0 0 !important;
    border: 0 !important;
    display: inherit !important;
    position: absolute !important;
    left: 20px !important;
    top: 24px !important
}

.kw #wrapper .header .main-header.sticky {
    position: fixed !important;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 100;
    background-size: auto;
    background-size: cover !important;
    background-position: center center !important
}

.kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu li a {
    font-size: 18px !important;
    line-height: 20px !important;
    color: #2e2e2e !important;
    font-family: NunitoSans-SemiBold !important;
    text-transform: capitalize
}

.kw #wrapper .header ul li a .select2-container .select2-results__option {
    background-color: #fff !important
}

.select2-container .select2-results__option--highlighted,.select2-container .select2-results__option:hover {
    color: #d12b8a !important;
    background-color: rgba(209,43,138,.4) !important
}

.select2-dropdown,.select2-dropdown:hover {
    -webkit-box-shadow: 0 0 8px -1px #8f8f8f;
    box-shadow: 0 0 8px -1px #8f8f8f
}

ul.select2-results__options {
    border: 0 solid #c9c9c9 !important
}

.select2-results__options::-webkit-scrollbar {
    width: 5px
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: #d3d3d3
}

.select2-results__options::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(54,54,54,.7) !important;
    box-shadow: inset 0 0 6px rgba(54,54,54,.7) !important;
    border-radius: 10px
}

.select2-dropdown {
    z-index: 1052
}

.kw #wrapper .header ul li a {
    padding: 10px 8px
}

.kw #wrapper .header .main-header ul.main-navigation li.megamenu-container .nav_navigation_new.megamenu {
    overflow: hidden
}

.banner_slider_section {
    top: -51px !important
}

ul.mobile-nav {
    margin-bottom: 0
}

span.img-changer-text {
    top: 3px;
    position: relative
}

@media(min-width: 280px) and (max-width:767px) {
    .kw #wrapper .header .main-header .site-logo img {
        top:0 !important
    }
}

.btn i.icon-right-arrow {
    right: unset
}

body.open .main-header-bg {
    z-index: 99
}

.country_popup {
    position: fixed;
    width: 800px;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(calc(-50% * -1),-50%);
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    display: none;
    z-index: 1111
}

.order-tracking-popup.show {
    display: block
}

.order-tracking-popup .order-tracking-popup-header {
    text-align: center;
    padding-top: 20px;
    max-width: 60%;
    margin: auto
}

.order-tracking-popup .order-tracking-popup-header h3 span {
    display: block;
    text-align: center;
    padding-bottom: 10px
}

.order-tracking-popup .order-tracking-popup-header p {
    color: #727272;
    margin: 0;
    padding-bottom: 20px
}

.order-tracking-popup .order-tracking-popup-content {
    position: relative
}

.order-tracking-popup .order-tracking-popup-content iframe {
    height: 350px;
    width: 100%;
    margin: 0
}

.order-tracking-popup .order-tracking-popup-content .shipping-tracker {
    position: absolute;
    right: 20%;
    top: 30%;
    z-index: 1
}

.g-recaptcha {
    margin-bottom: 20px
}

.close-tracking {
    font-family: NunitoSans-Regular !important
}

.order-tracking-popup .close-tracking {
    height: 30px;
    width: 30px;
    background: #f7f7f7 !important;
    line-height: 30px;
    border-radius: 50%;
    overflow: hidden;
    color: #000;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 5px;
    text-align: center
}

.order-tracking-popup {
    z-index: 999
}

@media(min-width: 280px) and (max-width:767px) {
    .order-tracking-popup {
        width:90% !important;
        max-height: 95%;
        overflow: auto
    }

    .kw #wrapper .header .mainheader ul.mobile-nav li.cart-dropdown.profile-btn .cart-summary-dropdown {
        -webkit-transform-origin: 100% 0 !important;
        transform-origin: 100% 0 !important;
        -webkit-transform: translate(-30%,0) !important;
        transform: translate(calc(-30% * -1),0) !important
    }
}

.kw #wrapper .form-validation.user_pg .form-group .form-control.nationality-select {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6);
    box-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.kw #wrapper .form-validation.user_pg .form-group .form-control {
    color: #2e2e2e !important;
    font-family: nunitosans-semibold !important;
    font-size: 14px
}

div#p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_mainnavbarquicklink_ {
    float: right;
    width: 100%
}

.dialog-iframe-modal.modal {
    display: block !important;
    margin: 0;
    overflow: hidden;
    position: fixed !important
}

a#profiledropdown-btn {
    text-transform: unset !important
}

@media(min-width: 280px) and (max-width:767px) {
    .header-height {
        height:60px !important
    }
}

@media(max-width: 767px) and (min-width:200px) {
    .section-wrapper .product-listing-container .container-fluid-custom {
        padding-left:8px;
        padding-right: 8px
    }
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control::-webkit-input-placeholder {
    color: #c2c2c2 !important
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control::-moz-placeholder {
    color: #c2c2c2 !important
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control:-ms-input-placeholder {
    color: #c2c2c2 !important
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control::-ms-input-placeholder {
    color: #c2c2c2 !important
}

.kw #wrapper footer.main_new_footer .order-track .form-group .form-control::placeholder {
    color: #c2c2c2 !important
}

@media(max-width: 1199px) and (min-width:200px) {
    .main-header .mobile-menu-toggle .main-mobile-menu .mobile-megamenu li .mobile-megamenu-level-2 .lvl-2-header .container-fluid-custom .heading {
        -webkit-box-pack:unset !important;
        -ms-flex-pack: unset !important;
        justify-content: unset !important;
        display: block !important
    }
}

.portlet-layout .portlet-header {
    margin-bottom: 0 !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin a {
    padding: 6px 30px 6px 12px !important;
    border: 1px solid #23b7c0;
    background: 0;
    color: #fff;
    border-radius: 10px !important
}

.right-nav-new .profile-image {
    background-color: transparent !important;
    border: 0 !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin a .user-info p {
    font-size: 12px;
    line-height: 14px
}

.new-address-popup .close-tracking {
    top: 40px;
    left: 40px;
    line-height: 27px !important
}

.new-address-popup .close-tracking img {
    width: 12px
}

.id_upload .close-tracking img {
    width: 12px
}

@media(min-width: 980px) {
    .main-header .btn-close {
        position:absolute;
        left: -85px;
        top: 50%
    }
}

.nav-tabs .nav-item,.nav-tabs .nav-underline .tab,.nav-underline .nav-tabs .tab {
    margin-bottom: -1px
}

.nav>li {
    position: relative
}

.nav-tabs>li {
    margin-bottom: -1px
}

.nav-item,.nav-underline .tab {
    word-wrap: break-word
}

*,::after,::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-tabs {
    font-size: .875rem
}

.nav {
    font-size: .875rem
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none
}

.form-control-select,select.form-control:not([multiple]):not([size]) {
    background-image: unset !important
}

.kw #wrapper .header.main-header-bg .sub-header ul.right-menu li a {
    color: #6f6f6f !important
}

.wrapper_control_frm .down_arrow_rtm {
    font-size: 14px;
    -webkit-transform: rotate(90deg) translateX(-50%);
    transform: rotate(90deg) translateX(calc(-50% * -1));
    left: 15px
}

.wrapper_control_frm i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    color: #aeaeae;
    font-size: 20px
}

.kw #wrapper .form-validation.user_pg .form-group .form-control.nationality-select {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6);
    box-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.kw #wrapper .form-validation.user_pg .form-group .form-control {
    color: #2e2e2e !important;
    font-family: nunitosans-semibold !important;
    font-size: 14px
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin a {
    padding: 6px 30px 6px 12px !important;
    border: 1px solid #23b7c0;
    background: 0;
    color: #fff;
    border-radius: 10px !important
}

.new_mobile_menu .profile-btn .mobile-profile-img {
    background: 0 0 !important;
    color: #fff !important
}

.main-footer2.footer_extra_master {
    background: #f8f8f8 !important
}

@media(min-width: 280px) and (max-width:767px) {
    .kw #wrapper .main-header-row .container,.kw #wrapper .new_mobile_footer .container {
        max-width:100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .footer_extra_master .footer_zain_new .footer_new ul {
        gap: 20px !important
    }
}

.footer_extra_master .footer_zain_new .footer_new ul {
    gap: 20px !important
}

.footer_extra_master .footer_zain_new a img {
    max-width: 120px
}

@media(max-width: 767px) {
    .main-footer2.footer_extra_master .disclaimer_footer {
        text-align:center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: right
    }
}

.main-footer2.footer_extra_master .disclaimer_footer {
    margin-top: 27px
}

.main-footer2.footer_extra_master .disclaimer_footer a {
    text-decoration: underline !important;
    margin-left: 13px;
    -webkit-transition: 250ms all ease-in;
    transition: 250ms all ease-in
}

.main-footer2.footer_extra_master .disclaimer_footer a,.main-footer2.footer_extra_master .disclaimer_footer p {
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f
}

.order-tracking-popup.new-address-popup {
    max-width: 888px !important;
    padding: 40px
}

.new-address-popup .order-tracking-popup-header {
    max-width: 100% !important
}

.new-address-popup .form-group {
    text-align: right
}

.kw #wrapper .form-validation.user_pg .form-group .form-control.nationality-select {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6);
    box-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.kw #wrapper .form-validation.user_pg .form-group .form-control {
    color: #2e2e2e !important;
    font-family: nunitosans-semibold !important;
    font-size: 14px
}

select.form-control.nationality-select {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6);
    box-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.kw #wrapper .country_popup.summary-form label {
    color: #6f6f6f !important
}

@media(min-width: 1200px) {
    .header.shop_landing_header .main-header ul.right-nav li.grand-total .embeded-header-cart .total-price-value {
        font-size:18px
    }

    .header.shop_landing_header .main-header ul.right-nav li.grand-total .embeded-header-cart .total-price-heading {
        font-size: 12px
    }
}

@media(min-width: 768px) {
    .header.shop_landing_header .main-header ul.right-nav li.grand-total .embeded-header-cart .total-price-value {
        font-size:16px
    }
}

.header.shop_landing_header .main-header ul.right-nav li.grand-total .embeded-header-cart .total-price-value {
    margin-bottom: 0
}

.header.shop_landing_header .main-header ul.right-nav li.grand-total .embeded-header-cart .total-price-heading {
    margin-bottom: 0;
    margin-left: 50px
}

.section-wrapper .mt-1,.section-wrapper .my-1 {
    margin-top: .25rem !important
}

@media(max-width: 1199px) {
    .header.shop_landing_header .main-header .main-menu .mobile-controls ul.mobile-nav li.grand-total {
        display:none !important
    }
}

.header.shop_landing_header .main-header .main-menu .mobile-controls ul.mobile-nav li.grand-total {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 70px;
    overflow: hidden
}

@media(max-width: 1199px) and (min-width:200px) {
    .header.shop_landing_header .main-header .main-menu .mobile-controls ul.mobile-nav li {
        position:relative
    }
}

.header.shop_landing_header .main-header .main-menu .mobile-controls ul.mobile-nav li {
    list-style: none;
    display: inline
}

.section-wrapper .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active {
    margin-right: 10px !important
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active,.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.completed {
    opacity: 1
}

@media(max-width: 767px) and (min-width:320px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step {
        padding-top:0;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center !important;
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }

    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label {
        position: absolute;
        right: 0;
        margin: 0 0 0 48px !important;
        background: #fff;
        z-index: 1;
        padding-left: 10px;
        min-height: 100%;
        vertical-align: middle;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_circle {
        height: 35px !important;
        width: 35px;
        border: 1px solid #ffbde3;
        display: inline-block;
        padding-top: 6px
    }
}

@media(min-width: 320px) and (max-width:767px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_label {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        visibility: hidden;
        z-index: 1
    }

    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        display: none;
        margin-right: 0;
        margin-bottom: 0
    }
}

@media(max-width: 767px) and (min-width:30px) {
    .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
        position:absolute;
        right: 0;
        display: none;
        z-index: 1;
        min-height: 100%;
        vertical-align: middle;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .4
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step .step_label {
    margin-right: -15px;
    margin-bottom: 18px;
    font-family: NunitoSans-Black;
    font-weight: unset;
    letter-spacing: .4px;
    line-height: 1.6;
    text-transform: unset
}

@media(max-width: 767px) {
    .section-wrapper .zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_circle {
        margin:0 auto 0 0 !important
    }
}

.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.active .step_circle,.zain-cart-summary-checkout-step .section-checkout_progressbar .progress-status .step.completed .step_circle {
    background: #d12b8a;
    color: #fff
}

@media(max-width: 767px) and (min-width:280px) {
    .section-wrapper .product-detail-header .container {
        margin-right:auto !important;
        margin-left: auto !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .cart-numbers {
        top: -10px !important
    }

    .display-none-mobile-header {
        display: none
    }
}

footer.main-footer .footer-content .footer-links {
    margin-bottom: 34px !important
}

.country-dd-top {
    top: 45px
}

footer.main-footer .copyright_sect {
    margin-right: unset !important
}

.country-dd-top {
    top: 45px !important
}

.btn.btn-pc-3:not(.continue-form-btn) {
    background: #d12b8a !important;
    color: #fff !important;
    border: 2px solid transparent !important
}

.kw #wrapper .form-group label {
    color: #6f6f6f !important
}

.share__btn__2 img {
    margin-right: 2px;
    margin-left: 4px
}

.new_nav .custom_badge {
    padding: 2px 6px 3px 6px;
    font-size: 10px;
    line-height: 14px;
    color: #f8f8f8;
    border-radius: 112px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    margin-right: 10px
}

.custom_badge {
    padding: 2px 6px 3px 6px;
    font-size: 10px;
    line-height: 14px;
    color: #f8f8f8;
    border-radius: 112px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    margin-right: 10px
}

@media(max-width: 1199px) {
    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links .megamenu-link .custom_badge {
        font-size:14px !important;
        font-family: NunitoSans-SemiBold,sans-serif !important;
        color: #f8f8f8;
        margin-right: 10px;
        line-height: 20px
    }

    .display-none-mobile-header {
        display: none
    }
}

@media(max-width: 767px) and (min-width:280px) {
    .kw #wrapper .header .main-header .new_mobile_menu .main-mobile-menu .mobile-megamenu .hasSubNav .mobile-megamenu-level-2 .lvl-2-content .accordian-menu li .expandable-links .megamenu-link .custom_badge {
        font-size:14px !important;
        font-family: NunitoSans-SemiBold,sans-serif !important;
        color: #f8f8f8;
        margin-right: 10px;
        line-height: 20px
    }
}

.ctm-cll-ul::-webkit-scrollbar {
    width: 5px
}

.ctm-cll-ul::-webkit-scrollbar-track {
    background: #c0c2c1
}

.ctm-cll-ul::-webkit-scrollbar-thumb {
    background: #c0c2c1
}

.kw #wrapper .header .main-header ul.right-nav {
    margin-bottom: 0 !important
}

.ctm_search_bar {
    top: unset !important
}

.kw #wrapper .header .main-header ul.right-nav.right-nav-new li.profile-btn.logedin .ctm-choose-line-list .ctm-cll-ul li a {
    margin-left: 5px
}

@media(max-width: 1199px) {
    .kw #wrapper .header .main-header .mobile-controls .loggedin-profile .ctm-choose-line-list .ctm-cll-ul li a {
        margin-left:5px
    }
}

.kw #wrapper .header .main-header ul.mobile-nav li.cart-dropdown .cart-summary-dropdown .card-body,.kw #wrapper .header .main-header ul.right-nav li.cart-dropdown .cart-summary-dropdown .card-body {
    overflow-x: hidden
}

.flex-align-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

ul {
    padding: 0;
    margin: 0
}

.kw #wrapper .product-item .product-img img {
    width: 100%
}

.dropdown-header:first-child {
    margin-top: 0
}

.icon-ok {
    font-family: fontawesome-alloy !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.ctm_search_bar.show {
    max-height: 100vh !important;
    overflow-y: scroll !important
}

.ctm_search_bar.show::-webkit-scrollbar {
    display: none
}

.showchatbot {
    z-index: 9 !important
}

.hidechatbot {
    z-index: 0 !important
}

.portlet-body .product-card-tiles {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 0rem !important
}

.portlet-body .product-card-tiles .cp-renderer {
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%
}

.portlet-body .product-card-tiles .cp-renderer span.price.compact {
    display: none
}

.portlet-body .product-card-tiles .cp-renderer div.cp-information+div {
    display: none
}

.portlet-body .product-card-tiles .cp-renderer .card-item-first.position-relative {
    min-height: 190px;
    text-align: center
}

@media(min-width: 768px) {
    .portlet-body .product-card-tiles .cp-renderer img.img-fluid.product-card-picture {
        width:75%
    }
}

.cart-dropdown.profile-btn.logedin .user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-header .container-fluid-custom .panel-body {
    padding: 0
}

.product-filters .filter-option-group .panel-header {
    font-size: 22px;
    text-decoration: none;
    cursor: default;
    padding: 0;
    font-family: NunitoSans-Regular;
    margin: 15px 0;
    line-height: 1.6;
    letter-spacing: .4px;
    color: #000
}

.product-filters .filter-option-group .panel-header .panel-title {
    font-weight: 600
}

.product-filters .filter-option-group .panel-header .collapse-icon-closed,.product-filters .filter-option-group .panel-header .collapse-icon-open {
    display: none
}

.container.product-detail-body.zain-product-detail-body.custom-tabs-wrapper .plan-carousel-container .slide-content .plan-detail-wrapper .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-detail-header .right-content-area .stockQuantity {
    display: none
}

.kw #wrapper .section-products-summary.consumer-cart-summary .product-item .product_signle_second label.right-lbl {
    margin-right: 4px;
    margin-top: 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.taglib-empty-result-message .text-secondary {
    color: #272833 !important
}

.z-device-modal .devices-Table-specifications table tbody tr td button,.z-newline-modal .devices-Table-specifications table tbody tr td button {
    width: auto !important;
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important
}

.pagination-items-per-page>a,.pagination-items-per-page>button {
    color: #d12b8a
}

.Z-Packages .Z-Package .Z-choose-device.you-also-get .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.zain-wishlist-page .taglib-empty-result-message-header {
    display: none
}

.zain-wishlist-page .taglib-empty-result-message {
    border: 0;
    background: rgba(209,43,138,.05);
    margin-bottom: 20px
}

.zain-wishlist-page .text-center {
    font-weight: 700;
    font-size: 24px;
    color: #70489d !important;
    font-family: NunitoSans-SemiBold,sans-serif;
    padding: 24px 24px
}

.zain-wishlist-page .products-grid-item .product-detail .price-tag h4 span {
    color: #272833
}

.zain-wishlist-page .rating-container .star-rating .ratings-stars {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.in-out-bound #portlet_zain_im_redirect_portlet_ZainImRedirectPortlet {
    display: none
}

.modal-open .modal {
    display: none
}

.product-detail span.price-label {
    display: none !important
}

.product-detail span.price-value {
    display: none !important
}

.reviews-sec-wrapper .panel .panel-header-link {
    display: none
}

.reviews-sec-wrapper .panel .panel-collapse {
    display: block
}

@media(max-width: 767px) and (min-width:200px) {
    .section-wrapper .product-listing-container .row:not(.no-gutters)>[class*=col-].left-content-area.open {
        margin-right:0;
        margin-left: 0
    }
}

html[dir=rtl] .cadmin .user-control-group .control-menu-nav-item:nth-child(2) .btn-monospaced.btn-sm {
    background-color: unset;
    border: 0
}

html[dir=rtl] .cadmin .user-control-group .control-menu-nav-item:nth-child(2) svg.lexicon-icon.lexicon-icon-view.icon-monospaced {
    padding: 4px
}

html[dir=rtl] .cadmin .user-control-group .control-menu-nav-item svg.lexicon-icon {
    font-size: 14px
}