@charset "UTF-8";

/* CSS Document */

body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-texts-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    font-size: 0.80em;
	line-height: 100%;
	text-shadow: 1px 1px 1px #000;
}

body {

overflow-y: auto;

}

    #audio{
        width: 100%;
        height: 20px;
        margin-top: 5px;
        background: #eee;border-radius: 5px;color: #00ff99;
        border: 1px solid #85a2ff; /* Параметры рамки */
        box-shadow: 0 0 9px #85a2ff; /* Параметры тени */
        z-index: 0;

    }
	
#progress {position: fixed;
 z-index: 100;
 top: 0;
 left: -6px;
 width: 0%;
 height: 5px;
 background: #2495ff;
 border-radius: 1px; 
 transition: width 5000ms ease-out,opacity 4000ms linear;
 transform: skew(45deg) translate(25px,5px);
 animation: loading 3s ease-in-out forwards;
 transform:translate(-0,00%);
}

#prog-ress {position: fixed;
 z-index: 50;
 top: 0;
 left: 0px;
 width: 100%;
 height: 5px;
 background: #333333;
 border-radius: 1px; 
}	
	
@keyframes loading {
  to {
  width:100%;
  }
}	
	
	

@import url('https://fonts.googleapis.com/css?family=Aleo:300,300i,400,400i,700,700i|Bubbler+One|Charm:400,700|Coiny|Dancing+Script:400,700|Indie+Flower|Lobster|Montserrat:300i,400,400i,500,500i,600,600i,700,700i|Niconne|Parisienne|Quicksand:300,400,500,700|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Ranchers|ZCOOL+KuaiLe|ZCOOL+QingKe+HuangYou&subset=chinese-simplified,cyrillic,cyrillic-ext,latin-ext,tamil,thai,vietnamese');
@font-face {
    font-family: 'Billabong';
    font-style: normal;
    font-weight: normal;
    src: local('Billabong'), url('fonts/Billabong.woff') format('woff');
}

@font-face {
    font-family: 'robotolight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light-webfont.woff2') format('woff2'), url('fonts/Roboto-Light-webfont.woff') format('woff'), url('fonts/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* open-sans-condensed-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-condensed-v15-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('fonts/open-sans-condensed-v15-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-condensed-v15-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-condensed-v15-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-condensed-v15-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-condensed-v15-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#OpenSansCondensed') format('svg');
    /* Legacy iOS */
}

body.disableScroll {
    overflow-x: hidden;
    overflow-y: hidden !important;
}

#toast-container {
    z-index: 9999999 !important;
}


/* width */

::-webkit-scrollbar {
    width: 3px;
    height:3px; 
}


/* Track */

 ::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #15181c;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #3498db;
}

.user_in_nm svg {
    width: 12px;
    height: 12px;
    margin-left: 5px;
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    background-color: #3498db;
}

.insta_font {
    font-family: 'Billabong';
}

.ex_in.hvr-shadow img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.v_filter {
    height: 173px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

#new_posts {
    padding-top: 0px;
}

.eo2As.addttCart {
    display: inline-block;
    float: right;
    padding: 7px;
    cursor: pointer;
}

.leftSticky,
.rightSticky {
    display: block;
    flex: 1;
}

.dinic {
    margin-right: 10px;
    border-radius: 50%;
    background-color: #d8dbdf;
    display: inline-block;
    padding: 10px;
}

.dinic svg {
    width: 20px;
    height: 20px;
}

.tn_container {
    position: relative;
    background-color: #000000;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    min-height: calc(100vh - 60px);
    min-height: -webkit-calc(100vh - 60px);
    min-height: -o-calc(100vh - 60px);
    min-height: -ms-calc(100vh - 60px);
    top: 60px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.th_middle {
    flex: 2;
    flex-direction: column;
    display: contents;
    position: relative;
}

.in_sticky {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 60px;
    z-index: 2;
}

.inLeft {
    display: none !important;
}

a.it svg {
    width: 28px;
    height: 28px;
}


/*Edit Product New*/

.editPHeader {
    display: inline-block;
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E6E6E6;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
}

.productEditDetails {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.global_post_box .col .select-wrapper svg {
    position: absolute;
    right: 10px;
    fill: #d8dbdf;
    top: 10px;
}

.global_post_box .col .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(234, 234, 234);
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 14px;
    margin: 0 0 8px 0;
    padding: 0;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

.o_product_editg_text {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

.productEditDetails .global_post_box {
    margin-bottom: 8px;
}

.productEditDetails .global_post_box .input-field {
    margin-top: 0px;
    margin-bottom: 0px;
}

.add_new_product_image form {
    font-size: 13px;
    line-height: 35px;
    vertical-align: middle;
    display: flex;
    font-weight: 600;
    color: #ffffff;
}

.product_edit_title {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 47px;
    color: #ffffff;
    word-wrap: break-word;
    border: none;
}


/*Story View New STARTED*/

.uvgf {
    display: inline-block;
    width: 100%;
    max-width: 55px;
    padding-left: 10px;
}

.uvgf img {
    width: 100%;
    position: relative;
}

.lvUname {
    font-size: 13px;
    text-align: center;
    padding-top: 18px;
    font-weight: 500;
    color: #818181;
}

.lvUnameStart {
    font-size: 13px;
    text-align: center;
    padding-top: 18px;
    font-weight: 500;
    color: #818181;
    color: #bd1e67;
    text-transform: uppercase;
}

.liveBroadBg {
    background-image: url(img/livBgTwo.png);
    background-size: cover;
}

.primgh {
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radis: 50%;
    -o-border-radius: 50%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.filtvid {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.lvSetting {
    display: block;
    position: absolute;
    right: 10px;
    top: 100px;
    z-index: 1;
    cursor: pointer;
    padding: 8px;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 50%;
    -webkit-boder-radius: 50%;
}

.lvSettingsContainer {
    position: fixed;
    width: 360px;
    height: 100%;
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: -o-calc(100% - 60px);
    height: -ms-calc(100% - 60px);
    right: 0px;
    top: 60px;
    bottom: 0px;
    z-index: 6;
    display: none;
}

.globalBoxHeader_Live {
    position: relative;
    width: 100%;
    padding: 20px;
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

.closeLset {
    position: absolute;
    top: 7px;
    right: 15px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 8px;
    background-color: #15181c;
}

.lvStreamingWrapper {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    padding-top: 0px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #15181c;
    transition: all 0.3s ease-out;
    -webkit-animation: slideInRight 0.3s ease-in-out 0.3s;
    animation: slideInRight 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    overflow: scroll;
}

.outstreraml {
    transition: all 0.3s ease-out;
    -webkit-animation: slideOutRight 0.3s ease-in-out 0.3s;
    animation: slideOutRight 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.lvSetC {
    display: inline-block;
    width: 100%;
    padding: 10px 7px;
}

.lvtit {
    display: inline-block;
    width: 100%;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
}

.lvSLctWrapper {
    display: inline-block;
    width: 100%;
}

.lvSLctWrapper label span {
    display: inline-block;
    width: 100%;
    color: #ffffff;
    font-weight: 600;
    font-size: 15px !important;
    line-height: 21px !important;
    padding: 15px !important;
    height: auto !important;
    padding-left: 40px !important;
}

.lvSLctWrapper label [type="checkbox"]+span:not(.lever):before,
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 28px;
    height: 28px;
    z-index: 0;
    border: 2px solid #2196f3;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}

.lvSLctWrapper label [type="checkbox"]:checked+span:not(.lever):before {
    top: 8px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #2196f3;
    border-bottom: 2px solid #2196f3;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.v_filter_item {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 5px;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -mscalc(100% / 2 - 0px);
    height: 173px;
    overflow: hidden;
}

.v_filter {
    display: inline-block;
    width: 100%;
}

.sendLiveDonate {
    display: block;
    z-index: 5;
    cursor: pointer;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}

.sendLiveDonate svg {
    width: 28px;
    height: 28px;
}

.commentFeats {
    display: flex;
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 99999999;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.newDonatebox {
    display: inline-block;
    position: absolute;
    width: 100%;
    padding: 10px;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0px;
    padding-bottom: 65px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.price_input_box .input-field .select-wrapper .caret {
    position: absolute;
    right: 0;
    top: 2px;
    fill: #8a99a4;
}

.price_input_box .input-field .select-wrapper .select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #efefef;
    outline: none;
    line-height: 2rem;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}


/****/

.noVideoStreams {
    display: flex;
    width: 100%;
    padding-bottom: 8px;
    overflow: hidden;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.story_view_item:hover .newSto {
    background-color: rgba(0, 0, 0, 0.8);
}

.fakeLive {
    display: inline-block;
    width: 96px;
    height: 146px;
    margin-right: 4px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    background-color: rgba(216, 219, 223, 0.3);
}

.fakevideoIconLive {
    display: block;
    width: 100%;
    position: absolute;
    bottom: -8px;
    z-index: 1;
}

.fixedFooterInterested {
    width: 100%;
    margin-top: 5px;
    display: table-cell;
}

.fake-story-view-item {
    display: inline-block;
    width: 113px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    min-height: 201px;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    background-color: rgba(216, 219, 223, 0.2);
    padding: 5px;
}

.fake-story-view-item-no {
    display: inline-block;
    width: 113px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    min-height: 201px;
    float: left;
    cursor: pointer;
}

.fake-story-view-item:nth-child(1) {
    margin-left: 5px;
}

.fake-story-view-item .fake-name {
    color: #fff;
    top: auto;
    height: auto;
    box-sizing: border-box;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    padding: 10px 6px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
}

.theTopMenuProfile {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.theTopMenuWrapper {
    display: inline-block;
    width: 100%;
    padding: 0px 30px;
}

.theTopMenuWrapper .swiper-container .swiper-wrapper .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto !important;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.game_mi {
    display: inline-block;
    padding: 12px 18px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Sen-Regular', sans-serif;
    color: #d5d5d5;
    -webkit-transition: background-color .2s ease-out .1s;
    -moz-transition: background-color .2s ease-out .1s;
    -o-transition: background-color .2s ease-out .1s;
    transition: background-color .2s ease-out .1s;
    cursor: pointer;
}

.game_mi:hover {
    background-color: rgba(115, 122, 174, 0.2);
}

.catactive {
    background-color: rgba(115, 122, 174, 0.2);
}

.theTopMenuWrapper .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADIklEQVRYhe2Wz2tUVxTHP+dO4g9MCVooSNQQkiEBceM8R7IQiVUrRUwWoaUr6aImmVTEhWTrsgFBUExm7B+gBUVjoRWn2tKCpclEBbFNfBn8kdQEQa0bf0TnHhcZdWbeTOZOdFfP6nJ+3O/n3fvuuRf+7yauid7AWLOaUIeg20DqgNXZ0CQqU2CTqB1KxVrG3ytANJ72FNuvsMVpRuWyhOTAyJ6my+8EEEmkqkVrDwMxF9AAhnCsZnpq/28H215WDLBu4M7yxWb2NNBWoXDh5Jee2UWd12P1j5wBIolUtdHa885LXhZC/niy4vnWG1+snS0WN4ECrT38vsQBFN209GH1oVLxPIBoPO0xt+cOE8ttLO3Ag/LZ0htJ+OvLAii2H8cfzkBPKhY+ZzA7gMfl0sVKf1G014NIYrxF1PzjIp4tvG/Fbh7tah6Lxv1WCxeAmnkpjGke3tN4M8+XM+xwFQdQ+ETUJKPfjzUMd4f/tCrtwNP5aqxm2gNQrwdi5dNKALK2ymZCydbB8borPU2XwHQCRf/2OWrZVhJAResXAADQOCvm10ji75Wp7safVORLoETzkTWFnqo3IVhZrCTVHa6oC452NZ314v5XwEkglB/VusL83FOglQgt0GyhoypnPA18VJjgxX0XsJuSqdo80tswE0lMdKB6gsDXA3Cv0PF2BVTuOggFTZjIvMi0jfQ2zHjx9Oei+gP5H5ZrAY2cLbDJBchPGpPZfnVvy731gxNbwJ4CFpVKVpELJQFCEjpTibLAfRW7ffibllvRuN9qRIeApfPVhER+LAnwV3ejD3qxAoTdc10w7Vn4mTJdEEgWdsE8AABrTR+Op8HCoDfg77LY80Bt2XSlr1ggcMa9hH8U5VsXCFcTlSMjPU37isUC74Ga6an9lW1FWfv9ycfPD5SEK+ZcN3Bn+RIze+rdHyZ68eXi6s5rXzf8VyojsAIA12P1j5bNTH0GepSFdUgrKkdqZv7dMZ84ODw+Nhz311rLdwI7naRVflGjfaNd4Ssu6c4XzcZ4OpyRTEf2Sl0NrMrOMIkyKUjSIENzx/mDfTB3ewU4iQ5rIkhD9AAAAABJRU5ErkJggg==");
    right: 0px;
    left: auto;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    background-color: transparent;
    background-position: 4px 3px;
    margin-top: -15px !important;
}

.theTopMenuWrapper .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADFklEQVRYhe2WTUhUURTH/+eOH30YYh+LMrNwRgVxkTNjtCjQsiwipaRlUYGOYxEuxG3LhEBQ1DctgtoJWWgQ4mSZgVAzaiBROjOQaSr0YW0kJ+eeFmrqvBnfHXWX/9XlnHvO/8e97953gf9dpDrR1vwxi4WplMBFAKUCSFtIjYFpHJBusGz3OrOHNxQgXwvYGLKOgUKljow+MlGNp9zcty4Aq8sbT5xcD8CpAqrDIDQlTY5X99wumIsZILd5NCVRBNsAFMRoHN78xW+ZUDbkTJ9WBrC6vPGCkzuVl9wQgl7P7Jw9+f5STjBSXugKOLl+o8wBgMHHtv6IvxstvwIgXwvYML/nRvoOiRIGfVLDoCqry5dnCMCQdTD+4H4JiGKv09IhgEo1AAiSVBcRbXFgdQ1nE4sPBo1mCHzG48jszWvym4XgVyDsU4SAECLrbXnGyIrYsmGpQf0sgS56HJm99iZ/GpngjsUcACSHSnRQiwOSdGKV2iAgLngc5s6jLcOpbOKXBD4YizkAgKkoKgATp0cpCxHosteR8ezwfd+eIIkuABkxmwMA6EB4JO5fCtgboUIS44qn0twKAIPXLF8B5KhY2TQf66OcGh5ZfgoiFGy4ZHggbtl4EsCOsLxgwgO75p/zOMytVtfwbmLRA8VViKCJ8MDSCjB9jlJkYvBDmxY421+R9S30J3QKBP8aAXQey7ZAulcpTADkY7vmLx68mT1Bc1SofgsuiYm6ogKYyPTEoD6RwW12beS4p8o8xiEUgfVLuppMRE+jArxxZPgA7jbosY1BHflawDZQZfYT0fUY/N3ht+AKAACQUtTC+DQkS8hOW7PvvARaFM0lGLWRErofj83lawTjhmJjJRFTg6fSfCtSTvceSJocr1bYiljUO7NrtiYqXKRgbvNoyhYRfLT+hwl3zyXGl727euhntBm6FQCAIWf69Pap8dMAN2JtN6QkpoakqS/Fq5kDCq9d+z1fjpS4Q8A5JWum5yy4tr/CMqAyXfm5fUQLWEIUKl34paYB2L/QYQyMMQK5Bah9/jhvalPq+guUjg4vGChU5wAAAABJRU5ErkJggg==");
    left: 0px;
    right: auto;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: transparent;
    background-position: 4px 3px;
    margin-top: -15px !important;
}

.allInHere {
    display: inline-block;
    width: 100%;
}

.allinterestList {
    display: inline-block;
}

.alreadyexist_in {
    position: relative;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    background-color: #d32f2f;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    padding: 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-top: 5px;
}

.post_explore_item video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mejs__offscreen {
    display: none;
}

.story-view-item,
.story_view_item {
    display: inline-block;
    width: 107px !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    overflow: hidden !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 190px;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.story-view-item:hover {
    opacity: .9;
}

@media only screen and (max-width: 600px) {
    .story-view-item {
        /* margin-bottom: 60px;*/
    }
}

.story-view-item .media {
    display: none;
}

.story-view-item .name {
    width: 100%;
    color: #fff;
    top: auto;
    height: auto;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 6px;
    font-weight: 500;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35), 1px 0 1px rgba(0, 0, 0, 0.35);
    background: linear-gradient(transparent, rgba(0, 0, 0, .7));
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    text-transform: capitalize;
}

.story-view-item.activated {
    opacity: 0;
}

.story-view-item.activated .name {
    opacity: 0;
}

.sv-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
}

.sv-container.transition {
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.sv-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
    opacity: 0;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    z-index: 1000;
}

.sv-mask.swipe-close {
    overflow: hidden;
    width: 50px;
    height: 50px;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
}

.sv-mask.open {
    opacity: 1;
}

.sv-view {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent none no-repeat center center / cover;
    border-radius: 50%;
    z-index: 1001;
    transition: all 0.3s ease;
    overflow: hidden;
    box-sizing: border-box;
}

.sv-view.removing {
    opacity: 0;
}

.sv-view.move {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

.sv-view.open {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0;
}

.sv-view.open .close {
    opacity: 1;
    visibility: visible;
}

.sv-view .close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50px;
    right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 50%;
    font-size: 17px;
    cursor: pointer;
    z-index: 999;
    line-height: 0;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.sv-view .close img {
    height: 24px;
}

.sv-view .content {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 1;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.sv-view .content .current-media {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

.sv-view .content .current-media.effect {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.sv-view .content img,
.sv-view .content video {
    transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
    transition: transform 0.1s ease, opacity 0.1s ease;
    transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
    opacity: 0;
}

.sv-view .content img.next,
.sv-view .content video.next {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.sv-view .content img.prev,
.sv-view .content video.prev {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.sv-view .content .media-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.sv-view .media-bars {
    display: flex;
    width: 100%;
    height: 5px;
    margin: 0;
    padding: 0;
    min-height: 45px;
    list-style: none;
    align-items: center;
}

.sv-view .media-bars li {
    position: relative;
    width: 100%;
    min-height: 5px;
    margin: 0 3px;
    border-radius: 5px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.3);
}

.sv-view .media-bars .progressStory {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: 5px;
    background-color: #039be5;
}

.sv-view .profile {
    position: absolute;
    display: flex;
    align-items: center;
    top: 40px;
    left: 15px;
    max-width: 240px;
    padding-right: 40px;
    height: 38px;
    overflow: hidden;
    border-radius: 40px;
    transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
    z-index: 2;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition-delay: 0;
}

.sv-view .profile.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sv-view .profile:not(.can-visible) {
    opacity: 0 !important;
}

.sv-view .profile.sv-profile-image:not(.sv-profile-name) {
    padding-left: 5px;
    padding-right: 5px;
}

.sv-view .profile.sv-profile-image:not(.sv-profile-name) .image {
    margin-left: 0;
}

.sv-view .profile.sv-profile-image:not(.sv-profile-name) .name {
    display: none;
}

.sv-view .profile.sv-profile-name:not(.sv-profile-image) {
    padding-left: 40px;
}

.sv-view .profile.sv-profile-name:not(.sv-profile-image) .name {
    margin-left: 0;
}

.sv-view .profile.sv-profile-name:not(.sv-profile-image) .image {
    display: none;
}

.sv-view .profile .image {
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
    border-radius: 50%;
    margin-left: 5px;
    background: transparent none no-repeat center center / cover;
}

.sv-view .profile .name {
    display: block;
    max-height: 60px;
    margin-left: 8px;
    font-size: 13px;
    color: #fff;
}

.sv-view .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: 2;
    opacity: 0;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

@-webkit-keyframes loading-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.sv-view .loading.show {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.sv-view .loading.show span {
    opacity: 1;
}

.sv-view .loading>span {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    border-top: 2px solid #fff;
    border-right: 2px solid transparent;
    transition: all 0.3s ease;
    opacity: 0;
    -webkit-animation: loading-spinner .6s linear infinite;
    animation: loading-spinner .6s linear infinite;
}


/*Story View New FINISHED*/


/*Live Video Started*/

.allLivVideos .swiper-container {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    position: relative;
    padding-bottom: 35px;
}

.allLivVideos .swiper-container .swiper-wrapper .swiper-slide {
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.allLivVideosStr .swiper-container {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    position: relative;
}

.allLivVideosStr .swiper-container .swiper-wrapper .swiper-slide {
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.currentLiveVideosWrapper {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    margin-bottom: 8px;
    margin-bottom: 15px;
}

.livingVideo {
    display: initial;
    margin-bottom: 10px;
}

.livingVideoOwnerAvatar {
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

.livingVideoC {
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border: solid 3px transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
}

.videoIconLive {
    display: block;
    width: 100%;
    position: absolute;
    bottom: -20px;
    z-index: 1;
}

.videoIconLiveStart {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: -20px;
    z-index: 1;
}

.lvicStart {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    margin: 0px auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    padding: 4px 6px;
    text-align: center;
    color: #ffffff;
    font-style: italic;
    margin-bottom: 5px;
}

.livingVideo a .livingVideoC {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0px auto;
    width: 86px;
}

.lvic {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0px auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.lvCGrad {
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.lvCGradNone {
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg, #607d8b, #78909c, #90a4ae, #b0bec5, #cfd8dc, #eceff1);
    opacity: .75;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.lvic svg {
    width: 33px;
    height: 33px;
}

.liveRoomTitle {
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.roomsL {
    display: contents;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
}

.liveRoomTitle a {
    float: right;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    color: #3498db !important;
}

.allLivVideos {
    display: inline-block;
    width: 100%;
    padding: 15px 0px 15px 0px;
}

.allLivVideosStr {
    display: inline-block;
    width: 100%;
    padding: 0px 0px 15px 0px;
}

.goLiveContainer {
    padding-top: 55px;
    height: 100%;
    background-color: #000000;
}

.goLiveContainer>.MyLiveContainer {
    width: 100%;
    height: 100%;
    color: white;
}

.goLiveContainer>.MyLiveContainer>div {
    height: 100%;
}

.end_live_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    border: none;
    background: linear-gradient(232deg, #a71bc6, #ff7300);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    color: #ffffff !important;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    display: none;
}

.end_live_btn a {
    color: #ffffff !important;
}

.liv_counter {
    position: absolute;
    z-index: 5;
    top: 55px;
    right: 10px;
    border: none;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    color: #ffffff !important;
    padding: 5px 12px;
    font-weight: 300;
    font-size: 15px;
    -webkit-transform: translateZ(0);
    display: block;
}

.liv_counter svg {
    margin-right: 5px;
    float: left;
    width: 28px;
    height: 28px;
}

.lvSetting svg {
    width: 28px;
    height: 28px;
}

.live_count {
    display: block;
    float: left;
    color: #ffffff;
    line-height: 30px;
    font-weight: 500;
}

.liv_comments_feed {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), black);
    padding: 120px 15px 10px;
}

.liv_vid_cont video {
    position: relative;
    transform: rotateY(180deg) !important;
    object-fit: cover !important;
}

.end_live_btn svg {
    width: 28px;
    height: 28px;
}

.go_live_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    border: none;
    background: linear-gradient(232deg, #a71bc6, #ff7300);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    color: #ffffff;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.live_comments_container {
    display: block;
    width: 100%;
    max-width: 800px;
    margin: 0px auto;
    padding: 10px;
}

.comments_wall {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    height: 100%;
    max-height: 300px;
    min-height: 300px;
}

.comments_wall_container {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.all_live_comments {
    display: inline-block;
    width: 100%;
    position: relative;
}

.comment_wall {
    display: inline-block;
    width: 100%;
}

.live_comment_m {
    display: inline-block;
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, .3);
    background-color: transparent !important;
    outline: none;
    padding: 18px;
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    resize: none;
    height: auto !important;
    z-index: 999;
    position: inherit;
}

.fundraiserSlideInUp {
    transition: all 0.5s ease-out;
    -webkit-animation: fadeInUpBig 0.5s ease-in-out 0.5s;
    animation: fadeInUpBig 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fundraiserBox {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    width: 100%;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.fundraiser {
    flex: 3;
    display: flex;
    justify-content: center;
}

.fundraiser_me {
    flex: 1;
    text-align: center;
    display: flex;
    justify-content: center;
}

.fundraiser_text {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.fundraiser_note {
    font-weight: 400;
    font-size: 14px;
}

.fundrame {
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    background-color: #1f87f1;
    padding: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

.sendLiveComment {
    display: block;
    z-index: 5;
    cursor: pointer;
}

.sendLiveComment svg {
    width: 28px;
    height: 28px;
}

.comments_wall .gElp9 .commentBody_w .o-MQd a {
    color: #ffffff;
}

.sendLiveLike {
    display: block;
    z-index: 5;
    cursor: pointer;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}

.sendLiveLike svg {
    width: 28px;
    height: 28px;
}

.likeHearts {
    position: absolute;
    right: 20px;
    bottom: 50px;
    width: 60px;
    height: 100%;
    z-index: 5;
}

.particle {
    width: 30px;
    height: 30px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    display: none;
}

.colOne {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QA/wD/AP+gvaeTAAAEyklEQVRYhe2XzW8UZRzHv8/zzOzOzG4tu922gW6BAMaEGN/iwRgOEIwYEj1orOnbIgHTxMSXeJZ/QOOBxIMkQluWBexJUUk8YDQmXoTEGA9qIhBall3K0m13Z3fenufnoWwpsG23W2Qv/Rznmef7fOY3z/PMM8A666yzLKzeRRodNRxNe4MJ8TYBT0KpOAAGzouM6CIRfWWEQhOsr6/ayCA0MRF1HOctJkQfMfYclGoHQGCswDi/pIJgzEwmv2F79gQrCjrj4y+REGluWRERi7Vx0wTT9fmBggCqUoGcmSlTtQoQHQn39HxeLxgA6NgxvRqNfsSJjvBolHh7e5RbFpimzbf7PpRtQ87MlJTr5pWU/ZFU6uKSgpVM5k0OjOmbN1s8Gl2+Kq4Lf2rKJtf9W3L+aqS/P3tP1pkzvVyp75lhbNOTyQgLhZbNk8UiBdlshaR8zUylfnxA0D11aicx9lto2zaLGcayYXctCcH0tB9MTxeg1ItmKnUFAJx0egdx/qvW1RXTEgmtsTBAlcvwr10rK853Wv39kwCw0JkYS2vd3UbDcgDAGLSuLp0J0enn8z8XM5mnma4z8ryf9O7uDtHRwRsPA3g0CpFIhFEoHAfwMgBwAChnMs+A8ydWG1hDdHQI0daWMIjGwp43KtrbY81maZ2dOoBdTjq9Y0FQA4ZFPB5uJrCG3tNjQoi9EGKvvmmT1XQQY+AbNnASYnhBEJzv5ZbV8FypC+fQk8mInkxGwJsq3gIiEgkD2AfU5qBSW1Y195ZyXGHlNwozTYDoceBOBYkoytb41A8TpmmAUm1A7RUDdTfalkEEMCaBmqAQN8nzWuq0GAoCgLHbQE1Qyh9kqaRaarUIZdtgjF0CaoJEaVks2i21WoScnS2RUmeBO4Lm8PAv8P1ram6utWYAyPNAtg0jFDoH3F0kIKIP/Gy2DKLW2QEIbt6sEGNHWV9fGVgkaA4NXSCi80Eu57ZKTlUqkHNzFcNxPqldu2fzc1x3JJiZKcpi8dGXUSn4k5M2U+oQO3SoVFcwdvBgUQKvBNmso6oNHZYfDkTwJycrpNQZY3j43OKmBz4f0cHB3xUw5F+9aj+qvTHI511l238ZpdK797fV/ScBgOrp04cZ0dHQ9u0WC6/poLOSnBcUCtc9XX++va/v9v3tS36AzYGBL4noPe/yZZvc/2fdBLmcG9y6lVOc76onByxTwRqVTOZ1DozpW7e2cav5Y949EMHP5RxVLP7rAbsfGxi4tdStKwoCQDWd3s04/07buNESsVhDfZZESvhTU7asVP4wqtV9i1ds04IAYI+PP8t1/bwWj8e07u6mJiV5HrwrV2yS8mujXD7IRkb8lfqsqhpz4+MduqZ9yy3rKb23N8KEaLivnJ2lIJu1iehDc3DweKP9Vv26aGJCuL7/KYARfcsWi0ciy98vJYLr1yuyXC5wKfeHU6k/VzNe0/PJOXlyP4Q4JRKJqNbZqYM9GKVKpfmfe2DC0LT3a9/XRyIIAKUTJzo1wzjLhHhB7+21uGkCmD9wBjdu2LJUskE0YA4NXWh2jLWtSABExJxM5jBj7DMRj4ehaULm8z44/yIcBB+zVGpN58w1C9aw0+mNQohRIjJZELxjHDjwz8PKXmedVvIf6GcHJ99B/R8AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
}

.colTwo {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QA/wD/AP+gvaeTAAAEoElEQVRYhe2XW2xUVRSG/7X2OTPTmYFCa0ETjYnRFzSoQL1FIwYUQ8KlRTAaSYgXGgoq8VkSn73ES0pBEoQEE7GRchFNjMFgvCW9KCGaqNGQaCTW0nbq9Mx05uy9lg+90g5lerHz0v/p5Ox9/vWdtddZex9gTnOa04SiQjdXHtoWC8rjm8DYpkS3kZMKgEgJKQBtrPqhsbGm77a8mS0myK1N9cmEj8eFsAXAMhKUA6pK1EXQdoUeTi649uTZh16xVwWsPrZjNYiOaNQkbJLmaZShZmAaOQXnBBy4PpNTEGhP2YKqhkLGALD83e2+Wey/pIo9EiOVuElKlAb8FGCnoJzApF0aTjvY8hMtjzW0XRFwefOuzcRy2Fb6cSnjCbNCocDrdgHl9RfHtO6HDQ0XL3vRE/U3KOgTjdBNtsJLqFdwsYZlAqdej8uQuPUttfu/GAd494m6JU5Nq10ciUtkYrNhKWDSLvT+dV3EdF/L+oYLALDsZP3NRuhbW+4tdPPZK84M4H5BpDPsU8KS1o2NfwLA8MOOzBG30IsVDQcABLj5xgehykvZL+8/veN2l8mTVZy1FabSJXjiZRgjiTHsfBPlXjkI4JHBEED18fo7lOjr/PWRxGQMR8vvslnOyucqAk14q8NKLz4VH1JF5K981hGWfr+h8TcGAIVulSRHpwoHAGGFV6aEVTC8KqyYGhwAKBFcwrBR2goADAAEXiWx4muloAiwlV7CVnqJws2reEmMowpdA4zU4I3iT9N1wHjaHgCgEQIp3QIMZhBAEjx9wBkTA1CdN3QJqBZstKWSDtSIA4YAmf7hUEuIdLnIKsDoBgYBBfoZ9YuUFmtEnBeooh0YBDTQI6bPBqXFGpEJNM2iR4FBwJaN+76C4A/Olj6JZBWUcwgcnQJGvmKQ0oum2/aRlrYWTcpmAH37py2NfcAowNaavWdY8KlJuVyp4DgvMP2aiXDu1eF7oyeE8OtMn6Q4kNlPowJepw3UyTPfbHgvXRDwXM1bKUAf9bttP+VnsR4V8DvDDCk+aNu079TooXF7U2tN4zmoPuV32oDs7CTS9Ngc5+Rn6Qjrx44V3DxbaxubWbHb/zuf+b8hTa/Lexm56IW5h9vrDoRjxyfcgFc073waBu/YRX5iJg4T4+BSNuelpcMy3Tv2l6EoQACobq6vBeNwflFknk7mtD2RFPBTYT+n5Xfx7cr2dQcuXWlqURFXHN+1kkhOhwu8uCTNtChJFd4lG3BOz0cou2b0F1tIRR3g2moazqqVB/yU7TA9dsp9kkKFfzEMOCsnpCN88GpwQJEZHNJdzTsrlfRjiZql4TUmMZkzJGdEve4wgPLutpqGg8U+N+nl2ty02VyILH4NkLqwyo9r9CqLIIDXbTOm33WpyNq22v0/TibelOtpxUc715KH922Sk67c+KDxVpwV+N02UEVTNq8vDO2vswIIAHc2PV/l+XJUjd5jKyNxiQ7aOYXfYwPOSgDQk601e89MNcb0+4aCqo/XPwvGGy5pojAwpldCVdmfjydePr/m9WmdM2es+y4/tv06Zv8QSMtI6LmW2r2/zpT3nOZUSv0HIPIFKE98z7IAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
}

.colThree {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QA/wD/AP+gvaeTAAAFaUlEQVRYhe2XW0wUVxjH/7MzOzO7sxQREFEQsYoUq9RLBNFWkCKgsTU2tqnB2IvGxKStNSppqwkPLVSaPtg0TWtipMGqpbFWVIJQlYtyEUhaq1auRaAiVxd2Z3dndmZOXxZKAelyqfSB3+N8M//z23O+2XMGmGKKKUaEGu5idMo1njXwr5hY5g2ikWclVZtOAIqjdWZKR1WKsvK9p55k/bAvyu7OINEp10y8gXtNYPWvOjWyzKlqnhRAWIbuAkiVXdIyJMl+viAlRvlXwfi00hc5ls6c6ysIq0N9PYJmCJhm4kAB6BFl1LdZUFbdaa1vs4IQclgU7V8OFwwAy7+p1M/sVfdRwOGQ2U+RlQu8TfP8POBp1IMQgm6rjLpWC4rutls6eu1tNidez0+OqHysYEJ6+VaepTJ2rptvXDRn2oiz0tptR2Zhg9jaba8WFXlTfvKaBwPr6z++GWgw4lKQjzAvaW2w4OvJj5hXVtNJThU32iSZvJT3QcTVIYKJqWVhek5XcWBzmDHA2zhiWB+EABerWpw//9ra5dAQlXcg4g8AiE8rmc+yTMnGZbO91i/1Z4bto2G419KDr3JrrJKDCss7tLIZAJi+Is/TmS9HBPLuygEARQGbVgToBVbve/5mc+HGtOJwhaMpTqMLtkTO8V67aIbO7TAAoQGeiAv3567eajsOYD0A6AAgLv3GcwxNLXw+zHdUgX2sW+JHh8/18mFYLoPTmBPhwdO9RivXR8LSWXpCkTXxaSXz+wUNFLM96pkZnI5ydzGGkhQdbDCwTKyRY2KT1ga7vwyD0DM6RIb46Bhat71fkGHo2IWzPJiRHx0ZltFhR0ywsCMmWGCZMU1eP2GBnhzP0vGAqwcVTQua5TXmH91PaIDnuDMAINBbgKJpCwDXDDpVzSTw9ISETwQmnoGsEA/AJUhRUBSVTK7VAFSNgKKgAi5BnqHbu6zS5FoNwCzKYBm6G3AJqhq5fLu5R5tcrb+pb7MAQBXgEnSoJLP4zkPx/7LIlbXdFrvkPAO4BC8fjCi2OtSm3+4/mlwzAB29EurbLJAcUjbgEgQAyam8d6qo0epUJnelsytabBTI0YKUGCswQDA3OeqK5FRzzpU3TdrbUv/QgluNj2xQlfS+a//4yzdT4u4b9zrM5bVdT7wdHbKKY3l1oqyob2cnr7EMK1jwfozZrioJ3xU2OBrbrU9MjhDg+JVam92pnM5NXpU9sDZk08w/uPoXTdWSvsypFjt6HU9E8Gzpfamm1XrvgYneM7g27K5+KXnVj3ZZ2fvpuTu2dvN/K5ld0SJf/73jgQQlrmr3Cufg+ojnq8T0srcMevqL/ZvDBH8vw4TLnS1tkgrvtrc5FHnV4E8GtwQBYOOR0i0sS2e8syHUI9jPNCFihACnrzc6btZ21muaLvrC/hWdj7vXrRNqQlpptF5PX9z2wlxjZIjP2E+1ACSnimP5dWJDm+WWJsvxA9/YMQsCQGJayVJGT+fELPbz2hwxhxuL5cNHdhy9WC3aZOWnP026N4fruTELAkBsarm3B09dCPIVluyKWyAIvPuH8Mq6LnKyqEGUnOre3OSo4+4+N+qJ2JqVRTtagj7T07rde+JDjE/P9Bjxfpus4GRho+1uk7nL7nBuyPto9e3RjDfmfkpILdug56iT6xbPNG1aHqCn6aFRt++b8e21BlHStCxLr/hu3/76RAQBIDG1yJfj+TMCT0fuigsxBvkKAACzTUbW9UbxTlOPKKvqttzkqCtjHWNcggAAQqjEI2U7aUb3eexiP87Es3R2RbMThPpaAnco70C4OJ748Qu6iP+k0p/ntRPQweC0k105H0bUTFT2FFNMJn8BE2opl7v5jhUAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
}

.colFour {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QA/wD/AP+gvaeTAAAExklEQVRYhe2X22+URRjGn3fmm/3a3VZsu7sBpWBKK6QSjopIKtsNAkqCMRo1Gkk0akhMVOK1/AMaL0y88EJCE0xEokZB8BBgaTf2gkMiBAwLtBVKoBS21La77XeYeb2AhQrb026hXvS5nMMzv7zzvnMApjWtaY0qyteYeKSjRIiyl6gEbzLTQvJRyQQiwb0s+Cgc8a1yBnetulg9OJ5FEo91lwlHvgpbv0KGlrGmGcRgtjjNgo6JQWrScyp/ih8if0zARM21Z0SAd8gIh6x6XS4iDJQziAGTJZguAT8lBkyXAGnaqmdXfpHPGACOLmc1OJD+yIC3yoeZrTpdJmYaUCnAAHiAYC4T/JNWv+nDFePgtXh75OiIgMn56ZdZmqbAWj8o55hRo8LXCU7CynCPSAnDGxtSkUvD+5vnpatJ8V4RNTWq0Q+JGTyqnz4t2UlaWXh4PtYWPngXYEttup4VHyl9wQ1SeHSz25SAd0R53nGRBlurYqkHOwAgMa+7VipqVctNhbXUt/InUh7ITgHnFzUAn+pjbVWdACBu9SreYa/0S8YNBwAEqBWeUit0BPCbk3N6K1pn/1MpLHEo8JSuspaNHw4AZLWBWqJtDvC2XJsAgERd9xKWPF/WazHy9JGlFvvSqtFhE/SavJC7XdWYCrmwQK/lvhKMhsS87tpbgFLSJlVvbBRkeUOBmF8KG2tQgjUq5gULNpKAXKCFlHLTLUAjsUY8ZKzC8QAowI77ITvuh6CKcoKsNjYssx4ALAAgn+aKygnk3sjGRXsAgAgzYKgOyBWJQRlKigecLFEpgzWVA7er2Cc9hUR3SgMAa+AmICl0m/4iKmSSZTIEUtwD5IrE8G+mkyYngSZBpkuAiY4BuS12eId3SmTwP0lDfVb0Y5B3AjcBGzuiSQzSBX1+6reZ+wDdJWBKeTcw/Kpz6EO3WQ1giovFO6yyAH0ePxUdAIYBrm4PH2Cf9zl/SGeq4EyXgN9BWQnzSa7tP3tqstZmnZK9fkre/2x0AedXlYGPtxtSkf68gPG/K3qN5mfdZjlkrtzHfGTA2W9l4fI3sXOR3cO77qKIn43+CUNvOHutjOmbwFupCLmt0jGXxOlgWfi9O/vyhil2NvwDHLHF+U5luffeQnqHLVf/JS9Z/YG1jx8jb1yAALD6XNVX7Ij3h75XGXP93kC6rZbjHZddgtGw6uKMnnxjxly5ue7ai6TQZG/0ykV0ki4bBrykNeSmZBubQGP8zAPXRho6rtAkaq82Ckk/B2Je0JpvigunBzi/q4y5LE4Iw+uHV2zBgADQXNu9lKTYJxf5FYEntT2Rv0ZO5jphaI/KwMGPoVD4rXw5VzAgAOxf0FelyN0jo2ZRYJ0fogm8If0zgr0WlWGPtsTOVW0be0YBgACwCyxnLuj5FNJsDjznB+WsMf7PDsE7ZGV1p0hrV2yIt1WenMh6BedTc033BgqIr61Fukw9oRXE3dHU5wXcg1YGPu3S0nyQu1/vCyAAtNRejsBSO1FqVtrr/KCI3oDkLMFNyoy5IDJw6fXV7eEDha5R9AHHYEo+2vMOCJ9Zi10btpDeEeER48tBW3+8/sTMTDH+k3YCt8y9OotDtB3MpcLBu0+3R85Mlve0pjWV+heVVP6FZeFpMAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.colFive {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QA/wD/AP+gvaeTAAAERklEQVRYhe2XS4scVRSAv1OvruqeZpKoiyxEkIghMelJyEJCxEjUSEAXiopiQJAQENTgPn9AFyK4VDIQwZiF+AYXkYDgxsmrY/CBGlAIRjLjTD+qqqvq3uMi6XHG9Mx0ppNpF/Mtq2+f+51b9546F1ZZZZVFkV4P9SIhTZ5S5EWE+8TqOgURkWl1mBCjH9LmuOwk6WcSvcAIBc+qyDMI27E6KqAqMolwSqyOM8Un8hDFkoJa52FFjlrfqWRhqWoCF3WuDhOruFmBn+YtNy8Q5TBTvNMrMIBO4BPwuiKHTeBqHgYjxp8fz8sKgjhrOsZeRvQ52cLEgoJa52lFxpPRcrkoeYuuilNYokbcdgr7kxT6uGzn0rxY57kTlS+M596djEYV6zqLxgvSTMNGGqP6hNT4+jpBPc0m9eS7eF2lbDx30WBzKbXSvBRnk6julBoXAfQCGzDybadSWtupLJHpHLysIJput0TYJFv4Y56grcupTjUcy6Jg8VR7EMQdU2p1Lglaw0XUSL1TDdcvJ1bYSnM/zk46W/VRAAdAzzCGcG8W3nhAgKxcck3o3a4wroYjJvDWLkcOIB0JfYFdeoENs4LWZX8WBqXeZ7o/kmoUqTh7VJw9yWhUXn4kyCPfwbB/VlCQPabk9b1XeqEipKNRJR2NKioDZArkgVdSZC+AByDCXcbt/2AsRBEMlOMs1ncRuAeurSBGR9QdLOubiXUcQKvQFXQpxOowneYhVkEw0D3FyF+OtcO1moOooipT0BVU/crtFP8bQzcrQDgF1wQd5WiQZO3hav2Ln+ZNUT0G3TJT4xsx+rvXyYdrBjjG4uUGXD6F7iEBBH0taiat4aldpdRMY5C3ZTMtmCtY44RY+TJsJJ1hybm5we8UMYF9o/ts/vfS2INBmk/7ab7iNUesUp5ut0Ffko00ewrKNqYx+lg0k6RublZUMJqJY7H6gdSu7r2eggCyjbOovlCebrcdszKVJ2wkHS83P5Lz8n9/69kSyRgfidVDlclW7Nzi8hi20sxP80u4+ojs4LoysmDPJjXeFauvVP5u3bKVDJtpJ4g7f0qhu2QzUz09lgqiZ3lSXRmP11Sqxh+84+kSNZPUS/JfJdPdsoMrC43rq4XRM+xWVz5Pq1E5j/yB2h5RJZqJ215m6gS6d+6J7UVfbbls46RYfSBqJZdLzXTZddIxlsqVVtvLio/J9MGl5KDPFeyiP3Cb5vKZ9d2t8Wi50r3f9oOf5ho1kjaqh6TGe/3+74Zflx7HZSNvKnIwXlMumyW6aLFK1EhiNysmRXWf1Pj+RuZb9n7SOvsQeT8Lg5G0Gvq9xnhZQTQTt0X1OC6vdr+vKyIIoKe5Qz05po7cn6wpz174xVjCZtr2s6KN6vNS48Qg8wyEKqJ1Duh5GukvpU7yW1hoXRJzjrf0HJVB49+0m5JOsF5LcgRLJKoHZIyfb1bsVVYZJv8AJePot2Mf/pkAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
}

.colSix {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QA/wD/AP+gvaeTAAAFDklEQVRYhe2Xa2wUVRiG33NmZmd3ZrdaSmNRSSO0glDQggEliEhFkAhGCBIIJOKNaFCIIUSwxU0piIgxIAFiBJoAAflhEJWLSpWbF2jxbrlqpFJbkFrYnenszJz5/AFbC92Wsi3tnz4/Z+a858nJd+Y7B+ikk06ahSV6SGH4DQcTmD/4FMjLgRvrAgKDotYCUinFIh/oJrayd1DXkkkojKDpYhLUlCchnAEQ9k1gICar5wmsjMWM4oCCj1gY7jUFo/l4mMmBDVJ6T13q9UiIp2eDa2kAYyCzBqK6HOJESdSrPgp4VBCQnJWJggGAnodiZMivcM4LeEY/krIeDEq39AYLpAJE8Ixz8Kp+g1u+M0IX/64mu26yvgilTQqaC6SJUALFvofmaNLtA5pdFe/fCjj7VhiituIYyByrh1F5RdZr6E6q9qmU1rOH74GZOkvp1myee7KEnIOrTeHExoWKUNJIMDIPfSTVf1gd96bGu9zRbFg9RHCObHacn7ed5641JFCEPwDACiNLMP/XSu6kVKXfeBksYSU1Qpz5EfbnC6Nw7D7aIlQAAI+/5Jq+QRk83d9iOQBgDMrAKYrv3qnppPj31r6K1AthdBHM/5Vv0PQ0pf+EFssBgHTb3ZBznlDJp6+t9wKA6Hzcw7jSS+41ijc9vGnknHGSlDmoq6IFimWo6+XMwanyXY8mlaXkTlQY84ZaYWTVC3KfOk3uPVIFTyoTAOAb+lKAK3oeV0N5vqEztaSDJB+k7BFckDytXpAkXx7P6CcnHQoAsgpl2CxdGTZLh6y2Kkq6NVdlcmAUAFySEnYmT81sVShwqYbaAt61B8hzs4H4JhFukKnBNglvC5g/BRB2CLgsyBhzyXM61qoB5LlgYAKIr6CinqXI2Q6VaggZNYCs1gDxTeLRblFxxOtYrf/xqstBQBkQ/8245gZxbJcBoo41u4z4fV+EHGMLcFkwsBD7PStyWpw+3LFmAChSBa+6HLqE7UCDVkeuMcs+uDoKYXecHQCndKNJ4MtZGFGggWCwEHvgWjvsQ8WxjpLzqo/C/fOQaZrW0vizK3pbzDNmuMe/qHVPlrR7MZJjIrZniQHXeiZ9KSIJBVPDqKWYNdo5sMryzh1vRzuCXbLMJNvcrBddqr2EggAQXIwf4Iqpsd2FBl2sahc/59C6mKj69ahWab149buExxetSHxIbt1sa/scky6cubFyZZts99hnlS7VjWTvoVE7a/Y0aRRITzOftkIdu0TnN3dve7nv1sXc8p3VhNj9V18ZWiQIAGa+NB5qoFgdHQ7x9DvbxowI9jdrLPfE3lOCzOEpYfzT1KctOo9H8jFcUtRPlCEvaHL2iJaf4RO5OXWwv1xqeFXlPxlRc1TDHZu0IAAYBciF5N+h5DyWqgycpl7PXSOOV/sX7F2vG2RFtgUqremJai5pQQC4OA9psl/7mHfN6u/Lm6szf0qLx4pTe8k+sMogYc/WC8Xaa49IQhAAaCKkur7qW5DUGerI+RrP6NP897YBZ/+7pjjz/Xlh1Y0JLcYv1zNf0vVk5GMMFP9Gpe/YoDJgsgLe+EojKkph71tukBPbqsF6Od5f20UQACLzkC5p+hbmC93nGzFX4+lZAAAya+B8+77hni41yLOmBAuxJ9k5WiUIAAQwc4H0LOPS23Lfx1XmD0lO2SYHwJpANJbPlsFoTX6rBeMY89ENqraegQW4ZTznfwPt2Mw76eTG8R8a4v+Dln4dbAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

@keyframes flowOne {
    0% {
        opacity: 0;
        bottom: 0;
        left: 14%;
    }
    40% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
        left: 0;
    }
    60% {
        opacity: 0.2;
    }
    80% {
        bottom: 80%;
    }
    100% {
        opacity: 0;
        bottom: 100%;
        left: 18%;
    }
}

@keyframes flowTwo {
    0% {
        opacity: 0;
        bottom: 0;
        left: 0;
    }
    40% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
        left: 11%;
    }
    60% {
        opacity: 0.2;
    }
    80% {
        bottom: 60%;
    }
    100% {
        opacity: 0;
        bottom: 80%;
        left: 0;
    }
}

@keyframes flowThree {
    0% {
        opacity: 0;
        bottom: 0;
        left: 0;
    }
    40% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
        left: 30%;
    }
    60% {
        opacity: 0.2;
    }
    80% {
        bottom: 70%;
    }
    100% {
        opacity: 0;
        bottom: 90%;
        left: 0;
    }
}

.allLivVideos .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADIklEQVRYhe2Wz2tUVxTHP+dO4g9MCVooSNQQkiEBceM8R7IQiVUrRUwWoaUr6aImmVTEhWTrsgFBUExm7B+gBUVjoRWn2tKCpclEBbFNfBn8kdQEQa0bf0TnHhcZdWbeTOZOdFfP6nJ+3O/n3fvuuRf+7yauid7AWLOaUIeg20DqgNXZ0CQqU2CTqB1KxVrG3ytANJ72FNuvsMVpRuWyhOTAyJ6my+8EEEmkqkVrDwMxF9AAhnCsZnpq/28H215WDLBu4M7yxWb2NNBWoXDh5Jee2UWd12P1j5wBIolUtdHa885LXhZC/niy4vnWG1+snS0WN4ECrT38vsQBFN209GH1oVLxPIBoPO0xt+cOE8ttLO3Ag/LZ0htJ+OvLAii2H8cfzkBPKhY+ZzA7gMfl0sVKf1G014NIYrxF1PzjIp4tvG/Fbh7tah6Lxv1WCxeAmnkpjGke3tN4M8+XM+xwFQdQ+ETUJKPfjzUMd4f/tCrtwNP5aqxm2gNQrwdi5dNKALK2ymZCydbB8borPU2XwHQCRf/2OWrZVhJAResXAADQOCvm10ji75Wp7safVORLoETzkTWFnqo3IVhZrCTVHa6oC452NZ314v5XwEkglB/VusL83FOglQgt0GyhoypnPA18VJjgxX0XsJuSqdo80tswE0lMdKB6gsDXA3Cv0PF2BVTuOggFTZjIvMi0jfQ2zHjx9Oei+gP5H5ZrAY2cLbDJBchPGpPZfnVvy731gxNbwJ4CFpVKVpELJQFCEjpTibLAfRW7ffibllvRuN9qRIeApfPVhER+LAnwV3ejD3qxAoTdc10w7Vn4mTJdEEgWdsE8AABrTR+Op8HCoDfg77LY80Bt2XSlr1ggcMa9hH8U5VsXCFcTlSMjPU37isUC74Ga6an9lW1FWfv9ycfPD5SEK+ZcN3Bn+RIze+rdHyZ68eXi6s5rXzf8VyojsAIA12P1j5bNTH0GepSFdUgrKkdqZv7dMZ84ODw+Nhz311rLdwI7naRVflGjfaNd4Ssu6c4XzcZ4OpyRTEf2Sl0NrMrOMIkyKUjSIENzx/mDfTB3ewU4iQ5rIkhD9AAAAABJRU5ErkJggg==");
    right: 0px;
    left: auto;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    background-color: transparent;
}

.allLivVideos .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADFklEQVRYhe2WTUhUURTH/+eOH30YYh+LMrNwRgVxkTNjtCjQsiwipaRlUYGOYxEuxG3LhEBQ1DctgtoJWWgQ4mSZgVAzaiBROjOQaSr0YW0kJ+eeFmrqvBnfHXWX/9XlnHvO/8e97953gf9dpDrR1vwxi4WplMBFAKUCSFtIjYFpHJBusGz3OrOHNxQgXwvYGLKOgUKljow+MlGNp9zcty4Aq8sbT5xcD8CpAqrDIDQlTY5X99wumIsZILd5NCVRBNsAFMRoHN78xW+ZUDbkTJ9WBrC6vPGCkzuVl9wQgl7P7Jw9+f5STjBSXugKOLl+o8wBgMHHtv6IvxstvwIgXwvYML/nRvoOiRIGfVLDoCqry5dnCMCQdTD+4H4JiGKv09IhgEo1AAiSVBcRbXFgdQ1nE4sPBo1mCHzG48jszWvym4XgVyDsU4SAECLrbXnGyIrYsmGpQf0sgS56HJm99iZ/GpngjsUcACSHSnRQiwOSdGKV2iAgLngc5s6jLcOpbOKXBD4YizkAgKkoKgATp0cpCxHosteR8ezwfd+eIIkuABkxmwMA6EB4JO5fCtgboUIS44qn0twKAIPXLF8B5KhY2TQf66OcGh5ZfgoiFGy4ZHggbtl4EsCOsLxgwgO75p/zOMytVtfwbmLRA8VViKCJ8MDSCjB9jlJkYvBDmxY421+R9S30J3QKBP8aAXQey7ZAulcpTADkY7vmLx68mT1Bc1SofgsuiYm6ogKYyPTEoD6RwW12beS4p8o8xiEUgfVLuppMRE+jArxxZPgA7jbosY1BHflawDZQZfYT0fUY/N3ht+AKAACQUtTC+DQkS8hOW7PvvARaFM0lGLWRErofj83lawTjhmJjJRFTg6fSfCtSTvceSJocr1bYiljUO7NrtiYqXKRgbvNoyhYRfLT+hwl3zyXGl727euhntBm6FQCAIWf69Pap8dMAN2JtN6QkpoakqS/Fq5kDCq9d+z1fjpS4Q8A5JWum5yy4tr/CMqAyXfm5fUQLWEIUKl34paYB2L/QYQyMMQK5Bah9/jhvalPq+guUjg4vGChU5wAAAABJRU5ErkJggg==");
    left: 0px;
    right: auto;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: transparent;
}

.allLivVideosStr .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADIklEQVRYhe2Wz2tUVxTHP+dO4g9MCVooSNQQkiEBceM8R7IQiVUrRUwWoaUr6aImmVTEhWTrsgFBUExm7B+gBUVjoRWn2tKCpclEBbFNfBn8kdQEQa0bf0TnHhcZdWbeTOZOdFfP6nJ+3O/n3fvuuRf+7yauid7AWLOaUIeg20DqgNXZ0CQqU2CTqB1KxVrG3ytANJ72FNuvsMVpRuWyhOTAyJ6my+8EEEmkqkVrDwMxF9AAhnCsZnpq/28H215WDLBu4M7yxWb2NNBWoXDh5Jee2UWd12P1j5wBIolUtdHa885LXhZC/niy4vnWG1+snS0WN4ECrT38vsQBFN209GH1oVLxPIBoPO0xt+cOE8ttLO3Ag/LZ0htJ+OvLAii2H8cfzkBPKhY+ZzA7gMfl0sVKf1G014NIYrxF1PzjIp4tvG/Fbh7tah6Lxv1WCxeAmnkpjGke3tN4M8+XM+xwFQdQ+ETUJKPfjzUMd4f/tCrtwNP5aqxm2gNQrwdi5dNKALK2ymZCydbB8borPU2XwHQCRf/2OWrZVhJAResXAADQOCvm10ji75Wp7safVORLoETzkTWFnqo3IVhZrCTVHa6oC452NZ314v5XwEkglB/VusL83FOglQgt0GyhoypnPA18VJjgxX0XsJuSqdo80tswE0lMdKB6gsDXA3Cv0PF2BVTuOggFTZjIvMi0jfQ2zHjx9Oei+gP5H5ZrAY2cLbDJBchPGpPZfnVvy731gxNbwJ4CFpVKVpELJQFCEjpTibLAfRW7ffibllvRuN9qRIeApfPVhER+LAnwV3ejD3qxAoTdc10w7Vn4mTJdEEgWdsE8AABrTR+Op8HCoDfg77LY80Bt2XSlr1ggcMa9hH8U5VsXCFcTlSMjPU37isUC74Ga6an9lW1FWfv9ycfPD5SEK+ZcN3Bn+RIze+rdHyZ68eXi6s5rXzf8VyojsAIA12P1j5bNTH0GepSFdUgrKkdqZv7dMZ84ODw+Nhz311rLdwI7naRVflGjfaNd4Ssu6c4XzcZ4OpyRTEf2Sl0NrMrOMIkyKUjSIENzx/mDfTB3ewU4iQ5rIkhD9AAAAABJRU5ErkJggg==");
    right: 0px;
    left: auto;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    background-color: transparent;
}

.allLivVideosStr .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADFklEQVRYhe2WTUhUURTH/+eOH30YYh+LMrNwRgVxkTNjtCjQsiwipaRlUYGOYxEuxG3LhEBQ1DctgtoJWWgQ4mSZgVAzaiBROjOQaSr0YW0kJ+eeFmrqvBnfHXWX/9XlnHvO/8e97953gf9dpDrR1vwxi4WplMBFAKUCSFtIjYFpHJBusGz3OrOHNxQgXwvYGLKOgUKljow+MlGNp9zcty4Aq8sbT5xcD8CpAqrDIDQlTY5X99wumIsZILd5NCVRBNsAFMRoHN78xW+ZUDbkTJ9WBrC6vPGCkzuVl9wQgl7P7Jw9+f5STjBSXugKOLl+o8wBgMHHtv6IvxstvwIgXwvYML/nRvoOiRIGfVLDoCqry5dnCMCQdTD+4H4JiGKv09IhgEo1AAiSVBcRbXFgdQ1nE4sPBo1mCHzG48jszWvym4XgVyDsU4SAECLrbXnGyIrYsmGpQf0sgS56HJm99iZ/GpngjsUcACSHSnRQiwOSdGKV2iAgLngc5s6jLcOpbOKXBD4YizkAgKkoKgATp0cpCxHosteR8ezwfd+eIIkuABkxmwMA6EB4JO5fCtgboUIS44qn0twKAIPXLF8B5KhY2TQf66OcGh5ZfgoiFGy4ZHggbtl4EsCOsLxgwgO75p/zOMytVtfwbmLRA8VViKCJ8MDSCjB9jlJkYvBDmxY421+R9S30J3QKBP8aAXQey7ZAulcpTADkY7vmLx68mT1Bc1SofgsuiYm6ogKYyPTEoD6RwW12beS4p8o8xiEUgfVLuppMRE+jArxxZPgA7jbosY1BHflawDZQZfYT0fUY/N3ht+AKAACQUtTC+DQkS8hOW7PvvARaFM0lGLWRErofj83lawTjhmJjJRFTg6fSfCtSTvceSJocr1bYiljUO7NrtiYqXKRgbvNoyhYRfLT+hwl3zyXGl727euhntBm6FQCAIWf69Pap8dMAN2JtN6QkpoakqS/Fq5kDCq9d+z1fjpS4Q8A5JWum5yy4tr/CMqAyXfm5fUQLWEIUKl34paYB2L/QYQyMMQK5Bah9/jhvalPq+guUjg4vGChU5wAAAABJRU5ErkJggg==");
    left: 0px;
    right: auto;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: transparent;
}

.brLiveno {
    background-color: #15181c;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);display: none;
}

.nvs {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    width: 100%;
    flex-direction: initial;
}

.thelcont {
    display: inline-block;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}

.thelcont svg {
    width: 53px;
    height: 53px;
}

.crNewLive {
    line-height: 53px;
    padding-left: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
}

.noVideoStreamsCnt {
    display: flex;
    width: 100%;
    padding-left: 10px;
    overflow: hidden;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.noVideoStreamsCnt a {
    color: #ffffff;
}

.allLivVideosPlus {
    padding-left: 32px;
}


/*Live Video FINISHED*/

.warningNote {
    font-size: 12px;
    color: #e53935;
    display: none;
}

.warning_photo_note {
    border: 2px dotted #e53935 !important;
}

.adtoCardText {
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
}

.methods_con_see {
    display: inline-block;
    width: 100%;
}

.methodCanSee {
    display: inline-block;
    width: 100%;
    padding: 10px;
    cursor: pointer;
}

.methodCanSeeIcon {
    padding: 5px;
    float: left;
    display: inline-block;
}

.methodCanSeet {
    display: inline-block;
    padding: 5px 0px;
    float: left;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    line-height: 23px;
}

.methodCanSee:hover {
    background-color: rgba(183, 183, 183, 0.1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.nudePhotoNote {
    display: inline-block;
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
}

.bluredImage {
    filter: blur(16px);
    -webkit-filter: blur(16px);
    -moz-filter: blur(16px);
    -o-filter: blur(16px);
    -ms-filter: blur(16px);
}

.showNudeImageButon {
    cursor: pointer;
    margin: auto auto;
    width: 100%;
    height: 86px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.nsldimg {
    position: relative;
    float: left;
    width: calc(100%/1 - 0px);
    width: -webkit-calc(100%/1 - 0px);
    width: -moz-calc(100%/1 - 0px);
    cursor: pointer;
}

.nudeImageNotWrapper {
    display: inline-block;
    width: 100%;
    padding: 35px;
    text-align: center;
    color: #ffffff;
}

.nudeNotev {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

.openNudePhoto {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0px auto;
    margin-top: 20px;
}

.openNudePhoto svg {
    width: 35px;
    height: 35px;
}

.donate_exchange_rate {
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
    font-weight: 400;
    font-size: 10px;
    color: #686868;
    text-indent: 14px;
}

.derate_icon {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

.derate_icon svg {
    width: 15px;
    height: 15px;
}

.derate {
    float: left;
}

.mute_btn_ob {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 20px;
    z-index: 1;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAApUlEQVQ4je3UMQ6CQBCFYQJzDmLnHbAxGuIFvAs9lfEmHMp4EIvf5hXDwNIwlfElJMtk88HuTraq/okBDsAzC2uBF0AqthvUMt+4qN4AZ8DcXFOticgJGPTMMAde9ToJMo0BLh47Ap+IrIAemMLYPHjfwvweBnSB1bs2u5T0JWtyB4zAg/Kh9B4IH+i3/rjUNgbcWLbNrFZC8xp7DU0BheZdDr+ZL+3vtxWoP/RsAAAAAElFTkSuQmCC');
    background-size: 20px;
    display: none;
}

.unmute_btn_ob {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 20px;
    z-index: 1;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAABW0lEQVQ4jb3Uv0tXYRQG8PMtf8wVmagEDbVEgSC2NRguTqEu0dJiTdYs/QO6Nyjo6BAN5V+QOYm4OKWb4qIRtXwxh+Dj4AmvX673ewvpgQvvPc85zz3nvs/7Rvxv4DZGLkvsPg7QLOFeYBqddcUe4ptECf8uqQ30txMbxHcFFLg72VkXptDEDm5cJDaEH1pQ4J8VOruJMfzGhz8JXbiWz2P8bBVrHRmT+IXPuIrZTHsU2CsTKMHT/NhbNPAy4+PoxTEWoqYYDGAl16/QgX2sZNdf8LW2YBY1sIW1fP+InVwv4uhKLQ+dR6OKrC2IWxHxKSIeRMQyOiJiKCK2M+VuROwFdmtO/QSHmMnRpzI+4WxT5v/VNuM4wqpT28xl2nDZaO2M/TxDm+hxZuz3Vf+r6ujdwxt0O/ViE9u43m4T2l0OS0mto69SrFBUdX1N47W611ehcACjf1V0mTgByaPJrPusqPQAAAAASUVORK5CYII=');
    background-size: 20px;
    display: none;
}


/*STARTED NEW*/

._9404J_carg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 150px;
    -ms-flex: 0 1 150px;
    flex: 0 1 150px;
}

.title_carg {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    color: #ffffff;
    word-wrap: break-word;
    border: none;
    background-color: #000000;
    border: 1px solid #eaeaea;
    margin-top: 15px;
    padding: 6px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
}

.zOJg-carg {
    background: 0 0;
    border: 1px solid #efefef;
    border-radius: 3px;
    color: #ffffff;
    font: inherit;
    vertical-align: baseline;
    font-size: 15px;
    height: 40px;
    padding: 0px 30px 0px 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.carg_title {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 15px;
    text-align: left;
}

.shopping_ui_title_ui {
    display: inline-block;
    width: 100%;
    padding-bottom: 8px;
    color: #ffffff;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.card-action {
    margin-top: 20px;
    background-color: inherit;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    position: relative;
    display: inline-block;
    padding-top: 14px;
}

.card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    float: left;
    color: #ffab40;
    margin-right: 24px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
}

.card-close {
    float: right;
}

.app-countri-option {
    padding: 13px 25px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.select-this {
    float: left;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border: 1px solid #e3e3e3;
    margin-right: 10px;
    cursor: pointer;
}

.selected-already {
    background-color: #009688 !important;
    border: 1px solid #009688 !important;
}

.theselcll {
    padding-right: 40px !important;
    height: 32px;
}

.thloc {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    border: 1px solid #e6e6e6;
    padding: 5px;
    padding-left: 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

.modalCheckout {
    max-height: calc(100% - 100px);
    max-height: -webkit-calc(100% - 100px);
    max-height: -o-calc(100% - 100px);
    max-height: -ms-calc(100% - 100px);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    border: 1px solid transparent;
    width: 100%;
    max-width: 300px;
    z-index: 99;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0);
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0);
    background-color: #15181c;
}

.anm {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999999;
    transition: all 0.3s ease-out;
    -webkit-animation: zoomIn 0.3s ease-in-out 0.3s;
    animation: zoomIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.methods_con {
    display: inline-block;
    width: 100%;
    padding: 0px 10px;
}

.method_box_item {
    display: inline-block;
    width: 100%;
    width: calc(100% / 1 - 0px);
    width: -webkit-calc(100% / 1 - 0px);
    width: -o-calc(100% / 1 - 0px);
    width: -ms-calc(100% / 1 - 0px);
    float: left;
    text-align: center;
    padding: 20px 3px;
}

.cart_product_box {
    width: 100%;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.cart_product_image {
    display: inline-block;
    width: 25%;
    overflow: hidden;
    height: 153px;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.cart_product_imageimg {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.shoppingBox {
    display: inline-block;
    padding: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: rgba(183, 183, 183, .1);
    cursor: pointer;
    float: left;
}

.cart_product_informations {
    display: inline-block;
    width: 75%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.cart_product_title {
    position: relative;
    width: 100%;
    font-weight: 400;
    font-size: 25px;
    color: #ffffff;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    padding-left: 10px;
    padding-top: 8px;
}

.cart_product_category {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #8e8e8e;
    padding: 5px 0px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    padding-left: 10px;
}

.cart_product_price {
    font-weight: 400;
    font-size: 23px;
    color: #f24e46;
    display: inline-block;
    text-transform: uppercase;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    padding-left: 10px;
}

.cart_price_old {
    padding-top: 3px;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
    display: inline;
    text-transform: uppercase;
}

.cart_buttons {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #efefef;
}

.cart_btn_box_incoming {
    display: inline-block;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    float: left;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff !important;
    padding: 10px;
    cursor: pointer;
}

.cart_btn_box_incoming a {
    color: #ffffff;
}

.cart_btn_box {
    display: inline-block;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    float: left;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff !important;
    padding: 10px;
    cursor: pointer;
}

.cart_btn_box a {
    color: #ffffff;
}

.left-rightBorder {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.sp_center {
    width: 100%;
    display: inherit;
    padding: 10px;
    background-color: #15181c;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 300;
    font-size: 14px;
    cursor: pointer;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.csp_center {
    width: 100%;
    display: inherit;
    padding: 10px;
    background-color: #15181c;
    border-top: 1px solid #e6e6e6;
    font-weight: 300;
    font-size: 14px;
    cursor: pointer;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ordered_prod {
    display: inline-block;
    width: 100%;
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    border: 1px solid rgba(183, 183, 183, 0.1)6e6e6;
    margin-bottom: 30px;
}

.csp_center svg {
    margin-right: 5px;
}

.othrs {
    display: inline-block;
    width: 100%;
    padding: 7px 0px;
    font-weight: 600;
    color: #f4511e;
}

.othrs span {
    color: #ffffff;
}

.cart_productcn {
    display: inline-block;
    width: 100%;
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    border: 1px solid rgba(183, 183, 183, 0.1);
    margin-bottom: 30px;
}

.cart_productcn .cart_product_image {
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
}

.cart_count {
    font-weight: 500;
    font-size: 14px;
    color: #009688;
    position: absolute;
    right: 14px;
    top: 12px;
}

.cart_count_ord {
    font-weight: 500;
    font-size: 14px;
    color: #009688;
    position: absolute;
    right: 14px;
    top: 12px;
}

.visit_count_ord {
    font-weight: 500;
    font-size: 14px;
    color: #009688;
    position: absolute;
    right: 14px;
    top: 8px;
}

.notSeen {
    border: 2px solid #1de9b6;
}

.mustbepro {
    display: inline-block;
    width: 100%;
    padding: 100px 0px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
}

.theVisitors {
    display: inline-block;
    width: 100%;
}

.visitor_user_container {
    display: inline-block;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -moz-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    float: left;
    padding: 3px;
}

.visitor_user_wrp {
    display: inline-block;
    width: 100%;
    height: 250px;
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    background-repeat: no-repeat;
}

.fvNotification {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 270px;
    bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #eb4f32;
    padding: 10px;
    transition: all 0.5s ease-out;
    -webkit-animation: bounceIn 0.5s ease-in-out 0.5s;
    animation: bounceIn 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.fvNotificationNoteBox {
    position: absolute;
    width: 100%;
    max-width: 300px;
    display: inline-table;
    right: 0px;
    top: -64px;
}

.visitNotification {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 270px;
    bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #5e35b1;
    padding: 10px;
    transition: all 0.5s ease-out;
    -webkit-animation: bounceIn 0.5s ease-in-out 0.5s;
    animation: bounceIn 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.visitNotificationNoteBox {
    position: absolute;
    width: 100%;
    max-width: 300px;
    display: inline-table;
    right: 0px;
    top: -47px;
}

.visitNotificationNote {
    position: relative;
    width: 280px;
    background: #3578e5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    padding: 10px 10px 12px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    text-align: center
}

.visitNotificationNote:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #3578e5 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -8px;
    left: 247px;
}

.pro_pbwg8U {
    position: relative;
    float: left;
    width: calc(100% / 4 - 0px);
    width: -webkit-calc(100% / 4 - 0px);
    width: -moz-calc(100% / 4 - 0px);
    width: -o-calc(100% / 4 - 0px);
    padding: 2px;
}

.pro_jjzlbU {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    cursor: pointer;
}

.proexPexU {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.proBoxRight {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 10px 5px;
}

.becomeproo {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    background-color: #15181c;
    color: #d62127;
    font-weight: 500;
    font-size: 14px;
    text-align: right;
    cursor: pointer;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}

.hsvg_pp {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.search_user_filter_container {
    position: fixed;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 0px;
    width: 100%;
    max-width: 500px;
    height: 400px;
    background-color: 15181c;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    z-index: 9999999;
}

.search_user_filter_Header {
    width: 100%;
    padding: 15px;
    background-color: #15181c;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 1px solid 15181c;
    font-weight: 600;
    color: #ffffff;
}

.search_user_filter_close_icon_sv {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    right: 10px;
    padding: 8px;
    top: 5px;
    cursor: pointer;
}





.search_user_filter_wrap {
    width: 100%;
    padding: 30px 10px;
    display: inline-block;
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    bottom: 0px;
    top: 50px;
	color: #ffffff;
	background-color: #000000;
}

.search_user_filter_item {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.search_user_filter_title {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 13px;
    padding-left: 10px;
    color: #ffffff;
}

.search_filter_in_in {
    display: inline-block;
    width: 100%;
    padding: 10px;
}

#slider1-span {
    display: initial;
    float: left;
    padding: 10px;
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
}

#slider2-span {
    float: right;
    display: inherit;
    padding: 10px;
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
}

#slider3-span {
    width: 100%;
    max-width: 50px;
    display: block;
    padding: 10px;
    font-weight: 600;
    font-size: 13px;
    margin: 0px auto;
    color: #ffffff;
}

.panelsPro {
    background-color: #000000;
    border-bottom: 1px solid #15181c;
}

.search_filter_bobox {
    display: inherit;
}

.s_filter {
    width: 100%;
}

.shopping_address {
    display: inline-block;
    width: 100%;
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-left: 8px solid #1dafec;
    background-color: #15181c;
    -webkit-box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.14), 0 0px 10px -20px rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.14), 0 0px 10px -20px rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    padding: 25px;
}

.shopping_address_and_user_informations {
    display: inline-block;
    width: 100%;
}

.shopping_ui_title {
    display: inline-block;
    width: 100%;
    padding-bottom: 30px;
    color: #ffffff;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;
}

.shopping_ui_box {
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
}

.nmsp {
    color: #ec1d51;
    font-weight: 500;
    font-size: 15px;
}

.search_filter_bobox label span {
    font-weight: 400;
    font-size: 13px !important;
    padding-left: 26px !important;
    line-height: 24px !important;
    color: #ffffff
}

.someNeed {
    background-color: #15181c;
    padding: 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid #15181c;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
}

.method_box_item a {
    text-decoration: none;
    color: #ffffff !important;
}

.filter_users {
    display: inline !important;
    width: 100%;
    padding: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    background-color: #1dafec;
    font-weight: 400;
    font-size: 14px;
    padding-right: 18px;
    line-height: 26px;
    color: #ffffff;
    margin-right: 5px;
}

.filter_users_icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.progress-bar-ads-time {
    width: 100%;
    height: 5px;
}

.progress-ads-time {
    display: inline-block;
    height: 100%;
}

.progress-prog-ads-time {
    background-color: #fb8c00;
    -webkit-animation-name: progress-html;
    -moz-animation-name: progress-html;
    animation-name: progress-html;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes progress-html {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

@-moz-keyframes progress-html {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

@keyframes progress-html {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

.inf_con_box {
    display: inline-block;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
}

.uinfo_wrapper_ss {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.amani {
    width: 100%;
    display: inherit;
    vertical-align: middle;
    line-height: 26px;
    border-top: 1px solid #e6e6e6;
    color: #3498db !important;
    font-weight: 600;
    padding-top: 6px;
}

.uinfo_wrapper_ss::-webkit-scrollbar {
    display: none;
}

.afterVideoAds {
    display: inline-block;
    background-color: #f2f3f5;
    width: 100%;
}

.afterVideoAdsImage {
    display: inline-block;
    float: left;
}

.aproposed {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.proout {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    border: 1px solid #D62127;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin-bottom: 30px;
}

.becomepromember {
    position: relative;
    width: 100%;
    padding: 15px;
    display: inline-block;
    color: #d62127;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background .5s;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
}

.becomepromember:hover {
    background-color: rgba(214, 33, 39, 0.08);
}

.prosvg {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.hm_t_pro {
    line-height: 25px;
    display: inline-block;
}

.aproposed-item {
    position: relative;
    float: left;
    width: calc(100%/1 - 0px);
    width: -webkit-calc(100%/1 - 0px);
    width: -moz-calc(100%/1 - 0px);
}

.afterVideoAdsWebsiteAddress {
    color: #606770;
    font-size: 13px;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.afterVideoAdsTitle {
    font-size: 16px;
    line-height: 20px;
    margin: 3px 0 0;
    padding-top: 2px;
    font-weight: 600;
    overflow: hidden;
}

.afterVideoAdsDescription {
    color: #606770;
    font-size: 14px;
    line-height: 20px;
    padding-top: 5px;
}

.aproposed-item-box {
    position: relative;
    padding-top: 100%;
    width: 120px;
    height: 120px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.afterVideoAdsDescriptions {
    display: inline-block;
    float: left;
    padding: 10px;
    width: calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: -o-calc(100% - 120px);
}

.aproposed-item-img {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.poeples {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

.user_c {
    display: inline-block;
    width: 100%;
    width: calc(100% / 4 - 0px);
    width: -webit-calc(100% / 4 - 0px);
    width: -o-calc(100% / 4 - 0px);
    width: -ms-calc(100% / 4 - 0px);
    padding: 10px;
    float: left;
}

.user_w {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 254px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
}

.user_in {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    padding: 12px;
    bottom: 0px;
    color: #ffffff;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear;
}

.user_in::after {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .4428) 19%, rgba(0, 0, 0, .3246) 34%, rgba(0, 0, 0, .2292) 47%, rgba(0, 0, 0, .1668) 56.5%, rgba(0, 0, 0, .1164) 65%, rgba(0, 0, 0, .0756) 73%, rgba(0, 0, 0, .045) 80.2%, rgba(0, 0, 0, .0252) 86.1%, rgba(0, 0, 0, .0126) 91%, rgba(0, 0, 0, .0048) 95.2%, rgba(0, 0, 0, .0012) 98.2%, transparent 100%);
    position: absolute;
    top: -75px;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.user_w:hover .user_in {
    -webkit-transform: translate3d(0, -48px, 0);
    transform: translate3d(0, -48px, 0);
}

.user_inf_btns {
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    height: 48px;
    border-right: 1px solid rgba(0, 0, 0, .0975);
    border-bottom: 1px solid rgba(0, 0, 0, .0975);
    border-left: 1px solid rgba(0, 0, 0, .0975);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #15181c;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear;
}

.user_inf {
    display: inline-block;
    width: 100%;
    z-index: 1;
}

.user_flw_btn_in {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    padding: 3px;
    background-color: #3e99ed;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.to_item_u {
    display: inline-block;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    float: left;
}

.to_item_icon {
    display: block;
    width: 47px;
    height: 47px;
    margin: 0px auto;
    padding: 9px;
}

.right_to_color {
    border-right: 1px solid rgba(183, 183, 183, .1);
}

.right_to_color:hover {
    background-color: rgba(183, 183, 183, .1) !important;
}

.tii:hover {
    background-color: rgba(183, 183, 183, .1) !important;
}

.fltered_users_list {
    display: inline-block;
    width: 100%;
    padding: 20px 0px;
}

.search_inbox_box {
    display: inline-block;
    width: 100%;
    padding-top: 30px;
}

.user_in_nm {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-transform: capitalize;
}

.user_in_dist {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    padding-top: 3px;
}

.see_profile {
    display: inline-block;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    line-height: 25px;
    padding-bottom: 1px;
    padding-right: 5px;
    margin-bottom: 20px;
}

.sp_i {
    display: inline-block;
    padding: 3px;
    float: left;
    margin-right: 5px;
}

.see_profile.hvr-underline-from-left::before {
    background: #ffffff;
    height: 2px;
    border-radius: 30px;
}

.no_post_can_show {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: none;
}

.popupBack {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    left: 0px;
    top: 0px;
    z-index: 9999999;
}

.uinfo_wrapper_ss {
    position: fixed;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
    max-width: 600px;
    background-color: #15181c;
    margin: auto;
    overflow-y: auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    will-change: top, opacity;
    z-index: 9999999;
    display: block;
    top: 5%;
    transform: scaleX(1) scaleY(1);
    height: 100%;
    height: calc(100% - 5%);
    height: -webkit-calc(100% - 5%);
    height: -moz-calc(100% - 5%);
    height: -o-calc(100% - 5%);
    height: -ms-calc(100% - 5%);
}

.uinfSlideInUp {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInUpBig 0.3s ease-in-out 0.3s;
    animation: fadeInUpBig 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.uinfSlideOutDown {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeOutDown 0.3s ease-in-out 0.3s;
    animation: fadeOutDown 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.uinfName {
    display: inline-block;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    padding: 10px 0px;
	color: #fff;
}

.infUserTextBigo {
    display: inline-block;
    width: 100%;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 635px;
    margin: 0px auto;
    line-height: 1.4rem;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
	color: #fff;
}

.uinfOtherInformations {
    display: inline-block;
    width: 100%;
    padding: 20px 0px;
}

.uinfo_title {
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    margin: 0px;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    margin-bottom: 10px;
}

.proplain {
    display: inline-block;
    width: 100%;
}

.plainSelect {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    position: absolute;
}

.plainPriceTime {
    display: inline-block;
    color: #ffffff;
    font-weight: 400;
    font-size: 19px;
    position: relative;
    margin-bottom: 5px;
    padding-left: 60px;
}

.plainPricecDescription {
    display: inline-block;
    width: 100%;
    padding-left: 60px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
}

.plainPrice {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: -2px;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
}

.pro_plain_why_text {
    width: 100%;
    max-width: 200px;
    text-align: center;
    font-weight: 300;
    font-size: 23px;
    color: #ffffff;
    margin: 0px auto;
    padding: 10px;
    margin-bottom: 20px;
}

.pro_item_box {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}

.pro_item_box_i_t {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.pro_item_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 8px;
}

.pro_item_title {
    float: left;
    font-weight: 400;
    font-size: 17px;
    color: #ffffff;
    line-height: 22px;
}

.pro_item_box_desc {
    display: inline-block;
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    padding-left: 35px;
}

.pro_member_plains_second {
    display: inline-block;
    width: 100%;
    padding: 20px 35px;
    background-color: #15181c;
}

.uinfCover {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-height: 350px;
    min-height: 350px;
    max-width: 100%;
    width: 100%;
    -moz-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.6);
}

.uinfAllContainer {
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin-top: -95px;
}

.uinfAvatar {
    width: 150px;
    height: 150px;
    margin: 0px auto;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 2px solid rgba(183, 183, 183, 0.1);
}

.no_post_from {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    background-color: #15181c;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 15px;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

.no_available {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
}

.accountDeletedSuccess {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding: 30px;
}

.byebye {
    min-height: 400px;
    background-image: url(img/bye.gif);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.set_box_new {
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
}

.set_box_title_new {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}

.set_input_box_new {
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}

.inputField_news {
    border: 1px solid rgba(183,183,183, .1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    padding: 10px;
    line-height: 18px;
    outline: none;
    width: 100%;
    max-width: 350px;
    font-weight: 400;
    font-size: 14px;
}

.settings_box_footer_delete {
    position: relative;
    width: 100%;
    display: inline-block;
}

.set_box_not_down {
    margin-bottom: 5;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.box_down {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #000000;
    border: 1px solid rgba(183,183,183, .1);
    min-height: 140px;
    cursor: pointer;
    transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
}

.box_down:hover {
    box-shadow: 0 0 11px rgba(183,183,183, .1);
}

.box_down_icon_type {
    width: 45px;
    height: 45px;
    margin: 0px auto;
    margin-top: 20px;
}

a.box_down_title {
    text-decoration: none;
    color: #ffffff;
}

.box_down_title {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
    text-transform: capitalize;
    padding-bottom: 20px;
    color: #ffffff;
}

.info_box_down {
    display: inline-block;
    width: 100%;
    width: calc(100% / 4 - 0px);
    width: -webkit-calc(100% / 4 - 0px);
    width: -o-calc(100% / 4 - 0px);
    width: -ms-calc(100% / 4 - 0px);
    float: left;
    padding: 5px;
}

.HgNB_dow {
    padding: 0px 25px;
}

.download_note {
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-left: 3px solid #1e88e5;
    border-top: 1px solid #1e88e5;
    border-right: 1px solid #1e88e5;
    border-bottom: 1px solid #1e88e5;
    padding: 20px;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
    display: block;
}

.download_note svg {
    margin-right: 10px;
}

.availablebb {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    padding-top: 10px;
}

.point_sum_title {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
}

.point_sum {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 40px;
    color: #ffffff;
}

.point_sum_note {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
}

.poo {
    display: compact;
    font-size: 13px;
}

.point_to_dolar {
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
}

.calculated_points_box {
    display: inline-block;
    float: left;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    padding: 10px;
}

.point_boxx {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    padding: 30px;
    min-height: 245px;
}

.news_post_create svg {
    animation: rotatesv 5s infinite;
    -webkit-animation: rotatesv 5s infinite;
    transform-origin: 50% 50%;
}

@-webkit-keyframes rotatesv {
    0% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotatesv {
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.boxx_bg_one {
    background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
    -webkit-box-shadow: 0 0px 22px 0 rgba(5, 243, 255, 0.07), 0 0px 10px -20px rgba(200, 16, 16, 0.64), 0 0px 0px 0 rgba(2, 166, 204, 0.45);
    box-shadow: 0 0px 22px 0 rgba(5, 243, 255, 0.07), 0 0px 10px -20px rgba(200, 16, 16, 0.64), 0 0px 0px 0 rgba(2, 166, 204, 0.45);
}

.boxx_bg_two {
    background: linear-gradient(87deg, #fd6adf 0, #a701f2 100%) !important;
    -webkit-box-shadow: 0 0px 22px 0 rgba(248, 100, 224, 0.32), 0 0px 10px -20px rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 22px 0 rgba(248, 100, 224, 0.32), 0 0px 10px -20px rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.2);
}

.calcul_pointt {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 30px;
}

.calcul_a_point_text {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    padding-bottom: 5px;
}

.calculate_points {
    display: inline-block;
    width: 100%;
    padding: 10px;
    color: #ffffff;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top: 2px solid #15181c;
    font-size: 13px;
    font-weight: 400;
    background-color: #15181c;
    margin-top: 20px;
    min-height: 96px;
}

.exchange_note_point {
    display: inline-block;
    width: 100%;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
    text-align: center;
}

.point_icon {
    width: 45px;
    height: 45px;
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.withdrawal_note strong {
    display: contents;
    color: #06b041;
}

.how_to_left_close {
    position: absolute;
    left: 10px;
    width: 30px;
    height: 30px;
    top: 10px;
    cursor: pointer;
    z-index: 1;
    display: none;
}

.how_to_right_close {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    top: 10px;
    cursor: pointer;
    z-index: 1;
}

.howto_img {
    position: relative;
    margin-top: 30px;
    width: 100%;
}

.postButtonItem_howto {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin: 0px auto;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center;
}

.howToHeader {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 16px;
    background-color: #000000;
}

.how_to_left {
    position: absolute;
    left: 10px;
    width: 30px;
    height: 30px;
    top: 10px;
    cursor: pointer;
    z-index: 1;
}

.how_to_right {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    top: 10px;
    display: none;
    cursor: pointer;
    z-index: 1;
}

.right_open {
    display: block !important;
}

.left_open {
    display: none !important;
}

.position_left {
    left: 0px !important;
}

.howTo_text {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.howTo_Container {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.how_to_first {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid #ffe0b2;
    background-color: #fff3e0;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 15px;
}

.how_to_title {
    display: inline-block;
    width: 100%;
    padding: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #3ba3ff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #bee0ff1f;
    line-height: 24px;
    margin-bottom: 20px;
    cursor: pointer;
}

.how_to_title svg {
    margin-right: 10px;
}

.how_to_answer {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    padding: 15px 0px;
    line-height: 20px;
    display: none;
}

.how_to_p_b {
    width: 50px;
    height: 50px;
    margin: 0px auto;
    margin-top: 30px;
}

.how_to_types {
    display: inline-block;
    width: 100%;
    padding-top: 30px;
}

.how_to_items {
    display: inline-block;
    width: 100%;
    width: calc(100% / 4 - 0px);
    width: -webkit-calc(100% / 4 - 0px);
    width: -o-calc(100% / 4 - 0px);
    width: -ms-calc(100% / 4 - 0px);
    float: left;
    padding: 3px;
    padding-top: 15px;
}

.how_to_p_t {
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    color: #5b5b5b;
}

.howTo {
    display: table;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 17px;
    color: #ffffff;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    cursor: pointer;
    background: linear-gradient(232deg, #8d00ff, #ff6006, #d20080);
    background-size: 200% 200%;
    -webkit-animation: howto 6s ease infinite;
    -moz-animation: howto 6s ease infinite;
    -o-animation: howto 6s ease infinite;
    animation: howto 6s ease infinite;
    vertical-align: middle;
    line-height: 22px;
}

@-webkit-keyframes howto {
    0% {
        background-position: 0% 71%
    }
    50% {
        background-position: 100% 30%
    }
    100% {
        background-position: 0% 71%
    }
}

@-moz-keyframes howto {
    0% {
        background-position: 0% 71%
    }
    50% {
        background-position: 100% 30%
    }
    100% {
        background-position: 0% 71%
    }
}

@-o-keyframes howto {
    0% {
        background-position: 0% 71%
    }
    50% {
        background-position: 100% 30%
    }
    100% {
        background-position: 0% 71%
    }
}

@keyframes howto {
    0% {
        background-position: 0% 71%
    }
    50% {
        background-position: 100% 30%
    }
    100% {
        background-position: 0% 71%
    }
}

.pay_day {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    color: #ff5200;
}

.may_pay {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    color: #9600fd;
}

.n_payouts {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.vpymnt {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 32px;
    color: #078603;
    padding: 10px 0px;
}

.dlr {
    font-weight: 400;
    font-size: 13px;
    color: #005dd9;
    display: inherit;
}

.changeTheSize svg {
    width: 26px !important;
    height: 26px !important;
}

.next_payouts {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    padding: 15px;
    border-bottom: 1px solid rgba(183, 183, 183, .1);
}

.current_withdrawal {
    display: inline-block;
    width: 100%;
    background-color: #15181c;
    border: 1px solid rgba(183, 183, 183, .1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin-bottom: 20px;
}

.payouts_history {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
}

.note_before_withdraw {
    display: inline-block;
    width: 100%;
    padding: 5px;
    font-weight: 400;
    font-size: 13px;
    text-align: left;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid transparent;
    border-left: 3px solid #e53935;
    color: #e53935;
}

.succ_report {
    font-weight: 600 !important;
    font-size: 12px !important;
    color: #10ae03 !important;
    background-color: rgba(49, 179, 22, 0.1);
    line-height: 25px;
    padding: 5px !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    padding-left: 10px !important;
    margin-bottom: 5px;
}

.err_report {
    font-weight: 600;
    font-size: 12px !important;
    color: #fb4b4b !important;
    background-color: rgba(255, 0, 0, 0.1);
    line-height: 25px;
    padding: 5px;
    padding-left: 10px !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin-bottom: 5px;
}

.cclod {
    display: inline-block;
    width: 100%;
}

.calculate_currency {
    display: inline-block;
    width: 100%;
    padding: 10px;
    color: #ffffff;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    display: none;
}

.calcula {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    padding-bottom: 5px;
}

.calcul_amount {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
}

.total_earnings_for_withdrawal {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 50px;
    color: #ffffff;
    padding-bottom: 20px;
}

.calculate_earnings {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.nost {
    display: inline-block;
    width: 100%;
    padding-top: 30px;
    font-weight: 600;
    font-size: 18px;
    color: #8a99a4;
}

.no_earning_founded {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 50px;
}

.exchange_note_two {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    border-top: 1px solid #f5f5f5;
    line-height: 40px;
}

.exchange_note {
    display: inline-block;
    width: 100%;
    color: #393939;
    font-weight: 500;
    font-size: 12px;
    padding: 10px;
}

.currentExchanges {
    display: inline-block;
    width: 100%;
    padding-top: 30px;
}

.exchange_item {
    display: inline-block;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    float: left;
    padding: 10px;
}

.exchange_item_two {
    display: inline-block;
    width: 100%;
    width: calc(100% / 4 - 0px);
    width: -webkit-calc(100% / 4 - 0px);
    width: -o-calc(100% / 4 - 0px);
    width: -ms-calc(100% / 4 - 0px);
    float: left;
    padding: 3px;
}

.exchange_box {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #15181c;
}

.exchange_currency {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    color: #00897b;
    float: left
}

.exchange_now {
    display: inline-block;
    line-height: 40px;
    font-size: 25px;
    color: #ffffff;
    float: left;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.withdrawal_icon {
    width: 40px;
    height: 40px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.ort {
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
}

.item_p_in {
    display: inline-block;
    width: 100%;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    outline: none;
    border: 2px solid #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    background-color: transparent;
    -ms-border-radius: 8px;
}

.payout_item_box {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.payout_item_box_title {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding-bottom: 10px;
}

.payout_items {
    width: 100%;
    max-width: 500px;
    margin: 0px auto;
}

.payout_form_am {
    display: inline-block;
    width: 100%;
    background-color: #15181c;
    text-align: center;
    padding: 25px 35px;
}

.withdrawal_frm .row .col .tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #15181c;
    will-change: left, right;
}

.withdrawal_frm .row .col .tabs .tab a {
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
}

.table-general.-bordered-h tbody>tr:last-child td {
    border-bottom-width: 0;
}

.payouts .table-general tbody tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
}

.payouts .table-general tbody tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}

.payouts .table-general tbody tr:last-child {
    border-bottom: 0px !important;
}

.withdrawal_frm .row .col .tabs .tab a:hover,
.withdrawal_frm .row .col .tabs .tab a.active {
    background-color: #15181c;
    color: #607d8b;
}

.withdrawal_frm .row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px !important;
    min-height: 1px;
}

.withdrawal_frm .row .col.s3 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.withdrawal_frm .row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px !important;
    min-height: 1px;
}

.withdrawal_frm {
    display: inline-block;
    width: 100%;
    background-color: #15181c;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.withdrawal_frm .inob .ort .tabs {
    background-color: rgba(183, 183, 183, 0.1);
}

.withdrawal_note {
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-left: 3px solid #e53935;
    background-color: #15181c;
    -webkit-box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.14), 0 0px 10px -20px rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.14), 0 0px 10px -20px rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
    color: #e53935;
    font-weight: 500;
    font-size: 14px;
}

.withdrawal_wrp {
    display: inline-block;
    width: 100%;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 3px solid #607d8b;
    background-color: #90a4ae;
    padding: 50px 0px;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    font-size: 20px;
}

.make_withdrawal {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    color: #939393;
    padding-bottom: 15px;
    padding-top: 20px;
}

.withdrawal_box {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}

.dl_et {
    padding: 6px 11px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid #76ff03;
    color: #76ff03;
    font-weight: 600;
    margin-right: 3px;
}

.tl_et {
    padding: 6px 11px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-weight: 600;
    margin-right: 3px;
}

.ng_et {
    padding: 6px 11px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid #ffff00;
    color: #ffff00;
    font-weight: 600;
    margin-right: 3px;
}

.in_et {
    padding: 6px 11px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid #00e676;
    color: #00e676;
    font-weight: 600;
    margin-right: 3px;
}

.dl_e {
    padding: 6px 11px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #00897b;
    color: #ffffff;
    font-weight: 500;
    margin-right: 3px;
}

.tl_e {
    padding: 6px 11px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #d32f2f;
    color: #ffffff;
    font-weight: 500;
    margin-right: 3px;
}

.ng_e {
    padding: 6px 11px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #fb8c00;
    color: #ffffff;
    font-weight: 500;
    margin-right: 3px;
}

.in_e {
    padding: 6px 11px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #9e9d24;
    color: #ffffff;
    font-weight: 500;
}

.table-general {
    clear: both;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 0 20px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.table-general thead td:first-child,
.table-general thead th:first-child {
    border-top-left-radius: 4px;
}

.table-general thead td,
.table-general thead th {
    text-align: left;
    background-color: #454545;
    color: white;
    border-radius: 0px;
    padding: 12px 10px;
    vertical-align: bottom;
}

.table-general thead td:last-child,
.table-general thead th:last-child {
    border-top-right-radius: 4px;
}

.table-general tfoot td:last-child {
    border-radius: 0 0 4px 0;
}

.table-general.-striped tbody tr:nth-child(2n+1) td {
    background-color: #ededed;
}

.table-general tbody td,
.table-general tbody th {
    padding: 10px;
    background-color: whitesmoke;
    vertical-align: text-top;
}

.table-general tfoot td:first-child {
    border-radius: 0 0 0 4px;
}

.table-general tfoot td {
    background: gray;
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0px;
    padding: 12px 10px;
}

.donated_posts_box {
    display: inline-block;
    float: left;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
}

.donated_posts_box:nth-child(1) {
    padding-right: 25px;
}

.donated_post_list_wrapper {
    display: inline-block;
    width: 100%;
    min-height: 336px;
    background-color: #15181c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid rgba(183, 183, 183, 0.1);
}

.most_pop_icon {
    display: inline-flex;
    width: 30px;
    height: 30px;
}

.earnings_graphic_chart {
    display: inline-block;
    width: 100%;
    background-color: #15181c;
    padding: 12px 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom: 20px;
}

.cb-title {
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    padding: 0px 10px 10px 10px;
}

.sumTextReg {
    display: inline-block;
    padding-top: 10px;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    padding-right: 10px;
}

.sumTextReg svg {
    margin-right: 4px;
}

.graphBox canvas {
    background-color: #15181c;
    padding: 10px;
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.earning_monthly_graph {
    display: inline-block;
    width: 100%;
}

.earning_monthly_table {
    display: inline-block;
    width: 100%;
    padding-top: 25px;
}

.container_earn {
    padding-top: 85px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    max-width: 935px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.earning_graph_box {
    display: inline-block;
    width: 100%;
    padding-top: 50px;
}

.earning_menu_item {
    text-align: center;
    display: inline-block;
    float: left;
    padding: 16px 10px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
    cursor: pointer;
}

.earning_menu_item a {
    text-decoration: none;
    color: #ffffff !important;
}

.earning_menu_item:hover {
    background-color: #000000;
}

.earning_menu_active {
    background-color: #000000 !important;
}

.earning_menu_active a {
    text-decoration: none;
    color: #3498db !important;
    font-weight: 600 !important;
}

.earning_menu_active::after {
    content: '';
    left: 0px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 0px;
    border-left: 1px solid #15181c;
    border-right: 1px solid #15181c;
    border-bottom: 2px solid #3498db
}

.earning_menu {
    display: inline-table;
    width: 100%;
    background-color: #15181c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid transparent;
}

.earningSuggestedBoxRight {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 10px 0px 0px 0px;
}

.earning_widget_footer {
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: right;
    font-weight: 600;
    font-size: 13px;
    text-transform: capitalize;
    border-top: 1px solid #15181c;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.earning_widget_footer a {
    text-decoration: none;
    color: #3498db !important;
    line-height: 20px;
}

.earning_widget_footer:hover {
    background-color: #000000;
}

.money_box_item {
    display: inline-block;
    width: 100%;
    color: #ffffff;
    padding: 20px 20px 15px 20px;
}

.money_text_box {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 13px;
    padding-bottom: 10px;
    color: #999999;
}

.earning_box {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 25px;
}

.money_box_item:nth-child(1) {
    border-bottom: 1px solid #f5f5f5;
}

.gradientBgColor {
    background: linear-gradient(360deg, #11143a, #283059, #454e7c);
    background-size: 100% 100%;
}

.widget_text {
    display: inline-block;
    line-height: 23px;
}

.widget_icon_left {
    display: inline-block;
    width: 30px;
    height: 23px;
    float: left;
}

.theload {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 7px;
    top: 2px;
}

.userInfoThanksContainer {
    display: inline-block;
    width: 100%;
    padding: 30px 10px;
}

.userInfoThanksMessage {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background-color: #15181c;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
    font-weight: 300;
    font-size: 15px;
    border: 1px solid #e6e6e6;
}

.userInfoContainer {
    display: inline-block;
    width: 100%;
}

.userInfoAvatar {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    margin: 0px auto;
}

.userInfoAvatar img {
    width: 100%;
}

#confetti {
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
}

.paymentBoxWrapper {
    width: 100%;
    max-width: 650px;
    margin: 0px auto;
}

.pay_with {
    float: right;
    padding: 10px 15px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
}

#cardNumber {
    display: inline-block;
    width: 100%;
}

.card-row .col {
    display: inline-block;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    float: left;
    padding: 3px;
}

.form-control {
    outline: none;
    border: 1px solid #d8dbdf;
    border-radius: 3px;
    padding: 10px;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    margin-top: 5px;
    color: #ffffff;
}

.card-row label {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}

.card-row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
}

.card-body {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.text-danger {
    padding-top: 8px;
    display: inline-block;
    color: #e53935;
}

.card-header {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background-color: #000000;
    border-bottom: 1px solid #f5f5f5;
}

.card-title {
    display: inline-block;
    width: 100%;
    font-weight: 300;
    font-size: 25px;
}

.c_carrd {
    display: inline-block;
    width: 100%;
}

.methods_open_animate {
    transition: all 0.4s ease-out;
    -webkit-animation: zoomIn 0.4s ease-in-out 0.4s;
    animation: zoomIn 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.methods_close_animate {
    transition: all 0.4s ease-out;
    -webkit-animation: zoomOut 0.4s ease-in-out 0.4s;
    animation: zoomOut 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.methods_close {
    position: absolute;
    right: 7px;
    top: 5px;
    padding: 8px;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}

.methods_close:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.cc_close {
    position: absolute;
    right: 7px;
    top: 5px;
    padding: 8px;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}

.cc_close:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.method_box {
    display: inline-block;
    width: 100%;
    height: 41px;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
    cursor: pointer;
    border-top: 1px solid transparent;
}

.method_box:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.method_box_second {
    display: inline-block;
    width: 100%;
    height: 41px;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
    cursor: pointer;
    border-top: 1px solid transparent;
}

.method_box_second:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.method_paypal {
    background-image: url(img/pay_icons.png);
    background-position: 15px -116px;
}

.method_stripe {
    background-image: url(img/pay_icons.png);
    background-position: 15px 7px;
}

.method_razorpay {
    background-image: url(img/pay_icons.png);
    background-position: 15px -36px;
}

.method_paytm {
    background-image: url(img/pay_icons.png);
    background-position: 15px -105px;
}

.method_instamojo {
    background-image: url(img/pay_icons.png);
    background-position: 15px -286px;
}

.method_paystack {
    background-image: url(img/pay_icons.png);
    background-position: 15px -300px;
}

.method_iyzico {
    background-image: url(img/pay_icons.png);
    background-position: 15px -160px;
}

.method_bitpay {
    background-image: url(img/pay_icons.png);
    background-position: 15px -233px;
}

.method_authorize {
    background-image: url(img/pay_icons.png);
    background-position: 15px -267px;
}

.methods_wrapper {
    display: inline-block;
    padding: 20px 0px;
    width: 100%;
}

.spm {
    float: left;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    padding-left: 10px;
}

.payment_method_header {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid transparent;
    background-color: #000000;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.icon_method {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
}

.icon_method svg {
    width: 30px;
    height: 30px;
}

.payment_gateway_list_box {
    transition: all .3s;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: auto;
    background-color: #15181c;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    overflow: hidden;
}

.payment_gateways_list_wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    height: 100%;
}

.payment_gateways_fix {
    display: inline-block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999999;
}

.method_credit_card_items {
    transition: all .3s;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: auto;
    background-color: #15181c;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    overflow: hidden;
}

.method_credit_card_box {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    height: 100%;
}

.method_credit_card_details_fixed {
    display: inline-block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99999991;
    display: none;
}

.Szr5J_not_c {
    position: absolute;
    bottom: -41px;
    border-radius: 8px;
    background-color: #ed4956;
    color: #ffffff;
    padding: 3px 5px;
    font-size: 13px;
    font-weight: 400;
    margin: 0 auto;
    max-width: 30px;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
}

.Szr5J_not_c_m {
    position: absolute;
    bottom: -41px;
    border-radius: 8px;
    background-color: #ed4956;
    color: #ffffff;
    padding: 3px 5px;
    font-size: 13px;
    font-weight: 400;
    margin: 0 auto;
    max-width: 30px;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
}

.pro_member_ss {
    position: fixed;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
    max-width: 600px;
    background-color: #15181c;
    margin: auto;
    overflow-y: auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    will-change: top, opacity;
    z-index: 9999999;
    display: block;
    top: 5%;
    transform: scaleX(1) scaleY(1);
    height: 100%;
    height: calc(100% - 5%);
    height: -webkit-calc(100% - 5%);
    height: -moz-calc(100% - 5%);
    height: -o-calc(100% - 5%);
    height: -ms-calc(100% - 5%);
}

.pro_radar_top {
    display: inline-block;
    width: 100%;
    height: 320px;
    background-color: #15181c;
    background-image: url(img/pro.png);
    background-repeat: no-repeat;
    background-size: 130%;
    background-position: center center;
}

.pro_radar {
    cursor: pointer;
    margin: auto auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.promemicon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -10px;
    left: 0px;
}

.promemicon svg {
    width: 40px !important;
    height: 40px !important;
}

.pro_mem_title {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 26px;
    left: 0px;
    padding: 20px;
    font-weight: 300;
    font-size: 30px;
}

.pro_mem_desc {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -5px;
    left: 0px;
    padding: 20px;
    font-weight: 300;
    font-size: 15px;
}

.pro_member_main {
    display: inline-block;
    width: 100%;
    padding: 30px 0px;
}

.pro_member_main_title {
    display: inline-block;
    width: 100%;
    font-weight: 300;
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
}

.pro_member_plains {
    display: inline-block;
    width: 100%;
    padding: 20px 15px;
}

.pro_member_plain_box {
    display: inline-block;
    width: 100%;
    padding: 25px 15px;
    background-color: #15181c;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
    cursor: pointer;
}

.promemberOk {
    display: inline-block;
    width: 100%;
    height: 600px;
    background-image: url(img/pro.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.EDfFK_bif {
    padding-left: 20px !important;
    background-color: #000000 !important;
    border-top: 0px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    display: inline-block !important;
    width: 100% !important;
}

.post_modal_wral_close_co {
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #15181c;
    margin: 0px auto;
    text-align: center;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}

.post-modal-middle-new-post .postButtonItem {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.post-modal-Wrap-new-post {
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    max-width: 665px;
    padding: 9px;
}

.post-modal-middle-new-post {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin: 0;
    display: block;
    width: 100%;
    top: 20%;
    -ms-transform: translateY(-51%);
    -webkit-transform: translateY(-51%);
    -moz-transform: translateY(-51%);
    -o-transform: translateY(-51%);
    transform: translateY(-51%);
    animation-fill-mode: both;
}

.ac_m_send {
    display: inline-block;
    padding: 15px;
    font-weight: 400;
    font-size: 13px;
    color: #f57c00;
}

.verification_send_again {
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: 0px auto;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 25px;
}

.verification_not_yet_note {
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    padding-top: 15px;
}

.verification_not_yet_con {
    display: inline-block;
    width: 100%;
    padding: 15px;
    text-align: center;
}

.verify_email_title {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    padding-top: 25px;
    text-align: center;
}

.verify_email_container {
    width: 100%;
    max-width: 650px;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid rgba(183, 183, 183, 0.1);
    background-color: #15181c;
}

.verify_header {
    display: inline-block;
    width: 100%;
    height: 150px;
    background-color: #000000;
    border-left: 1px solid rgba(183, 183, 183, 0.1);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    border-right: 1px solid rgba(183, 183, 183, 0.1);
    -webkit-border-bottom-right-radius: 200px;
    -webkit-border-bottom-left-radius: 200px;
    -moz-border-radius-bottomright: 200px;
    -moz-border-radius-bottomleft: 200px;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 200px;
}

.verify_ic {
    position: relative;
    margin: 0px auto;
    margin-top: -60px;
    background-color: #15181c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 2px solid rgba(183, 183, 183, 0.1);
    padding: 10px;
    vertical-align: middle;
    display: block;
}

.verification_note {
    display: inline-block;
    width: 100%;
    padding: 15px;
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    padding-top: 25px;
    text-align: center;
}

.closeNew_Iframe {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.popupiframe_header {
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
    font-weight: 500;
    color: #ffffff;
    font-size: 14px;
    background-color: #15181c;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.popup_iframe_container {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    display: none;
}

.popup_iframe_container_in {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #15181c;
}

.popup_iframe_container_in iframe {
    border: none !important;
    outline: none;
    padding: 0px;
    margin: 0px;
}

.theme_container {
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: rgba(183, 183, 183, 0.1);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.t_c_mar {
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    float: left;
    padding: 5px;
}

.tumb_wrap {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

.theme_tumbnail {
    width: 100%;
}

.theme_tumbnail img {
    width: 100%;
    position: relative;
}

.theme_name {
    width: 100%;
    padding: 15px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
}

.pro_price {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50px;
    background-color: #d84315;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    bottom: 80px;
    right: 10px;
    z-index: 1;
}

.theme_footer {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    padding: 10px;
    text-align: center;
    width: 100%;
    background-color: #15181c;
}

.the_theme_footer_button {
    text-transform: uppercase;
    line-height: 30px;
    float: left;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    text-align: center;
    cursor: pointer;
}


/*BBBBBBBB*/

.marketplace_themes_container {
    display: inline-block;
    width: 100%;
    padding: 10px;
}

._81kxQ_Market {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    line-height: 18px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
    overflow: hidden;
    padding-right: 15px;
    text-transform: uppercase;
}

.explores_which {
    position: relative;
    width: 100%;
    max-width: 650px;
    margin: 0px auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.post_text_info_watermark_ex {
    position: relative;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    padding-left: 25px;
    padding-right: 25px;
}

.column-gf {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    margin-top: 17%;
}

.column-video-ex {
    margin-top: 10%;
}

.aud_clr {
    background-color: #15181c;
}

.clr {
    background-color: #000000;
}

.have_text {
    display: inline-block;
    position: absolute;
    top: 10px;
    width: 100%;
    height: 1px;
    left: 0px;
    z-index: 3;
}

.have_text_icon {
    display: block;
    width: 40px;
    height: 40px;
    padding: 8px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    margin: 0px auto;
    cursor: pointer;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
}

.showMoreText_ex {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    text-align: center;
    width: 100%;
    font-weight: 500;
    padding: 10px 0px;
    color: #db3481;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
}

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

.ex_post_comments {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 10px;
}

.ex_post_com_wrp {
    display: inline-block;
    width: 100%;
    height: calc(100% - 122px);
    height: -webkit-calc(100% - 122px);
    height: -o-calc(100% - 122px);
    height: -ms-calc(100% - 122px);
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    overflow: hidden;
    overflow-y: scroll;
    min-height: 341px;
    max-height: 341px;
    width: calc(100% + 15px);
    width: -webkit-calc(100% + 15px);
    width: -o-calc(100% + 15px);
    width: -ms-calc(100% + 15px);
}

.ex_readmore {
    max-height: 371px;
    display: inline-flex;
    align-self: center;
}

.ex_readmore::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0px;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), to(#fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #fff 100%);
}

.ex_text_post_desc {
    position: relative;
    font-size: 1.00em;
	line-height: 120%;
    color: #ffffff;
    padding: 0px 16px;
    padding-top: 15px;
    padding-bottom: 0px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    display: inline-block;
    padding-bottom: 15px;
    width: 100%;
    overflow: hidden;
}

.ex_post_bor_right {
    border-right: 1px solid rgba(183, 183, 183, 0.1);
}

.ex_post_bor_bottom {
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.ex_text_post_title {
    display: inline-block;
    width: 100%;
    font-size: 1.50em;
	line-height: 120%;
    color: #ffffff;
    padding: 15px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.ex_post_wrp {
    display: inline-block;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    position: relative;
    float: left;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ex_text_post_container {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    background-color: #15181c;
    border: 1px solid rgba(183, 183, 183, 0.1);
    min-height: 465px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ex_fix_menu_wrp {
    width: 100%;
    position: fixed;
    bottom: 0px;
    height: 1px;
    z-index: 99;
}

.ex_fix_menu {
    width: 100%;
    max-width: 51px;
    height: 51px;
    margin: 0px auto;
    background-color: #8e24aa;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 8px;
    text-align: center;
    margin-top: -61px;
    cursor: pointer;
    z-index: 1;
}

.ex_men_ic {
    display: inline-block;
}

.ex_me_con {
    width: 100%;
    height: 0px;
    position: absolute;
    border-radius: 0%;
    will-change: transform;
    transform: scale(0);
    transition-duration: .5s;
    left: 0px;
    transform: translateX(0%) translateY(50%);
    bottom: 0px;
    white-space: nowrap;
}

.ex_me_con_active {
    will-change: transform;
    transition-duration: .5s;
    transform: scale(1) !important;
    height: 100% !important;
    border-radius: 0px !important;
    left: 0% !important;
    background-color: #15181c;
    padding: 10px;
    overflow-y: scroll;
}

.ex_in {
    display: inline-block;
    width: 100%;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    background-color: #15181c;
    color: #ffffff;
    font-weight: 500;
    font-size: .95rem;
    vertical-align: middle;
}

.ex_icon svg {
    width: 25px;
    height: 25px;
}

.ex_men_ic_active svg {
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: rotate(5480deg);
    -moz-transform: rotate(5480deg);
    -o-transform: rotate(5480deg);
}

.ex_menu_container {
    width: 100%;
    max-width: 320px;
    height: 0px;
    margin: 0px auto;
    text-align: center;
    margin-top: 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    will-change: transform;
    transition-duration: .5s;
    left: 0px;
    bottom: 0px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
}

.ex_menu_container_active {
    height: 305px;
    margin-top: -329px;
}

.ex_m_post_box {
    display: inline-block;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    padding: 6px;
    float: left;
    margin-top: 5px;
    text-align: left;
    line-height: 20px;
}

.ex_icon {
    position: relative;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    padding-right: 10px;
    border-right: 1px solid rgba(183, 183, 183, 0.1);
    margin-right: 5px;
}

.ex_m_post_box:nth-child(1) {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInUpBig 0.3s ease-in-out 0.3s;
    animation: fadeInUpBig 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_m_post_box:nth-child(2) {
    transition: all 0.35s ease-out;
    -webkit-animation: fadeInUpBig 0.35s ease-in-out 0.35s;
    animation: fadeInUpBig 0.35s ease-in-out 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_m_post_box:nth-child(3) {
    transition: all 0.4s ease-out;
    -webkit-animation: fadeInUpBig 0.4s ease-in-out 0.4s;
    animation: fadeInUpBig 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_m_post_box:nth-child(4) {
    transition: all 0.45s ease-out;
    -webkit-animation: fadeInUpBig 0.45s ease-in-out 0.45s;
    animation: fadeInUpBig 0.45s ease-in-out 0.45s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/****/

.ex_m_post_box:nth-child(5) {
    transition: all 0.45s ease-out;
    -webkit-animation: fadeInUpBig 0.45s ease-in-out 0.645ss;
    animation: fadeInUpBig 0.45s ease-in-out 0.45s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_m_post_box:nth-child(6) {
    transition: all 0.5s ease-out;
    -webkit-animation: fadeInUpBig 0.5s ease-in-out 0.5s;
    animation: fadeInUpBig 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_m_post_box:nth-child(7) {
    transition: all 0.55s ease-out;
    -webkit-animation: fadeInUpBig 0.55s ease-in-out 0.55s;
    animation: fadeInUpBig 0.55s ease-in-out 0.55s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_m_post_box:nth-child(8) {
    transition: all 0.6s ease-out;
    -webkit-animation: fadeInUpBig 0.6s ease-in-out 0.6s;
    animation: fadeInUpBig 0.6s ease-in-out 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/****/

.ex_m_post_box:nth-child(9) {
    transition: all 0.6s ease-out;
    -webkit-animation: fadeInUpBig 0.6s ease-in-out 0.6s;
    animation: fadeInUpBig 0.6s ease-in-out 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_m_post_box:nth-child(10) {
    transition: all 0.65s ease-out;
    -webkit-animation: fadeInUpBig 0.65s ease-in-out 0.65s;
    animation: fadeInUpBig 0.65s ease-in-out 0.65s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_m_post_box:nth-child(11) {
    transition: all 0.7s ease-out;
    -webkit-animation: fadeInUpBig 0.7s ease-in-out 0.7s;
    animation: fadeInUpBig 0.7s ease-in-out 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_m_post_box:nth-child(12) {
    transition: all 0.75s ease-out;
    -webkit-animation: fadeInUpBig 0.75s ease-in-out 0.75s;
    animation: fadeInUpBig 0.75s ease-in-out 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ex_mm {
    display: none;
}

.ex_mm_active {
    display: block;
}

.sr {
    display: inline-block;
    width: 100%;
}

.teytey {
    position: relative;
    font: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    margin-right: 30px;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 234px;
}

.instyle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.resulted_user {
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

.resulted_user:hover {
    background-color: rgba(183, 183, 183, 0.1);
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.product_describee {
    display: inline-block;
    width: 100%;
    max-height: 180px;
    overflow: hidden;
    font-weight: 400;
    font-size: 13px;
    color: #919191;
    padding-top: 8px;
}

.product_titlee {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}

.add_infos {
    display: none;
}

.amani_cargo {
    width: 100%;
    display: inherit;
    vertical-align: middle;
    line-height: 26px;
    font-weight: 500;
    padding-top: 6px;
}

.product_description_con {
    display: inline-block;
    width: 100%;
    background-color: #15181c;
    padding: 8px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid rgba(183, 183, 183, 0.1);
}

.product_image_con {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.product_image_con img {
    width: 100%;
    height: 100%;
}

.product_info_wrapper {
    display: inline-block;
    width: 100%;
}

.product_you {
    clear: right;
    float: right;
    width: 100%;
    max-width: 60%;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
    display: inline-block;
}

.product_friend {
    clear: left;
    float: left;
    width: 100%;
    max-width: 60%;
    border-radius: 4px;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
    display: inline-block;
}

.bfaf_crco {
    padding-top: 0px !important;
}

.bfaf_cr {
    width: 100% !important;
    height: 350px !important;
    max-width: 100% !important;
}

.filebfaf {
    cursor: pointer;
    margin: auto auto;
    width: 100%;
    max-width: 113px;
    height: 36px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    outline: none;
}

.o-bfaf-container {
    position: relative;
    width: 100%;
    height: 400px;
    box-sizing: border-box;
    overflow: hidden;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}

.o-bfaf-container * {
    box-sizing: border-box;
}

.o-bfaf-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.o-bfaf-before-wrapper,
.o-bfaf-after-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.o-bfaf-before-wrapper {
    z-index: 2;
    width: 50%;
}

.o-bfaf-after-wrapper {
    z-index: 1;
}

.o-bfaf-after-wrapper img {
    width: 100%;
}

.o-bfaf-before-caption,
.o-bfaf-after-caption {
    position: absolute;
    margin-top: -15px;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #333;
    padding: 5px 10px;
    left: 10px;
    text-decoration: none;
    opacity: 0.8;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.o-bfaf-caption-hover .o-bfaf-before-caption,
.o-bfaf-caption-hover .o-bfaf-after-caption {
    opacity: 0;
}

.o-bfaf-after-caption {
    left: auto;
    right: 10px;
}

.o-bfaf-caption-position-top .o-bfaf-before-caption,
.o-bfaf-caption-position-top .o-bfaf-after-caption {
    top: 10px;
    margin-top: 0;
}

.o-bfaf-caption-position-bottom .o-bfaf-before-caption,
.o-bfaf-caption-position-bottom .o-bfaf-after-caption {
    top: auto;
    margin-top: 0;
    bottom: 10px;
}

.o-bfaf-container:hover .o-bfaf-before-caption,
.o-bfaf-container:hover .o-bfaf-after-caption {
    opacity: 0.8;
}

.o-bfaf-separator {
    z-index: 10;
    position: absolute;
    width: 44px;
    height: 44px;
    border: solid 2px #fff;
    border-radius: 50%;
    top: 50%;
    margin-top: -22px;
    left: 50%;
    margin-left: -22px;
    cursor: ew-resize;
    -webkit-box-shadow: 0 0 20px rgba(55, 55, 55, 0.8);
    box-shadow: 0 0 20px rgba(55, 55, 55, 0.8);
}

.o-bfaf-before-line {
    bottom: 100%;
}

.o-bfaf-after-line {
    top: 100%;
}

.o-bfaf-before-line,
.o-bfaf-after-line {
    content: "";
    width: 2px;
    position: absolute;
    height: 10000px;
    background-color: #fff;
    left: 50%;
    margin-left: -1.5px;
    -webkit-box-shadow: 0 0 12px rgba(55, 55, 55, 0.5);
    box-shadow: 0 0 12px rgba(55, 55, 55, 0.5);
}

.o-bfaf-before-arrow {
    left: 0;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: inherit;
    border-width: 8px;
    margin-top: -8px;
}

.o-bfaf-after-arrow {
    right: 0;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: inherit;
    border-width: 8px;
    margin-top: -8px;
}

.o-bfaf-vertical .o-bfaf-before-wrapper,
.o-bfaf-vertical .o-bfaf-after-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.o-bfaf-vertical .o-bfaf-before-wrapper {
    z-index: 2;
    width: 100%;
    height: 50%;
}

.o-bfaf-vertical .o-bfaf-after-wrapper {
    z-index: 1;
}

.o-bfaf-vertical .o-bfaf-separator {
    z-index: 10;
    position: absolute;
    width: 44px;
    height: 44px;
    border: solid 2px #fff;
    border-radius: 50%;
    top: 50%;
    margin-top: -22px;
    cursor: n-resize;
}

.o-bfaf-vertical .o-bfaf-before-line {
    bottom: auto;
    right: 100%;
    left: auto;
    margin-left: auto;
}

.o-bfaf-vertical .o-bfaf-after-line {
    top: auto;
    left: 100%;
    margin-left: auto;
}

.o-bfaf-vertical .o-bfaf-before-line,
.o-bfaf-vertical .o-bfaf-after-line {
    content: "";
    width: 10000px;
    position: absolute;
    height: 3px;
    background-color: #fff;
    top: 50%;
    margin-top: -1.5px;
}

.o-bfaf-vertical .o-bfaf-before-arrow {
    top: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: inherit;
    border-width: 8px;
    margin-left: -8px;
    margin-top: 0;
}

.o-bfaf-vertical .o-bfaf-after-arrow {
    bottom: 0;
    top: auto;
    right: auto;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: inherit;
    border-width: 8px;
    margin-left: -8px;
    margin-top: 0;
}

.o-bfaf-vertical .o-bfaf-before-caption,
.o-bfaf-vertical .o-bfaf-after-caption {
    position: absolute;
    top: 10px;
    left: 10px;
    margin-top: auto;
    background-color: rgba(255, 255, 255, 0.9);
    color: #333;
    padding: 5px 10px;
    text-decoration: none;
}

.o-bfaf-vertical .o-bfaf-after-caption {
    top: auto;
    right: auto;
    bottom: 10px;
    left: 10px;
}

.o-bfaf-caption-position-right.o-bfaf-vertical .o-bfaf-before-caption,
.o-bfaf-caption-position-right.o-bfaf-vertical .o-bfaf-after-caption {
    left: auto;
    right: 10px;
}

.o-bfaf-hide-separator .o-bfaf-separator {
    opacity: 0;
}

.o-bfaf-loader {
    position: absolute;
    z-index: 15;
    background-color: rgba(255, 255, 255, 1);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.o-bfaf-lds-ellipsis {
    display: inline-block;
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    margin-left: -32px;
    top: 50%;
    margin-top: -32px;
}

.o-bfaf-lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #58b368;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.o-bfaf-lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: o-bfaf-lds-ellipsis1 0.6s infinite;
}

.o-bfaf-lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: o-bfaf-lds-ellipsis2 0.6s infinite;
}

.o-bfaf-lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: o-bfaf-lds-ellipsis2 0.6s infinite;
}

.o-bfaf-lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: o-bfaf-lds-ellipsis3 0.6s infinite;
}

@keyframes o-bfaf-lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes o-bfaf-lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes o-bfaf-lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}


/*FINISHED NEW*/


/*Version 3.7.7 STARTED*/

.birthDayBoxHeader {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    background-image: url(img/brth.png);
    background-repeat: no-repeat;
    background-position: 0px;
    height: 69px;
    line-height: 69px;
    text-align: center;
}


/*Version 3.7.7 FINISHED*/


/*Versin 3.7.4 STARTED*/

.showHideProduct {
    width: 100%;
    padding: 10px;
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    background-color: #fffef9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.Ppjfr_select {
    display: inline-block;
    padding: 15px;
    width: 100%;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.Ppjfr_select .price_currency .input-field .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: none;
    outline: none;
    height: 1rem;
    width: 100%;
    font-size: 14px;
    margin: 0px !important;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #ffffff;
    padding: 17px 0px;
    text-transform: uppercase;
}

.boost_stat {
    position: absolute;
    top: 18px;
    right: 15px;
    width: 48px;
    height: 24px;
}

.adsOpenCloseText {
    font-weight: 500;
    font-size: 13px;
    color: #6c6c6c;
}

.sponsor_wrap {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0px;
    top: 10px;
    z-index: 5;
}

.sponsor_rot {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.sponsor_rel {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
}

.sponsor_dolar {
    position: absolute;
    top: 12px;
    left: 12px;
}

.see_all_btn {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.see_all_btn a {
    color: #1565c0 !important;
    font-weight: 500;
    font-size: 15px;
}

.price_old {
    width: 100%;
    padding-top: 3px;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase;
}

.product_pr {
    width: 100%;
    padding-top: 12px;
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase;
}

.percentage {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    right: 10px;
}

.percentage_co {
    display: inline-block;
    position: relative;
}

.arrow_percentage {
    background-color: red;
    width: 50px;
    height: 30px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    line-height: 29px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.arrow_percentage:before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    background-color: red;
    z-index: -1;
    transform: rotate(45deg);
    left: -9px;
    top: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

svg {
    vertical-align: middle;
}

.pw_infos {
    color: #ffffff;
    width: 100%;
    display: inline-block;
    padding: 15px;
    padding-bottom: 9px;
}

.product_s_name {
    width: 100%;
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
    color: #ffffff;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    text-transform: capitalize;
}

.products-column {
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

.product_sug {
    display: inline-block;
    width: 100%;
}

.hsvg {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.hm_t {
    line-height: 21px;
    display: inline-block;
}

.title_prod {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 47px;
    color: #ffffff;
    background-color: transparent;
    word-wrap: break-word;
    border: none;
}

.sndsucc {
    position: fixed;
    bottom: 0px;
    margin: 1%;
    left: 0;
    right: 0;
    max-width: 450px;
    font-size: 14px;
    z-index: 99;
}

.newnote_succs {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radiuz: 3px;
    -ms-border-radius: 3px;
    background-color: #43a047;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding: 15px 15px;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -webkit-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -o-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -ms-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInLeft 0.3s ease-in-out 0.3s;
    animation: fadeInLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.f_p_q {
    position: relative;
    display: inline-block;
    margin: 5px 7px 5px 0;
    padding: 7px 15px 8px 12px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #F1F1F1;
    color: #949494;
    line-height: 1.143;
    transition: background .2s;
    cursor: pointer;
    border: 1px solid #E4E4E4;
}

.f_p_q-txt {
    overflow: hidden;
    max-width: 220px;
    margin: 0 0 -4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.143;
    color: #565656;
    margin-right: 5px;
}

.o_product_q_text {
    width: 100%;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #d8dbdf;
    padding: 10px 0px 10px 15px;
}

.fastQuestions {
    width: 100%;
    display: inline-block;
}

.o_product_fat_question {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.o_product_seen {
    display: inline-block;
    float: left;
    vertical-align: middle;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff
}

.o_product_seen svg {
    vertical-align: middle;
}

.prowmh {
    float: right;
}

.alf {
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.sh_prod_wrap {
    width: 100%;
    display: inline-block;
    padding: 10px 0px 0px 10px;
}

.sh_prod {
    float: right;
    padding-right: 10px;
}

.profileRegisteredTime {
    overflow: hidden;
    font: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-size: 13px;
    font-weight: 400;
    float: left;
    display: inline-block;
    padding-right: 10px;
    color: #ffffff;
    margin-left: 12px;
    padding-top: 2px;
}

.o_product_owner_information {
    width: 100%;
    display: inline-block;
}

.o_product_owner_text {
    width: 100%;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #ffffff;
    padding: 10px 0px 10px 15px;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.o_product_map {
    display: inline-block;
    width: 100%;
}

.product_popUp_container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.product_popUp_container::-webkit-scrollbar {
    display: none;
}

.product_pices {
    text-transform: uppercase;
}

.o_product_price {
    position: relative;
    font-weight: 600;
    font-size: 25px;
    color: #ffffff;
    padding: 10px 15px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    overflow: hidden;
    text-transform: uppercase;
}

.o_product_desc strong {
    margin-bottom: 10px;
    margin-top: 5px;
}

.o_product_desc br {
    content: "";
    display: block;
    margin: 5px 0px;
}

.o_product_desc {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    padding: 15px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    overflow: hidden;
}

.o_product_images {
    width: 100%;
    display: inline-block;
}

.out_product_details_container {
    display: inline-block;
    width: 100%;
}

.o_product_detail_name {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 22px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.prduct_close {
    transition: all .5s ease-out;
    -webkit-animation: fadeOutDownBig .5s ease-in-out .5s;
    animation: fadeOutDownBig .5s ease-in-out .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.closeProductDetails {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.product_header {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.product_header_icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 6px;
    float: left;
}

.product_name_short {
    width: 100%;
    max-width: 250px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
    padding-left: 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.product_wr {
    width: 100%;
    display: inline-block;
    border: 1px solid rgba(183, 183, 183, 0.1);
    background-color: #15181c;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    min-height: 600px;
}

.product_popUp_wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, .6);
    z-index: 999999;
}

.product_popUp_container {
    width: 100%;
    max-width: 600px;
    height: 100%;
    margin: 0px auto;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    overflow-x: hidden;
}

.prdct_in {
    transition: all .3s ease-out;
    -webkit-animation: fadeInUpBig .5s ease-in-out .5s;
    animation: fadeInUpBig .5s ease-in-out .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.product_category {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 0px;
}

.product_category a {
    color: #ffffff;
}

.product_more a {
    color: #ffffff;
}

.product_price svg {
    vertical-align: middle;
    display: inline-block;
}

.product_more {
    width: 100%;
    display: inline-block;
    padding: 15px 10px;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.product_price {
    display: inline-block;
    text-transform: uppercase;
    float: left;
    padding-left: 5px;
}

.go_product {
    position: absolute;
    right: 25px;
    top: 30px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    vertical-align: middle;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.product_post_title {
    position: relative;
    font-weight: 400;
    font-size: 25px;
    color: #ffffff;
    padding: 15px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.product_post_description {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    color: #8a99a4;
    padding: 15px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    overflow: hidden;
}

.block-with-text {
    overflow: hidden;
    position: relative;
    max-height: 84px;
    padding-right: 40px;
    padding-left: 1em;
}

.block-with-text:before {
    content: '...';
    position: absolute;
    right: 20px;
    bottom: 0;
}

.block-with-text:after {
    content: '';
    position: absolute;
    right: 20px;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
}

.product_post_description strong {
    margin-bottom: 10px;
    margin-top: 5px;
}

.product_post_description br {
    content: "";
    display: block !important;
    line-height: 14px !important;
    margin-bottom: 1rem !important;
}

.m_pst {
    position: absolute;
    z-index: 1;
    background-color: #f9a825 !important;
    width: 25px;
    height: 25px;
    top: -13px;
    left: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 5px;
}

.post_text_info br {
    content: "";
    display: block;
    line-height: 7px;
}

.price_title {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 47px;
    background-color: transparent;
    color: #71a830;
    word-wrap: break-word;
    border: none;
}

.price_input_box {
    display: inline-block;
}

.price_currency {
    display: block;
    width: 140px;
}

.note_market_ed {
    width: 100%;
    font-size: 12px;
    color: #ffffff;
}

.note_helper {
    width: 100%;
    font-size: 12px;
    color: #ffffff;
    margin-bottom: 10px;
}

.boost_budget {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    word-wrap: break-word;
    border: none;
    border: 1px solid rgba(183, 183, 183, 0.1);
    margin: 17px 0px;
    padding: 10px 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    background-color:transparent;
}

.currency {
    display: none;
}

.price_currency .input-field .select-wrapper ul li span {
    text-transform: uppercase;
    color: #ffffff;
}

.price_currency .input-field .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: none;
    outline: none; 
    width: 100%;
    font-size: 17px;
    margin: 0px !important;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #ffffff;
    padding: 17px 0px;
    text-transform: uppercase;
}

.price_currency .input-field {
    margin: 0px !important;
}

.price_currency .input-field .select-wrapper svg {
    position: absolute;
    right: 7px;
    top: 6px;
    color: #ffffff;
    z-index: 1;
}

.select_product_category {
    position: relative;
    width: 100%;
    line-height: 47px;
    word-wrap: break-word;
    border: none;
    cursor: pointer;
    display: inline-block;
    color: #ffffff;
}

.prih {
    display: inline-block;
}

.prih svg {
    vertical-align: middle;
    padding-right: 10px;
    width: 30px;
}

.mProductCategoryWrapper {
    float: left;
    width: 100%;
    padding: 15px 10px;
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
}

.mProductCategoryWrapper:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.mProductCategoryWrapper:not(:last-child) {
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.product_Image_btn {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 2px dotted rgba(183, 183, 183, 0.1);
    z-index: 1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

.svg_btn {
    position: relative;
    padding: 5px;
}

.ordered_prod_incargo {
    animation: myanim 3s infinite;
}

@keyframes myanim {
    20% {
        border-color: #fb8c00;
    }
}

@-webkit-keyframes myanim {
    20% {
        border-color: #fb8c00;
    }
}

@-moz-keyframes myanim {
    20% {
        border-color: #fb8c00;
    }
}

@-o-keyframes myanim {
    20% {
        border-color: #fb8c00;
    }
}

.askDeliveryStatus {
    border-top: 1px solid #d8dbdf;
    margin-top: 10px;
    padding-left: 10px;
}

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

.reqir {
    display: block;
    width: 100%;
    max-width: 330px;
    margin: 0px auto;
    text-align: center;
}

.reqirtex {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding-top: 20px;
    color: #ffffff;
}

.required_note {
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-left: 3px solid #e53935;
    background-color: #15181c;
    -webkit-box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.14), 0 0px 10px -20px rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.14), 0 0px 10px -20px rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.2);
    padding: 9px;
    color: #e53935;
    font-weight: 500;
    font-size: 14px;
}

.pro_item_box_lsttime {
    display: inline-block;
    width: 100%;
    padding: 0px 15px 15px 15px;
}

.amountinpt {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 39px;
    line-height: 29px;
    color: #757575;
    word-wrap: break-word;
    border: none;
    background-color: #000000;
    border-bottom: 1px solid #72caaf;
    margin-top: 15px;
    padding: 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    text-align: center;
}

.online_offline_status {
    position: absolute;
    border: 1px solid #49a34d;
    font-weight: 600;
    font-size: 9px;
    bottom: -8px;
    z-index: 3;
    padding: 1px 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #000000;
    color: #07ff11;
    left: 13px;
}

.online_offline_status_offline {
    position: absolute;
    border: 1px solid #ff2c22;
    font-weight: 600;
    font-size: 9px;
    bottom: -8px;
    z-index: 1;
    padding: 1px 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    background-color: #000000;
    color: #fff1f1;
    left: 13px;
    display: block;
}

.o_c {
    font-size: 13px;
    text-indent: 61px;
    line-height: 23px;
    font-weight: 600;
    color: #a8a8a8;
}

.onofinnf {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #5d5e60;
    text-align: center;
}

.pro_item_box_lsttime_in {
    display: inline-block;
    width: 100%;
    padding: 17px 17px 7px 17px;
    background-color: #000000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
}

.ckbx-style-8 input[type=checkbox][disabled]+label {
    cursor: not-allowed
}

.lastSeenOpenClose {
    display: inline-block;
    width: 100%;
}

.lastSeenItem {
    display: block;
    float: left;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
    line-height: 23px;
    text-transform: uppercase;
}

.lastSeenCheck {
    display: block;
    width: 100%;
    max-width: 50px;
    height: 28px;
    margin: 0px auto;
}

.textAlignLeft {
    text-align: left;
}

.textAlignRight {
    text-align: right;
}

.search_user_filter_title svg {
    margin-right: 8px;
}

.search_user_filter_wrap_list {
    width: 100%;
    padding: 30px 0px;
    display: inline-block;
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    bottom: 0px;
    top: 50px;
}

.search_user_filter_item_box {
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
}

.youarenopro {
    display: block;
    width: 100%;
    max-width: 550px;
    margin: 0px auto;
    padding: 20px;
    margin-top: 100px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
}

.bcm {
    color: #ffffff;
    cursor: pointer;
    text-decoration: underline;
    border-bottom: 1px dotted rgba(183, 183, 183, .1);
}

.mobile_bottomMenuContainer {
    width: 100%;
    height: 0px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 6;
}

.mobile_bottomMenuIn {
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    padding: 10px;
    background-color: blue;
    position: relative;
}

.mobile_bottomMenuMain {
    position: absolute;
    width: 100%;
    height: 100px;
    top: -40px;
    left: 0px;
    bottom: 0px;
    background-color: #15181c;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    z-index: 999999;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    border: 1px solid rgba(183, 183, 183, .1);
}

.mobile_bottomMenuWrapper {
    display: block;
    width: 100%;
    position: relative;
}

.mobile_bottomMenuItemWrapper {
    display: block;
    float: left;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    position: relative;
    cursor: pointer;
}

.mobile_bottomMenuItemWrapper:hover {
    background-color: #000000;
}

.mobile_itemIcon {
    display: block;
    width: 30px;
    height: 100%;
    margin: 0px auto;
    padding: 6px 0px;
}

.mobile_rotateHorizontal {
    transform: rotateY(180deg);
}

.chatSidebar:hover .chatSidebarWrapper .boxesContainer .chu_box_user_name {
    display: block !important;
}

.chatSidebar:hover .chatSidebarWrapper .boxesContainer .chu_box_user_name {
    width: auto;
}

.p_prst {
    position: absolute;
    z-index: 1;
    left: 41px;
    top: 7px;
}

.p_prst svg {
    width: 18px;
    height: 18px;
}

.infoProfileAvatar_Out {
    width: 100px;
    height: 100px;
    margin: 0px auto;
}

.prmem {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 0px;
}

.bet_youmaynowusers {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

.ymnyt {
    display: inline-block;
    width: 100%;
    padding: 8px 0px;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
    font-size: 13px;
    line-height: 29px;
}

.ymnyt svg {
    width: 28px;
    height: 28px;
}

.showUsersHere {
    display: inline-block;
    width: 100%;
}

.showUsersHere .swiper-container .swiper-wrapper .myNowUserWrp {
    display: inline-block;
    width: 150px !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    overflow: hidden !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 150px;
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

.showUsersHere .swiper-container {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    position: relative;
}

.showUsersHere .swiper-container .swiper-wrapper .swiper-slide {
    font-size: 18px;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ymnytpr {
    display: inline-block;
    width: 100%;
    padding: 8px 0px;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
    font-size: 13px;
    vertical-align: middle;
    line-height: 20px;
    color: #dc494e;
    text-align: right;
    cursor: pointer;
}

.icon_f_play {
    cursor: pointer;
    margin: auto auto;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.modalNewMarket {
    max-height: calc(100% - 100px);
    max-height: -webkit-calc(100% - 100px);
    max-height: -o-calc(100% - 100px);
    max-height: -ms-calc(100% - 100px);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid #e6e6e6;
    width: 100%;
    max-width: 450px;
    z-index: 99;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0);
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0);
    background-color: #fff;
}

.c_market_wrapper {
    display: inline-block;
    padding: 20px 15px;
    width: 100%;
}

.alrtt {
    font-weight: 500;
    font-size: 13px;
    color: #db1a1a;
}

.noteBox_alert {
    background-color: #e64a19;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border: 1px solid #e64a19;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    position: relative;
}

.iconexcla {
    float: left;
    margin-right: 5px;
}

.exclanote {
    float: left;
    padding-top: 3px;
    padding-right: 15px;
}

.noteeBox_alert_close {
    display: block;
    right: 5px;
    top: 5px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.clsCon {
    display: inline-block;
    width: 100%;
    padding-top: 5px;
}

.clsTour {
    color: #ffffff !important;
    padding: 5px 8px;
    text-align: center;
    font-weight: 300;
    font-size: 13px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 3px;
}

@-moz-keyframes pcompleteProgress {
    from {
        width: 0%;
    }
}

@-webkit-keyframes pcompleteProgress {
    from {
        width: 0%;
    }
}

@keyframes pcompleteProgress {
    from {
        width: 0%;
    }
}

.completeBox {
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
}

.completeText {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    padding-left: 5px;
    color: #1565c0;
}

.birthday_boxText {
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    padding: 10px;
    color: #1565c0;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer;
}

.birthday_boxText:hover {
    background-color: rgba(183, 183, 183, 0.1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.notcompleteText {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    padding-left: 5px;
    color: #e74c3c;
}

.notcompleteText:hover {
    text-decoration: underline;
}

.dnf svg {
    width: 28px;
    height: 28px;
}

.dnb svg {
    width: 20px;
    height: 20px;
}

.payment_failed {
    width: 100px;
    height: 100px;
    margin: 0px auto;
}

.rmvi svg {
    width: 20px;
    height: 20px;
}

.methods_close svg,
.cc_close svg {
    width: 25px;
    height: 25px;
}

.closeProductDetails svg,
.closeNews svg,
.closeevList svg {
    width: 30px;
    height: 30px;
}

.f_p_q svg {
    width: 15px;
    height: 15px;
}

.news_post_create svg {
    width: 50px;
    height: 50px;
}

.closeNewsinf {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: rgba(255, 255, 255, .8);
    padding: 5px;
}

.announcement_container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 20px;
    cursor: pointer;
}

.newAnnouncement {
    display: block;
    width: 100%;
    vertical-align: middle;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 10px;
}

.newAnnouncementicon {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
}

.newAnnouncementicon svg {
    width: 40px;
    height: 40px;
}

.newAnnouncementTitle {
    display: block;
    float: left;
    line-height: 40px;
    padding-left: 10px;
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
}

.announceDetails {
    display: inline-block;
    width: 100%;
    padding: 10px;
    background-color: #15181c;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-top: -2px;
}

.announcet {
    position: relative;
    font-weight: 400;
    font-size: 25px;
    color: #ffffff;
    padding: 15px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    width: 100%;
}

.announcei {
    position: relative;
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    padding: 0px 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    display: inline-block;
    padding-bottom: 15px;
    width: 100%;
    padding-top: 10px;
    line-height: 1.6rem;
}

.announcei mark {
    background: rgba(245, 235, 111, 0.29);
    padding: 3px 0;
}

.announcei code {
    background: rgba(250, 239, 240, 0.78);
    color: #b44437;
    padding: 3px 4px;
    border-radius: 5px;
    margin: 0 1px;
    font-family: inherit;
    font-size: 0.86em;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.announceTime {
    background: rgba(250, 239, 240, 0.78);
    padding: 3px 4px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 0.86em;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-left: 15px;
    display: inline-block;
}

.announceFooter {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

.announceiSaw {
    display: block;
    float: right;
    text-decoration: none;
    color: #fff;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
    font-size: 14px;
    outline: 0;
    border: none;
    border-radius: 2px;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    text-transform: uppercase;
    vertical-align: middle;
}

.showAnnouncement {
    float: right;
    width: 25px;
    padding-top: 5px;
    margin-right: 15px;
}

.showingAnnounce {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: 65% 50%;
}


/*Version 3.7.4 FINISHED*/


/*New Left Sidebar STARTED*/

.note_1,
.note_2,
.note_3,
.note_4,
.note_5,
.note_6,
.note_7,
.note_8,
.note_9,
.note_10,
.note_11,
.note_12,
.note_13,
.note_14,
.note_15 {
    position: fixed;
    bottom: 0px;
    margin: 1%;
    left: 0;
    right: 0;
    max-width: 450px;
    font-size: 14px;
    z-index: 999;
    display: none;
}

.newWarningDisplay {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    background-color: #e53935;
    color: #ffffff;
    text-align: center;
    padding: 15px 15px;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -webkit-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -o-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -ms-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInLeft 0.3s ease-in-out 0.3s;
    animation: fadeInLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.newnote_3 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    background-color: #6d4c41;
    color: #ffffff;
    text-align: center;
    padding: 15px 15px;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -webkit-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -o-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -ms-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInLeft 0.3s ease-in-out 0.3s;
    animation: fadeInLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.newnote_4 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    background-color: #757575;
    color: #ffffff;
    text-align: center;
    padding: 15px 15px;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -webkit-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -o-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -ms-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInLeft 0.3s ease-in-out 0.3s;
    animation: fadeInLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.newnote_7 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    background-color: #8e24aa;
    color: #ffffff;
    text-align: center;
    padding: 15px 15px;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -webkit-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -o-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -ms-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInLeft 0.3s ease-in-out 0.3s;
    animation: fadeInLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.newnote_8 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    background-color: #1E88E5;
    color: #ffffff;
    text-align: center;
    padding: 15px 15px;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -webkit-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -o-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -ms-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInLeft 0.3s ease-in-out 0.3s;
    animation: fadeInLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.newnote_9 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    background-color: #B71C1C;
    color: #ffffff;
    text-align: center;
    padding: 15px 15px;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -webkit-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -o-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -ms-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInLeft 0.3s ease-in-out 0.3s;
    animation: fadeInLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.newWarningNoteDisplay {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    background-color: #f57c00;
    color: #ffffff;
    text-align: center;
    padding: 15px 15px;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -webkit-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -o-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -ms-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInLeft 0.3s ease-in-out 0.3s;
    animation: fadeInLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.newOk {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    margin-bottom: 30px;
    background-color: #43a047;
    color: #ffffff;
    text-align: center;
    padding: 30px 15px;
    position: fixed;
    bottom: 0px;
    margin: 1% auto;
    left: 0;
    right: 0;
    max-width: 450px;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -webkit-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -o-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    -ms-box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
    font-size: 14px;
    z-index: 1;
}

.leftSidebar {
    display: inline-block;
    height: 100%;
    max-width: 360px;
    position: relative;
    z-index: 11;
}

.leftSidebar_ab {
    position: relative;
    width: 100%;
    height: calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
    height: -ms-calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 0px;
    top: 0px;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}

.leftSidebar_ab::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.leftSidebar_wrapper {
    width: 100%;
    display: inline-block;
    padding: 8px;
}


/*New Left Sidebar FINISHED*/


/*New Right Chat Widget STARTED*/

.chatSidebar {
    display: inline-block;
    right: 0px;
    margin-left: auto;
    width: 100%;
    max-width: 360px;
    height: 100%;
    z-index: 9;
}

.chatSidebarWrapper {
position: absolute;
width: 100%;
height: calc(100vh - 60px);
height: -webkit-calc(100vh - 60px);
height: -moz-calc(100vh - 60px);
height: -o-calc(100vh - 60px);
height: -ms-calc(100vh - 60px);
overflow-y: auto;
overflow-x: hidden;
bottom: 0px;
top: 60px;
padding-bottom: 60px;
}

.boxesContainer {
    width: 100%;
    display: inline-block;
}

.chu_box {
    display: inline-block;
    width: 100%;
}

.chu_box_user {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    width: 100%;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
}

.chu_box_user:hover {
    background-color: rgba(183, 183, 183, 0.1);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.chu_box_user_avatar {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.chu_box_avatar {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.chu_box_user_name {
    display: inline-block;
    font-weight: 600;
    font-size: 0.9rem;
    color: #ffffff;
    line-height: 42px;
    padding-left: 10px;
}

.chu_box_user_last_seen {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 15px;
}

.theLastSeenTime {
    border-radius: 2px;
    color: #ffffff;
    padding: 0 2px;
    font-weight: 600;
    font-size: 11px;
}

.globalChatBoxHeader {
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
    text-indent: 12px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 1;
    background-color: #000000;
}

.chu_on {
    width: 6px;
    height: 6px;
    margin-top: 5px;
    background-color: #0C6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.noChatUserfoundHere {
    display: inline-block;
    width: 100%;
    padding: 20px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1rem;
    color: #c2c3c5;
}

.o_chat_box_container {
    position: fixed;
    z-index: 9999999;
    right: 22%;
    bottom: 0;
    height: calc(100% - 89px);
    min-height: 250px;
    max-height: 450px;
    transition: all 0.2s ease-out;
    -webkit-animation: slideInUp 0.2s ease-in-out 0.2s;
    animation: slideInUp 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.prelo {
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0px;
    top: 0px;
}

.prelo .progress {
    position: relative;
    height: 2px;
    display: block;
    width: 100%;
    background-color: #1e88e5;
    border-radius: 2px;
    margin: 0rem 0 0rem 0;
    overflow: hidden;
}

.clsmini {
    transition: all 0.2s ease-out;
    -webkit-animation: slideOutDown 0.2s ease-in-out 0.2s;
    animation: slideOutDown 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.o_chat_box_wrapper {
    position: relative;
    width: 328px;
    height: 100%;
    transform: none;
    font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    opacity: 1;
    background-color: #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.o_chat_header {
    display: inline-block;
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid #000000;
}

.o_chat_header_in {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    position: relative;
}

.o_chat_header_options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    white-space: nowrap;
    float: right;
    width: calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    width: -o-calc(100% - 32px);
    width: -ms-calc(100% - 32px);
}

.o_chat_user_unuf {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    line-height: 40px;
    font-weight: 500;
    font-size: 13px;
    text-indent: 5px;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #ffffff
}

.o_chat_user_unuf a {
    color: #ffffff;
}

.o_chat_user_unuf:hover a {
    color: #ffffff;
    text-decoration: underline;
}

.o_chat_other_options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    white-space: nowrap;
}

.o_others_op {
    float: right;
    padding: 5px;
    margin-top: 3px;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    padding-left: 5px;
}

.o_other_i_wrapper_min {
    padding: 5px;
    margin-right: 2px;
    margin-top: 2px;
}

.o_others_op:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.o_others_op_mini {
    float: right;
    margin-top: 3px;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    padding-left: 5px;
}

.o_others_op_mini:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.closeminichat .mnsv svg {
    width: 24px;
    height: 24px;
}

.o_other_i_wrapper {
    padding-top: 5px;
}

.o_others_op svg {
    width: 23px;
    height: 23px;
}

._fl2 li .o_others_op {}

._fl2 li .o_others_op .o_other_i_wrapper svg {
    width: 25px;
    height: 25px;
}

.o_chat_middle {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.o_chat_footer {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid transparent;
    background-color: #15181c;
}

.o_chat_posts {
    display: inline-block;
    overflow: auto;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.o_chat_conversations {
    padding: 10px 8px;
    width: 100%;
}

.o_chat_footer_items {
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.o_chat_message_textarea {
    display: inline-block;
    width: 100%;
}

.o_chat_send_message {
    width: 100%;
    border: none;
    outline: none;
    resize: none !important;
    max-height: 200px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    background-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-texts-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
}

.o_chat_message_types {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    background: transparent;
}

.o_chat_message_types_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 0px;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.o_chat_message_send_box {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 24px;
    padding-right: 5px;
    box-sizing: content-box;
}

.send_msg_icon {
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.send_msg_icon svg {
    width: 25px;
    height: 25px;
}

.send_msg_icon_other {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

.send_msg_icon_other svg {
    width: 22px;
    height: 22px;
}

.o_chat_user_unuf a {
    color: #ffffff !important;
}

.you_mini {
    clear: right;
    float: right;
    max-width: 95%;
    word-wrap: break-word;
    border-radius: 4px;
    border-bottom-left-radius: 1.3em;
    border-top-left-radius: 1.3em;
    margin: 1px 0;
    padding: 6px 12px;
    font-family: inherit;
    background-color: #15181c;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3rem;
}

.friend_mini {
    clear: left;
    float: left;
    max-width: 95%;
    word-wrap: break-word;
    border-radius: 4px;
    border-bottom-right-radius: 1.3em;
    border-top-right-radius: 1.3em;
    margin: 1px 0;
    padding: 6px 12px;
    font-family: inherit;
    background-color: rgba(183, 183, 183, 0.2);
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3rem;
}

.image_you_mini {
    clear: right;
    float: right;
    width: 100%;
    max-width: 75%;
    border-radius: 4px;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
}

.image_friend_mini {
    clear: right;
    float: left;
    width: 100%;
    max-width: 75%;
    border-radius: 4px;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
}

.video_you_mini {
    clear: right;
    float: right;
    width: 100%;
    max-width: 60%;
    border-radius: 4px;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
}

.video_friend_mini {
    clear: left;
    float: left;
    width: 100%;
    max-width: 60%;
    border-radius: 4px;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
}

.video_you_mini .videoNew {
    width: 100%;
    max-width: 100% !important;
    overflow: hidden;
    border-radius: 10px;
}

.video_friend_mini .videoNew {
    width: 100%;
    max-width: 100% !important;
    overflow: hidden;
    border-radius: 10px;
}

.unreadMessageCount {
    position: absolute;
    padding: 2px 3px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #ed4956;
    color: #ffffff;
    right: 20px;
    font-size: 11px;
    top: 13px;
}

.cropTypeisGif {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    background-color: #fff3e0;
    color: #ffffff;
}


/*New Right Chat Widget FINISHED*/

.audioWrapper {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}

.player_aud {
        width: 100%;
        height: 20px;
        margin-top: 5px;
        background: #eee;border-radius: 5px;color: #00ff99;
        border: 1px solid #85a2ff; /* Параметры рамки */
        box-shadow: 0 0 9px #85a2ff; /* Параметры тени */
        z-index: 0;
}

.simg .mejs__container {
    margin: 5px 0px;
}

.pls {
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(231, 76, 60, 0.4);
    animation: plspulse 2s infinite;
}

@-webkit-keyframes plspulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(231, 76, 60, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
    }
}

@keyframes plspulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.4);
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(231, 76, 60, 0);
        box-shadow: 0 0 0 10px rgba(231, 76, 60, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
    }
}

#audio {
    width: 100%;
    border-radius: 3px;
    background-color: #0081ff;
}

.recordVoice {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 8;
    float: right;
}

.commentFastButtons {
    display: inline-block;
    padding: 10px;
    padding-top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    ;
}

.theTransLateAnimation::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    -webkit-animation: phAnimation 0.8s linear infinite;
    animation: phAnimation 0.8s linear infinite;
    background: linear-gradient(to right, #fafafa6b 46%, #fafafa6e 50%, #fafafaeb 54%) 50% 50%;
}

@-webkit-keyframes phAnimation {
    0% {
        transform: translate3d(-30%, 0, 0);
    }
    100% {
        transform: translate3d(30%, 0, 0);
    }
}

@keyframes phAnimation {
    0% {
        transform: translate3d(-30%, 0, 0);
    }
    100% {
        transform: translate3d(30%, 0, 0);
    }
}

.wmtNntr {
    margin-left: 5px;
    margin-right: -8px;
}

.prearrow {
    line-height: 34px;
    font-size: 17px;
    color: #8a99a4;
    text-align: center;
    display: inline-block;
    margin-left: 9px;
    vertical-align: middle;
    float: left;
}

.dislikeCount {
    line-height: 35px;
    padding-left: 6px;
    color: #8e24aa;
    vertical-align: middle;
    font-weight: inherit;
    font-size: inherit;
    font-size: 14px;
    font-weight: 500;
    float: left;
}

.dCJp8tr {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dCJp8tr:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.feeling_emoji_img {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 10px;
}

.feeling-status-box {
    display: inline-block;
    padding: 10px;
    line-height: 25px;
    vertical-align: middle;
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    background-color: #15181c;
}

.feeling_list_wrap {
    width: 100%;
    padding: 0px 0px;
    display: inline-block;
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: -o-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: -ms-calc(100% - 50px);
    overflow: auto;
}

.feeling_list_wrap .collapsible {
    border: none !important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

.collapsible-body {
    border: none !important;
    padding: 0px !important;
    overflow: auto;
}

.feeling-box {
    position: relative;
    width: 100%;
    width: calc(100% / 1 - 0px);
    width: -webkit-calc(100% / 1 - 0px);
    width: -moz-calc(100% / 1 - 0px);
    width: -o-calc(100% / 1 - 0px);
    padding: 15px 0px;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    background-color: #000000;
    line-height: 20px;
    display: inline-block;
    color: #ffffff;
}

.feeling-box:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.feeling-box img {
    margin-left: 10px;
    margin-right: 6px;
    width: 28px;
    height: 28px;
    vertical-align: middle;
}

.feeling-activity {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
}

.u-feeling {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: #ffffff;
    line-height: 33px;
}

.feeling-activity .emoji {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.remove_fus {
    position: absolute;
    right: 0px;
    width: 20px;
    height: 20px;
    top: 3px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    cursor: pointer;
}

.ch_feeling {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: 55px;
    top: 20px;
    cursor: pointer;
    padding: 4px;
}

.popUpPreLoaderWrapl {
    position: fixed;
    z-index: 99999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    opacity: 1;
}

.popUpPreLoaderWrapl .progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #3e99ed;
    border-radius: 2px;
    margin: 0px !important;
    overflow: hidden;
}

.bold_morning {
    font-weight: 500 !important;
    font-size: 14px !important;
}

.mor_note {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}

.showMoreTexts {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    text-align: center;
    width: 100%;
    font-weight: 500;
    padding: 10px 0px;
    color: #db3481;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
}

.dCJp8sh {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dCJp8sh:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.dCJpS:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.post-share-modal-header {
    padding: 15px 15px;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    display: inline-block;
    width: 100%;
    font-weight: 600;
    color: #ffffff;
}

.eo2Ash {
    padding-left: 5px !important;
}

.dCJpS {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.post_text_container_shared {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    padding: 15px;
    padding-bottom: 0px;
    background-color: rgb(62 47 79);
}

.post_text_info_share {
    position: relative;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    padding: 0px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    display: inline-block;
    padding-bottom: 15px;
    padding-top: 10px;
    width: 100%;
    border-left: 4px solid rgba(183, 183, 183, 0.1);
}

.post_title_share {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    padding: 6px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    border-left: 4px solid rgba(183, 183, 183, 0.1);
    text-transform: capitalize;
}

.share-modal {
    display: block;
    width: 600px;
    max-width: 100%;
    height: 400px;
    max-height: 100%;
    position: fixed;
    z-index: 999999999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #15181c;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid rgba(183, 183, 183, 0.1);
}

.post-modal-footer {
    display: inline-block;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.post_share_box_footer {
    position: relative;
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.share-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.6);
}

.share-modal-wrapper {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    height: calc(100% - 103px);
    height: -webkit-calc(100% - 103px);
    height: -o-calc(100% - 103px);
    height: -ms-calc(100% - 103px);
    height: -moz-calc(100% - 103px);
}

.sh_post_information {
    position: relative;
    width: 100%;
    display: inline-block;
}

.votePeopleSum {
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 4;
    left: 0px;
}

.show_hide_other_days {
    position: absolute;
    right: 10px;
    width: 24px;
    height: 24px;
    bottom: 7px;
    cursor: pointer;
}

.center_me {
    position: relative;
    margin: 0px auto;
    background-color: #15181c;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    max-width: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    padding: 4px;
    box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.33);
    -o-box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.33);
}

.weather_wrapper {
    position: relative;
    width: 100%;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 30px;
    background-image: url(img/weather.png);
    background-size: cover;
    background-position: center center;
}

.wetherHeder {
    width: 100%;
    padding: 15px;
    display: inline-block;
}

.leftRight_weather {
    width: 100%;
    float: left;
    display: inline-block;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
}

.weatherTodayDetails {
    width: 100%;
    color: #ffffff;
    font-weight: 300;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    padding: 5px 0px;
}

.bold_big {
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
}

.bold_big_text {
    font-weight: 500;
    font-size: 25px;
    line-height: 35px;
}

.otherWeathers {
    width: 100%;
    padding: 15px;
    display: none;
}

.wso {
    display: block;
}

.degree {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.otherWeather {
    width: 100%;
    padding: 5px 0px;
    display: inline-block;
}

.other_weather_detail {
    width: 100%;
    float: left;
    display: inline-block;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    vertical-align: middle;
    line-height: 30px;
}

.rgg {
    float: right;
}

.wind_icon {
    width: 15px;
    height: 15px;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.wind_icon img {
    width: 100%;
    position: relative;
}

.wind_icon_o {
    width: 30px;
    height: 30px;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.wind_icon_o img {
    width: 100%;
    position: relative;
}

.leftRight_weather img {
    width: 100%;
    position: relative;
}

.Szr5JMini {
    white-space: nowrap;
    display: none;
}

.embedVideo {
    position: fixed;
    top: 90px;
    right: 24%;
    width: 100%;
    max-width: 345px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    height: 195px;
    background-color: #15181c;
    box-shadow: 0 2px 13px rgba(0, 0, 0, .5);
    z-index: 9;
}

.close_frame {
    width: 30px;
    height: 30px;
    background-color: #000000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    right: -10px;
    top: -10px;
    position: absolute;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease-out;
    -webkit-animation: zoomIn 0.3s ease-in-out 0.3s;
    animation: zoomIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.openVideoEmbed {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInRightBig 0.3s ease-in-out 0.3s;
    animation: fadeInRightBig 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.closeVideoEmbed {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeOutRightBig 0.3s ease-in-out 0.3s;
    animation: fadeOutRightBig 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.yt_frame {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
}

.embedVideo:hover .close_frame {
    display: block;
}

.uMnUsrS_ads {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    border: 1px solid rgba(183, 183, 183, 0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 30px;
    overflow: hidden;
}

.headerAdsArea {
    width: 100%;
    max-width: 728px;
    margin: 0px auto;
    margin-bottom: 20px;
    background-color: #15181c;
    float: left;
    display: inline-block;
}

.mesLoad {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.mesLoad .progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 2px;
    margin: 0.5rem 0 1rem 0;
    overflow: hidden;
}

.mesLoad .progress .indeterminate {
    background-color: #1289E0;
}

.messageBox_body .noMoreConversation {
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    position: relative;
    display: inline-block;
    padding: 15px;
    background-color: #ff9700;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
}

.rightUpIcon {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    padding: 7px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #15181c;
    border: 1px solid transparent;
    cursor: pointer;
}

.rightUpIcon svg {
    width: 30px;
    height: 30px;
}


/*Event Page STARTED*/

.bmg {
    width: 100%;
    height: 50px;
    display: inline-block;
    border: 2px solid #000000;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    line-height: 44px;
    text-transform: capitalize;
    color: #8a99a4;
}

.customizationWrapper_main {
    width: 100%;
    display: inline-block;
}

.EventCoverContainer:hover .EventCover .uploadNewCover {
    display: block;
}

.inviterAnswer_BtnWrapper {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.btn svg {
    margin-top: 7px;
}

.no_event_founded {
    width: 100%;
    padding-top: 100px;
    display: inline-block;
}

.no_found_wrap {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
}

.no_found_icon {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.no_found_text {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #8a99a4;
    text-transform: uppercase;
}

.box_event_wrapper {
    position: relative;
    float: left;
    display: inline-block;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    width: -moz-calc(100% / 3 - 0px);
    padding: 3px;
}

.box_event_cover {
    width: 100%;
    display: block;
    height: 200px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.box_event_time_wrapper {
    height: 50px;
    padding-top: 4px;
    width: 50px;
    white-space: nowrap;
    word-wrap: normal;
    float: left;
}

._5a4z,
._5a4- {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.box_event_month,
.box_event_day {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.box_event_month {
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
}

.box_event_day {
    font-weight: 300;
    font-size: 14px;
    color: #fa3e3e;
    padding-top: 3px;
}

.box_event_inf_wrapper {
    border-left: 1px solid #f5f5f5;
    padding-left: 10px;
    height: 40px;
}

.created_events_container {
    width: 100%;
    display: inline-block;
    padding-top: 15px;
    height: 1000px;
}

.event_results {
    width: 100%;
    max-width: 1010px;
    margin: 0px auto;
    display: block;
}

.box_event_information_wrapper {
    width: 100%;
    background-color: #15181c;
    padding: 10px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: inline-block;
}

.box_event_name {
    width: 100%;
    display: block;
    padding-bottom: 3px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
}

.box_event_other {
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #90949c;
}

.event_going_intersted {
    width: 100%;
    padding: 10px;
    border-bottom: f5f5f5;
    display: inline-block;
}

.egi {
    float: left;
    width: 100%;
    text-align: center;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    padding-left: 5px;
    padding-right: 5px;
}

.lSAction>a {
    background-color: #000 !important;
    border-radius: 50% !important;
}

.lSAction>.lSPrev {
    background-position: 2px 1px !important;
    left: 0 !important;
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 0px;
}

.lSPager {
    display: none !important;
}

.theModern .chip>img {
    float: left;
    margin: 4px 8px 0px -5px;
    height: 25px;
    width: 25px;
    border-radius: unset !important;
}

.main_event {
    padding-top: 90px;
    background-color: #000000;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    position: relative;
}

.event_type_container {
    width: 100%;
    display: inline-block;
}

.event_all_types {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.comti {
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
}

.event_s_b {
    width: 100%;
    padding: 10px 15px;
    background-color: #15181c;
    font-weight: 500;
    font-size: 14px;
    text-transform: inherit;
    color: #ffffff;
    vertical-align: middle;
    display: inline-block;
    line-height: 25px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.event_s_b_i {
    display: inline-flex;
    align-self: center;
    vertical-align: middle;
}

.event_s_b_i svg,
.event_s_b_i img {
    height: 1.5em;
    width: 1.5em;
}

.event_s_b_i.baseline svg,
.event_s_b_i img {
    top: -0.1em;
    position: relative;
}

.shareonwall {
    width: 100%;
    padding: 16px 14px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
}

.t_page {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
}

.t_page a {
    color: #1e88e5 !important;
    text-decoration: none;
}

.sharedFrom {
    display: inline-block;
    width: 100%;
    padding-left: 30px;
}

.the_page_icon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}

.page_right_container {
    display: inline-block;
    width: 100%;
    max-width: 650px;
}

.invite_friends_results {
    width: 100%;
    display: inline-block;
    padding: 0px;
}

.result_friend_user {
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.inviteyourfriends {
    width: 100%;
    padding: 16px 14px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
}

.user_viewerName {
    text-decoration: none;
    color: #3E5878;
}

.user_viewerName a {
    text-decoration: none;
    color: #ffffff;
}

.invitebtnfr {
    position: absolute;
    right: 10px;
    top: 9px;
}

.user_viewerName {
    text-transform: capitalize;
}

.event_selected {
    display: none;
    width: 100%;
    padding: 10px;
}

.chooseEventCover {
    display: none;
    width: 100%;
    padding: 10px;
}

.removeThiseventCover {
    position: absolute;
    width: 27px;
    height: 27px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid #ffffff;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 5px;
}

.selected_event_cover {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-height: 300px;
    min-height: 300px;
    max-width: 100%;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.cover_pbwg8U {
    position: relative;
    float: left;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -moz-calc(100% / 3 - 0px);
    padding: 5px;
}

.cover_jjzlbU {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.cover_exPexU {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.selected_event {
    width: 25px !important;
    margin: 10px;
}

.event_post_container {
    width: 100%;
    display: inline-block;
    background-color: #15181c;
}

.event_post_cover {
    width: 100%;
    display: inline-block;
}

.event_post_cover img {
    width: 100%;
}

.event_post_details_box {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.event_post_time {
    width: 100%;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #e04c60;
    line-height: 11px;
    text-transform: uppercase;
    white-space: nowrap;
    text-transform: uppercase;
}

.event_post_name {
    width: 100%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    text-transform: uppercase;
    display: inline-block;
}

.event_post_name a {
    color: #ffffff !important;
}

.event_post_information {
    width: 100%;
    padding-bottom: 10px;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #ffffff;
}

.event_post_image {
    width: 100%;
    display: inline-block;
}

.event_post_image_icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 2px solid rgba(183, 183, 183, .1);
    padding: 4px;
}

.event_post_image_icon img {
    width: 100%;
}

.event_post_tip_name {
    padding-bottom: 10px;
    float: left;
    line-height: 30px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}

.event_post_location {
    width: 100%;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}

.event_day_time {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
    display: inline-block;
    line-height: 20px;
}

.ev_i {
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.ev_i img {
    width: 100%;
}

.post-modal-middle-filter {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    background-color: #15181c;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(183, 183, 183, 0.1);
}

.description {
    max-height: 250px !important;
}

.set_the_input label span {
    font-size: 14px !important;
    font-weight: 400;
}

.set_padding-left {
    padding-left: 10px;
}

.closeevList {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.event_item_detail_key {
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    padding-left: 15px;
    color:#ffffff;
}

.event_item_detail_icon img {
    width: 100%;
}

.event_item_detail_icon {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.event_item_details {
    width: 100%;
    display: inline-block;
    width: calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    padding: 10px;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    cursor: pointer;
}

.event_list_item_container {
    width: 100%;
    display: inline-block;
}

.event_all_list_wrapper {
    position: absolute;
    width: 100%;
    flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    bottom: 0px;
    height: calc(100% - 53px);
    height: -webkit-calc(100% - 53px);
    height: -moz-calc(100% - 53px);
    height: -ms-calc(100% - 53px);
    height: -o-calc(100% - 53px);
    overflow: auto;
    overflow-x: hidden;
}

.event_list_container {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: #15181c;
    height: 400px;
    z-index: 3;
}

.event_list_header {
    width: 100%;
    padding: 18px;
    background-color: #000000;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}

.event_list_back {
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
}

.ev_ctgry {
    cursor: pointer;
}

.event_name {
    display: inline-block;
    float: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    padding-left: 15px;
    color: #ffffff
}

.event_type {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
    float: left;
}

.event_type img {
    width: 100%;
}

.see_all {
    width: 100%;
    padding-top: 10px;
    text-align: center;
    color: #1e88e5;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.see_all:hover {
    text-decoration: underline;
}

.page_user-item {
    position: relative;
    float: left;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -moz-calc(100% / 3 - 0px);
    padding: 1px;
}

.page_user-item-box {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.page_user-item-img {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.event_desc {
    font-size: 0.95em;
	line-height: 150%;
    color: #ffffff;
    padding: 0px 15px;
}

.invite_btn {
    position: absolute;
    right: 23px;
    top: 12px;
    height: 30px;
}

.can_invite_user_body {
    position: relative;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 8px 15px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: pointer;
}

.can_invite_user_body:hover {
    background-color: #15181c;
    border-bottom: 1px solid rgba(183, 183, 183, .1);
    border-top: 1px solid rgba(183, 183, 183, .1);
}

.invite_friends_box {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

.invite_input {
    border: 1px solid rgba(183, 183, 183, .1);
    width: 100%;
    outline: none;
    padding: 13px;
    padding-right: 40px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    background-color: transparent;
}

.the_absolute_right_icon {
    width: 30px;
    height: 30px;
    right: 23px;
    top: 21px;
    position: absolute;
    z-index: 1;
}

.deep_orange_color {
    color: #039be5 !important;
}

.event_times {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 0px;
}

.event_time {
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    padding: 10px 0px;
}

.doubleBox {
    float: left;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    display: inline-block;
    text-align: center;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
}

.thepageBtnBox {
    float: left;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    display: inline-block;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
}

.doubleBox_titles {
    float: left;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 10px;
}

.box_left_border {
    border-left: 1px solidrgba(183, 183, 183, .1);
}

.box_bottom_border {
    border-bottom: 1px solid rgba(183, 183, 183, .1);
}

.page_global_inbox {
    width: 100%;
    display: inline-block;
    padding: 15px 0px;
}

.page_global_inbox_help {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.page_global_user_box {
    width: 100%;
    display: inline-block;
    padding-bottom: 15px;
    border-top: 1px solid rgba(183, 183, 183, .1);
    background-color: #fcfcfc;
}

.page_left_box {
    display: inline-block;
    width: 100%;
    max-width: 350px;
    margin-right: 9px;
}

.page_general_box {
    width: 100%;
    padding-top: 25px;
}

.pgbox {
    width: 100%;
    padding-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.box_cover {
    width: 100%;
    max-width: 1010px;
    margin: 0px auto;
    margin-top: 85px;
}

.EventCoverContainer {
    width: 100%;
    display: inline-block;
}

.EventCover {
    float: left;
    max-height: 300px;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
}

.EventTime {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 15px;
    left: 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 2px solid rgba(183, 183, 183, .1);
    background-color: rgba(0, 0, 0, 0.35);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.timeDay {
    float: left;
    width: 100%;
    padding: 8px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 30px;
}

.timeMounth {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}

.EventName {
	background: #00000050;
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0px;
    text-align: left;
    font-weight: 600;
    font-size: 1.55em;
	line-height: 120%;
    color: #FFF;
    margin-top: -65px;
    text-indent: 120px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .8);
}

.cvr_page {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-height: 300px;
    min-height: 300px;
    max-width: 100%;
    width: 100%;
    border: 1px solid rgba(183, 183, 183, .1);
}


/*Event Page FINISHED*/


/*Event Feature STARTED*/

.newp_itemBox {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.set_the_input {
    -webkit-flex-basis: 0px;
    -ms-flex-preferred-size: 0px;
    flex-basis: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 1px;
    color: #ffffff;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.column_input_in {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    height: 49px;
    padding: 0 10px;
    -webkit-appearance: none;
    line-height: 18px;
    outline: none;
    border: 0px;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    text-transform: lowercase;
}

.column_input_in:hover {
    background-color: rgba(183, 183, 183, 0.1) !important;
}

.column_input_in:not([type]):focus:not([readonly]),
.column_input_in:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #3E99ED;
    -webkit-box-shadow: 0 1px 0 0 #3E99ED;
    box-shadow: 0 1px 0 0 #3E99ED;
}

.set_the_input .modal {
    background-color: #15181c !important;
}

.input_title {
    position: relative;
    width: 100%;
    padding: 7px 0px;
    font-weight: 500;
    font-size: 14px;
    float: left;
    color: #9e9e9e;
}

.newp_itemBox .input-field {
    position: relative;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.event_column_textarea {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    height: 60px;
    padding: 12px 15px;
    resize: vertical;
    outline: none;
    border: 0px;
    border-bottom: 1px solid transparent;
    width: 100%;
    max-width: 600px;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.event_column_textarea:hover {
    background-color: rgba(183, 183, 183, 0.1) !important;
}

.event_column_textarea:not([type]):focus:not([readonly]),
.event_column_textarea:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #3E99ED;
    -webkit-box-shadow: 0 1px 0 0 #3E99ED;
    box-shadow: 0 1px 0 0 #3E99ED;
}

.datepicker-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 280px;
    margin: 0 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

.select-month select {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 5px;
    border: 1px solid #15181c;
    border-radius: 2px;
    height: 3rem;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    display: none;
}

.select-year select {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 5px;
    border: 1px solid #15181c;
    border-radius: 2px;
    height: 3rem;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    display: none;
}

body .dropdown-content {
    background-color: #15181c !important;
    margin: 0 !important;
    display: none;
    min-width: 100px !important;
    overflow-y: auto !important;
    opacity: 0;
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 999999 !important;
    -webkit-transform-origin: 0 0 !important;
    transform-origin: 0 0 !important;
}

body .select-dropdown::after {
    background-image: none;
}

ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
}
body .dropdown-content li:hover, .dropdown-content li.active {
background-color: rgba(183,183,183, .1) !important;
}
.datepicker-controls .select-year input {
    width: 50px;
}

.select-month {
    display: block;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.select-year {
    display: block;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.datepicker-controls .selects-container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: column;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    position: relative;
}

.confirmation-btns {
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.timepicker-text-container {
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-direction: normal;
}

.timepicker-display-am-pm {
    font-size: 1.3rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    font-weight: 400;
    top: 1rem;
}

.timepicker-span-am-pm {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
}

.right_float {
    float: right;
}


/*Event Feature FINISHED*/


/*Which Image Post STARTED*/

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

.iconre {
    display: inline-flex;
    align-self: center;
    margin-left: 5px;
}

.iconre svg,
.iconre img {
    height: 1em;
    width: 1em;
    fill: currentColor;
}

.iconre.baseline svg,
.iconre img {
    top: .125em;
    position: relative;
}

.readmore {
    max-height: 175px;
    overflow: hidden;
}

.showMoreText {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    text-align: center;
    width: 100%;
    font-weight: 500;
    padding: 10px 0px;
    color: #db3481;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
}

.readmore::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0px;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000000 100%);
}

.filew {
    cursor: pointer;
    margin: auto auto;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    outline: none;
}

.flwct {
    opacity: 0;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.removeThis {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 4;
    cursor: pointer;
}

.clone {
    padding: 1px;
}

.whichimg-item {
    position: relative;
    float: left;
    width: calc(100% / 1 - 0px);
    width: -webkit-calc(100% / 1 -0px);
    width: -moz-calc(100% / 1 -0px);
    padding: 1px;
}

.whichimg-item-box {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.whichimg-item-img {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.whichImageUpload {
    position: relative;
    float: left;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    padding: 0px;
    display: inline-block;
}

.global_post_box .whichImageUpload:nth-child(1) {
    padding-right: 1px;
}

.global_post_box .whichImageUpload:nth-child(2) {
    padding-left: 1px;
}

.ct-selected {
    background-color: #1e88e5 !important;
    border: 1px solid #1e88e5 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.categorieslistBox {
    padding-left: 5px;
}

.writesomethingwht {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 47px;
    color: #ffffff;
    background-color: transparent;
    word-wrap: break-word;
    border: none;
    padding: 8px 15px;
}

.writesomethingwh {
    position: relative;
    outline: none;
    resize: none;
    border: none;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    background-color: transparent !important;
    width: 100%;
    color: #ffffff;
    word-wrap: break-word;
    min-height: 80px;
    padding: 8px 15px;
}

.hashtag_wt {
    position: relative;
    outline: none;
    border: none;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    width: 100%;
    color: #ffffff;
    background-color: transparent;
    word-wrap: break-word;
    line-height: 30px;
    padding: 8px 15px;
}

.write_post_informationwh {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px 0px;
}

.categoryName {
    padding: 8px 12px;
    border: 1px solid rgba(183, 183, 183, 0.1);
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    margin-right: 8px !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.countBox:nth-child(1) .voteCount {
    left: 0px;
}

.countBox:nth-child(2) .voteCount {
    right: 0px;
}

.voteCount {
    position: absolute;
    padding: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    background-color: #278f64;
    top: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 -8px 20px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 -8px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 -8px 20px rgba(0, 0, 0, .1);
}

.countBox {
    width: 100%;
    float: left;
    display: inline-block;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
}

.prog-colm-which {
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0px;
}

.whichImageHeart {
    width: 50px;
    height: 50px;
    margin: 0px auto;
    background-color: #15181c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50px;
    display: block;
    padding-top: 8px;
    padding-left: 7px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.whicImage_precent_heart {
    width: 100%;
    display: inline-block;
    padding: 15px;
    margin-top: -40px;
}

.whichImagesBox {
    display: inherit;
    overflow: hidden;
}

.whichImage {
    position: relative;
    float: left;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    padding: 0px;
}

.whichImagesBox .whichImage:nth-child(1) {
    padding-right: 1px;
}

.whichImagesBox .whichImage:nth-child(2) {
    padding-left: 1px;
}

.whichImageBox {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.whichImageBox_hide {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}


/*Which Image Post FINISHED*/


/*WaterMark Post Styles STARTED*/

.focus-textarea {
    width: 100%;
}

.post_text_info_watermark {
    position: relative;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    display: inline-block;
    width: 100%;
    padding: 175px 27px;
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    background-repeat: no-repeat;
    background-size: cover;
}

.watermarkListcontainer {
    width: 100%;
    bottom: 0px;
    display: inline-block;
    overflow: hidden;
    padding: 10px;
}

.watermark-item-column {
    display: inline-block;
    padding: 5px 0px;
}

.watermark-item {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
}

.htw {
    padding: 10px 16px;
}

.write_post_informationw {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 0px;
}

.white_place {
    position: relative;
    outline: none;
    resize: none;
    border: none;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    width: 100%;
    word-wrap: break-word;
    text-align: center;
    background-color: transparent !important;
    color: rgb(0, 0, 0);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2em;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 80px;
}

.black_place {
    position: relative;
    outline: none;
    resize: none;
    border: none;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    width: 100%;
    word-wrap: break-word;
    text-align: center;
    background-color: transparent !important;
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2em;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 80px;
}

.white_place::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(0, 0, 0);
    opacity: 1;
    /* Firefox */
}

.white_place:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgb(0, 0, 0);
}

.white_place::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgb(0, 0, 0);
}

.black_place::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(255, 255, 255);
    opacity: 1;
    /* Firefox */
}

.black_place:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgb(255, 255, 255);
}

.black_place::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgb(255, 255, 255);
}


/*WaterMark Post Style FINISHED*/


/*Crop STARTED*/

.crop-avatar-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0px;
    display: none;
}

.crop-avatar-wrapper {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    height: 100%;
    overflow: auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.crop-avatar-modal-middle {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    background-color: #15181c;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.crop_avatar_header {
    width: 100%;
    padding: 20px 0px 20px 15px;
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    z-index: 2;
    background-color: #15181c;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.closeavatarCrop {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.cropier_container {
    overflow-x: hidden;
    display: inline-block;
    width: 100%;
    padding-top: 40px;
}

.crop_middle {
    width: 100%;
    margin: 0px auto;
}

.crop_avatar_box_footer {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
}

.crop-Cover-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0px;
    display: none;
}

.crop-Cover-wrapper {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    height: 100%;
    overflow: auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.crop-Cover-modal-middle {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    background-color: #15181c;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(183, 183, 183, 0.1);
}

.crop_Cover_header {
    width: 100%;
    padding: 20px 0px 20px 15px;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, .0975);
    text-transform: uppercase;
    color: #3f3f3f;
    font-weight: 500;
    font-size: 14px;
    z-index: 2;
    background-color: #f5f5f5;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.closeCoverCrop {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.cropier_container {
    overflow-x: hidden;
    display: inline-block;
    width: 100%;
    padding-top: 40px;
}

.crop_middle_cover {
    width: 100%;
    margin: 0px auto;
}

.crop_Cover_box_footer {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
}

.crop_middle_cover .croppie-container .cr-boundary .cr-viewport {
    border: 0px solid transparent;
}

.fixedAvatarBackground,
.fixedCoverBackground,
.fixedBackground {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99999;
    display: none;
}


/*Crop FINISHED*/


/*news ST*/

.aU2HW a img {
    width: 100%;
}

.commentitem_time {
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
}

.closeGifBox {
    display: none;
}

.resultsGifs {
    display: inline-block;
    width: 100%;
}

.fastGifs {
    display: inline-block;
    width: 100%;
}

.stickers_header {
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.searchGiphyBox {
    width: 100%;
    padding: 10px;
    display: inline-block;
}

.postGif {
    width: 100%;
    padding: 12px 15px;
    font-weight: 500;
    font-size: .95rem;
    color: #ffffff;
    border-radius: 30px;
    border: 1px solid transparent;
    background-color: #15181c;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    outline: none;
}

.postGif:focus {
    background-color: transparent;
    border: 1px solid rgba(183, 183, 183, 0.1);
}

.closeGifBox {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    padding: 4px;
    top: 4px;
}

.not_iconWrap {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 5px;
}

.locationPlaceText {
    width: 100%;
    padding: 15px 16px;
    font-weight: 400;
    font-size: 25px;
    color: #ffffff;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    background-color: rgba(250, 250, 250, 0.5);
}

.locationPlaceText_info {
    width: 100%;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    padding: 15px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    background-color: rgba(250, 250, 250, 0.5);
}

.placeLocationFrame {
    display: inline-block;
    width: 100%;
}

.gif_jjzlbU {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.gif_jjzlbU img {
    width: 100%;
}

.anotherOne {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    cursor: pointer;
}

.imagegifpreview {
    position: relative;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    background-color: #15181c;
}

.no-gif-found {
    width: 100%;
    display: inline-block;
    padding: 50px 0px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #8a99a4;
}

.selectedGifImage {
    display: inline-block;
    width: 100%;
    padding: 10px;
    overflow: hidden;
}

.selectedGifImage img {
    width: 100%;
}

.gif_box {
    line-height: 0;
    -webkit-column-count: 3;
    -webkit-column-gap: 0px;
    -moz-column-count: 3;
    -moz-column-gap: 0px;
    column-count: 3;
    column-gap: 0px;
}

.newgiphyImagesHere {
    display: inline-block;
    overflow: auto;
    max-height: 350px;
}

.giphyimages img {
    width: 100%;
    vertical-align: middle;
}

.imageGiphy {
    padding: 1px;
    cursor: pointer;
}

.gifSearch {
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
}

.giphy_ {
    position: relative;
    outline: none;
    border: none;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    width: 100%;
    color: #ffffff;
    word-wrap: break-word;
    background-color: transparent;
    line-height: 21px;
    margin-bottom: 10px;
}

.selectedFooter {
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding: 8px;
    padding-right: 15px;
    background-color: #15181c;
    z-index: 1;
}

.selectedFooter .control.right_btn {
    text-align: right;
}

.hidm {
    font-weight: 500;
}

.cliked {
    width: 24px;
    height: 24px;
    display: inherit;
}

.fixedBackground_two {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, .8);
    z-index: 99999;
}

.colorListWrapper {
    width: 100%;
    height: calc(100% - 103px);
    height: -webkit-calc(100% - 103px);
    height: -moz-calc(100% - 103px);
    height: -o-calc(100% - 103px);
    height: -ms-calc(100% - 103px);
    position: absolute;
    left: 0px;
    top: 51px;
    overflow: auto;
}

.customizationWrapper {
    float: left;
    display: inline-block;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
}

.selectedColorContainer {
    width: 100%;
    display: inline-block;
}

.selectedBgColor {
    width: 100%;
    height: 50px;
    display: inline-block;
    border: 2px solid #15181c;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    line-height: 44px;
    color: #ffffff;
}

.app-customization-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0px;
}

.app-customization-wrapper {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    height: 100%;
    overflow: auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

.searchicon__ {
    padding: 6px;
    border-radius: 50%;
    cursor: pointer;
    display: inherit;
    position: absolute;
}

.old_search__ {
    width: 100%;
    background-color: #15181c;
    display: inline-block;
    margin-bottom: 15px;
}

.searchBoxIputContainer {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.SearchResultHere {
    width: 100%;
    background-color: #15181c;
    display: inline-block;
}

.newSearch {
    width: 100%;
    outline: none;
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 15px 10px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    text-indent: 35px;
}

.postMenuicon {
    height: 30px;
    width: 30px;
    margin-right: 8px;
    padding-top: 3px;
}

.postMenuicon svg {
    width: 23px;
    height: 23px;
}

.notLinkp {
    position: relative;
    display: inherit;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin-right: 30px;
}

.notCol {
    color: #ffffff;
}

.friendRequestBox a {
    color: #ffffff;
}

.statusPostContainer {
    width: 100%;
    max-width: 650px;
    margin: 0px auto;
}

.noPostFounded {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
}

.noPostFounded img {
    width: 100%;
}

.favw {
    display: inline-block;
}

.dCJp9 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dCJp9:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.fixedBackground {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99999;
}

.social_share_buttons_container {
    position: fixed;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 0px;
    width: 100%;
    max-width: 500px;
    height: 400px;
    background-color: #000000;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    z-index: 999999;
    box-shadow: rgba(72, 76, 89, 0.2) 0px -4px 9px 0px;
}

.shareonSocial {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.shareonSocialHeader {
    width: 100%;
    padding: 15px;
    background-color: #15181c;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: 600;
    color: #ffffff;
}

.share_buttons_wrap {
    width: 100%;
    padding: 30px 10px;
    display: inline-block;
}

.socialShareButtonItem {
    display: inline-block;
    float: left;
    padding: 10px;
    width: 100%;
    width: calc(100% / 5 - 0px);
    width: -webkit-calc(100% / 5 - 0px);
    width: -moz-calc(100% / 5 - 0px);
    width: -o-calc(100% / 5 - 0px);
    width: -ms-calc(100% / 5 - 0px);
}

.socialItem {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #15181c;
    margin: 0px auto;
    padding: 10px;
}

.socialItem_icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
}

.socialsharename {
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
}

.close_icon_sv {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    right: 10px;
    padding: 8px;
    top: 5px;
    cursor: pointer;
}

.close_icon_sv:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.collapsible-header {
    background-color: #18151c !important;
    border-bottom: 1px solid #18151c !important;
    color: #ffffff !important;
}

.openSocial {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInUp 0.3s ease-in-out 0.3s;
    animation: fadeInUp 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.closeSocial {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeOutDown 0.3s ease-in-out 0.3s;
    animation: fadeOutDown 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*news FN*/


/*Video Feature STARTED*/

.icon_utuNew {
    background-image: url(icons/_xTrqPutu.png);
    background-repeat: no-repeat;
}

.float_video_c {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #f76e6e;
    margin-top: 10px;
    display: block;
    right: 10px;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-position: -91px 0px;
    background-repeat: no-repeat;
}

.float_video_cl {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #748089;
    margin-top: -8.5px;
    display: block;
    right: -8px;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-position: -112px 0px;
    background-repeat: no-repeat;
}

.floated_video_container {
    position: fixed;
    width: 300px !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #15181c;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    left: 50%;
    bottom: 20px;
    transform: translateX(163px) translateY(0px) !important;
    -webkit-transform: translateX(163px) translateY(0px) !important;
    -moz-transform: translateX(163px) translateY(0px) !important;
    -o-transform: translateX(163px) translateY(0px) !important;
    z-index: 12;
}

.floated_video_header {
    height: 60px;
    padding: 10px 11px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    border-left: 1px solid rgba(183, 183, 183, 0.1);
    border-right: 1px solid rgba(183, 183, 183, 0.1);
}

.put_it_Bag {
    border: 2px dashed #000000;
    background-color: #15181c;
}

.putitbagtext {
    width: 200px;
    margin: 0 auto;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    color: #ffffff;
    text-align: center;
}

.putitbackicon {
    background-repeat: no-repeat;
    background-position: -138px 0px;
    width: 25px;
    height: 25px;
    margin: 0px auto;
}

.putitbacktext {
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
}

.floatedVideo {
    border-left: 1px solid rgba(183, 183, 183, 0.1);
    border-right: 1px solid rgba(183, 183, 183, 0.1);
}

.floatedVideoPostFooter {
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 10px;
    border-left: 1px solid rgba(183, 183, 183, 0.1);
    border-right: 1px solid rgba(183, 183, 183, 0.1);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}


/*Video Feature FINISHED*/


/*New Post Feature STARTED*/

.news_post_box_container {
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.news_post_create {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    float: left;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.createNewPost_two_change {
    line-height: 26px !important;
    padding: 10px;
}

.createNewPost_two {
    display: inline-block;
    color: #ffffff;
    line-height: 46px;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    background-color: rgba(183, 183, 183, 0.1);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
}

.verifiedUser_blue {
    right: 1px;
    display: inline-block;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.ppos_modal {
    width: 100%;
    display: none;
    padding-top: 15px;
}

.postTypesButtons {
    width: 100%;
    display: inline-block;
}

.changeTheSize {
    width: 26px;
    height: 26px;
    margin-right: 3px;
    background-size: 26px;
}

.postButtonItem {
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    display: inline-block;
    float: left;
    cursor: pointer;
    padding: 3px;
}

.postbuttonItemSwrp {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 5px 10px;
    transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
}

.postbuttonItemSwrp:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}

.postbuttonItemSvgWrapper {
    float: left;
    display: inline-block;
}

.postbuttonItemSvgWrapper svg {
    width: 25px;
    height: 25px;
}

.postbuttonTypeText {
    display: inline-block;
    padding-left: 10px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
}

.postbutton:not(:last-child) {
    margin-left: 5px;
}

.postButtonItem:nth-child(1) {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtoniconText {
    background-color: #cebf29;
}

.postButtonItem:nth-child(2) {
    transition: all 0.35s ease-out;
    -webkit-animation: fadeIn 0.35s ease-in-out 0.35s;
    animation: fadeIn 0.35s ease-in-out 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtoniconImage {
    background-color: #d65039;
}

.postButtonItem:nth-child(3) {
    transition: all 0.4s ease-out;
    -webkit-animation: fadeIn 0.4s ease-in-out 0.4s;
    animation: fadeIn 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtoniconVideo {
    background-color: #67717b;
}

.postButtonItem:nth-child(4) {
    transition: all 0.45s ease-out;
    -webkit-animation: fadeIn 0.45s ease-in-out 0.45s;
    animation: fadeIn 0.45s ease-in-out 0.45s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtoniconAudio {
    background-color: #ff9800;
}

.postButtonItem:nth-child(5) {
    transition: all 0.5s ease-out;
    -webkit-animation: fadeIn 0.5s ease-in-out 0.5s;
    animation: fadeIn 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtoniconLink {
    background-color: #4ab37c;
}

.postButtonItem:nth-child(6) {
    transition: all 0.55s ease-out;
    -webkit-animation: fadeIn 0.55s ease-in-out 0.55s;
    animation: fadeIn 0.55s ease-in-out 0.55s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtoniconFilter {
    background-color: #191919;
}

.postButtonItem:nth-child(7) {
    transition: all 0.6s ease-out;
    -webkit-animation: fadeIn 0.6s ease-in-out 0.6s;
    animation: fadeIn 0.6s ease-in-out 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItem:nth-child(8) {
    transition: all 0.65s ease-out;
    -webkit-animation: fadeIn 0.65s ease-in-out 0.65s;
    animation: fadeIn 0.65s ease-in-out 0.65s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItem:nth-child(9) {
    transition: all 0.7s ease-out;
    -webkit-animation: fadeIn 0.7s ease-in-out 0.7s;
    animation: fadeIn 0.7s ease-in-out 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItem:nth-child(10) {
    transition: all 0.75s ease-out;
    -webkit-animation: fadeIn 0.75s ease-in-out 0.75s;
    animation: fadeIn 0.75s ease-in-out 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItem:nth-child(11) {
    transition: all 0.8s ease-out;
    -webkit-animation: fadeIn 0.8s ease-in-out 0.8s;
    animation: fadeIn 0.8s ease-in-out 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItem:nth-child(12) {
    transition: all 0.85s ease-out;
    -webkit-animation: fadeIn 0.85s ease-in-out 0.85s;
    animation: fadeIn 0.85s ease-in-out 0.85s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(1) {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeOutUpBig 0.3s ease-in-out 0.3s;
    animation: fadeOutUpBig 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(2) {
    transition: all 0.35s ease-out;
    -webkit-animation: fadeOutUpBig 0.35s ease-in-out 0.35s;
    animation: fadeOutUpBig 0.35s ease-in-out 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(3) {
    transition: all 0.4s ease-out;
    -webkit-animation: fadeOutUpBig 0.4s ease-in-out 0.4s;
    animation: fadeOutUpBig 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(4) {
    transition: all 0.45s ease-out;
    -webkit-animation: fadeOutUpBig 0.45s ease-in-out 0.45s;
    animation: fadeOutUpBig 0.45s ease-in-out 0.45s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(5) {
    transition: all 0.5s ease-out;
    -webkit-animation: fadeOutUpBig 0.5s ease-in-out 0.5s;
    animation: fadeOutUpBig 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(6) {
    transition: all 0.55s ease-out;
    -webkit-animation: fadeOutUpBig 0.55s ease-in-out 0.55s;
    animation: fadeOutUpBig 0.55s ease-in-out 0.55s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(7) {
    transition: all 0.6s ease-out;
    -webkit-animation: fadeOutUpBig 0.6s ease-in-out 0.6s;
    animation: fadeOutUpBig 0.6s ease-in-out 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(8) {
    transition: all 0.65s ease-out;
    -webkit-animation: fadeOutUpBig 0.65s ease-in-out 0.65s;
    animation: fadeOutUpBig 0.65s ease-in-out 0.65s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(9) {
    transition: all 0.7s ease-out;
    -webkit-animation: fadeOutUpBig 0.7s ease-in-out 0.7s;
    animation: fadeOutUpBig 0.7s ease-in-out 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(10) {
    transition: all 0.75s ease-out;
    -webkit-animation: fadeOutUpBig 0.75s ease-in-out 0.75s;
    animation: fadeOutUpBig 0.75s ease-in-out 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(11) {
    transition: all 0.8s ease-out;
    -webkit-animation: fadeOutUpBig 0.8s ease-in-out 0.8s;
    animation: fadeOutUpBig 0.8s ease-in-out 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postButtonItemOut:nth-child(12) {
    transition: all 0.85s ease-out;
    -webkit-animation: fadeOutUpBig 0.85s ease-in-out 0.85s;
    animation: fadeOutUpBig 0.85s ease-in-out 0.85s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bgP {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
    top: 0px;
    left: 0px;
    z-index: 18;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInDown 0.3s ease-in-out 0.3s;
    animation: fadeInDown 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bgPremove {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeOutUp 0.3s ease-in-out 0.3s;
    animation: fadeOutUp 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*New Post Feature FINISHED*/

.setTime {
    color: #ffffff;
    background-color: #d8dbdf;
    padding: 10px;
    text-align: center;
    font-family: helvetica;
    font-size: 13px;
    font-weight: 400;
    border-radius: 3px;
    border-bottom: 3px solid #bcbcbc;
}

.setTime:active {
    border-bottom: 0px solid #bcbcbc;
    bottom: -3px;
}

.setTimeContainer {
    position: fixed;
    z-index: 9999999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.setTimeWrapper {
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 345px;
}

.time-modal-middle {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    transition: all 0.15s ease-out;
    -webkit-animation: zoomIn 0.15s ease-in-out 0.15s;
    animation: zoomIn 0.15s ease-in-out 0.15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #15181c;
    border-radius: 3px;
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.05), 0 12px 15px 0 rgba(0, 0, 0, 0.11);
    padding: 22px 24px 20px 24px;
}

.timerContainer p label span {
    color: #ffffff;
}

.selfDestructMessage {
    color: #ffffff !important;
    background-color: #ef6c00 !important;
}

.timeheader {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

.timerContainer {
    padding-top: 15px;
    width: 100%;
    display: inline-block;
}

.setTimeWrapperBody {
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 600px;
}

.timerContainerTwo {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    transition: all 0.15s ease-out;
    -webkit-animation: zoomIn 0.15s ease-in-out 0.15s;
    animation: zoomIn 0.15s ease-in-out 0.15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.05), 0 12px 15px 0 rgba(0, 0, 0, 0.11);
    padding: 22px 24px 20px 24px;
}

#downtime {
    float: left;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    right: 10px;
    font-weight: 600;
}

.destructionmessagebody {
    width: 100%;
    display: inline-block;
    padding: 15px 0px;
}

.Szr5JCh {
    text-indent: 110%;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.Szr5JChC {
    text-indent: 110%;
    white-space: nowrap;
    max-width: 100%;
    position: relative;
}

.file_item {
    width: 100%;
    max-width: 300px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border: 1px solid #d8dbdf;
    padding: 10px;
    display: inline-block;
    background-color: #2c4651;
}

.file_extensions_icon {
    background-image: url(icons/extensions.png);
    background-repeat: no-repeat;
}

.file_pdf_mini {
    width: 20px;
    height: 20px;
    float: left;
    background-position: 0px -40px;
    margin-right: 8px;
}

.file_zip_mini {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -24px -40px;
    margin-right: 8px;
}

.file_txt_mini {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -54px -40px;
}

.file_rar_mini {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -84px -40px;
}

.file_psd_mini {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -115px -40px;
}

.file_doc_mini {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -148px -40px;
}

.file_eps_mini {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -181px -40px;
}

.file_tif_mini {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -213px -40px;
}

.file_ai_mini {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -245px -40px;
}

.file_pdf {
    width: 24px;
    height: 30px;
    float: left;
    background-position: 0px 0px;
}

.file_zip {
    width: 28px;
    height: 30px;
    float: left;
    background-position: -37px 0px;
}

.file_txt {
    width: 28px;
    height: 30px;
    float: left;
    background-position: -77px 0px;
}

.file_rar {
    width: 28px;
    height: 30px;
    float: left;
    background-position: -118px 0px;
}

.file_psd {
    width: 28px;
    height: 30px;
    float: left;
    background-position: -158px 0px;
}

.file_doc {
    width: 28px;
    height: 30px;
    float: left;
    background-position: -197px 0px;
}

.file_eps {
    width: 28px;
    height: 30px;
    float: left;
    background-position: -235px 0px;
}

.file_tif {
    width: 28px;
    height: 30px;
    float: left;
    background-position: -272px 0px;
}

.file_ai {
    width: 28px;
    height: 30px;
    float: left;
    background-position: -313px 0px;
}

.file_name_ex {
    text-indent: 10px;
    line-height: 30px;
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
}

.video_you {
    clear: right;
    float: right;
    width: 100%;
    max-width: 60%;
    border-radius: 4px;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
}

.video_friend {
    clear: left;
    float: left;
    width: 100%;
    max-width: 60%;
    border-radius: 4px;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
}

.video_you .videoNew {
    width: 100%;
    max-width: 100% !important;
    overflow: hidden;
    border-radius: 10px;
}

.video_friend .videoNew {
    width: 100%;
    max-width: 100% !important;
    overflow: hidden;
    border-radius: 10px;
}

.media-wrapper.videoNew {
    width: 100%;
    max-width: 300px;
    overflow: hidden;
    border-radius: 10px;
}

._2a-p {
    margin-left: 12px;
    margin-right: 12px;
    overflow: auto;
    white-space: nowrap;
	color: #f19116;
}

._2azv {
    border-radius: 18px;
    height: 108px;
    width: 108px;
    margin-right: 0;
    display: inline-block;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
    margin-bottom: 8px;
}

.labelImageUploadc {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    left: 0px;
    position: absolute;
    top: 0px;
}

.messageBox_body .theImages .slick-list .slick-track .sldimg .sld_jjzlbU {
    border-radius: 8px;
}

.sendcbuttons {
    width: 45px;
    height: 45px;
    background-color: #15181c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}

.sendcbuttons svg {
    width: 25px;
    height: 25px;
}

.sendcbuttons:nth-child(1) {
    bottom: 63px;
    left: 2px;
    transition: all .1s ease-out;
    -webkit-animation: fadeInUp .1s ease-in-out .1s;
    animation: fadeInUp .1s ease-in-out .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #8e24aa;
}

.imagesendicon {
    background-position: -99px -27px;
    background-repeat: no-repeat;
}

.sendcbuttons:nth-child(2) {
    bottom: 117px;
    left: 2px;
    transition: all .15s ease-out;
    -webkit-animation: fadeInUp .15s ease-in-out .15s;
    animation: fadeInUp .15s ease-in-out .15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #e53935;
}

.vidsendicon {
    background-position: -137px -27px;
    background-repeat: no-repeat;
}

.sendcbuttons:nth-child(3) {
    bottom: 172px;
    left: 2px;
    transition: all .2s ease-out;
    -webkit-animation: fadeInUp .2s ease-in-out .2s;
    animation: fadeInUp .2s ease-in-out .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #00897b;
}

.flsendicon {
    background-position: -177px -27px;
    background-repeat: no-repeat;
}

.sendcbuttons:nth-child(4) {
    bottom: 226px;
    left: 2px;
    transition: all .25s ease-out;
    -webkit-animation: fadeInUp .25s ease-in-out .25s;
    animation: fadeInUp .25s ease-in-out .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #15181c;
}

.timesendicon {
    background-position: -22px -57px;
    background-repeat: no-repeat;
}

.dnone {
    display: none;
}

.dblock {
    display: block;
    margin-left: -13px;
}

.icons_two_white {
    background-repeat: no-repeat;
    background-image: url(icons/icons_two_white.png) !important;
}

.icons_white {
    background-repeat: no-repeat;
    background-image: url(icons/icons_white.png) !important;
}

.closeDesign {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.closeDesign_anim {
    transition: all .3s ease-out;
    -webkit-animation: zoomOut .3s ease-in-out .3s;
    animation: zoomOut .3s ease-in-out .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.icon_utu {
    background-image: url(icons/_xTrqPutu.png);
    background-repeat: no-repeat;
}

.icon_utu_white {
    background-image: url(icons/_xTrqPutu_white.png);
    background-repeat: no-repeat;
}

.glyphsSpriteLang__outline__24__grey_16_white {
    background-image: url(icons/lgIcons_white.png);
    background-repeat: no-repeat;
    background-position: -75px 0px;
    width: 24px;
    height: 24px;
}

.changeProfileDesignicon {
    width: 24px;
    height: 24px;
    background-position: 0px 0px;
}

.customize_pw {
    width: 100%;
    height: 100%;
    display: inline-block;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInRight 0.3s ease-in-out 0.3s;
    animation: fadeInRight 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #15181c;
    border-left: 1px solid rgba(0, 0, 0, .0975);
}

.customize_profile_wrapper {
    width: 100%;
    max-width: 300px;
    height: 100%;
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 99999999;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
}

.customize_profile_header {
    width: 100%;
    padding: 20px 0px 20px 15px;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, .0975);
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    z-index: 2;
    background-color: #15181c;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.customtit {
    width: 100%;
    padding: 10px 0px 10px 10px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    line-height: 30px;
}

.colors_icons {
    width: 100%;
    display: inline-block;
}

.colors_icons_item {
    width: 100%;
    float: left;
    cursor: pointer;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
    padding: 10px 0px;
}

.custom_utuicon {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    float: left;
}

.icon_utu_colors {
    background-position: -27px 4px;
}

.icon_utu_iconss {
    background-position: -57px 4px;
}

.colors_icons_item:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.change_area_header {
    width: 100%;
    padding: 15px;
    display: inline-block;
}

.selectableColor {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: red;
    display: inline-block;
    float: left;
    margin: 4px;
    cursor: pointer;
}

.selectablebgColor {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: red;
    display: inline-block;
    float: left;
    margin: 4px;
    cursor: pointer;
}

.selectableTColor {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: red;
    display: inline-block;
    float: left;
    margin: 4px;
    cursor: pointer;
}

.selectableheaColor {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: red;
    display: inline-block;
    float: left;
    margin: 4px;
    cursor: pointer;
}

.itemRadio {
    width: 100%;
    float: left;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    padding: 10px;
}

.itemRadio label span {
    font-size: 13px !important;
    font-weight: 400;
}

.change_area_ {
    width: 100%;
    padding: 15px;
    display: inline-block;
}

.fontBox {
    width: 100%;
    padding: 15px 0px 15px 25px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 25px;
}

.customization_container {
    overflow-x: hidden;
    display: inline-block;
    width: 100%;
}

.beforeSelectedBgColor {
    background-image: url(icons/tick.png);
    background-position: center center;
    background-size: 16px;
    background-repeat: no-repeat;
}

.beforeSelectedFont {
    background-image: url(icons/tick.png);
    background-position: 0px 17px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.saveDesignButton {
    width: 100%;
    padding: 15px;
    display: inline-block;
}

.saveMyDesign {
    width: 100%;
    max-width: 130px;
    margin: 0px auto;
    padding: 15px 10px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    border-bottom: 2px solid #06F;
    background-color: #09F;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    cursor: pointer;
}

.saveMyDesign:active {
    margin-bottom: -2px;
    border-bottom: 0px solid transparent;
}


/*New Feature for 3.3 STARTED*/

.zMhqu_Ad {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radiuz: 3px;
    -ms-border-radius: 3px;
    border: 1px solid #07adef;
    margin-bottom: 30px;
}

.reson {
    align-items: center;
    height: 25px;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 25px;
}

.deletemessageicon {
    cursor: pointer;
    height: 25px;
    width: 25px;
    float: left;
}

.deleteSearched {
    padding: 6px;
    float: right;
    margin-top: 6px;
    cursor: pointer;
}

.mini_icons {
    background-image: url(icons/_h3QautuQ77.png);
    background-repeat: no-repeat;
}

.delete_oldsearch {
    background-position: -89px -682px;
    width: 8px;
    float: left;
    height: 9px;
}

.loadCredit {
    width: 100%;
    text-align: center;
    padding: 40px 0px;
    font-weight: 500;
    color: #6079a7;
}

.AdvertiseSuccess {
    width: 100%;
    border-left: 5px solid #ffa726;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 35px 25px;
    text-align: left;
    color: #ffffff;
    background-color: #15181c;
    font-weight: 400;
    font-size: 15px;
    display: none;
}

.minamonth {
    width: 100%;
    max-width: 300px;
    margin: 0px auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 10px;
    background-color: #d81b60;
    color: #ffffff;
    text-align: center;
    border-radius: 30px;
    z-index: 1;
    top: 3px;
}

.createNewAds_icon {
    background-position: -24px -208px;
    background-repeat: no-repeat;
    width: 30px;
    height: 27px;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

.closedad {
    display: none;
}

.openad {
    display: block;
}

.coreMoney {
    background-position: -109px -104px;
    height: 24px;
    width: 24px;
}

.ofads {
    background-position: -149px -105px;
    height: 27px;
    width: 26px;
}

.buyCreditContainer {
    width: 100%;
    display: inline-block;
}

.ofadsHeader {
    width: 100%;
    padding: 15px 0px;
    font-size: 18px;
    font-weight: 500;
    color: #adadad;
}

.ofadsContainer {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
}

.CreditModuleHeader {
    width: 100%;
    display: inline-block;
}

.ads_u_header {
    height: 60px;
    padding: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.campanyName {
    width: 100%;
    font-weight: 500;
    color: #ffffff;
    font-size: 15px;
    padding-right: 70px;
}

.activePasive {
    font: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-size: 13px;
    font-weight: 400;
    padding-right: 10px;
    color: #ffffff;
    position: absolute;
    right: 15px;
    top: 16px;
    width: 48px;
    height: 13px;
}

.ckbx-style-8 {
    font-size: 24px;
}

.activePasive div[class^="ckbx-style-"] input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.activePasive [type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.activePasive button,
input {
    overflow: visible;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

.ads__url {
    position: relative;
    font-size: 13px;
    color: #a8a8a8;
    padding: 10px 0px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    text-transform: uppercase;
    padding-left: 15px;
    font-weight: 600;
}

.otherDetails__a {
    padding: 0px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.showHideImage {
    width: 100%;
    padding: 10px;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    background-color: #15181c;
    border-bottom: 1px solid #15181c;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
    cursor: pointer;
}

.icons_new {
    background-image: url(icons/icons_new.png);
    background-repeat: no-repeat;
}

.eye_open {
    background-position: 0px 3px;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 10px;
    top: 7px;
}

.eye_close {
    background-position: 0px -22px;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 10px;
    top: 7px;
}

.waitingApprove {
    padding: 15px;
    font-weight: 500;
    font-size: 14px;
    background-color: #15181c;
    color: #ffffff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.sadsTitleRight {
    padding: 8px 15px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    font: 300 27px/37px "lato", "pt sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: capitalize;
}

.sadsDescriptionRight {
    padding: 0px 15px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    padding-bottom: 5px;
    font: 300 16px/27px "lato", "pt sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.sadsWebsiteRight {
    font-weight: 300;
    font-size: 12px;
    color: #ababab;
    padding-left: 15px;
    margin-bottom: 10px;
    font: 300 16px/27px "lato", "pt sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.edit_campanyName {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    word-wrap: break-word;
    border: none;
    background-color: transparent;
}

.edit_adstitle {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 47px;
    color: #ffffff;
    word-wrap: break-word;
    border: none;
    background-color: transparent;
}

.adsBoxItem {
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
}

.aclosed {
    overflow: hidden;
    height: 0px;
    width: 100%;
}

.aopened {
    height: auto;
}

.yourBudget_a {
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    padding: 10px 16px;
    float: left;
}

.uu_udget {
    width: 100%;
    padding-top: 15px;
    font-weight: 600;
    color: #ffffff;
    font: 300 27px/37px "lato", "pt sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.see_full_details {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    padding: 15px 16px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    border-top: 1px solid rgba(183, 183, 183, .1);
}

.see_full_details::after {
    content: " ";
    color: inherit;
    padding-left: 16px;
    font-size: 16px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -358px -250px;
    margin-left: 3px;
}

.rightArrow {
    border-right: 1px solid rgba(183, 183, 183, .1);
}

.yourBudget_o {
    width: 100%;
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    border-bottom: 1px solid rgba(183, 183, 183, .1);
    padding-bottom: 10px;
}

.ckbx-style-8 input[type="checkbox"]:checked+label::before {
    background: #166f5f;
    box-shadow: inset 0px 1px 1px rgba(84, 152, 140, 0.5);
}

.ckbx-style-8 label::before {
    content: '';
    position: absolute;
    width: 2em;
    height: 1em;
    left: 0.1em;
    transition: background 0.1s ease;
    background: #F25F5C;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(171, 66, 63, 0.5);
}

.ckbx-style-8 input[type="checkbox"]:checked+label::after {
    animation: switch-on .2s ease-out;
    left: 1.1em;
}

.ckbx-style-8 label::after {
    content: '';
    position: absolute;
    width: 1em;
    height: 1em;
    border-radius: 50px;
    left: 0;
    transition: all 0.2s ease;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    background: #fcfff4;
    animation: switch-off .2s ease-out;
    z-index: 2;
}

.creditModuleHeaderItem {
    float: left;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
}

.creditModuleHeaderItem:nth-child(1) {
    padding: 15px 15px 15px 0px;
}

.creditModuleHeaderItem:nth-child(2) {
    padding: 15px 0px 15px 15px;
}

.creditModuleHeaderItem_in {
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
}

.y_credit {
    width: 100%;
    padding: 15px;
    text-align: center;
    background-color: #15181c;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    min-height: 195px;
}

.y_footer {
    padding: 15px;
    width: 100%;
    background-color: #15181c;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.y_credit_header {
    width: 100%;
    max-width: 200px;
    margin: 0px auto;
    padding: 20px 0px;
    color: #ffffff;
    font-weight: 500;
    font-size: 90px;
    text-align: center;
}

.y_credit span {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 40px;
    color: #ffffff;
}

.makeCredit {
    background-color: transparent;
    color: #ffffff;
    font-size: 90px;
    text-align: center;
    outline: none;
    border: none;
    width: 100%;
}

.makeCredit::placeholder {
    color: #ffffff;
}

.footer_middle {
    width: 27px;
    height: 27px;
    margin: 0px auto;
    margin-bottom: 12px;
}

.create_ads_button {
    width: 100%;
    max-width: 200px;
    margin: 0px auto;
    padding: 15px 0px;
    background-color: #15181c;
    border-bottom: 2px solid #15181c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-top: 20px;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
    cursor: pointer;
}

.create_ads_button:active {
    margin-top: 22px;
    border-bottom: 0px solid transparent;
}

.buy_credit__button {
    width: 100%;
    max-width: 200px;
    margin: 0px auto;
    padding: 15px 0px;
    background-color: #d81b60;
    border-bottom: 2px solid #ad1457;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-top: 20px;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
    cursor: pointer;
}

.buy_credit__button:active {
    margin-top: 22px;
    border-bottom: 0px solid transparent;
}

.footer_bg_middle {
    width: 40px;
    height: 40px;
    margin: 0px auto;
}

.footer_footer {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    padding: 10px 0px;
    font-weight: 500;
}

.wallet_mini {
    background-image: url(icons/icons_two.png);
    background-repeat: no-repeat;
    background-position: -118px -71px;
}

.paypal_mini {
    background-image: url(icons/icons_two.png);
    background-repeat: no-repeat;
    background-position: -66px -97px;
}

.wallet_icon {
    background-image: url(icons/wallet_big.png);
    background-repeat: no-repeat;
    background-size: 200px;
}

.paypal_icon {
    background-image: url(icons/paypal.png);
    background-repeat: no-repeat;
    background-size: 200px;
}

.creditBuyWrapper {
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    box-shadow: rgba(0, 0, 0, 0.25) 5px 0px 12px -10px, rgba(0, 0, 0, 0.25) -5px 0px 12px -10px;
    border-radius: 3px;
}

.writeBudget {
    width: 100%;
    display: inline-block;
}

.writeyourbalance {
    width: 100%;
    display: inline-block;
}

.writeadsbudget {
    width: 100%;
    font-size: 50px;
    padding: 15px;
    color: #ffffff;
    outline: none;
    border: none;
    background-color: transparent;
}

.writeadsbudget::placeholder {
    color: #ffffff;
}


/*Create Advertisement Module STARTED*/


/*.create_avertisementBox {
   position:relative;
   width:100%;
   float:left; 
   padding:15px;
}
.create_advertisement_header { 
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 0px;
	color: #333C45;
	border-bottom: 3px solid #333C45;
	font: 300 27px/37px "lato","pt sans","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	margin-bottom: 30px;
	text-transform: capitalize;
}
.create_ads_container {
   width:100%;
   display:inline-block;
}
.create_ads_items {
    width:100%;
    display:inline-block;
	margin-bottom:15px;
}
.inputads {
	border:none;
   border-bottom:2px solid #e7e7e7;
   padding:15px 10px;
   color:#ffffff;
   font-size:14px;
   font-weight:400;
   width:100%;
   max-width:400px;
   output:none;
   transition: all .5s ease;
-webkit-transition: all .5s ease;
}
.textareaads {
	border:none;
   border-bottom:2px solid #e7e7e7;
   padding:15px 10px;
   color:#ffffff;
   font-size:14px;
   font-weight:400;
   width:100%;
   max-width:550px;
   output:none;
   height:90px;
   transition: all .5s ease;
-webkit-transition: all .5s ease;
}
.inputads:focus{
   border-bottom:2px solid #09F;
}

.textareaads:focus{
   border-bottom:2px solid #09F;
}
.adsitemtitle {
   font-weight:500;
   font-size:13px;
   color:#333c45;	
   margin-bottom:5px;
} 
.create_ads_box_container {
  position:relative;
  width:100%;
  padding:20px 15px;
  overflow:hidden;
  border-top:1px solid rgba(217,217,217, 0.35);
  margin-top:10px; 
}
.create_ads_box_Main {
  position:relative;
  width:100%; 
  overflow:hidden;  
}
.genders {
  position:relative; 
  width:100%;
  padding-top:7px;
}
.create_ads_box_div {
  position:relative;
  width:100%;
  margin-bottom:10px;
  display:inline-block;
      -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.create_ads_box_div_in {
  position:relative;
  float:left;
  width:100%;
  width:calc(100% / 2 - 0px);
  width:-moz-calc(100% / 2 - 0px);
  width:-webkit-calc(100% / 2 - 0px);
  width:-o-calc(100% / 2 - 0px);
  width:-ms-calc(100% / 2 - 0px);
}
 
.create_ads_div_in_title {
  position:relative;
  width:100%;
  font-size:13px;
  font-weight:500;
  color:#ffffff;
  padding:5px 0px;
}
.create_ads_div_in_input {
  position:relative;
  width:100%;
  display:inline-block;
}
.ads_input_create {
  position:relative;
  width:100%;
  border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    padding:11px 10px;
    font-size:20px;
    font-weight:300;
    color:#5C6579;
    outline:none;
	border:none;
}
.ads_input_create::placeholder {
   color: #9b9b9b;
}
.create_ads_box_div_TextArea {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block; 
}
.create-ads_div_in_description {
  position:relative;
  width:100%;
  overflow:hidden;
  padding:10px 0px;
}
.ads_texT_desc {
    position: relative;
    width: 100%;
    outline: none; 
	border:none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 20px;
    font-weight: 400;
    resize: vertical;
    cursor: row-resize;
    min-height: 100px;
    padding: 10px;
	font-family: "lato","pt sans","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
.ads_texT_desc::placeholder {
   color: #9b9b9b;
}
.add_balance {
position: relative;
    width: 100%;
    resize: none;
    padding: 0px 0px;
    padding: 0px 32px;
    font-size: 51px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    outline: none;
    height: 62px;
    border: none;
    background-color: #F8FAFF;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9; 
}
.addCredi {
    position: relative;
    width: 100%;
    padding: 10px 0px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
}
.credit_title {
position: relative;
    text-align: center;
    text-transform: capitalize;
    color: #696060;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0px;
}
.genders input[type=radio], input[type=checkbox] {
		display:none;
	}
.radio_one { 
  -webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;  
}
.radio2 { 
}
.radio3 { 
  -webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.genders input[type=radio] + label{
		display:inline-block;
		margin:-2px;
		padding: 8px 35px;
		margin-bottom: 0;
		font-size: 17px;
		font-weight:300;
		line-height: 20px;
		color: #9b9b9b;
		text-align: center; 
		vertical-align: middle;
		cursor: pointer; 
	}
 
.genders input[type=radio]:checked + label { 
    background-color:#b4b4b4; 
     color:#ffffff;
 } 
 
    
.select-dropdown {
  position: relative;
  max-width: 100%;
  width: auto;
  cursor: pointer;
  display: block;
  padding-top: 5px;
}
.select-dropdown:after {
  content: '';
  cursor: pointer;
  display: block;
  position: absolute;
  right: 2px;
  top: 3px;
  bottom: 3px;
  height: calc(100% - 6px);
  width: 2rem;
  border-radius: 2px;
  background-image: url('icons/down_arrow.png');
  background-size:10px;
  background-repeat: no-repeat;
  background-position: 50%;
  pointer-events: none;
}
.select-dropdown select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
display: block;
width: 100%;
font-family: inherit;
font-size: 20px;
font-weight: 300;
height: 40px;
outline: none;
vertical-align: middle; 
border-radius: 3px;
box-shadow: none;
padding: 0 2rem 0 12px;
border: none;
color: #9b9b9b;
}
.select-dropdown select:focus {
  outline: none;
  background-color: #fff;
  border-color: #1c86f2;
  box-shadow: 0 0 1px #1c86f2 inset;
}
.select-dropdown select::-ms-expand {
  display: none;
}
.adsImageUploadBtn {
    border: 2px dashed #dddfe2;
    background-image: url(icons/image_upload.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px !important;
}
.attachImage-ads {
    cursor: pointer;
    width: 100%;
    height: 42px;
    float: left;
    position: absolute;
    top: 0px;
}
.chose-image-btn { 
    opacity: 0;
    display: none; 
}
.attach-body-ads {
    position: relative;
    width: 100%;
    height: 46px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #F8F9FC;
}
.attachImage {
    cursor: pointer;
    width: 100%;
    height: 36px;
    float: left;
    position: absolute;
    top: 0px;
}
.create-ads-item-box {
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 7px 0px !important;
}
.blue-button {
	background-color: #4267b2;
	border-color: #4267b2;
	border: 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing: content-box;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	font-weight: bold;
	justify-content: center;
	position: relative;
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	line-height: 26px;
	padding: 0 10px;
	letter-spacing: inherit;
	color: #ffffff;
	float: right;
	margin-top: 10px;
	outline: none;
}*/


/*Create Advertisement Module FINISHED*/


/*Create Advertisement Module STARTED*/

.create_avertisementBox {
    position: relative;
    width: 100%;
    float: left;
    padding: 15px;
}

.create_advertisement_header {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0px;
    color: #ffffff;
    font: 300 27px/37px "lato", "pt sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: capitalize;
}

.create_ads_container {
    width: 100%;
    display: inline-block;
}

.create_ads_items {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.inputads {
    border: none;
    border-bottom: 2px solid rgba(183, 183, 183, .1);
    padding: 15px 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    max-width: 400px;
    output: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.textareaads {
    border: none;
    border-bottom: 2px solid rgba(183, 183, 183, .1);
    padding: 15px 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    max-width: 550px;
    output: none;
    height: 90px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.inputads:focus {
    border-bottom: 2px solid #09F;
}

.textareaads:focus {
    border-bottom: 2px solid #09F;
}

.adsitemtitle {
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 5px;
}

.create_ads_box_container {
    position: relative;
    width: 100%;
    padding: 20px 15px;
    overflow: hidden;
    border-top: 1px solid rgba(217, 217, 217, 0.35);
    margin-top: 10px;
}

.create_ads_box_Main {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.genders {
    position: relative;
    width: 100%;
    padding-top: 7px;
}

.create_ads_box_div {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.create_ads_box_div_in {
    position: relative;
    float: left;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
}

.create_ads_div_in_title {
    position: relative;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
    padding: 5px 0px;
}

.create_ads_div_in_input {
    position: relative;
    width: 100%;
    display: inline-block;
}

.ads_input_create {
    position: relative;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #15181c;
    border: 1px solid #15181c;
    padding: 11px 10px;
    font-size: 13px;
    font-weight: 300;
    color: #ffffff;
    outline: none;
}

.create_ads_box_div_TextArea {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}

.create-ads_div_in_description {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px 0px;
}

.ads_texT_desc {
    position: relative;
    width: 100%;
    outline: none;
    background-color: rgba(183, 183, 183, .1);
    border: 1px solid rgba(183, 183, 183, .1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    resize: vertical;
    cursor: row-resize;
    min-height: 100px;
    padding: 10px;
    font-family: "lato", "pt sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #ffffff;
}

.add_balance {
    position: relative;
    width: 100%;
    resize: none;
    padding: 0px 0px;
    padding: 0px 32px;
    font-size: 51px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    outline: none;
    height: 62px;
    border: none;
    background-color: rgba(183, 183, 183, .1);
    border-top: 1px solid rgba(183, 183, 183, .1);
    border-bottom: 1px solid rgba(183, 183, 183, .1);
}

.addCredi {
    position: relative;
    width: 100%;
    padding: 10px 0px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
}

.credit_title {
    position: relative;
    text-align: center;
    text-transform: capitalize;
    color: #696060;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0px;
}

.genders input[type=radio],
input[type=checkbox] {
    display: none;
}

.radio_one {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 1px solid #EEF0F4;
    border-top: 1px solid #EEF0F4;
    border-bottom: 1px solid #EEF0F4;
}

.radio2 {
    border: 1px solid #EEF0F4;
}

.radio3 {
    border-right: 1px solid #EEF0F4;
    border-top: 1px solid #EEF0F4;
    border-bottom: 1px solid #EEF0F4;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.genders input[type=radio]+label {
    display: inline-block;
    margin: -2px;
    padding: 8px 35px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: rgba(183, 183, 183, .1);
}

.genders input[type=radio]:checked+label {
    background-color: #206EF4;
    border: 1px solid #206ef4;
    color: #ffffff;
}

.select-dropdown {
    position: relative;
    max-width: 100%;
    width: auto;
    cursor: pointer;
    display: block;
    padding-top: 5px;
}

.select-dropdown:after {
    content: '';
    cursor: pointer;
    display: block;
    position: absolute;
    right: 2px;
    top: 3px;
    bottom: 3px;
    height: calc(100% - 6px);
    width: 2rem;
    border-radius: 2px;
    background-image: url('icons/down_arrow.png');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none;
}

.select-dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    outline: none;
    vertical-align: middle;
    background-color: rgba(183, 183, 183, .1);
    border: 1px solid rgba(183, 183, 183, .1);
    border-radius: 3px;
    box-shadow: none;
    padding: 0 2rem 0 12px;
    color: #ffffff;
}

.select-dropdown select:focus {
    outline: none;
    background-color: rgba(183, 183, 183, .1);
    border-color: #1c86f2;
    box-shadow: 0 0 1px #1c86f2 inset;
}

.select-dropdown select::-ms-expand {
    display: none;
}

.adsImageUploadBtn {
    border: 2px dashed #dddfe2;
    background-image: url(icons/image_upload.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px !important;
}

.attachImage-ads {
    cursor: pointer;
    width: 100%;
    height: 42px;
    float: left;
    position: absolute;
    top: 0px;
}

.chose-image-btn {
    opacity: 0;
    display: none;
}

.attach-body-ads {
    position: relative;
    width: 100%;
    height: 46px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #15181c;
}

.attachImage {
    cursor: pointer;
    width: 100%;
    height: 36px;
    float: left;
    position: absolute;
    top: 0px;
}

.create-ads-item-box {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 7px 0px !important;
}

.blue-button {
    background-color: #4267b2;
    border: 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-sizing: content-box;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    justify-content: center;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    line-height: 26px;
    padding: 0 10px;
    letter-spacing: inherit;
    color: #ffffff;
    float: right;
    margin-top: 10px;
    outline: none;
}


/*Create Advertisement Module FINISHED*/

.sponsored_post_sprite_new {
    position: absolute;
    right: 10px;
    width: 24px;
    height: 24px;
    background-image: url(icons/sprite_rotate.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    top: 10px;
}

.sponsored_post_sprite_new_dolar {
    position: absolute;
    width: 7px;
    height: 10px;
    background-image: url(icons/sprite_dolar.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    top: 17px;
    right: 19px;
}

.support_ads_container {
    display: inline-block;
}

.sadsTitle {
    padding: 8px 15px;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
}

.sadsDescription {
    padding: 0px 15px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    padding-bottom: 5px;
}

.sadsWebsite {
    font-weight: 300;
    font-size: 12px;
    color: #ababab;
    padding-left: 15px;
    margin-bottom: 10px;
}

.gif_body {
    float: left;
    display: inline-block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-bottom: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gif_body img {
    width: 100%;
}

.gifContainer {
    width: 100%;
    max-width: 250px;
    overflow: hidden;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

.gifContainer img {
    width: 100%;
}

.gifs {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 8;
    float: right;
}

.likedUsers {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
	cursor: pointer;
}

.liked_user_avatar {
    width: 25px;
    height: 25px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 2px solid #ffffff;
}

.liked_user_avatar:not(:first-child) {
    margin-left: -9px;
}

.liked_user_avatar img {
    width: 100%;
}

.liked_user_avatar:nth-child(1) {
    transition: all 0.3s ease-out;
    -webkit-animation: bounceIn 0.3s ease-in-out 0.3s;
    animation: bounceIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.liked_user_avatar:nth-child(2) {
    transition: all 0.4s ease-out;
    -webkit-animation: bounceIn 0.4s ease-in-out 0.4s;
    animation: bounceIn 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.liked_user_avatar:nth-child(3) {
    transition: all 0.5s ease-out;
    -webkit-animation: bounceIn 0.5s ease-in-out 0.5s;
    animation: bounceIn 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.liked_user_avatar:nth-child(4) {
    transition: all 0.6s ease-out;
    -webkit-animation: bounceIn 0.6s ease-in-out 0.6s;
    animation: bounceIn 0.6s ease-in-out 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.liked_user_avatar:nth-child(5) {
    transition: all 0.7s ease-out;
    -webkit-animation: bounceIn 0.7s ease-in-out 0.7s;
    animation: bounceIn 0.7s ease-in-out 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.changeProfileAuicon {
    width: 24px;
    height: 24px;
    background-position: -86px -71px;
}

.backgroundAudioUploadContainer {
    position: fixed;
    z-index: 999999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    transition: all 0.25s ease-out;
    -webkit-animation: fadeInDown 0.25s ease-in-out 0.25s;
    animation: fadeInDown 0.25s ease-in-out 0.25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.post-audio-middle {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50px;
    -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    transition: all 0.75s ease-out;
    -webkit-animation: fadeIn 0.75s ease-in-out 0.75s;
    animation: fadeIn 0.75s ease-in-out 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animationgooey {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.bgAudioUploadForm {
    width: 100%;
    display: inline-block;
    z-index: 4;
    padding-top: 120px;
    padding-left: 15px;
    padding-right: 15px;
}

.onofaudiocontainer {
    width: 100%;
    max-width: 300px;
    margin: 0px auto;
    padding-top: 20px;
}

.on_off_audio {
    width: 100%;
    display: inline-block;
    max-width: 200px;
    margin: 0px auto;
}

.onofaudiocontainer .on_off_audio span {
    display: inline-block;
    font-size: 0;
}

.onofaudiocontainer .on_off_audio span>label,
.on_off_audio span>input {
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    padding: 8px 25px;
    margin: 0 -2px;
    border: 1px solid #ffffff;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.onofaudiocontainer .on_off_audio span:first-of-type>label {
    border-radius: 15px 0 0 15px;
    border-right: 1px solid #ddd;
}

.onofaudiocontainer .on_off_audio span:last-of-type>label {
    border-radius: 0 15px 15px 0;
    border-left: none;
}

.onofaudiocontainer .on_off_audio span>input {
    visibility: hidden;
    position: absolute;
}

.onofaudiocontainer .on_off_audio span>input:checked~label {
    background-color: #15181c;
    border: 1px solid #ffffff;
    color: #000;
}

.onofaudiocontainer .on_off_audio span>label {
    position: relative;
    color: #ffffff;
}

.bgaudioUploadFormHeader {
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}

.gooey {
    background-image: linear-gradient(120deg, #34e0f0 0%, #b400ff 100%);
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    width: 100%;
    height: 444px;
    animation: morph 5s linear infinite;
    transform-style: preserve-3d;
    outline: 1px solid transparent;
    will-change: border-radius;
}

.gooey:before,
.gooey:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    box-shadow: 5px 5px 89px rgba(0, 102, 255, 0.21);
    will-change: border-radius, transform, opacity;
    animation-delay: 200ms;
    background-image: linear-gradient(120deg, rgba(0, 67, 255, .55) 0%, rgba(0, 103, 255, .89) 100%);
}

.gooey:before {
    animation: morph 5s linear infinite;
    opacity: .21;
    animation-duration: 1.5s;
}

.gooey:after {
    animation: morph 5s linear infinite;
    animation-delay: 400ms;
    opacity: .89;
    content: "";
    line-height: 120px;
    text-indent: -21px;
}

.bgaudiunote {
    width: 100%;
    padding-top: 20px;
    max-width: 350px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #8A99A4;
    margin: 0px auto;
}

.changeBgAudioButtonForms {
    width: 100%;
    max-width: 350px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    margin: 0px auto;
    padding: 50px 0px;
    background-color: rgba(183, 183, 183, .1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-top: 20px;
}

.soundContainer {
    left: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: fixed;
    animation: morph 5s linear infinite;
    transform-style: preserve-3d;
}

.upladNewBgAuDio {
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

.soundBgWrapper {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
}

.soundmanage {
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: linear-gradient(120deg, #34e0f0 0%, #b400ff 100%);
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    animation: morph 5s linear infinite;
    transform-style: preserve-3d;
    outline: 1px solid transparent;
    will-change: border-radius;
    cursor: pointer;
    z-index: 0;
    top: 0px;
}

.manage {
    z-index: 999;
    width: 30px;
    height: 30px;
    animation: morph 5s linear infinite;
    transform-style: preserve-3d;
    margin-left: 8px;
    margin-top: 8px;
    display: inline-block;
    cursor: pointer;
    left: 0px;
    position: absolute;
}

input#changeAud {
    display: none;
    opacity: 0;
}

.pause {
    background-image: url(icons/pause.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.play {
    background-image: url(icons/play.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.soundmanage:before,
.soundmanage:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    box-shadow: 5px 5px 89px rgba(0, 102, 255, 0.21);
    will-change: border-radius, transform, opacity;
    animation-delay: 200ms;
    background-image: linear-gradient(120deg, rgba(0, 67, 255, .55) 0%, rgba(0, 103, 255, .89) 100%);
}

.soundmanage:before {
    animation: morph 5s linear infinite;
    opacity: .21;
    animation-duration: 1.5s;
}

.soundmanage:after {
    animation: morph 5s linear infinite;
    animation-delay: 400ms;
    opacity: .89;
    content: "";
    line-height: 120px;
    text-indent: -21px;
}

.closeSoundUpload {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url(icons/night_icons_two.png);
    background-position: 2px -208px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

@keyframes morph {
    0%,
    100% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    34% {
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
    50% {
        opacity: .89;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    67% {
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}


/**/

.iframe-container {
    position: fixed;
    width: 100%;
    max-width: 660px;
    height: 540px;
    left: 20px;
    bottom: 0px;
    background-color: #e9ebee;
    z-index: 99;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    transition: all 0.4s ease-out;
    -webkit-animation: slideInUp 0.4s ease-in-out 0.4s;
    animation: slideInUp 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.iframe-header {
    width: 100%;
    padding: 15px 15px;
    display: inline-block;
    background-color: #1CA4FC;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.iframe_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #15181c;
}

.oobenn__link_iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}


/*New Feature for 3.2.4 FINISHED*/


/*Special STyle*/

.bgNew {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    /* Safari 3.0 - Old Chrome - Old Android */
    -moz-background-size: cover;
    /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: cover;
    /* Opera 9.5 */
    background-size: cover;
    background-position: center center;
}

.changeProfileBgicon {
    width: 24px;
    height: 24px;
    background-position: -56px -71px;
}

.changeProfileBackgroundImage {
    position: fixed;
    left: 10px;
    bottom: 10px;
    background-color: #15181c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    width: 100%;
    max-width: 300px;
    transition: all 0.2s ease-out;
    -webkit-animation: fadeInUp 0.2s ease-in-out 0.2s;
    animation: fadeInUp 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 5;
}

.changeProfileBackgroundHeader {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid rgba(183, 183, 183, 0.1);
    background-color: rgba(250, 250, 250, 0.5);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.changeProfileBackgroundWrapper {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border-left: 1px solid rgba(183, 183, 183, 0.1);
    border-right: 1px solid rgba(183, 183, 183, 0.1);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.changeProfileBackgroundImageSelectWrapper {
    display: block;
    width: 100%;
    max-width: 220px;
    margin: 0px auto;
    padding-top: 10px;
}

.changeBackgroundImageButton {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}

.changebgform {
    background-color: rgba(183, 183, 183, 0.1);
    border: 2px dotted rgba(183, 183, 183, 0.1);
    padding: 30px 20px;
    color: #ffffff;
}

.chng-bg {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.upladNewBgImage {
    width: 100%;
    text-align: center;
}

.changeProfileBackgroundImageSelectWrapper span {
    display: inline-block;
    font-size: 0;
}

input#changeBg {
    display: none;
    opacity: 0;
}

.changeBgNote {
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    color: #9e9e9e;
    padding-bottom: 20px;
    display: block;
}

.changeBgNote strong {
    color: #ffffff;
    font-weight: 600;
}

.none {
    display: none;
}

.block {
    display: block;
}

.changeProfileBackgroundImageSelectWrapper span>label,
span>input {
    text-transform: capitalize;
    font-size: 13px;
    display: inline-block;
    padding: 8px 25px;
    margin: 0 -2px;
    border: 1px solid transparent;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #fff;
}

.changeProfileBackgroundImageSelectWrapper span:first-of-type>label {
    border-radius: 15px 0 0 15px;
    border-right: 1px solid transparent;
}

.changeProfileBackgroundImageSelectWrapper span:last-of-type>label {
    border-radius: 0 15px 15px 0;
    border-left: none;
}

.changeProfileBackgroundImageSelectWrapper span>input {
    visibility: hidden;
    position: absolute;
    color: #ffffff;
}

.changeProfileBackgroundImageSelectWrapper span>input:checked~label {
    background-color: #3b98fd;
    border: 1px solid #3b98fd;
}

.changeProfileBackgroundImageSelectWrapper span>label {
    position: relative;
}


/*v3.3.3 STYLE STARTED*/

.no-stories_yet {
    width: 100%;
    text-align: center;
    padding: 5px 0px;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

.story_container_empty {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #e6e6e6;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: all-scroll;
    margin-bottom: 20px;
}

.eo3As {
    padding: 6px 16px;
}

._15y0l_com {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.no-online {
    width: 100%;
    min-height: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    line-height: 50px;
}

.onlinefriendcount {
    display: block;
    float: right;
    line-height: 24px;
}

.online_friends_icon {
    background-repeat: no-repeat;
    background-position: -102px -30px;
    height: 20px;
    width: 24px;
    margin-right: 8px;
    float: left;
}

#online_friends {
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
}

.onlineUserBody {
    position: relative;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 4px 12px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: pointer;
}

.onlineUserBody:hover {
    background-color: #313239b0;
    border-bottom: 1px solid #545454;
    border-top: 1px solid #353535;
}

.onlineAvatar {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 30px;
    overflow: hidden;
    width: 30px;
    background-position: center;
    background-size: cover;
}

.onlineNameFollower {
    float: left;
    position: relative;
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
}

.post_text_info strong {
    font-weight: 600;
    color: #000000;
}

.mentionUserList {
    position: relative;
    width: 100%;
    padding: 15px 0px;
    background-color: rgba(250, 250, 250, 0.5);
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    display: none;
}

.stickers {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 8;
    float: right;
}

.HashTagTopHead {
    display: flex;
    width: 100%;
    padding: 15px;
    background-color: #15181c;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    color: #000000;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.globalHashT {
    display: inline-block;
    justify-content: center;
    align-items: center;
    padding-top: 6px;
    line-height: 1.5rem;
}

.peopletalkingabout {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-transform: initial;
}

.globalHashtResult {
    color:#ffffff;
    text-transform: lowercase;
    font-size: 23px !important;
}

.pop {
    width: 100%;
    max-width: 310px;
    height: 360px;
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    z-index: 99999;
    margin: 0;
    display: block;
    overflow: auto;
    padding: 0px 0px;
}

.popMobile {
    position: fixed;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    border: 1px solid transparent;
    background-color: #15181c;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    z-index: 99999999;
    overflow: auto;
    top: 0;
    left: 0;
    bottom: 0;
}

.stickers_container {
    width: 100%;
    display: inline-block;
}

.sticker_body {
    float: left;
    display: inline-block;
    width: 100%;
    width: calc(100% / 4 - 0px);
    width: -webkit-calc(100% /4 - 0px);
    width: -moz-calc(100% / 4 - 0px);
    width: -o-calc(100% / 4 - 0px);
    width: -ms-calc(100% / 4 - 0px);
    height: 70px;
    background-repeat: no-repeat;
    background-size: auto;
    display: inline-block;
    max-height: 70px;
    max-width: 70px;
    vertical-align: middle;
    margin-left: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-size: 65px;
    background-position: center center;
    border-radius: 50%;
}

.sticker_body:hover {
    background-color: #e6e6e6;
}

.comment_sticker {
    width: 64px;
    height: 64px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.stickerBody {
    margin-top: 10px;
}

.disable_comment_icon {
    background-repeat: no-repeat;
    background-position: -72px -25px;
    height: 24px;
    width: 24px;
    margin-right: 8px;
}

.commentcurrentlyDisabled {
    background-color: rgba(183, 183, 183, .1);
    color: #ffffff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 18px;
    min-height: 56px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 0;
    padding-right: 26px;
    padding-left: 16px;
    margin-top: 5px;
}

.hideCommentTextArea {
    transition: all 0.2s ease-out;
    -webkit-animation: fadeOutUp 0.2s ease-in-out 0.2s;
    animation: fadeOutUp 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.appendPreLoader .preloadCom .progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #15181c;
    border-radius: 2px;
    margin: 0;
    overflow: hidden;
}

.appendPreLoader {
    position: absolute;
    width: 100%;
    bottom: 0px;
    z-index: 999;
}

.edit_post_icon {
    height: 24px !important;
    width: 24px !important;
    margin-right: 8px !important;
    background-repeat: no-repeat !important;
    background-position: -403px -431px !important;
}

.edit_title {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 47px;
    color: #ffffff;
    word-wrap: break-word;
    border: none;
    background-color: #15181c;
}

.edit_description {
    position: relative;
    outline: none;
    resize: none;
    border: none;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    color: #ffffff;
    word-wrap: break-word;
    min-height: 110px;
    padding: 15px 0px;
    background-color: transparent;
}

.adsWrapperTreeMain {
    width: 100%;
    float: left;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
}

.adsWrapperTreeMain label span {
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #ffffff;
}

.adsBoxItemWrapperEditMain {
    width: 100%;
    padding: 15px 0px;
    display: none;
}

.edit_hashtag_ {
    position: relative;
    outline: none;
    border: none;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    width: 100%;
    color: #ffffff;
    word-wrap: break-word;
    line-height: 30px;
    background-color: transparent;
}


/*v3.3.3 STYLE FINISHED*/

.backBox {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    z-index: 9999999;
}

.backBox::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-backface-visibility: hidden;
    transition: all 0.2s ease-out;
    -webkit-animation: fadeInUp 0.2s ease-in-out 0.2s;
    animation: fadeInUp 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dialog--open::before {
    opacity: 1 !important;
    pointer-events: auto;
}

.viewersWrap {
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 100%;
    max-width: 500px;
    height: auto;
    background-color: #15181c;
    position: fixed;
    z-index: 9999999;
    margin: 0% auto;
    top: 20%;
    left: 0;
    right: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: none;
    opacity: 0;
    transition: all 0.4s ease-out;
    -webkit-animation: fadeInUp 0.4s ease-in-out 0.4s;
    animation: fadeInUp 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 1px solid rgba(183, 183, 183, 0.1);
    min-height: 465px;
}

.closeViewver_back {
    transition: all 0.4s ease-out;
    -webkit-animation: fadeOutDown 0.4s ease-in-out 0.4s;
    animation: fadeOutDown 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
}

.closeViewver_list {
    transition: all 0.2s ease-out;
    -webkit-animation: fadeOutDown 0.2s ease-in-out 0.2s;
    animation: fadeOutDown 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.act {
    display: block;
    opacity: 1;
}

.viewersHeader {
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    background-color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
}

.viewserListContainer {
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: -o-calc(100% - 60px);
    height: -ms-calc(100% - 60px);
    overflow: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
    top: 60px;
    bottom: 0px;
}

.user_viewer_container {
    width: 100%;
    padding: 8px 0px;
    display: inline-block;
}

.user_viewerName {
    float: left;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    padding-bottom: 3px;
    line-height: 40px;
}

.viewerItems {
    position: relative;
    width: 100%;
    display: inline-block;
}

.closeViewers {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

@media screen and (max-width:620px) {
    .viewersWrap {
        max-width: 100%;
        z-index: 9999999;
        top: 0%;
        min-height: 100%;
    }
}


/*V3.2.2 New Style STARTED*/

.commentitem_ {
    display: inline !important;
    color: #ffffff;
}

.commentitem_ a {
    text-decoration: none !important;
    color: #09F !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.post_text_info a {
    text-decoration: none;
    color: #09F !important;
}

.post_text_info img {
    width: 100% !important;
}

a.mention_ {
    padding: 1px 3px;
    font-size: 14px;
    font-weight: 500;
    color: #1ca4fc !important;
}

.postTextNot {
    padding-left: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #a9a9a9;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stories_footer_container {
    margin-top: 4px;
    padding: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.totalStoryView {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radus: 8px;
    cursor: pointer;
}

.totalStoryView:hover {
    background-color: #f5f5f5;
}

.viewicon {
    width: 35px !important;
    height: 35px !important;
    float: left !important;
    background-position: -304px -255px !important;
    background-repeat: no-repeat;
}

.sumview {
    float: left;
    padding-left: 7px;
    line-height: 35px;
    font-weight: 500;
    font-size: 14px;
    color: #8c8c8c;
}


/*V3.2.2 New Style FINISHED*/


/*New Post Menu*/

.old_search {
    width: 100%;
    padding: 13px 0px;
    text-indent: 20px;
    font-weight: 600;
    color: #ffffff;
    font-size: .90rem;
    background-color: #15181c;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    margin-bottom: 15px;
}

.pageOn {
    width: 100%;
    padding: 10px;
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    display: inline-block;
    border: 1px solid rgba(183, 183, 183, 0.1);
    margin-top: 30px;
}

.storyPage_avatar {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid transparent;
    float: left;
    margin-right: 10px;
}

.pageOnUserName {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-left: 12px;
    overflow: hidden;
    font: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 40px;
}

.pageOnUserName a {
    color: #ffffff;
}

.storiesOnTitle {
    position: absolute;
    right: 10px;
    top: 5px;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    padding: 15px 0px;
    text-transform: uppercase;
}

.new_post_icons {
    background-repeat: no-repeat;
    background-image: url(icons/new_post_icons.png);
}

.bottom_posts_button {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 10px;
    right: 10px;
    background-color: #FB5494;
    background-repeat: no-repeat;
    background-position: 14px -97px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    z-index: 15;
}

.postSendButton svg {
    display: flex;
    margin: 0px auto;
}

.bottom_posts_button:hover {
    background-color: #F83B83;
}

.showZoomIn {
    transition: all 0.3s ease-out;
    -webkit-animation: zoomIn 0.3s ease-in-out 0.3s;
    animation: zoomIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hideZoomOut {
    ransition: all 0.3s ease-out;
    -webkit-animation: zoomOut 0.3s ease-in-out 0.3s;
    animation: zoomOut 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bottom_posts_button_in {
    position: relative;
    width: 50px;
    height: 50px;
    cursor: pointer;
    padding: 5px;
}

.bottom_menu_list_container {
    position: absolute;
    width: 50px;
    height: auto;
    bottom: 50px;
    display: none;
    padding-left: 3px;
}

.bottom_posts_button:hover .bottom_menu_list_container {
    display: block;
}

.postSendButton {
    width: 45px;
    height: 45px;
    background-color: #15181c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    display: flex;
}

.postSendButton:nth-child(8) {
    transition: all 0.1s ease-out;
    -webkit-animation: zoomIn 0.1s ease-in-out 0.1s;
    animation: zoomIn 0.1s ease-in-out 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postSendButton:nth-child(7) {
    transition: all 0.15s ease-out;
    -webkit-animation: zoomIn 0.15s ease-in-out 0.15s;
    animation: zoomIn 0.15s ease-in-out 0.15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postSendButton:nth-child(6) {
    transition: all 0.2s ease-out;
    -webkit-animation: zoomIn 0.2s ease-in-out 0.2s;
    animation: zoomIn 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postSendButtonFilters {
    background-position: 7px -320px;
    background-color: #191919;
}

.postSendButton:nth-child(5) {
    transition: all 0.25s ease-out;
    -webkit-animation: zoomIn 0.25s ease-in-out 0.25s;
    animation: zoomIn 0.25s ease-in-out 0.25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postSendButtonLink {
    background-position: 8px -211px;
    background-color: #4ab37c;
}

.postSendButton:nth-child(4) {
    transition: all 0.3s ease-out;
    -webkit-animation: zoomIn 0.3s ease-in-out 0.3s;
    animation: zoomIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postSendButtonVideo {
    background-position: 7px -156px;
    background-color: #67717b;
}

.postSendButton:nth-child(3) {
    transition: all 0.35s ease-out;
    -webkit-animation: zoomIn 0.35s ease-in-out 0.35s;
    animation: zoomIn 0.35s ease-in-out 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postSendButtonMusic {
    background-position: 8px -100px;
    background-color: #ff9800;
}

.postSendButton:nth-child(2) {
    transition: all 0.4s ease-out;
    -webkit-animation: zoomIn 0.4s ease-in-out 0.4s;
    animation: zoomIn 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postSendButtonImage {
    background-position: 8px -44px;
    background-color: #d65039;
}

.postSendButton:nth-child(1) {
    transition: all 0.45s ease-out;
    -webkit-animation: zoomIn 0.45s ease-in-out 0.45s;
    animation: zoomIn 0.45s ease-in-out 0.45s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postSendButtonText {
    background-position: 6px 10px;
    background-color: #cebf29;
}

.search_input_box {
    outline: none;
    width: 100%;
    padding: 15px 25px;
    font-weight: 400;
    font-size: .95rem;
    color: #ffffff;
    border-radius: 30px;
    border: 1px solid transparent;
    background-color: #000000;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.search_input_box:focus {
    background-color: transparent;
    border: 1px solid rgba(183, 183, 183, 0.1);
}

.search_icon {
    background-position: -182px -184px;
    height: 24px;
    width: 24px;
    position: absolute;
    z-index: 1;
    top: 17px;
    left: 15px;
}

.searchBoxHeaderContainer {
    width: 100%;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 30px;
}

.peepr-body .indash_blog .SearchResultHere {
    padding: 0px 0px 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

.Results {
    width: 100%;
    padding: 15px 0px;
    text-indent: 20px;
    font-weight: 500;
    color: #ffffff;
    font-size: 14px;
    background-color: #15181c;
    border-bottom: 1px solid transparent
}

.founded_users {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.result_user {
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

.result_user:hover {
    background-color: rgba(183, 183, 183, 0.1);
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.result_user_mention {
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

.result_user_mention:hover {
    background-color: rgba(183, 183, 183, 0.1);
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.no_prod_fnd {
    display: inline-block;
    width: 100%;
    padding: 70px 0px;
}

.no_prod_fn {
    width: 64px;
    height: 64px;
    margin: 0px auto;
    margin-bottom: 30px;
}

.no_prod_fn svg {
    width: 64px;
    height: 64px;
}

.t_no_prod_fnd {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
}

.result_user_avatar {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    float: left;
}

.result_hash_s {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    line-height: 42px;
    text-transform: capitalize;
    background: rgb(10, 0, 180);
    background: -moz-linear-gradient(4deg, rgba(10, 0, 180, 1) 0%, rgba(0, 69, 161, 1) 16%, rgba(0, 212, 255, 1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(10, 0, 180, 1) 0%, rgba(0, 69, 161, 1) 16%, rgba(0, 212, 255, 1) 100%);
    background: linear-gradient(4deg, rgba(10, 0, 180, 1) 0%, rgba(0, 69, 161, 1) 16%, rgba(0, 212, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a00b4", endColorstr="#00d4ff", GradientType=1);
    text-align: center;
    line-height: 42px;
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
}

.tagsHash {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    line-height: 58px;
    text-transform: capitalize;
    background: rgb(10, 0, 180);
    background: -moz-linear-gradient(4deg, rgba(10, 0, 180, 1) 0%, rgba(0, 69, 161, 1) 16%, rgba(0, 212, 255, 1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(10, 0, 180, 1) 0%, rgba(0, 69, 161, 1) 16%, rgba(0, 212, 255, 1) 100%);
    background: linear-gradient(4deg, rgba(10, 0, 180, 1) 0%, rgba(0, 69, 161, 1) 16%, rgba(0, 212, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a00b4", endColorstr="#00d4ff", GradientType=1);
    text-align: center;
    font-weight: 600;
    font-size: 33px;
    color: #ffffff;
    text-transform: capitalize;
}

.result_user_name {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    line-height: 45px;
    text-transform: capitalize;
}

.result_user a {
    float: left;
    padding-right: 30px;
}


/*Fast Answer Emoji STARTED*/

.fast_icon_answer {
    position: absolute;
    width: 100%;
    max-width: 370px;
    bottom: 60px;
    right: 0px;
    z-index: 999;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
}

.fast_icon {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-transition: opacity, -webkit-transform;
    transition: opacity, -webkit-transform;
    transition: transform, opacity;
    transition: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
    transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
    cursor: pointer;
}

.fast_answericons {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    z-index: 8;
    float: right;
}

.is-active {
    visibility: visible;
}

.fast_icon_answer.is-active .fast_text {
    position: absolute;
    bottom: 0px;
    padding: 5px 0px;
    background-color: rgba(0, 0, 0, .8);
    color: #ffffff;
    font-weight: 300;
    font-size: 13px;
    text-align: center;
}

.fast_icon:nth-child(1) {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.fast_icon:nth-child(2) {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px;
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.fast_icon:nth-child(3) {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fast_icon:nth-child(4) {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.fast_icon:nth-child(5) {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.fast_icon:nth-child(6) {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.fast_icon:nth-child(7) {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.fast_icon:nth-child(8) {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.fast_icon:nth-child(9) {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.fast_icon_answer.is-active .fast_icon {
    -webkit-transition-timing-function: cubic-bezier(0.35, 0.03, 0.47, 1.59);
    transition-timing-function: cubic-bezier(0.35, 0.03, 0.47, 1.59);
}

.fast_icon_answer.is-active .fast_icon:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.fast_icon_answer.is-active .fast_icon:nth-child(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.fast_icon_answer.is-active .fast_icon:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.fast_icon_answer.is-active .fast_icon:nth-child(4) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.fast_icon_answer.is-active .fast_icon:nth-child(5) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.fast_icon_answer.is-active .fast_icon:nth-child(6) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.fast_icon_answer.is-active .fast_icon:nth-child(7) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fast_icon_answer.is-active .fast_icon:nth-child(8) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.fast_icon_answer.is-active .fast_icon:nth-child(9) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.fast_icon_answer.is-active .fast_icon {
    opacity: 1;
}

.comment_emoji {
    width: 25px;
    height: 25px;
}

.postCreatedTime {
    overflow: hidden;
    font: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-size: 13px;
    font-weight: 400;
    float: left;
    display: inline-block;
    padding-right: 10px;
    color: #ffffff;
}

.plus_new_story {
    float: right;
    width: 25px;
    height: 25px;
    background-position: -113px 0px;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}

.label_storyUpload {
    cursor: pointer;
    display: inline-block;
    z-index: 99;
    height: 26px;
    top: 0px;
}

.coreSpriteDesktopNavStory {
    background-position: -155px -30px;
    height: 24px;
    width: 24px;
}

.stories.carousel {
    background-color: #15181c;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
}


/*Fast Answer Emoji FINISHED*/

div {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    position: relative;
}

a,
a:visited {
    color: #ff7575;
    text-decoration: none;
}

.icons {
    background-repeat: no-repeat;
    background-image: url(icons/icons.png);
}

.icons_two {
    background-repeat: no-repeat;
    background-image: url(icons/icons_two.png);
}

.day {
    background-position: -37px -30px;
    width: 24px;
    height: 24px;
}

.night {
    background-position: -37px -30px;
    width: 24px;
    height: 24px;
}

.header_container {
    background-color: #15181c;
    position: fixed;
    top: 4;
    width: 100%;
    z-index: 999;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    height: 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 57px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1010px;
    padding: 16px 0px;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    width: 100%;
}

.oJZym {
    -webkit-box-flex: 1;
    -webkit-flex: 1 9999 0%;
    -ms-flex: 1 9999 0%;
    flex: 1 9999 0%;
    min-width: 40px;
}

.ctQZg {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aU2HW {
    margin-top: -4px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

._7mese {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.icons {
    background-position: -95px -203px;
    height: 35px;
    width: 176px;
}

.efNlB {
    top: 4px;
    position: absolute;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.efNlB {
    pointer-events: none;
    opacity: 0;
}

.icons_m {
    background-position: -401px -388px;
    height: 30px;
    width: 30px;
}

._47KiJ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 75px;
    white-space: nowrap;
}

.XrOey:not(:first-child) {
    margin-left: 15px;
}

.coreSpriteDesktopNavExplore {
    background-position: -157px -357px;
    height: 24px;
    width: 24px;
}

.coreSpriteDesktopNavNewPost {
    background-position: -182px -184px;
    height: 24px;
    width: 24px;
}

.coreSpriteDesktopNavActivity {
    background-position: -105px -356px;
    height: 24px;
    width: 24px;
}

.coreSpriteDesktopNavProfile {
    background-position: -458px -276px;
    height: 24px;
    width: 24px;
}

.coreSpriteDesktopNavMessage {
    background-position: -182px -210px;
    height: 24px;
    width: 24px;
}

.coreSpriteDesktopNavIcon {
    background-position: -4px -2px;
    height: 24px;
    width: 24px;
}

.rightsidebarmenu {
    display: none !important;
}

.changingTheme {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 10;
    background: linear-gradient(89deg, #10171e, rgba(255, 255, 255, .2));
    background-size: 400% 400%;
    -webkit-animation: changing 7s ease infinite;
    -moz-animation: changing 7s ease infinite;
    -o-animation: changing 7s ease infinite;
    animation: changing 7s ease infinite;
}

@-webkit-keyframes changing {
    0% {
        background-position: 0% 51%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 51%
    }
}

@-moz-keyframes changing {
    0% {
        background-position: 0% 51%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 51%
    }
}

@-o-keyframes changing {
    0% {
        background-position: 0% 51%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 51%
    }
}

@keyframes changing {
    0% {
        background-position: 0% 51%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 51%
    }
}


/*Right Sidebar Menu STARTED*/

.sidebar-menu {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    border: 1px solid rgba(183, 183, 183, 0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 30px;
}

.global-sidebar-menu-box {
    padding: 6px 10px;
    display: inline-block;
    width: 100%;
    font-size: 0.9rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 44px;
    min-height: 44px;
    cursor: pointer;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

.global-sidebar-menu-icon {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.global-sidebar-menu-icon svg {
    width: 30px;
    height: 30px;
}

.global-sidebar-menu-box:hover {
    background-color: rgba(183, 183, 183, 0.1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.glyphsSpriteDashboard__outline__24__grey_9 {
    background-repeat: no-repeat;
    background-position: -156px 0px;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
}


/*Right Sidebar Menu FINISHED*/

.moreThanone {
    position: absolute;
    right: 10px;
    top: 10px;
    background-position: -462px -3px;
    height: 24px;
    width: 24px;
}

.moreThanoneLink {
    position: absolute;
    right: 10px;
    top: 10px;
    background-position: -42px -445px;
    height: 24px;
    width: 24px;
}

.XrOey {
    padding: 6px;
    border-radius: 50%;
    border: 1px solid transparent;
    cursor: pointer;
    display: inherit;
}

.XrOey:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.section {
    min-height: 100%;
    overflow: hidden;
}

.boxitemscont {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px 0px;
}

.headerMenu {
    position: absolute;
    width: 100%;
    max-width: 215px;
    min-width: 215px;
    margin-left: -182px;
    margin-top: -22px;
    background-color: #15181c;
    padding: 10px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 9px 15px;
    -moz-box-shadow: rgba(0, 0, 0, .2) 0 9px 15px;
    box-shadow: rgba(0, 0, 0, .2) 0 9px 15px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    display: none;
}

.show_header_menu {
    display: block;
}

.top_menu {
    margin-top: -20px;
}

.header_menu_item {
    width: 100%;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 23px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.header_menu_item:hover {
    background-color: rgba(183, 183, 183, 0.1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.avatarProfile {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: block;
    height: 24px;
    overflow: hidden;
    width: 24px;
}

.glyphsSpriteLogout__outline__24__grey_16 {
    background-repeat: no-repeat;
    background-position: 0px -248px;
    width: 24px;
    height: 24px;
}

.glyphsSpriteLang__outline__24__grey_16 {
    background-image: url(icons/lgIcons.png);
    background-repeat: no-repeat;
    background-position: -75px 0px;
    width: 24px;
    height: 24px;
}

.glyphsSpriteSaved__outline__24__grey_16 {
    background-repeat: no-repeat;
    background-position: -52px -184px;
    height: 24px;
    width: 24px;
}

.header_menu_item span {
    margin-right: 10px;
}

.menu-arrow {
    border-bottom: 1px solid #15181c;
    margin: 5px 0px;
    position: relative;
    float: left;
    width: 100%;
}

.main {
    background-color: #000000;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    position: relative;
}

.container {
    padding-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 935px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.container_ex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 1010px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.ex_section_co {
    display: inline-block;
    width: 100%;
    background-color: #15181c;
    margin-bottom: 25px;
}

.grad {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: linear-gradient(transparent, rgba(183, 183, 183, .1));
    background: -webkit-linear-gradient(transparent, rgba(183, 183, 183, .1));
    height: 100%;
    left: 0px;
}

.ex_section_c {
    padding-top: 85px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 1010px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1;
    padding-bottom: 30px;
}

.newSto {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 5px;
    text-align: center;
    width: 100%;
    padding: 21% 0%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.plusSIc {
    position: absolute;
    width: 100%;
    top: -16px;
    left: 0px;
}

.plstr {
    position: relative;
    width: 32px;
    height: 32px;
    background-color: #15181c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    margin: 0px auto;
}

.plstr svg {
    width: 32px;
    height: 32px;
    ;
}

.cGcGK {
    float: left;
    margin-right: 15px;
    max-width: 615px;
    width: 100%;
}

.COOzN {
    margin-bottom: 30px;
    padding: 0;
    max-width: 300px;
    width: 100%;
}

.white_bg {
    background-color: #15181c;
}

.story_container {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #e6e6e6;
    padding: 10px 15px;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
    cursor: all-scroll;
    margin-bottom: 20px;
}

.add_story {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.img {
    background-color: #000000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
    margin-top: -13px;
    background-position: center;
    background-size: cover;
}

.img_avatar {
    background-color: #000000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover;
}

.size_img {
    width: 50px;
    height: 50px;
}

._5q_tv {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 104px !important;
}

._6q-tv {
    height: 100%;
    width: 100%;
}

.add_new_story {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 16px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.coreplusDesktopNavProfile {
    background-position: -413px -357px;
    height: 18px;
    width: 18px;
}

._0v2O4 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 14px;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 20px;
}

._0v2O4:not(:first-child) {
    margin-left: 0px;
}

.story_container::-webkit-scrollbar {
    width: 30px!important;
    height: 5px!important;
}

.story_container::-webkit-scrollbar-thumb {
    background-color: rgba(38, 38, 38, 0.54);
}

.story_container::-webkit-scrollbar-track {
    background: rgb(234, 238, 240);
}

.story_container::-webkit-scrollbar-track {
    background: rgb(234, 238, 240);
}

.uStry {
    position: relative;
    width: 50px;
    margin-left: 14px;
    cursor: pointer;
}

._81kxQ {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-weight: 600;
    color: #999;
    font-size: 14px;
    line-height: 18px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
    overflow: hidden;
    padding-right: 15px;
}

.zMhqu {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radiuz: 8px;
    -ms-border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.Ppjfr {
    height: 75px;
    padding: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.user_avatar {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    /*border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
	-webkit-animation: morph 3s ease-in-out infinite both alternate;
          animation: morph 3s ease-in-out infinite both alternate;*/
}


/*@-webkit-keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 60% 30% 70% 40%;
  }
  100% {
    border-radius: 40% 60%;
  }
}

@keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 60% 30% 70% 40%;
  }
  100% {
    border-radius: 40% 60%;
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(2turn);
            transform: rotate(2turn);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(2turn);
            transform: rotate(2turn);
  }
}*/

.comment_avatar {
    -webkit-align-self: initial;
    -ms-flex-item-align: initial;
    align-self: initial;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #E6E6E6;
}

.FPmhX {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    margin-left: -5px;
	color: #72a8fd;
}

._2dbep {
    background-color: #000000;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
}

.o-MQd {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-left: 12px;
    font: inherit;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: calc(100% - 28px);
    width: -webkit-calc(100% - 28px);
    width: -moz-calc(100% - 28px);
    width: -o-calc(100% - 28px);
    width: -ms-calc(100% - 28px);
}

.o-MQd img {
    vertical-align: middle;
}

.o-UQd {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-left: 12px;
    overflow: hidden;
    font: inherit;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    justify-content: center;
    align-items: center;
}

.o-UQd .nJAzx svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
}

.o-UQd a {
    text-decoration: none;
    color: #ffffff;
    font-size: 0.95em;
	line-height: 150%;
    vertical-align: middle;
    display: flex;
}

.chu_box_user_name svg {
    width: 15px;
    height: 15px;
    display: initial;
    vertical-align: middle;
    margin-left: 5px;
}

.AC5d8.notranslate.ttext_ svg {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    margin-left: 5px;
    display: flex;
    display: -webkit-flex;
}

.userNameMention a .userName svg {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: initial;
    justify-content: center;
    align-items: center;
}

.o-MQd .FPmhX svg {
    width: 20px;
    height: 15px;
}

.nJAzx {
    color: #ffffff !important;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    margin-left: -5px;
}

.post_menu {
    margin-left: auto;
    margin-right: -8px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding: 10px;
    border: 1px solid transparent;
    cursor: pointer;
}

.post_menu:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.iconPostMenu {
    background-repeat: no-repeat;
    background-position: -183px -52px;
    height: 24px;
    width: 24px;
}


/*Global Post Wrapper STARTED*/

.global_post_info_container {
    left: 0;
    position: relative;
    top: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: block;
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    overflow: hidden;
    min-height: 1px;
    outline: none;
}

.slick-slide {
    margin: 0px 0px;
}

.sldimg {
    position: relative;
    float: left;
    width: calc(100%/1 - 0px);
    width: -webkit-calc(100%/1 - 0px);
    width: -moz-calc(100%/1 - 0px);
    cursor: pointer;
}

.proAds {
    position: relative;
    float: left;
    width: 100%;
    height: auto !important;
    cursor: pointer;
}

.column-ads {
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

.sld_jjzlbU {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.sld_jjzlbU_mostPopular {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sld-exPexU {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.slick-slide img {
    display: block;
    width: 100%;
}

ul:not(.browser-default) {
    list-style-type: none;
}

.slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

ul:not(.browser-default) li {
    list-style-type: none;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 4px;
    cursor: pointer;
    color: transparent;
    border: 1px solid #ffffff;
    outline: none;
    background-color: #15181c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #3897f0;
    width: 8px;
    height: 8px;
    top: 1px;
    left: 1px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.slick-dots li button:before {
    font-family: 'slick';
    line-height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.column-1 {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -moz-transition: all ease .25s;
    -o-transition: all ease .25s;
    transition: all .25s ease;
}

.column-1:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1), 0 15px 35px rgba(0, 0, 0, .05);
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.newNotificationTest {
    position: absolute;
    background-color: #15181c;
    transform: translate(-10p, 50px);
    -webkit-transform: translate(-10px, 50px);
    -moz-transform: translate(-10p, 50px);
    -o-transform: translate(-10p, 50px);
    -ms-transform: translate(-10p, 50px);
    width: 100%;
    max-width: 360px;
    right: 0px;
    top: 3px;
    bottom: 17px;
    z-index: 9999;
    border-radius: 10px;
    display: flex;
    height: calc(95vh - 17px);
    height: -webkit-calc(95vh - 17px);
    height: -o-calc(95vh - 17px);
    height: -ms-calc(95vh - 17px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1), 0 15px 35px rgba(0, 0, 0, .05);
    overflow: hidden;
    overflow-y: scroll;
}

.slick-prev {
    left: 0px;
    z-index: 5;
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -458px -32px;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0.37);
}

.slick-next {
    right: 0px;
    z-index: 5;
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -458px -96px;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.eo2As {
    padding: 0px 0px;
}

.ltpMr,
.krLrw {
    margin-top: 4px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

._15y0l,
.fr66n,
.wmtNn {
    display: inline-block;
}

.fr66n {
    margin-left: -8px;
}

._15y0l {
    display: none !important;
}

.hov:hover>.UserCommentButtons .krLrw ._15y0l {
    display: inline-block !important;
}

.dCJp8 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dCJp8:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.l_animation:after {
    content: "";
    position: absolute;
    min-height: 41px;
    min-width: 41px;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0;
    background: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-image: url(icons/icons_tree.png);
    background-repeat: no-repeat;
    background-position: -211px -63px;
    -webkit-animation-name: Rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: Rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: Rotate;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

.ul_animation:after {
    content: "";
    position: absolute;
    min-height: 41px;
    min-width: 41px;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0;
    background: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-image: url(icons/icons_tree.png);
    background-repeat: no-repeat;
    background-position: -211px -117px;
    -webkit-animation-name: Rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: Rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: Rotate;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

.f_animation:after {
    content: "";
    position: absolute;
    min-height: 41px;
    min-width: 41px;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0;
    background: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-image: url(icons/icons_tree.png);
    background-repeat: no-repeat;
    background-position: -211px -171px;
    -webkit-animation-name: Rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: Rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: Rotate;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

.c_animation:after {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0;
    background: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -243px -165px;
    -webkit-animation-name: Rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: Rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: Rotate;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

.cr_animation:after {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0;
    background: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -207px -165px;
    -webkit-animation-name: Rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: Rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: Rotate;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

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

@-moz-keyframes Rotate {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

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

._6jUvg {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 55;
    background-color: rgba(0, 0, 0, 0.5);
}

.Y9j-N {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: like-heart-animation;
    animation-name: like-heart-animation;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.coreSpriteLikeAnimationHeart {
    background-repeat: no-repeat;
    background-position: -88px -195px;
    height: 88px;
    width: 106px;
}

.coreSpriteUnLikeAnimationHeart {
    background-repeat: no-repeat;
    background-position: -88px -81px;
    height: 100px;
    width: 106px;
}

@-webkit-keyframes like-heart-animation {
    0%,
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    15% {
        opacity: .9;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    30% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    45%,
    80% {
        opacity: .9;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes like-heart-animation {
    0%,
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    15% {
        opacity: .9;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    30% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    45%,
    80% {
        opacity: .9;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.Y9j-N,
._6jUvg {
    pointer-events: none
}

._6jUvg {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Y9j-N {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: like-heart-animation;
    animation-name: like-heart-animation;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.cKrt9 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 15px;
    min-width: 15px;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid transparent;
    margin-left: 5px;
}

.cKrt9:hover {
    background-color: rgba(183, 183, 183, 0.1);
    border: 1px solid #E9E9E9;
}

.Szr5J {
    overflow: hidden;
    white-space: nowrap;
}

.glyphsSpriteHeart__outline_ok__24__grey_9 {
    background-repeat: no-repeat;
    background-position: -210px -103px;
    height: 24px;
    width: 24px;
}

.glyphsSpriteFavourite_outline_added {
    background-repeat: no-repeat;
    background-position: -52px -184px;
    height: 24px;
    width: 24px;
}

.glyphsSpriteHeart__filled__24__red_5,
.glyphsSpriteHeart__outline__24__grey_9 {
    background-repeat: no-repeat;
    background-position: -210px -25px;
    height: 24px;
    width: 24px;
}

.glyphsSpriteComment__outline__24__grey_9,
.glyphsSpriteDelete__outline__24__grey_0 {
    background-repeat: no-repeat;
    background-position: -98px -138px;
    height: 24px;
    width: 24px;
}

.glyphsSpriteSave__outline__24__grey_9,
.glyphsSpriteSearch__filled__24__grey_9 {
    background-repeat: no-repeat;
    background-position: -130px -184px;
    height: 24px;
    width: 24px;
}

.wmtNn {
    margin-left: auto;
    margin-right: -8px;
}

.EDfFK {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    transition: all .3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    padding-left: 16px;
}

.top_bottom_space {
    margin-bottom: 0px;
    margin-top: 14px;
}

.tooltip-content {
    font-size: 13px;
}

.HbPOm {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.cqXBL,
.cqXBL:visited,
.y9v3U {
    color: #ffffff;
}

.y9v3U {
    display: block;
}

.zV_Nj,
.zV_Nj:visited {
    color: #e74c3c;
    vertical-align: middle;
    font: inherit;
    font-size: 14px;
    font-weight: 500;
}

.vTJ4h {
    color: #999;
    vertical-align: middle;
    font: inherit;
    font-size: 14px;
    font-weight: 500;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

.comments {
    margin-top: 10px;
}

.likedBefore {
    position: absolute;
    z-index: 2;
    left: 0px;
    transition: all .5s ease-out;
    -webkit-animation: bounceIn 0.5s ease-in-out 0.5s;
    animation: bounceIn 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.preloadCom {}

.gElp9 {
    padding-bottom: 9px;
    padding-left: 9px;
    position: relative;
    word-wrap: break-word;
    margin-top: 0px;
    padding-top: 9px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    margin-bottom: 5px;
}

.gElp9:last-child {
    margin-bottom: 0px;
}

.commentBody_w {
    position: relative;
    word-wrap: break-word;
    margin-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: calc(100% - 41px);
    width: -webkit-calc(100% - 41px);
    width: -moz-calc(100% - 41px);
    width: -o-calc(100% - 41px);
    width: -ms-calc(100% - 41px);
}

.o-MQd a {
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.glyphsSpriteHeart__outline__24__grey_12 {
    background-repeat: no-repeat;
    background-position: -219px -431px;
    height: 24px;
    width: 24px;
}

.glyphsSpriteHeart__outline__24__grey_12_ok {
    height: 24px;
    width: 24px;
    display: inherit;
}

.glyphsSpriteDelete__outline__24__grey_13 {
    height: 24px;
    width: 24px;
    display: inherit;
    padding: 3px;
}

.glyphsSpriteReport__outline__24__grey_14 {
    background-repeat: no-repeat;
    background-position: -266px -432px;
    height: 24px;
    width: 24px;
}

.glyphsSpriteEdit__outline__24__grey_14 {
    height: 24px;
    width: 24px;
    display: inherit;
    padding: 3px;
}

.pad4Rd {
    padding-left: 43px;
    margin-top: 0px !important;
}

.cl2s {
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    line-height: 27px;
    margin-left: 3px;
}

.mewfM {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    z-index: 1;
    bottom: 1px;
    right: 1px;
}

.CmewfM {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.coreSpriteVerifiedBadgeSmall {
    background-repeat: no-repeat;
    background-position: -444px -319px;
    height: 12px;
    width: 12px;
}

.sH9wk {
    color: #999;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 18px;
    min-height: 56px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 26px;
    padding-left: 16px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-top: 5px;
}

.hov:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.Ypffh {
    background: 0 0;
    border: 0;
    color: #ffffff;
    font-size: inherit;
    height: 18px;
    outline: 0;
    padding: 0;
    resize: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.post_text_container {
    width: 100%;
    overflow: hidden;
    display: inline-block;
	font-size: 1.10em;
	line-height: 150%;
}

.post_title {
    position: relative;
    font-weight: 400;
    font-size: 25px;
	line-height: 110%;
    color: #ffffff;
    padding: 15px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.post_text_info {
    position: relative;
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    padding: 0px 16px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    display: inline-block;
    padding-bottom: 15px;
    width: 100%;
    padding-top: 10px;
}

.m0NAq {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius:8px;
    border-top-right-radius:8px; 
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px; 
    margin-bottom: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

._pbwg8U_ {
    position: relative;
    float: left;
    width: 100%;
    height: 150px;
    overflow: hidden;
}

._jjzlbU_ {
    position: relative;
    padding-top: 50%;
    width: 100%;
    height: 180px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

._exPexU {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.a4Ce_ {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: -60px;
}

.infoProfileAvatar {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0px auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #000000;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.infoProfileAvatar img {
    width: 100%;
}

.userNameMention {
    position: relative;
    width: 100%;
    padding: 10px 0px;
}

.userName {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.userName a {
    color: #ffffff;
}

.userMention {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #9A9A9A;
    padding: 5px 0px;
}

.cardMenuContainer {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 0px 16px 16px 16px;
}

.carProfileLink {
    position: relative;
    float: left;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -moz-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    text-align: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
}

.carHeaderText {
    position: relative;
    width: 100%;
    padding: 3px 0px;
    font-size: 14px;
    font-weight: 500;
    color: #c1c2c4;
    padding-bottom: 10px;
}

.carProfileLink:hover {
    background-color: rgba(183, 183, 183, 0.1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.hitHash:hover {
    background-color: rgba(183, 183, 183, 0.1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.carHeaderSum {
    position: relative;
    width: 100%;
    padding: 3px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

.glyphsSpriteSettings__outline__24__grey_9 {
    background-repeat: no-repeat;
    background-position: -210px 0px;
    width: 24px;
    height: 24px;
}

.aBsl {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    cursor: pointer;
}

.hAstHit {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    border: 1px solid rgba(183, 183, 183, 0.1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-bottom: 30px;
}

.popularPost {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}

.mostPopularPostContainer {
    display: inline-block;
    width: 100%;
}

.mostPopularPostHeader {
    height: 60px;
    padding: 10px 11px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #15181c;
    border-top: 1px solid rgba(183, 183, 183, 0.1);
    border-left: 1px solid rgba(183, 183, 183, 0.1);
    border-right: 1px solid rgba(183, 183, 183, 0.1);
    margin-top: 10px;
}

.mostPopularRadar {
    position: relative;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    background-image: url(icons/icons_two.png);
    background-position: 266px -29px;
    background-repeat: no-repeat;
    padding: 5px 0px;
}

.mostPopularPost {
    border-left: 1px solid rgba(183, 183, 183, 0.1);
    border-right: 1px solid rgba(183, 183, 183, 0.1);
}

.mostPopularPost .column-1 .slick-list .slick-track {
    overflow: hidden;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.mostPopularPostFooter .wmtNn {
    line-height: 39px;
    font-weight: 600;
}

.mostPopularPostFooter .wmtNn .vTJ4h {
    font-weight: 600;
}

.mostPopularPostFooter {
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 10px;
    border-left: 1px solid rgba(183, 183, 183, 0.1);
    border-right: 1px solid rgba(183, 183, 183, 0.1);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.mostPopularImageContainer {
    display: block;
}

.mostPopularImageContainer img {
    overflow: hidden;
    width: 100%;
}

.mpRight {
    float: right;
}

.globalBoxHeader {
    position: relative;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

.globalBoxRight {
    position: relative;
    width: 100%;
    padding: 15px;
    display: inline-block;
}

.hitHash {
    position: relative;
    width: 100%;
    padding: 8px 15px 6px 15px;
    display: inline-block;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.iconHitHash {
    background-repeat: no-repeat;
    background-position: -297px -432px;
    width: 24px;
    height: 24px;
    float: left;
}

.hitHashnSum {
    padding-left: 10px;
    display: inline-block;
}

.hitHashn::first-letter {
    text-transform: uppercase !important;
}

.hitHashn {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-transform: lowercase;
}

.hashSum {
    color: #9D9D9D;
    font-size: 12px;
    font-weight: 300;
    padding: 3px 0px;
}

.gameBox {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    border: 1px solid rgba(183, 183, 183, 0.1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-bottom: 8px;
}

.globalBoxHeader {
    position: relative;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

.gameBoxRight {
    position: relative;
    width: 100%;
    display: inline-block;
}

.game_item {
    position: relative;
    width: 100%;
    width: calc(100% / 5 - 0px);
    width: -webkit-calc(100% / 5 - 0px);
    width: -o-calc(100% / 5 - 0px);
    width: -ms-calc(100% / 5 - 0px);
    width: -moz-calc(100% / 5 - 0px);
    float: left;
}

.game_item:nth-child(6) {
    position: relative;
    width: 100%;
    width: calc(100% / 1 - 0px);
    width: -webkit-calc(100% / 1 - 0px);
    width: -o-calc(100% / 1 - 0px);
    width: -ms-calc(100% / 1 - 0px);
    width: -moz-calc(100% / 1 - 0px);
    float: left;
}

.game_avatar {
    position: relative;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 5px auto;
    border: 1px solid rgba(0, 0, 0, .1);
}

.game_avatar img {
    width: 100%;
}

.game_item:nth-child(6) .game_avatar {
    position: relative;
    width: 100%;
    border-radius: 0px;
    height: 200px;
    overflow: hidden;
}

.popUpPreLoaderWrap {
    position: fixed;
    z-index: 99999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    opacity: 1;
    transform: scale(1);
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.96);
}

.popUpPreLoaderContainer {
    font-family: Helvetica, Arial, sans-serif;
    margin: 40px auto 40px;
    position: relative;
    width: 100%;
    max-width: 50px;
    transition: all .3s ease-out;
    -webkit-animation: fadeIn 0.45s ease-in-out 0.3s;
    animation: fadeIn 0.45s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.popUpPreLoaderMiddle {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    padding: 40px 0px;
    min-height: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.initial {
    -webkit-flex-direction: initial !important;
    -ms-flex-direction: initial !important;
    flex-direction: initial !important;
}

.poStListmEnU {
    position: fixed;
    z-index: 999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    opacity: 1;
    transform: scale(1);
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.96);
}

.menu-modal-Wrap {
    font-family: Helvetica, Arial, sans-serif;
    margin: 40px auto 40px;
    position: relative;
    width: 100%;
    max-width: 700px;
    transition: all .3s ease-out;
    -webkit-animation: fadeIn 0.45s ease-in-out 0.3s;
    animation: fadeIn 0.45s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.menu-modal-middle {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    padding: 40px 0px;
    min-height: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postBoxCategoryItem {
    position: relative;
    float: left;
    display: inline-block;
    width: 100%;
    width: calc(100% / 5 - 0px);
    width: -webkit-calc(100% / 5 - 0px);
    width: -moz-calc(100% / 5 - 0px);
    width: -ms-calc(100% / 5 - 0px);
    width: -o-calc(100% / 5 - 0px);
    opacity: 0;
    cursor: pointer;
    transform: translateY(0px);
    margin-bottom: 15px;
}

.postBoxCategoryItem:hover {
    transition: transform .1s linear;
    transform: scale(1.07)!important;
}

.postBoxCategoryItem:nth-child(1) {
    transition: all .1s ease-out;
    -webkit-animation: fadeInDown 0.1s ease-in-out 0.1s;
    animation: fadeInDown 0.1s ease-in-out 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postBoxCategoryItem:nth-child(2) {
    transition: all .2s ease-out;
    -webkit-animation: fadeInDown 0.2s ease-in-out 0.2s;
    animation: fadeInDown 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postBoxCategoryItem:nth-child(3) {
    transition: all .3s ease-out;
    -webkit-animation: fadeInDown 0.3s ease-in-out 0.3s;
    animation: fadeInDown 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postBoxCategoryItem:nth-child(4) {
    transition: all .4s ease-out;
    -webkit-animation: fadeInDown 0.4s ease-in-out 0.4s;
    animation: fadeInDown 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postBoxCategoryItem:nth-child(5) {
    transition: all .5s ease-out;
    -webkit-animation: fadeInDown 0.5s ease-in-out 0.5s;
    animation: fadeInDown 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.postBoxCategoryItem:nth-child(6) {
    transition: all .6s ease-out;
    -webkit-animation: fadeInDown 0.6s ease-in-out 0.6s;
    animation: fadeInDown 0.6s ease-in-out 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.iconQuitck {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0px auto;
    background-color: #15181c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    /*box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);*/
}

.iconQuitck:hover {
    -moz-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.05), 0 9px 46px 8px rgba(0, 0, 0, 0.04), 0 11px 15px -7px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.05), 0 9px 46px 8px rgba(0, 0, 0, 0.04), 0 11px 15px -7px rgba(0, 0, 0, 0.06);
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.05), 0 9px 46px 8px rgba(0, 0, 0, 0.04), 0 11px 15px -7px rgba(0, 0, 0, 0.06);
}

.post_icon {
    background-repeat: no-repeat;
    background-image: url(icons/quick_compose_sprite.png);
}

.quickTextPost {
    background-position: 0 0;
}

.quickImagePost {
    background-position: 0 -100px;
}

.quickmusicPost {
    background-position: 0 -200px;
}

.quickLinkPost {
    background-position: 0 -300px;
}

.quickVideoPost {
    background-position: 0 -400px;
}

.quickfilterPost {
    background-position: 0 -600px;
}

.sidebarFooter {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.u4mil {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.n3ufer {
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 0px;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}

.n3ufer a {
    text-decoration: none;
    color: #ffffff;
}

.n3ufer:not(:last-of-type)::after {
    content: "\00B7";
    margin: 0px 1px 0px 6px;
}

.uMnUsrS {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.suggestedUserBody {
    position: relative;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 8px 12px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: pointer;
}

.suggestedUserBody:hover {
    background-color: rgba(183, 183, 183, 0.1);
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    border-top: 1px solid rgba(183, 183, 183, 0.1);
}

.suggestedBoxRight {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
}

.suggestedAvatar {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 48px;
    overflow: hidden;
    width: 48px;
    background-position: center;
    background-size: cover;
}

.a0uk {
    width: 100%;
    border: 0;
    vertical-align: middle;
}

.suggestedNameFollower {
    float: left;
    position: relative;
    height: 40px;
    padding-left: 10px;
}

.suggestedName {
    float: left;
    color: #4ce959;
    font-weight: 600;
    font-size: 12px;
    width: 100%;
    padding-bottom: 3px;
}

.suggestedName a {
    text-decoration: none;
    color: #ffffff;
}

.suggestedName a svg {
    width: 15px;
    height: 15px;
    margin-left: 5px;
}

.suggestedName a:hover {
    text-decoration: underline;
}

.suggestedFollower {
    float: left;
    color: #ffffff;
    font-weight: 300;
    font-size: 11px;
    width: 100%;
    padding: 5px 0px;
}

.suggestedFollow {
    position: absolute;
    right: 12px;
    top: 12px;
    height: 30px;
}

.iconFollow {
    background-repeat: no-repeat;
    background-position: -336px -426px;
    width: 30px;
    height: 30px;
    float: left;
}

.iconFollowSended {
    background-repeat: no-repeat;
    background-position: -371px -426px;
    width: 30px;
    height: 30px;
    float: left;
}


/*Profile STARTED*/

.profile_cover_container {
    margin-top: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    width: 100%;
}

.CoverImage {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-height: 350px;
    min-height: 350px;
    max-width: 940px;
    margin: 0px auto;
    width: 100%;
    -moz-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.6);
    border-radius: 0px 0px max(0px, min(8px, -999900% - 39996px + 999900vw)) max(0px, min(8px, -999900% - 39996px + 999900vw)) / 0px 0px 8px 8px;
}

.profile_coverBgGradient {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(64px);
    -moz-filter: blur(64px);
    -o-filter: blur(64px);
    -ms-filter: blur(64px);
    filter: blur(64px);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.profile_coverBgGradient:before {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
}

.xSlty {
    margin-top: -100px;
    z-index: 3;
}

.profile_avatar_image_container {
    position: relative;
    width: 168px;
    height: 168px;
    border: 3px solid #F7F8F9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.profile_avatar_image_profile {
    position: relative;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.uploadNewAvatar {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: rgba(0, 0, 0, .4);
    top: 0px;
    display: none;
    transition: all 0.2s ease-out;
    -webkit-animation: zoomIn 0.2s ease-in-out 0.2s;
    animation: zoomIn 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

input#change {
    display: none;
    opacity: 0;
}

input#changeCover {
    display: none;
    opacity: 0;
}

#profile_cover_container {
    width: 100%;
}

.chng-avatar {
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
}

.profile_avatar_image_profile:hover .uploadNewAvatar {
    display: block;
}

.uploadNewAvatarBtn {
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
}

.upladNewImage {
    background-repeat: no-repeat;
    background-position: -131px -144px;
    width: 35px;
    height: 30px;
    margin: 0px auto;
    position: relative;
}

.uploadNewAvatar_title {
    position: relative;
    width: 100%;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    padding-top: 5px;
}

.uploadNewCover {
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    padding: 10px;
    padding-top: 12px;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: none;
    transition: all 0.2s ease-out;
    -webkit-animation: fadeIn 0.2s ease-in-out 0.2s;
    animation: fadeIn 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.profile_cover_container:hover .uploadNewCover {
    display: block;
}

.upladNewCoverImage {
    background-repeat: no-repeat;
    background-position: -131px -144px;
    width: 35px;
    height: 30px;
    position: relative;
}

.uploadNewCover_title {
    position: relative;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    padding-top: 5px;
}

.avatarUploadingAnimation {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    top: 0px;
    background: linear-gradient(271deg, #6700df, #df00d7, #ff5100, #ffa000);
    background-size: 800% 800%;
    -webkit-animation: uploadingAvatarAnimation 5s ease infinite;
    -moz-animation: uploadingAvatarAnimation 5s ease infinite;
    -o-animation: uploadingAvatarAnimation 5s ease infinite;
    animation: uploadingAvatarAnimation 5s ease infinite;
}

.coverUploadingAnimation {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    background: linear-gradient(271deg, #6700df, #df00d7, #ff5100, #ffa000);
    background-size: 800% 800%;
    -webkit-animation: uploadingAvatarAnimation 5s ease infinite;
    -moz-animation: uploadingAvatarAnimation 5s ease infinite;
    -o-animation: uploadingAvatarAnimation 5s ease infinite;
    animation: uploadingAvatarAnimation 5s ease infinite;
}

@-webkit-keyframes uploadingAvatarAnimation {
    0% {
        background-position: 0% 52%
    }
    50% {
        background-position: 100% 49%
    }
    100% {
        background-position: 0% 52%
    }
}

@-moz-keyframes uploadingAvatarAnimation {
    0% {
        background-position: 0% 52%
    }
    50% {
        background-position: 100% 49%
    }
    100% {
        background-position: 0% 52%
    }
}

@-o-keyframes uploadingAvatarAnimation {
    0% {
        background-position: 0% 52%
    }
    50% {
        background-position: 100% 49%
    }
    100% {
        background-position: 0% 52%
    }
}

@keyframes uploadingAvatarAnimation {
    0% {
        background-position: 0% 52%
    }
    50% {
        background-position: 100% 49%
    }
    100% {
        background-position: 0% 52%
    }
}

.u_new_avatar {
    position: absolute;
    bottom: 0;
    background: linear-gradient(transparent, #000000);
    width: 100%;
    padding: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
}

.pUsrNm {
    margin: 0px auto;
    position: relative;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.pUsrLTxt {
    position: relative;
	color: #fff;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 635px;
    margin: 0px auto;
    line-height: 1.4rem;
    font-weight: 400;
    font-size: 14px;
}

.pUsrFlpsM {
    position: relative;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0px auto;
    margin-top: 15px;
    width: 100%;
    max-width: 375px;
}

.pUsrFlpsM_p {
    position: relative;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0px auto;
    padding: 10px 0px;
    width: 100%;
    max-width: 675px;
}

.pUsrFlpsM_p_info {
    margin: 0px auto;
    padding-top: 20px;
    width: 100%;
    max-width: 935px;
    background-color: #15181c;
    margin-bottom: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 10px;
    flex-wrap: wrap;
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap-reverse;
    -moz-flex-wrap: wrap-reverse;
    display: none;
    opacity: 0;
}

.opened {
    /* transition: all 0.2s ease-out;
    -webkit-animation: fadeInDown 0.2s ease-in-out 0.2s;
    animation: fadeInDown  0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;  */
    opacity: 1 !important;
    display: block !important;
}

.opened_ {
    transition: all 0.2s ease-out;
    -webkit-animation: fadeIn 0.2s ease-in-out 0.2s;
    animation: fadeIn 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1 !important;
    display: block !important;
}

.AC5d8 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 0;
    padding-bottom: 5px;
    color: #ffffff;
    display: flex;
    display: -webkit-flex;
}

.mrEK_ {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 7px;
}

.coreSpriteVerifiedBadge {
    background-position: -433px -357px;
    height: 18px;
    width: 18px;
}

.profile_posts_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 615px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 30px;
}

.profile_friends_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 935px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 30px;
}

.pUPsms {
    position: relative;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -moz-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    float: left;
    padding: 15px 20px;
}

.puTp {
    position: relative;
    width: 100%;
    padding: 3px 0px;
    font-size: 19px;
    font-weight: 400;
    color: #ffffff;
}

.putpx {
    position: relative;
    width: 100%;
    padding: 3px 0px;
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
}

.fx7hk {
    border-top: 1px solid #15181c;
    border-bottom: 1px solid #15181c;
    background-color: rgba(183, 183, 193, 0.1);
}

.pUmA {
    position: relative;
    width: 100%;
    max-width: 935px;
    margin: 0px auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 12px;
    font-weight: 600;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 1px;
    text-align: center;
}

.iconWrp {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 10px 5%;
}

.iconWrp:not(:last-child) {
    margin-right: 10px;
}

.iconWrp:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.list_gridView {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
}

.list_icon_grid {
    background-position: 0px -183px;
}

.list_icon_list {
    background-position: -182px -129px;
}

.list_icon_text {
    background-position: -58px -209px;
}

.list_icon_image {
    background-position: -149px -135px;
}

.list_icon_link {
    background-position: -121px -209px;
}

.list_icon_video {
    background-position: -90px -209px;
}

.list_icon_music {
    background-position: -151px -209px;
}

.COOzN_P {
    margin-bottom: 30px;
    padding: 0;
    top: 0px;
    max-width: 300px;
    position: relative;
    right: 0;
    width: 100%;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.cGcGK_p {
    float: left;
    margin-left: 0px;
    max-width: 615px;
    width: 100%;
}

.cGcGK_pNo {
    float: left;
    margin-left: 0px;
    max-width: 615px;
    width: 100%;
    min-height: 800px;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #6f65ef;
}

.secretAccount_icon {
    position: relative;
    margin: 0px auto;
    width: 149px;
    height: 149px;
    background-repeat: no-repeat;
    background-position: -149px 0px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-top: 25px;
}

.Ar2yR_ {
    position: relative;
    border: 2px solid transparent;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    max-width: 165px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 5px 18px 5px 12px;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
}

.button_blue {
    background-color: #3b8ede !important;
    color: #ffffff !important;
}

.button_orange {
    background-color: #ef6c00 !important;
    color: #ffffff !important;
}

.button_yellow {
    background-color: #00897b !important;
    color: #ffffff !important;
}

.Ar2yR_:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.pfst_item:not(:last-child) {
    margin-right: 10px;
}

.sendMicon {
    background-repeat: no-repeat;
    background-position: -180px -209px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.sendFicon {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 24px;
    height: 24px;
}

.alreadyFriend {
    background-repeat: no-repeat;
    background-position: 0px -25px;
    width: 24px;
    height: 24px;
}

.friendWaiting {
    background-repeat: no-repeat;
    background-position: -32px -25px;
    width: 24px;
    height: 24px;
}

.sendf {
    margin-right: 8px;
    margin-top: 3px;
}

.showAicon {
    width: 28px;
    height: 28px;
    display: initial;
}

.profileInfoCardBox {
    position: relative;
    float: left;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    padding: 0px 15px;
    ;
}

.global_infoBox {
    vertical-align: baseline;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0 0;
    -webkit-tap-highlight-color: transparent;
}

.info_title {
    position: relative;
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px;
    background-color: #000000;
    margin: 0px;
    border-radius: 8px;
    -webkit-border-radius:8px;
}

.info_form_items {
    position: relative;
    width: 100%;
    display: inline-block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 15px;
}

.info_item_box {
    position: relative;
    width: 100%;
    padding: 9px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.info_item_title {
    position: relative;
    float: left;
    width: 30%;
    font-weight: 500;
    color: #ffffff;
    font-size: 15px;
}

.info_item_answer {
    position: relative;
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    width: 400px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 60%;
    line-height: 1.2rem;
}

.info_user_friend_box {
    position: relative;
    display: inline-block;
    width: 100%;
    width: calc(100% / 6 - 0px);
    width: -webkit-calc(100% / 6 - 0px);
    width: -ms-calc(100% / 6 - 0px);
    width: -moz-calc(100% / 6 - 0px);
    width: -o-calc(100% / 6 - 0px);
}

.user_friend_avatar {
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 5px auto;
}

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

.user_friend_avatar img {
    width: 100%;
}

.other_friends_icon {
    display: inline-block;
    width: 60px;
    height: 60px;
}

.intr {
    position: relative;
    display: inline-block;
    margin: 5px 7px 5px 0;
    padding: 7px 15px 8px 12px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #000000;
    color: #ffffff;
    line-height: 1.143;
    transition: background .2s;
    cursor: pointer;
    border: 1px solid transparent;
}

.intr-txt {
    overflow: hidden;
    max-width: 220px;
    margin: 0 0 -4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.143;
    color: #ffffff;
}

.relaxicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -82px;
    margin-right: 7px;
}

.funnyicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -105px;
    margin-right: 7px;
}

.swimmingicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -122px;
    margin-right: 7px;
}

.eatingicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -143px;
    margin-right: 7px;
}

.eatingiwithfriendscon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -164px;
    margin-right: 7px;
}

.filmicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -183px;
    margin-right: 7px;
}

.cinemaicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -205px;
    margin-right: 7px;
}

.musicicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -226px;
    margin-right: 7px;
}

.interneticon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -244px;
    margin-right: 7px;
}

.webdesignicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -264px;
    margin-right: 7px;
}

.businessicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0px -282px;
    margin-right: 7px;
}

.bookicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: -22px -283px;
    margin-right: 7px;
}

.singicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: -22px -264px;
    margin-right: 7px;
}

.travelicon {
    float: left;
    width: 16px;
    height: 16px;
    background-position: -22px -245px;
    margin-right: 7px;
}

.rightSidebarHeaderTop {
    display: none;
}

._item_answer {
    position: relative;
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    width: 400px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 1.2rem;
    padding: 2px 0px;
}

.noResultf {
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #ffffff;
}

.featuredImagesVideosContainer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.featuredImages_ {
    position: relative;
    width: 100%;
    display: inline-block;
}

._pbwg8Uft {
    position: relative;
    float: left;
    width: calc(100%/ 6 - 0px);
    width: -webkit-calc(100%/ 6 - 0px);
    width: -moz-calc(100%/ 6 - 0px);
    width: -o-calc(100%/ 6 - 0px);
    width: -ms-calc(100%/ 6 - 0px);
    display: block;
}

.info_form_items ._pbwg8Uft {
    position: relative;
    float: left;
    width: calc(100%/ 3 - 0px);
    width: -webkit-calc(100%/ 3 - 0px);
    width: -moz-calc(100%/ 3 - 0px);
    width: -o-calc(100%/ 3 - 0px);
    width: -ms-calc(100%/ 3 - 0px);
    display: block;
}

.info_form_items ._pbwg8Uft ._jjzlbUft {
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

._pbwg8Uft:nth-child(7),
._pbwg8Uft:nth-child(8),
._pbwg8Uft:nth-child(9),
._pbwg8Uft:nth-child(10),
._pbwg8Uft:nth-child(11),
._pbwg8Uft:nth-child(12) {
    display: none;
}

.profileInfoCardBox:nth-child(1) {
    transition: all 0.1s ease-out;
    -webkit-animation: fadeIn 0.1s ease-in-out 0.1s;
    animation: fadeIn 0.1s ease-in-out 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.profileInfoCardBox:nth-child(2) {
    transition: all 0.2s ease-out;
    -webkit-animation: fadeIn 0.2s ease-in-out 0.2s;
    animation: fadeIn 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

._pbwg8Uft:nth-child(1) {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

._pbwg8Uft:nth-child(2) {
    transition: all 0.4s ease-out;
    -webkit-animation: fadeIn 0.4s ease-in-out 0.4s;
    animation: fadeIn 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

._pbwg8Uft:nth-child(3) {
    transition: all 0.5s ease-out;
    -webkit-animation: fadeIn 0.5s ease-in-out 0.5s;
    animation: fadeIn 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

._pbwg8Uft:nth-child(4) {
    transition: all 0.6s ease-out;
    -webkit-animation: fadeIn 0.6s ease-in-out 0.6s;
    animation: fadeIn 0.6s ease-in-out 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

._pbwg8Uft:nth-child(5) {
    transition: all 0.7s ease-out;
    -webkit-animation: fadeIn 0.7s ease-in-out 0.7s;
    animation: fadeIn 0.7s ease-in-out 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

._pbwg8Uft:nth-child(6) {
    transition: all 0.8s ease-out;
    -webkit-animation: fadeIn 0.8s ease-in-out 0.8s;
    animation: fadeIn 0.8s ease-in-out 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.info_user_friend_box:nth-child(1) {
    transition: all 0.22s ease-out;
    -webkit-animation: fadeIn 0.22s ease-in-out 0.22s;
    animation: fadeIn 0.22s ease-in-out 0.22s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.info_user_friend_box:nth-child(2) {
    transition: all 0.24s ease-out;
    -webkit-animation: fadeIn 0.24s ease-in-out 0.24s;
    animation: fadeIn 0.24s ease-in-out 0.24s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.info_user_friend_box:nth-child(3) {
    transition: all 0.26s ease-out;
    -webkit-animation: fadeIn 0.26s ease-in-out 0.26s;
    animation: fadeIn 0.26s ease-in-out 0.26s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.info_user_friend_box:nth-child(4) {
    transition: all 0.28s ease-out;
    -webkit-animation: fadeIn 0.28s ease-in-out 0.28s;
    animation: fadeIn 0.28s ease-in-out 0.28s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.info_user_friend_box:nth-child(5) {
    transition: all 0.285s ease-out;
    -webkit-animation: fadeIn 0.285s ease-in-out 0.285s;
    animation: fadeIn 0.285s ease-in-out 0.285s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.info_user_friend_box:nth-child(6) {
    transition: all 0.29s ease-out;
    -webkit-animation: fadeIn 0.29s ease-in-out 0.29s;
    animation: fadeIn 0.29s ease-in-out 0.29s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fx7hk.is_stuck {
    margin-top: 52px;
    z-index: 9;
}

._jjzlbUft {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.exPexUft {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.aUCRo {
    height: 52px;
}

.buoMu {
    height: 52px;
    padding: 0px;
}

.topico {
    margin-top: 9px;
}


/*Profile FINISHED*/


/*Chat STARTED*/

.message_time_set {
    display: none;
}

.messageBox_body:hover .message_time_set {
    display: block;
}

.friend:active {
    background-color: #e5e4e4;
}

.you:active {
    background-color: #006CD0;
}

.m_time_me {
    font-size: 13px;
    font-weight: 300;
    color: #ffffff;
    padding: 7px 4px;
    float: right;
    line-height: 1.3rem;
}

.m_time_friend {
    font-size: 13px;
    font-weight: 300;
    color: #ffffff;
    padding: 7px 4px;
    float: left;
    line-height: 1.3rem;
}

.Chatmain {
    background-color: #15181c;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 52px;
}

._36ic {
    box-sizing: border-box;
    justify-content: space-between;
    padding: 12px;
    width: 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.chatSetting {
    width: 32px;
    height: 32px;
}

.glyphsSpriteChatSettings__outline__24__grey_9 {
    background-repeat: no-repeat;
    background-position: -210px 6px;
    width: 32px;
    height: 32px;
}

._1tqi {
    flex-basis: 100%;
    margin: 8px 0 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s;
}

.glyphsSpriteChatFriends__outline__24__grey_9 {
    padding: 10px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .04);
    margin-right: 10px;
    cursor: pointer;
}

.glyphsSpriteChatFriends__outline__24__grey_9 svg {
    width: 20px;
    height: 20px;
}

._1t2u {
    border-left: 1px solid rgb(183, 183, 183, .1);
    -o-flex: 3;
    -ms-flex: 3;
    -webkit-flex: 3;
    /* Safari 6.1+ */
    -ms-flex: 3;
    /* IE 10 */
    flex: 3;
    min-width: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

._1t2u2 {
    -o-flex: 3;
    -ms-flex: 3;
    -webkit-flex: 3;
    /* Safari 6.1+ */
    -ms-flex: 3;
    /* IE 10 */
    flex: 3;
    min-width: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

._673w {
    box-sizing: border-box;
    padding: 11px;
    position: relative;
    text-align: center;
    z-index: 201;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .10);
}

._20bp {
    -o-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    /* Safari 6.1+ */
    -ms-flex: 1 1 0%;
    /* IE 10 */
    flex: 1 1 0%;
    flex-direction: row-reverse;
}

._4_j5 {
    border-left: 1px solid rgba(0, 0, 0, .10);
    -o-flex: 0 2 33.33%;
    -ms-flex: 0 2 33.33%;
    -webkit-flex: 0 2 33.33%;
    /* Safari 6.1+ */
    -ms-flex: 0 2 33.33%;
    /* IE 10 */
    flex: 0 2 33.33%;
    max-width: 420px;
    min-width: 200px;
}

._4_j4 {
    -o-flex: 2 0 0%;
    -ms-flex: 2 0 0%;
    -webkit-flex: 2 0 0%;
    /* Safari 6.1+ */
    -ms-flex: 2 0 0%;
    /* IE 10 */
    flex: 2 0 0%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

._4u-c {
    font-family: sans-serif;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    background-color: #15181c;
}

._4rv3 {
    border-top: 1px solid rgba(0, 0, 0, .10);
    z-index: 201;
    margin-top: -50px;
    padding: 0px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #15181c;
}

._4u-m {
    position: absolute;
    width: 100%;
    height: 100%;
    height: calc(100% - 0px);
    height: -webkit-calc(100% - 0px);
    height: -o-calc(100% - 0px);
    height: -ms-calc(100% - 0px);
    height: -moz-calc(100% - 0px);
    overflow-y: auto;
    overflow-x: hidden;
    overflow: hidden;
}

span.all_messages {
    width: 100%;
    padding: 15px;
    position: absolute;
    bottom: 50px;
    overflow: auto;
    top: 0px;
}

#box2000>div {
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    -ms-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

#box2000>div:hover {
    width: 100%!important;
    cursor: pointer;
}

.messageBox_body {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.you {
    clear: right;
    float: right;
    max-width: 55%;
    word-wrap: break-word;
    border-radius: 4px;
    border-bottom-left-radius: 1.3em;
    border-top-left-radius: 1.3em;
    margin: 1px 0;
    padding: 10px 15px;
    font-family: inherit;
    background-color: #0084ff;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3rem;
}

.image_you {
    clear: right;
    float: right;
    width: 100%;
    max-width: 55%;
    border-radius: 4px;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
}

.friend {
    clear: left;
    float: left;
    max-width: 55%;
    word-wrap: break-word;
    border-radius: 4px;
    border-bottom-right-radius: 1.3em;
    border-top-right-radius: 1.3em;
    margin: 1px 0;
    padding: 10px 15px;
    font-family: inherit;
    background-color: #26af68;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3rem;
}

.image_friend {
    clear: left;
    float: left;
    width: 100%;
    max-width: 55%;
    border-radius: 4px;
    border-radius: 10px;
    margin: 1px 0;
    overflow: hidden;
}

._5743 {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

._17w2 {
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin: 2px;
}

._2v6o {
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    margin-top: 2px;
    vertical-align: middle;
}

._2v6o_online {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 2px;
    vertical-align: middle;
}

.new_conversation_title {
    flex-basis: 100%;
    font-size: 20px;
    font-weight: 500;
    margin: 0px 0 0;
    overflow: hidden;
    color: #ffffff;
    line-height: 20px;
}

.bg_color {
    background-color: #F3F3F3;
}

.new_conversation_user_box {
    background-color: rgba(255, 255, 255, 0.05);
    cursor: pointer;
}

.new_conversation_user_box:hover {
    background-color: #F3F3F3;
}

span.icons.close_fri {
    width: 14px;
    height: 25px;
    float: left;
    background-position: -443px -248px;
    margin-right: 10px;
    margin-top: -4px;
}

.listHeaderFriend {
    box-sizing: border-box;
    justify-content: space-between;
    padding: 15px;
    width: 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0px;
    cursor: pointer;
}

.hidden_elem {
    display: none !important;
}

.getLoading {
    width: 100%;
    height: 100%;
    top: 0px;
    position: absolute;
    z-index: 99999;
    background: linear-gradient(89deg, rgba(255, 255, 255, 0.22), rgba(174, 174, 174, 0.36), rgba(255, 255, 255, 0.22));
    background-size: 600% 600%;
    -webkit-animation: appending 2s ease infinite;
    -moz-animation: appending 2s ease infinite;
    animation: appending 2s ease infinite;
}

@-webkit-keyframes appending {
    0% {
        background-position: 0% 49%
    }
    50% {
        background-position: 100% 52%
    }
    100% {
        background-position: 0% 49%
    }
}

@-moz-keyframes appending {
    0% {
        background-position: 0% 49%
    }
    50% {
        background-position: 100% 52%
    }
    100% {
        background-position: 0% 49%
    }
}

@keyframes appending {
    0% {
        background-position: 0% 49%
    }
    50% {
        background-position: 100% 52%
    }
    100% {
        background-position: 0% 49%
    }
}

.friend_user_chat_list_container {
    -o-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 420px;
    min-width: 240px;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #15181c;
}

.inChatList {
    transition: all 0.3s ease-out;
    -webkit-animation: slideInLeft 0.3s ease-in-out 0.3s;
    animation: slideInLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.close_friend_user_chat_list {
    transition: all 0.3s ease-out;
    -webkit-animation: slideOutLeft 0.3s ease-in-out 0.3s;
    animation: slideOutLeft 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

._fl2 {
    top: 5px;
    line-height: 0;
    right: 0;
    list-style-type: none;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    position: absolute;
}

._fl2 li {
    display: inline-block;
    margin-right: 12px;
    padding: 0;
    cursor: pointer;
}

._fl2_openMenu {
    bottom: 0;
    line-height: 0;
    padding: 9px 8px;
    position: absolute;
    left: 0;
    list-style-type: none;
    margin: 0;
    z-index: 9;
    display: none;
}

._fl2_openMenu li {
    display: inline-block;
    margin-right: 12px;
    padding: 0;
    cursor: pointer;
}

._30yy {
    cursor: pointer;
    transition: opacity .2s;
}

.voiceCall {
    width: 32px;
    height: 32px;
    display: inline-block;
}

.videoCall {
    width: 32px;
    height: 32px;
    display: inline-block;
}

.fitAllChat {
    display: inline-block;
    padding: 8px;
}

.openChatListLeft {
    background-repeat: no-repeat;
    background-position: -1px 3px;
    width: 32px;
    height: 32px;
    display: inline-block;
}

._5irm {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    margin: 0 8px 0 12px;
    position: relative;
}

._kmc {
    -o-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    max-height: 144px;
    min-height: 18px;
    padding: 0px 0;
    vertical-align: middle;
}

._4rv4 {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    line-height: 0;
    padding: 0px 0;
    padding-top: 6px;
    height: 35px;
}

.chtSend {
    border: none;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
    outline: none;
    overflow-y: auto;
    overflow-x: hidden;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 30px;
    padding: 15px 5px 0px 20px;
    border: 1px solid rgba(183, 183, 183, 0.1);
}

.chtSend::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #CECECE;
}

.chtSend:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #CECECE;
}

.chtSend::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #CECECE;
}

.chtSend::-webkit-input-placeholder {
    color: #CECECE;
}

.chtSend:focus::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: transparent;
}

.chtSend:focus:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: transparent;
}

.chtSend:focus::-ms-input-placeholder {
    /* Microsoft Edge */
    color: transparent;
}

.chtSend:focus::-webkit-input-placeholder {
    color: transparent;
}

.coreSpriteDesktopSendActivity {
    width: 35px;
    height: 35px;
}

.cfil svg {
    width: 25px;
    height: 25px;
}

.coreSpriteDesktopSendActivity svg {
    width: 25px;
    height: 25px;
}

.coreSpriteDesktopSendMenu {
    background-position: -67px -32px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.XrOeyCh {
    padding: 6px;
    border-radius: 50%;
    border: 1px solid transparent;
    cursor: pointer;
    display: inherit;
}

.XrOeyCh:not(:first-child) {
    margin-left: 10px;
}

._58al {
    background-color: #15181c;
    border: 1px solid rgba(183, 183, 183, 0.1);
    color: #ffffff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    box-sizing: border-box;
    font-family: Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 30px;
    padding: 6px 28px;
    margin: 0;
    outline: 0;
    width: 100%;
    text-align: left;
}

._5iwm {
    display: block;
    position: relative;
    width: 100%;
}

._58ak {
    border: none;
    width: 100%;
}

._58ak {
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-weight: normal;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

._58ak::before {
    background-image: url(icons/Gx0tI5PgSav.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -1021px;
    content: '';
    display: inline-block;
    height: 12px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 12px;
}

.ch4Usr {
    height: 74px;
    display: inline-block;
    position: relative;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 9px 12px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: pointer;
}

.conversationUserAvatar {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 50px;
    overflow: hidden;
    width: 50px;
}

.conversationUserName {
    float: left;
    position: relative;
    height: 50px;
    padding-left: 10px;
}

.convert_Name {
    float: left;
    width: 100%;
    padding-bottom: 3px;
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}

.lastMessageLeft {
    float: left;
    color: #3E5878;
    font-weight: 300;
    font-size: 11px;
    width: 100%;
    padding: 5px 0px;
}

.ch4Usr:not(:last-child) {
    border-bottom: 1px solid #E6E6E6;
}

.listofchatuserlist {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    overflow: hidden;
}

.cl_4u-m {
    position: absolute;
    width: 100%;
    height: 100%;
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: -ms-calc(100% - 60px);
    height: -o-calc(100% - 60px);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overflow: hidden;
    padding: 8px;
    top: 60px;
}

.cl_4u-m-u-i {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overflow: hidden;
}

.searchListChat {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0px;
    overflow-y: auto !important;
    overflow-x: hidden!important;
    overflow: hidden;
    display: none;
    z-index: 1;
    background-color: #15181c;
    bottom: 0px;
}

.ajanda {
    background-color: rgba(0, 0, 0, .03);
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    padding: 15px;
    margin-bottom: 15px;
}

._1ht1_new {
    position: relative;
    padding: 8px 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    display: inline-block;
}

.no_search_founded {
    text-align: center;
    padding: 20px 0px;
    font-weight: 500;
    color: #ffffff;
    width: 100%;
    font-size: 13px;
}

._1ht1.nouserfounded {
    background-color: rgba(158, 158, 158, 0.05);
}

.cl_4u-c {
    font-family: sans-serif;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    background-color: #15181c;
}

span.conversationsList {
    padding: 0px;
}

span.rightBoxList {
    padding: 0px;
}

._1ht1._1ht2 {
    background-color: rgba(0, 0, 0, .05);
}

._5l-3 {
    display: flex;
}

._1ht1 {
    position: relative;
    padding: 8px 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin-bottom: 8px;
    cursor: pointer;
}

._1ht1:hover {
    background-color: rgba(0, 0, 0, .05);
}

._1ht5 {
    -o-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    min-width: 0;
}

._2il3 {
    padding-left: 12px;
}

a {
    color: #365899;
    cursor: pointer;
    text-decoration: none;
}

._1ht1 ._1qt3 {
    align-items: center;
    margin-right: 9px;
}

._4ldz {
    position: relative;
}

._4ld- {
    align-items: center;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    overflow: hidden;
}

._4ld- .img {
    object-fit: cover;
}

._55lt img {
    display: block;
}

._5l-m {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: column;
}

._1qt4 {
    -o-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    /* Safari 6.1+ */
    -ms-flex: 1 1 auto;
    /* IE 10 */
    flex: 1 1 auto;
    justify-content: center;
    min-width: 0;
    padding: 0 43px 0 0;
}

._1qt5 {
    justify-content: space-between;
}

._1ht6,
._1htf {
    -o-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    /* Safari 6.1+ */
    -ms-flex: 1 1 0%;
    /* IE 10 */
    flex: 1 1 0%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
}

._1ht6 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}

._1ht7 {
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding-top: 0px;
}

.listOf {
    margin: 0px;
    padding: 0px;
}

.listOfChat {
    margin: 0px;
    padding: 0px;
}

.txt_st12 {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.txt_st11 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}

.currentUserInformation {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    padding: 14px 14px 16px 14px;
    word-wrap: break-word;
    border-bottom: 1px solid transparent;
}

.currentUserInformationWrap {
    display: inline-block;
    width: 100%;
    padding: 20px 0px;
}

.currentConversationUserAvatar {
    align-items: center;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    justify-content: center;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin: 0px auto;
    margin-bottom: 20px;
}

._2jnt {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -o-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    /* Safari 6.1+ */
    -ms-flex: 1 1 0%;
    /* IE 10 */
    flex: 1 1 0%;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

._3eur {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._3eur a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
}

._3eus {
    color: rgba(0, 0, 0, .40);
    font-size: 12px;
    margin-top: 2px;
}

._3-ne {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin-left: 8px;
    width: 16px;
}

._3d85 {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    z-index: 10;
}

.iconsChat {
    background-image: url(icons/_h3QautuQ77.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.currentChatSetting {
    background-position: -85px -718px;
    width: 16px;
    height: 16px;
}

.profile_life_info_form {
    padding-bottom: 15px;
}

.profileInfoCartCardBox {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
}

.icons_tree_bin {
    background-image: url(icons/icons_tree.png);
}

.icons_treen {
    background-image: url(icons/icons_tree.png);
}

._pbwg8U_chat {
    position: relative;
    float: left;
    width: calc(100%/3 - 2px);
    width: -webkit-calc(100%/3 -2px);
    width: -moz-calc(100%/3 -2px);
    padding: 1px;
    display: block;
}

._jjzlbU_chat {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.exPexU_chat {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}


/*Chat FINISHED*/


/*Notifications STARTED*/

.uk0Yc {
    position: absolute;
    top: 62px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out;
}

.H9zXO::after {
    background: #ed4956;
    border-radius: 2px;
    bottom: -10px;
    content: "";
    height: 4px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 4px;
}

.newbe {
    background: linear-gradient(270deg, #ffffff, #C5E1FF, #ffffff);
    background-size: 600% 600%;
    -webkit-animation: newMessage 4s ease infinite;
    -moz-animation: newMessage 4s ease infinite;
    -o-animation: newMessage 4s ease infinite;
    animation: newMessage 4s ease infinite;
}

@-webkit-keyframes newMessage {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes newMessage {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-o-keyframes newMessage {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes newMessage {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.Xlsnu {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.j-7GX {
    background-color: #ed4956;
    color: #fff;
    padding: 10px 16px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 4px 22px;
    box-shadow: rgba(0, 0, 0, .2) 0 4px 22px;
    -webkit-transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.dmACy {
    top: -6px;
}

.eTOL7 {
    width: 100%;
    position: absolute;
    left: 0;
}

.kaij- {
    background-color: #ed4956;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto;
    border-radius: 2px;
}

._0KY_R {
    margin: 0 5px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 12px;
}

.cQqOm {
    font-size: 14px;
    line-height: 19px;
}

._0KY_R,
.cQqOm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.coreSpriteUnreadComments,
.coreSpriteUnreadLikes {
    background-repeat: no-repeat;
    background-position: -378px -102px;
    height: 14px;
    width: 14px;
}

.Zd1j7 {
    margin-right: 3px;
}

.coreSpriteUnreadLikes {
    background-position: -378px -133px;
    height: 12px;
}

.UserCommentButtons {
    position: absolute;
    right: 0px;
    height: 100%;
    z-index: 2;
    top: 0px;
    padding-right: 10px;
    padding-top: 5px;
    border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

.UserCommentButtons:before {
    content: "";
    position: absolute;
    left: -100px;
    padding-left: 100px;
    height: 100%;
    top: 0px;
    display: none;
}

.gElp9:hover .UserCommentButtons {
    display: block;
    opacity: 1;
}

.gElp9:hover .UserCommentButtons:before {
    display: block;
}


/*Notifications FINISHED*/


/*Settings PAGE STARTED*/

.wrongInput {
    border: 1px solid #FF9090 !important;
}

.us {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: no-drop;
    color: #ADADAD !important;
}

.dis {
    pointer-events: none;
}

.setttings_container {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 1010px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.settings_box_footer {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
}

.BvMHM {
    border-radius: 3px;
    margin: 60px auto 0;
    max-width: 1010px;
    overflow: hidden;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

.SCxLW {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.settings_footer {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    padding: 0 20px;
}

.VWk7Y {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 38px 0;
    max-width: 935px;
}

.iseBh {
    font-size: 12px;
    font-weight: 600;
    margin: 0 auto;
    text-transform: uppercase;
    width: 100%;
}

.settings_left {
    position: relative;
    width: 100%;
    max-width: 300px;
    display: inline-block;
    background-color: #15181c;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.settings_right {
    position: relative;
    width: 100%;
    display: inline-block;
    max-width: 700px;
    padding: 0px 15px;
}

.menuMobileSettings {
    position: relative;
    width: 100%;
    padding: 15px;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.Settings_mobile {
    background-repeat: no-repeat;
    background-position: -73px -353px;
    width: 32px;
    height: 32px;
    display: none;
}

.settings_mobile_down {
    background-repeat: no-repeat;
    background-position: -444px -332px;
    width: 15px;
    height: 15px;
    margin-top: 10px;
    display: none;
}

.settings_menu_container {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px 8px;
}

.settings_menu_item {
    position: relative;
    width: 100%;
    font: inherit;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 15px;
    color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.settings_menu_item:hover {
    background-color: #000000;
}

.activeSetting {
    border-left-color: #ffffff;
    font-weight: 600;
}

.set_box {
    margin-bottom: 16px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.set_box_title {
    -webkit-flex: 0 0 194px;
    -ms-flex: 0 0 194px;
    flex: 0 0 194px;
    color: #ffffff;
    -webkit-box-flex: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    padding: 8px 15px;
}

.set_input_box {
    -webkit-flex-basis: 455px;
    -ms-flex-preferred-size: 455px;
    flex-basis: 455px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 15px;
    color: #ffffff;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.inputField {
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 455px;
    -ms-flex: 0 1 455px;
    flex: 0 1 455px;
    font-size: 16px;
    padding: 15px 12px;
    -webkit-appearance: none;
    line-height: 18px;
    font: inherit;
    outline: none;
    background-color: #15181c;
    -webkit-transition: border .5s ease;
    -moz-transition: border .5s ease;
    -o-transition: border .5s ease;
    -ms-transition: border .5s ease;
    transition: border .5s ease;
}

.inputField:focus {
    border: 1px solid transparent;
}

.settings_form_container {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 3px 0px;
}

.biog_textarea {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 455px;
    -ms-flex: 0 1 455px;
    flex: 0 1 455px;
    font-size: 16px;
    padding: 8px 15px;
    resize: vertical;
    outline: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background-color: #15181c;
    -webkit-transition: border .5s ease;
    -moz-transition: border .5s ease;
    -o-transition: border .5s ease;
    -ms-transition: border .5s ease;
    transition: border .5s ease;
}

.biog_textarea:focus {
    border: 1px solid transparent;
}

.JJF77 {
    color: #999;
    font-size: 14px;
    font-weight: 600;
}

._9404J {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 150px;
    -ms-flex: 0 1 150px;
    flex: 0 1 150px;
    height: 32px;
}

.Kaij6 {
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 9px;
}

.coreSpriteChevronDownGrey {
    background-position: -445px -332px;
    height: 12px;
    width: 12px;
}

.zOJg- {
    background: 000;
    border: 1px solid #15181c;
    border-radius: 3px;
    color: #ffffff;
    font: inherit;
    vertical-align: baseline;
    font-size: 15px;
    height: 32px;
    padding: 0 30px 0 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

option {
background: #121212;border-radius: 2px;color: #eee;border: 1px solid #85a2ff;
}

.settings_header {
    position: relative;
    width: 100%;
    color: #ffffff;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    margin: 0px;
    margin-bottom: 25px;
    background-color: #15181c;
    padding: 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .098);
}

.interBtn {
    position: relative;
    width: 100%;
    border: 1px solid transparent;
    padding: 11px 0px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    cursor: pointer;
}

.interBtn:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.interestedListContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    background-color: #15181c;
    transition: all 0.2s ease-out;
    -webkit-animation: fadeInUp 0.2s ease-in-out 0.2s;
    animation: fadeInUp 0.2s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 1;
}

.interestedListContainerClose {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    background-color: #15181c;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeOutDownBig 0.3s ease-in-out 0.3s;
    animation: fadeOutDownBig 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.selectFinished {
    position: relative;
    display: block;
    padding: 8px 23px 8px 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #15181c;
    color: #FFFFFF;
    line-height: 1.143;
    transition: background .2s;
    cursor: default;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    margin-left: 15px;
}

.selectFinished:active {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

span.allinterestList {
    padding: 3px 0px;
}

.allinterestListHeader {
    position: relative;
    width: 100%;
    padding-top: 10px;
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    margin: 0px;
    padding-left: 15px;
}

.interestedItems {
    padding: 15px;
    border-bottom: 1px solid transparent;
    position: relative;
    width: 100%;
    display: inline-block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.js-intr:active {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.intr_selected {
    position: relative;
    display: inline-block;
    margin: 5px 7px 5px 0;
    padding: 7px 15px 8px 12px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background: rgba(183, 183, 183, 0.1);
    line-height: 1.143;
    transition: background .2s;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.1s ease-out;
    -webkit-animation: pulse 0.1s ease-in-out 0.1s;
    animation: pulse 0.1s ease-in-out 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.info_form_items_settings {
    position: relative;
    width: 100%;
    display: inline-block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 15px 15px;
}

.HgNB_ {
    padding: 0px 48px;
}

.ufStW {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 26px;
}

._7LpC8 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 40px;
}

.set_box_not {
    margin-bottom: 5;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.set_box_not label span {
    color: #ffffff;
    font-size: 14px !important;
}

.set_box_not label [type="checkbox"]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px; 
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}


/*Settings Page FINISHED*/


/*Hashtags in between posts STARTED*/

.betweenTags {
	display: none;
    margin-bottom: 30px;
    padding: 0px 0px;
}

.betweenTagsTitle {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
}

.column-tag {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    cursor: ew-resize;
}

.scrollTag {
    position: relative;
    padding: 5px 5px;
    padding-left: 0px !important;
    display: inline-block;
}

.scrollTag a {
    outline: none;
}

.scrollTagItem {
    position: relative;
    padding: 8px 12px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    margin-right: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    width: 110px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrollTag:nth-child(1) .scrollTagItem {
    background-color: #56bc8a;
}

.scrollTag:nth-child(2) .scrollTagItem {
    background-color: #d95e40;
}

.scrollTag:nth-child(3) .scrollTagItem {
    background-color: #f2992e;
}

.scrollTag:nth-child(4) .scrollTagItem {
    background-color: #529ecc;
}

.scrollTag:nth-child(5) .scrollTagItem {
    background-color: #748089;
}

.scrollTag:nth-child(6) .scrollTagItem {
    background-color: #a77dc2;
}

.scrollTag:nth-child(7) .scrollTagItem {
    background-color: #56bc8a;
}


/*Hashtags in between posts FINISHED*/


/*Explore Page STARTED*/

.exploreWrapper {
    float: left;
    width: 100%;
}

.itisavideo {
    position: absolute;
    right: 10px;
    top: 10px;
    background-position: -400px -314px;
    height: 24px;
    width: 35px;
}

.explores {
    position: relative;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.post_explore_in {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
}

.post_explore_item {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.post_explore_item_img {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}


/*Explore Page FINISHED*/


/*Text POST BOX STARTED*/

.poSBoxContainer {
    position: fixed;
    z-index: 99999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    transition: all 0.25s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.poSBoxContainerHide {
    transition: all 0.35s ease-out;
    -webkit-animation: fadeOutDown 0.35s ease-in-out 0.35s;
    animation: fadeOutDown 0.35s ease-in-out 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.post-modal-Wrap {
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    max-width: 665px;
    transition: all 0.4s ease-out;
    -webkit-animation: fadeInDown 0.4s ease-in-out 0.4s;
    animation: fadeInDown 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.post-modal-middle {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-51%);
    -webkit-transform: translateY(-51%);
    -moz-transform: translateY(-51%);
    -o-transform: translateY(-51%);
    transform: translateY(-51%);
    animation-fill-mode: both;
    background-color: #15181c;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(183, 183, 183, 0.1);
}

.poster_avatar {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 40px;
    overflow: hidden;
    width: 40px;
    position: relative;
}

.post-modal-header {
    padding: 15px 15px;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    display: inline-block;
    width: 100%;
}

.poster_Name {
    position: relative;
    padding-left: 14px;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
    padding-top: 4px;
    float: left;
    margin-right: 5px;
}

.posting_arrow {
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 5px;
    float: left;
    display: initial;
}

.post_icons {
    position: relative;
    width: 30px;
    height: 27px;
    margin-top: 11px;
    float: left;
}

.text_post_icon {
    background-image: url(icons/post_icons.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.image_post_icon {
    background-image: url(icons/post_icons.png);
    background-repeat: no-repeat;
    background-position: 0px -46px;
}

.music_post_icon {
    background-image: url(icons/post_icons.png);
    background-repeat: no-repeat;
    background-position: 0px -88px;
}

.video_post_icon {
    background-image: url(icons/post_icons.png);
    background-repeat: no-repeat;
    background-position: 0px -132px;
}

.link_post_icon {
    background-image: url(icons/post_icons.png);
    background-repeat: no-repeat;
    background-position: 0px -175px;
}

.location_post_icon {
    background-image: url(icons/post_icons.png);
    background-repeat: no-repeat;
    background-position: 0px -217px;
}

.filter_post_icon {
    background-image: url(icons/post_icons.png);
    background-repeat: no-repeat;
    background-position: 0px -259px;
}

.who_see {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: 15px;
    top: 19px;
    cursor: pointer;
    padding: 4px;
}

.who_see:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.who_see_list_box {
    position: absolute;
    width: 100%;
    max-width: 215px;
    min-width: 215px;
    margin-left: -182px;
    margin-top: 37px;
    right: 0px;
    background-color: #000000;
    padding: 5px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 9px 15px;
    -moz-box-shadow: rgba(0, 0, 0, .2) 0 9px 15px;
    box-shadow: rgba(0, 0, 0, .2) 0 9px 15px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    display: none;
}

.who_see_item {
    width: 100%;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 23px;
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
}

.everyone_icon {
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -25px -149px;
}

.just_me_icon {
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: 7px -149px;
}

.just_friends_icon {
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: 7px -182px;
}

.w-see {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    padding: 4px;
    display: initial;
}

.who_see_item:hover {
    background-color: rgba(183, 183, 183, 0.1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.open_box {
    display: block;
    z-index: 9999;
}

.material-tooltip {
    padding: 10px 8px;
    font-size: 1rem;
    z-index: 2000;
    background-color: transparent;
    border-radius: 2px;
    color: #fff;
    min-height: 36px;
    line-height: 120%;
    opacity: 0;
    position: absolute;
    text-align: center;
    max-width: calc(100% - 4px);
    max-width: -webkit-calc(100% - 4px);
    max-width: -moz-calc(100% - 4px);
    overflow: hidden;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: #15181c;
}

.backdrop {
    position: absolute;
    opacity: 0;
    height: 7px;
    width: 14px;
    border-radius: 0 0 50% 50%;
    background-color: #323232;
    z-index: -1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    visibility: hidden;
}

.write_post_information {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
}

.global_post_box {
    position: relative;
    width: 100%;
    display: inline-block;
}

.title {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 47px;
    color: #ffffff;
    word-wrap: break-word;
    border: none;
    background-color: transparent;
}

.description {
    position: relative;
    outline: none;
    resize: none;
    border: none;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    color: #ffffff;
    word-wrap: break-word;
    min-height: 80px;
    padding: 15px 0px;
    background-color: transparent;
}

.hashtag_ {
    position: relative;
    outline: none;
    border: none;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    width: 100%;
    color: #ffffff;
    word-wrap: break-word;
    line-height: 30px;
    background-color: transparent;
}

.post_box_footer {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
}

.post_box_footer::before {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    top: 0px;
    left: 0px;
}

.control {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.post_box_footer .control .left_btn {
    text-align: left;
}

.post_box_footer .control .right_btn {
    text-align: right;
}

.close_post_box {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 2px;
    font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    border: 1px solid #9da6af;
    background-color: #9da6af;
    color: #fff;
}

.close_post_box:active {
    border-color: #929ca6;
    background-color: #929ca6;
    color: hsla(0, 0%, 100%, .8);
}

.share_post_box {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    padding: 8px 23px;
    border-radius: 2px;
    font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    border: 1px solid #3498db;
    background-color: #3498db;
    color: #fff;
}

.share_post_box:active {
    border-color: #4295c7;
    background-color: #4295c7;
    color: hsla(0, 0%, 100%, .8);
}

.uploadImageButton {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    right: 10px;
    top: 30px;
    background-color: #15181c;
    z-index: 1;
}

.labelImageUpload {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
    display: inline-block;
}

.labelstoryUpload {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    z-index: 99;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
}

.upload_image_button {
    opacity: 0;
    display: none;
}

.imageUpload_icon {
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -65px -157px;
	background-color: #eee;
}

.imagepreview {
    position: relative;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    background-color: #15181c;
    display: inherit !important;
}

.preview-body {
    position: relative;
    padding-top: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.preview_screen_image {
    position: relative;
    width: calc(100% / 6 - 2px);
    width: -webkit-calc(100% / 6 - 2px);
    width: -moz-calc(100% / 6 - 2px);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    float: left;
    border: 2px solid transparent;
    display: block;
}

.preLoaderPreviewImage {
    height: 105px;
    padding-top: 20px;
    padding-left: 20px;
}

.delete-image {
    position: absolute;
    top: -7px;
    right: -8px;
    z-index: 2;
    width: 15px;
    height: 15px;
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -308px -360px;
    cursor: pointer;
    transform: scale(0);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.165, .84, .44, 1);
    opacity: 0;
}

.preview_screen_image:hover .preview-body .delete-image {
    transform: scale(1);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.165, .84, .44, 1);
    opacity: 1;
}

.img_post_uploaded {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.write_post_link {
    position: relative;
    width: 100%;
    display: inline-block;
}

.link_url {
    position: relative;
    outline: none;
    width: 100%;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #ffffff;
    word-wrap: break-word;
    background-color: #000000;
    border: none;
    padding: 51px 40px;
    font-size: 16px;
}

.link_details_box {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.link_global_box_title {
    margin-top: -5px;
    margin-bottom: 14px;
    display: block;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #ffffff;
    padding: 20px 20px 0px 20px;
    transition: all 0.35s ease-out;
    -webkit-animation: fadeInDown 0.35s ease-in-out 0.35s;
    animation: fadeInDown 0.35s ease-in-out 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.link_global_box_summary {
    margin-top: -5px;
    margin-bottom: 14px;
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
    padding: 0px 20px 0px 20px;
    transition: all 0.4s ease-out;
    -webkit-animation: fadeInDown 0.4s ease-in-out 0.4s;
    animation: fadeInDown 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.images_div {
    overflow: hidden;
    width: 100%;
    margin-top: -26px;
    transition: all 0.45s ease-out;
    -webkit-animation: fadeIn 0.45s ease-in-out 0.45s;
    animation: fadeIn 0.45s ease-in-out 0.45s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.images_div:after {
    background-image: linear-gradient(rgba(0, 0, 0, .439216), transparent 50%);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.link_title {
    margin-top: -5px;
    margin-bottom: 14px;
    display: block;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #ffffff;
    border: 0px solid transparent;
    background-color: transparent;
    outline: none;
    width: 100%;
    resize: none;
    text-transform: capitalize;
}

.link_title::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ffffff;
}

.link_title::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
}

.link_title:-ms-input-placeholder {
    /* IE 10+ */
    color: #ffffff;
}

.link_title:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
}

.link_summary {
    margin-top: -5px;
    margin-bottom: 14px;
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
    border: 0px solid transparent;
    background-color: transparent;
    outline: none;
    width: 100%;
    resize: none;
    text-transform: capitalize;
}

.link_summary::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ffffff;
}

.link_summary::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
}

.link_summary:-ms-input-placeholder {
    /* IE 10+ */
    color: #ffffff;
}

.link_summary:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
}

.hostname {
    margin-top: 10px;
    margin-bottom: -9px;
    padding-left: 20px;
    display: block;
    z-index: 1;
    transition: all 0.5s ease-out;
    -webkit-animation: fadeIn 0.5s ease-in-out 0.5s;
    animation: fadeIn 0.5s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hostname a {
    color: #ffffff;
    line-height: 16px;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
}

.loadingUrl {
    margin-left: -31px;
    top: 20px;
    position: absolute !important;
}

.removeLink {
    position: absolute;
    bottom: -8px;
    right: 12px;
    z-index: 2;
    width: 15px;
    height: 15px;
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -308px -360px;
    cursor: pointer;
    transform: scale(0);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.165, .84, .44, 1);
    opacity: 0;
}

.link_details_box:hover .removeLink {
    transform: scale(1);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.165, .84, .44, 1);
    opacity: 1;
}

.file_label {
    position: relative;
    width: 100%;
    height: 200px;
    cursor: pointer;
    float: left;
    background-color: #000000;
}

.music_upload_icon {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 70px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    background-image: url(icons/icons_tree.png);
    background-position: -236px 0px;
    background-repeat: no-repeat;
}

.video_upload_icon {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 70px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    background-image: url(icons/quick_compose_sprite.png);
    background-position: -20px -320px;
    background-repeat: no-repeat;
}

#uploadBtn {
    opacity: 0;
    display: none;
}

#storie_img {
    opacity: 0;
    display: none;
}

.music_details_box {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #000000;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.newUpload {
    position: relative;
    width: 100%;
    display: inline-block;
}

.UploadedItemNew {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.disabled {
    cursor: not-allowed;
}

.toast.warning {
    border-radius: 24px;
    background-color: #15181c;
}

.noPost {
    padding: 200px 0px;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
}

.noPost:after {
    content: "";
    position: absolute;
    top: 73px;
    width: 68px;
    height: 100px;
    background-image: url(icons/icons_tree.png);
    background-position: -233px -210px;
    background-repeat: no-repeat;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


/*Text POST BOX FINISHED*/


/*Filter Image Post STARTED*/

.filter_container {
    position: fixed;
    z-index: 999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    transition: all 0.25s ease-out;
    -webkit-animation: fadeInDown 0.25s ease-in-out 0.25s;
    animation: fadeInDown 0.25s ease-in-out 0.25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.filter-modal-Wrap {
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    max-width: 935px;
    transition: all 0.65s ease-out;
    -webkit-animation: fadeInDown 0.65s ease-in-out 0.65s;
    animation: fadeInDown 0.65s ease-in-out 0.65s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.filter-modal-middle {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    transition: all 0.75s ease-out;
    -webkit-animation: fadeIn 0.75s ease-in-out 0.75s;
    animation: fadeIn 0.75s ease-in-out 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: rgba(183, 183, 183, 0.1);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.filter_original_image {
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

.filter_original_image img {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.filters_container {
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
    cursor: ew-resize;
}

.filters_container:active {
    cursor: grabbing;
}

.filter_item_wrap {
    float: left;
    display: flex;
    width: 100px;
    height: 100px;
    background-color: #15181c;
    cursor: pointer;
}

.filter_item_wrap:active {
    cursor: grabbing;
}

.filter_item_wrap:not(:last-child) {
    margin-right: 3px;
}

.filtered_image_item {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.image_filtered {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}


/*Filters STARTED*/

.first {
    -webkit-filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg);
    filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg);
}

.second {
    -webkit-filter: saturate(0.02) contrast(0.85) brightness(1.2) sepia(0.02);
    filter: saturate(0.02) contrast(0.85) brightness(1.2) sepia(0.02);
}

.third {
    -webkit-filter: sepia(0.35) contrast(0.9) brightness(1.1) hue-rotate(-10deg) saturate(1.5);
    filter: sepia(0.35) contrast(0.9) brightness(1.1) hue-rotate(-10deg) saturate(1.5);
}

.fourth {
    -webkit-filter: sepia(0.15) saturate(1.5) contrast(0.9);
    filter: sepia(0.15) saturate(1.5) contrast(0.9);
}

.fifth {
    -webkit-filter: sepia(0.4) saturate(2.5) hue-rotate(-30deg) contrast(0.67);
    -filter: sepia(0.4) saturate(2.5) hue-rotate(-30deg) contrast(0.67);
}

.sixth {
    -webkit-filter: brightness(0.75) contrast(1.3) sepia(0.5) hue-rotate(-25deg);
    filter: brightness(0.75) contrast(1.3) sepia(0.5) hue-rotate(-25deg);
}

.seventh {
    -webkit-filter: contrast(0.8) saturate(1.2) sepia(0.15);
    filter: contrast(0.8) saturate(1.2) sepia(0.15);
}

.eighth {
    -webkit-filter: saturate(1.4) sepia(0.25) hue-rotate(-15deg) contrast(0.8) brightness(1.1);
    filter: saturate(1.4) sepia(0.25) hue-rotate(-15deg) contrast(0.8) brightness(1.1);
}

.ninth {
    -webkit-filter: sepia(0.4) saturate(1.5) contrast(0.9) brightness(1.1) hue-rotate(-15deg);
    filter: sepia(0.4) saturate(1.5) contrast(0.9) brightness(1.1) hue-rotate(-15deg);
}

.tenth {
    filter: contrast(1.4) brightness(0.9) sepia(0.05);
    -webkit-filter: contrast(1.4) brightness(0.9) sepia(0.05);
}

.eleventh {
    -webkit-filter: saturate(1.4) contrast(1.1);
    filter: saturate(1.4) contrast(1.1);
}

.twelfth {
    filter: sepia(0.4) saturate(2.4) brightness(1.3) contrast(1);
    -webkit-filter: sepia(0.4) saturate(2.4) brightness(1.3) contrast(1);
}

.thirteenth {
    -webkit-filter: grayscale(1) brightness(1.2) contrast(1.05);
    filter: grayscale(1) brightness(1.2) contrast(1.05);
}

.fourteenth {
    -webkit-filter: contrast(1.2) brightness(0.9) hue-rotate(-10deg);
    filter: contrast(1.2) brightness(0.9) hue-rotate(-10deg);
}

.fifteenth {
    -webkit-filter: contrast(1.3) sepia(0.3) saturate(1.3) hue-rotate(-10deg) brightness(0.95);
    filter: contrast(1.3) sepia(0.3) saturate(1.3) hue-rotate(-10deg) brightness(0.95);
}


/*Filter Image Post FINISHED*/


/*Video and Music Player STARTED*/

.column-video {
    width: 100%;
    display: inline-block;
    overflow-x: hidden !important;
}

.mejs__container * {
    display: inherit;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: initial;
    outline: none;
    width: 100%;
}

.mejs__audio {
    height: 40px !important;
    background-color: #15181c !important;
}


/*Video And Music Player FINISHED*/


/*Profile Hover Card STARTED*/

.userCardWrapp {
    padding-top: 72px;
    z-index: 9999999;
    margin-left: -125px;
    width: 280px;
}

.profile_hover_card {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #15181c;
    overflow: hidden;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.carDetailsContainer {
    transition: all 0.2s ease;
}

.profileCardHeader {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 150px;
    max-width: 100%;
    transition: all 0.3s ease-out;
    -webkit-animation: slideInDown 0.3s ease-in-out 0.3s;
    animation: slideInDown 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.profileCardAvatar {
    margin: -40px auto 0;
    width: 80px;
    height: 80px;
    border: 2px solid #ffffff;
    transition: all 0.4s ease-out;
    -webkit-animation: zoomIn 0.4s ease-in-out 0.4s;
    animation: zoomIn 0.4s ease-in-out 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.profileCardinfo {
    text-align: center;
    padding: 10px;
    transition: all 0.45s ease-out;
    -webkit-animation: slideInUp 0.45s ease-in-out 0.45s;
    animation: slideInUp 0.45s ease-in-out 0.45s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.profileCarddescription {
    font-size: 0.85em;
	line-height: 140%;
    color: #ffffff;
    text-align: center;
}

.animwrap {
    transition: all 0.55s ease-out;
    -webkit-animation: slideInUp 0.55s ease-in-out 0.55s;
    animation: slideInUp 0.55s ease-in-out 0.55s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.caranim:nth-child(1) {
    transition: all 0.6s ease-out;
    -webkit-animation: slideInUp 0.6s ease-in-out 0.6s;
    animation: slideInUp 0.6s ease-in-out 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.caranim:nth-child(2) {
    transition: all 0.65s ease-out;
    -webkit-animation: slideInUp 0.65s ease-in-out 0.65s;
    animation: slideInUp 0.65s ease-in-out 0.65s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.caranim:nth-child(3) {
    transition: all 0.7s ease-out;
    -webkit-animation: slideInUp 0.7s ease-in-out 0.7s;
    animation: slideInUp 0.7s ease-in-out 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.profileCardLink_followBtn {
    position: absolute;
    width: 100%;
    padding: 10px;
    top: 0px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.carFollow {
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 600;
    background-color: rgba(183, 183, 183, 0.1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    text-align: center;
    color: #484848;
    cursor: pointer;
}

.fr66n a {
    color: #ffffff;
}

.HoverCardLoadingContainer {
    margin-top: 72px;
    z-index: 999999;
    margin-left: -125px;
    width: 280px;
}

.HoverCardLoading {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #15181c;
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.animationHoverCard {
    background: linear-gradient(270deg, #ffffff, #dbdbdb, #e8e8e8);
    background-size: 600% 600%;
    -webkit-animation: HoverCardLoadingAnimation 2s ease infinite;
    -moz-animation: HoverCardLoadingAnimation 2s ease infinite;
    animation: HoverCardLoadingAnimation 2s ease infinite;
}

.HoverCardLoadingCover {
    min-height: 150px;
    max-width: 100%;
}

.HoverCardLoadingAvatar {
    margin: -40px auto 0;
    width: 80px;
    height: 80px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.HoverCardLoadingInfo {
    text-align: center;
    padding: 10px;
}

.HoverCardLoadingInfoUserName {
    height: 20px;
    width: 120px;
    margin: 0px auto;
}

.HoverCardLoadingInfoUserMention {
    height: 10px;
    width: 80px;
    margin: 0px auto;
    margin-top: 5px;
}

.HoverCardLoadingInfoUserNote_1 {
    height: 8px;
    width: 150px;
    margin: 0px auto;
    margin-top: 8px;
}

.HoverCardLoadingInfoUserNote_2 {
    height: 8px;
    width: 180px;
    margin: 0px auto;
    margin-top: 5px;
}

.HoverCardLoadingInfoUserNote_3 {
    height: 8px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
}

@-webkit-keyframes HoverCardLoadingAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes HoverCardLoadingAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes HoverCardLoadingAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}


/*Profile Hover Card FINISHED*/

@-webkit-keyframes bgAnimation {
    0% {
        background-position: 0% 49%
    }
    50% {
        background-position: 100% 52%
    }
    100% {
        background-position: 0% 49%
    }
}

@-moz-keyframes bgAnimation {
    0% {
        background-position: 0% 49%
    }
    50% {
        background-position: 100% 52%
    }
    100% {
        background-position: 0% 49%
    }
}

@-o-keyframes bgAnimation {
    0% {
        background-position: 0% 49%
    }
    50% {
        background-position: 100% 52%
    }
    100% {
        background-position: 0% 49%
    }
}

@keyframes bgAnimation {
    0% {
        background-position: 0% 49%
    }
    50% {
        background-position: 100% 52%
    }
    100% {
        background-position: 0% 49%
    }
}


/*Started screen compatibility STARTED */

.iti {
    position: relative;
    display: inline-block;
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.iti__hide {
    display: none;
}

.iti__v-hide {
    visibility: hidden;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
    height: 32px;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0px 6px 0 8px;
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-width: 300px;
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px;
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

.iti__country {
    padding: 5px 10px;
    outline: none;
}

.iti__dial-code {
    color: #999;
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code {
    vertical-align: middle;
}

.iti__flag-box,
.iti__country-name {
    margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default;
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}

.iti--container:hover {
    cursor: pointer;
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.iti__flag {
    display: inline-block;
    width: 20px;
}

.iti__flag.iti__be {
    width: 18px;
}

.iti__flag.iti__ch {
    width: 15px;
}

.iti__flag.iti__mc {
    width: 19px;
}

.iti__flag.iti__ne {
    width: 18px;
}

.iti__flag.iti__np {
    width: 13px;
}

.iti__flag.iti__va {
    width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px;
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px;
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px;
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px;
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px;
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px;
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px;
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px;
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px;
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px;
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px;
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px;
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px;
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px;
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px;
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px;
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px;
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px;
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px;
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px;
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px;
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px;
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px;
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px;
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px;
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px;
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px;
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px;
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px;
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px;
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px;
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px;
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px;
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px;
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px;
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px;
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px;
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px;
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px;
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px;
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px;
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px;
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px;
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px;
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px;
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px;
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px;
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px;
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px;
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px;
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px;
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px;
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px;
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px;
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px;
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px;
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px;
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px;
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px;
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px;
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px;
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px;
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px;
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px;
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px;
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px;
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px;
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px;
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px;
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px;
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px;
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px;
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px;
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px;
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px;
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px;
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px;
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px;
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px;
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px;
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px;
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px;
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px;
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px;
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px;
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px;
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px;
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px;
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px;
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px;
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px;
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px;
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px;
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px;
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px;
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px;
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px;
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px;
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px;
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px;
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px;
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px;
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px;
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px;
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px;
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px;
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px;
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px;
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px;
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px;
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px;
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px;
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px;
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px;
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px;
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px;
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px;
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px;
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px;
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px;
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px;
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px;
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px;
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px;
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px;
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px;
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px;
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px;
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px;
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px;
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px;
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px;
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px;
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px;
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px;
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px;
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px;
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px;
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px;
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px;
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px;
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px;
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px;
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px;
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px;
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px;
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px;
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px;
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px;
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px;
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px;
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px;
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px;
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px;
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px;
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px;
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px;
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px;
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px;
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px;
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px;
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px;
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px;
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px;
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px;
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px;
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px;
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px;
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px;
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px;
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px;
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px;
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px;
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px;
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px;
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px;
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px;
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px;
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px;
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px;
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px;
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px;
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px;
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px;
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px;
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px;
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px;
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px;
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px;
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px;
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px;
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px;
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px;
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px;
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px;
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px;
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px;
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px;
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px;
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px;
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px;
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px;
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px;
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px;
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px;
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px;
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px;
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px;
}

.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("img/flags@2x.png");
    }
}

.iti__flag.iti__np {
    background-color: transparent;
}


/*Confirm Box STARTED*/

.confirmBoxContainer {
    position: fixed;
    z-index: 999999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    opacity: 1;
    transform: scale(1);
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.95);
}

.ConfirmBoxWrapper {
    font-family: Helvetica, Arial, sans-serif;
    margin: 40px auto 40px;
    position: relative;
    width: 100%;
    max-width: 350px;
    transition: all .3s ease-out;
    -webkit-animation: fadeIn 0.45s ease-in-out 0.3s;
    animation: fadeIn 0.45s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ConfirmBoxMiddle {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    padding: 40px 0px;
    min-height: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease-out;
    -webkit-animation: fadeIn 0.3s ease-in-out 0.3s;
    animation: fadeIn 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.removeCom {
    transition: all .5s ease-out;
    -webkit-animation: zoomOut .5s ease-in-out .5s;
    animation: zoomOut .5s ease-in-out .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    pointer-events: none;
}

.removePost {
    transition: all 0.7s ease-out;
    -webkit-animation: zoomOut 0.7s ease-in-out 0.7s;
    animation: zoomOut 0.7s ease-in-out 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    pointer-events: none;
}

.are_you_sure {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    color: #ffffff;
    text-rendering: optimizeLegibility;
    font-smooth: always;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.confirmButtons {
    text-align: center;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    margin: 0px auto;
    width: 100%;
    max-width: 305px;
    margin-top: 15px;
}

.tab_frame {
    display: inline-block;
    margin: 0 5px;
    border-radius: 3px;
    overflow: visible;
}

.ui_button {
    height: 45px;
    min-width: 140px;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    border: none;
}

.chrome {
    cursor: pointer;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 17px;
    line-height: 14px;
    padding: 4px 7px 5px 7px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    border-radius: 8px;
    border-color: transparent;
    background: #9da6af;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn_1 {
    animation: pulse-opacity 1s ease infinite both;
    text-transform: uppercase;
}

.btn_1:active {
    animation: pulse-opacity 0s ease infinite both;
}

.chrome.blue {
    background-image: none;
    background-color: #529ecc;
}

.buttons .ui_button {
    height: 45px;
    min-width: 140px;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    border: none;
}

@keyframes pulse-opacity {
    0% {
        opacity: 1
    }
    50% {
        opacity: .7
    }
    to {
        opacity: 1
    }
}


/*Confirm Box FINISHED*/


/*Edit Comment STARTED*/

.editCommentContainer {
    position: absolute;
    z-index: 7;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    opacity: 1;
    transform: scale(1);
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.95);
}

.editCommentBox {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000000; 
    z-index: 3;
    left: 0px;
    top: 0px;
}

.upDiv {
    z-index: 8;
}

.editThisComment {
    background: 0 0;
    border: 0;
    color: #ffffff;
    font-size: inherit;
    height: 18px;
    outline: 0;
    padding: 10px;
    resize: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 300;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.cancelEdit {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -21px;
    right: 11px;
    background-repeat: no-repeat;
    background-position: -428px -435px;
    cursor: pointer;
    z-index: 4; 
    background-color: #000000;
}


/*Edit Comment FINISHED*/


/*Post Menu STARTED*/

.post_menu_container {
    position: absolute;
    width: 246px;
    padding: 10px 0px;
    background-color: #000000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    margin-top: 60px;
    right: 10px;
    z-index: 10;
    opacity: 0;
    display: none;
}

.post_menu_item {
    width: 100%;
    padding: 13px 15px;
    font-weight: 500;
    font-size: .89rem;
    color: #ffffff;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 30px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    cursor: pointer;
}

.post_menu_item:hover {
    background-color: rgba(183, 183, 183, 0.1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.delete_icon {
    background-repeat: no-repeat;
    background-position: -243px -431px;
    height: 24px;
    width: 24px;
    margin-right: 8px;
}

.report_icon {
    background-repeat: no-repeat;
    background-position: -452px -433px;
    height: 24px;
    width: 24px;
    margin-right: 8px;
}

.zMhqu .post_permalink {
    border-color: #000000 #000000 transparent transparent;
    border-radius: 0 0 0 5px;
    border-style: solid;
    position: absolute;
    border-width: 2px;
    background: #d0d0d0;
    display: block;
    opacity: 0;
    height: 0;
    width: 0;
    right: -1px;
    top: -1px;
    transition: border-width .15s ease-in, opacity 0ms ease-in .15s;
}

.zMhqu:hover .post_permalink {
    transition: border-width .15s ease-in, opacity 0ms ease-in 0ms;
    opacity: 1;
    border-width: 8px;
}

@keyframes drop-down-zoom {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes drop-up-zoom {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}


/*Post Menu FINISHED*/


/*Report Box PopUp STARTED*/

.reportPostContainer {
    position: fixed;
    z-index: 999999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    opacity: 1;
    transform: scale(1);
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.95);
}

.poStListmEnUBox {
    position: fixed;
    z-index: 999999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 1;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.96);
}

.reportPos_Wrap {
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    max-width: 465px;
    transition: all 0.65s ease-out;
    -webkit-animation: fadeInDown 0.65s ease-in-out 0.65s;
    animation: fadeInDown 0.65s ease-in-out 0.65s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin: 0px auto;
    height: 100%;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
}

.reportPos-modal-middle {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    transition: all 0.75s ease-out;
    -webkit-animation: fadeIn 0.75s ease-in-out 0.75s;
    animation: fadeIn 0.75s ease-in-out 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.reportTextTitle {
    line-height: 1;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    width: 100%;
    padding: 12px 12px 20px;
}

.reporTextInfo {
    padding: 12px 12px 20px;
    color: #ffffff;
    width: 100%;
    font-size: 17px;
}

.reportQuestion {
    font-weight: 700;
    color: #ffffff;
    width: 100%;
    font-size: 16px;
    padding: 12px 12px 20px;
}

.repor_item_List {
    position: relative;
    padding: 0px 0px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

.report-section {
    position: relative;
    width: 100%;
    padding: 13px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.report-section:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.ckbx-circle-2 {
    font-size: 24px;
    float: left;
}

.ckbx-circle-2 input[type=radio] {
    visibility: hidden;
    display: none;
}

.report-section .ckbx-circle-2 label {
    font-weight: 400;
    font-size: 16px;
    margin-left: 14px;
    line-height: 20px;
    color: #ffffff;
    cursor: pointer;
}

.ckbx-circle-2 label {
    position: relative;
    cursor: pointer;
    display: block;
    width: 1em;
    height: 1em;
}

.ckbx-circle-2 label:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    transition: background .1s ease .1s;
    background: #ffffff;
    border-radius: 100%;
    border: 1px solid #d8dbdf;
}

.ckbx-circle-2 label:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: 5px;
    top: 5px;
    transition: all .2s ease;
    background: #C3C3C3;
    animation: c .2s ease-out;
}

.rptype {
    position: relative;
    float: left;
    font-weight: 400;
    font-size: 16px;
    margin-left: 14px;
    line-height: 20px;
    color: #ffffff;
    cursor: pointer;
}

.ckbx-circle-2 input[type=radio]:checked+label:after {
    background: #4267B2;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    animation: b .2s ease-out;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.closeReport {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1
}

.report-section .switch label {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}

.report_Button {
    display: inline-block;
    width: 100%;
    height: 45px;
    margin: 10px 0;
    padding: 0;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 700;
    line-height: 43px;
    text-align: center;
    box-sizing: border-box;
    border-color: #d95e40;
    background: #d95e40;
    cursor: pointer;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #fff;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
}

.report_Button:active {
    color: #f2e2e2;
    color: rgba(255, 255, 255, 0.8);
    background: #cf593c;
    border-color: #cf593c;
}

.reportPos-modal-middle-finish {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    transition: all 0.75s ease-out;
    -webkit-animation: fadeIn 0.75s ease-in-out 0.75s;
    animation: fadeIn 0.75s ease-in-out 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    text-align: center;
}


/*Report Box PoUp FINISHED*/


/*Show Images In LightBox STARTED*/

.lightBoxContainer {
    position: fixed;
    z-index: 999;
    padding-top: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    opacity: 1;
    transform: scale(1);
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.95);
}

.lightBoxMiddle {
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    max-width: 465px;
    transition: all 0.65s ease-out;
    -webkit-animation: fadeInDown 0.65s ease-in-out 0.65s;
    animation: fadeInDown 0.65s ease-in-out 0.65s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin: 0px auto;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lightBoxImages {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    transition: all 0.75s ease-out;
    -webkit-animation: fadeIn 0.75s ease-in-out 0.75s;
    animation: fadeIn 0.75s ease-in-out 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.lightBoximage {
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

.closeLightBox {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url(icons/icons_two.png);
    background-position: 7px -209px;
    cursor: pointer;
    z-index: 10;
}

.Out {
    transition: all 0.3s ease-out;
    -webkit-animation: fadeOutDownBig 0.3s ease-in-out 0.3s;
    animation: fadeOutDownBig 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*Show Images In LightBox FINISHED*/


/*Post Link Show STARTED*/

.link_url_des_title {
    padding: 20px 20px 0;
    background-color: #15181c;
}

.url_link_img:after {
    background-image: linear-gradient(rgba(0, 0, 0, .439216), transparent 50%);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.url_link_mini_link {
    margin-bottom: 17px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 700;
    word-break: break-all;
    position: absolute;
    top: 30px;
    left: 10px;
    right: 20px;
    color: #fff;
    display: inline-block;
    margin: 0;
    z-index: 1;
}

.link_title_url {
    margin-bottom: 14px;
    display: block;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #ffffff;
}

.link_title_url a {
    color: #ffffff;
}

.link_title_url:after {
    content: " ";
    color: inherit;
    padding-left: 16px;
    font-size: 16px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    background-image: url(icons/icons.png);
    background-repeat: no-repeat;
    background-position: -358px -250px;
    margin-left: 3px;
}

.link_description_url {
    margin-bottom: 14px;
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
}


/*Post Link Show FINISHED*/


/*Post HashTag Style STARTED*/

.hashtags a {
    text-decoration: none;
    color: #ffffff;
}

.hshCl {
    float: left;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 13px;
    background-color: rgb(6, 114, 244);
    margin-right: 5px;
    margin-bottom: 3px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10+ and Edge */
    user-select: none;
    /* Standard syntax */
}

.hshCl:hover {
    background-color: rgb(18, 104, 255) !important;
}

.hshCl:active {
    background-color: rgb(35, 18, 255) !important;
}

.hashtags {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    padding: 15px 16px;
}


/*Post HashTag Style FINISHED*/


/*Chat Right Sidebar STARTED*/

.chatRight.open {
    transform: none;
}

.chatRight-container {
    overflow: hidden;
    width: 100%;
    max-width: 600px;
}

.chatRight-drawer {
    background: #fff;
    height: 100%;
    padding: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 999999;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translate3d(100%, 0, 0);
    transition: transform .2s ease-out;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInRight 0.3s ease-in-out 0.3s;
    animation: fadeInRight 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 7px 0px 80px 4px #E6E6E6;
    -webkit-box-shadow: 7px 0px 80px 4px #E6E6E6;
    -moz-box-shadow: 7px 0px 80px 4px #E6E6E6;
}

.chatRight-container .peepr-drawer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.closeChat {
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: inline-block;
}


/*Chat Right Sidebar FINISHED*/


/*PopUp Box Right to Left Sidebar STARTED*/

.drawer.open {
    transform: none;
}

.peepr-drawer-container {
    overflow: hidden;
    width: 100%;
    max-width: 600px;
}

.drawer {
    background: #000000;
    height: 100%;
    padding: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 998;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translate3d(100%, 0, 0);
    transition: transform .2s ease-out;
    transition: all 0.3s ease-out;
    -webkit-animation: fadeInRight 0.3s ease-in-out 0.3s;
    animation: fadeInRight 0.3s ease-in-out 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.peepr-drawer-container .peepr-drawer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.waitApproval {
    font-weight: 500;
    font-size: 14px;
    background-color: #f4511e;
    color: #ffffff;
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
}

.saveMyChangeAd {
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    background-color: #1976d2;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 0px;
    border-bottom: 2px solid #0d47a1;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
}

.saveMyChangeAd:active {
    margin-top: 2px;
    border-bottom: 0px solid transparent;
}

.peepr-body {
    position: relative;
    min-height: 100%;
    background-color: #15181c;
}

.peepr-body .indash_blog {
    position: relative;
}

.indash_blog,
.peepr-drawer.overlay-container {
    height: 100%;
}

.peepr-body .indash_blog .not_new_messages {
    padding: 0 0px 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

.peepr-body .indash_blog .singlePostHere {
    padding: 0px 0px 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

.singlePostHere .zMhqu .post_permalink {
    display: none !important;
}

.singlePostHere .zMhqu {
    border-radius: 0px !important;
    border: 0px solid transparent !important;
    margin-bottom: 30px !important;
}

.notificationBoxHeader {
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 30px;
    background-color: #15181c;
    position: sticky;
    position: -webkit-sticky;
    z-index: 99;
    top: 0px;
}

.searchBoxHeader {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    z-index: 991;
    top: 0px;
    padding: 15px 10px;
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    background-color: #15181c;
}

.total_ {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    margin-left: 20px;
}

._1ht1._1ht32 {
    background-color: rgba(239, 239, 239, 0.31);
    cursor: pointer;
    display: block !important;
    padding-top: 6px;
}

._1ht32:not(:last-child) {
    border-bottom: 1px solid rgba(183, 183, 183, .1);
}

._1ht1._1ht38 {
    background-color: rgba(239, 239, 239, 0.31);
    cursor: pointer;
    display: block !important;
    padding-top: 6px;
}

._1ht38:not(:last-child) {
    border-bottom: 1px solid rgba(183, 183, 183, .1);
}

.total_::before {
    position: absolute;
    content: "";
    border-top: 2px solid rgba(41, 41, 41, 0.81);
    width: 5px;
    margin-left: -23px;
    margin-top: 15px;
}

.closeNews {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.friendRequestBox {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 10px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.friendRequestUserAvatar {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
    height: 60px;
    width: 60px;
}

.avatarBorder {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.notificationIconArrow {
    position: absolute;
    padding: 5px;
    bottom: -5px;
    right: -5px;
    z-index: 5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.notoMQd {
    margin-left: 12px;
    font: inherit;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    width: calc(100% - 28px);
    width: -webkit-calc(100% - 28px);
    width: -moz-calc(100% - 28px);
    width: -o-calc(100% - 28px);
    width: -ms-calc(100% - 28px);
}

.friendRequestUserName_btns {
    position: relative;
    display: inline-block;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font: inherit;
    font-size: 0.80em;
	line-height: 180%;
    font-weight: 400;
    display: block;
}

.friendRequestName {
    color: #ffffff;
    display: block;
    line-height: 1.3;
    margin: 0 7px;
    min-width: 0;
    word-wrap: break-word;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0;
    padding-top: 0px;
    position: relative;
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 8px;
}

.reqTime {
    font-size: 13px;
    color: #848484;
    padding-top: 5px;
    padding-left: 9px;
    font-weight: 400;
}

.friendRequestName a {
    text-decoration: none;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}

.friendRequestNameBtns {
    color: #ffffff;
    display: block;
    line-height: 1.3;
    margin: 0 7px;
    min-width: 0;
    word-wrap: break-word;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0;
    padding-top: 2px;
    position: relative;
    color: #ffffff;
    font-size: 14px;
}

.requestOk {
    background-color: #4267b2;
    border-color: #4267b2;
    border: 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-sizing: content-box;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    line-height: 26px;
    padding: 0 10px;
    letter-spacing: inherit;
    color: #ffffff;
    float: left;
    outline: none;
    margin-right: 3px;
}

.requestNo {
    background-color: #f6f7f9;
    color: #4b4f56;
    border: 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-color: #DEDEDE;
    box-sizing: content-box;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    line-height: 26px;
    padding: 0 10px;
    letter-spacing: inherit;
}

.requestNo {
    background-color: #f6f7f9;
    color: #4b4f56;
    border: 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-color: #DEDEDE;
    box-sizing: content-box;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    line-height: 26px;
    padding: 0 10px;
    letter-spacing: inherit;
}

.peepr-body .indash_blog .not_new_not {
    padding: 0px 0px 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

.drawer_close {
    background: #fff;
    height: 100%;
    padding: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 998;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translate3d(100%, 0, 0);
    transition: all .3s ease-out;
    -webkit-animation: fadeOutRightBig .3s ease-in-out .3s;
    animation: fadeOutRightBig .3s ease-in-out .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 7px 0px 80px 4px #E6E6E6;
    -webkit-box-shadow: 7px 0px 80px 4px #E6E6E6;
    -moz-box-shadow: 7px 0px 80px 4px #E6E6E6;
}

.closeBoxFix {
    transition: all .6s ease-out;
    -webkit-animation: fadeOutRightBig .6s ease-in-out .6s;
    animation: fadeOutRightBig .6s ease-in-out .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block;
}

.newnotifications_ {
    padding: 5px;
    background-color: #F9F9F9;
    font-size: 13px;
    font-weight: 600;
    color: #6F6F6F;
    text-indent: 6px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 15px;
    margin-top: 20px;
}

.friendRequestBox:not(:last-child) {
    border-bottom: 1px solid rgba(183, 183, 183, 0.2);
}

.notstb {
    padding: 10px 12px;
    color: #ffffff;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    width: 50%;
}

.bl {
    background-color: #1877F2;
}

.gr {
    background-color: #E4E6EB;
    color: #ffffff;
}

.not_decline {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 2px;
    font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    border: 1px solid #C6C7C7;
    background-color: #C5C7CA;
    color: #fff;
    margin-right: 5px;
}

.not_decline:active {
    border-color: #9DA6AF;
    background-color: #9DA6AF;
    color: hsla(0, 0%, 100%, .8);
}

.ic_text {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: -128px -401px;
    margin-left: 5px;
}

.ic_img {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: -154px -401px;
    margin-left: 5px;
}

.ic_vid {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: -198px -401px;
    margin-left: 5px;
}

.ic_aud {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: -175px -401px;
    margin-left: 5px;
}

.ic_lin {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: -250px -398px;
    margin-left: 5px;
}

.ic_loc {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: -250px -398px;
    margin-left: 5px;
}

.ic_ufollow {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: -257px -358px;
    margin-left: 5px;
}

.no_new_not {
    text-align: center;
    padding: 20px 0px;
    font-weight: 600;
    color: #8A8A8A;
}

.readed {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 19px;
    height: 19px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.readed:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.ic_readed {
    background-repeat: no-repeat;
    background-position: -24px -360px;
}

.ic_noReaded {
    background-repeat: no-repeat;
    background-position: -3px -360px;
}

.notReadedColor {
    background-color: rgba(183, 183, 183, 0.1);
}

.friendRequestNameBtns a {
    color: #ffffff;
    font-weight: 600;
    padding: 1px;
    margin-top: 5px;
}


/*PopUp Box Right to Left Sidebar FINISHED*/


/*Friends Page STARTED*/

.UserCardContainer {
    position: relative;
    width: 100%;
    width: calc(100% / 3 - 0px);
    width: -webkit-calc(100% / 3 - 0px);
    width: -o-calc(100% / 3 - 0px);
    width: -moz-calc(100% / 3 - 0px);
    width: -ms-calc(100% / 3 - 0px);
    padding: 5px;
    float: left;
    display: block;
    cursor: pointer;
}

.profile_f_container {
    position: relative;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: block;
}

.cGcGK_fri {
    float: left;
    margin-left: 0px;
    width: 100%;
}

.m0NAq_friend {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #15181c;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


/*Friends Page FINISHED*/


/*Profile Not Found STARTED*/

.profile_not_found {
    margin: 0px auto;
    padding-top: 200px;
}

.profile_not_found_title {
    text-align: center;
    padding: 30px;
    font-weight: 600;
    font-size: 35px;
    color: #ffffff;
}

.profile_not_found_note {
    text-align: center;
    padding: 0px 30px;
    font-size: 25px;
    font-weight: 500;
    color: #ffffff;
}

.payment_failed_note {
    text-align: center;
    padding: 0px 30px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

.page_not_found_image {
    width: 100%;
    max-width: 450px;
    overflow: hidden;
    margin: 20px auto;
}

.page_not_found_image img {
    width: 100%;
}

.suggest_page_links {
    width: 100%;
    max-width: 450px;
    overflow: hidden;
    margin: 0px auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.suggest_page_link_box {
    float: left;
    text-align: center;
    color: #09F;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webit-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    padding: 10px 0px;
}


/*Profile Not Found FINISHED*/


/*About Us, Privacy Policies STARTED*/

.setttings_out {
    padding-top: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 935px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.settings_out_footer {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    padding: 0 20px;
}

.setttings_out .BvMHM {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px 30px;
}

.setttings_out .BvMHM h1 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 28px;
}

.setttings_out .BvMHM h3 {
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 28px;
}

.copyright__ {
    color: #ffffff;
    display: inline-block;
    float: right;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}


/*About Us, Privacy Policies FINISHED*/

.yepnoPost {
    width: 100% !important;
}

._6S0lP {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-borde-radius: 3px;
    display: none;
    opacity: 0;
}

.post_explore_box:hover .post_explore_box_in ._6S0lP {
    display: block;
    opacity: 1;
}

.Ln-UN {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.Ln-UN {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0px;
}

.-V_eO {
    margin-bottom: 7px;
    margin-right: 0;
}

.-V_eO {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 30px;
}

.coreSpriteHeartSmall {
    background-repeat: no-repeat;
    background-position: -350px -357px;
    height: 20px;
    width: 20px;
}

.coreSpriteSpeechBubbleSmall {
    background-repeat: no-repeat;
    background-position: -371px -357px;
    height: 20px;
    width: 20px;
}

._1P1TY {
    margin-right: 7px;
}

.post_content_explore {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    border-radius: 3px;
    clear: both;
    background-color: rgb(241, 241, 241);
}

.post_content_inner {
    position: absolute;
    overflow: hidden;
    font-size: 10px;
    line-height: 26px;
    top: 3px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border-width: 0!important;
    word-wrap: break-word;
    border-radius: 0;
    margin-top: 0;
}

.post_content_inner p {
    margin-bottom: 0;
    margin: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-weight: 400;
    font-size: 25px;
    color: #ffffff;
    padding: 10px 10px;
    font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
}

*,
 :active,
 :focus {
    outline: 0;
    outline-style: none;
    outline-width: 0;
    -webkit-tap-highlight-color: transparent;
}

.noMorePost {
    padding: 30px 0px;
    text-align: center;
    font-weight: 600;
    color: #AAA;
}

.noMorePost .loadingUrl {
    left: 103px;
    top: 93px;
    position: absolute !important;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.post_explore_box_in {
    display: inherit;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    background-color: #15181c;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}


/*Tumblr Style Loader STARTED*/

.Knight-Rider-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.Knight-Rider-bar {
    display: none;
    height: 10px;
    width: 10px;
    margin: 0 3px;
    opacity: 0.5;
    border-radius: 2px;
    background-color: #d8dbdf;
}

.animate>.Knight-Rider-bar {
    display: inline-block;
    animation: Knight-Rider-oscillate ease-in-out 300ms infinite alternate;
}

.Knight-Rider-bar:nth-child(1) {
    animation-delay: -200ms;
}

.Knight-Rider-bar:nth-child(2) {
    animation-delay: -100ms;
}

@keyframes Knight-Rider-oscillate {
    0% {
        opacity: 0.5;
        transform: scaleY(1);
    }
    100% {
        opacity: 1;
        transform: scaleY(1.4);
    }
}

@keyframes Knight-Rider-oscillate {
    0% {
        opacity: 0.5;
        transform: scaleY(1);
    }
    100% {
        opacity: 1;
        transform: scaleY(1.4);
    }
}

._1enh {
    -o-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 420px;
    min-width: 240px;
}


/*Tumblr Style Loader FINISHED*/

.prog-colm {
    position: relative;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #EAEEF0;
    margin-bottom: 25px;
    background-color: #15181c;
}

.prog-bar-colm {
    position: relative;
    float: left;
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.progressmi {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #bbdefb;
    border-radius: 2px;
    margin: 7px 0px;
    overflow: hidden;
}


/*Progress Bar*/

.indeterminatespost {
    background-color: #42a5f5;
}

.indeterminatespost:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminatesprog 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminatesprog 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.indeterminatespost:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminatesprog-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminatesprog-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

@-webkit-keyframes indeterminatesprog {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminatesprog {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminatesprog-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminatesprog-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}


/* -----------------------------------------------------
   CSS Progress Bars
-------------------------------------------------------- */

.cssProgress {
    width: 100%;
    margin-bottom: 0px;
}

.cssProgress .progress1,
.cssProgress .progress2,
.cssProgress .progress3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    font-family: "Roboto", sans-serif;
}

.cssProgress .cssProgress-bar {
    display: block;
    float: left;
    width: 0%;
    height: 100%;
    background: #3798d9;
    box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: width 0.8s ease-in-out;
    transition: width 0.8s ease-in-out;
}

.cssProgress .cssProgress-label {
    position: absolute;
    overflow: hidden;
    left: 0px;
    right: 0px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.7em;
    text-align: center;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
}

.cssProgress .cssProgress-info {
    background-color: #9575cd !important;
}

.cssProgress .cssProgress-danger {
    background-color: #ef5350 !important;
}

.cssProgress .cssProgress-success {
    background-color: #66bb6a !important;
}

.cssProgress .cssProgress-warning {
    background-color: #4db4ff !important;
}

.cssProgress .cssProgress-right {
    float: right !important;
}

.cssProgress .cssProgress-label-left {
    margin-left: 10px;
    text-align: left !important;
}

.cssProgress .cssProgress-label-right {
    margin-right: 10px;
    text-align: right !important;
}

.cssProgress .cssProgress-label2 {
    display: block;
    margin: 2px 0;
    padding: 0 8px;
    font-size: 0.8em;
}

.cssProgress .cssProgress-label2.cssProgress-label2-right {
    text-align: right;
}

.cssProgress .cssProgress-label2.cssProgress-label2-center {
    text-align: center;
}

.cssProgress .cssProgress-stripes,
.cssProgress .cssProgress-active,
.cssProgress .cssProgress-active-right {
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.125) 50%, rgba(255, 255, 255, 0.125) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.125) 50%, rgba(255, 255, 255, 0.125) 75%, transparent 75%, transparent);
    background-size: 35px 35px;
}

.cssProgress .cssProgress-active {
    -webkit-animation: cssProgressActive 2s linear infinite;
    -ms-animation: cssProgressActive 2s linear infinite;
    animation: cssProgressActive 2s linear infinite;
}

.cssProgress .cssProgress-active-right {
    -webkit-animation: cssProgressActiveRight 2s linear infinite;
    -ms-animation: cssProgressActiveRight 2s linear infinite;
    animation: cssProgressActiveRight 2s linear infinite;
}

@-webkit-keyframes cssProgressActive {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 35px 35px;
    }
}

@-ms-keyframes cssProgressActive {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 35px 35px;
    }
}

@keyframes cssProgressActive {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 35px 35px;
    }
}

@-webkit-keyframes cssProgressActiveRight {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -35px -35px;
    }
}

@-ms-keyframes cssProgressActiveRight {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -35px -35px;
    }
}

@keyframes cssProgressActiveRight {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -35px -35px;
    }
}


/* -----------------------------------------------------
  Progress Bar 1
-------------------------------------------------------- */

.progress1 {
    background-color: #EEE;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.progress1 .cssProgress-bar {
    height: 18px;
}

.progress1 .cssProgress-label {
    line-height: 18px;
}


/* -----------------------------------------------------
   Progress Bar 2
-------------------------------------------------------- */

.progress2 {
    background-color: #EEE;
    border-radius: 9px;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.progress2 .cssProgress-bar {
    height: 18px;
    border-radius: 9px;
}

.progress2 .cssProgress-label {
    line-height: 18px;
}


/* -----------------------------------------------------
   Progress Bar 3
-------------------------------------------------------- */

.progress3 {
    width: auto !important;
    padding: 0px;
    background-color: rgb(239, 239, 239);
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.02);
}

.progress3 .cssProgress-bar {
    height: 6px;
}

.progress3 .cssProgress-label {
    line-height: 16px;
}


/* -----------------------------------------------------
  Progress Bar 4
-------------------------------------------------------- */

.progress4 {
    position: relative;
    width: 100%;
    background-color: #EEE;
}

.progress4.cssProgress-bg {
    background-color: #bbdefb !important;
}

.progress4.cssProgress-bg-info {
    background-color: #d1c4e9 !important;
}

.progress4.cssProgress-bg-danger {
    background-color: #ffcdd2 !important;
}

.progress4.cssProgress-bg-success {
    background-color: #c8e6c9 !important;
}

.progress4.cssProgress-bg-warning {
    background-color: #ffecb3 !important;
}

.progress4 .cssProgress-bar {
    display: block;
    float: none;
    width: 0%;
    height: 4px;
    background: #3798d9;
}

.progress4 .cssProgress-bar.cssProgress-lg {
    height: 6px;
}

.progress4 .cssProgress-bar.cssProgress-2x {
    height: 8px;
}

.progress4 .cssProgress-bar.cssProgress-3x {
    height: 10px;
}

.progress4 .cssProgress-bar.cssProgress-4x {
    height: 12px;
}

.progress4 .cssProgress-bar.cssProgress-5x {
    height: 14px;
}

.progress4 .cssProgress-bar.cssProgress-glow {
    box-shadow: 5px 0px 15px 0px #3798D9;
}

.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-info {
    box-shadow: 5px 0px 15px 0px #9575cd;
}

.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-danger {
    box-shadow: 5px 0px 15px 0px #ef5350;
}

.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-success {
    box-shadow: 5px 0px 15px 0px #66bb6a;
}

.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-warning {
    box-shadow: 5px 0px 15px 0px #ffb74d;
}

.progress4 .cssProgress-bar.cssProgress-glow-active {
    -webkit-animation: cssProgressGlowActive1 3s linear infinite;
    -ms-animation: cssProgressGlowActive1 3s linear infinite;
    animation: cssProgressGlowActive1 3s linear infinite;
}

.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-info {
    -webkit-animation: cssProgressGlowActive2 3s linear infinite;
    -ms-animation: cssProgressGlowActive2 3s linear infinite;
    animation: cssProgressGlowActive2 3s linear infinite;
}

.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-danger {
    -webkit-animation: cssProgressGlowActive3 3s linear infinite;
    -ms-animation: cssProgressGlowActive3 3s linear infinite;
    animation: cssProgressGlowActive3 3s linear infinite;
}

.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-success {
    -webkit-animation: cssProgressGlowActive4 3s linear infinite;
    -ms-animation: cssProgressGlowActive4 3s linear infinite;
    animation: cssProgressGlowActive4 3s linear infinite;
}

.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-warning {
    -webkit-animation: cssProgressGlowActive5 3s linear infinite;
    -ms-animation: cssProgressGlowActive5 3s linear infinite;
    animation: cssProgressGlowActive5 3s linear infinite;
}

@-webkit-keyframes cssProgressGlowActive1 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #3798D9;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #3798D9;
    }
}

@-ms-keyframes cssProgressGlowActive1 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #3798D9;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #3798D9;
    }
}

@keyframes cssProgressGlowActive1 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #3798D9;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #3798D9;
    }
}

@-webkit-keyframes cssProgressGlowActive2 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #9575cd;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #9575cd;
    }
}

@-ms-keyframes cssProgressGlowActive2 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #9575cd;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #9575cd;
    }
}

@keyframes cssProgressGlowActive2 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #9575cd;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #9575cd;
    }
}

@-webkit-keyframes cssProgressGlowActive3 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #ef5350;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #ef5350;
    }
}

@-ms-keyframes cssProgressGlowActive3 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #ef5350;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #ef5350;
    }
}

@keyframes cssProgressGlowActive3 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #ef5350;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #ef5350;
    }
}

@-webkit-keyframes cssProgressGlowActive4 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #66bb6a;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #66bb6a;
    }
}

@-ms-keyframes cssProgressGlowActive4 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #66bb6a;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #66bb6a;
    }
}

@keyframes cssProgressGlowActive4 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #66bb6a;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #66bb6a;
    }
}

@-webkit-keyframes cssProgressGlowActive5 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #ffb74d;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #ffb74d;
    }
}

@-ms-keyframes cssProgressGlowActive5 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #ffb74d;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #ffb74d;
    }
}

@keyframes cssProgressGlowActive5 {
    0%,
    100% {
        box-shadow: 5px 0px 15px 0px #ffb74d;
    }
    45% {
        box-shadow: 1px 0px 4px 0px #ffb74d;
    }
}


/*Choose Language STARTED*/

.chooseLangContainer {
    position: fixed;
    width: 100%;
    max-width: 300px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    min-height: 350px;
    left: 10px;
    bottom: 10px;
    transition: all .2s ease-out;
    -webkit-animation: slideInUp .2s ease-in-out .2s;
    animation: slideInUp .2s ease-in-out .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 99;
    border: 1px solid #efefef;
}

.chooseLanguageHeader {
    position: relative;
    width: 100%;
    padding: 15px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: left;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    border-bottom: 1px solid #efefef;
}

.allLang {
    width: 100%;
    display: block;
    padding: 0px 0px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.langs {
    float: left;
    display: inline-block;
    width: 100%;
    width: calc(100% / 2 - 0px);
    width: -webkit-calc(100% / 2 - 0px);
    width: -ms-calc(100% / 2 - 0px);
    width: -moz-calc(100% / 2 - 0px);
    width: -o-calc(100% / 2 - 0px);
    padding: 10px 0px;
    cursor: pointer;
}

.langs:hover {
    background-color: rgba(183, 183, 183, 0.1);
}

.langs:nth-child(odd) {
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
}

.langs:nth-child(even) {
    border-bottom: 1px solid rgba(183, 183, 183, 0.1);
    border-left: 1px solid rgba(183, 183, 183, 0.1);
}

.lang_flag {
    width: 50px;
    height: 50px;
    margin: 0px auto;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.lang_flag img {
    overflow: hidden;
    width: 100%;
}

.langName {
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
    padding: 8px 0px;
    text-transform: capitalize;
}

.closeLangs {
    position: absolute;
    right: 9px;
    top: 7px;
    padding: 5px;
    z-index: 1;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.closeLangs:hover {
    background-color: rgba(183, 183, 183, 0.1);
    border: 1px solid #E9E9E9;
}

.svg_icon {
    width: 22px;
    height: 22px;
    float: left;
    display: inline-block;
}

.icon_colors {
    color: #ffffff;
}

.svg_icon g {
    fill: currentColor;
}

@-webkit-keyframes mapAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes mapAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-o-keyframes mapAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes mapAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}


/*Choose Language FINISHED*/

.theSelectBox input:not([type])+label::after,
.theSelectBox input[type="text"]:not(.browser-default)+label::after,
.theSelectBox input[type="password"]:not(.browser-default)+label::after,
.theSelectBox input[type="email"]:not(.browser-default)+label::after,
.theSelectBox input[type="url"]:not(.browser-default)+label::after,
.theSelectBox input[type="time"]:not(.browser-default)+label::after,
.theSelectBox input[type="date"]:not(.browser-default)+label::after,
.theSelectBox input[type="datetime"]:not(.browser-default)+label::after,
.theSelectBox input[type="datetime-local"]:not(.browser-default)+label::after,
.theSelectBox input[type="tel"]:not(.browser-default)+label::after,
.theSelectBox input[type="number"]:not(.browser-default)+label::after,
.theSelectBox input[type="search"]:not(.browser-default)+label::after,
.theSelectBox textarea.materialize-textarea+label::after,
.theSelectBox .select-wrapper+label::after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: .2s opacity ease-out, .2s color ease-out;
    transition: .2s opacity ease-out, .2s color ease-out;
}

.theSelectBox ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
}

.theSelectBox .input-field.col label {
    left: 0rem;
    width: 350px;
}

.theSelectBox .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e7e7e7;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 14px;
    margin: 0 0 0px 0;
    padding: 0;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    font-weight: 600;
    color: #26a69a;
}

.theSelectBox .select-dropdown::after {
    display: none;
}

.theSelectBox .dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    min-height: 50px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
}

.theSelectBox select {
    display: none;
}

.theSelectBox .select-wrapper .caret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
    fill: rgba(0, 0, 0, 0.87);
}

.theSelectBox .select-wrapper+label {
    position: absolute;
    top: -26px;
    font-size: .8rem;
}

.sOptionSty {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 10px;
    font-size: 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    max-width: 300px;
    background-color: #000000;
    outline: none;
}

.sOptionSty option {
    padding: 3px 0px;
}

.sOptionSty option:checked {
    background: linear-gradient(#26a69a, #26a69a);
    color: #ffffff !important;
    padding-left: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}

@media only screen and (min-width: 835px) and (max-width: 2900px) {
    .post_explore_box {
        position: relative;
        width: 100%;
        width: calc(100% / 3 - 0px);
        width: -webkit-calc(100% / 3 - 0px);
        width: -o-calc(100% / 3 - 0px);
        width: -moz-calc(100% / 3 - 0px);
        width: -ms-calc(100% / 3 - 0px);
        padding: 5px;
        float: left;
        width: 33.3333%;
        display: block;
        cursor: pointer;
    }
    .post_explore_box:nth-child(9n+10) {
        width: 66.6%;
    }
    ._1enh {
        -o-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 420px;
        min-width: 240px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 835px) {
    .post_explore_box {
        position: relative;
        width: 100%;
        width: calc(100% / 3 - 0px);
        width: -webkit-calc(100% / 3 - 0px);
        width: -o-calc(100% / 3 - 0px);
        width: -moz-calc(100% / 3 - 0px);
        width: -ms-calc(100% / 3 - 0px);
        padding: 1px;
        float: left;
        width: 33.33%;
        display: block;
    }
    .post_explore_box:nth-child(12n+7) {
        width: 66.65%;
    }
    .mute_btn_ob {
        display: block;
    }
    .unmute_btn_ob {
        display: block;
    }
}

@media screen and (max-width:1005px) {
    .biog_textarea {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
    .inputField {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
}

@media screen and (max-width:914px) {
    .user_c {
        display: inline-block;
        width: 100%;
        width: calc(100% / 3 - 0px);
        width: -webit-calc(100% / 3 - 0px);
        width: -o-calc(100% / 3 - 0px);
        width: -ms-calc(100% / 3 - 0px);
        padding: 10px;
        float: left;
    }
    .b_prod {
        display: none;
    }
    ._pbwg8U_ {
        height: 285px;
    }
    .ex_post_com_wrp {
        display: inline-block;
        width: 100%;
        height: calc(100% - 122px);
        height: -webkit-calc(100% - 122px);
        height: -o-calc(100% - 122px);
        height: -ms-calc(100% - 122px);
        background-color: rgba(0, 0, 0, 0.8);
        border-bottom: 1px solid rgba(183, 183, 183, 0.1);
        overflow: hidden;
        min-height: 100%;
        max-height: 100%;
        overflow-y: inherit;
        width: calc(100% + 15px);
        width: -webkit-calc(100% + 15px);
        width: -o-calc(100% + 15px);
        width: -ms-calc(100% + 15px);
    }
    .column-gf {
        margin-top: 0%;
    }
    .ex_text_post_container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .ex_post_bor_right {
        border-right: 0px solid rgba(183, 183, 183, 0.1);
    }
    .ex_post_comments {
        padding-left: 0px;
        padding-right: 10px;
    }
    .column-video-ex {
        margin-top: 0%;
    }
    .ex_post_wrp {
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
    }
    .create_ads_box_container {
        padding: 20px 0px;
    }
    .create_ads_box_div_in {
        width: calc(100% / 1 - 0px);
        width: -moz-calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
        padding: 0px !important;
    }
    .create_ads_box_div {
        display: inline-block !important;
    }
    .y_credit_header {
        margin: 0px !important;
        font-size: 50px;
    }
    .y_credit {
        min-height: 133px;
    }
    .makeCredit {
        font-size: 50px;
    }
    .put_it_Bag {
        border: none !important;
        background-color: #000000;
    }
    .putitbagtext {
        display: none;
    }
    .putitbackicon {
        display: none;
    }
    .putitbacktext {
        display: none;
    }
    .float_video_cl {
        display: none;
    }
    .float_video_c {
        display: none;
    }
    .floated_video_container {
        position: relative !important;
        width: auto !important;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        background-color: #15181c;
        box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        left: 0px !important;
        bottom: 0px !important;
        transform: translateX(0px) translateY(0px) !important;
        -webkit-transform: translateX(0px) translateY(0px) !important;
        -moz-transform: translateX(0px) translateY(0px) !important;
        -o-transform: translateX(0px) translateY(0px) !important;
        z-index: 12;
    }
    .container {
        max-width: 635px;
    }
    .closeRightSideBarContainer {
        cursor: pointer;
        width: 25px;
        height: 25px;
        display: inline-block;
    }
    .rightsidebarmenu {
        display: inherit !important;
    }
    .openRightSidebarContainer {
        display: block !important;
        box-shadow: 7px 0px 80px 4px rgba(136, 136, 136, 0.54);
        -webkit-box-shadow: 7px 0px 80px 4px rgba(136, 136, 136, 0.54);
        -moz-box-shadow: 7px 0px 80px 4px rgba(136, 136, 136, 0.54);
        transition: all .2s ease-out;
        -webkit-animation: slideInRight .2s ease-in-out .2s;
        animation: slideInRight .2s ease-in-out .2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .closeRightSidebarContainer_btn {
        display: block !important;
        box-shadow: 7px 0px 80px 4px rgba(136, 136, 136, 0.54);
        -webkit-box-shadow: 7px 0px 80px 4px rgba(136, 136, 136, 0.54);
        -moz-box-shadow: 7px 0px 80px 4px rgba(136, 136, 136, 0.54);
        transition: all .2s ease-out;
        -webkit-animation: slideOutRight .2s ease-in-out .2s;
        animation: slideOutRight .2s ease-in-out .2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .COOzN {
        height: 100vh;
        margin-bottom: 30px;
        padding: 0;
        top: 0px;
        max-width: 100%;
        position: fixed;
        right: 0;
        width: 100%;
        background-color: #15181c;
        z-index: 999999;
        display: none;
        margin-top: 0px;
    }
    .rightSidebarMobileContainer {
        background: #15181c;
        height: 100%;
        padding: 0;
        top: 0;
        bottom: 0;
        position: fixed;
        z-index: 998;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
    }
    .m0NAq {
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom: 1px solid rgba(183, 183, 183, 0.1);
        border-top: 0px solid transparent;
        border-right: 0px solid transparent;
        border-left: 0px solid transparent;
        box-shadow: none;
    }
    .uMnUsrS {
        box-shadow: none;
    }
    ._jjzlbU_ {
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .hAstHit {
        position: relative;
        width: 100%;
        display: inline-block;
        background-color: #15181c;
        border-bottom: 1px solid rgba(183, 183, 183, 0.1);
        border-top: 1px solid rgba(183, 183, 183, 0.1);
        border-right: 0px solid transparent;
        border-left: 0px solid transparent;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        margin-bottom: 30px;
    }
    .rightSidebarHeaderTop {
        border-bottom: 1px solid transparent;
        box-sizing: border-box;
        height: 50px;
        padding: 8px;
        position: relative;
        text-align: center;
        z-index: 201;
        display: block;
    }
    .rightSidebarHeaderTopTitle {
        align-items: center;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        margin: 2px;
        line-height: 31px;
    }
    .BvMHM {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
    }
}

@media screen and (max-width:850px) {
    .BvMHM {
        display: block;
        padding: 15px;
    }
    .settings_left {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .settings_right {
        max-width: 100%;
    }
    .settings_menu_container {
        display: none;
    }
    .opensettingmenu {
        display: block;
    }
    .settings_mobile_down {
        display: block;
    }
    ._1tqi {
        margin: 6px 0 0;
    }
}

@media screen and (max-width:835px) {
    ._1enh {
        width: 100%;
        max-width: 100%;
        min-width: 0px;
        -o-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .closeLeft {
        -o-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
        -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        max-width: 420px;
        min-width: 0px;
        transition: all .2s ease-out;
        -webkit-animation: slideOutLeft .2s ease-in-out .2s;
        animation: slideOutLeft .2s ease-in-out .2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        opacity: 0;
        display: none;
    }
    .openLeft {
        transition: all .2s ease-out;
        -webkit-animation: slideLeftLeft .2s ease-in-out .2s;
        animation: slideLeftLeft .2s ease-in-out .2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .openLeftConversationMenu {
        -o-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 420px;
        min-width: 100%;
        transition: all .2s ease-out;
        -webkit-animation: slideInLeft .2s ease-in-out .2s;
        animation: slideInLeft .2s ease-in-out .2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        opacity: 1;
        position: absolute;
        z-index: 99999;
        height: 100%;
        background-color: #15181c;
    }
    .hideConversationUserFromRight {
        -o-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
        -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        max-width: 420px;
        min-width: 0%;
        transition: all .2s ease-out;
        -webkit-animation: slideOutLeft .2s ease-in-out .2s;
        animation: slideOutLeft .2s ease-in-out .2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        opacity: 1;
        position: absolute;
        z-index: 2;
        height: 100%;
        background-color: #15181c;
    }
    .you {
        max-width: 80%;
    }
    .friend {
        max-width: 80%;
    }
    ._fl2_openMenu {
        display: block !important;
    }
    .back_to {
        float: left;
        margin-top: 0px;
        display: none;
        padding: 10px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, .04);
        margin-right: 10px;
    }
    .back_to svg {
        width: 20px;
        height: 20px;
    }
    .back_to_show {
        display: block !important;
    }
    .pgbox {
        width: 100%;
        padding-top: 25px;
        display: block !important;
    }
    .page_left_box {
        display: inline-block;
        width: 100%;
        max-width: inherit;
        margin-right: 0px;
    }
    .page_right_container {
        display: inline-block;
        width: 100%;
        max-width: inherit;
    }
}

@media screen and (max-width:819px) {
    .box_event_wrapper {
        width: calc(100% / 2 - 0px);
        width: -webkit-calc(100% / 2 - 0px);
        width: -o-calc(100% / 2 - 0px);
        width: -ms-calc(100% / 2 - 0px);
        width: -moz-calc(100% / 2 - 0px);
    }
    .CoverImage {
        min-height: 300px;
    }
    .profileInfoCardBox {
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
        width: -moz-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
    }
    .post_explore_box:hover .post_explore_box_in ._6S0lP {
        display: none;
        opacity: 0;
    }
    .t_c_mar {
        width: calc(100% / 2 - 0px);
        width: -webkit-calc(100% / 2 - 0px);
        width: -o-calc(100% / 2 - 0px);
        width: -ms-calc(100% / 2 - 0px);
    }
    .exchange_item_two {
        display: inline-block;
        width: 100%;
        width: calc(100% / 2 - 0px);
        width: -webkit-calc(100% / 2 - 0px);
        width: -o-calc(100% / 2 - 0px);
        width: -ms-calc(100% / 2 - 0px);
        float: left;
        padding: 3px;
    }
    .calculated_points_box {
        display: inline-block;
        float: left;
        width: 100%;
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
        padding: 10px;
    }
}

@media screen and (max-width:635px) {
    .conversationCurrentBox {
        display: none;
    }
    .post-modal-Wrap {
        background-color: #15181c;
    }
    .removeLink {
        transform: scale(1);
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.165, .84, .44, 1);
        opacity: 1;
    }
    .preview_screen_image {
        width: calc(100% / 4 - 2px);
        width: -webkit-calc(100% / 4 - 2px);
        width: -moz-calc(100% / 4 - 2px);
    }
    .delete-image {
        top: 4px;
        right: 4px;
        transform: scale(1);
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.165, .84, .44, 1);
        opacity: 1;
    }
    .creditModuleHeaderItem {
        float: left;
        width: 100%;
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -moz-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
        margin-bottom: 15px;
    }
    .creditModuleHeaderItem:nth-child(1) {
        padding: 0px !important;
    }
    .creditModuleHeaderItem:nth-child(2) {
        padding: 0px !important;
    }
    .exchange_item_two {
        display: inline-block;
        width: 100%;
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
        float: left;
        padding: 3px;
    }
}

@media screen and (max-width: 375px) {
    .postButtonItem {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        float: left;
        display: inline-block;
    }
    .t_c_mar {
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
    }
    .post-modal-Wrap-new-post {
        padding: 1px;
    }
    .HgNB_ {
        padding: 0px 15px;
    }
}

@media screen and (max-width:547px) {
    .settings_header span {
        dsplay: block;
    }
    .settings_right {
        padding: 0px !important;
    }
    .user_c {
        display: inline-block;
        width: 100%;
        width: calc(100% / 2 - 0px);
        width: -webit-calc(100% / 2 - 0px);
        width: -o-calc(100% / 2 - 0px);
        width: -ms-calc(100% / 2 - 0px);
        padding: 4px;
        float: left;
    }
    .visitor_user_container {
        width: calc(100% / 3 - 0px);
        width: -webkit-calc(100% / 3 - 0px);
        width: -moz-calc(100% / 3 - 0px);
        width: -o-calc(100% / 3 - 0px);
        width: -ms-calc(100% / 3 - 0px);
    }
    .box_event_wrapper {
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
        width: -moz-calc(100% / 1 - 0px);
    }
    .closeGifBox {
        display: block;
    }
    .searchGiphyBox {
        padding-right: 35px;
    }
    .customizationWrapper {
        float: left;
        display: inline-block;
        width: 100%;
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -moz-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
    }
    .header_in {
        padding: 15px 16px;
    }
    .topico {
        margin-top: -16px;
    }
    .CoverImage {
        min-height: 250px;
    }
    .xSlty {
        margin-top: -52px;
    }
    .profile_avatar_image_profile {
        width: 100px;
        height: 100px;
    }
    .profile_avatar_image_container {
        width: 100px;
        height: 100px;
    }
    .info_user_friend_box {
        width: calc(100% / 4 - 0px);
        width: -webkit-calc(100% / 4 - 0px);
        width: -ms-calc(100% / 4 - 0px);
        width: -moz-calc(100% / 4 - 0px);
        width: -o-calc(100% / 4 - 0px);
    }
    ._pbwg8Uft {
        position: relative;
        float: left;
        width: calc(100%/ 3 - 0px);
        width: -webkit-calc(100%/ 3 - 0px);
        width: -moz-calc(100%/ 3 - 0px);
        width: -o-calc(100%/ 3 - 0px);
        width: -ms-calc(100%/ 3 - 0px);
        display: block;
    }
    .iconWrp {
        padding: 10px 4%;
    }
    .postBoxCategoryItem {
        width: calc(100% / 3 - 0px);
        width: -webkit-calc(100% / 3 - 0px);
        width: -moz-calc(100% / 3 - 0px);
        width: -ms-calc(100% / 3 - 0px);
        width: -o-calc(100% / 3 - 0px);
    }
    .postBoxCategoryItem:nth-child(4) {
        width: -webkit-calc(100% / 2 - 0px);
    }
    .postBoxCategoryItem:nth-child(5) {
        width: -webkit-calc(100% / 2 - 0px);
    }
    .story_container {
        border-top: 1px solid #15181c;
        border-bottom: 1px solid #15181c;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
    }
    .zMhqu {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radiuz: 0px;
        -ms-border-radius: 0px;
        border-top: 1px solid #15181c;
        border-bottom: 1px solid #15181c;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
        margin-bottom: 5px;
        box-shadow: none;
    }
    .set_box {
        display: inline-block;
        width: 100%;
    }
    .set_box_title {
        padding-right: 0px;
        text-align: left;
        padding-left: 0px;
        font-weight: 600;
        margin-bottom: 6px;
    }
    .inputField {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
    .set_input_box {
        padding-left: 0px;
        padding-right: 8px;
    }
    .biog_textarea {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
    .UserCardContainer {
        width: calc(100% / 2 - 0px);
        width: -webkit-calc(100% / 2 - 0px);
        width: -o-calc(100% / 2 - 0px);
        width: -moz-calc(100% / 2 - 0px);
        width: -ms-calc(100% / 2 - 0px);
    }
    ._4_j5 {
        border-left: 0px solid transparent;
        -o-flex: 0 2 100%;
        -ms-flex: 0 2 100%;
        -webkit-flex: 0 2 100%;
        -ms-flex: 0 2 100%;
        flex: 0 2 100%;
    }
    .info_box_down {
        display: inline-block;
        width: 100%;
        width: calc(100% / 3 - 0px);
        width: -webkit-calc(100% / 3 - 0px);
        width: -o-calc(100% / 3 - 0px);
        width: -ms-calc(100% / 3 - 0px);
        float: left;
        padding: 5px;
    }
    .donated_posts_box {
        display: inline-block;
        float: left;
        width: 100%;
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
    }
    .donated_posts_box:nth-child(1) {
        padding-right: 0px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width:414px) {
    .visitor_user_container {
        width: calc(100% / 2 - 0px);
        width: -webkit-calc(100% / 2 - 0px);
        width: -moz-calc(100% / 2 - 0px);
        width: -o-calc(100% / 2 - 0px);
        width: -ms-calc(100% / 2 - 0px);
    }
    ._47KiJ {
        padding-left: 0px;
    }
    .XrOey:not(:first-child) {
        margin-left: 0px;
    }
    .iconWrp {
        padding: 10px 3%;
    }
    .UserCardContainer {
        width: calc(100% / 1 - 0px);
        width: -webkit-calc(100% / 1 - 0px);
        width: -o-calc(100% / 1 - 0px);
        width: -moz-calc(100% / 1 - 0px);
        width: -ms-calc(100% / 1 - 0px);
    }
    .post-modal-middle {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        -ms-border-radius: 0px;
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        transition: all 0.75s ease-out;
        -webkit-animation: zoomIn 0.75s ease-in-out 0.75s;
        animation: zoomIn 0.75s ease-in-out 0.75s;
        background-color: #15181c;
        box-shadow: none;
        border: 0px solid transparent;
        bottom: 0px;
    }
    .link_url {
        padding: 20px 10px;
    }
    .Szr5JMini {
        display: block;
    }
    .is_big {
        display: none;
    }
    .info_box_down {
        display: inline-block;
        width: 100%;
        width: calc(100% / 2 - 0px);
        width: -webkit-calc(100% / 2 - 0px);
        width: -o-calc(100% / 2 - 0px);
        width: -ms-calc(100% / 2 - 0px);
        float: left;
        padding: 5px;
    }
}

@media screen and (min-width:755px) and (max-width:5000px) {
    .mobile_bottomMenuContainer {
        display: none !important;
    }
    .visitNotification {
        bottom: 10px;
    }
}

@media screen and (max-width:1464px) {
    .leftSidebarHide {
        display: none;
    }
    .inLeft {
        display: block !important;
    }
    .chatSidebar {
        display: none;
    }
    .inMob {
        display: block;
        flex: 1;
        position: fixed;
        width: 100%;
        background-color: #000000;
        z-index: 99;
        top: 50px;
    }
    .leftSidebar {
        max-width: 100%;
    }
    .cart_count {
        right: 6px;
    }
    .cart_count_ord {
        right: 6px;
    }
    .fvNotification {
        right: 80px;
    }
    .embedVideo {
        right: 76px;
    }
}

.backtoleftMini {
    display: none;
    cursor: pointer;
}

@media screen and (max-width:755px) {
    .newNotificationTest {
        max-width: 100%;
        position: fixed;
        right: 0px;
        transform: translate(0px, 50px);
        -webkit-transform: translate(0px, 50px);
        -moz-transform: translate(0px, 50px);
        -o-transform: translate(0px, 50px);
        -ms-transform: translate(0px, 50px);
        height: calc(95vh - 0px);
        height: -webkit-calc(95vh - 0px);
        height: -o-calc(95vh - 0px);
        height: -ms-calc(95vh - 0px);
        border-radius: 0px;
        box-shadow: none;
    }
    .visitNotification {
        bottom: 50px;
        right: 30px;
    }
    .fvNotification {
        right: 90px;
    }
    .backtoleftMini {
        display: block;
        padding: 5px;
    }
    .backtoleftBtn {
        width: 42px;
        height: 42px;
        display: inline-block;
        float: left;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        padding: 6px;
    }
    .backtoleftBtn:hover {
        background-color: rgba(183, 183, 183, 0.1);
    }
    .chatSidebarHide {
        display: none;
    }
    .mobile_bottomMenuContainer {
        display: block;
        z-index: 9;
    }
    .menuPopUpBackBox {
        position: fixed;
        z-index: 999999;
        padding-top: 0px;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        opacity: 1;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.96);
    }
    .o_chat_box_container {
        right: 0px;
        bottom: 0;
        height: calc(100% - 0px);
        height: -weebkit-calc(100% - 0px);
        height: -o-calc(100% - 0px);
        height: -ms-calc(100% - 0px);
        max-height: 100%;
        width: 100%;
    }
    .o_chat_box_wrapper {
        width: 100%;
        height: 100%;
        border: none !important;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .story-view-item:nth-child(1) {
        margin-left: 13px;
    }
}

@media screen and (max-width:495px) {
    .ex_in {
        padding: 5px;
        font-weight: 500;
        font-size: .75rem;
    }
    .ex_icon svg {
        width: 20px;
        height: 20px;
    }
    .ex_icon {
        position: relative;
        height: 20px;
        line-height: 20px;
    }
}

@media screen and (max-width:414px) {
    .noVideoStreams {
        padding:10px;
    }
    .allLivVideos { 
        padding: 15px 10px 15px 10px;
    }
    .embedVideo {
        right: 11px !important;
    }
    .postButtonItem {
        width: calc(100% / 2 - 0px);
        width: -webkit-calc(100% / 2 - 0px);
        width: -o-calc(100% / 2 - 0px);
        width: -ms-calc(100% / 2 - 0px);
    }
    .bottom_posts_button {
        display: none;
    }
    .ex_in {
        display: inline-block;
        width: 100%;
        padding: 5px;
        border: 1px solid transparent;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        background-color: #15181c;
        color: #ffffff;
        font-weight: 500;
        font-size: .75rem;
        vertical-align: middle;
    }
    .ex_icon {
        height: 18px;
        line-height: 18px;
        padding-right: 4px;
        margin-right: 3px;
    }
    .ex_icon svg {
        height: 18px;
        line-height: 18px;
    }
    .ex_section_c {
        padding-top: 85px;
        padding-left: 8px;
        padding-bottom: 0px;
    }
}


/*Started screen compatibility FINISHED */