/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@font-face {
    font-family: 'Segoe UI';
    src: src: url('../fonts/SegoeUI.eot');
    src: src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        src: url('../fonts/SegoeUI.woff2') format('woff2'),
        src: url('../fonts/SegoeUI.woff') format('woff'),
        src: url('../fonts/SegoeUI.ttf') format('truetype'),
        src: url('../fonts/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: src: url('../fonts/SegoeUI-Bold.eot');
    src: src: url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
        src: url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
        src: url('../fonts/SegoeUI-Bold.woff') format('woff'),
        src: url('../fonts/SegoeUI-Bold.ttf') format('truetype'),
        src: url('../fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: src: url('../fonts/SegoeUIBlack.eot');
    src: src: url('../fonts/SegoeUIBlack.eot?#iefix') format('embedded-opentype'),
        src: url('../fonts/SegoeUIBlack.woff2') format('woff2'),
        src: url('../fonts/SegoeUIBlack.woff') format('woff'),
        src: url('../fonts/SegoeUIBlack.ttf') format('truetype'),
        src: url('../fonts/SegoeUIBlack.svg#SegoeUIBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: src: url('../fonts/SegoeUI-Semibold.eot');
    src: src: url('../fonts/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),
        src: url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
        src: url('../fonts/SegoeUI-Semibold.woff') format('woff'),
        src: url('../fonts/SegoeUI-Semibold.ttf') format('truetype'),
        src: url('../fonts/SegoeUI-Semibold.svg#SegoeUI-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Adobe Arabic';
    src: url('../fonts/AdobeArabic-Italic.eot');
    src: url('../fonts/AdobeArabic-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AdobeArabic-Italic.woff2') format('woff2'),
        url('../fonts/AdobeArabic-Italic.woff') format('woff'),
        url('../fonts/AdobeArabic-Italic.ttf') format('truetype'),
        url('../fonts/AdobeArabic-Italic.svg#AdobeArabic-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"] { height:50px; }

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:15px/1.45 'Segoe UI', Arial, Helvetica, sans-serif !important; color:#505061; overflow-x:hidden; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
.allanim, .commentlike, .headerbottom, #header, .filtersliderarrow, .filtersliderarrow:before, .filtersliderarrow:after, .usersidebarwrapper, .sidebarbottominfo, .formgroup > span, .cstradio-donate:before, .cstradio-donate label, .cstradio-post:before, .cstradio-postlabel, .navtogglebtn, #sidebarmenuwrapper, .slick-dots li a, .sliderarrow, .polloptions .radio label, .polloptions .radio label .input-helper, .donate a:after, .card-footer a:before, .card-link strong { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
a { color:#37517E; text-decoration:none; display:inline-block; }
a:not(.cmbutton):hover { color:#1DA1F2; text-decoration:none; }
p { margin-bottom:0; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
label { display:block; }
h1,h2, h3, h4, h5, h6 { color:#4F5368; line-height:1.2; margin:0; font-weight:bold; }
h1,h2 { font-size:44px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px !important; }
h6 { font-size:16px; }

figure { margin:0; padding:0; }
ul { list-style:none; margin:0; padding:0; }

.box-border { border:#34B7F1 solid 1px; }
.border-primary { border-color:#34B7F1 !important; }
.box-border-light { border-color:#E5E5E5; }
.card { border-radius:17px; }
.text-primary { color:#1DA1F2 !important; }
.box-radius-full { border-radius:50%; }
.box-radius-half { border-radius:50px; }
.border-top { border-top:solid 1px; }
.border-bottom { border-bottom:solid 1px; }
.border-left { border-left:solid 1px; }
.border-right { border-right:solid 1px; }

.lightbg { background:#E6F5FC; }

.headertop { background:#F3F3F3; }
.headermiddle { background:#dc143c; }
.headerbottom { background:#E6F5FC; }

.sliderarrow { display:block; background:rgba(29,161,242,0.3); border-radius:50%; width:33px; height:33px; position:absolute; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer; }
.sliderarrow:hover { background:#1DA1F2; }
.sliderarrow:before { content:''; position:absolute; top:50%; left:0; right:0; width:7px; height:11px; margin:0 auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.prevarrow { left:0; }
.prevarrow:before { background:url(../images/prev-arrow-slider.svg) no-repeat 0 0; }
.nextarrow { right:0; }
.nextarrow:before { background:url(../images/next-arrow-slider.svg) no-repeat 0 0; }
.adsslider { padding:0; /* position: relative; top: 2px;  */}
.adsslider img { width:100%; }


.filtersliderarrow { position:absolute; width:46px; height:46px; background:#fff; z-index:2; cursor:pointer; }
.headerbottom .filtersliderarrow { background:#E6F5FC; }
.filtersliderarrow:before { content:''; position:absolute; top:50%; left:0; right:0; width:7px; height:11px; margin:0 auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:4; }
.filtersliderarrow:after { content:''; background:rgba(29,161,242,0.3); border-radius:50%; width:33px; height:33px; position:absolute; top:50%; left:0; right:0; margin:0 auto; transform:translateY(-50%); }
.filtersliderarrow:hover:after { background:#1DA1F2; }
.filtersliderarrow.filterprevarrow { left:0; }
.filtersliderarrow.filterprevarrow:before { background:url(../images/prev-arrow-slider.svg) no-repeat 0 0; }
.filtersliderarrow.filternextarrow { right:0; }
.filtersliderarrow.filternextarrow:before { background:url(../images/next-arrow-slider.svg) no-repeat 0 0; }

.adsslider .filtersliderarrow { background:#F3F3F3; position:absolute; top:calc(50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); height:calc(100%); }

.headermiddle { padding:5px 0; }
.headermiddle input { border-radius:50px; font-weight:600; font-size:15px !important; color:#002D56 !important; padding:0 20px 0 55px; width:100%; }
.form-control::placeholder { color:#002D56 !important; }
.search-groupinner { position:relative; left: 20px; margin:0 auto; width:90%; }
.search-group figure { position:absolute; top:50%; left:24px; margin-top:-10px; }
.topheader-actions li { margin-right:14px; }
.topheader-actions li:last-child { margin-right:0; }

.topheader-actions li a { border:#fff solid 2px; }
.headerbottom { padding:10px 0; }
.postfilterwrapper { padding:0; }
/*.tab-content .postfilterslider .sliderarrow:after { content:''; position:absolute; top:0; bottom:0; background:#fff; width:50px; height:42px; }*/
.sliderarrowwrapper { background: #fff; width: 37px; height: 47px; position: absolute; z-index:2; }
.headerbottom .sliderarrowwrapper { background:#E6F5FC; }
.prevarrowwrapper { left: 0; }
.nextarrowwrapper { right: 0; }
.postfilterwrapper .slick-track { display: flex !important; flex-wrap:nowrap !important; }
.postfilterwrapper .slick-slide { /*width:auto !important; padding:0 5px; float:none !important;*/ }
.postfilterwrapper .slick-slide a { min-width:60px; position:relative; white-space:nowrap; text-align:center; padding:8px 12px; background:#FAFDFF; color:#141414; font-size:15px; font-weight:600; border-radius:50px; cursor:pointer; }
.postfilterwrapper .slick-slide a:hover, .postfilterwrapper .slick-slide a.active { background:#1DA1F2; color:#fff; }
.postfilterwrapper.postfiltersliderwrap .slick-slide a { background:#EAEDEF; }
.postfilterwrapper.postfiltersliderwrap .slick-slide a:hover, .postfilterwrapper.postfiltersliderwrap .slick-slide a.active { background:#1DA1F2; color:#fff; }

.cmbutton { background:#1DA1F2; font-size:16px; font-weight:bold; color:#fff; padding:10px 36px; border:0 !important; border-radius:50px; border:transparent solid 1px !important; }
.cmbutton:hover { border:#1DA1F2 solid 1px !important; color:#1DA1F2; text-decoration:none; background:transparent; }

#main { margin-top:25px; padding-bottom:90px; }
.card { margin-bottom:20px; }
.card-header { background:transparent; border-bottom-color:#34B7F1; padding: 14px 18px 16px; }
.card-body * { font-size:17px; color:#000; }
.card-link { text-decoration:underline; }
.card-body .card-link:hover { text-decoration:none; }
.card-body .card-link:hover strong { color:#1DA1F2 !important; }
.card-link strong { font-weight:600; }
.cardbtn { background:#F1F8FF; color:#1DA1F2; text-decoration:none; display:block; font-size:16px; font-weight:400; text-transform:uppercase; padding:10px 22px; margin:0 -20px -20px; position:relative; }
.cardbtn:hover { background:#002D56; }
.cardbtn:before { content:''; position:absolute; top:50%; right:22px; background:url(../images/opennowarrowicon.svg) no-repeat 0 0; width:10px; height:17px; -webkit-transform:translateY(-50%); }
.card-footer { border-top:0; background:transparent; }
.card-footer ul li { margin-right:19px; }
.card-footer ul li:last-child { margin-right:0; }
.card-footer ul li a { font-size:16px; color:#1DA1F2; position:relative; }
.card-footer ul li.like a { color:#E3245E; }
.card-footer ul li.donate a { width:36px; height:36px; }
.like a, .comment a, .share a, .vote a { position:relative; padding-left:38px; }
.like a:before, .comment a:before, .vote a:before, .share a:before, .donate a:before { content:''; position:absolute; top:calc(50% + 2px); left:0; width:36px; height:36px; border-radius:50%; transform:translateY(-50%); }
.like a:before { background-image:url(../images/likeicon.svg); }
.like.liked a:before { background-image:url(../images/likedicon.svg); }
.comment a:before { background-image:url(../images/commenticon.svg); }
.vote a:before { background-image:url(../images/voteicon.svg); }
.share a:before { background-image:url(../images/shareicon.svg); }
.like a:hover:before { background-color:#F5E2E8; }
.comment a:hover:before, .vote a:hover:before, .share a:hover:before { background-color:#F5E2E8; }
/*.donate a:before { background-image:url(../images/donateicon.svg); width:34px; height:34px; background-size:100%; }*/
.donate a:before { background:url(../images/donate.png) no-repeat 0 0 / cover; }
/*.donate a:after { content:''; position:absolute; top:calc(50% + 2px); left:0; width:34px; height:34px; background-image:url(../images/donateiconhover.svg); background-size:100%; border-radius:50%; transform:translateY(-50%); -webkit-clip-path: circle(0% at 50% 50%); clip-path: circle(0% at 50% 50%); }
.donate a:hover:after { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); }*/
.likecomment a, .donateshare li:last-child a { -webkit-filter: invert(0.4) sepia(1) saturate(20) hue-rotate(162deg) brightness(0.97); filter: invert(0.4) sepia(1) saturate(20) hue-rotate(162deg) brightness(0.97); -webkit-transition:none; transition:none; }
.likecomment .like.liked a { -webkit-filter:none !important; filter:none !important; }
.likecomment a:hover, .donateshare li:last-child a:hover { -webkit-filter:none; filter:none; color:#E3245E; }
#sidebarmenuwrapper { position:relative; background:#F7F9FA; }
.sidebarmenu li a { color:#37517E; }
.sidebarmenu > li > a { font-size:18px; padding:18px 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; width: 100%; display:block; }
.sidebarmenu > li.active > a { background:#F0F2F4; font-weight:600; color:#1DA1F2; }
.sidebarmenu > li.active > a:before { content:''; position:absolute; top:0; bottom:0; left:0; background:#1DA1F2; width:2px; height:100%; }
.sidebarmenu > li ul { margin:0 0 1px 40px; }
.sidebarmenu > li ul li a { font-size:17px; padding:14px 30px 0 0;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; width:100%; }

.mainpostswrapper { margin-top:22px; }
.nav-tabs { border-bottom:0; margin-bottom:18px; }
.nav-tabs .nav-link { font-size:18px; font-weight:600; color:#5C7489; border:0 !important; border-bottom:#F1F3F4 solid 2px !important; text-align:center; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border:0 !important; border-bottom:#F1F3F4 solid 2px !important; color:#1DA1F2 !important; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border:0 !important; border-bottom: #1DA1F2 solid 2px !important; color:#1DA1F2 !important; }
.posttabwrapper .nav-tabs .nav-item { /*flex:0 0 33.333%; max-width:33.333%; width:100%;*/    flex: auto; }
.posttabwrapper .nav-tabs .nav-item .nav-link { filter: grayscale(77%); -webkit-filter: grayscale(77%); -moz-filter: grayscale(77%); }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { filter: none !important; -webkit-filter: none !important; -moz-filter: none !important; }
.postlistwrapper { margin-top:18px; }
.postlistwrapper .card-body p { margin-bottom:17px; }
.profileinfotop * { margin-right:4px; }
.profileinfo h4,.commentprofileinfo > strong { max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.profileinfo strong.text-primary{max-width: 120px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.commentprofileinfo > strong { display:inline-block; vertical-align:middle; }
.profileinfotop *:not(h4) { font-size:14px; }
.profileinfotop *:last-child { margin-right:0; position:relative; top:2px; }
.profileinfo p { font-weight:600 !important; font-size:14px !important; color:#000 !important; margin-top:1px; }
.profileinfo { margin-left:12px; }
.card-header-right li { margin-right:17px; }
.card-header-right li:last-child { margin-right:0; }
.polloptions { margin-bottom:20px; }
.polloptions li { margin-bottom:12px; }
.polloptions li:last-child { margin-bottom:0; }
.polloptions .radio label { padding:14px 20px; border:#F1F3F4 solid 2px; border-radius:10px; position:relative; cursor:pointer; }
.polloptions .radio.active label { border-color:#1DA1F2; }
.polloptions .radio label input[type="radio"] { width: 100%; height: 100%; position: absolute; top:0; left:0; right:0; display: inline-block; opacity: 0; }
.polloptions .radio label span { display:block; font-size:16px; color:#505050; width:calc(100% - 20px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; }
.polloptions .radio.active label span { color:#1DA1F2; }
.polloptions .radio label .input-helper { position:absolute; top:50%; right:12px; background:url(../images/custom-radio-tick.svg) no-repeat 0 0 / 100%; width:24px; height:24px; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0; }
.polloptions .radio input:checked + .input-helper { opacity:1; }

.commentinfo * { margin-right:8px; font-size:15px; }
.commentinfo *:last-child { margin-right:0; }
.commentinfo strong { margin-right:4px; }
.commentwrapper p { font-size:13px; color:#4A4A4A; margin-top:3px; }
.commentwrapper p .card-link { color:#4A4A4A; font-weight:600; text-decoration:underline; }
.commentwrapper p .card-link:hover { color:#000; text-decoration:none; }
textarea { resize:none; }
.postcommentwrapper { position:relative; margin: 0 -21px -13px; margin-top:15px; }
/*.postcommentwrapper input[type="text"] { width:100%; height:100%; padding:0 60px 0 18px; border:#34B7F1 solid 1px; border-bottom-left-radius:17px; border-bottom-right-radius:17px; }*/
.postcommentwrapper textarea { width:100%; height:56px; padding:10px 60px 10px 18px; border:#34B7F1 solid 1px; border-bottom-left-radius:17px; border-bottom-right-radius:17px; }
.postcommentwrapper textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    line-height:23px;
}
.postcommentwrapper textarea::-webkit-input-placeholder { /* Webkit */
    line-height:23px;
}
.postcommentwrapper textarea:-ms-input-placeholder { /* IE */
    line-height:23px;
}
.postcommentwrapper input[type="submit"] { position:absolute; top:50%; right:13px; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:0; color:#1DA1F2; border:0; background:#1DA1F2 url(../images/commentsendicon.svg) no-repeat 0 0; text-transform:capitalize; font-weight:600; width:36px; height:36px; border-radius:50%; margin-top: -3px; }
.postcommentwrapper input[type="submit"]:hover { background-color:#002D56; }


.likecommentsharewrapper { border-bottom:#34B7F1 solid 1px; }


.quickmsgslider > .sliderarrow { background:transparent; width:25px; height:25px; }
.quickmsgslider > .sliderarrow:before { content:''; position:absolute; top:calc(50% - 24px); left:0; right:0; width:9px; height:16px; margin:0 auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.quickmsgslider .prevblackarrow { left:-27px; }
.quickmsgslider .prevblackarrow:before { background:url(../images/prev-arrow-slider-black.svg) no-repeat 0 0; }
.quickmsgslider .nextblackarrow { right:-27px; }
.quickmsgslider .nextblackarrow:before { background:url(../images/next-arrow-slider-black.svg) no-repeat 0 0; }
.quickmsgslider .card-body p { margin-bottom:20px; }
.quickmsgcard { width:100%; margin:0 auto; }
.quickmsgslider .likecommentsharewrapper { border-bottom:0; }

.slick-arrow.slick-disabled { opacity:0; visibility:hidden; }
.imagepost { position:relative; }
.slide-count-wrap { background:#1C1C1C; border-radius:50px; font-size:16px; color:#fff; font-weight:bold; position:absolute; top:14px; right:5px; z-index:2; padding:8px 18px; }
.slide-count-wrap span { font-size:16px; color:#fff; font-weight:bold; }
.postslider { margin:0 -20px -5px; }
.postslider .prevarrow { left: 18px; }
.postslider .nextarrow { right: 18px; }
.slick-dots-container { position:absolute; top:calc(100% + 57px); left:0; right:0; overflow:hidden;  margin:3px auto 0; max-width:50px; width:100%; padding-left: 1px; }
.slick-dots {  cursor:pointer; }
/*.postslider .slick-dots li {
    display: none
}
.postslider .slick-dots li.slick-active,
.postslider .slick-dots li.slick-active + li,
.postslider .slick-dots li.slick-active + li + li, .postslider .slick-dots li.slick-active + li + li + li, .postslider .slick-dots li.slick-active + li + li+ li + li {
    display: block;
}*/
.slick-dots li { margin-right:3px; }
.slick-dots li:last-child { margin-right:0; }
.slick-dots li a { background:#AEAEAE; width:7px; height:7px; border-radius:50%; }
.slick-dots li.slick-active a { background:#1DA1F2; -webkit-transform:scale(1.3); transform:scale(1.3); transform-origin:center; }
.postslider .item figure { position:relative;max-height: 410px;}
.vidplaybtn { position:absolute; top:50%; left:0; right:0; margin:0 auto; width:80px; height:80px; background:#1DA1F2; border-radius:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.videotimeviewswrapper { position:absolute; bottom:18px; left:12px; }
.videotimeviewswrapper * { color:#fff; }
.videotimeviewswrapper span { background:#000; display:inline-block; padding:7px 14px; }
.videotimeviewswrapper .videotime { border-top-left-radius:7px; border-bottom-left-radius:7px; margin-right:2px; }
.videotimeviewswrapper .videoviews { border-top-right-radius:7px; border-bottom-right-radius:7px; }

.postlistwrapper .card-body .profileinfobottom p { margin-bottom:0; }
.postlistwrapper .card-body .card-footer.likecommentsharewrapper { border-bottom:0; }
.postlistwrapper .card-body .card { margin:0 0 0 57px; }

.sidebarblock-header { padding:14px 28px; border-bottom:#EBEEF0 solid 1px; margin-bottom:18px; }
.promotedpostcard > .card-header { position:relative; padding-top:40px; }
.promoted { position:absolute; top:10px; font-size:14px; color:#597188; font-weight:bold; text-transform:uppercase; padding:0 0 0 22px; }
.promoted::before { content: ''; position: absolute; top: 4px; left: 0; background: url(../images/grayshareicon.svg) no-repeat 0 0; width: 19px; height: 20px; }
.sidebarblock { background:#F7F9FA; border-radius:17px; margin-bottom:27px; }
.sidebarblock:last-child { margin-bottom:0; }
.quotesslider { padding:0 40px 24px; position:relative; }
.quotesslider .item { text-align:center; }
.quotesslider .item figure { border:#C8CBD2 solid 3px; border-radius:50%; overflow:hidden; display:inline-block; }
.quotesslider p { font-family: 'Adobe Arabic'; font-size:22px; font-style:italic; line-height:22px; color:#000; position:relative; padding:40px 0 0; }
.quotesslider p:before { content:''; position:absolute; top:10px; left:0; right:0; margin:0 auto; background:url(../images/quoteicon.svg) no-repeat 0 0; width:26px; height:23px; }
.quotesslider .sliderarrow { top:36px; }
.quotesslider .prevarrow { left:15px; }
.quotesslider .nextarrow { right:15px; }
.text-secondary { color:#767A8A; }
.profile-left a img { width:40px; }
.cmbutton-outline { border: #1DA1F2 solid 1px !important; color: #1DA1F2; background:transparent; }
.cmbutton-outline:hover { background:#1DA1F2; color:#fff; }
.cmbutton.cmbutton-sm { padding:8px 18px; }
.profilelikelisting { padding:0; }
.profilelikelisting li { border-bottom:#EBEEF0 solid 1px; margin-bottom:10px; padding:0 28px 10px; }
.profilelikelisting li:last-child { border-bottom:0; padding-bottom:16px; }
.profilelikelisting .profileinfotop h5 { max-width: 110px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; }
/*.profilelikelisting .profile-left { width:50%; }*/
.cmbutton.cmbutton-xl { display: block; text-align: center; padding: 14px 36px; font-size: 16px; }
.sidebarblock .cmbutton.cmbutton-xl { width:calc(100% - 48px); margin:0 auto; }
.signupsidebarblock-body { padding-bottom:26px; }

.col-custom-lg-2 { flex: 0 0 20.5%; max-width: 20.5%; }
.col-custom-lg-6 { flex: 0 0 49.19277108433735%; max-width: 49.19277108433735%; }
.col-custom-lg-3 { flex: 0 0 30.03212851405622%; max-width: 30.03212851405622%; }

.col-lg-8.col-custom-lg-6 { flex: 0 0 68.666667%; max-width: 68.666667%; }
.col-lg-4.col-custom-lg-2.sticky { flex: 0 0 30.8%; max-width:30.8%; }

#footer { background:#002D56; padding:15px 0; position:fixed; bottom:0; left:0; right:0; z-index:9999; }
#footer .fmenu li { margin-right:60px; }
#footer .fmenu li:last-child { margin-right:0; }
#footer .fmenu a { font-size:15px; font-weight:600; color:#fff; }
.footerright li { margin-right:10px; }
.footerright li:last-child { margin-right:0; }
select { height:auto; padding:12px 0; font-size: 16px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.3; border-radius:0; font-weight: normal; border:0; color:#4F5368; font-weight:600; display:block; padding:12px 40px 12px 22px; width:100%; }
select::-ms-expand { display:none; }
.custom-selects { position:relative; }
.custom-selects:after { content: ''; border-top: solid 6px #4F5368; border-right: solid 6px transparent; border-left: solid 6px transparent; position: absolute; right: 20px; top: 50%; margin-top: -3px; }

.cmbutton.cmbutton-white { background:#fff; border:1px solid transparent; color:#002D56; }
.cmbutton.cmbutton-white:hover { background:transparent; color:#fff !important; border:1px solid #fff !important; }
.cmbutton.cmbutton-outline.cmbutton-outline-white { border-color:#fff !important; color:#fff !important; }
.cmbutton.cmbutton-outline.cmbutton-outline-white:hover { background:#fff !important; color:#002D56 !important; }
#footer .custom-selects { width: 218px; background: #fff; border-radius: 50px; }
.langselects:before { content:''; position:absolute; top:50%; left:18px; background:url(../images/worldicon.svg) no-repeat 0 0; width:21px; height:21px; margin-top:-10px; } 
.langselects select { padding-left:45px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:5px; background:#A2A5B0; }
.navtogglebtn { display:none; }

.postslider .sliderarrow.slick-disabled { opacity:0; visibility:hidden; }
.bgimg { background-repeat:no-repeat; background-size:cover; background-position:center center; }
.adsslider .bgimg { height:58px; background-position:top center; }
.mobileitem { display:none !important; }
*:focus { outline:0 !important; }

.nav-link { padding:14px 0; }

.filterslider, .postfilterslider { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; }
.filterslider .slick-track, .postfilterslider .slick-track { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; }
.filterslider  .slick-track .slick-slide, .postfilterslider .slick-track .slick-slide { margin: 0 6px; }
.slick-dots li { line-height:1; }

.preloader { background:#fff; width:100%; height:100vh; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; }
.loader-logo { position:absolute; top:50%; left:0; right:0; margin:0 auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:150px; }
.loader-logo span { display:block; margin:15px 0 0; text-transform:capitalize; text-align:center; }
.pace-running { overflow:hidden !important; }
.pace-done { overflow:auto; overflow-x:hidden; }

.modal .d-flex.justify-content-between.align-items-center { width: 100%; }
fieldset { border:0; padding:0; margin:0; }
.donatebodytop > strong { font-size:29px; color:#4F5368; }

.modal-dialog { max-width:700px; width:100%; margin:0 auto; }
.modal { z-index:999999999; }
.modal-backdrop { z-index:9999; }
.modal-dialog.modal-dialog-centered { position:relative; top:-25px; }

.tipusername { font-size:0; background:#E1EEF7; border-radius:50px; padding:12px 16px 7px; }
.tipusername strong { font-size:20px; }
.tipusername strong span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 130px;display: inline-block;vertical-align: sub;}
.tipusername img { display:inline-block; vertical-align:middle; position: relative; top: -2px; border: #1DA1F2 solid 2px; border-radius:50%; }
.cstradio-donate { position:relative; cursor:pointer; }
.cstradio-donate:before { content:''; position:absolute; top:7px; right:7px; background:url(../images/radiotick.svg) no-repeat 0 0; width:21px; height:21px; opacity:0; z-index:2; }
.cstradio-donate.active:before { opacity:1; }
.cstradio-donate label { position:relative; background:#F7F9FA; border:#DADCE0 solid 1px; border-radius:17px; width:100%; padding:34px 10px; }
.cstradio-donate.active label { border-color:#002D56; }
.cstradio-donate label input { width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; cursor:pointer; }
.cstradio-donate label img { background:#002D56; border-radius:50%; display:block; margin:0 auto; }
.cstradio-donate label strong { font-size:18px; color:#002D56; display:block; margin-top:8px; text-align:center; }
.cstradio-donate { width:100%; }
.donatebodybottom .donatebodytop { margin:0 -9px; }
.donatebodybottom .donatebodytop li { flex:0 0 20%; max-width:20%; padding:0 9px; }
.gotoinputamount, .gotoradioamount { font-size:18px; font-weight:600; color:#1DA1F2; text-decoration:underline; margin:13px 0 0; }
.gotoinputamount:hover, .gotoradioamount:hover { color:#002D56; text-decoration:none; }
.donatebodytop  { margin-bottom:20px; }
.formgroup { margin-bottom:35px; }
.formgroup:last-child { margin-bottom:0; }
.formgroup input, .formgroup textarea { width:100%; border:#4F5368 solid 1px; border-radius:10px; padding:6px 24px; height:68px; font-size:21px; font-weight:400; color:#4F5368; }
.iconinput { position:relative; }
.formgroup.iconinput input { padding-left:54px; }
.formgroup > span { font-size:17px; color:#4F5368; padding:8px 9px; position:absolute; top:13px; left:50px; background:#fff; z-index:2; }
.has-content span { top: -22px; }
.iconinput > img { position: absolute; top: 50%; left: 25px; transform:translateY(-50%); }

.confirmdonatebodybottom { background:#F2F5F7; border:#1DA1F2 solid 1px; border-radius:17px; padding:19px; }
.amountbox { background: #fff; border-radius: 17px; padding: 18px 14px; }
.amountbox strong { font-size: 34px; display: block; margin-left: 9px; }
.donationnames li { border-bottom: #707070 dashed 1px; margin-bottom: 12px; padding-bottom: 12px; }
.donationnames li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.donationnames li * { font-size: 18px; font-weight: 600; }
.donationnames li span:first-child { width: 109px; display: block; }
.donationnames li img { margin: 0 8px 0 0; }
.donationnames li * strong { font-weight: bold; }

.steptitle { font-size:20px; }
.donationthankyoutop { display:table; margin:0 auto; }
.donationthankyouwrapper { background: #F2F5F7; border-radius: 37px; text-align: center; padding:48px 20px; }
.donationthankyoutop { text-align: left; }
.donationthankyoutop img { margin-right: 16px; }
.donationthankyoutop strong { font-size: 46px; display: block; line-height: 1; }
.donationthankyoutop strong span { font-size: 28px; font-weight: 600; color: #000; display: block; }
.donationthankyoubottom { margin-top:20px; }
.donationthankyoubottom * { display:block; margin:0 auto; text-align:center; }
.donationthankyoubottom strong { font-size:43px; margin:7px 0 11px; }
.donationthankyoubottom span { font-size:24px; font-weight:600; }
.donationpopupfooter { background:#F7F9FA; padding:22px 34px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin: 25px -54px -28px; }
.donationpopupfooter strong { display:block; font-size:18px; color:#1DA1F2; text-transform:uppercase; font-weight:bold; letter-spacing:2px; }
.cmbutton.popupclosebtn { color:#fff !important; cursor:pointer; }
.cmbutton.popupclosebtn:hover { color:#1DA1F2 !important; }

.modal-content { border-radius:20px; padding:14px 38px 12px; }
.poplogo { position:relative; left:25px; }

.formstep { display:none; }
.formstep.active { display:block; }

a[data-orientation="previous"] { opacity:0; visibility:hidden; }
a[data-orientation="previous"].active { opacity:1; visibility:visible; }

.entertipamount { display:none; }

/*a[data-orientation="previous"] { display:none; }*/

.createpostbtnwrapper { margin-top:30px; }
.createpostbtnwrapper a { display:block; width:100%; text-align:center; padding:14px 10px; font-weight:600; }
.createpostbtnwrapper a:hover { background:#002D56; border-color:#002D56 !important; color:#fff; }
.createpostbtnwrapper a span { display:table; position:relative; margin:0 auto; padding:0 0 0 28px; }
.createpostbtnwrapper a span:before { content:''; position:absolute; top:2px; left:0; background:url(../images/plusbtn.svg) no-repeat 0 0; width:21px; height:21px; }

.postlistwrapper .card-body { padding-top:0; }
.postlistwrapper .card-footer + .card-footer { padding-top:0; }
.postlistwrapper .postcommentwrapper { margin-bottom:-18px !important; margin-top:-1px !important; }
.postlistwrapper .commentwrapper { padding:15px 0; }
.postlistwrapper .card-body > p { margin-top:12px; }

.promotedpostcard .card .likecomment a, .promotedpostcard .card .donateshare a { -webkit-filter: grayscale(1); filter: grayscale(1); pointer-events: none; }
.promotedpostcard .card .likecomment a:hover, .promotedpostcard .card .donateshare a:hover { -webkit-filter: grayscale(0); filter: grayscale(0); pointer-events: none; }

.confirmdonatebodybottom .col-lg-4 { flex:0 0 40%; max-width:40%; }
.confirmdonatebodybottom .col-lg-8 { flex:0 0 60%; max-width:60%; }

.card-body .card .slick-dots { margin-top:-3px; }

.formpage #logo { margin-left:0 !important; }
.formboxwrapper { background:#fff; max-width:700px; width:100%; margin:0 auto; border-radius:20px; padding:36px; }
.poplogo.poplogosingle { left:0; width:94px; margin:0 auto; }
.poplogo.poplogoleft { left:30px; width:94px; margin:0 auto; }
.poplogo.poplogosingle img { width:100%; }
.formbox-header li { text-align:center; }
.formtitle { display:block; margin:5px 0 20px; font-size:29px; text-align:center; }
.formtitle span { display:block; font-size:18px; font-weight:600; color:#002D56; margin-top:5px; }
.formbox-body > .formgroup span { left:60px; }
.formgroup.has-content span { left:16px; }
.formbox-body .formgroup.iconinput img { z-index:4; }
.formbox-body .formgroup.iconinput input { padding-left:60px; }
.formgroup .cmbutton { font-size:21px; font-weight:bold; color:#fff; border-radius:50px; border:0 !important; }
.formgroup .cmbutton:hover { background:#002D56; border:0 !important; }

.formpage #main { margin-top:55px; padding-top:0 !important; }
/*.formpage #footer { position:fixed !important; }*/
.formlinks { display:table; margin:24px auto 0; }
.formlinks li { margin-right:22px; }
.formlinks li:last-child { margin-right:0; }
.formlinks a { font-size:18px; color:#1DA1F2; }
.formlinks a:hover { color:#002D56; text-decoration:none; }

.formbox-body .checkbox, .formbox-body .radiowrap { position: relative; float: left; margin-right: 20px; }
.formbox-body .checkbox label, .formbox-body .radiowrap label { padding: 5px 0 7px 44px; display: block; line-height: 1.1; }
.formbox-body .checkbox input, .formbox-body .radiowrap input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.formbox-body .checkbox input:checked + .input-helper:before, .formbox-body .radiowrap input:checked + .input-helper:before { border-color: #1DA1F2; }
.formbox-body .checkbox input:disabled + .input-helper:before, .formbox-body .radiowrap input:disabled + .input-helper:before { opacity: 0.35; }
.formbox-body .checkbox .input-helper:before, .formbox-body .radiowrap .input-helper:before, .formbox-body .checkbox .input-helper:after, .formbox-body .radiowrap .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.formbox-body .checkbox .input-helper:before, .formbox-body .radiowrap .input-helper:before { left: 0; border:2px solid #4F5368; }
.formbox-body .checkbox input { width: 18px; height: 18px; margin: 0; }
.formbox-body .checkbox input:checked + .input-helper:before { background-color: #1DA1F2; }
.formbox-body .checkbox input:checked + .input-helper:before { background-color: #1DA1F2; }
.formbox-body .checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.formbox-body .checkbox .input-helper:before { top: 0; width: 34px; height: 34px; border-radius: 0; color: #fff; border-radius:7px; }
.formbox-body .checkbox .input-helper:after { content: '\2713'; font-size:18px; left: 7px; top: 7px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }
.formbox-body .radiowrap input { width: 18px; height: 18px; margin: 0; }
.formbox-body .radiowrap input:checked + .input-helper:after { transform: scale(1); }
.formbox-body .radiowrap input:checked + .input-helper:before { border-color:#1DA1F2; background:#1DA1F2; }
.formbox-body .radiowrap .input-helper:before { top: 0; width: 34px; height: 34px; border-radius: 50%; }
.formbox-body .radiowrap .input-helper:after { width: 22px; height: 22px; background: #1DA1F2; border-radius: 50%; top: 6px; left: 6px; transform: scale(0); border:#fff solid 4px; }
.formbox-body .radiowrap span, .formbox-body .checkbox span { font-size:20px; color:#4F5368; }
.toplabel { font-size:21px; color:#4F5368; font-weight:600; }

.formbox-body a[data-orientation="next"] { display:block; text-align:center; height:68px; line-height:48px; margin-top:35px; }
.formgroupcheckbox { display:table; margin-bottom:31px; }
.formgroup + .formlinktext { margin-bottom:24px; }

.passwordwrapper { position:relative; }
.psswitch { position:absolute; top:50%; right:22px; transform:translateY(-50%); }
.hide-password { display:none; }
.show-password { top:calc(50% + 2px) }
.formgroup input.passwordinput { padding-right:68px; }
.singupstep { display:none; }
.singupstep.active { display:block; }
.formbox-header .formtitle + .formtitle { display:none; }
.formbox-header .formtitle.active { display:block; }

.formlinktext { text-align:center; }
.formlinktext > a { display:inline-block; font-size:18px; text-decoration:underline; }
.poplogo.logocenter { left:30px; }

.custom-selectbox { height: 68px;  border: #4F5368 solid 1px; border-radius: 10px; position: relative; }
.custom-selectbox:after { content:''; position:absolute; top:50%; right:23px; transform:translateY(-50%); background:url(../images/selectarrowdown.svg) no-repeat 0 0; width:19px; height:10px; }
.custom-selectbox select { padding:6px 60px 6px; height:100%; font-size:20px; font-weight:400; }

/*.usersidebarwrapper { height:calc(100vh - 360px) }*/
.usersidebarwrapper { height: calc(100vh - 300px); }
.usersidebarmenu li a * { display:inline-block; vertical-align:middle; }
.usersidebarmenu li.active a, .usersidebarmenu li a:hover { color:#575757; font-weight:400; background:#F0F2F4; }
.usersidebarmenu li a img { margin-right:10px; }
.sidebarbottominfoleft strong { margin-left:7px; font-size:18px; color:#4F5368; }
.sidebarbottominfoleft strong span { display:block; font-size:14px; color:#4F5368; font-weight:600; }

.sidebarbottominfo { cursor:pointer; padding:8px 10px; border-radius: 50px; }
.sidebarbottominfo:hover { background: #E1EEF7; }
.sidebarbottominfowrapper { position:relative; }
.sidebarbottominfopopover { background:#fff; border-radius:14px; width:296px; box-shadow:0 0 20px rgba(0,0,0,0.1); position:absolute; bottom:calc(100% + 20px); right:0; }
.sidebarbottominfopopover:after { content:''; position:absolute; top:100%; left:0; right:0; margin:0 auto; width: 0; height: 0; border-style: solid; border-width: 8px 8.5px 0 8.5px; border-color: #ffffff transparent transparent transparent; }
.sidebarbottominfopopovertop { padding:16px 20px; }
.sidebarbottominfopopoverbottom a { display:block; padding:16px 20px; border-top:#E2E2E2 solid 1px; }
.sidebarbottominfopopoverbottom a:hover { background:#F7F9FA; }
.sidebarbottominfopopoverbottom a * { display:inline-block; vertical-align:middle; }
.sidebarbottominfopopoverbottom a img { margin-right:11px; position:relative; top:2px; }
.sidebarbottominfopopoverbottom a span { font-size:20px; color:#575757; text-transform:capitalize; }
.sidebarbottominfopopovertop .sidebarbottominfoleft { position:relative; }
.sidebarbottominfopopover { display:none; }

.sidebarfooter { margin-bottom:20px; }
.sidebarfooterbottom { border-top:#EBEBEB solid 1px; padding:10px 0 0; }
.sidebarfooter .langselects select { padding-left: 27px; font-weight:400; font-size:15px; color:#4F5368; }
.sidebarfooter .custom-selects:before { left:0 }
.sidebarfooter .custom-selects:after { right:0; }
.sidebarfooterbottom * { color:#5B7083; font-size:14px; }
.sidebarfooterbottom ul li { margin-right:9px; }
.sidebarfooterbottom ul li:last-child { margin-right:0; }
.sidebarfooterbottom ul li a { text-decoration:underline; }

.nofooter #main { padding-bottom:20px !important; }
.createpostwrapper { margin-bottom:25px; margin-top:0 !important; }
.createpostwrapper .createpostbtn { margin-left:20px; }

.cstradio-post { position:relative; cursor:pointer; }
.cstradio-post:before { content:''; position:absolute; top:7px; right:7px; background:url(../images/radiotick.svg) no-repeat 0 0; width:21px; height:21px; opacity:0; z-index:2; }
.cstradio-post.active:before { opacity:1; }
.cstradio-post label { position:relative; background:#fff; border:#7E95A9 solid 1px; border-radius:17px; width:100%; padding:34px 10px; }
.cstradio-post.active label { border-color:#1DA1F2; }
.cstradio-post label input { width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; cursor:pointer; }
.cstradio-post label img { background:#7E95A9; border-radius:50%; display:block; margin:0 auto; opacity:0.7; }
.cstradio-post.active label img { background:#1DA1F2; opacity:1; }
.cstradio-post label strong { font-size:18px; color:#7E95A9; font-weight:600; display:block; margin-top:8px; text-align:center; }
.cstradio-post.active label strong { color:#1DA1F2; }
.cstradio-post { width:100%; }

.createpostbodybottom ul { margin:0 auto; }
.createpostbodybottom ul li { flex:0 0 33.333%; max-width:33.333%; padding-right:10px; }
.createpostbodybottom ul li:last-child { padding-right:0; }
.createpostbodybottom { margin-top:20px; }
.createpostbodytop > strong { font-size: 29px; color: #4F5368; }
.chooseimgtop figure { width:100%; height:349px; }

.chooseimgbottomtop { margin:11px 0; }
.chooseimgbottomtop > strong *, .chooseimgbottomtop .cmbutton * { display:inline-block; vertical-align:middle; }
.chooseimgbottomtop > strong > span { margin-right:7px; font-size:22px; color:#4F5368; position:relative; top:-1px; }
.chooseimgbottomtop .cmbutton:hover { background:#F7F9FA; color:#1DA1F2; }
.chooseimgbottomtop .cmbutton img { margin-right:7px; }
.otherigmlisting { flex-wrap:wrap; }
.otherigmlisting li { flex:0 0 20%; max-width:20%; position:relative; }
.otherigmlisting li:before { content:''; position:absolute; top:7px; right:7px; background:url(../images/whitetickcheck.svg); width:18px; height:18px; opacity:0; }
.otherigmlisting li.selected:before { opacity:1; }
.otherigmlisting li a { display:block; width:100%; height:125px; }
#createpostModal .modal-dialog.modal-dialog-centered { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.imgpostslider .slick-track { margin-left:0; }
.imgpostslider .slick-track img { width: calc(100% - 100px); margin: 0 auto; }
.chooseimgtop .imgpostslider figure { width:calc(100% - 100px); margin:0 auto; }
.bottomfilterslider  { margin:25px 0 10px; }
.bottomfilterslider .item figure { width:100%; height:125px; }
.bottomfilterslider .item span { display:block; font-size:14px; font-weight:600; color:#002D56; text-align:center; margin-bottom:12px; }
.createpostcontentwrappertop { padding-bottom: 20px;  margin-bottom: 25px; border-bottom: #99DBF8 solid 1px; }
.createpostcontentwrappertop input { border: 0; margin-left: 20px; width: 100%; font-size:16px; color:#002D56; }

.iteminner { position:relative; }
.customimguploader { background:#F7F9FA; border:#1DA1F2 solid 1px; border-radius:7px; height: 100px; padding: 19px 2px; }
.customimguploader input { width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; z-index:2; }
.customimguploader img { background:#1DA1F2; border-radius:50%; border:#89CDF5 solid 4px; display:block; margin:0 auto; }
.customimguploader span { font-size:13px; font-weight:600; color:#1DA1F2; display:block; text-align:center; margin-top:2px; }
.iteminner figure { position:relative; border-radius:7px; overflow:hidden; width:100%; height:100px; }
.iteminner figure:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: 0.5; width: 100%; height: 100%; }
.iteminner figure img { width:100%; }
.iteminner a { position:absolute; top:50%; left:0; right:0; margin:0 auto; width:41px; border-radius:50%; height:auto; border:rgba(255,255,255,0.5) solid 5px; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.iteminner a img { background:#fff; border-radius:50%; }
.photouploadslider { padding:0; }
.photouploadslider .iteminner, .editpostphotouploadslider .iteminner { padding:0 5px; }
.createpostlistinglinks { margin: 20px 0 0; }
.createpostlistinglinks li a { font-size: 18px; padding: 0 0 10px; margin: 0 0 10px; border-bottom: #99DBF8 solid 1px; display: block; position:relative; }
.createpostlistinglinks li.active a:before { content:''; position:absolute; top: 7px; right: 0; background:url(../images/ticksmall.svg) no-repeat 0 0; width:14px; height:13px; }
.createpostlistinglinks li:last-child a { border-bottom:0; font-size:16px; text-transform:uppercase; color:#1DA1F2; margin-bottom:0; padding-bottom:0; }
.createpostlistinglinks li.linetitle strong { font-size:20px; margin-bottom:10px; display:block; }
.modal-footer .closebtn { display:none; }

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 190px repeat(1, 1fr);
  gap: 14px;
  grid-template-areas:
    "mediaimgblock mediavideotblock mediavideotblock mediavideotblock"
    "mediaimgblockone mediavideotblock mediavideotblock mediavideotblock"
    ". . . .";
}
.mediavideotblock { grid-area: mediavideotblock; }
.mediaimgblock { grid-area: mediaimgblock; }
.mediaimgblockone { grid-area: mediaimgblockone; }
.grid-container > div > a { position:relative; }
.grid-container > div > a .blockicon { position:absolute; top:0; right:0; }
#createpostModal .poplogo { left:0; }


.mediagrid { max-width:100%; width:100%; }
.mediagrid:after { content: '';  display: table; clear: both; }
.mediagrid-item, .grid-sizer { width: 33.3333%; height: 198px; }
.mediagrid-item-videoblock { width: 66.467%; height:396px; }
.exploremediagrid .mediagrid-item, .exploremediagrid .grid-sizer { width: 25%; height: 292px; }
.exploremediagrid .mediagrid-item-videoblock { width: 50%; height:584px; }
.mediagrid { margin:0; }
.mediagrid-item > a { padding:0; border:#fff solid 6px; }
.exploremediagrid .mediagrid-item > a { border-width:5px; }
.mediagrid-item > a, .mediagrid-item .bgimg { width:100%; height:100%; position:relative; }
.mediagrid-item > a > img { position:absolute; top:7px; right:7px; }
.mediagrid-item.grid-sizer { height:0; }

.stickymain .sticky { position: fixed; top: 140px; margin-bottom: 0; width: 262.4px; z-index: 1038; }
.stickymain .fixedsidebabr { margin-left: 20.5%; }
.stickymain .usersidebarwrapper { height:calc(100vh - 215px); }

.promotedpostcard .card .likecomment .like a { opacity: 0.7; }

#postModal .modal-dialog { max-width:850px; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
#postModal .modal-content { border-radius:0; padding:0; }
.postdetailboxleft { flex:0 0 63%; max-width:63%; width:100%; position:relative;/*  top:-17px; margin-bottom:-15px;  */}
.postdetailboxright { flex:0 0 37%; max-width:37%; width:100%; position:relative; /* top:-17px; margin-bottom:-15px;  */ }

#postModal .photosliderwrap .item figure { width:100%; height:600px; }
#postModal .modal-body { padding:0; }
.photosliderwrap .prevarrow { left:26px; }
.photosliderwrap .nextarrow { right:26px; }
.postdetailboxright .card-header-left > figure > img { width: 36px; }
.postdetailboxright .card-header .profileinfotop *:not(h4) { font-size:13px; }
.postdetailboxright .card-header .profileinfotop h4 { font-size:16px; }
.postdetailboxright .card-header { padding:14px 12px 16px; }
.postdetailboxright .card-header-right li { margin-right: 11px; }
.postdetailboxright .card-header-right li:last-child { margin-right:0; }
.postdetailboxright .card-body { padding:14px 12px 16px; }
.postdetailboxright .card-body * { font-size:14px; }
.postdetailboxright .commentinfo figure img { width:25px; }
.commenttimeandreply li { margin-left:12px; }
.commenttimeandreply li:first-child { margin-left:0; }
.commenttimeandreply li * { font-weight:600; }
.commenttimeandreply li span { color:#7F7F7F; }
.commenttimeandreply li a { color:#002D56; }
.commenttimeandreply li a:hover { color:#1DA1F2; }
.postdetailboxright .commentwrapper { border-top: #34B7F1 solid 1px; margin: 15px -13px 0; padding: 12px 13px 0; }
.postdetailboxright .commentwrap p { margin-bottom:5px; }
.commenttimeandreply li * { font-size: 13px !important; }
.commentwrap { margin-bottom:15px; }
.commentwrapreply { margin:15px 0 0 45px; }
.commentviewalllink:before { content:''; position:absolute; top:50%; left:0; background:#002D56; width:39px; height:1px; margin-top:2px; }
.commentviewalllink { color:#002D56; font-weight:600; margin:8px 0 0; display:inline-block; position:relative; padding:0 0 0 52px; }
.postdetailboxright .commentwrapper  { height:450px; overflow-y:auto; }
.postdetailboxleft .slick-dots-container{ top:calc(100% - 44px) !important; }
#donateModal { z-index: 1000000000; }
.postdetailboxright { position:relative; }
.postdetailboxright .postcommentwrapper { position:absolute; bottom:-53px; left:0; right:0; margin:0; border-radius:0; height:auto  !important; z-index:99; }
.postdetailboxright .commentwrapper { padding-bottom: 0 !important; }
.postdetailboxright .postcommentwrapper input[type="text"] { border-radius:0; border:0; border-top:#34B7F1 solid 1px; }

.confirmationmodal .modal-dialog { max-width:320px; }
.confirmationmodal .modal-content { padding:22px 20px; }
.confirmationmodal .modal-body { padding:0; }
.confirmationmodal .confirmationpopwrapper { text-align:center; }
.confirmationmodal .confirmationpopwrapper p { margin:15px 0; }
.confirmationmodal .confirmationpopwrapper ul li { flex:0 0 50%; max-width:50%; width:100%; padding:0 6px; }
.confirmationmodal .confirmationpopwrapper ul li a { display:block; background:#E0245E; border-radius:50px; padding: 13px 0; font-weight: bold; font-size: 14px; color:#fff !important; }
.confirmationmodal .confirmationpopwrapper ul li a.confirmbtn { background:#1DA1F2; color:#fff; }
.confirmationmodal .confirmationpopwrapper ul li a:hover { background:#002D56 !important; color:#fff !important; }

.postdetailslider > .sliderarrow { margin-top: 3px; -webkit-transform: scale(1.3) translateY(-50%); transform: scale(1.3) translateY(-50%); }
.postdetailslider > .prevarrow { left: -53px; }
.postdetailslider > .nextarrow { right: -53px; }

body.modal-open { overflow: hidden; }
.onepostdetailwrapper { border:#34B7F1 solid 1px; margin-top:25px; }
.onepostdetailwrapper .photosliderwrap .bgimg { width:100%; height:546px; }
.onepostdetailwrapper .postdetailboxright .commentwrapper { height: 449px; padding-bottom:40px; }
.onepostdetailwrapper .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .onepostdetailwrapper .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { z-index:-2; }

.border-top-section { padding-top:18px; margin-top:30px; border-top:#34B7F1 solid 1px; }
.border-top-section h3 { margin-bottom:15px; }
.suggestionsbox { padding-bottom:15px; border-bottom:#34B7F1 solid 1px; margin-bottom:15px; }
.suggestionsbox:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.suggestionsbox .profileinfobottom p { color:#787B8B !important; }
.suggestionsbox > p { color:#4C4C4C; font-size:17px; margin-top:10px; }
.suggestionsbox .profileinfotop img { margin-left:11px; }
.mainsectitle { margin-bottom:20px; padding-bottom:15px; border-bottom:#34B7F1 solid 1px; }
.mainsectitle > a { position:relative; display:block; top:2px; margin-right:15px; }

.popcloseicon { position: fixed; top: 28px; right: 35px; display: block; width: 20px; height: 20px; z-index: 999999999; }

#createpostModal .poplogo { width:90px; }
#createpostModal .poplogo img { width:100%; }
.stepbackarrow { opacity:0; visibility:hidden; }
.stepbackarrow.active { opacity:1; visibility:visible; }
.photouploadslider .filtersliderarrow, .editpostphotouploadslider .filtersliderarrow { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; height: 100%; }
.chooseimgbottomtop .cmbutton.cmbutton-outline { padding: 8px 16px 11px; }

.item { position:relative; }
.videoIframe { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;  opacity:0; }
.videoPoster.js-videoPoster { padding: 0; border: 0; cursor:pointer; }
.videoWrapperActive .videoPoster.js-videoPoster { opacity:0; visibility:hidden; }
.videoWrapperActive .videoIframe { opacity:1; }

.postlistwrapper .card-header-left.d-flex.align-items-center { width:80%; }
.postlistwrapper .profileinfo { width:100%; }
.profileinfobottom p { white-space: nowrap; max-width: 92%; position: relative; overflow: hidden; text-overflow: ellipsis; line-height:1.2; }

.donatebodybottom .custom-selects { position: absolute; top: 50%; left: 20px; width: 62px; transform: translateY(-50%); }
.donatebodybottom .custom-selects:after { right:0; }
.donatebodybottom .custom-selects select { padding: 0; }
.donatebodybottom .formgroup.iconinput input { padding-left: 100px !important; }
.donatebodybottom .custom-selects select, .donatebodybottom .custom-selects select option { font-size: 18px; font-weight: 600; color: #222; line-height: 1; }

.donationnames li * strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 135px; }

.createpostbtnwrapper { position:relative; }
.popovertriggerwrapper { position:relative; }
.custompopover { background: #fff; border-radius: 14px;  width: 296px; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: absolute; left:0; right:0; width:100%; z-index:99; display:none; }
.custompopover:after { content:''; position:absolute; bottom:100%; left:0; right:0; margin:0 auto; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 8px 8.5px; border-color: transparent transparent #ffffff transparent; }
.popovertriggerbottom .custompopover { top: calc(100% + 20px); }
.custompopover > ul { overflow:hidden; border-radius:14px; }
.custompopover > ul > li { border-bottom: #E2E2E2 solid 1px; }
.custompopover > ul > li:last-child { border-bottom:0; }

.createpostcontentwrappertop textarea { border: 0; height: 79px; padding: 10px; width: 100%; }
.createpostcontentwrappertop textarea::placeholder { line-height:58px; }

.formgroup .countryflag { width:25px; }

.createpostcontentwrapper .filtersliderarrow.filterprevarrow, .editpostwrapper .filtersliderarrow.filterprevarrow, .editpostphotouploadslider .filtersliderarrow.filterprevarrow { left: -48px; }
.createpostcontentwrapper .filtersliderarrow.filternextarrow, .editpostwrapper .filtersliderarrow.filternextarrow, .editpostphotouploadslider .filtersliderarrow.filternextarrow { right: -48px; }

.createpostbodybottom .cstradio-post label { padding:20px 10px; }
.postmoreoptionlistingwrapper { position:relative; }
.postmoreoptionlisting { display:none; position:absolute; top:-5px; right:-2px; background:#fff; width:162px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1); padding:13px 18px; z-index:99; border-radius:12px; }
.postmoreoptionlisting li { margin-bottom:14px; }
.postmoreoptionlisting li:last-child { margin-bottom:0; }
.postmoreoptionlisting li a { font-size:14px; color:#002D56; }

.barbuttons.confirmbtn.btndelete { background:#E0245E !important; }
.formgroup.textareaformgroup { position:relative; }
.textareaformgroup span { top: 23px; left: 25px; }
.textareaformgroup textarea { height:119px; font-size:14px; padding:18px; }
.textareaformgroup.has-content span { top: -22px; left: 10px; font-size: 16px; }
#editpostModal .modal-footer { padding-top:13px !important; margin-top:13px; border-top:#34B7F1 solid 1px !important; padding-left:0 !important; padding-right:0 !important; }
#editpostModal .modal-footer a { margin-right:15px; padding:10px 22px; }
#editpostModal .modal-footer a:last-child { margin-right:0; }
#editpostModal .modal-footer .btnred { background:#E0245E !important; border:0 !important; }
#editpostModal .modal-footer .btndark { background:#002D56 !important; border:0 !important; }
#editpostModal .modal-footer a.cmbutton:hover { border:0 !important; color:#fff !important; background:#1DA1F2 !important; }

.editpostwrapper { font-size:26px; }
.editpostwrapper h3 { margin-bottom: 27px; }

#notificationtab { margin:15px 0 22px; }
#notificationtab li { flex:0 0 50%; max-width:50%; }

.notificationcard { padding:24px 24px 24px 62px; border-color:#34B7F1; border-radius:17px; }
.notificationcard .card-header { border-bottom:0; padding-top:0 !important; padding-left:0 !important; padding-right:0 !important; }
.notificationcard .card-body { padding:0 !important; }
.notificationcard .card-body p { font-size:17px; opacity:0.7; }
.notificationstar { position:absolute; top:34px; left:24px; }
.notificationcard .profileinfobottom p { font-size:16px !important; color:#4F5368 !important; font-weight:400 !important; }

.btn-disabled, .btn-disabled:hover { border:0 !important; pointer-events: none; padding:0 7px !important; }

.postdetailboxright .profileinfotop h4{ width:80px; }
.postdetailboxright .profileinfo strong.text-primary {width: 60px;}
.postdetailboxright .postcommentwrapper textarea { border-radius: 0; height: 67px; border-bottom:0; }
/*.postdetailboxright .postcommentwrapper textarea { height:100% !important; }*/
.postdetailboxright .postcommentwrapper input[type="submit"] { margin-top:0 !important; }
.postdetailboxright .postcommentwrapper textarea::placeholder { line-height:23px; }

.stickymain .col-lg-8.col-custom-lg-6.fixedsidebabr { margin-left: 30.5%; }

.sidebarblock .card-body, .sidebarblock .card .card-footer { padding: 10px 14px; }
.sidebarblock .postslider { margin: 0 -14px -5px; }
.sidebarblock .postslider .item figure { height:186px; }
.sidebarblock .cardbtn { margin:0 -14px -20px; }
.sidebarblock .card .imagepost { margin-top:14px; }
.sidebarblock .card-footer ul li { margin-right:7px; }
.sidebarblock .slick-dots { max-width: 47px; margin:0 auto; top:calc(100% + 47px); left:27px; }
.sidebarblock .card-footer.likecommentsharewrapper { border-bottom:0; }
.sidebarblock .card-header { padding:40px 16px 16px; }
.card-header-left figure img { width: 42px; }
.profileinfo { margin-left: 8px; }
.secprofilewrappertopright h5 span { display:block; font-size:14px; color:#1DA1F2; font-weight:600;max-width: 200px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.secprofilewrappertopright h5 { margin-right:8px;max-width: 220px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.secprofilewrappertopright .cmbutton { margin-left:8px; }
.moreoptionmenu { margin-left:8px; position:relative; top:19px; }
.d-flex.align-items-center .moreoptionmenu { top:10px; }
.profilewrappertopleft .secprofileimg { flex:0 0 25%; max-width:25%; }
.profilewrappertopleft .secprofileimg img { display:block; margin:0 auto; border-radius:50%; border:#1DA1F2 solid 2px; }
.secprofilewrappertopright p, .secprofilewrappertopright .profileintro { color:#000000; margin:10px 0; }
.secprofilewrappertopright .profileintro a{color: #000000;}
.profileintro li { font-size:0; }
.profileintro li * { display:inline-block; vertical-align:middle; }
.profileintro li span { font-size:15px; margin:0 5px; }
.accountinfo li { position:relative; padding:0 0 0 17px;  }
.accountinfo li:before { content:''; position:absolute; top:calc(50% + 2px); left:0; transform:translateY(-50%); }
.accountinfo li:after { content:''; display:inline-block; vertical-align:middle; background:#BDBDBD; width:1px; height:19px; margin:0 25px; }
.accountinfo li:last-child:after { display:none; }
.accountinfo li.joined:before { background:url(../images/profilejoinedicon.svg) no-repeat 0 0; width:14px; height:14px; top:calc(50% + 1px); }
.accountinfo li.website:before { background:url(../images/profilewebicon.svg) no-repeat 0 0; width:13px; height:11px; }
.accountinfo li.location:before { background:url(../images/profilelocationicon.svg) no-repeat 0 0; width:8px; height:11px; }
.accountinfo li a, .accountinfo li span { font-size:14px; font-weight:600; color:#002D56; display:inline-block; line-height:1; }
.profilenumberslisting { padding:21px 0; margin:21px 0; border-top:#E5E5E5 solid 1px; border-bottom:#E5E5E5 solid 1px; }
.profilenumberslisting ul { margin:0 -15px; }
.profilenumberslisting ul li { font-size:15px; font-weight:600; color:#1DA1F2; text-align:center; padding:0 30px; }
.profilenumberslisting ul li span { display:block; font-size:20px; color:#002D56; }
.otherprofileslider { padding:0 0 21px 0; margin:0 0 21px 0; border-bottom:#E5E5E5 solid 1px; }
.otherprofileslider .item img { border-radius:50%; border:#1DA1F2 solid 2px; margin:0 auto; display:block; }
.otherprofileslider .item a { display:block; text-align:center; }
.otherprofileslider .item span { display:block; font-size:17px; color:#002D56; font-weight:600; }
.otherprofileslider { position:relative; }
.otherprofileslider .filtersliderarrow { position:absolute; top:calc(50% - 18px); -webkit-transform:translateY(-50%); transform:translateY(-50%); background:transparent; }
.otherprofileslider .filtersliderarrow:after { background:#1DA1F2; }

.videoPoster.js-videoPoster { width: 100%; }
a.vidplaybtn.videoPoster.js-videoPoster { width:80px; margin:0 auto; } 
.contentblock { margin:0 0 28px; padding:0 0 31px; border-bottom:#E5E5E5 solid 1px; }
.contentblock:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.contentblock h3 { color:#2E4369; margin:0 0 17px; }
.listing li { position:relative; padding:0 0 0 15px; margin:0 0 7px; }
.listing li:last-child { margin-bottom:0; }
.listing li:after { content:''; position:absolute; top:9px; left:0; background:#5D7079; width:5px; height:5px; border-radius:50%; }
.listing li a { color:#1DA1F2; text-decoration:underline; }
.contentblock p { font-size:14px; color:#5D7079; line-height:25px; margin-bottom:20px; }
.contentblock .tag { display:block; margin-top:27px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.tag code { background:#F2F2F2; color:#5D7079; padding:6px 10px; border-radius:5px; }
.table th { border-top:0; }
.table th * { display:inline-block; vertical-align:middle; color:#2E4369; font-weight:600; font-size:15px; }
.table th img { margin-left:3px; }
.table td { font-size:14px; color:#5D708A; }
.table-striped tbody tr:nth-of-type(2n+1) { background:#F2F5F7; }
.alertinfobox { font-size:20px !important; font-weight:600; color:#fff !important; padding:24px 26px; background:#C97A7F; margin-bottom:0; margin-bottom:0 !important; }
.basicinfobox { background:#8FBBD4; padding:24px 26px; }
.basicinfobox * { color:#fff; }
.basicinfobox h5 { font-size:20px !important; margin-bottom:10px; }
.basicinfobox p { margin-bottom:0 !important; color:#fff; }
.datatablelabel { display:inline-block; font-size:14px; font-weight:600; color:#2E4369; margin-right:11px; }
.datatabletopbar input, .datatableinput { background:#E4EAED; color:#2E4369; padding:4px 9px; border: 0; height:31px !important; font-size:14px; font-weight:400 !important; }
.datatabletopbar .custom-selects { height:31px; }
.datatabletopbar .custom-selects select { background:#E4EAED; padding:4px 28px 4px 6px; height:100%; font-size:14px; font-weight:400; }
.custom-selects:after { border:0; background:url(../images/datatabledropdown.svg) no-repeat 0 0; width:8px; height:5px; right:10px; margin-top:-1px; z-index:2; }
#footer .custom-selects:after { background-image:url(../images/triangledropdownarrow.svg); width:9px; height:5px; right:20px; }
.pagination .page-item a { background:#F2F5F7; font-size: 14px; color: #000; padding: 4px; width: 30px; height: 30px; text-align: center; line-height: 21px; border:0; border-radius:0; }
.page-link:focus { -webkit-box-shadow:none; box-shadow:none; }
.pagination .page-item-nav a { background:#002D56; position:relative; }
.pagination .page-item-nav a img { position:absolute; top:50%; left:0; right:0; margin:0 auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.pagination .page-item.active a { background:#1DA1F2; }
.pagination .page-item.page-item-previous { margin-right:11px; }
.pagination .page-item.page-item-next { margin-left:11px; }
.page-item .page-link, .page-item .page-link:hover, .page-item.active .page-link { border:0 !important; z-index:0; }
.page-item:first-child .page-link, .page-item:last-child .page-link { border-radius:0 !important; }
.contentsidebar { background:#002D56; margin-bottom:15px; }
.contentsidebar .contentsidebartitle { font-size:16px !important; color:#fff !important; background:#012240; padding:18px 4px; text-align:center; }
.contentsidebar code { font-size:16px; font-weight:600; padding:26px 16px; display:inline-block; line-height:2; color:#fff !important; }
.contentsidebar code .codewrapper { padding-left:30px; }
.contentsidebar code .codewrapper span { color:#F5AB35 !important; }
.contentsidebar code .codewrapper em { color:#ABE338 !important; font-style:normal; }
.tablewrapper { overflow-x: auto; width: 100%; }
.table.table-striped { width:100%; }
.card-footer ul li.like.liked a:hover:before { background-color:transparent; }

.profilepage .mainpostswrapper { margin-top:0 !important; }

.select-country > button { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: transparent; border-radius: 10px; border: 0; z-index: 2; }

.textarea { max-height:126px; }
.postdetailbox.d-flex.justify-content-between { align-items: flex-start; }
.postcommentwrapper textarea { min-height:67px; }

.postdetailpage .postdetailboxright .postcommentwrapper { bottom:-5px; right:-2px; }
.postdetailpage .postdetailboxright .commentwrapper { padding-bottom:40px !important; }


#header { position:fixed; top:0; left:0; right:0; width:100%; z-index:999; }
#header.navhide { top: -64px; }
#main { padding-top: 200px; }

.postdetailpage  .onepostdetailwrapper { margin-top:0 !important; }
.moreoptionmenuwrapper { position:relative; }
.profilenumberslisting ul li { padding:0; }
.slick-list.draggable { width: 100%; }
.profilenumberslistingslider .slick-track { margin-left:0; }
.profilenumberslistingslider .filtersliderarrow { height:50px; }
.formpage #header { position:relative; }

.slick-dots-container {overflow:hidden;max-width: fit-content;}

.likecomment .like.liked a { color:#00ADEF !important; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
	.postdetailboxright .postcommentwrapper { bottom:-59px; }
	.postdetailpage .postdetailboxright .postcommentwrapper { bottom: -8px; }
	.postdetailpage .postdetailboxright .postcommentwrapper textarea { height:70px; }
	.postdetailboxright .replymode .postcommentwrapper { bottom: -21px !important; }
}

@-moz-document url-prefix() {
	.postdetailboxright .postcommentwrapper { bottom:-53px; }
	.postdetailpage .postdetailboxright .postcommentwrapper { bottom: -3px; }
	.postdetailpage .postdetailboxright .postcommentwrapper textarea { height:70px; }
	.postdetailboxright .replymode .postcommentwrapper { bottom: -15px !important; }
}



.niceCountryInputMenu { width:100%; border:#4F5368 solid 1px; border-radius:10px; padding:6px 24px; height:68px; font-size:19px; font-weight:400; color:#4F5368; }
.niceCountryInputMenu { position:relative; }
.niceCountryInputMenuDropdown {  position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:20px; height: 17px; }
.niceCountryInputMenuDropdown > span { text-indent:-9999999em; display:inline-block; background:url(../images/selectarrowdown.svg) no-repeat 0 0; width:20px; height:11px; }
.niceCountryInputMenuDefaultText a { font-size: 0; }
.niceCountryInputMenuCountryFlag { border: 1px solid #d3d3d3; width: 28px; height: 21px; margin-left: 5px; margin-right: 5px; vertical-align: text-top;}
.niceCountryInputMenuDefaultText a * { display: inline-block; vertical-align: middle; font-size: 20px; padding:0 !important; }
.niceCountryInputMenuDefaultText { width: calc(100% - 30px); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: calc(50% - 4px) !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.niceCountryInputMenuFilter { padding: 0 20px; }
.niceCountryInputMenuFilter input { height: 42px; border-radius: 3px; width: 100%;  margin: 10px 0 14px; padding: 4px 16px !important; font-size: 16px; }

.formgroup.has-content .rescountryicon { display:none; }
.niceCountryInputMenuDefaultText a { opacity:0 !important; }
.formgroup.has-content .niceCountryInputMenuDefaultText a { opacity:1 !important; }

.profilenumberslistingslider .filtersliderarrow { position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

.promotedpostslider > .sliderarrow { background:transparent; width:25px; height:25px; }
.promotedpostslider > .sliderarrow:before { content:''; position:absolute; top:50%; left:0; right:0; width:9px; height:16px; margin:0 auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.promotedpostslider .prevblackarrow { left:-27px; }
.promotedpostslider .prevblackarrow:before { background:url(../images/prev-arrow-slider-black.svg) no-repeat 0 0; }
.promotedpostslider .nextblackarrow { right:-27px; }
.promotedpostslider .nextblackarrow:before { background:url(../images/next-arrow-slider-black.svg) no-repeat 0 0; }
.promotedpostslider .card.promotedpostcard { margin-bottom:0; }

.card-footer .commentinfo figure { width: 36px; }
.card-footer .commentinfo figure img { width: 100%; }

/*.editprofilemodal .modal-footer { padding-top:13px !important; margin-top:13px; border-top:#34B7F1 solid 1px !important; padding-left:0 !important; padding-right:0 !important; }*/
.editprofilemodal .modal-footer a { margin-right:15px; padding:10px 22px; }
.editprofilemodal .modal-footer a:last-child { margin-right:0; }
.editprofilemodal .modal-footer .btnred { background:#E0245E !important; border:0 !important; }
.editprofilemodal .modal-footer .btndark { background:#002D56 !important; border:0 !important; }
.editprofilemodal .modal-footer a.cmbutton:hover { border:0 !important; color:#fff !important; background:#1DA1F2 !important; }

#editprofileModal .formgroup input { font-size:18px; }

.profilepictureuploader { position:relative; max-width:150px; width:100%; margin:0 auto 25px; }
.profilepictureuploader .inputupload { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:2; opacity:0; cursor:pointer; }
.profileimgcurrent { border:#ddd solid 2px; border-radius:50%; position:relative; overflow:hidden; }
.profileimgcurrent:before, .profileimgcurrent:after { content:''; position:absolute; -webkit-transition:0.2s all; transition:0.2s all; }
.profileimgcurrent:before { top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:#000; opacity:0.2; }
.profileimgcurrent:after { top:50%; right:0; left:0; margin:0 auto; width:26px; height:23px; background:url(../images/cameraicon.svg) no-repeat 0 / cover; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0.8; }
.profilepictureuploader:hover .profileimgcurrent:before { opacity:0.4; }
.profilepictureuploader:hover .profileimgcurrent:after { opacity:1; }
.profilepictureuploader img { border-radius:50%; border:#ddd solid 2px; width:100%; }
.editprofilewrapper h3 { margin-bottom:10px; }

#editprofileModal .textareaformgroup textarea { font-size:18px; }
.sidebarblock .like a::before, .sidebarblock .comment a::before, .sidebarblock .vote a::before, .sidebarblock .share a::before, .sidebarblock .donate a::before { top:50%; }
.sidebarblock .card .card-footer { padding:20px 9px 10px; }
.sidebarblock .slick-dots-container { top: calc(100% + 54px); left: 22px; }
.commentprofileinfo { position:relative; width: 100%; }
.commentlikewrapper { transform: scale(0.7); position: relative; top: 2px; }
/*.commentlike { background:url(../images/likeicon.svg) no-repeat 0 0; width: 36px; height: 36px; -webkit-filter: invert(0.4) sepia(1) saturate(20) hue-rotate(162deg) brightness(0.97); filter: invert(0.4) sepia(1) saturate(20) hue-rotate(162deg) brightness(0.97); }
.commentlike:hover { -webkit-filter:none; filter:none; }
.commentlike.liked { background-image: url(../images/likedicon.svg); -webkit-filter:none; filter:none; }*/
.commenttimeandreply li:last-child { margin-left:8px; }
.commenttimeandreply .like a { -webkit-filter: invert(0.4) sepia(1) saturate(20) hue-rotate(162deg) brightness(0.97); filter: invert(0.4) sepia(1) saturate(20) hue-rotate(162deg) brightness(0.97); padding-left:29px; top:1px; }
.commenttimeandreply .like a:hover, .commenttimeandreply .liked a { -webkit-filter:none; filter:none; }
.commenttimeandreply .liked a { color:#00ADEF !important; }
.commenttimeandreply .liked a:hover:before { background-color:transparent; }
.commentwrap .postmoreoptionlistingwrapper a { margin-right: 4px; width:4px; }
.followtxt a { display: inline-block; font-weight: 600; line-height: 1; position: relative; top: -2px; color:#1DA1F2; width:auto !important; }
.followtxt a:hover { color:#000; }
.commentwrap .postmoreoptionlistingwrapper a img { height: 16px; }
.commentsreportwrapper { position:relative; top:1px; }

.commenttimeandreply .like a:before { top:50%; width:27px; height:27px; background-size:100%; }
.commentlikewrapper + .postmoreoptionlistingwrapper > a { transform: scale(0.8); position: relative; top: 3px; margin-left:-7px; }
.replybox { background-color:#EBEBEB; border-top:#34B7F1 solid 1px; padding:12px 18px; }
.replybox strong { font-weight:600; font-size:15px; color:#7A7A7A; display:inline-block; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.postdetailboxright .card-body.replymode { padding:14px 12px 102px !important; }
.postdetailboxright .replymode .postcommentwrapper { bottom: -5px; }
.replymode .postcommentwrapper input[type="submit"] { top:calc(50% + 22px); }
.replybox { position:relative; padding-right:40px; }
.replycrossmark { position:absolute; top:50%; right:18px; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.replymobibox { margin-top: 9px; width: 100%; display:none; position:relative; }
.replymobibox textarea { width: 100%; padding:4px 50px 4px 10px; }
.replymobibox input[type="submit"] { position:absolute; top:50%; right:7px; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:0; color:#1DA1F2; border:0; background:#1DA1F2 url(../images/commentsendicon.svg) no-repeat 0 0; text-transform:capitalize; font-weight:600; width:36px; height:36px; border-radius:50%; margin-top: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); }
.replymobibox input[type="submit"]:hover { background-color:#002D56; }
.postdetailboxright .replymode .commentwrapper { height:400px; }
.commentwrapper { padding-top: 12px !important; }

.amountbox img { width: 65px; }
.commenttimeandreply li.like { position:relative; width:18px; }
.commenttimeandreply .like a { position:absolute; top:1px; left:0; }