a:hover,
a {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    text-decoration: none !important;
    outline: none !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.d-flex {
    display: flex !important;
}

/**================== CUSTOM STYLE CHECKBOX ==================**/

.CR-def-checkbox:hover {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    color: var(--cl-black);
}

.CR-def-checkbox {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative;
    margin-bottom: 0 !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 100%;
    padding: 0 0 0 2rem;
    word-break: break-word;
    color: var(--cl-gray);
    font-size: 0.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

.CR-def-checkbox input {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer !important;
    height: 0 !important;
    width: 0 !important;
}

.CR-def-checkbox .checkmark {
    height: 1.5rem;
    width: 1.5rem;
    background-color: var(--cl-white);
    border-radius: 0.2rem;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: absolute;
    left: 0;
    border: 1px solid rgba(61, 65, 150, 0.35);
}

.CR-def-checkbox:hover input~.checkmark {
    background-color: var(--cl-white);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-def-checkbox input:checked~.checkmark {
    background-color: #d03338;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-color: #d03338;
}

.CR-def-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.CR-def-checkbox input:checked~.checkmark:after {
    display: block;
}

.CR-def-checkbox .checkmark:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 0.7rem;
    color: var(--cl-white);
    pointer-events: none;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-def-checkbox-switch {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 1.25rem;
    -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;
}

.CR-def-checkbox-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.CR-def-checkbox-slider {
    position: relative;
    cursor: pointer;
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    width: 2.5rem;
    height: 100%;
}

.CR-def-checkbox-slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 3px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.CR-def-checkbox-switch input:checked+.CR-def-checkbox-slider {
    background-color: #D03338;
}

.CR-def-checkbox-switch input:focus+.CR-def-checkbox-slider {
    box-shadow: 0 0 1px #D03338;
}

.CR-def-checkbox-switch input:checked+.CR-def-checkbox-slider:before {
    -webkit-transform: translate(1.125rem, -50%);
    -ms-transform: translate(1.125rem, -50%);
    transform: translate(1.125rem, -50%);
}

.CR-def-checkbox-slider.round {
    border-radius: 6.25rem;
}

.CR-def-checkbox-slider.round:before {
    border-radius: 50%;
}

.CR-def-checkbox-switch b {
    /* position: absolute; */
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%); */
    /*-ms-transform: translateY(-50%);*/
    /* transform: translateY(-50%); */
    /*left: calc(100% + 0.3125rem);*/
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: normal;
    color: var(--cl-black);
    margin-left: 0.5rem;
}

/**================== CUSTOM SELECT ==================**/

.CRcustom_sl {
    width: 10.625rem;
}

.CRcustom_sl select {
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 100px;
    opacity: 0;
}

.CRcustom_sl .select:hover {
    -webkit-box-sizing: border-box;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CRcustom_sl .select:hover .select-styled {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-color: transparent;
}

.CRcustom_sl .select {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 0;
    margin: 0;
    /*background: var(--cl-white);*/
    /*border: 1px solid rgba(9, 2, 41, 0.3);*/
    /*border-radius: 0.3125rem;*/
}

.CRcustom_sl .select:after {
    content: '\f078';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: unset;
    right: 0;
    font-size: 0.625rem;
    color: #333333;
    pointer-events: none;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CRcustom_sl .select-styled {
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    line-height: normal;
    color: #666666;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    height: 2.5rem;
}

.CRcustom_sl .select select {
    display: none;
}

.CRcustom_sl .select-options-box::-webkit-scrollbar {
    width: 1px;
    border-radius: 2px;
    background-color: #E8E9F9;
}

.CRcustom_sl .select-options-box::-webkit-scrollbar-track {
    border: none;
}

.CRcustom_sl .select-options-box::-webkit-scrollbar-thumb {
    background-color: rgb(61 65 150 / 50%);
    outline: 1px solid rgb(61 65 150 / 50%);
}

.CRcustom_sl .select-options-box {
    max-height: 26.25rem;
    overflow-y: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.CRcustom_sl .select-options {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 7;
    margin: 0;
    list-style: none;
    top: 2.625rem;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    background-color: var(--cl-white);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
    padding: 0;
}

.CRcustom_sl .select-options li {
    position: relative;
    margin: 0;
    padding: 0.625rem !important;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    width: 100%;
    text-align: left;
    cursor: pointer;
    line-height: normal;
    background: var(--cl-white);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    color: #333333;
}

.CRcustom_sl .select-options li:not(:last-child) {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
}

.CRcustom_sl .select-options li:hover {
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    background-color: rgba(0, 174, 255, 0.1) !important;
    color: #222222;
}

.CRcustom_sl .select-options li[rel='all'],
.CRcustom_sl .select-options li[rel='empt'] {
    display: none;
}

.CRcustom_sl .select-options li.hide {
    background-color: var(--cl-main) !important;
    color: var(--cl-white) !important;
    display: block !important;
    pointer-events: none;
}

.CRcustom_sl.CR-custom-sl-sp .select-options li.hide {
    background-color: var(--cl-white) !important;
    color: var(--cl-red) !important;
    display: block !important;
    pointer-events: none;
}

.CRcustom_sl.CR-custom-sl-sp .select-options li:hover {
    background: #f2f2f2 !important;
    color: #2c2c2c !important;
}

/**================== CHOSEN SELECT ==================**/

.CR-chosen-ajax-load {
    position: relative;
}

.CR-chosen-ajax-load.active>* {
    opacity: 0.3;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.CR-chosen-ajax-load.active:before {
    opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-chosen-ajax-load:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' class='svg-loader' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 80 80' xml:space='preserve'%0A%3E%3Cpath fill='%23DC3B30' d='M10,40c0,0,0-0.4,0-1.1c0-0.3,0-0.8,0-1.3c0-0.3,0-0.5,0-0.8c0-0.3,0.1-0.6,0.1-0.9c0.1-0.6,0.1-1.4,0.2-2.1 c0.2-0.8,0.3-1.6,0.5-2.5c0.2-0.9,0.6-1.8,0.8-2.8c0.3-1,0.8-1.9,1.2-3c0.5-1,1.1-2,1.7-3.1c0.7-1,1.4-2.1,2.2-3.1 c1.6-2.1,3.7-3.9,6-5.6c2.3-1.7,5-3,7.9-4.1c0.7-0.2,1.5-0.4,2.2-0.7c0.7-0.3,1.5-0.3,2.3-0.5c0.8-0.2,1.5-0.3,2.3-0.4l1.2-0.1 l0.6-0.1l0.3,0l0.1,0l0.1,0l0,0c0.1,0-0.1,0,0.1,0c1.5,0,2.9-0.1,4.5,0.2c0.8,0.1,1.6,0.1,2.4,0.3c0.8,0.2,1.5,0.3,2.3,0.5 c3,0.8,5.9,2,8.5,3.6c2.6,1.6,4.9,3.4,6.8,5.4c1,1,1.8,2.1,2.7,3.1c0.8,1.1,1.5,2.1,2.1,3.2c0.6,1.1,1.2,2.1,1.6,3.1 c0.4,1,0.9,2,1.2,3c0.3,1,0.6,1.9,0.8,2.7c0.2,0.9,0.3,1.6,0.5,2.4c0.1,0.4,0.1,0.7,0.2,1c0,0.3,0.1,0.6,0.1,0.9 c0.1,0.6,0.1,1,0.1,1.4C74,39.6,74,40,74,40c0.2,2.2-1.5,4.1-3.7,4.3s-4.1-1.5-4.3-3.7c0-0.1,0-0.2,0-0.3l0-0.4c0,0,0-0.3,0-0.9 c0-0.3,0-0.7,0-1.1c0-0.2,0-0.5,0-0.7c0-0.2-0.1-0.5-0.1-0.8c-0.1-0.6-0.1-1.2-0.2-1.9c-0.1-0.7-0.3-1.4-0.4-2.2 c-0.2-0.8-0.5-1.6-0.7-2.4c-0.3-0.8-0.7-1.7-1.1-2.6c-0.5-0.9-0.9-1.8-1.5-2.7c-0.6-0.9-1.2-1.8-1.9-2.7c-1.4-1.8-3.2-3.4-5.2-4.9 c-2-1.5-4.4-2.7-6.9-3.6c-0.6-0.2-1.3-0.4-1.9-0.6c-0.7-0.2-1.3-0.3-1.9-0.4c-1.2-0.3-2.8-0.4-4.2-0.5l-2,0c-0.7,0-1.4,0.1-2.1,0.1 c-0.7,0.1-1.4,0.1-2,0.3c-0.7,0.1-1.3,0.3-2,0.4c-2.6,0.7-5.2,1.7-7.5,3.1c-2.2,1.4-4.3,2.9-6,4.7c-0.9,0.8-1.6,1.8-2.4,2.7 c-0.7,0.9-1.3,1.9-1.9,2.8c-0.5,1-1,1.9-1.4,2.8c-0.4,0.9-0.8,1.8-1,2.6c-0.3,0.9-0.5,1.6-0.7,2.4c-0.2,0.7-0.3,1.4-0.4,2.1 c-0.1,0.3-0.1,0.6-0.2,0.9c0,0.3-0.1,0.6-0.1,0.8c0,0.5-0.1,0.9-0.1,1.3C10,39.6,10,40,10,40z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='360 40 40' dur='0.8s' repeatCount='indefinite' /%3E%3C/path%3E%3Cpath fill='%23D49200' d='M62,40.1c0,0,0,0.2-0.1,0.7c0,0.2,0,0.5-0.1,0.8c0,0.2,0,0.3,0,0.5c0,0.2-0.1,0.4-0.1,0.7 c-0.1,0.5-0.2,1-0.3,1.6c-0.2,0.5-0.3,1.1-0.5,1.8c-0.2,0.6-0.5,1.3-0.7,1.9c-0.3,0.7-0.7,1.3-1,2.1c-0.4,0.7-0.9,1.4-1.4,2.1 c-0.5,0.7-1.1,1.4-1.7,2c-1.2,1.3-2.7,2.5-4.4,3.6c-1.7,1-3.6,1.8-5.5,2.4c-2,0.5-4,0.7-6.2,0.7c-1.9-0.1-4.1-0.4-6-1.1 c-1.9-0.7-3.7-1.5-5.2-2.6c-1.5-1.1-2.9-2.3-4-3.7c-0.6-0.6-1-1.4-1.5-2c-0.4-0.7-0.8-1.4-1.2-2c-0.3-0.7-0.6-1.3-0.8-2 c-0.2-0.6-0.4-1.2-0.6-1.8c-0.1-0.6-0.3-1.1-0.4-1.6c-0.1-0.5-0.1-1-0.2-1.4c-0.1-0.9-0.1-1.5-0.1-2c0-0.5,0-0.7,0-0.7 s0,0.2,0.1,0.7c0.1,0.5,0,1.1,0.2,2c0.1,0.4,0.2,0.9,0.3,1.4c0.1,0.5,0.3,1,0.5,1.6c0.2,0.6,0.4,1.1,0.7,1.8 c0.3,0.6,0.6,1.2,0.9,1.9c0.4,0.6,0.8,1.3,1.2,1.9c0.5,0.6,1,1.3,1.6,1.8c1.1,1.2,2.5,2.3,4,3.2c1.5,0.9,3.2,1.6,5,2.1 c1.8,0.5,3.6,0.6,5.6,0.6c1.8-0.1,3.7-0.4,5.4-1c1.7-0.6,3.3-1.4,4.7-2.4c1.4-1,2.6-2.1,3.6-3.3c0.5-0.6,0.9-1.2,1.3-1.8 c0.4-0.6,0.7-1.2,1-1.8c0.3-0.6,0.6-1.2,0.8-1.8c0.2-0.6,0.4-1.1,0.5-1.7c0.1-0.5,0.2-1,0.3-1.5c0.1-0.4,0.1-0.8,0.1-1.2 c0-0.2,0-0.4,0.1-0.5c0-0.2,0-0.4,0-0.5c0-0.3,0-0.6,0-0.8c0-0.5,0-0.7,0-0.7c0-1.1,0.9-2,2-2s2,0.9,2,2C62,40,62,40.1,62,40.1z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='-360 40 40' dur='0.6s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-chosen-item .chosen-container:hover .chosen-single {
    -webkit-box-shadow: 0 0 3px var(--cl-white) inset, 0 1px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 0 3px var(--cl-white) inset, 0 1px 1px rgb(0 0 0 / 10%);
}

.CR-chosen-item .chosen-single {
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none !important;
    background: var(--cl-white);
    border: 1px solid #cccccc !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 3rem 0 1rem;
    background-image: none !important;
    -webkit-box-shadow: 0 0 3px var(--cl-white) inset, 0 1px 1px transparent;
    box-shadow: 0 0 3px var(--cl-white) inset, 0 1px 1px transparent;
    font-family: "Nunito", FontAwesome, sans-serif;
}

.CR-chosen-item .chosen-single span {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 0.8125rem/* 13/16 */
    ;
}

.CR-chosen-item .chosen-single div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.5625rem/* 25/16 */
    ;
}

.CR-chosen-item .chosen-single div b {
    background: none !important;
    height: auto;
}

.CR-chosen-item .chosen-with-drop .chosen-single div b:before {
    content: "\f106";
}

.CR-chosen-item .chosen-single div b:before {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 1rem;
    color: var(--cl-black);
}

.CR-chosen-item .chosen-with-drop .chosen-drop {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.CR-chosen-item .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    -webkit-box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    border: none;
    margin-top: 1rem;
    border-radius: 0.5rem;
    transform: scale(0);
    transition: 0.5s ease-in-out;
    opacity: 0;
    pointer-events: none;
}

.CR-chosen-item .chosen-drop .chosen-search {
    padding: 0.5rem;
}

.CR-chosen-item .chosen-drop .chosen-search input.chosen-search-input {
    padding: 0 1.5rem 0 1rem;
    border-radius: 0.4rem;
    height: 2.5rem/* 40/16 */
    ;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    background-color: var(--cl-gray);
    border: none;
    ;
    color: var(--cl-black);
    background-image: none !important;
}

.CR-chosen-item .chosen-drop .chosen-results {
    margin: 0 !important;
    padding: 0 0.5rem 0.5rem;
}

.CR-chosen-item .chosen-drop .chosen-results::-webkit-scrollbar {
    width: 3px;
    border-radius: 2px;
    background-color: var(--cl-white);
}

.CR-chosen-item .chosen-drop .chosen-results::-webkit-scrollbar-track {
    border: none;
}

.CR-chosen-item .chosen-drop .chosen-results::-webkit-scrollbar-thumb {
    background-color: var(--cl-light-gray);
    outline: 1px solid var(--cl-light-gray);
}

.CR-chosen-item .chosen-drop .chosen-results li.result-selected {
    color: var(--cl-blue);
    font-weight: 700;
}

.CR-chosen-item .chosen-drop .chosen-results li.highlighted {
    background: var(--cl-gray) !important;
}

.CR-chosen-item .chosen-drop .chosen-results li {
    padding: 0.5rem;
    word-break: break-word;
    color: var(--cl-black);
    font-size: 0.8125rem/* 13/16 */
     !important;
    font-weight: 600;
    border-radius: 0.3rem;
    line-height: normal;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 100% !important;
    font-family: "Nunito", FontAwesome, sans-serif;
}

.CR-chosen-item .chosen-drop .chosen-results li em {
    color: var(--cl-blue);
    font-weight: 700;
}

/** SELECT 2 **/

.select2-container {
    /*width: 15rem;*/
}

.select2-container.select2-container--open {
    z-index: 9999;
}

.select2-container.select2-container--open .select2-dropdown {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    margin-top: 3.125rem/* 50/16 */
    ;
    width: 18.75rem/* 300/16 */
    ;
}

.select2-dropdown {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    -webkit-box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    border: none;
    margin-top: 0;
    border-radius: 0.5rem;
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
    background: var(--cl-white);
    transform: scale(0);
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.select2-dropdown .select2-search {
    padding: 0.5rem;
    width: 100%;
}

.select2-dropdown .select2-search input {
    padding: 0 1.5rem 0 1rem;
    border-radius: 0.4rem;
    width: 100%;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    background-color: var(--cl-gray);
    border: none;
    color: var(--cl-black);
    background-image: none !important;
    outline: none !important;
}

.select2-dropdown .select2-results {
    margin: 0;
    padding: 0 0.5rem 0.5rem;
    width: 100%;
}

.select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
    width: 3px;
    border-radius: 2px;
    background-color: var(--cl-white);
}

.select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
    border: none;
}

.select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    outline: 1px solid #cccccc;
}

.select2-dropdown .select2-results li.select2-results__option--selected {
    color: var(--cl-blue);
    font-weight: 700;
}

.select2-dropdown .select2-results li.select2-results__option--highlighted {
    background: var(--cl-gray) !important;
    color: var(--cl-black);
}

.select2-dropdown .select2-results li {
    padding: 0.5rem 1rem;
    word-break: break-word;
    color: var(--cl-black);
    font-size: 1rem;
    border-radius: 0.3rem;
    line-height: normal;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 100% !important;
    font-family: "Nunito", FontAwesome, sans-serif;
    cursor: pointer;
    text-transform: capitalize;
}

.select2-dropdown .select2-results li em {
    color: var(--cl-main);
    font-weight: 700;
}

/**================== CUSTOM RANGE FIELD ==================**/

.CR-custom-filter-range {
    height: 2.125rem/* 34/16 */
    ;
    width: 100%;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #777777 !important;
}

.CR-custom-filter-range .head-range {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0.7rem 0 1rem;
    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;
}

.CR-custom-filter-range .head-range .label {
    color: var(--cl-white);
    font-size: 0.8125rem/* 13/16 */
    ;
    line-height: normal;
    font-weight: 400;
    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;
}

.CR-custom-filter-range .head-range .label i {
    font-size: 1rem;
}

.CR-custom-filter-range.show .drop-range {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    pointer-events: auto;
    opacity: 1;
}

.CR-custom-filter-range .drop-range {
    position: absolute;
    margin-top: 0;
    top: 100%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
    opacity: 0;
    background: var(--cl-white);
    width: 15rem;
    box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    border-radius: 8px;
    padding: 0;
    left: 0;
    z-index: 99;
}

.CR-custom-filter-range .list-range {
    padding: 0 0.5rem 0.5rem;
    max-height: 18rem;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.CR-custom-filter-range .list-range::-webkit-scrollbar {
    width: 3px;
    border-radius: 2px;
    background-color: var(--cl-white);
}

.CR-custom-filter-range .list-range::-webkit-scrollbar-track {
    border: none;
}

.CR-custom-filter-range .list-range::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    outline: 1px solid #cccccc;
}

.CR-custom-filter-range .list-range li {
    width: 100% !important;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 0;
}

.CR-custom-filter-range .list-range li:hover a {
    background: #f2f2f2 !important;
}

.CR-custom-filter-range .list-range li.active {
    cursor: no-drop;
}

.CR-custom-filter-range .list-range li.active a {
    color: var(--cl-red);
    pointer-events: none;
    font-weight: 700;
}

.CR-custom-filter-range .list-range li a {
    padding: 0.5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    word-break: break-word;
    color: var(--cl-black);
    font-size: 1rem;
    font-weight: 400;
    background: transparent !important;
}

.CR-custom-filter-range .slide-range .view-box {
    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;
}

.CR-custom-filter-range .slide-range .view-box span {
    background: #c5c4c5;
    width: 5%;
    height: 0.125rem/* 2/16 */
    ;
    margin: 0 0.5rem;
}

.CR-custom-filter-range .slide-range .view-box input {
    border: 1px solid #ececec;
    box-sizing: border-box;
    border-radius: 0.1875rem/* 3/16 */
    ;
    height: 2rem/* 32/16 */
    ;
    font-size: 0.7rem/* 14/16 */
    ;
    text-align: center;
    color: #2c2c2c;
    width: 47.5%;
    outline: none !important;
}

.CR-custom-filter-range .slide-range {
    overflow: hidden;
    padding: 1rem/* 16/16 */
    0.625rem/* 10/16 */
    0.625rem/* 10/16 */
    ;
}

.CR-custom-filter-range .slide-range .slide-box {
    margin: 1.5rem 0 0.75rem;
    padding: 0 0.95rem 0 0.75rem;
}

.CR-custom-filter-range .ui-widget.ui-widget-content {
    position: relative;
    height: 0.25rem/* 4/16 */
    ;
    border: none;
    background: #c5c5c5;
}

.CR-custom-filter-range .ui-slider-horizontal .ui-slider-range {
    background: #e03c31;
    border-color: #e03c31;
}

.CR-custom-filter-range .ui-slider-horizontal .ui-slider-handle {
    border-radius: 50%;
    width: 1.5rem/* 24/16 */
    ;
    height: 1.5rem/* 24/16 */
    ;
    background: #e03c31;
    border-color: #e03c31;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: none !important;
}

/**================== CUSTOM NUMBER BUTTON FIELD ==================**/

.CR-custom-number-btn-field {
    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;
}

.CR-custom-number-btn-field .minus,
.CR-custom-number-btn-field .plus {
    height: 2.625rem;
    width: 2.625rem;
    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;
    border-radius: 0.25rem/* 4/16 */
    ;
    cursor: pointer;
    background-color: var(--cl-main);
    padding: 0.5rem;
    color: var(--cl-white);
    border: none;
    -webkit-box-shadow: -1px 4px 29px transparent;
    box-shadow: -1px 4px 29px transparent;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    font-size: 1rem;
}

.CR-custom-number-btn-field .minus:focus,
.CR-custom-number-btn-field .plus:focus {
    background-color: var(--cl-black) !important;
    color: var(--cl-white) !important;
}

.CR-custom-number-btn-field .minus:hover,
.CR-custom-number-btn-field .plus:hover {
    background-color: var(--cl-black) !important;
    color: var(--cl-white) !important;
    -webkit-box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
    box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
}

.CR-custom-number-btn-field .CR-number-btn-input {
    width: calc(100% - 6.5rem) !important;
    text-align: center;
    pointer-events: none;
    padding: 0 1rem !important;
}

/**================== CUSTOM UPLOAD FIELD ==================**/

.CR-custom-upload-field {}

.CR-custom-upload-field .CR-custom-upload-field-label input {
    display: none !important;
}

.CR-custom-upload-field .CR-custom-note-upload-field {
    margin-bottom: 1rem;
}

.CR-custom-upload-field .CR-custom-note-upload-field p {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.CR-custom-upload-field .CR-custom-note-upload-field p b {
    font-weight: 700;
    color: var(--cl-main);
}

.CR-custom-upload-field-btn:hover {
    opacity: 0.7;
}

.CR-custom-upload-field-btn {
    background: var(--cl-main);
    color: var(--cl-white);
    font-size: 0.85rem;
    font-weight: 600;
    line-height: normal;
    height: 2.5rem/* 40/16 */
    ;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 9.375rem/* 150/16 */
    ;
    padding: 0 1rem;
    border-radius: 0.3125rem/* 5/16 */
    ;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-custom-upload-field-btn svg {
    width: auto;
    height: 1rem;
    margin-right: 0.5rem;
    fill: var(--cl-white);
}

.CR-custom-upload-field-review .note {
    padding: 1rem 0;
}

.CR-custom-upload-field-review .note p {
    font-weight: 600;
    color: var(--cl-black);
    line-height: normal;
    font-size: 0.85rem;
    margin: 0;
}

.CR-custom-upload-field-review .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.3125rem/* -5/16 */
    ;
}

.CR-custom-upload-field-item {
    width: 20%;
    padding: 0.3125rem/* 5/16 */
    ;
}

.CR-custom-upload-field-item .wrap {
    position: relative;
    -webkit-box-shadow: 0px 4px 6px 0px rgb(44 44 44 / 4%);
    box-shadow: 0px 4px 6px 0px rgb(44 44 44 / 4%);
    border: 1px solid var(--cl-gray);
    border-radius: 0.3125rem/* 5/16 */
    ;
    overflow: hidden;
}

.CR-custom-upload-field-item .image-review {
    background: var(--cl-gray);
    border-radius: 0.3125rem/* 5/16 */
    ;
    overflow: hidden;
    position: relative;
    aspect-ratio: 16/9;
}

.CR-custom-upload-field-item .image-review img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.CR-custom-upload-field-item .action-review {
    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: 0.85rem;
}

.CR-custom-upload-field-item .action-review a {
    width: 1.875rem/* 30/16 */
    ;
    height: 1.875rem/* 30/16 */
    ;
    border-radius: 0.3125rem/* 5/16 */
    ;
    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: 1px solid #dce0e0;
}

.CR-custom-upload-field-item .action-review a.active-main:hover,
.CR-custom-upload-field-item .action-review a.active-main {
    background: var(--cl-main);
    border-color: var(--cl-main);
}

.CR-custom-upload-field-item .action-review a:hover {
    background: var(--cl-black);
    border-color: var(--cl-black);
}

.CR-custom-upload-field-item .action-review a.active-main svg,
.CR-custom-upload-field-item .action-review a:hover svg {
    fill: var(--cl-white);
}

.CR-custom-upload-field-item .action-review a svg {
    width: auto;
    height: 45%;
    fill: var(--cl-black);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/**================== RATING STAR ==================**/

.CR-custom-rating-field {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.CR-custom-rating-field .rating__icon {
    pointer-events: none;
}

.CR-custom-rating-field .rating__input {
    position: absolute !important;
    left: -9999px !important;
}

.CR-custom-rating-field .rating__input--none {
    display: none;
}

.CR-custom-rating-field .rating__label {
    cursor: pointer;
    padding: 0 0.25rem/* 4/16 */
    ;
    font-size: 0.9375rem/* 15/16 */
    ;
    margin: 0;
}

.CR-custom-rating-field .rating__icon--star {
    color: var(--cl-blue);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.CR-custom-rating-field .rating__input:checked~.rating__label .rating__icon--star {
    color: var(--cl-light-gray);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.CR-custom-rating-field:hover .rating__label .rating__icon--star {
    color: var(--cl-blue);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.CR-custom-rating-field .rating__input:hover~.rating__label .rating__icon--star {
    color: var(--cl-light-gray);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

/**================== DEFAULT LOAD - ERROR ==================**/

.spinner-submit {
    border-radius: 50%;
    width: 1.5625rem;
    height: 1.5625rem;
    position: relative;
    display: inline-block;
    border: 2px solid #eeeeee;
    border-top-color: #1d1d1d;
    -webkit-animation: loadingSubmit 1s infinite;
    animation: loadingSubmit 1s infinite;
}

@-webkit-keyframes loadingSubmit {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.error-mes-form .content-err {
    font-size: 0.625rem;
    width: calc(100% - 1.875rem);
    display: inline-block;
}

.dis-err {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 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;
    padding: 0 0.8rem;
    font-size: 0.8rem;
}

.hrError .error-mes-form {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: all;
    cursor: pointer;
    top: 50%;
}

.error-mes-form {
    background-color: var(--cl-red);
    border-radius: 1rem;
    color: var(--cl-white);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    height: 75%;
    text-align: left;
    margin: 0;
    padding-left: 0.625rem;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    position: absolute;
    pointer-events: none;
    z-index: 8;
    left: 0.3rem;
    right: 0.3rem;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.CR-hide-mobile {
    display: none;
}

.hrError .chosen-single,
.hrError textarea,
.hrError select,
.hrError input {
    border: 1px solid var(--cl-red) !important;
}

/**================== NOTICE MESSAGE ==================**/

.notifyjs-container {
    box-sizing: border-box;
    background: var(--cl-white);
    border: 1px solid var(--cl-light-gray);
    box-shadow: 0 0 8px rgb(0 0 0 / 15%);
    border-radius: 1rem/* 16/16 */
    ;
    padding: 1.125rem/* 18/16 */
    ;
}

.notifyjs-container .CR-notice-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    max-width: 20rem;
}

.notifyjs-container .CR-notice-box .icon {
    min-width: 1rem;
    width: 1rem;
    margin-right: 0.5rem;
}

.notifyjs-container .CR-notice-box.success .icon svg {
    fill: var(--cl-black);
}

.notifyjs-container .CR-notice-box.error .icon svg {
    fill: var(--cl-dark-red);
}

.notifyjs-container .CR-notice-box .icon svg {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.notifyjs-container .CR-notice-box.success .message-notice {
    color: var(--cl-black);
}

.notifyjs-container .CR-notice-box.error .message-notice {
    color: var(--cl-dark-red);
}

.notifyjs-container .CR-notice-box .message-notice {
    font-weight: 700;
    font-size: 0.875rem/* 14/16 */
    ;
    line-height: normal;
    letter-spacing: .03em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.notifyjs-container .CR-notice-box .message-notice * {
    font-weight: 700;
    font-size: 0.875rem/* 14/16 */
    ;
    line-height: normal;
    letter-spacing: .03em;
}

.notifyjs-container .CR-notice-box .message-notice p {
    margin: 0;
}

.notifyjs-container .CR-notice-box .CR-btn:hover {
    background: var(--cl-black);
    color: var(--cl-white);
}

.notifyjs-container .CR-notice-box .CR-btn {
    background: var(--cl-white);
    color: var(--cl-black);
    border-radius: 1rem/* 16/16 */
    ;
    border: 2px solid var(--cl-black);
    font-size: 0.875rem/* 14/16 */
    ;
    line-height: normal;
    height: 2.5rem/* 40/16 */
    ;
    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-top: 0.75rem;
}

.CR-notify-message-heading {
    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;
}

.notifyjs-container .CR-item-notify {
    padding-top: 0.9375rem/* 15/16 */
    ;
    border-top: 1px solid var(--cl-light-gray);
    margin-top: 0.9375rem/* 15/16 */
    ;
    padding-bottom: 0.3125rem/* 5/16 */
    ;
    width: 100%;
}

.notifyjs-container .CR-item-notify .thumb-box {
    width: 25%;
    overflow: hidden;
    border-radius: 0.625rem/* 10/16 */
    ;
    position: relative;
}

.notifyjs-container .CR-item-notify .thumb-box:before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
}

.notifyjs-container .CR-item-notify .thumb-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.notifyjs-container .CR-item-notify .content-box {
    display: flex;
    flex-flow: column;
    width: 75%;
    padding-left: 0.625rem/* 10/16 */
    ;
}

.notifyjs-container .CR-item-notify .title {
    flex: 1;
    font-weight: 700;
    font-size: 0.875rem/* 14/16 */
    ;
    line-height: normal;
    letter-spacing: .03em;
    color: var(--cl-black);
}

.notifyjs-container .CR-item-notify .sub-title .variation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.notifyjs-container .CR-item-notify .sub-title * {
    font-size: 0.875rem/* 14/16 */
    ;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    color: var(--cl-black);
}

.notifyjs-container .CR-item-notify .sub-title dt {
    display: none;
}

.notifyjs-container .CR-item-notify .sub-title dd:not(:last-child):after {
    content: '/';
    margin: 0 0.25rem;
}

.notifyjs-container .CR-item-notify .CR-woo-prices {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.admin-bar .notifyjs-corner {
    top: 52px !important;
}

.notifyjs-corner {
    top: 20px !important;
    right: 20px !important;
    margin: 0 !important;
    z-index: 999999999 !important;
}

/**================== SWAP REGISTER - LOG IN - RECOVERY ==================**/

.CR-tab-account-swap {
    overflow: hidden;
}

.CR-tab-account-swap .all-tab-account {
    position: relative;
    width: 100%;
    padding: 0.125rem;
}

.CR-tab-account-swap .tab-account-default.visiable-hidden {
    z-index: -1;
    transition: 1s height;
    position: absolute;
    top: 0;
    overflow: hidden;
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

.CR-tab-account-swap .tab-account-default {
    position: relative;
    width: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-tab-account-swap .tab-account-default .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.CR-tab-account-swap .tab-account-default .content .head-box {
    margin-bottom: 1rem;
}

.CR-tab-account-swap .tab-account-default .content .head-box .title {
    font-size: 1.875rem/* 30/16 */
    ;
    font-weight: 700;
    margin: 0 auto 1rem;
    text-align: center;
    position: relative;
}

.CR-tab-account-swap .tab-account-default .content .head-box .note a {
    color: var(--cl-blue);
}

.CR-tab-account-swap .tab-account-default .content .head-box .note {
    font-size: 0.875rem/* 14/16 */
    ;
    font-weight: 600;
    margin: 0 auto;
    text-align: center;
    position: relative;
    color: var(--cl-black);
}

.CR-tab-account-swap .tab-account-default .swap-box {
    margin-top: 1rem;
}

.CR-tab-account-swap .tab-account-default .swap-box * {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem/* 14/16 */
    ;
    line-height: normal;
    color: var(--cl-black);
}

.CR-tab-account-swap .tab-account-default .swap-box a:hover {
    color: var(--cl-black);
}

.CR-tab-account-swap .tab-account-default .swap-box a {
    color: var(--cl-blue);
    font-weight: 700;
}

.CR-tab-account-swap .tab-account-default .content>div {
    width: 100%;
}

.CR-tab-account-swap .CR-def-form-wrap .CR-btn-submit-form {
    margin-top: 1rem/* 50/16 */
    ;
}

.CR-tab-account-swap .CR-def-form-wrap .CR-hide-mobile {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem/* 18/16 */
    ;
    line-height: normal;
    color: var(--cl-black);
    margin-bottom: 0.4375rem/* 7/16 */
    ;
    display: none;
}

.CR-tab-account-swap .CR-def-form-wrap .CR-hide-mobile span {
    color: var(--cl-red);
    margin-left: 0.2rem;
}

.CR-tab-account-swap .CR-def-form-wrap ul {
    max-height: 25rem;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding-bottom: 1rem;
}

/** SOCIALS LOGIN **/

.CR-log-socials {}

.CR-log-socials .heading {
    text-align: center;
    padding: 1.25rem/* 20/16 */
    0;
    font-size: 1rem/* 16/16 */
    ;
    text-transform: capitalize;
    font-weight: 700;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
}

.CR-log-socials .log-options {
    margin: -0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.CR-log-socials .log-options .log-social-btn {
    padding: 0.5rem;
    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;
}

.CR-log-socials .log-options .login-fb-click {
    background: #4064AC;
    border: 1px solid #4064AC;
    color: #ffffff !important;
    width: 229px;
}

.CR-log-socials .log-options .login-fb-click p {
    margin-bottom: 0;
}

.CR-log-socials .log-options .login-fb-click i {
    margin-right: 0.5rem;
}

.CR-log-socials .log-options .login-gg-click:hover {
    background: #555658;
}

.CR-log-socials .log-options .login-gg-click {
    background: #202124;
    border: 1px solid #202124;
    color: #ffffff !important;
    overflow: hidden;
    border-radius: 20px;
    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;
}

.CR-log-socials .log-options .login2-gg-click,
.CR-log-socials .log-options a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    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;
    width: 100%;
    font-weight: 700;
    font-size: 1rem/* 16/16 */
    ;
    line-height: normal;
    cursor: pointer;
}

/**================== DEFAUT INPUT ==================**/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}

.CRdef-form-wrap .button-wrap {
    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;
    margin: 2.5rem -0.5rem 0;
}

.CRdef-form-wrap .button-wrap>* {
    width: 50%;
    padding: 0 0.5rem;
}

.CRdef-form-wrap .button-wrap .item>* {
    margin: 0 !important;
}

.CRdef-form-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.CRdef-form-wrap .def-input:not(:last-child) {
    margin-bottom: 1rem;
}

.CRdef-form-wrap .def-input:not(.input-half) {
    width: 100%;
}

.CRdef-form-wrap .def-input.input-half {
    width: 50%;
}

.CRdef-form-wrap .def-input {
    position: relative;
    padding: 0;
}

.CRdef-form-wrap .CR-box-input,
.CRdef-form-wrap .CRbox_input {
    position: relative;
}

.CRdef-form-wrap .CRbox_input .icon {
    position: absolute;
    top: 50%;
    left: 1.125rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--cl-gray);
}

.CRdef-form-wrap .CR-def-checkbox a:hover {
    color: var(--cl-main);
}

.CRdef-form-wrap .CR-def-checkbox a {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-left: 0.3125rem;
}

.CRdef-form-wrap .CR-def-input::placeholder {
    color: var(--cl-dark-gray);
}

.CRdef-form-wrap .CR-def-input:hover {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-color: var(--cl-gray);
}

.CRdef-form-wrap .CR-def-input {
    border: 1px solid var(--cl-light-gray);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.5rem/* 40/16 */
    ;
    background: var(--cl-white);
    box-shadow: none;
    border-radius: 1rem;
    padding: 0 1rem;
    padding-right: 3.5rem !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.9375rem;
    line-height: normal;
    color: var(--cl-black);
    outline: none !important;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    font-family: "Nunito", FontAwesome, sans-serif;
}

.CRdef-form-wrap textarea.CR-def-input {
    height: 7.0625rem;
    border-radius: 0.625rem;
    padding: 1rem 1.5625rem !important;
}

.CRdef-form-wrap .CR-custom-pass {
    position: relative;
}

.CRdef-form-wrap .CR-show-pass {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.25rem;
}

.CRdef-form-wrap .CR-show-pass i {
    color: #9e9e9ec4;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CRdef-form-wrap .CR-show-pass.active i {
    color: var(--cl-black);
}

.CRdef-form-wrap .CR-btn-submit-form:hover {
    background-color: #FFF;
    color: var(--main-cl-lighter);
}

.CRdef-form-wrap .CR-btn-submit-form {
    margin: 1rem auto 0;
    color: var(--cl-white);
    background-color: var(--main-cl-lighter);
    border-color: var(--main-cl-lighter);
    height: 2.5rem/* 40/16 */
    ;
    outline: none !important;
    border: 1px solid var(--main-cl-lighter);
    width: 100%;
    font-weight: 600;
    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: 1rem/* 16/16 */
    ;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CRdef-form-wrap .log-user-remember .CRbox_input {
    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;
}

.CRdef-form-wrap .CR-def-checkbox {
    width: auto;
}

.CRdef-form-wrap .wrap-gender,
.CRdef-form-wrap .CR-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.CRdef-form-wrap .CR-radio-group .wrapper:not(:last-child) {
    margin-right: 2.8125rem;
}

.CRdef-form-wrap .wrap-gender>label {
    color: #333333;
    font-size: 1rem;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    margin-right: 5rem;
}

.CRdef-form-wrap .note-field p span {
    color: #ff9600;
    margin: 0 0.3125rem 0 0;
}

.CRdef-form-wrap .note-field p {
    margin: 0.875rem 0 0;
    color: #666666;
    font-size: 0.875rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.375rem;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.CRdef-form-wrap .def-input.log-user-remember {
    border: none !important;
    margin: 1rem 0 0;
}

.CRdef-form-wrap .def-input .CR-hide-mobile .require {
    color: red;
    margin-left: 5px;
}

.CRdef-form-wrap .CR-box-input .icon-field {
    font-size: 0.75rem/* 12/16 */
    ;
    line-height: normal;
    color: var(--cl-black);
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 0 0.5rem;
    pointer-events: none;
}

.CRdef-form-wrap .CR-box-input .review-field {
    font-size: 0.75rem/* 12/16 */
    ;
    line-height: normal;
    color: var(--cl-black);
    font-weight: 400;
    position: absolute;
    top: calc(100% + 0.65rem);
    left: 0;
    /*margin-top: 0.55rem;*/
    /*display: block;*/
}

.CRdef-form-wrap .CR-box-input .review-field b {
    margin-left: 0.25rem;
}

.CRdef-form-wrap .CR-ckeditor-box .ck-content {
    height: 10rem/* 160/16 */
    ;
    border-color: #dfe3e3 !important;
    box-shadow: none !important;
    outline: none !important;
}

.CRdef-form-wrap .CR-address-map-canvas {
    width: 100%;
    height: 18.75rem/* 300/16 */
    ;
}

/**================== LOADMORE ==================**/

.CR-load-more-wrap {
    text-align: center;
    margin: 2rem auto 1rem;
}

.CR-load-more-btn:hover {
    background: var(--cl-light-gray);
    color: var(--cl-black);
    border-color: var(--cl-light-gray);
}

.CR-load-more-btn {
    color: var(--cl-white);
    font-size: 1rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    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;
    min-width: 10rem;
    height: 2.5rem/* 40/16 */
    ;
    border-radius: 1rem/* 16/16 */
    ;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0 2.5rem/* 40/16 */
    ;
    margin: 0 auto;
    background: var(--cl-blue);
    border: 2px solid var(--cl-blue);
}

.CR-load-more-btn i.fa-angle-down {
    display: none !important;
}

/**================== POPUP ==================**/

.CR-popup-default-wrap.active {
    opacity: 1;
    pointer-events: auto;
}

.CR-popup-default-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999999;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    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;
    pointer-events: none;
}

.CR-popup-default-wrap.active .box {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.CR-popup-default-wrap .box {
    display: block !important;
    width: 100%;
    max-width: 37.5rem/* 600/16 */
    ;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    background: var(--cl-white);
    -webkit-box-shadow: -1px -10px 18px rgb(180 228 255 / 15%);
    box-shadow: -1px -10px 18px rgb(180 228 255 / 15%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 1rem;
    overflow: hidden;
    padding: 2rem;
}

.CR-popup-default-wrap.active .CR-popup-bg {
    opacity: 1;
}

.CR-popup-default-wrap .content {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    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;
}

.CR-popup-default-wrap .CR-popup-bg {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgb(0 0 0 / 50%);
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.CR-popup-default-wrap .CR-no-cont {
    font-size: 1.875rem;
    margin: 0 auto;
}

.CR-popup-default-wrap .CR-hide-mobile {
    display: none;
}

/**================== AJAX LOAD ==================**/

.CR-load-ajax {
    position: relative;
}

.CR-load-ajax.active>* {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-load-ajax.active:before {
    opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-load-ajax:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' class='svg-loader' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 80 80' xml:space='preserve'%0A%3E%3Cpath fill='%23dedede' d='M10,40c0,0,0-0.4,0-1.1c0-0.3,0-0.8,0-1.3c0-0.3,0-0.5,0-0.8c0-0.3,0.1-0.6,0.1-0.9c0.1-0.6,0.1-1.4,0.2-2.1 c0.2-0.8,0.3-1.6,0.5-2.5c0.2-0.9,0.6-1.8,0.8-2.8c0.3-1,0.8-1.9,1.2-3c0.5-1,1.1-2,1.7-3.1c0.7-1,1.4-2.1,2.2-3.1 c1.6-2.1,3.7-3.9,6-5.6c2.3-1.7,5-3,7.9-4.1c0.7-0.2,1.5-0.4,2.2-0.7c0.7-0.3,1.5-0.3,2.3-0.5c0.8-0.2,1.5-0.3,2.3-0.4l1.2-0.1 l0.6-0.1l0.3,0l0.1,0l0.1,0l0,0c0.1,0-0.1,0,0.1,0c1.5,0,2.9-0.1,4.5,0.2c0.8,0.1,1.6,0.1,2.4,0.3c0.8,0.2,1.5,0.3,2.3,0.5 c3,0.8,5.9,2,8.5,3.6c2.6,1.6,4.9,3.4,6.8,5.4c1,1,1.8,2.1,2.7,3.1c0.8,1.1,1.5,2.1,2.1,3.2c0.6,1.1,1.2,2.1,1.6,3.1 c0.4,1,0.9,2,1.2,3c0.3,1,0.6,1.9,0.8,2.7c0.2,0.9,0.3,1.6,0.5,2.4c0.1,0.4,0.1,0.7,0.2,1c0,0.3,0.1,0.6,0.1,0.9 c0.1,0.6,0.1,1,0.1,1.4C74,39.6,74,40,74,40c0.2,2.2-1.5,4.1-3.7,4.3s-4.1-1.5-4.3-3.7c0-0.1,0-0.2,0-0.3l0-0.4c0,0,0-0.3,0-0.9 c0-0.3,0-0.7,0-1.1c0-0.2,0-0.5,0-0.7c0-0.2-0.1-0.5-0.1-0.8c-0.1-0.6-0.1-1.2-0.2-1.9c-0.1-0.7-0.3-1.4-0.4-2.2 c-0.2-0.8-0.5-1.6-0.7-2.4c-0.3-0.8-0.7-1.7-1.1-2.6c-0.5-0.9-0.9-1.8-1.5-2.7c-0.6-0.9-1.2-1.8-1.9-2.7c-1.4-1.8-3.2-3.4-5.2-4.9 c-2-1.5-4.4-2.7-6.9-3.6c-0.6-0.2-1.3-0.4-1.9-0.6c-0.7-0.2-1.3-0.3-1.9-0.4c-1.2-0.3-2.8-0.4-4.2-0.5l-2,0c-0.7,0-1.4,0.1-2.1,0.1 c-0.7,0.1-1.4,0.1-2,0.3c-0.7,0.1-1.3,0.3-2,0.4c-2.6,0.7-5.2,1.7-7.5,3.1c-2.2,1.4-4.3,2.9-6,4.7c-0.9,0.8-1.6,1.8-2.4,2.7 c-0.7,0.9-1.3,1.9-1.9,2.8c-0.5,1-1,1.9-1.4,2.8c-0.4,0.9-0.8,1.8-1,2.6c-0.3,0.9-0.5,1.6-0.7,2.4c-0.2,0.7-0.3,1.4-0.4,2.1 c-0.1,0.3-0.1,0.6-0.2,0.9c0,0.3-0.1,0.6-0.1,0.8c0,0.5-0.1,0.9-0.1,1.3C10,39.6,10,40,10,40z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='360 40 40' dur='0.8s' repeatCount='indefinite' /%3E%3C/path%3E%3Cpath fill='%23000000' d='M62,40.1c0,0,0,0.2-0.1,0.7c0,0.2,0,0.5-0.1,0.8c0,0.2,0,0.3,0,0.5c0,0.2-0.1,0.4-0.1,0.7 c-0.1,0.5-0.2,1-0.3,1.6c-0.2,0.5-0.3,1.1-0.5,1.8c-0.2,0.6-0.5,1.3-0.7,1.9c-0.3,0.7-0.7,1.3-1,2.1c-0.4,0.7-0.9,1.4-1.4,2.1 c-0.5,0.7-1.1,1.4-1.7,2c-1.2,1.3-2.7,2.5-4.4,3.6c-1.7,1-3.6,1.8-5.5,2.4c-2,0.5-4,0.7-6.2,0.7c-1.9-0.1-4.1-0.4-6-1.1 c-1.9-0.7-3.7-1.5-5.2-2.6c-1.5-1.1-2.9-2.3-4-3.7c-0.6-0.6-1-1.4-1.5-2c-0.4-0.7-0.8-1.4-1.2-2c-0.3-0.7-0.6-1.3-0.8-2 c-0.2-0.6-0.4-1.2-0.6-1.8c-0.1-0.6-0.3-1.1-0.4-1.6c-0.1-0.5-0.1-1-0.2-1.4c-0.1-0.9-0.1-1.5-0.1-2c0-0.5,0-0.7,0-0.7 s0,0.2,0.1,0.7c0.1,0.5,0,1.1,0.2,2c0.1,0.4,0.2,0.9,0.3,1.4c0.1,0.5,0.3,1,0.5,1.6c0.2,0.6,0.4,1.1,0.7,1.8 c0.3,0.6,0.6,1.2,0.9,1.9c0.4,0.6,0.8,1.3,1.2,1.9c0.5,0.6,1,1.3,1.6,1.8c1.1,1.2,2.5,2.3,4,3.2c1.5,0.9,3.2,1.6,5,2.1 c1.8,0.5,3.6,0.6,5.6,0.6c1.8-0.1,3.7-0.4,5.4-1c1.7-0.6,3.3-1.4,4.7-2.4c1.4-1,2.6-2.1,3.6-3.3c0.5-0.6,0.9-1.2,1.3-1.8 c0.4-0.6,0.7-1.2,1-1.8c0.3-0.6,0.6-1.2,0.8-1.8c0.2-0.6,0.4-1.1,0.5-1.7c0.1-0.5,0.2-1,0.3-1.5c0.1-0.4,0.1-0.8,0.1-1.2 c0-0.2,0-0.4,0.1-0.5c0-0.2,0-0.4,0-0.5c0-0.3,0-0.6,0-0.8c0-0.5,0-0.7,0-0.7c0-1.1,0.9-2,2-2s2,0.9,2,2C62,40,62,40.1,62,40.1z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='-360 40 40' dur='0.6s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
    background-size: 6rem;
    background-repeat: no-repeat;
    background-position: top 10% center;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/**================== ACTIVE ACCOUNT PAGE ==================**/

.CR-active-account-page {}

.CR-active-account-page .top {
    margin-bottom: 1rem;
}

.CR-active-account-page .wrap-title .note {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: var(--cl-black);
    line-height: normal;
    font-size: 1.5rem;
}

.CR-active-account-page .box-content {
    -webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 20%) !important;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), hsla(0, 0%, 100%, .4);
    border: none !important;
    border-radius: 1rem;
    padding: 2rem;
    max-width: 31.25rem;
    margin: 20vh auto;
}

.CR-active-account-page .CR-succees-result,
.CR-active-account-page .CR-empty-result {
    text-align: center;
    font-size: 0.85rem;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: var(--cl-red);
    line-height: 1.75rem/* 28/16 */
    ;
    padding: 5vh 0;
    width: 100%;
    display: block;
}

.CR-active-account-page .CR-succees-result a:hover {
    background: var(--cl-light-gray);
    border-color: var(--cl-light-gray);
    color: var(--cl-black);
}

.CR-active-account-page .CR-succees-result a {
    background: var(--cl-black);
    border: 1px solid var(--cl-black);
    border-radius: 5px;
    width: max-content;
    height: 2.8125rem/* 45/16 */
    ;
    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;
    color: var(--cl-white);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0 2.1875rem/* 35/16 */
    ;
    margin: 2rem auto 0;
}

/**================== REVIEW RATING STARS ==================**/

.CR-review-rating-stars {
    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;
    pointer-events: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.CR-review-rating-stars .rating-total {
    font-size: 0.75rem/* 12/16 */
    ;
    line-height: normal;
    letter-spacing: .03em;
    font-weight: 400;
    color: var(--cl-black);
}

.CR-review-rating-stars .rating-stars-input {
    display: none;
}

.CR-review-rating-stars .rating-stars-input:checked~.rating-stars-view svg {
    fill: var(--cl-blue);
}

.CR-review-rating-stars .rating-stars-input:checked~.rating-stars-view:hover svg,
.CR-review-rating-stars .rating-stars-input:checked~.rating-stars-view:hover~.rating-stars-view svg {
    fill: var(--cl-light-gray);
}

.CR-review-rating-stars .rating-stars-view {
    cursor: pointer;
}

.CR-review-rating-stars .rating-stars-view svg {
    fill: var(--cl-light-gray);
    width: 1rem;
    height: 0.8rem;
}

.CR-review-rating-stars .rating-stars-view.is-half {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    margin-left: -0.69580078125em;
}

.CR-review-rating-stars .rating-stars-view.is-half svg {
    width: 0.69580078125em;
}

.CR-review-rating-stars .rating-stars-view:hover svg,
.CR-review-rating-stars .rating-stars-view:hover~.rating-stars-view svg {
    fill: var(--cl-blue);
}

/** NOT SUPPORT ACCOUNT **/

.CR-not-support-this-account {}

.CR-not-support-this-account p {
    font-size: 1rem;
    font-weight: 700;
    color: var(--cl-red);
}

/*************************************************************
Fade in
**************************************************************/

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1
    }
}

.fadeInTop {
    animation-name: fadeInTop
}

@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1
    }
}

.fadeInBottom {
    animation-name: fadeInBottom
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1
    }
}

/**************************************************************
Fade Out
**************************************************************/

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    to {
        opacity: 0
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateX(-100%);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

.fadeOutTop {
    animation-name: fadeOutTop
}

@keyframes fadeOutTop {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}

.fadeOutBottom {
    animation-name: fadeOutBottom
}

@keyframes fadeOutBottom {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateY(100%);
    }
}

@media only screen and (max-width: 992px) {
    .notifyjs-container .CR-notice-box .message-notice {
        width: 100%;
    }
}

@media only screen and (max-width: 782px) {
    .admin-bar .notifyjs-corner {
        top: 66px !important;
    }
}

@media only screen and (max-width: 454px) {
    body .notifyjs-corner {
        left: 10px !important;
        right: 10px !important;
    }
}