@charset "utf-8";
/* CSS Document */

img[src=""], img[src="undefined"] {
    content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter:alpha(opacity=50); /* IE 5-7 */
    -moz-opacity:0; /* Netscape */
    -khtml-opacity:0; /* Safari 1.x */
    opacity:0;/* Good browsers */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: '';content: none;}
table {border-collapse: collapse; border-spacing: 0;}
*{outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
a{ text-decoration:none;cursor:pointer;}
button{cursor:pointer;}
.clear{ clear:both}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong { margin:0 }
i, em { font-style:italic; }
.left { float:left;}
.right {float:right;}
.alignleft{ text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.clear {clear:both;}
.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
textarea{overflow:auto; }
a:hover, a:focus, a:visited { text-decoration: none;}

/* @font-face {

  src: url('../fonts/Source Sans Pro.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source Sans Pro.otf')  format('opentype'),
   url('../fonts/Source Sans Pro.woff') format('woff'),
   url('../fonts/Source Sans Pro.ttf')  format('truetype'),
   url('../fonts/Source Sans Pro.svg#Source Sans Pro') format('svg');

  font-style: normal;
}

@font-face {

  src: url('../fonts/Source Sans Pro.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source Sans Pro.otf')  format('opentype'),
   url('../fonts/Source Sans Pro.woff') format('woff'),
   url('../fonts/Source Sans Pro.ttf')  format('truetype'),
   url('../fonts/Source Sans Pro.svg#Source Sans Pro') format('svg');

  font-style: normal;
}

@font-face {

  src: url('SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/SourceSansPro-Light.otf')  format('opentype'),
 url('../fonts/SourceSansPro-Light.woff') format('woff'),
 url('../fonts/SourceSansPro-Light.ttf')  format('truetype'),
 url('../fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');

  font-style: normal;
}

@font-face {

  src: url('../fonts/SourceSansPro-It.eot?#iefix') format('embedded-opentype'),
  url('../fonts/SourceSansPro-It.otf')  format('opentype'),
 url('../fonts/SourceSansPro-It.woff') format('woff'),
 url('../fonts/SourceSansPro-It.ttf')  format('truetype'),
 url('../fonts/SourceSansPro-It.svg#SourceSansPro-It') format('svg');

  font-style: normal;
}

@font-face {

  src: url('../fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
  url('../fonts/SourceSansPro-ExtraLight.otf')  format('opentype'),
       url('../fonts/SourceSansPro-ExtraLight.woff') format('woff'),
       url('../fonts/SourceSansPro-ExtraLight.ttf')  format('truetype'),
       url('../fonts/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg');

  font-style: normal;
}


@font-face {

  src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/SourceSansPro-Bold.otf')  format('opentype'),
       url('../fonts/SourceSansPro-Bold.woff') format('woff'),
       url('../fonts/SourceSansPro-Bold.ttf')  format('truetype'),
       url('../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');

  font-style: normal;
}

@font-face {

  src: url('../fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
  url('../fonts/SourceSansPro-Black.otf')  format('opentype'),
       url('../fonts/SourceSansPro-Black.woff') format('woff'),
       url('../fonts/SourceSansPro-Black.ttf')  format('truetype'),
       url('../fonts/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg');

  font-style: normal;
} */
a:hover, a, a:visited { text-decoration: none; }

body,html{margin:0; padding:0; color:#333; background:#F5F5F7;
  /* font-family: 'Open Sans', sans-serif, 'tahoma' !important;   */
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px;
  height: 100%; word-wrap: break-word;}

.mainbg { float: left; width: 100%; background: url(../images/img_mobilescreen.png) no-repeat center center; height: 100%; overflow: hidden; background-size: 400px; }
.wraper {margin: auto;height: 645px;position: absolute;width: 365px;top: 0;bottom: 0;left: 0;right: 0; background:#F5F5F7; }
.maincontent { float: left; width: 104%; position: relative; height: 100%; background: #fff; overflow: hidden;margin-left: -2% !important;  padding-bottom: 120px; }

/* Header */
.header { position: fixed; z-index: 9999999; text-align: center;  /*text-align: left;*/width: 100%;background: #293E6A;/* float: left; */display: block;height: 36px; /* padding: 15px 10px; *//* position: absolute; */z-index: 999;}
.searchicon { float: left; width: 10%; }
.searchicon a { display: block; color: #fff; background: url(../images/ico_search.png) no-repeat center center; background-size: 24px; height: 30px; }
.header_title {vertical-align: middle;display: inline-block;    height: 24px;line-height: 24px;vertical-align: middle;/* float: left; */width: 80%;text-align: center;/* width: 90%; */}
.header_title h3 {color: #fff;font-size: 17px;line-height: 17px;}
.burgerMenu {  float: right;  width: 10%;/* margin-top: 5px; */}
.burgerMenu a {display: inline-block;/* float: right; *//* text-align: right; */width: 34px;/* height: 24px; *//* line-height: 25px; */     height: 25px;
    /*padding-left: 5px;*/
    vertical-align: middle;}
.burgerMenu a samp{ display: block; height: 1px; background: #fff; margin-bottom: 7px; width: 100%; float: right; }
.burgerMenu a samp:nth-child(2) {width: 80%;}
.back {display: inline-block;/* float: left;float: none !important; */width: 10%;vertical-align: middle;}
@keyframes slideMenu_overlay_ef {
    from {left:-300px;}
    to {left:0;}
}
.slideMenu_overlay {position: absolute;width: 0;height: 100%;background: rgba(0,0,0,0.6);z-index: 99999999999;right: 0;top: 0;/* transition: all ease 0.7s;   -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;*/}
.menuInner {animation: slideMenu_overlay_ef ease 0.7s;/* transition: all ease 0.7s; *//* -webkit-transition: all ease 0.7s; */background: #07466B;width: 60%;height: 100%;overflow-x: hidden;/* float: right; */padding: 30px 20px;position: absolute;z-index: 9999999999;display: none;/* right: 0; */right: auto;left: -300px;}
.menuInner .member_dtl { width: 100%;     height: 80px; /*float: left;  padding: 0px 0 20px 0;margin-top: -10px;
  top: 36px;
position: absolute; */}
.menuInner .member_dtl figure { float: left; width: 35%; }
.menuInner .member_dtl figure img { width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;  }
.menuInner .member_dtl .txtb { float: left; width: 65%; /*padding: 0 0 0 10px;*/ }
.menuInner .member_dtl .txtb h4 { float: left; width: 100%; }
.menuInner .member_dtl .txtb h4 a { color: #fff;   font-size: 19px; }
.menuInner .member_dtl .txtb p{ text-transform: uppercase; font-size: 13px; text-transform: uppercase; padding-bottom: 2px; color: #fff; letter-spacing: 0.7px; float: left; width: 100%; }
.menuInner .member_dtl .txtb span { display: inline-block; color: #fff; background: #17C888; border-radius: 5px; padding: 0 10px;  line-height: 28px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.7px  }
.menulist { float: left; width: 100%;/* padding: 65px 10px;*/ position: absolute; overflow-x: hidden;}
.menulist ul { float: left; width: 100%; }
.menulist li { float: left; width: 100%; padding: 0 0 20px 0; }
.menulist li a { display: block; color: white; font-size: 17px; letter-spacing: 0.8px; padding: 5px 0 5px 50px; transition: all ease 0.7s; -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -ms-transition: all ease 0.7s; }
.menulist li.kyc a { background: url(../images/ico_kyc.png) no-repeat left top; background-size: 30px; }
.menulist li.zuz a { background: url(../images/ico_zuz.png) no-repeat left top; background-size: 30px; }
/* .menulist li.wallet a { background: url(../images/ico_wallet.png) no-repeat left top; background-size: 30px; filter: grayscale(100%) brightness(54%);} */
.menulist li.setting a { background: url(../images/ico_setting.png) no-repeat left top; background-size: 30px; }
.menulist li.language a { background: url(../images/ico_language.png) no-repeat left top; background-size: 30px; }
.menulist li.getapp a { background: url(../images/getapp.png) no-repeat left top; background-size: 30px; }
.menulist li.logout a { background: url(../images/ico_logout.png) no-repeat left top; background-size: 30px; }
/* .menulist li.marketplace a { background: url(../images/marketpalace.png) no-repeat left top; background-size: 30px; } */
/* .menulist li.donate a { background: url(../images/donate.png) no-repeat left top; background-size: 30px; }
.menulist li.contactus a { background: url(../images/conatct.png) no-repeat left top; background-size: 30px; } */
.menulist li.marketplace a {
    display: flex;
    align-items: center;
    padding-left: 0;
}
.menulist li.marketplace .icon {
    background: url(../images/marketpalace.png) no-repeat;
    background-size: 30px;
    /* filter: grayscale(100%) brightness(58%); */
    width: 30px;
    height: 30px;
    margin-right: 20px;
}
body.lang_he .menulist li.marketplace a {
    padding-right: 0 !important;
    margin-left: 20px !important;
    margin-right: 0;
}
body.lang_he .menulist li.marketplace .icon {
    margin-left: 20px !important;
    margin-right: 0;
}

.menulist li.notificationmenu a {
    display: flex;
    align-items: center;
    padding-left: 0;
}
.menulist li.notificationmenu .icon {
    background: url(../images/bell.png) no-repeat;
    background-size: 30px;
    /* filter: grayscale(100%) brightness(58%); */
    width: 30px;
    height: 30px;
    margin-right: 20px;
}
body.lang_he .menulist li.notificationmenu a {
    padding-right: 0 !important;
    margin-left: 20px !important;
    margin-right: 0;
}
body.lang_he .menulist li.notificationmenu .icon {
    margin-left: 20px !important;
    margin-right: 0;
}

.menulist li.donate a {
    display: flex;
    align-items: center;
    padding-left: 0;
}
.menulist li.donate .icon {
    background: url(../images/donate.png) no-repeat;
    background-size: 30px;
    /* filter: grayscale(100%) brightness(58%); */
    width: 30px;
    height: 30px;
    margin-right: 20px;
}
body.lang_he .menulist li.donate a {
    padding-right: 0 !important;
    margin-left: 20px !important;
    margin-right: 0;
}
body.lang_he .menulist li.donate .icon {
    margin-left: 20px !important;
    margin-right: 0;
}

.menulist li.contactus a {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0 !important;
}
.menulist li.contactus .icon {
    background: url(../images/conatct.png) no-repeat;
    background-size: 30px;
    /* filter: grayscale(100%) brightness(54%); */
    width: 30px;
    height: 30px;
    margin-right: 20px;
}
body.lang_he .menulist li.contactus a {
    padding-right: 0 !important;
    margin-left: 20px !important;
    margin-right: 0;
}
body.lang_he .menulist li.contactus .icon {
    margin-left: 20px !important;
    margin-right: 0 !important;
}


.menulist li.shareicon a {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0 !important;
}
.menulist li.shareicon .icon {
    background: url(../images/shareicon.png) no-repeat;
    background-size: 30px;
    /* filter: grayscale(100%) brightness(54%); */
    width: 30px;
    height: 30px;
    margin-right: 20px;
}
body.lang_he .menulist li.shareicon a {
    padding-right: 0 !important;
    margin-left: 20px !important;
    margin-right: 0;
}
body.lang_he .menulist li.shareicon .icon {
    margin-left: 20px !important;
    margin-right: 0 !important;
}


.menulist li.wallet a {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0 !important;
}
.menulist li.wallet .icon {
    background: url(../images/zicon.png) no-repeat;
    background-size: 30px;
    /* filter: grayscale(100%) brightness(54%); */
    width: 30px;
    height: 30px;
    margin-right: 20px;
}
body.lang_he .menulist li.wallet a {
    padding-right: 0 !important;
    margin-left: 20px !important;
    margin-right: 0;
}
body.lang_he .menulist li.wallet .icon {
    margin-left: 20px !important;
    margin-right: 0 !important;
}



.menulist li a:hover { color: #fff; }
.slideMenu_overlay.open {width: 100%;}
.menuInner.open {display: block;}
body .menuInner.open {left: 0px;}
.logo_section { /*float: left;*/ width: 100%; padding: 0 0 20px 0;    height: 55px; }
.logo_section a { display: block; }
.logo_section a figure { float: left;  }
.logo_section a figure img { width: 50px; }
.logo_section a span { float: left; padding: 0 0 0 10px; text-transform: unset; font-size: 16px;   text-transform: uppercase; padding: 13px 0 0 10px; letter-spacing: 0.6px; color: #fff; }
.closemenu { position: absolute; right: 10px; top:10px; }
.closemenu img { width: 12px; }
.download_section {/* float: left; */height: 60px;line-height: 60px;width: 100%;background: #F5F5F7;z-index: 999999;padding: 10px 20px 7px 20px;/*margin-bottom: 10px;*/    animation: fadein 2s;}
.download_section figure {line-height: 35px;height: 46px;float: left;background: #293E6A;padding: 5px;border-radius: 5px;}
.download_section figure img { width: 35px; }
.download_section .txtb {line-height: 45px;float: left;padding: 5px 0 0 20px;position: relative;width: 80%;height: 45px;}
.download_section .txtb h4{text-transform: uppercase;font-size: 14px; color: #333;line-height: 14px;}
.download_section .txtb p {font-size: 14px;color: #666;line-height: 14px;}
.closedownload {display: inline-block;position: absolute;right: 10px;top: 0px;}
.closedownload img { width: 16px; }
.download_section .txtb .view { font-size: 12px; color: #293E6A; text-transform: unset; position: absolute; right: 0; bottom: 0; }

.download_section.close { display: none; }
/*.download_section + .header {top: 61px;}*/
/*.download_section + .profile-pic-container {top: 57px;}*/
.download_section.close + .header {top:0;}
/*.download_section + .header + .inner_Contet { padding-top:69px }*/
.download_section.close + .header + .inner_Contet {/* padding-top: 78px; */}
/*.download_section + .header + .leaderPage { padding-top: 45px }*/
/*.download_section.close + .header + .leaderPage {padding-top: 45px}*/
.download_section + .welcomePage {padding-top:52px;}
.download_section.close + .welcomePage {padding-top:0; position: relative;}
.profilepage .download_section + .header + .inner_Contet {  padding-top: 51px;}
.profilepage .download_section.close + .header + .inner_Contet { padding-top: 0;}
.download_section + .header + .inner_Contet + .trendingpage{margin-top: 70px !important;}
.download_section.close + .header + .inner_Contet + .trendingpage {margin-top: 29px !important;}


.signup_innerContent {
    padding:15px !important;
}
.text-center {
    text-align: center;
}
.enter_your_mobile_num { padding-top: 20px;
    font-size: 20px;
}
.enter_your_otp {
    font-size: 14px; padding-top: 20px;
}
.otp_form_container {
    padding: 10px 0 145px 0!important;
}


/* homepage */
.homepage { float: left; width: 100%; height: 100%; background: #f6f7f9;}
.header {width: 100%;padding: 1% 5%;position: relative;/* top: 0; */background: #293e6b;/* padding: 15px 0 12px 0; *//* padding: 0 5%; *//* text-align: center; *//* float: left; *//* line-height: 25px; */}
.logoH { display: inline-block;}
.logoH a { display: block;}
.logoH a img { width: 40px;}
.logoH span { display: inline-block; color: #f4fdfe; padding-left: 10px; font-size: 14px;}

.burgerMenu {
    display: inline-block;
    height: 24px;
    line-height: 32px;

    /* position: absolute;
          right: 5%; right: auto; *//* top: 18px; *//* z-index: 999; *//* width: 30px; *//* left: 3%; *//* height: 25px; */vertical-align: middle;}
/*.burgerMenu a { display: block;}*/
.burgerMenu a span { background: #fff; display: block; width: 25px; height: 2px; margin-bottom: 5px; float: right;}
.burgerMenu a span:nth-child(2){ width: 20px;}
.searchSect { position: absolute; left: 10px; top: 23px;}
.searchSect img { width: 24px;}

.newsFeedPg { float: left; width: 100%; /*height: 80%;*/ overflow: scroll;}
.whtBx {float: left;width: 100%;background: #fff;padding: 10px 0px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);margin-bottom: 15px;}
.imgbUser { float: left; width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);
    -moz-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);
    box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2); position: relative;}
.imgbUser a { display: block;}
.imgbUser img { width: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;}
.userTxt { float: left; width: 75%; background: #3b5998;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;padding: 8px 12px 8px 12px; margin-left: 14px; }
.userTxt a { display: block;  font-style: italic; color: #fff; font-size: 13px;}
.userTxt a strong{ }

.postedData { float: left; width: 100%;}
.postedtp { float: left; width: 100%; padding:4px 0 10px 0; position: relative;}
.postedtp .imgUserPost { float: left; width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; position: relative; margin-left: 7%;}
.postedtp .imgUserPost img { width: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;}
.postedUserInfo { float: left; width: 75%; /*padding: 5px 0 0 14px;*/ padding: 5px 0 0 10px;}
.postedUserInfo h3 { color: #343439; font-size: 13px; /**/ padding-bottom: 2px;     text-align: left;}
.postedUserInfo h3 span { color: #548cff;}
.postedbtm { float: left; width: 100%; padding: 3px 0 0 0;text-align: left;}
.postedbtm span { display: inline-block; /*font-size: 13px;*/  padding-right: 10px; font-size: 12px;direction: ltr;}
.postedbtm span samp { display: inline-block; padding-right: 5px;}
.postedbtm span samp img { width: 14px;}
.postedbtm span.time { color: #a7a7a7; }
.postedbtm span.location { color: #e26571; }

.sharewith { position: absolute;right: 25px;top: 10px;}
.sharewith a { display: block; background: #f8f9fa; border:1px solid #e3e4e9; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; text-align: center; width: 35px; height: 35px; line-height: 28px; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s;}
.sharewith a img { width: 20px;}
.sharewith a:hover { background: #eaf0f5;}

.postedContent { float: left; width: 100%;}
.postedVd { float: left; width: 100%; position: relative;/*min-height: 145px;*/

    background: black;}
.postedVd a { display: block;}
.postedVd a img { width: 100%; position: relative;}

.playBtn { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto;/* width: 60px; height: 60px;margin-top: 23%;*/ width: 100%; height: 100%;}
.playBtn a { display: block; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; background: #28d799;width: 60px; height: 60px; line-height: 55px;  line-height: 55px;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
.playBtn a img { width: 20px;}
.postedVd video { width: 100%;}
.playBtn a:before{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 70px; height: 70px; background: rgba(37,213,150,0.3); position: absolute; content: ''; left: -5px; top: -5px;}
.playBtn a:after{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 80px; height: 80px; background: rgba(37,213,150,0.2); position: absolute; content: ''; left: -10px; top: -10px;}
.videotime { position: absolute; color: #fff; font-size: 13px; left: 5px; bottom: 5px; z-index: 999;}


.postedTxt{ float: left; width: 100%; padding: 15px 0 0 0;}
.postedTxt h4 { color: #343439; font-size: 20px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;/**/}
.postedTxt p{ color: #343439; font-size: 13px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px;}

.btmShareSect { float: left; width: 100%; padding: 10px 17px 0 20px;}
.wishlist { float: left;}
.wishlist .imgb {    position: relative; background: #fff; padding: 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 36px; height: 36px;-webkit-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);
    -moz-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);
    box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2); float: left;}
.wishlist .imgb img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 32px; height: 32px;}
.wishlist .wishlistIco { background: #fff; padding: 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 36px; height: 36px;-webkit-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);-moz-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2); float: left; margin-left: -5px;  position: relative; z-index: 1;}
.wishlist .wishlistIco a{ display: block; background: #e03569; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; text-align: center; line-height: 32px;}
.wishlist .likeNo { float: left; color: #3c4f5e; font-size: 15px; padding-left: 5px; line-height: 36px;  display: block;}
.btmShareSect .comment { float: right;}
.btmShareSect .comment a { background: #fff; padding: 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 36px; height: 36px;-webkit-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);-moz-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2); float: left; color: #fff; text-align: center;}
.btmShareSect .comment a samp{ display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; background: #00d7b5; font-size: 18px; width: 32px; height: 32px; line-height: 32px;}
.btmShareSect .comment span {float: left; color: #3c4f5e; font-size: 15px; padding-left: 10px; line-height: 36px;  display: block; padding-left: 5px;
    padding-right: 4px;}


.commentSect { float: left;  width: 100%; background: #f7f8f9; padding: 10px 30px; margin: 10px 0px 0 0px; display: none; }
.commentRow { float: left; width: 100%; border-bottom: 1px solid #eaebec; padding: 10px 5%;}
.commentRow:last-child{ border-bottom: none;}
.commentLeft {    margin-right: 5px; float: left;  /* width: 20%;*/}
.commentRight { float: left; width: 80%; word-wrap:break-word;}
.commentSect .commentPerson {background: #fff; padding: 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 40px; height: 40px;-webkit-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);
    -moz-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);
    box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2); float: left;}
.commentSect .commentPerson img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 36px; height: 36px;}
.commentSect .txt { float: left; width: 100%; padding: 4px 0 0 0;    text-align: left;}
.commentSect .txt h5 { color: #0076a3;  /* font-size: 15px;*/ line-height: 18px; padding: 0 0 5px 0; display:  block;  font-size: 13px;    float: left;
    width: 67%;}
.commentSect .txt .time { float: left; color: #a7a7a7; /*font-size: 13px;*/ font-size: 12px; float: right; margin-right: -20px;}
.commentSect .txt .time img { width: 17px; padding-right: 4px; margin: -2px 0 0 0;}
.commentSect .txt p{ color: #4a4a4a;  /*font-size: 13px;*/ line-height: 18px; padding-bottom: 5px; font-size: 12px;}
.commentSect .replySect { float: left; width: 100%; padding: 4px 0 0 0;}
.commentSect .replySect .likes { float: left; color: #3c4f5e; font-size: 14px;  line-height: 22px; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s;}
.commentSect .replySect .likes i { color: #e03569; font-size: 19px; padding:2px 5px 0 0; float: left;}
.commentSect .replySect .reply { float: right; text-transform: uppercase; color: #00d7b5;    /*font-size: 14px; */ font-size: 12px; }
.commentSect .replySect .reply i { padding-left: 2px;}
.commentNw { float: left; width: 100%; /*background: #dde6e8;*/ background: #efeff4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; padding: 5px 10px; border: 1px solid #cecfcf; position: relative; margin-top: 15px;}
.commentNw:before{ position: absolute; width: 26px; height: 15px; background: url(../images/ico_uparrow.png) no-repeat left top; content: ''; left: 30px; top: -14px;}
.commentSect .replySect .reply:hover { color: #333;}
.commentNw p{   color: #4a4a4a; font-size: 14px; padding-bottom: 5px;}
.commentNw p strong{ }
.seeAll { width: 100%; padding: 10px 0 10px 0; float: left;}
.seeAll a { float: right; color: #00d7b5;    transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; font-size: 14px;}
.seeAll a i { padding-left: 5px;}
.seeAll a:hover { color: #333;}

.sendComment { float: left; width: 100%; border: 1px solid #e9eaea; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: #fff; padding: 15px; height: 64px;}
.sendComment .txtra {height: 25px; float: left;   color: #b3b3b3; /*font-size: 17px;*/ /*background: url(../images/ico_attechment.png) no-repeat left top;*/ border: none; resize:none; background-size: 15%; width: 80%; padding-left: 40px; font-size: 14px;}
body.lang_he .sendComment .txtra {
    float: right;
}
.commentbtn { float: left; width: 20%; cursor: pointer; border: none; background: url(../images/ico_send.png) no-repeat center center; /*background-size: 60%;*/background-size: 25px; height: 30px;}

.socialpopUp { position: relative; width: 0; height: 0; top: 0; background: rgba(41,62,106,0.8); z-index: 9999; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; opacity: 0;}

.socialpopUp_inner { position: absolute; left: 0; right: 0; top: 0; /*bottom: 0;*/ height: 350px; margin: auto; width: 100%;}
.socialpopUp_inner a{ display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; text-align: center;
    width: 60px; height: 60px; line-height: 60px;  transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; color: #fff;}
.fb { background: #3a5897; font-size: 30px; position: absolute; /*left: 40%;*/ left: 14%;top: 17%;}
.gp { background: #db4a37; font-size: 30px; position: absolute; /*left: 65%;top: 10%;*/ left: 39%;top: 17%;}
.tl { background: #db4a37; font-size: 30px; position: absolute; /*left: 65%;top: 10%;*/ left: 39%;top: 17%;}
.tw { background: #00abec; font-size: 30px; position: absolute; /*left: 75%;top: 32%;*/ left: 65%;top: 17%;}
.pn { background: #c91e26; font-size: 30px; position: absolute; left: 65%;top: 53%;}
.insta { background: #507da3; font-size: 30px; position: absolute; left: 40%; top: 62%;}
.vine { background: #00be8e; font-size: 30px; position: absolute; left: 15%;top: 53%;}
.wp { background: #25d366; font-size: 30px; position: absolute; /*left: 7%;top: 31%;*/    left: 13%; top: 40%;}
.ut { background: #b90000; font-size: 30px; position: absolute; left: 17%;top: 10%;}
.em {background: darkgrey;font-size: 30px;position: absolute;/*left: 7%;top: 31%;*/left: 39%;top: 40%;}
a.docopy { background: #fff;color: #0f0f0f; font-size: 30px; position: absolute; left: 65%; top: 40%; }

.shares { background: #f4f4f4; font-size: 30px; position: absolute; left: 40%; top: 29%; color: #444;}
.shares i { color: #444;}
.fb:hover, .gp:hover, .tw:hover, .pn:hover, .insta:hover, .vine:hover, .wp:hover, .ut:hover, .shares:hover { background:#333;}
.shares:hover i { color: #fff;}

.closepopup { display:inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; background: #00d7b5; text-align: center; width: 50px; height: 50px; line-height: 48px; color: #fff; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; position: absolute; margin: auto; left: 0; right: 0; bottom: 10px; font-size: 24px;}
.closepopup img { width: 20px;}
.socialpopUp.open{ opacity: 1; width: 100%; height: 90%; z-index: 99999;}

.postCommnetPg { float: left; width: 100%; background: #fff;}
.postCommnetTp { float: left; width: 100%; padding: 20px 20px; background: #f0f0f0; word-wrap:break-word;}
.postCommnetTp .cmnt_image { background: #fff; padding: 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 66px; height: 66px;-webkit-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);-moz-box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2);
    box-shadow:2px 4px 7px 0px rgba(10, 20, 20, 0.2); float: left;}
.postCommnetTp .cmnt_image img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 62px; height: 62px;}
.postCommnetTp .txt { float: left; width: 76%; padding: 7px 0 0 5%; background: url(../images/ico_coute.png) no-repeat 5% top; background-size: 10%;}
.postCommnetTp .txt p{ color: #4a4a4a;  font-size: 13px;}
.postCommnetbtm { float: left; width: 100%; background: #fff; padding: 20px 20px; }
.postCommnetbtm .txtrea1{ float: left; width: 100%; border: none; border-bottom: 1px dashed #b2b2b2; resize:none;   color: #333; /*font-size: 17px;*/ min-height: 120px; position: relative; background: url(../images/ico_cut.png) no-repeat 90% bottom; margin-bottom: 20px; font-size: 15px;}

.btnsect { float: left; width: 100%;}
.btnsect .okbtn { float: right; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; color: #fff; background: #00d7b5; padding: 0 40px; line-height: 40px; border: none; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; /*font-size: 18px;*/ margin-left: 10px; text-transform: uppercase; font-size: 16px;}
.btnsect .okbtn:hover { background: #333;}
.btnsect .noCharecter{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; color: #718097; background: #e5fbf7; padding: 0 22px; line-height: 40px; display: block; float: right; margin-top: 4px;}

.postedTxt .imgbx .imgbs {
    float: left;
    width: 100%;
}
.image-container {
    background-size: cover !important;
    max-height: 100%;
    width: 100%;
    cursor: pointer;
}

.postedTxt .imgbx .txt {
    float: left;
    width: 100%;
    padding: 10px;
}


.postedTxt.nw{ padding: 0;}
.postedTxt .imgbx { float: left; width: 100%; /*border: 1px solid #cdcdcd;*/}


.wishlist .wishlistIco a{ background: #fff; color: #e03569; }
.wishlist .wishlistIco a.islikes{ background: #e03569; color: #fff;}



/* 13 Nov */

/*.feed-listing {padding-top: 132px;}*/
.postedUserInfo h3 {/* font-size: 12px;*/font-size: 15px;}
.postedTxt h4 { /*font-size: 15px;*/ line-height: 19px; font-size: 13px;}
.postedTxt p { /*font-size: 12px;*/ line-height: 18px; font-size: 11.6px; padding: 5px 25px;}




/*.sendComment .txtra { width: 100%;}*/
.sendComment { padding: 10px; height: 50px;}
.sendComment .txtra { background-size: 25px;}

.postedTxt .imgbx {    padding-bottom: 10px;  position: relative;
}
.postrow .post_txt h5 { font-size: 13px;}
.postrow .post_txt p { font-size: 11px; padding-bottom: 5px;}

.postedContent h4 { font-size: 13px; /* */ color: #343439;padding-bottom: 5px; }
.postedContent p{ font-size: 12px; padding-bottom: 9px;}


/* mainsection */
.inner_Contet { float: left; width: 100%;  background: #F4F4F6;overflow-y: scroll; height: 100%; /* padding: 70px 10px;*/ /* padding-bottom: 150px !important;*/     padding: 20px 0px;/*margin-left: -3%;*/}
.trendingpage {float: left;width: 100%;/*margin-bottom: 150px;padding-bottom: 80px;*/margin-bottom: 50px;}
.whiteBx { float: left; width: 100%; background: #fff; border-radius: 5px; padding: 20px 0; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); margin-bottom: 15px; }
.electionDtl { float: left; width: 100%; }
.electionDtl .electionTop { float: left; width: 100%; position: relative; padding: 0 20px 20px 20px; }
.electionDtl .electionMid { float: left; width: 100%; padding: 2px 0 0 0; }
.member_Slider { float: left; width: 100%; overflow: hidden; }
.memberBx { width: 100%; }
.memberBx figure { width: 100%; text-align: center; margin-bottom: 15px; }
.memberBx figure a { display: block; }
.memberBx figure img { width: 110px; height: 110px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; display: inline-block; }
.memberBx .txt{ width: 100%; text-align: center; margin-bottom: 10px; height: 40px; }
.memberBx .txt h4 {  color: #000; padding: 0 0 5px 0; font-size:16px; line-height: 20px; }
.memberBx .txt p{ color: #999999; font-size: 14px; }
.member_Slider .slick-list { margin: 0 -80px;}

.dots { position: absolute; right:0px; top:-10px; }
.dots img { width: 26px; }
.date_sect { float: left; width: 30%; }
.dateInner { width: 100%; background: url(../images/circle_half.png) no-repeat center center; width: 100%; height: 93px; background-size: 100%; border-radius: 50%; padding: 8px 0 0 0; }
.end_dates { width: 100%; background: url(../images/circle_full.png) no-repeat center center; width: 100%; background-size: 100%; border-radius: 50%; height: 93px; }

.electionTitle { float: right; width: 70%; padding:0 0 0 20px; }
.electionTitle h4 {  color: #333; font-size: 22px; padding: 15px 10px 10px 0; }
.electionTitle h4 span { display: block; }
#clockdiv { width: 100%; text-align: center; padding: 10px 0 0 0; }
.daysDiv { float: left; width: 100%; }
.dateBtm { float: left; width: 100%; text-align: center;     direction: ltr;}
.daysDiv .days{ color: #848484; font-size: 15px; display: block;  }
.daysDiv .smalltext { font-size: 12px; width: 100%; text-align: center; line-height: 13px;color: #848484; }
.dateBtm div { display: inline-block; color: #848484; font-size: 15px; line-height: 15px; height: 15px; }
.dateBtm .smalltext { font-size: 12px; width: 100%; text-align: center; line-height: 13px;color: #848484; display: block; }
#finished { color: #848484; font-size: 15px;  }
.daysnumber { font-size: 12px; line-height: 13px;color: #848484; }

.endsDt { float: left; width: 100%; border-radius: 50%; padding: 7px; }
.endsDt .smalltext {font-size: 12px; width: 100%; text-align: center; line-height: 13px;color: #848484; display: block; padding: 10px 5px 0 5px ; }
.finish_Date { float: left; width: 100%; text-align: center; }
.finish_Date strong { color: #848484; font-size: 16px; }

.winner-votes { float: left; width: 100%; text-align: center; }
.winner-votes h4 { color: #558AFF; text-transform: uppercase; font-size: 14px; }
.winner-votes strong { display: block; color: #000; font-size: 22px; }
.winner-votes strong sub { font-size: 14px; position: relative; bottom: 3px; }

.electionDtl .electionBottom { float: left; width: 100%; padding: 0 20px; }
.electionDtl .electionBottom .botebtn { display: inline-block; float: right; color: #fff; text-transform: uppercase; border-radius: 4px; border:1px solid #558AFF; background: #558AFF; font-size: 14px; line-height: 30px; padding: 0 10px; }
.electionDtl .electionBottom .botebtn:hover { background: #fff; color: #558AFF; }
.voteLeft { float: left; width: 70%; }
.voteLeft span { display: inline-block; color: #999999; font-size: 17px;  line-height: 25px;vertical-align: bottom;}
.voteLeft span samp{ display: block; }
.voteLeft strong { display: inline-block;   vertical-align: top; font-size: 24px; color: #999; padding: 0 0 0 10px;  font-size: 34px; line-height: 32px; }
.winner_slidr { float: left; width: 100%; }
.winner_slider .memberBx figure img{ object-fit: cover; }
.winner_slider .memberBx.slick-center { opacity:1;  }
.memberBx figure { position: relative; }
.winner_slider .memberBx.winner figure img { border: 3px solid #558AFF;; border-radius: 50%; margin-top:14px; }
.winnertag { background: #558AFF; border-radius: 50%; text-align: center; width: 35px; height: 35px; text-align: center; position: absolute;bottom: 0px;right: 25px; }
.winnertag:before {border-radius: 50%;
    content: '';
    width: 34px;
    height: 34px;
    z-index: 99;
    border: 1px solid #fff;
    top: 0;
    left: 0;
    position: absolute; }
.winnertag img { width: 26px !important;height: 29px !important;display: inline-block !important;border: none;line-height: 50px;margin: 6px 0 0 0; }

.detail_list { float: left; width: 100%; }
.detail_list p{ font-size: 14px; padding: 0 0 10px 0; color: #343439; margin: 0; }
.detail_list ul { float: left; width: 100%; padding: 3px 0 5px 0; }
.detail_list li{ float: left; font-size: 14px; padding: 0 0 7px 10px; color: #343439; position: relative; line-height: 18px;width: 100%; }
.detail_list li:before { position: absolute; content: ''; border-radius: 50%; background: #616160; width: 6px; height: 6px; position: absolute; left:0; top:7px; }
.detail_list .voteLeft { width: 100%; }

.leadersBlk { float: left; width: 100%;margin: 10px 0 0 0;}
.leadersRow { float: left; width: 100%; border-top: 1px solid #DDDDE1; padding: 10px 10px; }
.leadersRowLeft { float: left; width: 74%; }
.leadersRowLeft figure { border-radius: 50%; position: relative; width: 20%; float: left; }
.leadersRowLeft figure img { border-radius: 50%; width:70px; height: 70px;  }
.leadersRowLeft .leaderDtl {
    float: left;
    width: 57%;
    padding: 16px 0 0 5%;
}
.leadersRowLeft .leaderDtl h5 { color: #343439;  }
.leadersRowLeft .leaderDtl h5 a { color: #343439; }
.leadersRowLeft .leaderDtl p{ color: #B2B2B2; font-size: 12px; }
.leadersRowRight { float: left; width: 25%; }
.btnSection { width: 100%; }
.voteVal { width: 100%; }
.voteVal p{ color: #B2B2B2; font-size: 10px; }

.vshape { position: absolute; bottom: 0px;/* right:3px;*/}
.vshape img { border-radius: 0 !important; width: 13px !important; }
.mark { float: right; border: 50%; background: #F7F9F9; width: 26px; height: 26px; text-align: center; line-height: 30px; padding: 0; margin: 7px 0 0 0;  }
.mark strong {   color: #548BFF; font-size: 15px; }

.btnSection { float: left; width: 100%; margin-bottom: 5px; margin-top: 16px;}
.btnSection {
    background-color: #548bff;
    display: inline-block;
    text-align: center;
    border: none;
    cursor: pointer;
    background: #548bff;
    line-height: 40px;

    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 10%;
    width: 86%;
}
.votedBtn { float: right; display: inline-block; background: #fff; border-radius: 2px; box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); padding: 0 5px; font-size: 12px; text-transform: uppercase; line-height: 24px; color: #548CFF; }
.votedBtn img { width: 10px; float: left; margin:7px 4px 0 0; }
.bluBtn { float: right; background: #548CFF; color: #fff; border-radius: 2px; line-height: 24px; font-size: 12px; padding: 0 12px; text-transform: uppercase; border: 1px solid #548CFF; margin: 8px 7px 0 0;  }
.bluBtn:hover { background: #fff; color: #548CFF; }

.candidate_blk { float: left; width: 100%; padding: 15px 0 0 0; }
.candidate_blk li { float: left; width: 50%; text-align: center; }
.candidate_blk li strong { display: block; color: #848484; padding-bottom: 10px; font-size: 30px; line-height: 42px; }
.candidate_blk li figure { display: block; padding-bottom: 5px; }
.candidate_blk li figure img { width: 30px; }
.candidate_blk li p{ color: #848484; font-size: 13px; }

.progressBlk { float: left; width: 100%;margin: 10px 0 0 0; }
.winnerBlk { float: left; width: 100%; background: #548BFF; padding: 10px 5px; margin-bottom: 1px; }
.winnerBlk .winnerLogo{ float: left; width: 12%;  text-align: center; }
.winnerBlk .winnerLogo img { width: 60%; margin-bottom: 5px; }
.winnerBlk .winnerLogo p{ color: #fff; text-transform: uppercase; font-size: 10px; }
.winnerBlk figure { float: left; width: 15%; padding: 0 3px; position: relative; }
.winnerBlk figure img { border-radius: 50%; width: 60px;
    height: 60px; }
.winnerBlk .txt { float: left; width: 50%; padding: 0 0 0 6%; }
.winnerBlk .txt strong{ display: inline-block; color: #fff;  font-size: 14px;  }
.winnerBlk .txt span { display: inline-block; font-size: 12px; color: #fff; padding: 0 0 0 3px; }
.winnerBlk .txt span img { width: 10px; padding: 0 2px 0 0; }
.winnerBlk .txt p{  font-size: 13px; color: #fff; }
.winnerBlk .whtvotedBtn { float: right; width: 23%; }
.winnerBlk .whtvotedBtn a { border: 1px solid #fff;border-radius: 4px;padding: 0px 8px;line-height: 25px;text-transform: uppercase;color: #fff;font-size: 13px;display: inline-block; margin:8px 0 0 0;}
.winnerBlk .whtvotedBtn a img { width: 9px;margin: 0 4px 0 0;}

.progressRow { float: left; width: 100%; border-bottom: 1px solid #DDDDE1; padding: 12px 5px; }
.progressRow .progressLeft { float: left; width: 15%; }
.progressRow .progressMid{ float: left; width: 65%; padding: 3% 10%; }
.progressRow .progressRight { float: left; width: 20%; }
.progressRow .progressLeft figure { width: 100%; position:relative; }
.progressRow .progressLeft figure img { width: 70px; border-radius: 50%; height: 70px; }

.progressRow .progressLeft figure .vshape img{ height: 20px; }

.progressRow .progressMid h4{  font-size: 16px; padding-bottom: 5px; }
.progressRow .ui-widget.ui-widget-content { border:none; background: #E6E6E6; border-radius: 15px; height: 6px;}
.progressRow .ui-progressbar-value { background: #548BFF; background: #548BFF;height: 7px;border: none; }
.progressRight p{ color: #343439; font-size:15px; }
.progressRight span { display: block; color: #B2B2B2; font-size: 13px; }

/* Profile Page */
.profilepage .header{/* background: none; */}
.profilepage .inner_Contet {padding: 0;/* padding: 15px 0 70px 0; */}
.profileTop { float: left; width: 100%; position: relative;height: 230px;
    overflow-y: hidden;/*margin-top: -51px;*/     background: #000;}
.profileTop img.profileTop_img  { width: 100%; position: relative; /*height: 230px;*/}
.profileTop .bell  {display: inline-block;position: absolute;right: 15%;width: 30px; cursor: pointer;}
.profileTop .bell img  {    width: 100%;}

/*.profilepage .header { padding: 15px 20px; }*/
/*.profilepage .burgerMenu { margin-right: 15px; }*/
.userprofile_info { position: absolute; width: auto; bottom: 15px; text-align: center; margin: auto; left:0; right: 0; text-align: center; z-index: 99; }
.user_profileImg { background: #fff; border-radius: 50%; width: 70px; height: 70px; margin: auto; position: relative; }
.user_profileImg img { width: 70px; height: 70px; border-radius: 50%; }
.user_profileImg .vshape {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.userinfo_content { padding: 5px 0 0 0; }
.userinfo_content h4 {  color: #fff; font-size: 20px; padding-bottom: 5px; }
.userinfo_content p{ color: #fff; font-size: 15px; padding-bottom: 10px; }
.userinfo_content p span { display: block; }
.userinfo_content .redbtns { display: inline-block; border-radius: 4px; color: #fff; text-transform: uppercase;  background-image: linear-gradient(to right, #e55683, #e6579a, #e15cb3, #d665cc, #c370e5); padding: 0 10px; line-height: 30px; font-size: 13px; letter-spacing: 0.5px;}
.userinfo_content .redbtns img { display: inline-block; width: 10px; margin-right: 5px; height: 9px; }
.profileBtm { float: left; width: 100%; }
/*.profileContent { float: left; width: 100%; padding: 20px 10px;     padding-bottom: 80px;}*/
.profileContent {float: left; width: 100%; padding: 40px 10px; max-height: 100%;  overflow-y: scroll;background-color: #fff;}
.profiletab .nav { width: 100%; text-align: center;    white-space: nowrap; }
.profiletab .nav > li { display: inline-block; float: none; }
.profiletab .nav > li > a { color: #fff; padding: 0 15px; line-height: 40px; font-size: 16px; display: block; border-radius: 0; /*letter-spacing: 0.5px;*/    }
.profiletab { float: left; width: 100%; background: #254B6A; position: relative; z-index:100; }
.profiletab .nav-pills > li.active > a, .profiletab .nav-pills > li.active > a:focus, .profiletab .nav-pills > li.active > a:hover { background: none; }
.profiletab .nav > li > a:focus, .profiletab .nav > li > a:hover { text-decoration: none;  background-color: transparent;  }
.profiletab .nav-pills > li.active > a:before{width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #fff;content: '';position: absolute;bottom: 0;left: 40%;}
.user_profileImg .vshape img{ height: 18px !important; }
.info-content { float: left; width: 100%; padding-bottom: 15px; }
.profileHeading { float: left; width: 100%; border-bottom: 2px solid #B1B1B1; padding: 0 5px 10px 5px; margin-bottom: 10px; }
.profileHeading h4 {color: #131517;  font-size: 16px; line-height: 18px; display: inline-block;}
.info-content .txt { float: left; width: 100%; padding: 0 5px; }
.info-content .txt p{ /*color: #B1B1B1;*/ color: #000;line-height: 22px; font-size: 14px; padding-bottom: 10px; }
.info-content .infoRow { float: left; width: 100%; padding: 12px 5px; border-bottom: 1px solid #DBDBDB; }
.info-content .infoRow:last-child { border-bottom: none; }
.info-content .infoRow figure { float: left; width: 15%;  }
.info-content .infoRow figure img {width: 28px;}
.info-content .infoRow .infoRowTxt { float: left; width: 85%; padding: 3px 0 0 0;  }
.info-content .infoRow .infoRowTxt span { display: inline; color: #131517; font-size: 15px; padding: 0 6px; border-left:1px solid #131517; }
.info-content .infoRow .infoRowTxt span strong {  }
.info-content .infoRow .infoRowTxt span:first-child{ padding-left: 0; border-left:0; }
.info-content .infoRow .infoRowTxt a { color: #131517; font-size: 14px; line-height: 16px; margin-top: -3px; display: block; }
.profileHeading h5{ color: #131517;  font-size: 16px; line-height: 18px; float: right; display: inline-block; }
.infoRowLeft { float: left; width: 80%; }
.infoRowRight { float: right; width: 20%; text-align: center; }
.infoRowRight img { width: 22px; }
.prevoted {  float: left; width: 100%; }
.prevoted .actVotesBx{float: left;width: 100%;background: #fff;padding: 10px 10px;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);margin-bottom: 20px;}
.actVotesBxLeft { float: left; width: 10%; }
.actVotesBxRight { float: left; width: 15%; }
.actVotesBxMid { width: 72%; padding: 0 3%; float: left; }
.actVotesBxMid p{ font-size: 13px; color: #B1B1B1; padding-bottom: 5px; line-height: 15px;}
.actVotesBxMid p span { color: #254B6A; }
.actVotesBxMid samp{ font-size: 13px; color: #B1B1B1; display: inline-block; padding: 0 5px; }
.actVotesBxMid h4 { color: #131517;  padding-bottom: 5px; line-height: 18px; font-size: 16px; }
.prevoted .actVotesBx .blueBx { border-radius: 50%; text-align: center; background: #548BFF; width: 32px; height: 32px;  line-height: 30px;}
.prevoted .actVotesBx .blueBx img { width: 13px; }
.actVotesBxRight figure { width: 100%; position: relative; }
.actVotesBxRight figure img { width: 100%; border-radius: 50%; height: 100%;box-shadow: 2px 4px 7px 0px rgba(10, 20, 20, 0.2); }
.actVotesBx h5 { width: 100%; text-transform: uppercase; color: #131517; border-bottom: 1px solid #ddd; padding-bottom: 6px; margin-bottom: 6px; }
.botmdtl { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #ddd; }
.botmdtl:last-child { border-bottom: none; }
.botmdtl .btmLeft { float: left; width: 87%; }
.botmdtl .btmRight { float: right; width: 13%; }
.botmdtl .btmLeft p{ font-size: 15px; color: #131517; padding-bottom: 4px;}
.botmdtl .btmLeft samp { display: block; text-transform: uppercase; font-size: 13px; color: #131517; padding-bottom: 4px; }
.botmdtl .btmLeft span { display: inline-block; color: #999; font-size: 13px; }
.botmdtl .btmLeft span img { margin: 0 4px 0 0; width: 12px; }
.botmdtl .btmRight figure { float: right; border-radius: 50%; }
.botmdtl .btmRight figure img { width: 30px; height: 30px; border-radius: 50%; }
.profiletab.fixedtp{ position: absolute; z-index: 100; top:0; left:0; }


/* Commitment Page */
.commitmentBlk { float: left; width: 100%; margin-bottom: 10px; }
.commitmentBx { float: left; width: 98%; background: #fff; padding: 10px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); min-height: 60px; margin: 0 1%;}
.commitmentBx p{ font-size:15px; color: #666; padding-bottom: 10px; }
.commitmentBlk h3 { color: #131517; font-size: 15px; padding: 0 0 5px 0;  }
.comitment_status { float: left; width: 100%; padding: 5px 0; }
.comitment_status .comitment_date{ float: left; width: 60%; }
.comitment_progress { float: right; text-align: right; }
.comitment_status p { color: #131517; }
.comitment_status p span { color: #666; }
.commitmentBx li { float: left; width: 100%; position: relative; font-size:15px; color: #666; padding:0 0 10px 9px; }
.commitmentBx li:before { position: absolute; content: ''; left:0; background: #666; width: 5px; height: 5px; border-radius: 50%; top:7px; }

/* Change Language*/
#languagemodel { background: #f6f7f9; width: 100%;height: 100%; position: absolute; z-index: 99999999999999; }
#languagemodel .modal-dialog { margin: 0; width: 100%; }
#languagemodel .modal-body { padding: 0; }
.modal { background: #f6f7f9; width: 100%;height: 100%; position: absolute; z-index: 99999999999999; }
.modal .modal-dialog { margin: 0; width: 100%; }
.modal .modal-body { padding: 0; }
.comitmentModel { background: #f6f7f9; width: 100%;height: 100%; position: absolute; z-index: 99999999999999; }
.comitmentModel .modal-dialog { margin: 0; width: 100%; }
.comitmentModel .modal-body { padding: 0; }
.changelanguage { float: left; width: 100%; position: absolute; z-index: 99999999; }
.changelanguage .model-header, .comitmentModel .model-header { float: left; width: 100%; text-align: center; background: #293e6b; padding: 1% 0; position: relative; }
.changelanguage .model-header h4, .comitmentModel .model-header h4 { color: #fff; font-size: 16px; }
.closemodel { position: absolute; left:15px; top:15px;}
.closemodel img { width: 15px; }
.changelang-body { float: left; width: 100%; }
.changelang-body h5 { text-transform: uppercase; font-size: 14px; color: #666; padding: 8px 10px; }
.langlist { float: left; width: 100%; border-top: 1px solid #ddd;  }
.langlist ul { float: left; width: 100%; margin-bottom: 30px; }
.langlist li { float: left; background: #fff; border-bottom: 1px solid #ddd; padding: 10px 14px; position: relative; width: 100%; }
.langlist li label { display: block; font-size: 13px; color: #333; cursor: pointer; }
.langlist li input[type="radio"] { position: absolute; top:10px; right: 14px; margin: 0; width: 20px; height: 20px; cursor: pointer; z-index: 2; opacity: 0; }
.langlist li input[type="radio"] + samp { position: absolute; top: 10px; width:20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%;  -moz-border-radius: 50%; -ms-border-radius: 50%; position: absolute; right: 14px; z-index: 1; }
.langlist li input[type="radio"]:checked + samp:before { background: url(../images/radio_on_blue.png) no-repeat center center; position: absolute; content: ''; width: 20px; height: 20px; background-size: 100%; }
.langlist .btnd { float: left; width: 100%; text-align: center; background: #fff; border: none; border-bottom: 1px solid #ddd; text-transform: uppercase; font-size: 14px; color: #1995FD; line-height: 38px; }
.langlist .btnc { float: left; width: 100%; text-align: center; background: #fff; border: none; text-transform: uppercase; font-size: 14px; color: #FF3326; line-height: 38px; border-bottom: 1px solid #ddd; }


/* thanku page */
.thankuPage { background: #08185d; width: 100%; height: 100%;}
.thankuPage.register{ background: #293e6a;}
.thankmsg { position: absolute; text-align: center; width: 90%; left: 0; right: 0; top: 0; bottom: 0; height: 200px; margin: auto;}
.rightImg { float: left; width: 100%; margin-bottom: 20px;}
.rightImg samp { display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; width: 90px; height: 90px; line-height: 90px; border:2px solid #fff;}
.rightImg img { width: 42px;}
.thankmsg .txt { float: left; width: 100%; text-align: center;}
.thankmsg .txt h4 { color: #fff;  font-size: 30px; padding-bottom: 10px;}
.thankmsg .txt p { color: #fff;  font-size: 17px;}
.thankmsg .txt p span { display: block;}
.thankuPage.register .thankmsg { position: relative; height: auto; padding-top: 10%;}

/*  TopLeader Page */
.leaderPage { float: left; width: 100%; position: relative; width: 100%; height: 100%;  /*padding: 55px 0;*/ }
.topLeader { float: left; width: 100%; background: #fefefe; overflow-y: scroll;height: 100%; padding: 3% 2%;/*padding: 80px 10px 0 10px;*/ }
.leaderSearch { float: left; width: 100%; background: #dedde2; padding: 10px; /*position: absolute;*/ left:0; width: 100%; z-index: 999;}
.ldSrch { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; height: 46px; background: url(../images/ico_srchs.png) no-repeat #fff 10px center; background-size: 20px;}
.srchl {
    float: left;
    height: 40px;
    margin-left: 12%;
    width: 88%;
    color: #808080;

    font-size: 14px;
    border: none;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    padding-left: 10px;
}
.ld_detail { float: left; width: 100%; padding:0;padding-bottom: 80px;}
.leaderBx { float: left; width: 100%; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; margin-bottom: 20px;}
.leaderLeft { float: left; width: 21%;}
.leaderRight { float: left; width: 79%;}
.leaderImage {background: #fff;padding: 1px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;width: 50px;height: 50px;-webkit-box-shadow: 2px 4px 7px 0px rgba(10, 20, 20, 0.2);-moz-box-shadow: 2px 4px 7px 0px rgba(10, 20, 20, 0.2);box-shadow: 2px 4px 7px 0px rgba(10, 20, 20, 0.2);float: left; margin-bottom: 10px; position: relative;}
.leaderImage a { display: block; }
.leaderImage img { float: left; width: 100%; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%; /*height: 48px;*/ height: 50px; width: 50px;}
.followers { float: left; width: 100%;}
.followers p {  color: #a9a9a9; font-size: 16px;}
.followers p img { width: 14px; margin: 0 4px 0 0;}
.no_user { border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%; color: #333; font-size: 11px; width: 20px; height: 20px; line-height: 20px; text-align: center; top: -5px; right: 0px; display: block; background: #50d2c2;  position: absolute;}
.leaderBx .txt { float: left; width: 100%; position: relative;}
.leaderBx .txt h3{ color: #6a8ec6;  padding-bottom: 10px; font-size: 17px; line-height: 16px; padding-right: 62px;}
.leaderBx .txt h3 a { color: #6a8ec6; }
.leaderBx .lct { float: left; width: 100%; padding-bottom: 4px;}
.leaderBx .lct { text-transform: uppercase; color: #a2a2a2; font-size: 15px; line-height: 18px;}
.leaderBx .lct img { float: left; width: 13px; margin: 2px 4px 0 0;}
.leaderBx .txt p { color: #565659; font-size: 15px; line-height: 19px; padding-bottom: 4px;}
.leadingIn { float: left; width: 100%;}
.leadingIn p { color: #565659; font-size: 15px; line-height: 19px;}
.leadingIn p a { display: inline-block; color: #548cff; padding-left: 5px; text-transform:uppercase;}
.leaderImage .vshape img { height: auto; }
.leaderBx .txt .votedBtn {position: absolute; right: 0; top:0; box-shadow: none; padding: 0;}
.leaderBx .txt .votedBtn a { display: inline-block; color: #548cff; border-radius: 2px; border: 1px solid #548cff; line-height: 22px; padding: 0 10px;  }
.leaderBx .txt .votedBtn.vote a{ background: #548cff; color: #fff; }


/* NotificationPage */
.notificationPage { float: left; width: 100%; position: relative; margin-bottom: 100px;margin-top: 14%;}
.notificationPage:before { content: ''; position: absolute; width: 1px; background: #ddd; height: 100%; left: 5%; top: 0;z-index: 1; }
.notificationRow { float: left; width: 100%; padding-bottom: 20px; z-index: 2; position: relative; }
.notificationRow .noticationUser { float: left; width: 10%; }
.notificationRow .noticationUser figure { width: 100%; }
.notificationRow .noticationUser figure a { display: block; }
.notificationRow .noticationUser figure a img { width: 100%; height: 100%; border-radius: 50%; }
.notificationRow .noticationUser_dtl { float: left; width: 60%; padding: 0 2%; }
.notificationRow .noticationUser_dtl p{ font-size: 13px; color: #666; padding-bottom: 2px; }
.notificationRow .noticationUser_dtl h4 { font-size: 15px;   color: #2885c9; padding-bottom: 0; line-height: 18px;}
.notificationRow .noticationUser_dtl h4 a {  color: #2885c9; }
.notificationRow .noticationUser_dtl span { display: inline-block; color: #999; font-size: 12px; line-height: 14px; }
.notificationRow .noticationImg { float: right; width: 30%; }
.notificationRow .noticationImg figure { float: left; width: 100%; }
.notificationRow .noticationImg figure a { display: block; }
.notificationRow .noticationImg figure a img { width: 100%; }

/* SignUp Page */
.signUp { padding: 35px 10px; overflow: auto; background: #fff; }
.signu_page { float: left; width: 100%; }

/* New SignIn Page */

.signPage { float: left; width: 100%; position: relative; }
.signPage { float: left; width: 100%;}
.signup { float: left; width: 100%;}
.signup h4 { color: #000; font-size: 19px; text-align: center;  padding-bottom: 14px; }
.signupRow { float: left; width: 100%; border-bottom: 1px solid #d5d6d8; padding: 12px 20px 10px 10px;}
.signupRow_signup {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #d5d6d8;
    /* padding: 12px 20px 10px 10px; */
    padding: 0px;
}
.sin-btn-top{ margin-top:50px;}
.signinForm{margin-top:15px;margin-bottom: 25px;}
.signupLeft { float: left; width: 20%; text-align: center; padding: 0 0 0 0;}
.signupRight { float: left; width: 80%;}
.signupRight_signup { float:left; width: 100%;text-align: left;}
.signPage label{ display: block; text-transform: uppercase;  color: #000;  /*font-size: 12px;*/ padding-bottom: 2px;width: 100%;}
.inputL { float: left; width: 100%; border: none; background: none;  font-size: 20px; color: #666; }
.btnsect { float: left; width: 100%; text-align: center; padding: 15px 0;}
.btnsect .contbtn {display: inline-block; text-align: center; border: none; cursor: pointer; background: #548bff;  font-size: 14px; color: #fff; text-transform: capitalize; width: 100%; border-radius: 40px; -webkit-border-radius: 40px;  -moz-border-radius: 40px; -ms-border-radius: 40px; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; -ms-transition:all ease 0.7s;}
.btnsect .contbtn:hover { background: #333;}
.btnsect .contbtn:hover { background: #333;}
.sign_in_btnsect {
    float: left; width: 100%; text-align: center; padding: 0px 0 9px!important;
}
.otp_btnsect {
    float: left; width: 100%; text-align: center; padding: 50px 0 9px!important;
}
.signup_profile_btnsect {
    float: left; width: 100%; text-align: center; padding: 20px 0 9px!important;
}
.signup_profile_btnsect .sign_in_conbtn {
    width: 80%;
}
.otp_header_heading {
    font-size: 18px;
    text-align: center;
}
.menulist li.login a {

    background: url(../images/login.png) no-repeat left top;
    background-size: auto auto;
    background-size: 30px;

}
.signup_profile_btnsect .sign_in_conbtn {
    padding: 10px;
}
.otp_btnsect .sign_in_conbtn {
    padding: 10px;
}

.sign_in_btnsect .sign_up_conbtn {
    width: 100%!important;
    background: #558AFF!important;
    padding: 10px;
}
.sign_in_btnsect .sign_in_conbtn {
    width: 100%!important;
    background: #23A5FF!important;
    padding: 10px;
}
.sign_in_your_mobile_num {
    color: #6ED7FF!important
}
.term-services-label {
    text-transform: none!important;
}
.actsect { float: left; width: 100%; padding: 1%;     text-align: right;}
.actsect p { color: #939496; font-size: 18px; text-transform: uppercase;  padding-bottom: 5px;}
.actsect p a { display: inline-block; color: #38393b; padding: 0 0 0 10px;}
.actsect p a:hover { text-decoration: underline;}
.signup_actsect p,
.signin_actsect p {
    text-transform: capitalize!important;
}
.actsect a:before{
    content: url('../images/language.png');
    margin-right: 12px;
    margin-left: 12px;

}
.did_get_it {


    color: #B9B9B9;
    font-size: 15px;

    cursor: pointer;
}
.did_get_it:hover {
    color: #545353;
}
.tab_resend {


    color: #62e4cf;
    font-size: 15px;

    cursor: pointer;
}
.tab_resend:hover {
    color: #0db69b;
}
.signup_actsect p a{
    color: #558AFF;
    font-size: 16px;
}
.signin_actsect p a{
    color: #6ED7FF!important;

}
.countryCode {
    float: left;
    width: 30%;
    padding: 0 5px;
}
.countryCode select{font-size: 20px;color: #87888a; width: 100%; -webkit-appearance: none;
    -moz-appearance:none;appearance:none; background:none; background-size: 10%; border: none; /* text-indent: 10px; */ background-size: 16%; }
.countryPhn { float: left; width: 100%;display: block;}
.countryCode + .countryPhn { width: 70%; }
.countryCode.hide + .countryPhn { width: 100% !important; }
.error_message { float: left; width: 100%; background: #fff; text-align: center; padding: 10px 10px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; margin-bottom: 10px;}
.error_message p {  font-size: 13px; color: red; text-transform: capitalize;}
.sucess_message { float: left; width: 100%; background: #fff; text-align: center; padding: 10px 10px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px;}
.sucess_message p {  font-size: 13px; color: green; text-transform: capitalize;}
.forgotpassword .txt { float: left; width: 100%; text-align: center; padding-bottom: 10px; }
.forgotpassword .txt p{ font-size: 14px; }

.commitments { float: left; width: 100%; padding: 30px 10px 0 10px; }

/* OTP Screen */
.otpscreen { float: left; width: 100%; padding: 15% 0 ; }
.otpscreen .txt { float: left; width: 100%; padding: 0 0 20px 0; text-align: center; }
.otpscreen .txt p{ font-size: 17px;  }
.opt_input { float: left; width: 100%; text-align: center; }
.opt_input .inputL {  width: 100px; font-size: 22px; text-align: center; border: none; float: none; }
.resetpassword { float: left; width: 100%; }
.resetpassword .txt { float: left; width: 100%;  text-align: center; padding-bottom: 30px; }
.resetpassword .txt p { font-size: 13px;    }
.forgotpassword { padding: 15% 0 70px 0; }
.modal-backdrop { background: none; display: none}
.welcomePage { float: left; width: 100%; height: 100%; background: url(../images/app-bg-new.png) no-repeat center top; position: relative;background-size: cover; overflow-y: scroll; }
.welcome-content { float: left; width: 100%; padding: 30px 15px; position: absolute; bottom: 45px}
.logo { float: left; width: 100%; text-align: center; padding: 10% 0;}
.logo a { display: block;}
.logo a img { width: 100px;}
.tagline { float: left; width: 100%; text-align: center; padding-bottom:8%; }
.tagline p { color: #fff;  text-transform: uppercase; letter-spacing: 3px; font-size: 20px;}
.welcome-content .txt { float: left; width: 100%; text-align: center; padding-bottom:12%; }
.welcome-content .txt p { color: #fff; font-size: 17px;  line-height: 24px;}
.welcome-content .txt p span { display: block;}
.loginBtn { width: 100%; text-align: center; left: 0; position: relative; bottom:0px;}
.loginBtn .sbtn { background: #fff; cursor: pointer; text-align: center; border:1px solid #558AFF;width: auto; color: #fff; margin-bottom: 20px; text-transform: uppercase; font-size: 13px;   line-height: 30px; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; -ms-transition:all ease 0.7s;padding:0px 10px;box-shadow: 1px 1px 1px #0003;; display:block;}
.loginBtn .sbtn:hover { border: 1px solid #558AFF; background: #558AFF;}
.loginBtn .sbtn.sgn{border: 1px solid #ffF;
    background: #558AFF;}
.loginBtn .sbtn.lgn {
    color: #558AFF!important;
    display: block;
}
.loginBtn .sbtn.lgn:hover {
    color: #fff!important;
    display:block;
}

.lgn{display:inline-block !important;}
/* Landing Page */
.landingPage { float: left; width: 100%;  padding: 25px 15px 90px 15px; text-align: center;}
.landingPage .txt { float: left; width: 100%; padding-bottom: 30px;}
.landingPage .txt h3 { text-transform: uppercase; color: #ea436c; font-size: 19px;  padding-bottom: 7px;}
.landingPage .txt h4 { color: #38383a; font-size: 18px;  padding-bottom: 10px; }
.landingPage .txt p { color: #939496; font-size: 15px;}
.landingPage .txt p span { display: block;}

.voterList { float: left; width: 100%; text-align: center; padding-bottom: 10px;}
.voterList li { display: inline-block; margin: 0 2px; position: relative;}
.voterList li img { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;}
.appBtns { float: left; width: 100%; padding: 10px 15px 20px 15px; position: relative;z-index: 9;}
.appBtns .googleplaybtn { display: block; background: #ff3366; color: #fff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; font-size: 14px; line-height: 40px; margin-bottom: 10px; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s;}
.appBtns .googleplaybtn img { width: 18px;}
.appBtns .googleplaybtn span { display: inline-block; padding-right: 10px;}
.appBtns .playStorebtn { display: block; background: #548bff; color: #fff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; font-size: 14px; line-height: 40px; margin-bottom: 10px; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s;}
.appBtns .playStorebtn img { width: 18px;}
.appBtns .playStorebtn span { display: inline-block; padding-right: 10px;}
.appBtns .googleplaybtn:hover, .appBtns .playStorebtn:hover{ background: #333;}
.btm_imgSect { float: left; width:100%; position: absolute; bottom: 73px; left: 0;}
.voterList li .vshape img { height: 14px;width: 10px !important; }

/* 404 Error page */
.errorPage { float: left; width: 100%; height: 100%; background: #07466b;}
.error_content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 300px; height:300px; margin: auto; text-align: center;}
.error_content .imgb { width: 100%; float: left; text-align: center; padding-bottom: 20px;}
.error_content .imgb img { width: 120px;}
.error_content .txt { float: left; width: 100%; text-align: center; padding-bottom: 30px;}
.error_content .txt h4 { color: #fff;font-size: 28px;letter-spacing: 1px;padding-bottom: 5px;}
.error_content .txt p{ color: #56ace0;font-size: 18px;}
.error_content .backtohome { color: #fff;  background: #00d7b5; display: inline-block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; -ms-transition:all ease 0.7s; text-transform: uppercase; line-height: 50px; padding: 0 50px;  letter-spacing: 1px;}
.error_content .backtohome:hover { background: #558AFF;}

.phImg {float: left; width: 100%; text-align: center;}
.phImg img { display: inline-block; width: 70px; }
.finish_Date strong { font-size: 12px; }

.daysDiv { text-align: center; }
.memberBx {  width: 300px;  margin-bottom: 10px; display: inline-block; margin: 0 -1px;}
.winner_slider { text-align: center; }


/* Bottom Menu */
.bottom_menu {left: 0; position: absolute; bottom: 0; background: #fff; width: 100%; border-top: 1px solid #E6E6E6; padding: 1% 0; height: 59px; /*height: 48px;*/ z-index: 999; padding-bottom: 31px; margin-bottom: 5px; }
.bottom_menu li { float: left; width: 20%; text-align: center; }
.bottom_menu li a { display: block; color: #AFAFAF;  font-size: 12px; }
.bottom_menu li a span { display: block; height:30px; margin-bottom: 5px; }
.bottom_menu li.trends a span { background: url(../images/ico_trend.png) no-repeat center center; background-size: 30px; }
.bottom_menu li.leaders a span { background: url(../images/ico_leaders.png) no-repeat center center; background-size: 35px; }
.bottom_menu li.notification a span { background: url(../images/ico_notification.png) no-repeat center center; background-size: 30px; }
.bottom_menu li.profile a span { background: url(../images/ico_profile.png) no-repeat center center; background-size: 25px; }
.bottom_menu li a:hover, .bottom_menu li a.active { color: #558BFF; }
.bottom_menu li.election { position: relative; /*top: -25px;*/ }
.bottom_menu li.election a span { background: url(../images/ico_plus.png) no-repeat center center;  background-size: auto auto;  background-size: 40px; height: 40px;}
.bottom_menu li.electiontrending { position: relative; /*top: -25px;*/ }
.bottom_menu li.electiontrending a span { background: url(../images/ico_election.png) no-repeat center center;  background-size: auto auto;  background-size: 40px; height: 40px;}
.bottom_menu li.trends a.active span, .bottom_menu li.trends a:hover span { background: url(../images/ico_trend_active.png) no-repeat center center; background-size: 30px; }
.bottom_menu li.leaders a.active span, .bottom_menu li.leaders a:hover span  { background: url(../images/ico_leaders_active.png) no-repeat center center; background-size: 35px; }
.bottom_menu li.notification a.active span, .bottom_menu li.notification a:hover span { background: url(../images/ico_notification_active.png) no-repeat center center; background-size: 30px; }
.bottom_menu li.profile a.active span, .bottom_menu li.profile a:hover span { background: url(../images/ico_profile_active.png) no-repeat center center; background-size: 25px; }


textarea:focus, input:focus, textarea:visited , input:visited, a:focus, a:visited { outline: none !important;}
*:focus { outline: none !important;}

.countryCode { background: none; }
/* .winner_slider .memberBx figure img {  filter: gray;  -webkit-filter: grayscale(1); filter: grayscale(1); } */
.winner_slider .memberBx.winner figure img{-webkit-filter: grayscale(0);filter: none; opacity: 1;}
.memberBx.winner{ opacity: 1; }
.finished {color: #848484;font-size: 14px;text-align: center;padding: 25px 0 0 0;float: left;width: 100%; }

.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0 !important; }
.progressRow:last-child { border-bottom: none; }

.memberBx { width: 100%; float: left; margin-bottom: 15px; }
.memberBx.multiple { float: left; width: auto; margin-top: 20px; padding: 0 10px; }
.memberBx.winner { margin-top: 0 !important; }
.winnerBlk .txt strong a { color: #fff; }

.profileTop{ position: relative; }
.profileTop:before { position: absolute;left:0; width: 100%; height: 100%;  content: ''; z-index: 9; top: 0; /*background: rgba(0,0,0,0.3);*/ }


.nodatapage { float: left; width: 100%; padding-bottom: 90px; }
.no-data { float: left; width: 100%; background: #fff; border-radius: 5px; padding: 20px 10px; text-align: center; position: relative; z-index: 999; }
.no-data figure { width: 100%; margin-bottom: 10px; }
.no-data figure img { display: inline-block; width: 40px; }
.no-data p { font-size: 14px; }

.comitmentModel .closemodel, .changelanguage .closemodel { left:auto; right: 15px;    top: 5px; }
.header_title {/* padding-left: 10%; */}
.modal-content .center { padding: 15px; text-align: center; }
.botmdtl .btmRight figure { position: relative; }
.botmdtl .btmRight .vshape img { height: 15px; }
.memberBx .winnertag { right: auto; left:14px; }
.memberBx.multiple .winnertag { right: auto; left:20px;  }
.memberBx.winner { width:auto; }
.winner_slider .memberBx.winner .winnertag img { margin-top:4px; }

.memberBx .vshape img{ -webkit-filter: grayscale(0) !important;filter: none !important;opacity: 1 !important; width: 18px !important; height: 22px !important; }
.memberBx .vshape {right: 20px; }
.memberBx.winner .vshape img{ padding: 0 !important; border:none !important; margin-top: 0 !important; }
.memberBx.winner .vshape { right:35px; }
.leadersRowLeft .vshape img { height: auto; }
.info-content .infoRow .infoRowTxt { font-size: 14px; }

.menuInner .member_dtl figure{ position: relative; }
.menuInner .member_dtl figure img { width: 56px; height: 56px; }
.menuInner .member_dtl figure .vshape img{ height: 20px; }
.winner_slider .memberBx.winner figure img { width: 110px; height: 110px; }
.winner_slider .memberBx.winner .vshape img{ height: 20px; }


.memberBx.winner figure img { border:3px solid transparent; }
.memberBx .vshape { bottom: 0; }

.winnerBlk figure .vshape img { height: 15px !important; }
.winnerBlk:nth-child(3n+1) {background: #548BFF;}
.winnerBlk:nth-child(3n+2) {background: #6BA8FF;}
.winnerBlk:nth-child(3n) {background: #76C8FF;}

.leaderBx .txt h3 { padding-right: 75px; }

/* For Rtl */
body.lang_he .header_title {/* padding-right: 10%; *//* padding-left: 0%; */}
body.lang_he .searchicon {float: right;}
body.lang_he { text-align: right; direction: rtl; }
/*body.lang_he .header_title, body.lang_he .searchicon { float: right; }*/
body.lang_he .dots { right: auto; left:0; }
body.lang_he .date_sect, body.lang_he .electionTitle { float: right; }
body.lang_he .electionTitle { padding: 0 20px 0 0; }
body.lang_he .member_Slider, body.lang_he .winner_slider { direction: ltr; }
body.lang_he .electionTitle h4 { padding: 15px 0 10px 0; }
body.lang_he .voteLeft { float: right; }
body.lang_he .electionDtl .electionBottom .botebtn { float: left; }
body.lang_he .voteLeft strong { padding: 0 0 0 0; }
body.lang_he .winnertag {right: auto; left:30px;}
body.lang_he .burgerMenu a samp {float: left;}
body.lang_he .menuInner {/* right: auto; *//* left: 0; */}
body.lang_he .menuInner .member_dtl figure, body.lang_he .menuInner .member_dtl .txtb, body.lang_he .back, body.lang_he .detail_list li, body.lang_he .candidate_blk li, body.lang_he .winnerBlk .winnerLogo, body.lang_he .winnerBlk figure, body.lang_he .winnerBlk .txt, body.lang_he .progressRow .progressLeft, body.lang_he .progressRow .progressMid, body.lang_he .progressRow .progressRight, body.lang_he .leadersRowLeft, body.lang_he .leadersRowRight, body.lang_he .btnSection, body.lang_he .srchl, body.lang_he .leaderLeft, body.lang_he .leaderRight, body.lang_he .bottom_menu li,  body.lang_he .notificationRow .noticationUser, body.lang_he .notificationRow .noticationUser_dtl, body.lang_he .info-content .infoRow figure, body.lang_he .info-content .infoRow .infoRowTxt, body.lang_he .infoRowLeft, body.lang_he .infoRowRight, body.lang_he .botmdtl .btmLeft, body.lang_he .actVotesBxLeft, body.lang_he .actVotesBxMid, body.lang_he .actVotesBxRight, body.lang_he .signupLeft, body.lang_he .signupRight, body.lang_he .leadersRowLeft figure, body.lang_he .leadersRowLeft .leaderDtl {float: right;}
body.lang_he .menuInner .member_dtl .txtb{ padding: 0 10px 0 0; }
body.lang_he .menulist li a { padding: 5px 50px 5px 0;background-position: right; }

body.lang_he .menulist li.language a {background: url(../images/ico_language21.png) no-repeat right top; background-size: 30px;}
body.lang_he .menulist li.logout a { background: url(../images/ico_logout_rtl21.png) no-repeat right top; background-size: auto auto; background-size: 30px;}
body.lang_he .menulist li.kyc a { background: url(../images/ico_kyc.png) no-repeat right top; background-size: 30px; }
body.lang_he .menulist li.zuz a { background: url(../images/ico_zuz.png) no-repeat right top; background-size: 30px; }
/* body.lang_he .menulist li.wallet a { background: url(../images/zicon.png) no-repeat right top; background-size: 30px; } */
body.lang_he .menulist li.setting a { background: url(../images/ico_setting.png) no-repeat right top; background-size: 30px; }
body.lang_he .menulist li.getapp a { background: url(../images/getapp.png) no-repeat right top; background-size: 30px; }

body.lang_he .back a img { transform: rotate(-180deg); }
body.lang_he .detail_list li { padding: 0 14px 7px 0; }
body.lang_he .detail_list li::before { right: 0; left:auto; }
body.lang_he .winnerBlk .txt { padding: 0 10% 0 0;}
body.lang_he .winnerBlk .whtvotedBtn a img {  width: 9px; margin: 7px 4px 0 0; float: left;}
body.lang_he .btnSection .votedBtn, body.lang_he .bluBtn { float: left; }
body.lang_he .bluBtn { margin: 8px 0 0 7px; }
body.lang_he .ldSrch { background: url(../images/ico_srchs.png) no-repeat #fff 96% center;background-size: auto auto;background-size: 16px; }
body.lang_he .srchl { margin-left: 0; padding-right: 10px !important; }
body.lang_he .leaderImage { float: right; }
body.lang_he .leaderBx .txt .votedBtn { right: auto; left:0; }
body.lang_he .leaderBx .txt h3 { padding-left: 56px; padding-right: 0; }
body.lang_he .leaderBx .lct img { float: right; margin: 2px 0 0 4px; }
body.lang_he .notificationRow .noticationImg { float: left; }
body.lang_he .notificationPage::before { left: auto; right: 5%; }
/*body.lang_he .profilepage .burgerMenu { float: left; margin-left: 15px; margin-right: 0; }*/
body.lang_he .userinfo_content .redbtns img { margin-right: 0; margin-left: 5px; }
body.lang_he .info-content .infoRow .infoRowTxt span { border-right: 1px solid #131517; border-left: none; }
body.lang_he .info-content .infoRow .infoRowTxt span:first-child { border: none; }
body.lang_he .closemodel { left:auto; right: 15px; }
body.lang_he .commitmentBx li { padding: 0 9px 5px 0; }
body.lang_he .commitmentBx li::before { left:auto; right: 0; }
body.lang_he .botmdtl .btmLeft span img { margin: 0 0 0 4px; }
body.lang_he .countryCode select {background: none; background-size: auto auto;background-size: 10%;border: none;text-indent: 0;background-size: 16%;}
body.lang_he .leadersRowLeft .leaderDtl {
    padding: 16px 0 0 0;
}
body.lang_he .voteVal p { text-align: left; }
body.lang_he .comitment_status .comitment_date { float: right; }
body.lang_he .comitment_progress { float:left; }
body.lang_he .langlist li input[type="radio"], body.lang_he .langlist li input[type="radio"] + samp  { right: auto; left:14px; top:10px; }
body.lang_he .logo_section a figure { float: right; }
body.lang_he .logo_section a span { float: right; padding: 13px 10px 0 0; }
body.lang_he .closedownload {left: 10px;right: auto;}
body.lang_he .download_section figure {float: right;}
body.lang_he .download_section .txtb {float: right;padding: 3px 10px 0 0;}
body.lang_he .download_section .txtb .view { right: auto; left:0; }
body.lang_he .appBtns .googleplaybtn span, body.lang_he .appBtns .playStorebtn span { padding-left: 10px; padding-right: 0px; }
body.lang_he .closemenu { right: auto; left:10px; }
body.lang_he .logo_section a figure img, body.lang_he .download_section figure img, body.lang_he .appBtns .googleplaybtn img, body.lang_he .appBtns .playStorebtn img, body.lang_he .searchicon a { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);  filter: FlipH;   -ms-filter: "FlipH";}

body.lang_he .burgerMenu{ float: left;/*    left: 5%; right: unset;*/ }
/*body.lang_he .inner_Contet  {padding: 15px 10px;}*/
body.lang_he .burgerMenu a {/* float: left; */}
body.lang_he .comitmentModel .closemodel, body.lang_he .changelanguage .closemodel{ left:15px; right: auto;    top: 7px; }
/*body.lang_he .profilepage .inner_Contet  { padding-left: 0; padding-right: 0; }*/
body.lang_he .profileHeading h5{ float: left; }
body.lang_he .leaderBx .txt h3 { padding-left: 62px; padding-right: 0; }

body.lang_he .memberBx .vshape { right: auto;left: 15px; }
body.lang_he .memberBx.winner .vshape { left:10px; right:auto; }
body.lang_he .memberBx .winnertag {right: 2px;left: auto;}
body.lang_he .memberBx .txt p { font-size: 16px; }
body.lang_he .langlist li label { font-size: 15px; }
body.lang_he .changelang-body h5 { font-size: 17px; }
body.lang_he .langlist .btnd, body.lang_he .langlist .btnc { font-size:16px; }
body.lang_he .leadersRowLeft .leaderDtl p { font-size: 14px; }
body.lang_he .leadersRowLeft .vshape { right: 53px; left:0; }
body.lang_he .bluBtn { font-size: 14px; }

body.lang_fr .electionDtl .electionBottom { padding-top: 5px; }

body.lang_he .progressLeft .vshape { left: 0;width: 20px;right: 57px;}
body.lang_he .winnerBlk .vshape { left: 0;width: 20px;right: 47px; }

body.lang_he .member_dtl figure .vshape { right: auto; /*left:0; */}

body.lang_he .actVotesBxRight figure { position: relative; }
body.lang_he .botmdtl .btmRight .vshape{ right:auto; left:0; }
body.lang_he .leaderBx .txt h3 { padding-left: 75px; padding-right: 0; }

body.lang_he .leaderImage .vshape { left: 0; right: auto; }
body.lang_he .no_user { right: auto; left:0; }

body.lang_he .welcomePage { float: right; overflow-y:auto; }
.welcomePage { float: right; overflow-y:auto; }
body.lang_he .inner_Contet, body.lang_he .trendingpage, body.lang_he .electionDtl {/* float: right; */}
body.lang_he .trendingpage {/* float: right; */}
body.lang_he .whiteBx { float: right; }
body.lang_he .electionTitle {  padding: 0 13px 0 0;}
body.lang_he .electionDtl .electionMid { margin-right: 0px; float: right; }
body.lang_he .landingPage { float: right; }
body.lang_he .appBtns { padding: 10px 0 20px 20px; }
body.lang_he .voterList li { float: right; }
body.lang_he .topLeader, body.lang_he .ld_detail{ float: right; }
body.lang_he .ld_detail, body.lang_he .leaderBx { float: right; }
::-webkit-scrollbar { width: 5px;}

/*sign in header part*/
.sign-in-header-heading {
    color: #6C6C6C;
    background: #F9F9F9;
    padding: 10px;
    text-align: center;
}
.sign-in-heading {
    width: 80%;
    float: right;
}
.your_mobile_num {
    color: #558AFF;
}
.just_enter {
    color: #5e5d5d
}
.sign_in_text {
    margin-bottom: 10px;
}
.sign_in_continue_btn {
    margin: 60px 0 15px;
    border: 0;
    border-radius: 50px;
    width: 100%;
    padding: 13px;
    color: white;
    background: #919191;
}
.number_text_area {
    width: 100%!important;
}
.login-form {
    text-align: center;
}
.change_lan_link {
    width: 100%;
    color: #b0b0b0;
}
.change_lan_link_signup,
.your_mobile_num_signup {
    color: #0BBCFE;
}
.sign_in_continue_btn_signup {
    border: 0;
    margin: 20px 0;
    border-radius: 50px;
    width: 100%;
    padding: 13px;
    color: white;
    background: #0BBCFE;
}
.accept_terms_check {
    -webkit-appearance: none;
}
.accept_terms_check:after {
    content: '';
    margin: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #0BBCFE;
    border-radius: 4px;
    transform: translateY(4px);
    display: block;
}
.grey_text_signup {
    color: #C8C8C8  ;
}
.button_check_container {
    margin: 60px 0 15px;
}
.signupRow_profile {
    padding: 0!important;
}
.signup-profile-text-box-container {
    margin: 10px 0;
    overflow: hidden;
}

/*.download_section + .header + .profile-pic-container{  margin-top: 114px;}*/
.download_section.close + .header + .profile-pic-container{
    margin-top: 52px;
}
.profile-pic-container {

    height: 210px;
    background: #22559E;
    width: 100%;
    position: relative;
}
.name-signup-text {
    font-size: 14px!important;
    color: #8A8A8A!important;
}
.profile-pic-area {


    width: 130px;
    height: 130px;
    background: #ffffff52;
    background-position-x: 0%;
    background-position-y: 0%;

    position: absolute;
    top: 3px;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    margin: auto;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;

    justify-content: center;
    cursor: pointer;
}

.sign_in_header_title {
}
.sign_up_profile_header_title {
    background: #293E6A;
    padding: 15px;
    text-align: center;
    color: #fff;
}
.sign_in_header {
    background: #F9F9F9;
}
.header-arrow {
    float: left;
    width: 6%;
    transform: translateY(2px);
}
/* This css is for normalizing styles. You can skip this. */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}




.terms_service_checkbox_container {
    /*padding: 40px 0 0 0;*/
    padding: 1%;
}

.terms_service_checkbox{
    display: block;
    margin-bottom: 15px;
}

.terms_service_checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.terms_service_checkbox label {
    position: relative;
    cursor: pointer;
}

.terms_service_checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #558AFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 5px;
    top: -2px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}
input, optgroup, select, textarea {
    margin: 3px 0px !important;
    font: inherit;
    color: inherit;
}
.terms_service_checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    right: 0;
    left: 4px;
    width: 11px;
    height: 18px;
    border: solid #558AFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.blue-text {
    color:#558AFF;
}
.grey-text {
    color: #AEAEAE;
}
.otp_input {
    width: 100%;
    font-size: 16px;

    text-align: center;
}
.signupRow_otp {
    width: 30%;
    margin: auto;
    overflow: hidden;
    border-bottom: 2px solid #d5d6d8;
    /* padding: 12px 20px 10px 10px; */
    padding: 5px;
}
.sign_up_profile_header {
    background: #f5f5f766;
    padding: 16px 10px;
    border-bottom: 1px solid #ccc;
}
.header_heading {
    font-size: 22px;
    text-align: center;
}




/* new code  csss*/
.modal-backdrop{
    z-index: 0 !important;
}
/*download app css*/
.download-app-main-container {
    /*height:570px;*/
    height: 100%;
    padding: 0 10px;
    overflow-x: hidden;
    scroll-behavior: smooth;
    transition: 2.6s;
    overflow-y: scroll;
    /*padding-bottom: 80px;*/

}
.about-container, .download-app-container{
    width: 100%;


}

.download-app-area{
    background: #df3569;
    border-radius: 4px;
    margin: 5% 15%;

}
.app-content-heading{
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 3px 21px;


}
.votingimg{
    display: flex;
    justify-content: center;
    padding-top: 5px;
}
.img-height{
    height: 100px;

}
.voting-content{
    padding-top: 25px;
    text-align: center;
}
.download-app-link{

    font-size: 20px;
    padding-top: 20px;
}
.voting-txt-content{
    font-size: 16px;
}
.voting-txt{font-size: 18px;}
.download-app-button{
    display: flex;
    padding-top: 20px;
    justify-content: center;

}
.download-app-button img{
    height: 50px;
    padding-right: 15px;
}
.top-space{padding-top: 10px;}
.top-space-mar{margin-top: 30px;}
.elips-img{height: 200px;}
.hr-line {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #999;
    margin-left: 10%;
    margin-right: 10%;
}
.about_heading{
    font-size: 22px;
    text-align: center;

}
.about-heading-label{
    font-size: 22px;
    text-align: center;

    display:block;
}
.about-listing{padding-left: 26px !important;}
.about-listing ul li{
    list-style-type: none;
    font-size: 16px;
    margin-left: 0;
}
.about-listing ul li:before{
    content: " . ";
    color: #10B7F4;
    height: 30px;
    font-size: 60px;
    margin-left: -29px;
    box-sizing: border-box;
    line-height: 20px;}
.download-app-menu-list ul li:nth-last-child() {
    border-right: none;
}
.block-illustration{
    /*padding:0px 60px;*/
    height: 200px;
    /*width: 290px;*/
}
.user-interest-container{
    display: flex;
    justify-content: center;
}
.learn-more-btn{

    width: 165px;
    height: 75px;
    color: #fff;
    font-size: 14px;
    background: #df3569;
    text-align: center;
    padding: 10px 10px;
    margin-left: 15px;
    border-radius: 2px;
    text-transform: uppercase;
}
.convenced-btn{
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #00aeef;
    width: 165px;
    height: 75px;
    padding: 11px 2px;
    margin-left: 3%;
    border-radius: 2px;
    text-transform: uppercase;

}
.convenced-btn-new{
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #00aeef;
    width: 165px;
    height: 75px;
    padding: 11px 1px;
    border-radius: 2px;
    text-transform: uppercase;
    margin-left: 12px;

}
.marg-right{margin-left: 3%;}
.download-app-menu-list{text-align: center;margin-bottom: 25px;}
.download-app-menu-list ul li {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 0px 5px;;font-size: 10px;
    color: #0072bc;
    line-height: 12px;
}
.download-app-menu-list ul li a{
    color: #0072bc;
    text-decoration: none;
    font-size: 15px;
}

.label-txt{font-size: 16px;display: block;}
.block-illustration-2{height: 250px;}
#readmore {display: none; -webkit-transition: width 5s; /* Safari */
    transition: width 5s; scroll-behavior: [ auto | smooth ];}
#readmore-new{display: none; -webkit-transition: width 5s; /* Safari */
    transition: width 5s; scroll-behavior: [ auto | smooth ];}
input[type=file]
{
    visibility: hidden;
}
.profile-pic-area label{
    margin: auto;
    /*vertical-align: middle;*/
    position: relative;
    /*top: 30%;*/
    cursor: pointer;
}
.profile-pic-area label img{
    vertical-align: middle;
    height: auto;
    width: 100%;
}
.signup-profile-text-box-container label:first-child:after{
    content: ' * ';
    color: #e10e0e;;

}
body.lang_he .about-listing ul li::before {
    content: " . ";
    color: #10B7F4;
    height: 30px;
    font-size: 60px;
    margin-right: -27px;
    margin-left: 0px;
    box-sizing: border-box;
    line-height: 20px;
}
body.lang_he .about-listing ul li {
    list-style-type: none;
    font-size: 16px;
    margin-right: 27px;
}
.signinForm {
    margin-top: 15px;
    margin-bottom: 25px;
    direction: ltr !important;
}
#readmore{
    /*padding-top: 60px;*/
}
#readmore-new{
    /*padding-top: 50px;*/
}
.actVotesBxRight figure a img{
    width: 70px;
    height: 70px;
}
.actVotesBxRight .vshape img{
    width: 16px !important;
    height: 18px !important;
}
.leadersRowLeft figure {    width: 33%; }

.profileshape {text-align: center; position: absolute;
    width: 15px;
    height: 18px;
    background: url(../images/shape.png) no-repeat left top;
    background-size: auto auto;
    bottom: -2px;
    right: 3px;
    background-size: 100%;}
.profileshape span {   color: #fff;  padding: 3px 0 0 0 ; display: block; font-size: 10px;}
.viewmore_post {
    display: none;
}

.postedTxt{ float: left; width: 100%; padding: 15px 0 0 0;}
.postedTxt h4 { color: #343439; font-size: 24px; padding-bottom: 5px; padding: 5px 25px; text-align: -webkit-auto;}
.postedTxt p{
  /* color: #343439; */
  color: #000000;
  font-size: 17.5px; padding-bottom: 15px;line-height: 1.3; text-align: -webkit-auto;}
.postedtp .imgUserPost img { height: 50px;}
@media (max-width: 767px){
    .sendComment .loginPopUp {background-size: 30px;}
}
.electionTop .sharewith,.electionDtl .sharewith{
    right: 5%;
    width: 10%;
    position: absolute;
    left: initial;
}
.lang_he .electionTop .sharewith, .lang_he .electionDtl .sharewith{
    left: 5%;
    width: 10%;
    position: absolute;
    right: initial;
}
.trendingpage2 {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.bell:target,.bell:active,.bell:focus,.bell.vibration {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.iti.iti--container {
    direction: ltr;
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: initial !important;
}
.affiliate.sharewith a {
    text-align: initial;
    width: initial;
    height: initial;
    line-height: initial;
    background: initial;
    border: initial;
    border-radius: initial;
}

.affiliate.sharewith {
    position: initial;
    right: initial;
    top: initial;
}

.votedBtn.vote {
    margin-top: -6px;
}

.leaderRight span {
    margin-top: -7px;
    display: block;
    font-weight: bold;
}

@media (max-width: 767px){
  .inner_Contet{
    width: 100% !important;
  }
  .trendingpage{
    overflow-x: hidden !important;
  }
  .wraper{
    overflow-x: hidden !important;
  }
  .header_title{
    margin-left: 16px !important;
  }
  .bottom_menu{
    bottom: -0.5% !important;
    padding-bottom: 13.5% !important;
  }
  .bottom_menu li.election a span{
      margin-top: -23px;
  }
  .bottom_menu li.electiontrending a span{
      margin-top: -23px;
  }
  .commentSect.detail{
    margin: 0px !important;
    width: 100% !important;
  }

}
.bottom_menu{
  bottom: -1% !important;
  padding-bottom: 13.5% !important;
}
.bottom_menu li.election a span{
    margin-top: -23px;
}
.bottom_menu li.electiontrending a span{
    margin-top: -23px;
}