/*!
General css
Version 2.2.24
Author: Bootim Group Inc
Author url: https://bootim.net
*/

/*--- btn size --*/

icon {
    z-index: 9;
    position: absolute;
    right: 3px;
    top: 45px;
    opacity: 1;
    background-color: #fff;
    color: #71748d;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.275rem 0.75rem;
    cursor: pointer;
}

icon.flag {
    padding: 0;
    left: 92.8%;
    bottom: 12px;
    position: absolute;
}

note {
    color: #000;
    font-weight: 500;
    margin: 0 0 10px 0;
    background: #fff;
    display: block;
    padding: 10px 10px 10px 20px;
    border: 1px solid rgba(255, 130, 0, 0.9);
    border-left: 5px solid rgba(255, 130, 0, 0.9);
    line-height: 1.5rem;
    border-radius: 10px;
    cursor: pointer;
    opacity: .9;
    text-align: left;
    font-size: 13px;
    letter-spacing: .03rem;
    transition: all ease-in-out 1s;
}

note:hover {
    box-shadow: inset 0 0 50px rgba(255, 130, 0, 0.1);
}

note a {
    color: #2191f3;
}

note a:hover {
    color: rgba(255, 130, 0, 0.9);
}

.titled {
    cursor: pointer;
    transition: all ease-in-out 500ms;
    border-bottom: 1px dotted rgba(8, 63, 45, 1);
}

.titled:hover {
    color: #00756a;
}

.rel {
    position: relative !important;
}

.b {
    font-weight: 600 !important;
}

.b-m {
    font-weight: 800 !important;
}

strong,
.s,
.b-s {
    font-weight: 900 !important;
}

.italize,
.italise,
.italics,
.italic,
.i {
    font-style: italic !important;
}

.u {
    text-decoration: underline !important;
    cursor: pointer;
}

.btn-xs {
 padding: 1px 10px;
 font-size: 11px;
}

.btn-sm {
 padding: 3px 12px;
 font-size: 13px;
}

.btn-lg {
 padding: 15px 20px;
 font-size: 16px;
}

.vh {
    height: 100vh;
}

.vh-min {
    min-height: 100vh;
}

.vh-max {
    max-height: 100vh;
}

/*/ banner ad --close() /*/

.banner-close {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: 0.9;
    background-color: #2191f3;
    color: #fff;
    padding: 2px;
    height: 15px;
    width: 15px;
    border-radius: 1px;
    border: 1px #2191f3 dotted;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    white-space: nowrap;
    text-overflow: clip;
}

.banner-close text {
    color: #fff;
    font-size: 9px;
    padding: 0;
    margin: 0;
    display: none;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
    padding: 0 5px;
}

.banner-close i {
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.banner-close:hover {
    width: 90px;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}

.banner-close:hover text {
    display: block;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}

.selected {
    border: 3px solid rgba(0, 117, 106, 0.9);
    box-shadow: 0 0 10px rgba(0, 117, 106, 0.9);
}

.selected:hover {
    box-shadow: 0 0 0 0.25rem rgba(0, 117, 106, 0.9);
    transition: border ease-in-out 1s;
}

.wt,
.wait {
    cursor: wait !important;
}

.disabled,
.na,
.not-allowed {
    cursor: not-allowed !important;
}

.ch,
.cross-hair {
    cursor: crosshair !important;
}

.cp,
.pointer {
    cursor: pointer !important;
}

.visible {
    visibility: visible !important;
}

.no-visible {
    visibility: hidden !important;
}

.no-wrap {
    white-space: nowrap !important;
}

.thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #ccc;
}

.thin::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.19);
}

.thin::-webkit-scrollbar-corner {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    background: 0 0 !important;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.thin {
    scrollbar-width: thin !important;
}

.ano::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.ano {
    scrollbar-width: none !important;
}

.line-clamp {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    -moz-line-clamp: 10;
    -ms-line-clamp: 10;
    margin: 10px 0;
    padding: 0;
    line-height: 2rem;
    max-height: 600px;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-orient: vertical;
    -ms-box-orient: vertical;
    -moz-box-orient: vertical;
    -os-box-orient: vertical;
    -webkit-box-orient: vertical;
}

.line-clamp.l1 {
    -webkit-line-clamp: 1!important;
    line-clamp: 1!important;
}

.line-clamp.l2 {
    -webkit-line-clamp: 2!important;
    line-clamp: 2!important;
}

.line-clamp.l3 {
    -webkit-line-clamp: 3!important;
    line-clamp: 3!important;
}

.line-clamp.l4 {
    -webkit-line-clamp: 4!important;
    line-clamp: 4!important;
}

.line-clamp.l5 {
    -webkit-line-clamp: 5!important;
    line-clamp: 5!important;
}

.line-clamp.l6 {
    -webkit-line-clamp: 6!important;
    line-clamp: 6!important;
}

.line-clamp.l7 {
    -webkit-line-clamp: 7!important;
    line-clamp: 7!important;
}

.line-clamp.l8 {
    -webkit-line-clamp: 8!important;
    line-clamp: 8!important;
}

.line-clamp.l9 {
    -webkit-line-clamp: 9!important;
    line-clamp: 9!important;
}

.line-clamp.l11 {
    -webkit-line-clamp: 11!important;
    line-clamp: 11!important;
}

.line-clamp.l12 {
    -webkit-line-clamp: 12!important;
    line-clamp: 12!important;
}
.line-clamp.l13 {
    -webkit-line-clamp: 13!important;
    line-clamp: 3!important;
}
.line-clamp.l14 {
    -webkit-line-clamp: 14!important;
    line-clamp: 14!important;
}


html::-webkit-scrollbar, body::-webkit-scrollbar,
.thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #ccc;
}

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb,
.thin::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.19);
}

html::-webkit-scrollbar-corner, body::-webkit-scrollbar-corner,
.thin::-webkit-scrollbar-corner {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    background: 0 0 !important;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

html, body,
.thin {
    scrollbar-width: thin !important;
}

.thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #ccc;
}

.thin::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.19);
}

.thin::-webkit-scrollbar-corner {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    background: 0 0 !important;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.thin {
    scrollbar-width: thin !important;
}

/* padding left */

.p-0{
padding: 0!important;
}

.p-5{
padding: 5px!important;
}

.p-10{
padding: 10px!important;
}

.p-15{
padding: 15px!important;
}

.p-20{
padding: 20px!important;
}

.p-25{
padding: 25px!important;
}

.p-30{
padding: 30px!important;
}

.pl-0{
padding-left: 0!important;
}

.pl-5{
padding-left: 5!important;
}

.pl-10{
padding-left: 10px!important;
}

.pl-15{
padding-left: 15px!important;
}

.pl-20{
padding-left: 20px!important;
}

.pl-25{
padding-left: 25px!important;
}

.pl-30{
padding-left: 30px!important;
}

.pl-35{
padding-left: 35px!important;
}

.pl-40{
padding-left: 40px!important;
}

.pl-45{
padding-left: 45px!important;
}

.pl-50{
padding-left: 50px!important;
}

.pl-55{
padding-left: 55px!important;
}

.pl-60{
padding-left: 60px!important;
}

.pl-65{
padding-left: 65px!important;
}

.pl-70{
padding-left: 70px!important;
}

.pl-75{
padding-left: 75px!important;
}

.pl-80{
padding-left: 80px!important;
}

.pl-85{
padding-left: 85px!important;
}

.pl-90{
padding-left: 90px!important;
}

.pl-95{
padding-left: 95px!important;
}

.pl-100{
padding-left: 100px!important;
}

/* padding right */

.pr-0{
padding-right: 0!important;
}

.pr-5{
padding-right: 5!important;
}

.pr-10{
padding-right: 10px!important;
}

.pr-15{
padding-right: 15px!important;
}

.pr-20{
padding-right: 20px!important;
}

.pr-25{
padding-right: 25px!important;
}

.pr-30{
padding-right: 30px!important;
}

.pr-35{
padding-right: 35px!important;
}

.pr-40{
padding-right: 40px!important;
}

.pr-45{
padding-right: 45px!important;
}

.pr-50{
padding-right: 50px!important;
}

.pr-55{
padding-right: 55px!important;
}

.pr-60{
padding-right: 60px!important;
}

.pr-65{
padding-right: 65px!important;
}

.pr-70{
padding-right: 70px!important;
}

.pr-75{
padding-right: 75px!important;
}

.pr-80{
padding-right: 80px!important;
}

.pr-85{
padding-right: 85px!important;
}

.pr-90{
padding-right: 90px!important;
}

.pr-95{
padding-right: 95px!important;
}

.pr-100{
padding-right: 100px!important;
}

/* padding top */

.pt-0{
padding-top: 0!important;
}

.pt-5{
padding-top: 5!important;
}

.pt-10{
padding-top: 10px!important;
}

.pt-15{
padding-top: 15px!important;
}

.pt-20{
padding-top: 20px!important;
}

.pt-25{
padding-top: 25px!important;
}

.pt-30{
padding-top: 30px!important;
}

.pt-35{
padding-top: 35px!important;
}

.pt-40{
padding-top: 40px!important;
}

.pt-45{
padding-top: 45px!important;
}

.pt-50{
padding-top: 50px!important;
}

.pt-55{
padding-top: 55px!important;
}

.pt-60{
padding-top: 60px!important;
}

.pt-65{
padding-top: 65px!important;
}

.pt-70{
padding-top: 70px!important;
}

.pt-75{
padding-top: 75px!important;
}

.pt-80{
padding-top: 80px!important;
}

.pt-85{
padding-top: 85px!important;
}

.pt-90{
padding-top: 90px!important;
}

.pt-95{
padding-top: 95px!important;
}

.pt-100{
padding-top: 100px!important;
}

/* padding bottom */

.pb-0{
padding-bottom: 0!important;
}

.pb-5{
padding-bottom: 5!important;
}

.pb-10{
padding-bottom: 10px!important;
}

.pb-15{
padding-bottom: 15px!important;
}

.pb-20{
padding-bottom: 20px!important;
}

.pb-25{
padding-bottom: 25px!important;
}

.pb-30{
padding-bottom: 30px!important;
}

.pb-35{
padding-bottom: 35px!important;
}

.pb-40{
padding-bottom: 40px!important;
}

.pb-45{
padding-bottom: 45px!important;
}

.pb-50{
padding-bottom: 50px!important;
}

.pb-55{
padding-bottom: 55px!important;
}

.pb-60{
padding-bottom: 60px!important;
}

.pb-65{
padding-bottom: 65px!important;
}

.pb-70{
padding-bottom: 70px!important;
}

.pb-75{
padding-bottom: 75px!important;
}

.pb-80{
padding-bottom: 80px!important;
}

.pb-85{
padding-bottom: 85px!important;
}

.pb-90{
padding-bottom: 90px!important;
}

.pb-95{
padding-bottom: 95px!important;
}

.pb-100{
padding-bottom: 100px!important;
}

/* margin left */

.ml-0{
margin-left: 0!important;
}

.ml-5{
margin-left: 5!important;
}

.ml-10{
margin-left: 10px!important;
}

.ml-15{
margin-left: 15px!important;
}

.ml-20{
margin-left: 20px!important;
}

.ml-25{
margin-left: 25px!important;
}

.ml-30{
margin-left: 30px!important;
}

.ml-35{
margin-left: 35px!important;
}

.ml-40{
margin-left: 40px!important;
}

.ml-45{
margin-left: 45px!important;
}

.ml-50{
margin-left: 50px!important;
}

.ml-55{
margin-left: 55px!important;
}

.ml-60{
margin-left: 60px!important;
}

.ml-65{
margin-left: 65px!important;
}

.ml-70{
margin-left: 70px!important;
}

.ml-75{
margin-left: 75px!important;
}

.ml-80{
margin-left: 80px!important;
}

.ml-85{
margin-left: 85px!important;
}

.ml-90{
margin-left: 90px!important;
}

.ml-95{
margin-left: 95px!important;
}

.ml-100{
margin-left: 100px!important;
}

/* margin right */

.mr-0{
margin-right: 0!important;
}

.mr-5{
margin-right: 5!important;
}

.mr-10{
margin-right: 10px!important;
}

.mr-15{
margin-right: 15px!important;
}

.mr-20{
margin-right: 20px!important;
}

.mr-25{
margin-right: 25px!important;
}

.mr-30{
margin-right: 30px!important;
}

.mr-35{
margin-right: 35px!important;
}

.mr-40{
margin-right: 40px!important;
}

.mr-45{
margin-right: 45px!important;
}

.mr-50{
margin-right: 50px!important;
}

.mr-55{
margin-right: 55px!important;
}

.mr-60{
margin-right: 60px!important;
}

.mr-65{
margin-right: 65px!important;
}

.mr-70{
margin-right: 70px!important;
}

.mr-75{
margin-right: 75px!important;
}

.mr-80{
margin-right: 80px!important;
}

.mr-85{
margin-right: 85px!important;
}

.mr-90{
margin-right: 90px!important;
}

.mr-95{
margin-right: 95px!important;
}

.mr-100{
margin-right: 100px!important;
}

/* margin bottom */

.mb-0{
margin-bottom: 0!important;
}

.mb-5{
margin-bottom: 5!important;
}

.mb-10{
margin-bottom: 10px!important;
}

.mb-15{
margin-bottom: 15px!important;
}

.mb-20{
margin-bottom: 20px!important;
}

.mb-25{
margin-bottom: 25px!important;
}

.mb-30{
margin-bottom: 30px!important;
}

.mb-35{
margin-bottom: 35px!important;
}

.mb-40{
margin-bottom: 40px!important;
}

.mb-45{
margin-bottom: 45px!important;
}

.mb-50{
margin-bottom: 50px!important;
}

.mb-55{
margin-bottom: 55px!important;
}

.mb-60{
margin-bottom: 60px!important;
}

.mb-65{
margin-bottom: 65px!important;
}

.mb-70{
margin-bottom: 70px!important;
}

.mb-75{
margin-bottom: 75px!important;
}

.mb-80{
margin-bottom: 80px!important;
}

.mb-85{
margin-bottom: 85px!important;
}

.mb-90{
margin-bottom: 90px!important;
}

.mb-95{
margin-bottom: 95px!important;
}

.mb-100{
margin-bottom: 100px!important;
}

/* margin top */

.mt-0{
margin-top: 0!important;
}

.mt-5{
margin-top: 5!important;
}

.mt-10{
margin-top: 10px!important;
}

.mt-15{
margin-top: 15px!important;
}

.mt-20{
margin-top: 20px!important;
}

.mt-25{
margin-top: 25px!important;
}

.mt-30{
margin-top: 30px!important;
}

.mt-35{
margin-top: 35px!important;
}

.mt-40{
margin-top: 40px!important;
}

.mt-45{
margin-top: 45px!important;
}

.mt-50{
margin-top: 50px!important;
}

.mt-55{
margin-top: 55px!important;
}

.mt-60{
margin-top: 60px!important;
}

.mt-65{
margin-top: 65px!important;
}

.mt-70{
margin-top: 70px!important;
}

.mt-75{
margin-top: 75px!important;
}

.mt-80{
margin-top: 80px!important;
}

.mt-85{
margin-top: 85px!important;
}

.mt-90{
margin-top: 90px!important;
}

.mt-95{
margin-top: 95px!important;
}

.mt-100{
margin-top: 100px!important;
}

/*  rose and color difinitions  */
.rose-border-red {
    border: 1px solid #f44336;
}

.rose-border-black {
    border: 1px solid #000000;
}

.rose-border-teal {
    border: 1px solid #009688;
}

.rose-border-primary {
    border: 1px solid #00756a;
}

.rose-border-orange {
    border: 1px solid #ff9800;
}

.rose-border-blue{
    border: 1px solid #2196F3;
}

.rose-border-indigo {
    border: 1px solid #3f51b5;
}

.rose-border-yellow {
    border: 1px solid #ffffd7;
}

.rose-border-green {
    border: 1px solid #4CAF50;
}

.rose-border-pink {
    border: 1px solid #e91e63;
}

.rose-border-cyan {
    border: 1px solid #00bcd4;
}

.rose-border-purple {
    border: 1px solid #9c27b0;
}

.rose-border-deep-orange {
    border: 1px solid #ff5722;
}

.rose-amber,
.rose-hover-amber:hover{
    color:#000 !important;
    background-color:#ffc107;
}

.rose-bootim,
.rose-hover-bootim:hover{
    color:#fff !important;
    background-color:#ff5e14 !important
}

.rose-aqua,
.rose-hover-aqua:hover{
    color:#000 !important;
    background-color:#00ffff !important
}

.rose-blue,
.rose-hover-blue:hover{
    color:#fff !important;
    background-color:#2196F3 !important
}

.rose-light-blue,
.rose-hover-light-blue:hover{
    color:#000 !important;
    background-color:#87CEEB !important
}

.rose-brown,
.rose-hover-brown:hover{
    color:#fff !important;
    background-color:#795548 !important
}

.rose-cyan,
.rose-hover-cyan:hover{
    color:#fff !important;
    background-color:#00bcd4 !important
}

.rose-blue-grey,
.rose-hover-blue-grey:hover{
    color:#fff !important;
    background-color:#607d8b !important
}

.rose-green,
.rose-hover-green:hover{
    color:#fff !important;
    background-color:#4CAF50 !important
}

.rose-light-green,
.rose-hover-light-green:hover{
    color:#000 !important;
    background-color:#8bc34a !important
}

.rose-indigo,
.rose-hover-indigo:hover{
    color:#fff !important;
    background-color:#3f51b5 !important
}

.rose-khaki,
.rose-hover-khaki:hover{
    color:#000 !important;
    background-color:#f0e68c !important
}

.rose-lime,
.rose-hover-lime:hover{
    color:#000 !important;
    background-color:#cddc39 !important
}

.rose-orange,
.rose-hover-orange:hover{
    color:#000 !important;
    background-color:#ff9800 !important
}

.rose-deep-orange,
.rose-hover-deep-orange:hover{
    color:#fff !important;
    background-color:#ff5722 !important
}

.rose-pink,
.rose-hover-pink:hover{
    color:#fff !important;
    background-color:#e91e63 !important
}

.rose-purple,
.rose-hover-purple:hover{
    color:#fff !important;
    background-color:#9c27b0 !important
}

.rose-deep-purple,
.rose-hover-deep-purple:hover{
    color:#fff !important;
    background-color:#673ab7 !important
}

.rose-red,
.rose-hover-red:hover{
    color:#fff !important;
    background-color:#f44336 !important
}

.rose-sand,
.rose-hover-sand:hover{
    color:#000 !important;
    background-color:#fdf5e6 !important
}

.rose-teal,
.rose-hover-teal:hover{
    color:#fff !important;
    background-color:#009688 !important
}

.rose-yellow,
.rose-hover-yellow:hover{
    color:#000 !important;
    background-color:#ffeb3b !important
}

.rose-white,
.rose-hover-white:hover{
    color:#000 !important;
    background-color:#fff !important
}

.rose-black,
.rose-hover-black:hover{
    color:#fff !important;
    background-color:#000 !important
}

.rose-grey,
.rose-hover-grey:hover{
    color:#000 !important;
    background-color:#9e9e9e !important
}

.rose-mid-grey,
.rose-hover-mid-grey:hover{
    color:#333 !important;
    background-color:#ccc !important
}

.rose-light-grey,
.rose-hover-light-grey:hover{
    color:#000 !important;
    background-color:#f1f1f1 !important
}

.rose-dark-grey,
.rose-hover-dark-grey:hover{
    color:#fff !important;
    background-color:#616161 !important
}

.rose-pale-red,
.rose-hover-pale-red:hover{
    color:#000 !important;
    background-color:#ffe7e7 !important
}

.rose-pale-green,
.rose-hover-pale-green:hover{
    color:#000 !important;
    background-color:#e7ffe7 !important
}

.rose-pale-yellow,
.rose-hover-pale-yellow:hover{
    color:#000 !important;
    background-color:#ffffd7 !important
}

.rose-pale-blue,
.rose-hover-pale-blue:hover{
    color:#000 !important;
    background-color:#e7ffff !important
}

.rose-text-amber,
.rose-hover-text-amber:hover{
    color:#ffc107 !important
}

.rose-text-underline,
.rose-hover-text-underline:hover{
    text-decoration: underline;
    cursor: pointer;
}

.rose-text-aqua,
.rose-hover-text-aqua:hover{
    color:#00ffff !important
}

.rose-text-blue,
.rose-hover-text-blue:hover{
    color:#2196F3 !important
}

.rose-text-light-blue,
.rose-hover-text-light-blue:hover{
    color:#87CEEB !important
}

.rose-text-brown,
.rose-hover-text-brown:hover{
    color:#795548 !important
}

.rose-text-cyan,
.rose-hover-text-cyan:hover{
    color:#00bcd4 !important
}

.rose-text-blue-grey,
.rose-hover-text-blue-grey:hover{
    color:#607d8b !important
}

.rose-text-green,
.rose-hover-text-green:hover{
    color:#4CAF50 !important
}

.rose-text-light-green,
.rose-hover-text-light-green:hover{
    color:#8bc34a !important
}

.rose-text-indigo,
.rose-hover-text-indigo:hover{
    color:#3f51b5 !important
}

.rose-text-khaki,
.rose-hover-text-khaki:hover{
    color:#b4aa50 !important
}

.rose-text-lime,
.rose-hover-text-lime:hover{
    color:#cddc39 !important
}

.rose-text-orange,
.rose-hover-text-orange:hover{
    color:#ff9800 !important
}

.rose-text-deep-orange,
.rose-hover-text-deep-orange:hover{
    color:#ff5722 !important
}

.rose-text-pink,
.rose-hover-text-pink:hover{
    color:#e91e63 !important
}

.rose-text-purple,
.rose-hover-text-purple:hover{
    color:#9c27b0 !important
}

.rose-text-deep-purple,
.rose-hover-text-deep-purple:hover{
    color:#673ab7 !important
}

.rose-text-red,
.rose-hover-text-red:hover{
    color:#f44336 !important
}

.rose-text-sand,
.rose-hover-text-sand:hover{
    color:#fdf5e6 !important
}

.rose-text-teal,
.rose-hover-text-teal:hover{
    color:#009688 !important
}

.rose-text-bootim,
.rose-hover-text-bootim:hover{
    color:#ff5e14 !important
}

.rose-text-yellow,
.rose-hover-text-yellow:hover{
    color:#d2be0e !important
}

.rose-text-white,
.rose-hover-text-white:hover{
    color:#fff !important
}

.rose-text-black,
.rose-hover-text-black:hover{
    color:#000 !important
}

.rose-text-grey,
.rose-hover-text-grey:hover{
    color:#757575 !important
}

.rose-text-light-grey,
.rose-hover-text-light-grey:hover{
    color:#f1f1f1 !important
}

.rose-text-dark-grey,
.rose-hover-text-dark-grey:hover{
    color:#3a3a3a !important
}

.rose-opacity,
.rose-hover-opacity:hover{
    opacity:0.60
}

.rose-text-shadow{
    text-shadow:1px 1px 0 #444
}

.rose-text-shadow-white{
    text-shadow:1px 1px 0 #ddd
}

.rose-card{
    border:1px solid #ccc
}

.rose-card-2,.rose-example{
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important
}

.rose-card-4,.rose-hover-shadow:hover{
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important
}

.rose-card-8{
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important
}

.rose-card-12{
    box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important
}

.rose-card-16{
    box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important
}

.rose-card-24{
    box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22) !important
}

.center,.text-center{
    text-align: center !important;
}

.text-left{
    text-align: left !important;
}

.text-right{
    text-align: right !important;
}

.right{
    float: right !important;
}

.left{
    float: left !important;
}

.justify, .text-justify{
    text-align: justify;
}

.flex-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.title, b, .b, .bold{
    font-weight: 600 !important;
}

strong, .s, .strong{
    font-weight: 900 !important;
}

label {
    cursor: pointer;
}

label.title {
    font-weight: 600 !important;
    font-size: 15px;
    letter-spacing: .09rem;
    text-transform: uppercase;
}

label.title i {
    position: absolute;
    font-size: 9px;
    right: 3px;
    top: 10px;
    font-style: normal;
    font-weight: normal;
}

.hidden {
    display: none !important;
}

.hashtag {
    color: #2191f3;
}

.border-bottom {
    border-bottom: 1px solid rgba(0,0,0,0.10);
}

.no-border {
    border: none !important;
}

.no-shadow {
    box-shadow: none !important;
} 

.no-bg {
    background: transparent !important;
}

.no-radius {
    border-radius: 0px !important;
}

.top {
    z-index: 2022 !important;
}

.topper {
   z-index: 2023 !important;
}

.toppest {
    z-index: 2024 !important;
}

@media screen and (min-width: 200px) and (max-width: 576px) {
    .xs-center,.xs-text-center {
        text-align: center !important;
    }
    .xs-left,.xs-text-left {
        text-align: left !important;
    }
    .xs-right,.xs-text-right {
        text-align: right !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .sm-center,.sm-text-center {
        text-align: center !important;
    }
    .sm-left,.sm-text-left {
        text-align: left !important;
    }
    .sm-right,.sm-text-right {
        text-align: right !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .md-center,.md-text-center {
        text-align: center !important;
    }
    .md-left,.md-text-left {
        text-align: left !important;
    }
    .md-right,.md-text-right {
        text-align: right !important;
    }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    .lg-center,.lg-text-center {
        text-align: center !important;
    }
    .lg-left,.lg-text-left {
        text-align: left !important;
    }
    .lg-right,.lg-text-right {
        text-align: right !important;
    }
}

@media screen and (min-width: 12000px) {
    .xl-center,.xl-text-center {
        text-align: center !important;
    }
    .xl-left,.xl-text-left {
        text-align: left !important;
    }
    .xl-right,.xl-text-right {
        text-align: right !important;
    }
}