/* your custom style here */


.general_text{height:auto;text-align:center;color:#f0f8ff!important;font-size:11px}.general_text{text-align:center;color:#daa25e}.overlay-ribbon{position:absolute;width:13em;height:14em;z-index:9999;top:0;right:2%;background:#2ec4b6;padding:5px 0;background-image:-ms-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:-moz-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:-o-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:-webkit-gradient(radial,center top,0,center top,487,color-stop(0,#cbf3f0),color-stop(1,#2ec4b6));background-image:-webkit-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:radial-gradient(circle farthest-side at center top,#cbf3f0 0%,#2ec4b6 100%);-webkit-box-shadow:-5px 21px 28px -4px rgba(0,0,0,0.43);-moz-box-shadow:-5px 21px 28px -4px rgba(0,0,0,0.43);box-shadow:-5px 21px 28px -4px rgba(0,0,0,0.43);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;animation:slidein 3s ease-in-out forwards}.ribbon-content{z-index:99999;position:relative;margin:0 5px}.ribbon-content h3{margin:0;padding:5px 0 5px 0;line-height:16px;font-family:'Hammersmith One',sans-serif;color:#24505a;text-align:center}.ribbon-content > p,.ribbon-content > p span{color:#24505a;margin:0;padding:0}.ribbon-content p span{display:block}.close-x{position:absolute;top:5px;right:5px;z-index:99}.close-x a:link,.close-x a:visited{background:#2ec4b6;color:#fff;padding:0 4px;font-weight:normal;text-decoration:none}.close-x a:hover{background:#ff9f1c}.overlay-ribbon:before{/* content:""; *//* position:absolute; */bottom:-9em;left:0;width:0;height:0;border-top:10em solid #2ec4b6;border-right:10em solid transparent;z-index:997}.overlay-ribbon:after{/* content:""; */position:absolute;bottom:-9em;right:0;width:0;height:0;border-top:10em solid #2ec4b6;border-left:10em solid transparent;z-index:998}.slideout{animation:slideout 1s ease-in-out forwards}@-webkit-keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@-o-keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@-moz-keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@-webkit-keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}@-o-keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}@-moz-keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}@keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}


::-webkit-scrollbar { width: 6px !important; height: 3px!important; }

::-webkit-scrollbar-thumb { height: 50px!important; background-color: #eb3580!important; background-image: linear-gradient(#eb576a, #51bac3); border-radius: 3px!important; }
::-webkit-scrollbar-track {
 -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.animated {-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated_2 {-webkit-animation-duration: 0.1s;animation-duration: 0.1s;}
.animated_4 {-webkit-animation-duration: 0.2s;animation-duration: 0.2s;}
.animated_6 {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
.animated_8 {-webkit-animation-duration: 0.4s;animation-duration: 0.4s;}
.animated_10 {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;}
.animated_12 {-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.navbar-default .dropdown-menu.ani-acc-menu >li>a {transition:none;color: #14171a;padding: 6px 16px;font-size: 13px;}


@keyframes wardan{to{background-position:200% center;}
}
.sedraname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, #750b9c 10%, #fff 50%, #b330e3 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:sed 1.5s linear infinite;display:inline-block;}
@keyframes sed{to{background-position:200% center;}
}
.ammarname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, crimson 10%, #000 50%, crimson 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ammar 1.5s linear infinite;display:inline-block;}
@keyframes ammar{to{background-position:200% center;}
}
@keyframes sm_3600{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3600px, 0px, 0px);}
}
@keyframes sm_756{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-756px, 0px, 0px);}
}
@keyframes sm_3456{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3456px, 0px, 0px);}
}
@keyframes sm_1512{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1512px, 0px, 0px);}
}
@keyframes sm_1800{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1800px, 0px, 0px);}
}
@keyframes sm_960{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-960px, 0px, 0px);}
}
@keyframes sm_2880{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-2880px, 0px, 0px);}
}
@keyframes a_1800{100%{background-position:-1800px center;}
}
@keyframes a_3456{100%{background-position:-3456px center;}
}


.nameWave {
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: nameWave 3s linear infinite normal;
    animation: nameWave 3s linear infinite normal;
}
.clip {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes sm_3600 { 100% { background-position: -3600px center;}}
@keyframes sm_2304 { 100% { background-position: -2304px center;}}
@keyframes a_3456 { 100% { background-position: -3456px center;}}
@keyframes a_3024 { 100% { background-position: -3024px center;}}
@keyframes a_3600 { 100% { background-position: -3600px center;}}
@keyframes a_720 { 100% { background-position: -720px center;}}
@keyframes a_1800 { 100% { background-position: -1800px center;}}
@keyframes a_720 { 100% { background-position: -720px center;}}



.back_theme { background:border-radius:0 15px 0px 15px; border-radius:15px; box-shadow:inset 0 0 46px -5px #38becf;border:1px solid #841899; !important; }

/*.user_item {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    background: rgb(0,0,0,0.05);
    margin: 5px 0;
}
*/
.user_item{ border-bottom:1px solid #ededed; }



.swing1 {
    color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
    font-family: "Lobster";
    font-family: "Josefin Sans", sans-serif;
    background-image: repeating-linear-gradient(-25deg, #7CFC00 10%, #D2691E 14.75%, #FFD700 15.5%, #27DBFF 25.5%, #FF1493 50%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 8s linear infinite;
    }

.ui.segment {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    margin: 1rem 0;
    padding: 1em 1em;
    border-radius: .28571429rem;
    border: 1px solid rgba(34,36,38,.15)
}

.ui.segment:first-child {
    margin-top: 0
}

.ui.segment:last-child {
    margin-bottom: 0
}

.ui.vertical.segment {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    background: none transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(34,36,38,.15)
}

.ui.vertical.segment:last-child {
    border-bottom: none
}

.ui.inverted.segment>.ui.header {
    color: #fff
}

.ui[class*="bottom attached"].segment>[class*="top attached"].label {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ui[class*="top attached"].segment>[class*="bottom attached"].label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column,.ui.page.grid.segment {
    padding-top: 2em;
    padding-bottom: 2em
}

.ui.grid.segment {
    margin: 1rem 0;
    border-radius: .28571429rem
}

.ui.basic.table.segment {
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)
}

.ui[class*="very basic"].table.segment {
    padding: 1em 1em
}

.ui.placeholder.segment {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: initial;
    -webkit-animation: none;
    animation: none;
    overflow: visible;
    padding: 1em 1em;
    min-height: 18rem;
    background: #f9fafb;
    border-color: rgba(34,36,38,.15);
    -webkit-box-shadow: 0 2px 25px 0 rgba(34,36,38,.05) inset;
    box-shadow: 0 2px 25px 0 rgba(34,36,38,.05) inset
}

.ui.placeholder.segment .button,.ui.placeholder.segment textarea {
    display: block
}

.ui.placeholder.segment .button,.ui.placeholder.segment .field,.ui.placeholder.segment textarea,.ui.placeholder.segment>.ui.input {
    max-width: 15rem;
    margin-left: auto;
    margin-right: auto
}

.ui.placeholder.segment .column .button,.ui.placeholder.segment .column .field,.ui.placeholder.segment .column textarea,.ui.placeholder.segment .column>.ui.input {
    max-width: 15rem;
    margin-left: auto;
    margin-right: auto
}

.ui.placeholder.segment>.inline {
    -ms-flex-item-align: center;
    align-self: center
}

.ui.placeholder.segment>.inline>.button {
    display: inline-block;
    width: auto;
    margin: 0 .35714286rem 0 0
}

.ui.placeholder.segment>.inline>.button:last-child {
    margin-right: 0
}

.ui.piled.segment,.ui.piled.segments {
    margin: 3em 0;
    -webkit-box-shadow: '';
    box-shadow: '';
    z-index: auto
}

.ui.piled.segment:first-child {
    margin-top: 0
}

.ui.piled.segment:last-child {
    margin-bottom: 0
}

.ui.piled.segment:after,.ui.piled.segment:before,.ui.piled.segments:after,.ui.piled.segments:before {
    background-color: #fff;
    visibility: visible;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: '';
    box-shadow: ''
}

.ui.piled.segment:before,.ui.piled.segments:before {
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg);
    top: 0;
    z-index: -2
}

.ui.piled.segment:after,.ui.piled.segments:after {
    -webkit-transform: rotate(1.2deg);
    transform: rotate(1.2deg);
    top: 0;
    z-index: -1
}

.ui[class*="top attached"].piled.segment {
    margin-top: 3em;
    margin-bottom: 0
}

.ui.piled.segment[class*="top attached"]:first-child {
    margin-top: 0
}

.ui.piled.segment[class*="bottom attached"] {
    margin-top: 0;
    margin-bottom: 3em
}

.ui.piled.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0
}

.ui.stacked.segment {
    padding-bottom: 1.4em
}

.ui.stacked.segment:after,.ui.stacked.segment:before,.ui.stacked.segments:after,.ui.stacked.segments:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    border-top: 1px solid rgba(34,36,38,.15);
    background: rgba(0,0,0,.03);
    width: 100%;
    height: 6px;
    visibility: visible
}

.ui.stacked.segment:before,.ui.stacked.segments:before {
    display: none
}

.ui.tall.stacked.segment:before,.ui.tall.stacked.segments:before {
    display: block;
    bottom: 0
}

.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before,.ui.stacked.inverted.segments:after,.ui.stacked.inverted.segments:before {
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(34,36,38,.35)
}

.ui.padded.segment {
    padding: 1.5em
}

.ui[class*="very padded"].segment {
    padding: 3em
}

.ui.padded.segment.vertical.segment,.ui[class*="very padded"].vertical.segment {
    padding-left: 0;
    padding-right: 0
}

.ui.compact.segment {
    display: table
}

.ui.compact.segments {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ui.compact.segments .segment,.ui.segments .compact.segment {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.ui.circular.segment {
    display: table-cell;
    padding: 2em;
    text-align: center;
    vertical-align: middle;
    border-radius: 500em
}

.ui.raised.segment,.ui.raised.segments {
    -webkit-box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
}

.ui.segments {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 1rem 0;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    border-radius: .28571429rem
}

.ui.segments:first-child {
    margin-top: 0
}

.ui.segments:last-child {
    margin-bottom: 0
}

.ui.segments>.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-top: 1px solid rgba(34,36,38,.15)
}

.ui.segments:not(.horizontal)>.segment:first-child {
    border-top: none;
    margin-top: 0;
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.segments:not(.horizontal)>.segment:last-child {
    top: 0;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.segments:not(.horizontal)>.segment:only-child {
    border-radius: .28571429rem
}

.ui.segments>.ui.segments {
    border-top: 1px solid rgba(34,36,38,.15);
    margin: 1rem 1rem
}

.ui.segments>.segments:first-child {
    border-top: none
}

.ui.segments>.segment+.segments:not(.horizontal) {
    margin-top: 0
}

.ui.horizontal.segments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    margin: 1rem 0;
    border-radius: .28571429rem;
    border: 1px solid rgba(34,36,38,.15)
}

.ui.segments>.horizontal.segments {
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid rgba(34,36,38,.15)
}

.ui.horizontal.segments>.segment {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex: 1 1 0px;
    margin: 0;
    min-width: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid rgba(34,36,38,.15)
}

.ui.segments>.horizontal.segments:first-child {
    border-top: none
}

.ui.horizontal.segments>.segment:first-child {
    border-left: none
}

.ui.disabled.segment {
    opacity: .45;
    color: rgba(40,40,40,.3)
}

.ui.loading.segment {
    position: relative;
    cursor: default;
    pointer-events: none;
    text-shadow: none!important;
    color: transparent!important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.ui.loading.segment:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255,255,255,.8);
    width: 100%;
    height: 100%;
    border-radius: .28571429rem;
    z-index: 100
}

.ui.loading.segment:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: segment-spin .6s linear;
    animation: segment-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
    border-style: solid;
    border-width: .2em;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101
}

@-webkit-keyframes segment-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes segment-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.basic.segment {
    background: none transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0
}

.ui.clearing.segment:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.red.segment:not(.inverted) {
    border-top: 2px solid #db2828!important
}

.ui.inverted.red.segment {
    background-color: #db2828!important;
    color: #fff!important
}

.ui.orange.segment:not(.inverted) {
    border-top: 2px solid #012832!important
}

.ui.inverted.orange.segment {
    background-color: #012832!important;
    color: #fff!important
}

.ui.yellow.segment:not(.inverted) {
    border-top: 2px solid #fbbd08!important
}

.ui.inverted.yellow.segment {
    background-color: #fbbd08!important;
    color: #fff!important
}

.ui.olive.segment:not(.inverted) {
    border-top: 2px solid #b5cc18!important
}

.ui.inverted.olive.segment {
    background-color: #b5cc18!important;
    color: #fff!important
}

.ui.green.segment:not(.inverted) {
    border-top: 2px solid #21ba45!important
}

.ui.inverted.green.segment {
    background-color: #21ba45!important;
    color: #fff!important
}

.ui.teal.segment:not(.inverted) {
    border-top: 2px solid #00b5ad!important
}

.ui.inverted.teal.segment {
    background-color: #00b5ad!important;
    color: #fff!important
}

.ui.blue.segment:not(.inverted) {
    border-top: 2px solid #2185d0!important
}

.ui.inverted.blue.segment {
    background-color: #2185d0!important;
    color: #fff!important
}

.ui.violet.segment:not(.inverted) {
    border-top: 2px solid #6435c9!important
}

.ui.inverted.violet.segment {
    background-color: #6435c9!important;
    color: #fff!important
}

.ui.purple.segment:not(.inverted) {
    border-top: 2px solid #a333c8!important
}

.ui.inverted.purple.segment {
    background-color: #a333c8!important;
    color: #fff!important
}

.ui.pink.segment:not(.inverted) {
    border-top: 2px solid #e03997!important
}

.ui.inverted.pink.segment {
    background-color: #e03997!important;
    color: #fff!important
}

.ui.brown.segment:not(.inverted) {
    border-top: 2px solid #a5673f!important
}

.ui.inverted.brown.segment {
    background-color: #a5673f!important;
    color: #fff!important
}

.ui.grey.segment:not(.inverted) {
    border-top: 2px solid #767676!important
}

.ui.inverted.grey.segment {
    background-color: #767676!important;
    color: #fff!important
}

.ui.black.segment:not(.inverted) {
    border-top: 2px solid #1b1c1d!important
}

.ui.inverted.black.segment {
    background-color: #1b1c1d!important;
    color: #fff!important
}

.ui[class*="left aligned"].segment {
    text-align: left
}

.ui[class*="right aligned"].segment {
    text-align: right
}

.ui[class*="center aligned"].segment {
    text-align: center
}

.ui.floated.segment,.ui[class*="left floated"].segment {
    float: left;
    margin-right: 1em
}

.ui[class*="right floated"].segment {
    float: right;
    margin-left: 1em
}

.ui.inverted.segment {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.segment,.ui.primary.inverted.segment {
    background: #1b1c1d;
    color: rgba(255,255,255,.9)
}

.ui.inverted.segment .segment {
    color: rgba(0,0,0,.87)
}

.ui.inverted.segment .inverted.segment {
    color: rgba(255,255,255,.9)
}

.ui.inverted.attached.segment {
    border-color: #555
}

.ui.secondary.segment {
    background: #f3f4f5;
    color: rgba(0,0,0,.6)
}

.ui.secondary.inverted.segment {
    background: #4c4f52 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,.2)));
    background: #4c4f52 -webkit-linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);
    background: #4c4f52 linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);
    color: rgba(255,255,255,.8)
}

.ui.tertiary.segment {
    background: #dcddde;
    color: rgba(0,0,0,.6)
}

.ui.tertiary.inverted.segment {
    background: #717579 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.35)),to(rgba(255,255,255,.35)));
    background: #717579 -webkit-linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);
    background: #717579 linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);
    color: rgba(255,255,255,.8)
}

.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d4d4d5
}

.ui.attached:not(.message)+.ui.attached.segment:not(.top) {
    border-top: none
}

.ui[class*="top attached"].segment {
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    margin-top: 1rem;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.segment[class*="top attached"]:first-child {
    margin-top: 0
}

.ui.segment[class*="bottom attached"] {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0
}

.ui.mini.segment,.ui.mini.segments .segment {
    font-size: .78571429rem
}

.ui.tiny.segment,.ui.tiny.segments .segment {
    font-size: .85714286rem
}

.ui.small.segment,.ui.small.segments .segment {
    font-size: .92857143rem
}

.ui.segment,.ui.segments .segment {
    font-size: 0.8rem
}

.ui.large.segment,.ui.large.segments .segment {
    font-size: 0.14285714rem
}

.ui.big.segment,.ui.big.segments .segment {
    font-size: 0.28571429rem
}

.ui.huge.segment,.ui.huge.segments .segment {
    font-size: 0.42857143rem
}

.ui.massive.segment,.ui.massive.segments .segment {
    font-size: 0.81428571rem
}

/*!

.ui.segments:last-child {
  margin-bottom: 0em;
}


.ui.orange.buttons .button,
.ui.orange.button {
  background-color: #012832;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}

.ui.orange.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.ui.orange.buttons .button:hover,
.ui.orange.button:hover {
  background-color: #f26202;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.orange.buttons .button:focus,
.ui.orange.button:focus {
  background-color: #e55b00;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.orange.buttons .button:active,
.ui.orange.button:active {
  background-color: #012832;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active,
.ui.orange.active.button,
.ui.orange.button .active.button:active {
  background-color: #f56100;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.orange.buttons .button, .ui.basic.orange.button {
    -webkit-box-shadow: 0px 0px 0px 1px #012832 inset !important;
    box-shadow: 0px 0px 0px 1px #012832 inset !important;
    color: #012832 !important;
}

.ui.basic.orange.buttons .button:hover, .ui.basic.orange.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 1px #f26202 inset !important;
    box-shadow: 0px 0px 0px 1px #f26202 inset !important;
    color: #f26202 !important;
}

.ui.basic.orange.buttons .button:focus, .ui.basic.orange.button:focus {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
    box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
    color: #f26202 !important;
}

.ui.basic.orange.buttons .active.button, .ui.basic.orange.active.button {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 1px #f56100 inset !important;
    box-shadow: 0px 0px 0px 1px #f56100 inset !important;
    color: #012832 !important;
}

.ui.basic.orange.buttons .button:active, .ui.basic.orange.button:active {
    -webkit-box-shadow: 0px 0px 0px 1px #012832 inset !important;
    box-shadow: 0px 0px 0px 1px #012832 inset !important;
    color: #012832 !important;
}

.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
    margin-left: -1px;
}

/* Inverted */
.ui.inverted.orange.buttons .button, .ui.inverted.orange.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #FF851B inset !important;
    box-shadow: 0px 0px 0px 2px #FF851B inset !important;
    color: #FF851B;
}

.ui.inverted.orange.buttons .button:hover, .ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.button:focus, .ui.inverted.orange.buttons .button.active, .ui.inverted.orange.button.active, .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.button:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #FFFFFF;
}

.ui.inverted.orange.buttons .button:hover, .ui.inverted.orange.button:hover {
    background-color: #ff7701;
}

.ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.button:focus {
    background-color: #f17000;
}

.ui.inverted.orange.buttons .active.button, .ui.inverted.orange.active.button {
    background-color: #ff7701;
}

.ui.inverted.orange.buttons .button:active, .ui.inverted.orange.button:active {
    background-color: #e76b00;
}

/* Inverted Basic */
.ui.inverted.orange.basic.buttons .button, .ui.inverted.orange.buttons .basic.button, .ui.inverted.orange.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFFFFF !important;
}

.ui.inverted.orange.basic.buttons .button:hover, .ui.inverted.orange.buttons .basic.button:hover, .ui.inverted.orange.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
    box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
    color: #FF851B !important;
}

.ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.button:focus {
    -webkit-box-shadow: 0px 0px 0px 2px #f17000 inset !important;
    box-shadow: 0px 0px 0px 2px #f17000 inset !important;
    color: #FF851B !important;
}

.ui.inverted.orange.basic.buttons .active.button, .ui.inverted.orange.buttons .basic.active.button, .ui.inverted.orange.basic.active.button {
    -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
    box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
    color: #FF851B !important;
}

.ui.inverted.orange.basic.buttons .button:active, .ui.inverted.orange.buttons .basic.button:active, .ui.inverted.orange.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
    box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
    color: #FF851B !important;
}

.nick1 {
    color: #751aff;
    -webkit-animation: colorchange 5s infinite alternate
}

@-webkit-keyframes colorchange {
    0% {
        color: #33cccc;
    }

    10% {
        color: #cc33ff;
    }

    20% {
        color: #000000;
    }

    40% {
        color: #33cc33;
    }

    60% {
        color: #cc00cc;
    }

    80% {
        color: #ff00ff;
    }

    100% {
        color: #33cc33;
    }
}

.eslam1 {
    text-transform: uppercase;
    background: linear-gradient(to right, #6a5006 10%, #fff 50%, #05344c 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
}

.zahraa6 {
    text-transform: uppercase;
    font-size: 10px;
    background: linear-gradient(to right, #ff0000 50%, #fff 5%, #000000 50%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    /* color: #fff; */
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
    font-weight: bold;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: .5833em .833em;
    color: rgba(0,0,0,.6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-transition: background .1s ease;
    transition: background .1s ease
}

.ui.label:first-child {
    margin-left: 0
}

.ui.label:last-child {
    margin-right: 0
}

a.ui.label {
    cursor: pointer
}

.ui.label>a {
    cursor: pointer;
    color: inherit;
    opacity: .5;
    -webkit-transition: .1s opacity ease;
    transition: .1s opacity ease
}

.ui.label>a:hover {
    opacity: 1
}

.ui.label>img {
    width: auto!important;
    vertical-align: middle;
    height: 2.1666em!important
}

.ui.label>.icon {
    width: auto;
    margin: 0 .75em 0 0
}

.ui.label>.detail {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    margin-left: 1em;
    opacity: .8
}

.ui.label>.detail .icon {
    margin: 0 .25em 0 0
}

.ui.label>.close.icon,.ui.label>.delete.icon {
    cursor: pointer;
    margin-right: 0;
    margin-left: .5em;
    font-size: .92857143em;
    opacity: .5;
    -webkit-transition: background .1s ease;
    transition: background .1s ease
}

.ui.label>.delete.icon:hover {
    opacity: 1
}

.ui.labels>.label {
    margin: 0 .5em .5em 0
}

.ui.header>.ui.label {
    margin-top: -.29165em
}

.ui.attached.segment>.ui.top.left.attached.label,.ui.bottom.attached.segment>.ui.top.left.attached.label {
    border-top-left-radius: 0
}

.ui.attached.segment>.ui.top.right.attached.label,.ui.bottom.attached.segment>.ui.top.right.attached.label {
    border-top-right-radius: 0
}

.ui.top.attached.segment>.ui.bottom.left.attached.label {
    border-bottom-left-radius: 0
}

.ui.top.attached.segment>.ui.bottom.right.attached.label {
    border-bottom-right-radius: 0
}

.ui.top.attached.label+[class*="right floated"]+,.ui.top.attached.label:first-child+:not(.attached) {
    margin-top: 2rem!important
}

.ui.bottom.attached.label:first-child~:last-child:not(.attached) {
    margin-top: 0;
    margin-bottom: 2rem!important
}

.ui.image.label {
    width: auto!important;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 9999px;
    vertical-align: baseline;
    text-transform: none;
    background: #e8e8e8;
    padding: .5833em .833em .5833em .5em;
    border-radius: .28571429rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.image.label img {
    display: inline-block;
    vertical-align: top;
    height: 2.1666em;
    margin: -.5833em .5em -.5833em -.5em;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.image.label .detail {
    background: rgba(0,0,0,.1);
    margin: -.5833em -.833em -.5833em .5em;
    padding: .5833em .833em;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.tag.label,.ui.tag.labels .label {
    margin-left: 1em;
    position: relative;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 0 .28571429rem .28571429rem 0;
    -webkit-transition: none;
    transition: none
}

.ui.tag.label:before,.ui.tag.labels .label:before {
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
    top: 50%;
    right: 100%;
    content: '';
    background-color: inherit;
    background-image: none;
    width: 1.56em;
    height: 1.56em;
    -webkit-transition: none;
    transition: none
}

.ui.tag.label:after,.ui.tag.labels .label:after {
    position: absolute;
    content: '';
    top: 50%;
    left: -.25em;
    margin-top: -.25em;
    background-color: #fff!important;
    width: .5em;
    height: .5em;
    -webkit-box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3);
    border-radius: 500rem
}

.ui.corner.label {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    border-color: #e8e8e8;
    width: 4em;
    height: 4em;
    z-index: 1;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease
}

.ui.corner.label {
    background-color: transparent!important
}

.ui.corner.label:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 0;
    background-color: transparent!important;
    border-top: 0 solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 4em solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease
}

.ui.corner.label .icon {
    cursor: default;
    position: relative;
    top: .64285714em;
    left: .78571429em;
    font-size: 1.14285714em;
    margin: 0
}

.ui.left.corner.label,.ui.left.corner.label:after {
    right: auto;
    left: 0
}

.ui.left.corner.label:after {
    border-top: 4em solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    border-top-color: inherit
}

.ui.left.corner.label .icon {
    left: -.78571429em
}

.ui.segment>.ui.corner.label {
    top: -1px;
    right: -1px
}

.ui.segment>.ui.left.corner.label {
    right: auto;
    left: -1px
}

.ui.ribbon.label {
    position: relative;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0 .28571429rem .28571429rem 0;
    border-color: rgba(0,0,0,.15)
}

.ui.ribbon.label:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    background-color: transparent!important;
    border-style: solid;
    border-width: 0 1.2em 1.2em 0;
    border-color: transparent;
    border-right-color: inherit;
    width: 0;
    height: 0
}

.ui.ribbon.label {
    left: calc(-1rem - 1.2em);
    margin-right: -1.2em;
    padding-left: calc(1rem + 1.2em);
    padding-right: 1.2em
}

.ui[class="right ribbon"].label {
    left: calc(100% + 1rem + 1.2em);
    padding-left: 1.2em;
    padding-right: calc(1rem + 1.2em)
}

.ui[class*="right ribbon"].label {
    text-align: left;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui[class*="right ribbon"].label:after {
    left: auto;
    right: 0;
    border-style: solid;
    border-width: 1.2em 1.2em 0 0;
    border-color: transparent;
    border-top-color: inherit
}

.ui.card .image>.ribbon.label,.ui.image>.ribbon.label {
    position: absolute;
    top: 1rem
}

.ui.card .image>.ui.ribbon.label,.ui.image>.ui.ribbon.label {
    left: calc(.05rem - 1.2em)
}

.ui.card .image>.ui[class*="right ribbon"].label,.ui.image>.ui[class*="right ribbon"].label {
    left: calc(100% + -.05rem + 1.2em);
    padding-left: .833em
}

.ui.table td>.ui.ribbon.label {
    left: calc(-.78571429em - 1.2em)
}

.ui.table td>.ui[class*="right ribbon"].label {
    left: calc(100% + .78571429em + 1.2em);
    padding-left: .833em
}

.ui.attached.label,.ui[class*="top attached"].label {
    width: 100%;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    padding: .75em 1em;
    border-radius: .21428571rem .21428571rem 0 0
}

.ui[class*="bottom attached"].label {
    top: auto;
    bottom: 0;
    border-radius: 0 0 .21428571rem .21428571rem
}

.ui[class*="top left attached"].label {
    width: auto;
    margin-top: 0!important;
    border-radius: .21428571rem 0 .28571429rem 0
}

.ui[class*="top right attached"].label {
    width: auto;
    left: auto;
    right: 0;
    border-radius: 0 .21428571rem 0 .28571429rem
}

.ui[class*="bottom left attached"].label {
    width: auto;
    top: auto;
    bottom: 0;
    border-radius: 0 .28571429rem 0 .21428571rem
}

.ui[class*="bottom right attached"].label {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: auto;
    border-radius: .28571429rem 0 .21428571rem 0
}

.ui.label.disabled {
    opacity: .5
}

a.ui.label:hover,a.ui.labels .label:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    background-image: none;
    color: rgba(0,0,0,.8)
}

.ui.labels a.label:hover:before,a.ui.label:hover:before {
    color: rgba(0,0,0,.8)
}

.ui.active.label {
    background-color: #d0d0d0;
    border-color: #d0d0d0;
    background-image: none;
    color: rgba(0,0,0,.95)
}

.ui.active.label:before {
    background-color: #d0d0d0;
    background-image: none;
    color: rgba(0,0,0,.95)
}

a.ui.active.label:hover,a.ui.labels .active.label:hover {
    background-color: #c8c8c8;
    border-color: #c8c8c8;
    background-image: none;
    color: rgba(0,0,0,.95)
}

.ui.labels a.active.label:ActiveHover:before,a.ui.active.label:ActiveHover:before {
    background-color: #c8c8c8;
    background-image: none;
    color: rgba(0,0,0,.95)
}

.ui.label.visible:not(.dropdown),.ui.labels.visible .label {
    display: inline-block!important
}

.ui.label.hidden,.ui.labels.hidden .label {
    display: none!important
}

.ui.red.label,.ui.red.labels .label {
    background-color: #db2828!important;
    border-color: #db2828!important;
    color: #fff!important
}

.ui.red.labels .label:hover,a.ui.red.label:hover {
    background-color: #d01919!important;
    border-color: #d01919!important;
    color: #fff!important
}

.ui.red.corner.label,.ui.red.corner.label:hover {
    background-color: transparent!important
}

.ui.red.ribbon.label {
    border-color: #b21e1e!important
}

.ui.basic.red.label {
    background: none #fff!important;
    color: #db2828!important;
    border-color: #db2828!important
}

.ui.basic.red.labels a.label:hover,a.ui.basic.red.label:hover {
    background-color: #fff!important;
    color: #d01919!important;
    border-color: #d01919!important
}

.ui.orange.label,.ui.orange.labels .label {
    background-color: #012832!important;
    border-color: #012832!important;
    color: #fff!important
}

.ui.orange.labels .label:hover,a.ui.orange.label:hover {
    background-color: #f26202!important;
    border-color: #f26202!important;
    color: #fff!important
}

.ui.orange.corner.label,.ui.orange.corner.label:hover {
    background-color: transparent!important
}

.ui.orange.ribbon.label {
    border-color: #012832!important
}

.ui.basic.orange.label {
    background: none #fff!important;
    color: #012832!important;
    border-color: #012832!important
}

.ui.basic.orange.labels a.label:hover,a.ui.basic.orange.label:hover {
    background-color: #fff!important;
    color: #f26202!important;
    border-color: #f26202!important
}

.ui.yellow.label,.ui.yellow.labels .label {
    background-color: #fbbd08!important;
    border-color: #fbbd08!important;
    color: #fff!important
}

.ui.yellow.labels .label:hover,a.ui.yellow.label:hover {
    background-color: #eaae00!important;
    border-color: #eaae00!important;
    color: #fff!important
}

.ui.yellow.corner.label,.ui.yellow.corner.label:hover {
    background-color: transparent!important
}

.ui.yellow.ribbon.label {
    border-color: #cd9903!important
}

.ui.basic.yellow.label {
    background: none #fff!important;
    color: #fbbd08!important;
    border-color: #fbbd08!important
}

.ui.basic.yellow.labels a.label:hover,a.ui.basic.yellow.label:hover {
    background-color: #fff!important;
    color: #eaae00!important;
    border-color: #eaae00!important
}

.ui.olive.label,.ui.olive.labels .label {
    background-color: #b5cc18!important;
    border-color: #b5cc18!important;
    color: #fff!important
}

.ui.olive.labels .label:hover,a.ui.olive.label:hover {
    background-color: #a7bd0d!important;
    border-color: #a7bd0d!important;
    color: #fff!important
}

.ui.olive.corner.label,.ui.olive.corner.label:hover {
    background-color: transparent!important
}

.ui.olive.ribbon.label {
    border-color: #198f35!important
}

.ui.basic.olive.label {
    background: none #fff!important;
    color: #b5cc18!important;
    border-color: #b5cc18!important
}

.ui.basic.olive.labels a.label:hover,a.ui.basic.olive.label:hover {
    background-color: #fff!important;
    color: #a7bd0d!important;
    border-color: #a7bd0d!important
}

.ui.green.label,.ui.green.labels .label {
    background-color: #21ba45!important;
    border-color: #21ba45!important;
    color: #fff!important
}

.ui.green.labels .label:hover,a.ui.green.label:hover {
    background-color: #16ab39!important;
    border-color: #16ab39!important;
    color: #fff!important
}

.ui.green.corner.label,.ui.green.corner.label:hover {
    background-color: transparent!important
}

.ui.green.ribbon.label {
    border-color: #198f35!important
}

.ui.basic.green.label {
    background: none #fff!important;
    color: #21ba45!important;
    border-color: #21ba45!important
}

.ui.basic.green.labels a.label:hover,a.ui.basic.green.label:hover {
    background-color: #fff!important;
    color: #16ab39!important;
    border-color: #16ab39!important
}

.ui.teal.label,.ui.teal.labels .label {
    background-color: #00b5ad!important;
    border-color: #00b5ad!important;
    color: #fff!important
}

.ui.teal.labels .label:hover,a.ui.teal.label:hover {
    background-color: #009c95!important;
    border-color: #009c95!important;
    color: #fff!important
}

.ui.teal.corner.label,.ui.teal.corner.label:hover {
    background-color: transparent!important
}

.ui.teal.ribbon.label {
    border-color: #00827c!important
}

.ui.basic.teal.label {
    background: none #fff!important;
    color: #00b5ad!important;
    border-color: #00b5ad!important
}

.ui.basic.teal.labels a.label:hover,a.ui.basic.teal.label:hover {
    background-color: #fff!important;
    color: #009c95!important;
    border-color: #009c95!important
}

.ui.blue.label,.ui.blue.labels .label {
    background-color: #012832!important;
    border-color: #2185d0!important;
    color: #fff!important
}

.ui.blue.labels .label:hover,a.ui.blue.label:hover {
    background-color: #1678c2!important;
    border-color: #1678c2!important;
    color: #fff!important
}

.ui.blue.corner.label,.ui.blue.corner.label:hover {
    background-color: transparent!important
}

.ui.blue.ribbon.label {
    border-color: #012832!important
}

.ui.basic.blue.label {
    background: none #fff!important;
    color: #2185d0!important;
    border-color: #2185d0!important
}

.ui.basic.blue.labels a.label:hover,a.ui.basic.blue.label:hover {
    background-color: #fff!important;
    color: #1678c2!important;
    border-color: #1678c2!important
}

.ui.violet.label,.ui.violet.labels .label {
    background-color: #6435c9!important;
    border-color: #6435c9!important;
    color: #fff!important
}

.ui.violet.labels .label:hover,a.ui.violet.label:hover {
    background-color: #5829bb!important;
    border-color: #5829bb!important;
    color: #fff!important
}

.ui.violet.corner.label,.ui.violet.corner.label:hover {
    background-color: transparent!important
}

.ui.violet.ribbon.label {
    border-color: #502aa1!important
}

.ui.basic.violet.label {
    background: none #fff!important;
    color: #6435c9!important;
    border-color: #6435c9!important
}

.ui.basic.violet.labels a.label:hover,a.ui.basic.violet.label:hover {
    background-color: #fff!important;
    color: #5829bb!important;
    border-color: #5829bb!important
}

.ui.purple.label,.ui.purple.labels .label {
    background-color: #a333c8!important;
    border-color: #a333c8!important;
    color: #fff!important
}

.ui.purple.labels .label:hover,a.ui.purple.label:hover {
    background-color: #9627ba!important;
    border-color: #9627ba!important;
    color: #fff!important
}

.ui.purple.corner.label,.ui.purple.corner.label:hover {
    background-color: transparent!important
}

.ui.purple.ribbon.label {
    border-color: #82299f!important
}

.ui.basic.purple.label {
    background: none #fff!important;
    color: #a333c8!important;
    border-color: #a333c8!important
}

.ui.basic.purple.labels a.label:hover,a.ui.basic.purple.label:hover {
    background-color: #fff!important;
    color: #9627ba!important;
    border-color: #9627ba!important
}

.ui.pink.label,.ui.pink.labels .label {
    background-color: #e03997!important;
    border-color: #e03997!important;
    color: #fff!important
}

.ui.pink.labels .label:hover,a.ui.pink.label:hover {
    background-color: #e61a8d!important;
    border-color: #e61a8d!important;
    color: #fff!important
}

.ui.pink.corner.label,.ui.pink.corner.label:hover {
    background-color: transparent!important
}

.ui.pink.ribbon.label {
    border-color: #c71f7e!important
}

.ui.basic.pink.label {
    background: none #fff!important;
    color: #e03997!important;
    border-color: #e03997!important
}

.ui.basic.pink.labels a.label:hover,a.ui.basic.pink.label:hover {
    background-color: #fff!
important;
    color: #e61a8d!important;
    border-color: #e61a8d!important
}

.ui.brown.label,.ui.brown.labels .label {
    background-color: #a5673f!important;
    border-color: #a5673f!important;
    color: #fff!important
}

.ui.brown.labels .label:hover,a.ui.brown.label:hover {
    background-color: #975b33!important;
    border-color: #975b33!important;
    color: #fff!important
}

.ui.brown.corner.label,.ui.brown.corner.label:hover {
    background-color: transparent!important
}

.ui.brown.ribbon.label {
    border-color: #805031!important
}

.ui.basic.brown.label {
    background: none #fff!important;
    color: #a5673f!important;
    border-color: #a5673f!important
}

.ui.basic.brown.labels a.label:hover,a.ui.basic.brown.label:hover {
    background-color: #fff!important;
    color: #975b33!important;
    border-color: #975b33!important
}

.ui.grey.label,.ui.grey.labels .label {
    background-color: #767676!important;
    border-color: #767676!important;
    color: #fff!important
}

.ui.grey.labels .label:hover,a.ui.grey.label:hover {
    background-color: #838383!important;
    border-color: #838383!important;
    color: #fff!important
}

.ui.grey.corner.label,.ui.grey.corner.label:hover {
    background-color: transparent!important
}

.ui.grey.ribbon.label {
    border-color: #805031!important
}

.ui.basic.grey.label {
    background: none #fff!important;
    color: #767676!important;
    border-color: #767676!important
}

.ui.basic.grey.labels a.label:hover,a.ui.basic.grey.label:hover {
    background-color: #fff!important;
    color: #838383!important;
    border-color: #838383!important
}

.ui.black.label,.ui.black.labels .label {
    background-color: #1b1c1d!important;
    border-color: #1b1c1d!important;
    color: #fff!important
}

.ui.black.labels .label:hover,a.ui.black.label:hover {
    background-color: #27292a!important;
    border-color: #27292a!important;
    color: #fff!important
}

.ui.black.corner.label,.ui.black.corner.label:hover {
    background-color: transparent!important
}

.ui.black.ribbon.label {
    border-color: #805031!important
}

.ui.basic.black.label {
    background: none #fff!important;
    color: #1b1c1d!important;
    border-color: #1b1c1d!important
}

.ui.basic.black.labels a.label:hover,a.ui.basic.black.label:hover {
    background-color: #fff!important;
    color: #27292a!important;
    border-color: #27292a!important
}

.ui.basic.label {
    background: none #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.ui.basic.label:hover {
    text-decoration: none;
    background: none #fff;
    color: #1e70bf;
    -webkit-box-shadow: 1px solid rgba(34,36,38,.15);
    box-shadow: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.pointing.label:before {
    border-color: inherit
}

.ui.fluid.labels>.label,.ui.label.fluid {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui.inverted.label,.ui.inverted.labels .label {
    color: rgba(255,255,255,.9)!important
}

.ui.horizontal.label,.ui.horizontal.labels .label {
    margin: 0 .5em 0 0;
    padding: .4em .833em;
    min-width: 3em;
    text-align: center
}

.ui.circular.label,.ui.circular.labels .label {
    min-width: 2em;
    min-height: 2em;
    padding: .5em!important;
    line-height: 1em;
    text-align: center;
    border-radius: 500rem
}

.ui.empty.circular.label,.ui.empty.circular.labels .label {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    width: .5em;
    height: .5em;
    vertical-align: baseline
}

.ui.pointing.label {
    position: relative
}

.ui.attached.pointing.label {
    position: absolute
}

.ui.pointing.label:before {
    background-color: inherit;
    background-image: inherit;
    border-width: none;
    border-style: solid;
    border-color: inherit
}

.ui.pointing.label:before {
    position: absolute;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: none;
    z-index: 2;
    width: .6666em;
    height: .6666em;
    -webkit-transition: background .1s ease;
    transition: background .1s ease
}

.ui.pointing.label,.ui[class*="pointing above"].label {
    margin-top: 1em
}

.ui.pointing.label:before,.ui[class*="pointing above"].label:before {
    border-width: 1px 0 0 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%
}

.ui[class*="bottom pointing"].label,.ui[class*="pointing below"].label {
    margin-top: 0;
    margin-bottom: 1em
}

.ui[class*="bottom pointing"].label:before,.ui[class*="pointing below"].label:before {
    border-width: 0 1px 1px 0;
    top: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 100%;
    left: 50%
}

.ui[class*="left pointing"].label {
    margin-top: 0;
    margin-left: .6666em
}

.ui[class*="left pointing"].label:before {
    border-width: 0 0 1px 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0
}

.ui[class*="right pointing"].label {
    margin-top: 0;
    margin-right: .6666em
}

.ui[class*="right pointing"].label:before {
    border-width: 1px 1px 0 0;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    transform: translateX(50%) translateY(-50%) rotate(45deg);
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto
}

.ui.basic.pointing.label:before,.ui.basic[class*="pointing above"].label:before {
    margin-top: -1px
}

.ui.basic[class*="bottom pointing"].label:before,.ui.basic[class*="pointing below"].label:before {
    bottom: auto;
    top: 100%;
    margin-top: 1px
}

.ui.basic[class*="left pointing"].label:before {
    top: 50%;
    left: -1px
}

.ui.basic[class*="right pointing"].label:before {
    top: 50%;
    right: -1px
}

.ui.floating.label {
    position: absolute;
    z-index: 100;
    top: -1em;
    left: 100%;
    margin: 0 0 0 -1.5em!important
}

.ui.mini.label,.ui.mini.labels .label {
    font-size: .64285714rem
}

.ui.tiny.label,.ui.tiny.labels .label {
    font-size: .71428571rem
}

.ui.small.label,.ui.small.labels .label {
    font-size: .78571429rem
}

.ui.label,.ui.labels .label {
    font-size: .85714286rem
}

.ui.large.label,.ui.large.labels .label {
    font-size: 0.8rem
}

.ui.big.label,.ui.big.labels .label {
    font-size: 1.28571429rem
}

.ui.huge.label,.ui.huge.labels .label {
    font-size: 1.42857143rem
}

.ui.massive.label,.ui.massive.labels .label {
    font-size: 1.71428571rem
}
.post_video {
  display: table;
  table-layout: fixed;
  height: auto;
  width: 200px;
  margin: 1px 0;
}
/*!
text/css custom.css ( ASCII text ) .fa-envelope {
    content: url(https://cdn3d.iconscout.com/3d/premium/thumb/christmas-envelope-3d-icon-download-in-png-blend-fbx-gltf-file-formats--invitation-card-mail-pack-festival-days-icons-8489798.png);
    font-family: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.fa-paper-plane {
    content: url(https://cdn-icons-gif.flaticon.com/11186/11186861.gif);
    font-family: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border-radius: 40px
}

.fa-microphone {
    content: url(https://cdn3d.iconscout.com/3d/premium/thumb/sing-3d-icon-download-in-png-blend-fbx-gltf-file-formats--song-microphone-technology-mic-hobby-pack-entertainment-icons-8933639.png?f=webp);
    font-family: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle
}


.fa-search {
    content: url(https://icons.iconarchive.com/icons/microsoft/fluentui-emoji-3d/512/Magnifying-Glass-Tilted-Left-3d-icon.png);
    font-family: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.fa-music {
    content: url(https://cdn3d.iconscout.com/3d/premium/thumb/music-3d-icon-download-in-png-blend-fbx-gltf-file-formats--musical-sound-melody-note-symbol-user-interface-pack-icons-8511794.png?f=webp);
    font-family: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.fa-user-plus {
    content: url(https://static.vecteezy.com/system/resources/previews/024/865/901/non_2x/snowman-with-ai-generated-free-png.png);
    font-family: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.fa-bell {
    content: url(https://static.vecteezy.com/system/resources/previews/033/647/456/non_2x/christmas-bell-with-ai-generated-free-png.png);
    font-family: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.fa-users {
    content: url(https://cdn3d.iconscout.com/3d/premium/thumb/people-3d-icon-download-in-png-blend-fbx-gltf-file-formats--team-employee-person-business-pack-icons-7994718.png?f=webp);
    font-family: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.fa-user {
    content: url(https://static.vecteezy.com/system/resources/thumbnails/021/615/451/small/high-five-3d-render-icon-illustration-png.png);
    font-family: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.fa-flag {
    content: url(https://static.vecteezy.com/system/resources/thumbnails/034/974/435/small_2x/green-flag-on-stick-3d-icon-illustration-png.png);
    font-family: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.fa-plus {
    content: url(https://static.vecteezy.com/system/resources/thumbnails/018/873/933/small_2x/blue-circle-and-white-plus-add-new-create-symbol-user-interface-theme-3d-icon-rendering-illustration-isolated-png.png);
    font-family: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.fa-face-smile {
    content: url(https://static.vecteezy.com/system/resources/thumbnails/039/336/336/small/ai-generated-3d-icon-of-smiling-face-emoji-isolated-on-transparent-background-png.png);
    font-family: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.fa-bars {
    content: url(https://static.vecteezy.com/system/resources/thumbnails/032/851/668/small/quote-box-3d-illustration-icon-or-text-box-3d-icon-illustration-or-3d-message-box-icon-or-speech-bubble-3d-icon-box-png.png);
    font-family: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.fa-times {
    content: url(https://png.pngtree.com/png-vector/20220608/ourmid/pngtree-cancel-cross-icon-isolated-over-white-background-png-image_4916177.png);
    font-family: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}