/* =Import Required styles
========================================================================================*/
:root {
    --cdn: "https://localhost:7001/";
}

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

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

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Semibold.eot');
    src: url('../fonts/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Semibold.woff') format('woff'),
        url('../fonts/SegoeUI-Semibold.ttf') format('truetype'),
        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;
}

.btn-red2 {background:#800009 !important;}
.btn-red2:hover {background:#1DA1F2 !important;}
a.btn-red2:hover {color: rgba(255, 255, 255, 0.95) !important;}
.hiddenLoading {opacity: 0;transition: opacity .2s ease-in;}
.visibleLoaded {opacity: 1;}
.inline-video {width: 100%;height: auto;border-radius: 8px;}
.video-hidden {display: none;}
.inline-video iframe {width: 100%;aspect-ratio: 16/9;height: auto;}
.inline-iframe {width:100%;aspect-ratio: 16/9;border: 0;background: #000;}

.video-card {position: relative;border-radius: 14px;overflow: hidden;cursor: pointer;background: #000;}
.video-thumb,.video-stage iframe {width: 100%;aspect-ratio: 16 / 9;display: block;border-radius: inherit;} /* video-card heritage */
.video-thumb {transition: opacity .3s ease;object-fit: cover;height: 100%;}
.video-thumb.hidden {opacity: 0;pointer-events: none;}
.video-stage {position: absolute;inset: 0;opacity: 0;transition: opacity .3s ease;}
.video-stage.active {opacity: 1;}
.video-stage iframe {pointer-events: auto;}
.item .video-stage iframe {width: 100%;height: 100%;border-radius: 12px;display: block;}
.vidplaybtn {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;z-index: 2;transition: opacity .2s ease;}
.vidplaybtn.hidden {opacity: 0;pointer-events: none;}

.myoga-service-list {display: flex;flex-wrap: wrap;gap: 10px;list-style: none;padding: 0;margin: 0;}
.myoga-item {display: inline-flex;}
.myoga-pill {
    display: inline-flex;align-items: center;gap: 6px;border: 1px solid #1DA1F2;border-radius: 999px; /* pill naturel */
    padding: 6px 12px;font-size: 16px;line-height: 1;white-space: nowrap;
}
.myoga-pill:hover {background-color: #1DA1F2;color: #fff;cursor: pointer;}
.myoga-icon {font-size: 16px;}
.myoga-label {font-weight: 600;}

.margin-bottom10{margin-bottom:10px;}.margin-bottom15{margin-bottom:15px;}
.margin-bottom20{margin-bottom:20px;}.margin-bottom25{margin-bottom:25px;}
.margin-bottom30{margin-bottom:30px;}.margin-bottom35{margin-bottom:35px;}
.margin-bottom40{margin-bottom:40px;}.margin-bottom45{margin-bottom:45px;}
.margin-bottom-10{margin-bottom:-10px;}.margin-bottom-15{margin-bottom:-15px;}
.margin-bottom-20{margin-bottom:-20px;}.margin-bottom-25{margin-bottom:-25px;}
.margin-bottom-30{margin-bottom:-30px;}.margin-bottom-35{margin-bottom:-35px;}
.margin-bottom-40{margin-bottom:-40px;}.margin-bottom-45{margin-bottom:-45px;}
.margin-bottom-50{margin-bottom:-50px;}.margin-bottom-55{margin-bottom:-55px;}
.margin-bottom-60{margin-bottom:-60px;}.margin-bottom-65{margin-bottom:-65px;}
.margin-bottom-70{margin-bottom:-70px;}.margin-bottom-75{margin-bottom:-75px;}
.margin-top-10{margin-top:-10px;}.margin-top-15{margin-top:-15px;}
.margin-top-20{margin-top:-20px;}.margin-top-25{margin-top:-25px;}
.font-weight400{ font-weight:400!important; }.font-weight600{ font-weight:600!important; }
.font-size10{font-size:10px;}.font-size11{font-size:11px;}.font-size12{font-size:12px;}
.font-size13{font-size:13px;}.font-size14{font-size:14px;}.font-size15{font-size:15px;}
.font-size16{font-size:16px;}.font-size16{font-size:16px;}.font-size18{font-size:18px;}
.font-size19{font-size:19px;}.font-size20{font-size:20px;}.font-size21{font-size:21px;}
.font-size22{font-size:22px;}.font-size23{font-size:23px;}.font-size24{font-size:24px;}
.font-size25{font-size:25px;}.font-size26{font-size:26px;}.font-size27{font-size:27px;}
.font-size28{font-size:28px;}.font-size29{font-size:29px;}.font-size30{font-size:30px;}
.text-danger{color:#F93154;}.text-success{color:#00B74A;}.text-warning{color:#FFA900;}
.text-info{color:#39C0ED!important;}.text-black{color:#262626!important;}
.text-orange{color:#F0B90B!important;}

/* =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 { background-color: #F7F9FA; 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, .productname, .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:600; }
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; }
@media (min-width: 0px) and (max-width: 479px) {
    .likeFollow figure {margin: -15px 0 0 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:#002D56; }
.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%; }

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

.headermiddle { padding:10px 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; }
.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: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 { display: block; background:#1DA1F2; font-size:16px; font-weight:bold; color:#fff !important; text-align: center; padding:10px 24px; border:0 !important; border-radius:50px; border:transparent solid 1px !important; cursor: pointer; }
.cmbutton:hover { border:#1DA1F2 solid 1px !important; color:#1DA1F2 !important; text-decoration:none; background:transparent; }

#main { padding: 0 !important; margin:0 !important; }
.card { margin-bottom:20px; }
.card-header { background:transparent; border-bottom-color:#34B7F1; padding: 14px 18px 16px; }
.card-body * { font-size:17px; color:#000; }
.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; }
.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 { padding:15px 0; bottom:0; left:0; right:0; z-index:9999; }
#footer .flogo { max-width: 40px; width: 100%; margin: 0 auto; }
#footer .flogo img { max-width: 100%; width: 100%; height: auto; }
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 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%; }
.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; }
.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; cursor: pointer; 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; }
.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 / cover; width: 12px; height: 6.8px; right: 16px; 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; }

.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; }







/*--------------------  PAGE BUILDER CSS -----------------------------*/
#header { position: relative; z-index: 2; }
.headertop { padding: 12px 20px; }
.headertop ul li { position: relative; padding-right: 20px; margin-right: 10px; z-index: 1; }
.headertop ul li:last-child { margin: 0; padding: 0; }
.headertop ul li:before { content:'\01F892'; position: absolute; top: calc(50% - 2px); right: 0; color: #5e5e5e; font-size: 30px; line-height: 0.2; transform: translateY(-50%); }
.headertop ul li:last-child:before { display: none; }
.headertop ul li a { font-size: 18px; color: #1DA1F2; font-weight: 500; text-decoration: underline; }
.headerbottom { padding:20px; }
.topmenuslider { padding: 0 20px; margin: 0 -20px; }
.topmenuslider .menutop, .topmenuslider .addmoretopmenu { display: block; position:relative; text-align:center; padding:8px 12px; background:#FAFDFF; color:#141414; font-size:15px; font-weight:600; border-radius:50px; cursor:pointer; margin-right: 15px; }
.frontpage .topmenuslider .menutop { background-color: #fff; }
.topmenuslider .menutop em { display: block; font-style: normal; }
.topmenuslider .menutop.active { background-color: #1DA1F2; color: #fff; }
.topmenusliderarrow { position:absolute; top: 50%; width:46px; height:46px; background:#fff; z-index:2; cursor:pointer; transform: translateY(-50%); }
.headerbottom .topmenusliderarrow { background:#E6F5FC; }
.headerbottom.nocolor .topmenusliderarrow { background-color: #f7f9fa; }
.topmenusliderarrow: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; }
.topmenusliderarrow: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%); }
.topmenusliderarrow:hover:after { background:#1DA1F2; }
.topmenusliderarrow.topmenusliderprevarrow { left:0; }
.topmenusliderarrow.topmenusliderprevarrow:before { background:url(../images/prev-arrow-slider.svg) no-repeat 0 0; }
.topmenusliderarrow.topmenuslidernextarrow { right:0; }
.topmenusliderarrow.topmenuslidernextarrow:before { background:url(../images/next-arrow-slider.svg) no-repeat 0 0; }
.topmenuslider .slick-list { overflow: hidden; }
.topmenusliderarrow.slick-disabled {display: none !important;}
.topmenuslider {max-width: 680px;}
.postmoreoptionlisting { text-align: left; }
.postmoreoptionlistingwrapper a { width: 3px; height: 12px; }
.postmoreoptionlistingwrapper a svg { width: 100%; height: 100%; }
.postmoreoptionlistingwrapper a svg circle { fill: #000; }
.menutop.active .postmoreoptionlistingwrapper a svg circle { fill: #fff; }
.slick-disabled { opacity: 0; visibility: hidden; }
.modal-body, .modal-header, .modal-footer { padding-left: 0; padding-right: 0; }
.modal-header { border-bottom: 0; }
.modal-footer { border-top: 0; }
#adminnavpills { background-color: #fff; flex:0 0 250px; max-width: 250px; width: 100%; }
#admin-pills-tabContent { flex:0 0 calc(100% - 750px); max-width: calc(100% - 750px); width: 100%; }
.addnewblockbtn { display: block; background-color: #002D56; color: #fff; padding: 16px 20px; }
.addnewblockbtn:hover { background: #000; }
.addnewblockbtn span { display: block; color: #fff; }
#adminnavpills .nav-link { font-size: 18px; font-weight: 600; text-align: left; color: #1DA1F2; border-radius: 0; padding: 16px 20px; }
#adminnavpills .nav-link:hover { background-color: #EBEBEB; }
#adminnavpills .nav-link.active, .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #1DA1F2; color: #fff !important; }
#content-design-pills li { flex:0 0 50%; max-width: 50%; width: 100%; }
#content-design-pills li .nav-link { background-color: #EAEDEF; display: block; width: 100%; font-size: 16px; font-weight: 600; text-align: center; color: #1DA1F2; border-radius: 0; padding: 16px 20px; color: #000; }
#content-design-pills li .nav-link.active { background-color: #1DA1F2; }
.form-check.form-switch { cursor: pointer; min-height: inherit; }
.form-check-input:checked { background-color: #1DA1F2; border-color: #1DA1F2; }
.form-check-input:focus { -webkit-box-shadow: none; box-shadow: none; }
.form-check.form-switch .form-check-input { cursor: pointer; }
.card-link { display: inline-block; line-height: 1; text-decoration:underline; }
.card-link:hover { text-decoration:none; }
.card-link:hover strong { color:#1DA1F2 !important; }
.card-link strong { font-weight:600; }
.sectitle { padding: 16px 20px; }

#background-tab .nav-link { width: 33.333%; }
.livepreviewsection { background-color: #fff; flex:0 0 500px; max-width:500px; width: 100%; height: 100vh; }
.livepreviewsection .sectitle { border-bottom: #EBEEF0 solid 1px; }

.colortype { position: relative; display: block; background-color: #F7F9FA; border: #d5edf9 solid 2px; border-radius: 8px; padding: 16px 14px; text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 600; cursor: pointer; }
.colortype.active { border-color: #1DA1F2; color: #1DA1F2; }

.colorpillbottom .selected-color { position: relative; display: block; width: 70px; height: 70px; border-radius: 50%; background-color: #fff; border: #AEAEAE solid 1px; }
.colorpillbottom .selected-color:last-child { margin-left: 15px; }
.colorpillbottom .selected-color-two { display: none; }

.selected-color input[type="color"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.gradient-preview { display: none; width: 220px; height: 70px; border-radius: 8px; border: #AEAEAE solid 1px; padding: 4px; margin-right: 15px; }
.gradient-preview .gradient-preview-inner { width: 100%; height: 100%; }
.accordion-button { color: #000; border-bottom: 1px solid transparent; transition: 0.2s all ease; }
.accordion-button, .accordion-button:not(.collapsed) { background: transparent;  }
.accordion-button:not(.collapsed) { color: #1DA1F2; border-bottom-color:rgba(0,0,0,.125); }
.accordion-button:focus { box-shadow: none; border-bottom-color: rgba(0,0,0,.125); }

.images-wrapper, .video-wrapper { display: flex; flex-wrap:  wrap; margin-top: 20px; }
.images-wrapper .img, .images-wrapper .imguploaded, .video-wrapper .videouploaded, .video-wrapper .viduploaded { flex-basis: 32%; margin-bottom: 10px; border-radius: 4px; }
.images-wrapper .img, .viduploaded { width: 32%; height: 100px; background-size: contain; margin-right: 10px; background-position: center; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; background-repeat: no-repeat; border: #ddd solid 1px; border-radius: 8px; overflow: hidden; }
.images-wrapper .img:nth-child(3n), .video-wrapper .viduploaded:nth-child(3n) { margin-right: 0; }
.images-wrapper .img span, .video-wrapper .viduploaded span { display: none; text-transform: capitalize; z-index: 2; }
.images-wrapper .img:after, .video-wrapper .viduploaded:after { content: ''; width: 100%; height: 100%; transition: opacity .1s ease-in; border-radius: 4px; opacity: 0; position: absolute; }
.images-wrapper .img:hover:after, .video-wrapper .viduploaded:hover:after { display: block; background-color: #000; opacity: .5; }
.images-wrapper .img:hover span, .video-wrapper .viduploaded:hover span { display: block; color: #fff; }
.images-wrapper .imguploaded, .video-wrapper .videouploaded { background-color: #F5F7FA; align-self: center; text-align: center; padding: 40px 0; text-transform: uppercase; color: #000; font-weight: 600; cursor: pointer; }

/*------------ Front Page CSS ----------------------*/
.covervideowrapper { background: #000; }
.covervideowrapper video { height: 410px; display: table; margin: 0 auto; }
.bannerCamera{position: absolute;right: 20px;bottom: 20px;}
.chooseBanner.uploadedImage .form-control{height: 46px;width: 46px;right: 20px;bottom: 20px;top: initial;left: initial;border-radius: 50px;}
.chooseBanner{position: relative;}
.bannerImg{height: 300px;}
.chooseBanner .form-control{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;z-index: 999;opacity: 0;height: 300px;cursor: pointer;}


/* ========================= */
/* CHANNEL INFO */
/* ========================= */
.channelInfo{padding:28px 0;/*background:#F8F8F7;*/ }

.channelInfo.dark *{color:#fff!important;}
.channelInfo.dark .likeFollow p span{background-color:#fff;}
.channelInfo.dark .aboutInfo img{mix-blend-mode:difference;}

.channelInfo .profile{padding:0;}

/* AVATAR FIX – REAL CIRCLE */
.channelInfo .profileImage {
    position: relative;width: 160px;height: 160px;min-width: 160px;min-height: 160px;
    aspect-ratio: 1/1;flex: 0 0 160px;border-radius: 50%;overflow: visible; 
}
/*.channelInfo .profileImage:before{display:none;}
.channelInfo .profileImage.is-owner::before{content: '';background:#1DA1F2 url(../images/camera.svg) 0 0 / cover; border: #fff solid 2px; position: absolute;width: 38px;height: 38px;right: 0;bottom: 0;margin: auto; border-radius: 50%;display:block; }
*/

.channelInfo .profileImage .camera-trigger {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #1DA1F2;
    background-image: url(../images/camera.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}
.userprofile .channelInfo .profileImage:before{display:none;}

.channelInfo .profileImage .form-control{opacity:0;position:absolute;inset:0;width:100%;height:100%;border-radius:50%;}

/* NAME */
/* .channelInfo .aboutInfo h2{font-size:28px;} */
.channelInfo .aboutInfo h2{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;font-size:34px;font-weight:700;letter-spacing:-0.015em;line-height:1.15;color:#0E0F12;}
.channelInfo .aboutInfo img{width:20px;margin-top:2px;}

/* FOLLOWERS */
/* .channelInfo .likeFollow p{color:#1DA1F2;} */
.channelInfo .likeFollow p{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;color:#1DA1F2;}
.channelInfo .likeFollow p span{display:inline-block;width:5px;height:5px;background:#1DA1F2;margin:0 6px;border-radius:50%;}
.channelInfo .btn.btn-primary:hover{color:#1DA1F2;}

/* CATEGORIES */
/* .channelInfo .likeFollow.likeFollow-category p{color:#002D56;} */
.channelInfo .likeFollow.likeFollow-category p{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#002D56;}

/* BIO */
/* .introtext{max-width:500px;} */
.introtext{max-width:500px;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.7;color:#5E6073;}

.channelInfo .profileImage.noImage{position:relative;background:#fff!important;border:#00ADEF solid 2px;}
.channelInfo .profileImage.noImage .profilenametext{position:absolute;top:50%;left:0;right:0;text-align:center;color:#002D56!important;font-size:40px;font-weight:700;transform:translateY(-50%);}



/* CONTAINER */
.statsBox { padding: 15px 5px 0px 5px; }

/* ===== SUMMARY ===== */
.statsSummary {width: 100%;border: none;background: transparent;cursor: pointer;overflow: hidden;}
.summaryCols {float: left;}
.statCol {float: left;margin-right: 65px;}
.statCol strong {font-size: 22px;font-weight: 700;}
.statCol small {display: block;font-size: 13px;opacity: 0.9;}

/* ARROW */
.statsSummary .arrow {
    float: right;width: 26px;height: 26px;top:14px;border-radius: 50%;
    background: rgba(29,161,242,0.8);position: relative;
}
@media (min-width: 0px) and (max-width: 330px) {
    .statsSummary .arrow {position: absolute; }
}
.arrow::before {
    content: '';position: absolute;top: 50%;left: 50%;width: 7px;height: 7px;
    border-right: 2px solid #fff;border-bottom: 2px solid #fff;
    transform: translate(-50%, -60%) rotate(45deg);
    transition: transform 0.2s ease;
}

.statsBox.open .arrow::before {transform: translate(-50%, -40%) rotate(-135deg);}

/* ===== DETAILS ===== */
.statsDetails {max-height: 0;overflow: hidden;transition: max-height 0.25s ease;margin-top: 10px;}
.statsBox.open .statsDetails {max-height: 600px;}

/* HEADER & ROW */
.statsHeader, .statsRow {overflow: hidden;padding: 8px 0;}
.statsHeader {font-size: 14px;font-weight:500;opacity: 0.9;}

/* COLUMNS */
.col-item {float: left;width: 40%;}

.col-num {
    float: right;
    width: 18%;
    text-align: right;
    margin-left: 6px;
}

.statsRow {
    border-top: 1px solid rgba(0,0,0,0.08);
}

/* ITEM LINK */
.networkLink {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    text-decoration: none;
    font-weight: 500;
}

.networkLink::-webkit-scrollbar {
    height: 3px;
}

.networkLink::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
}

.username {
    margin-right: 4px;
}

.externalIcon {
    font-size: 13px;
    color: rgba(29,161,242,0.8);
    margin-left: 2px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
    .statCol { margin-right: 50px; }
    .statCol strong { font-size: 20px; }
}

@media (max-width: 991px) {
    .statsBox { padding: 8px 4px -5px 4px; }
    .statCol { margin-right: 50px; }
    .col-num { margin-left:4px; }
    .statCol strong { font-size: 20px; }
}

@media (max-width: 776px) {
    .statCol { margin-right: 20px; }
    .col-num { margin-left:3px; }
}

@media (max-width: 576px) {
    .statsBox { padding: 5px 1px 0px 1px; }
    .statCol { margin-right: 12px; }
    .statCol strong { font-size: 20px; }
    .col-item { width: 30%; }
    .col-num { width: 20%; font-size: 13px; margin-left:1px; }
    .networkLink { font-size: 13px; }
    .username { margin-right: 1px;}
    .externalIcon {display:none;}
}

@media (max-width: 400px) {
    .statsBox { padding: 1px 1px -7px 1px; }
    .statCol { margin-right: 3px; }
    .statCol strong { font-size: 18px; }
    .col-item { width: 20%; }
    .col-num { width: 25%; margin-left:1px; }
    .username { margin-right: 0px;}
    .externalIcon {display:none;}
}

/* ===== NETWORK COLORS (TOP 10) ===== */
.network.youtube   { color: #FF0000; }
.network.instagram { color: #E1306C; }
.network.tiktok    { color: #000000; }
.network.x         { color: #1DA1F2; }
.network.facebook  { color: #1877F2; }
.network.snapchat  { color: #FFFC00; }
.network.twitch    { color: #9146FF; }
.network.linkedin  { color: #0A66C2; }
.network.pinterest { color: #BD081C; }
.network.telegram  { color: #0088CC; }

/* ========================= */
/* GLOBAL TYPO */
/* ========================= */

html,body{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;}

/* body{background-color:#F7F9FA;font:15px/1.45 'Segoe UI',Arial,Helvetica,sans-serif!important;color:#505061;overflow-x:hidden;} */
body{background-color:#F7F9FA;font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:15px;line-height:1.55;color:#505061;overflow-x:hidden;}


.headerbottom.nocolor { background-color: transparent; }
.topmenuslider .menutop { background-color: #fff; }

.ratingStar{border-radius: 5px;background: #DCDCE6;display: inline-flex;margin-right: 10px;}
.ratingStar img {border-right: 1px solid #fff;padding: 2px;width: 24px!important;}
.ratingStar img:first-child{border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
.ratingStar img:last-child{border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
.ratingReview p{font-size: 14px;margin-bottom: 0;color: #1DA1F2;}
.ratingReview p span{background: #1DA1F2;width: 5px;height: 5px;margin: 0 5px;display: inline-block;border-radius: 50px;}
.ratingReview{display: flex;align-items: center;}

.gubergren{background: #00B67A;}
.lightgreen{background: #73CF11;}
.orangelight{background: #FF8622;}
.yellowlight{background: #FFCE00;}
.redlight{background: #FF3722;}

.half-stars{position: relative;}
.ratingStar .half-stars img:last-child{border-radius: 0;}
.half-stars:before {position: absolute;content: '';top: 0;left: 0;width: 50%;height: 100%;}
.half-stars.halfstargubergren:before {background: #00B67A;}
.half-stars.halfstarlightgreen:before {background: #73CF11;}
.half-stars.halfstarorangelight:before {background: #FF8622;}
.half-stars.halfstaryellowlight:before {background: #FFCE00;}
.half-stars.halfstarredlight:before {background: #FF3722;}

.card-compact { max-width: 680px; width: 100%; margin: 0 auto 25px; padding: 0; overflow: hidden; }
.container-fluid .topmenuslider  { overflow: hidden; }
.card { border-color: #1DA1F2; }
.titleCommon{font-size: 24px;color: #002D56;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #1DA1F2;padding: 16px 20px;margin-bottom: 20px;}
.titleCommon h2{font-size: 20px;margin-bottom: 0; color: #002D56; font-weight: 600;}
.titleCommon a{font-size: 16px;text-decoration: underline; color: #1DA1F2; text-transform: uppercase; font-weight: 500;}
.card-body { padding: 16px 20px; }

.linktree li { margin-bottom: 15px; }
.linktree li:last-child { margin-bottom: 0; }
.linktree li a { display: block; text-align: center; border: #1DA1F2 solid 1px; color: #1DA1F2; text-transform: uppercase; font-weight: 600; border-radius: 50px; padding: 16px 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.linktree li a:hover { background-color: #d7eefd;  }

.linktree li a img { float: left; position: relative; top: -8px; border-radius: 50%; width: 40px; margin-left: -10px; }

.donortextbox {
    max-height: 150px;
    width: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 21px;
    border: #4F5368 solid 1px;
    border-radius: 10px;
    padding: 6px 24px;
    font-weight: 400;
    color: #4F5368;
}
.donortextbox * {font-size: 21px !important;}
.formgroup textarea { height: 180px; }
.donatebodybottom .donatebodytop { margin:0 -10px; }
.donatebodybottom .donatebodytop li { flex:0 0 33.333%; max-width:33.333%; padding:0 10px; margin-bottom: 20px; }
.cstradio-donate label { position:relative; background:#F7F9FA; border:#DADCE0 solid 2px; border-radius:8px; width:100%; padding:20px 10px 24px; }
.cstradio-donate.active label { border-color: #1DA1F2; }

.input-group { position: relative; }
.input-group .input-group-text { position: absolute; top: 50%; left: 20px; font-size: 28px; font-weight: 600; color: #1DA1F2; background-color: transparent; border: 0; transform: translateY(-50%); }
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-radius: 10px }
.input-group-wrapper input[type="text"] { padding-left: 70px; }

.paymentmethodlisting li { position: relative; background: #F7F9FA; border: #DADCE0 solid 2px; border-radius: 8px; width: 100%; padding: 12px; margin-bottom: 20px; cursor: pointer; }
.paymentmethodlisting li:last-child { margin-bottom: 0; }
.paymentmethodlisting li {  font-size: 18px; font-weight: 600; color: #012240; max-width: 100%; text-align: center; }
.paymentmethodlisting li .paymentmethodlogo { max-width: 70px; }

.settinglisting li strong { font-size: 24px; }

#becomeogatab .nav-tabs { margin-bottom: 0; }
.donationcardwrapper { background-color: #fff; border: 0; padding: 0 20px; }
.donationcardwrapper h4 { font-size: 24px; }
.donationcardwrapper > span, .donationcardwrapper > strong { display: block; }


.card.card-compact .card-body { padding: 0; }
.card-body .donationprice { font-size: 44px; font-weight: bold; color: #1DA1F2; }
.card-body .donationprice sup { position: relative; top: -10px; left: 3px; display: inline-block; color: #000; }
.yearlybillingprice  { color: #1DA1F2; font-weight: 600; }
.donationcardwrapper p { position: relative; height: 150px; cursor: pointer; text-align: justify; overflow: hidden; }
.donationcardwrapper p:before { content: ''; position: absolute; background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%); width: 100%; height: 80px; bottom: 0px; left: 0px; right: 0; }
.donationcardwrapper p:after { content: 'Show More'; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; text-align: center; }
.donationcardwrapper p.showfull { overflow: initial; height: auto; }
.donationcardwrapper p.showfull:before, .donationcardwrapper p.showfull:after { display: none; }

.slick-slider { margin-bottom: 0; }
.card-body .slick-slider .prevarrow { left: 15px; }
.card-body .slick-slider .nextarrow { right: 15px; }

.cardsliderwrapper { position: relative; }
.cardslider { position: relative; }
.cardslider .topmenusliderarrow { background-color: transparent; }
.cardslider:not(.slick-initialized) {display: flex;overflow: hidden;visibility: hidden; }
.cardslider:not(.slick-initialized) .item {flex: 0 0 100%;}

.topmenusliderarrow:after { background-color: #1DA1F2; }
.slide-count-wrap { background:#1C1C1C; border-radius:50px; font-size:14px; color:#fff; font-weight:bold; position:absolute; top:8px; right:8px; z-index:2; padding:4px 8px; }
.slide-count-wrap span { display: block; font-size:16px; color:#fff; font-weight:bold; }

.padding-content { padding: 20px; }

.eventsslider .bgimg { position: relative; width: 100%; background-position: center; background-size: cover; height: 243px; }
.eventinfo li { position:relative; padding:0 0 0 24px;  }
.eventinfo li:before { content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.eventinfo li:after { content:''; display:inline-block; vertical-align:middle; background:#BDBDBD; width:1px; height:19px; margin:0 25px; }
.eventinfo li:last-child:after { display:none; }
.eventinfo li.joined:before { background:url(../images/profilejoinedicon.svg) no-repeat 0 0; width:14px; height:14px; top:calc(50% + 1px); }
.eventinfo li.website:before { background:url(../images/profilewebicon.svg) no-repeat 0 0; width:13px; height:11px; }
.eventinfo li.location:before { background:url(../images/profilelocationicon.svg) no-repeat 0 0 / cover; width: 16px; height: 22px; }
.eventinfo li a, .eventinfo li span { font-weight:600; color:#002D56; display:inline-block; line-height:1; }
.eventsliderdetail .like { position: absolute; top: calc(100% - 29px); right: 60px; background: #fff; border: #ddd solid 2px; height: 55px; width: 55px; border-radius: 50%; padding: 4px 7px 7px 8px; }

#becomeogatab-content #monthly .slide-count-wrap { top: 0; }

.scheduleicon { position: relative; display: block; padding-left: 34px; }
.scheduleicon:before { content: ''; position: absolute; top: 3px; left: 0; background: url(../images/calendar.svg) no-repeat 0 0 / cover; width: 24px; height: 24px; }

.serviceimgslider.slick-slider { margin-bottom: 0; }
.serviceimgslider .item figure { width: 100%; height: 250px; margin-bottom: 0; }
.infomessage { background-color: #d7eefd; border-left: #1DA1F2 solid 2px; }

.xdsoft_datetimepicker { font-family: 'Segoe UI', Arial, Helvetica, sans-serif !important; display: flex; align-items: flex-start; width: 100%; padding: 8px; border: #4F5368 solid 1px; border-radius: 10px; margin-bottom: 15px; }
.xdsoft_datetimepicker .xdsoft_datepicker.active { max-width: 70%; flex:0 0 70%; width: 100%; margin: 0; padding-right: 20px; }
.xdsoft_datetimepicker .xdsoft_timepicker.active { max-width: 30%; flex:0 0 30%; width: 100%; margin: 0; }
.xdsoft_monthpicker { display: flex; align-items: center; justify-content: space-around; }
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { float: none; }
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div { font-size: 14px; height: 40px; font-weight: 600; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div { line-height: 42px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 217px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { margin: 0 auto 7px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { margin: 8px auto 0; }

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover { background-color: #002D56 !important; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { background-color: #1DA1F2 !important; }
.xdsoft_datetimepicker .xdsoft_label { font-size: 16px; }
.xdsoft_datetimepicker .xdsoft_year { width: 53px; }


.storesliderwrapper .item a { display: block; }
/*.storesliderwrapper .item figure { 
    position: relative; background-position: 0 0; background-size: cover; width: 100%; 
    background-position: center top;margin-bottom: 0;*//*height: auto; padding-top: 20px; */ 
/*}*/
.storesliderwrapper .item figure {position: relative;width: 100%;margin-bottom: 0;}
.storesliderwrapper .item figure img {display: block;width: 100%;height: auto;}

/*.storesliderwrapper .item figure figcaption { background-color: rgba(0,0,0,0.8); color: #fff; font-size: 16px; font-weight: 500; position: absolute; bottom: 78px; padding: 20px; text-align: center; width: calc(100% - 40px); left: 0; right: 0; margin: 0 auto; border-radius: 12px; border: rgba(255, 255, 255, 0.2) solid 1px; opacity: 0; transition: 0.28s all ease-in; }*/
.storesliderwrapper .item figure figcaption {
    background-color: rgba(0,0,0,0.8);color: #fff;font-size: 16px;font-weight: 500;
    position: absolute;bottom: 70px;padding: 20px;text-align: center;
    width: calc(100% - 40px);left: 0;right: 0;margin: 0 auto;
    border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.2);
    /* visibilité + animation */
    opacity: 0.85;transform: translateY(4px);
    transition: opacity 0.28s ease-in, transform 0.28s ease-in;
}
.storesliderwrapper .item a:hover figcaption { opacity: 1;transform: translateY(0); }
@media (hover: none), (max-width: 767px) {
    .storesliderwrapper .item figure figcaption {opacity: 1;transform: none;}
}
.productname { position: absolute; bottom: 0; left: 0; right: 0; font-size: 18px; color: #fff; text-align: center; background-color: #1DA1F2; padding: 16px 12px; }
.storesliderwrapper .item a:hover .productname { background-color: #e21a2d; }
/*.storesliderwrapper .price, .storesliderwrapper .instock { 
    display: table; font-size: 18px; color: #fff; font-weight: 600; 
    background-color: #1DA1F2; padding: 8px 40px 8px 8px; 
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0 0); 
}*/
.storesliderwrapper .price, .storesliderwrapper .instock {
    position: absolute;top: 12px;left: 12px;display: inline-block;
    font-size: 18px;color: #fff;font-weight: 600;
    background-color: #1DA1F2;padding: 8px 40px 8px 8px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0 0);z-index: 3;
}
.storesliderwrapper .instock {top: 70px; }
.storesliderwrapper .price { margin-bottom: 20px; }
.card .card-body .storesliderwrapper .cmbutton span { color: #fff !important; }
.card .card-body .storesliderwrapper .viewallstorebtn svg path { fill: #fff !important; }
.card .card-body .storesliderwrapper .cmbutton:hover span { color: #1DA1F2 !important; }
.card .card-body .storesliderwrapper .cmbutton:hover svg path { fill: #1DA1F2 !important; }

.custom-selects { position: relative; border: #2E4369 solid 2px; border-radius: 50px; }
.qrcodeviewwrapper, .qrpreview { background-color: #012240; max-width: 320px; width: 100%; margin: 0 auto; padding: 20px 20px 0; border-radius: 16px; }
.qrcodeviewwrapper figure, .qrpreview figure { width: 100%; background-color: #fff; padding: 0; border-radius: 10px; overflow: hidden; }
.qrcodeviewwrapper figure img, .qrpreview figure img { max-width: 100%; width: 100%; height: auto; }
.qrcodeviewwrapper strong, .qrpreview strong { font-size: 20px; color: #fff; padding: 20px 0; }


.qrpreviewwrapper { padding-top: 30px; }
.qrpreview { max-width: calc(100% - 60px); }
.qrpreview-content { padding: 20px 30px; }

.customuploadtext { position: relative; padding: 10px 0; }
.customuploadtext input { padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }
.customuploadtext span { position: relative;z-index: -1; }

.radiostyle { background-color: #fff; border-radius: 6px; border: #1DA1F2 solid 1px; padding: 12px 20px; cursor: pointer; }
.bg-primary { background: #1DA1F2 !important; }
.fileuploaddefault { position: relative; background-color: #fff; width: 100%; border: #4F5368 solid 1px; border-radius: 10px; padding: 6px 74px 6px 24px; height: 68px; font-size: 18px; font-weight: 400; color: #4F5368; }
.fileuploaddefault input[type="file"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 1; }
.filenamebtn { background: #ddd; display: inline-block; position: absolute; top: 0; left: 0; padding: 20px 30px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
.fileuploaddefault .filename { font-size: 18px; color: #000; position: absolute; top: 50%; transform: translateY(-50%); left: 170px; font-style: normal; }
.fileuploaddefault .deletefile { display: none; position: absolute; top: 0; right: 0; width: 68px; height: 68px; padding: 12px 8px; z-index: 2; }

.qrdesigntabwrapper { background-color: #ebebeb; border: #e9f2f8 solid 1px; width: 100%; }
.qrdesigntabwrapper > .nav-pills { flex:0 0 180px; max-width: 180px; width: 100%; }


.qrdesigntabwrapper > .tab-content { background-color: #fff; flex:0 0 calc(100% - 180px); max-width: calc(100% - 180px); width: 100%; }
.qrdesigntabwrapper > .nav-pills .nav-link { font-size: 16px; font-weight: 600; color: #000; border-radius: 0; text-transform: uppercase; text-align: left; padding: 18px 20px; }
#adminnavpills .qrdesigntabwrapper > .nav-pills .nav-link.active, .qrdesigntabwrapper > .nav-pills .nav-link.active, .qrdesigntabwrapper > .nav-pills .show>.nav-link { background-color: #fff; color: #1DA1F2 !important; }
.qrtemplates * { max-width: 20%; flex:0 0 20%; width: 100%; }
.qrtemplates .removeqrstyle { display: flex; align-items: center; height: 184px; }
.qrtemplates .removeqrstyle, .qrtemplates figure { border: #EBEEF0 solid 1px; cursor: pointer; }
.qrtemplates figure img { max-width: 100%; width: 100%; height: auto; padding: 10px; }
.removeqrimg { display: block; width: 40px; height: 38px; background-color: #00ADEF; border-radius: 50%; margin: 0 auto; }
.removeqrimg img { max-width: 100%; width: 100%; height: auto; padding: 12px 10px; }

#adminnavpills.qrmainmenupills .nav-link { position: relative; padding-left: 60px; }
#adminnavpills.qrmainmenupills .nav-link:before { content: ''; position: absolute; top: 50%; left: 20px; background-position: 0 0; background-repeat: no-repeat; background-size: cover; width: 22px; height: 23px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: 0.26s all ease-in; }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-link"]:before { background-image: url(../images/qrmenuicon01.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-image"]:before { background-image: url(../images/qrmenuicon02.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-pdf"]:before { background-image: url(../images/qrmenuicon03.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-wifi"]:before { background-image: url(../images/qrmenuicon04.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-appstores"]:before { background-image: url(../images/qrmenuicon05.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-text"]:before { background-image: url(../images/qrmenuicon06.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-sms"]:before { background-image: url(../images/qrmenuicon07.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-email"]:before { background-image: url(../images/qrmenuicon08.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-paypal"]:before { background-image: url(../images/qrmenuicon09.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-phone"]:before { background-image: url(../images/qrmenuicon10.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-event"]:before { background-image: url(../images/qrmenuicon11.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-bitcoin"]:before { background-image: url(../images/qrmenuicon12.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-skype"]:before { background-image: url(../images/qrmenuicon13.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-whatsapp"]:before { background-image: url(../images/qrmenuicon14.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-vcard"]:before { background-image: url(../images/qrmenuicon15.svg); }
#adminnavpills.qrmainmenupills .nav-link[aria-controls="v-pills-zoom"]:before { background-image: url(../images/qrmenuicon16.svg); }

#adminnavpills.qrmainmenupills .nav-link.active:before { background-position: 0 -23px; }

#qrpreviewcanvas svg { display: block; margin: 0 auto; }



.qrdesigntabwrapper > .nav-pills .nav-link { position: relative; padding-left: 60px; }
.qrdesigntabwrapper > .nav-pills .nav-link:before { content: ''; position: absolute; top: 50%; left: 20px; background-position: 0 0; background-repeat: no-repeat; background-size: cover; width: 22px; height: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: 0.26s all ease-in; }
.qrdesigntabwrapper > .nav-pills .nav-link[aria-controls="v-pills-templates"]:before { background-image: url(../images/qrdesigntabmenu01.svg); }
.qrdesigntabwrapper > .nav-pills .nav-link[aria-controls="v-pills-pattern"]:before { background-image: url(../images/qrdesigntabmenu02.svg); }
.qrdesigntabwrapper > .nav-pills .nav-link[aria-controls="v-pills-eye-style-01"]:before { background-image: url(../images/qrdesigntabmenu03.svg); }
.qrdesigntabwrapper > .nav-pills .nav-link[aria-controls="v-pills-eye-style-02"]:before { background-image: url(../images/qrdesigntabmenu03.svg); }
.qrdesigntabwrapper > .nav-pills .nav-link[aria-controls="v-pills-frame"]:before { background-image: url(../images/qrdesigntabmenu04.svg); }
.qrdesigntabwrapper > .nav-pills .nav-link.active:before { background-position: 0 -22px; }

.patterntemplates .qrstyleblock { max-width: 20%; flex:0 0 20%; width: 100%; border: #EBEEF0 solid 1px; cursor: pointer; }
.patterntemplates figure img { max-width: 100%; width: 100%; height: auto; padding: 40px; }

.qrpatterncolorblock .qrgradientcolorstyle  { display: none; }
#v-pills-pattern .qrgradientcolorstyle  { display: none; }

.patterntemplates .removeqrimg { width: 37px; height: 38px; }
.patterntemplates .removeqrimg img { padding: 10px; }

.accordion-button:focus, .accordion-button:not(.collapsed) { box-shadow: none; }

.popularfontslisting { margin: 0 -10px; }
.popularfontslisting li { flex:0 0 33.333%; max-width: 33.333%; width: 100%; padding: 0 10px; margin-top: 20px; }


.chooseforminputstyle { margin: 0 -10px; }
.chooseforminputstyle li { flex:0 0 25%; max-width: 25%; width: 100%; padding: 0 10px; margin-top: 20px; text-align: center; cursor: pointer; }
.chooseforminputstyle li .cstradio-donate strong { display: block; text-align: center; text-transform: uppercase; margin-top: 5px; }
.chooseforminputstyle li .cstradio-donate.active strong { color: #1DA1F2; }
.chooseforminputstyle li .inputstyleindicator { display: block; background-color: #002D56; width: 100%; height: 40px; opacity: 0.1;  cursor: pointer;  }
.chooseforminputstyle li .inputstyleindicator.round { border-radius: 50px; }
.chooseforminputstyle li .inputstyleindicator.custom { border-radius: 10px; }
.chooseforminputstyle li .inputstyleindicator.fullwidth { position: relative; min-height: 84px; background: url(../images/gridsystem.png) no-repeat 0 0 / cover; width: 100%;     border-radius: 6px; opacity: 1 !important; }
.chooseforminputstyle li .cstradio-donate.active .inputstyleindicator { opacity: 0.25; }

.rangesliderwrap .noUi-target { width: 80%; margin-top: -11px; }
.noUi-horizontal { background-color: #d2edff; height: 8px; border: 0; box-shadow: none; }
.noUi-connect { background-color: #1DA1F2; }
.noUi-handle { background-color: #fff; border: #1DA1F2 solid 4px; border-radius: 50%; cursor: pointer; transform: scale(1); transition: 0.24s all ease-in; }
.noUi-handle.noUi-active { transform: scale(1.15); }
.noUi-horizontal .noUi-handle { top: -11px; width: 28px; height: 28px; }
.noUi-handle:before, .noUi-handle:after { display: none; }

.input-group-wrap { position: relative; width: 180px; }
.input-group-wrap span { position: absolute; top: 7px; right: 7px; background-color: #e1e1e1; color: #000; width: 40px; height: calc(100% - 14px); padding: 6px 0; border-radius: 4px; text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 600; }
.input-group-wrap .form-control { padding-right: 52px; }
.form-control:disabled, .form-control[readonly] { background-color: #f9f9f9; }

.blockshadowdirection { margin: 0 -10px; }
.blockshadowdirection li { flex:0 0 25%; max-width: 25%; width: 100%; padding: 0 10px; margin-top: 20px; text-align: center; cursor: pointer; }

.frontpage .container { max-width: 680px; width: 100%; }

#formtextandcolorstyletabContent .rangesliderwrapper { display: none; }

.ogabutton strong, .ogabutton span { display: block; color: #fff; }
.ogabutton strong { text-align: left; white-space: nowrap; flex: 0 0 64%; max-width: 64%; text-overflow: ellipsis; overflow: hidden; }
.cmbutton.ogabutton:hover strong, .cmbutton.ogabutton:hover span { color: #1DA1F2; }

.honormyogablock h5 { margin: 0 -20px 19px; border-bottom: #e5e5e5 solid 1px; padding: 0 20px 18px; color: #4F5368; }
.honormyogablock .cardsliderwrapper { margin-top: 20px; }
.honormyogablock .cardsliderwrapper .item > a { display: block; border-radius: 10px; overflow: hidden; }
.videopreviewwrapper { position: relative; }
.videopreviewwrapper video { width: 100%; }
.honormyogablock + .honormyogablock { padding-top: 20px; border-top: #1DA1F2 solid 1px; }
.honormyogablock .ogabutton { margin-bottom: 10px; }
.honormyogablock .ogabutton:last-child { margin-bottom: 0; }