/* home start */
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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;
	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	direction:ltr;

}
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;
}

a{
text-decoration:none;
color:inherit;
}
/*a:link {color:auto;}     
a:visited {color:auto} 
a:hover {color:#404041;}  
a:active {color:#404041;} 
*/
b{
font-weight:bold;
font-size:inherit;
}
textarea{
font-family:Arial,Helvetica, sans-serif;
}
@font-face {
  font-family: "Spoiler";
  font-style: normal;
  font-weight: normal;
 src: url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/Spoiler.eot');
    src: url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/Spoiler.eot?#iefix') format('embedded-opentype'),
    url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/Spoiler.woff2') format('woff2'),
    url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/Spoiler.woff') format('woff'),
    /* error */
		 url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/Spoiler.ttf') format('truetype'),
/* error */
         url('https://d1iblcx77n3wyl.cloudfront.net/files/fonts/Spoiler.svg#ReformaRegular') format('svg');
/* error */
		}

@font-face {
  font-family: "Spoiler";
  font-style: normal;
  font-weight: bold;
	src: url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/SpoilerBold.eot');
    src: url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/SpoilerBold.eot?#iefix') format('embedded-opentype'),
    url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/SpoilerBold.woff2') format('woff2'),
    url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/SpoilerBold.woff') format('woff'),
    /* error */
		 url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/SpoilerBold.ttf') format('truetype'),
/* error */
         url('https://d1iblcx77n3wyl.cloudfront.net/files/fonts/SpoilerBold.svg#ReformaRegular') format('svg');
/* error */
	}
@font-face {
  font-family: "HeSpoiler";
  font-style: normal;
  font-weight: normal;
	src: url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoiler.eot');
    src: url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoiler.eot?#iefix') format('embedded-opentype'),
    url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoiler.woff2') format('woff2'),
    url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoiler.woff') format('woff'),
    /* error */
		 url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoiler.ttf') format('truetype'),
/* error */
         url('https://d1iblcx77n3wyl.cloudfront.net/files/fonts/HeSpoiler.svg#ReformaRegular') format('svg');
/* error */
		}
@font-face {
  font-family: "HeSpoiler";
  font-style: normal;
  font-weight: bold;
  	src: url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoilerBold.eot');
    src: url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoilerBold.eot?#iefix') format('embedded-opentype'),
    url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoilerBold.woff2') format('woff2'),
    url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoilerBold.woff') format('woff'),
    /* error */
		 url('https://d1iblcx77n3wyl.cloudfront.net/files/fontface/HeSpoilerBold.ttf') format('truetype'),
/* error */
         url('https://d1iblcx77n3wyl.cloudfront.net/files/fonts/HeSpoilerBold.svg#ReformaRegular') format('svg');
/* error */
}


.loading_container{
width:100px;
margin: 0px auto;


}
.load_box{
width:10px;
height:13px;
background-color:#404041;
margin-right:5px;
margin-left:5px;
display:inline-block;
z-index:120;
float:left;

}

.points1{
white-space: nowrap;
 text-overflow:   ellipsis;
overflow: hidden; 
}
.points2,.P{
overflow: hidden; 
display:block;
}
.L{
text-decoration:underline;
color:#005389;
cursor:pointer;
}
.L:hover{
text-decoration:none;

}



.black_div{
background:black;
opacity: 0.8;
bottom: 0;
right: 0;
position: fixed;
left: 0;
top: 0;
z-index:12;
}
.link_div{
z-index:400;
width:640px;
padding:30px;
height:140px;
border:2px solid blue;
background:white;
position:fixed;
top:50%;
right:50%;
margin-top: -100px;
margin-right: -350px;
}
.enter_link{
text-align:center;
font-size:20px;
font-weight:bold;
width: 100%;
 display: block;

}
.centered
{
margin: auto;
    width: 120px;
    margin-top: 50px;
    display: block;
}
.link_input{
margin-top:30px;
height:30px;
width:630px;
padding-right:10px;
border:1px solid #dcddde;
border:1px solid #dcddde;
}
.link_submit_but{
display:block;
float:left;
color:white;
background:#404041;
text-align:center;
cursor:pointer;
border:2px solid #e3e4e5;
height:30px;
padding-left:10px;
padding-right:10px;
font-size:17px;
line-height:26px;
margin-top:20px;
}
.link_submit_but2{
margin-left:10px;
margin-right:10px;
}
.upload_photo_div_pop{
width:100%;
height:50px;
display:block;
}

.report_textarea{
width:99%;
padding-right:1%;
padding-top:3px;
height:77px;
margin-top:10px;
margin-bottom:-7px;
}


.terms_link{
color:#115E8F;
text-decoration:underline;
}
.terms_link:hover{
text-decoration:none;
}










.inblock-div{
	display:inline-block;
}







.site_label{
font-size:17px;
display:block;
margin-top:10px;
}

.site_input{
width:100px;
height:30px;
font-size:17px;
line-height:30px;
text-align:center;
}
.site_but{
width:100px;
height:30px;
font-size:16px;
line-height:30px;
text-align:center;
margin-left:15px;
background:#404041;
color:white;
}
.site_text{
font-size:17px;
line-height:1.45;
font-weight:normal;
margin-top:20px;
margin-bottom:20px;
}
b{
font-weight:bold;
}
.site_h2{
font-weight:bold;
font-size:24px;
margin-top:20px;
margin-bottom:20px;
}

.list1{
 counter-reset:section;
 list-style-type:none;
 }
li.li1{ 
list-style-type:none;
font-size: 23px;
font-weight: bold;

}
li.li1:before{

 margin-top:10px;
 margin-bottom:10px;
   counter-increment:section;
 content:counter(section) ". ";

 }
 .list_2{
  counter-reset:subsection;
 list-style-type:none;
font-size:17px;
font-weight:normal;
line-height:1.6;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
margin-top:20px;
}
 .list_3{
 counter-reset:subsubsection;
  list-style-type:none;
margin-left:20px;
margin-right:20px;
 }

.li2{ 
list-style-type:none;
}

li.li2:before{
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) ")   ";
	margin-right:5px;
	font-weight:bold;
}

li.li3{
list-style-type:none;

}
li.li3:before {
    counter-increment:subsubsection;
    content:counter(section) "." counter(subsection)"." counter(subsubsection) ")   ";
	margin-right:5px;
		font-weight:bold;
}
.nice_web{
font-size:19px;
font-weight:bold;
}






.nopage_div{
margin-top:30px;
font-size:17px;
}





.forgot_all{
width:400px;
margin:0px auto;
padding:20px;
border:1px solid #dcddde;
margin-top:100px;
margin-bottom:100px;
}
.please{
font-size:17px;
line-height:1.3;
}

.forgot_input{
margin-bottom:10px;
margin-top:10px;
width:380px;
padding-left:10px;
padding-right:10px;
height:40px;
font-size:17px;
border:1px solid #404041;
}
.forgot_submit{
width:100%;
background:#404041;
color:white;
font-weight:bold;
height:40px;
margin-top:10px;
font-size:18px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  cursor:pointer;
}

.forgot_textare{
margin-bottom:10px;
margin-top:10px;
width:380px;
padding-left:10px;
padding-right:10px;
height:150px;
font-size:17px;
border:1px solid #404041;
padding-top:5px;
}
.semi_link{
color:#115e8f;
font-weight:bold;
}
.explain{
font-size:17px;
}

.loader{
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -52px;
    margin-top: -50px;
    z-index: 10000;
}

/* home end */
/* article start */
.article_text,.P{

padding-top:9px;
padding-bottom:9px;
width:645px;
font-size:17px;
color:#404041;
/*color:#293139;*/
color:#4e5159;
color:#293139;

color:#3e4149;
line-height:1.55;
padding-left:15px; /* right */
}
.article_text2{
    margin-bottom:9px;
    width:645px;
    font-size:17px;
    color:#404041;
    /*color:#293139;*/
    color:#4e5159;
    color:#293139;
    
    color:#3e4149;
    line-height:26px;
    padding-left:15px; 
    white-space: pre-line; 
    max-height:156px;
    display: block;
    overflow-y: hidden;
}
p.P{
padding-bottom:0;
max-height:192px;

}

.article_h2{

width:645px;
font-size:21px;
color:#404041;
line-height:25px;
margin-top:15px;
font-weight:normal;
padding-right:15px; 
padding-left:15px;
display:block;
}
.article_h1{
color:black;
width:610px;
font-size:27px;
color:#404041;
font-weight:bold;
line-height:32px;
padding-right:15px;
padding-left:15px;
display:block;
margin-top:15px;
}
.U{
text-decoration:underline;
}

.Q{

background:#f1f1f1;
color:#404041;
font-style:italic;
font-size:17px;
line-height:23px;
display:block;
width:530px;
font-weight:bold;
padding-left:20px;  /* right */
padding-right:20px; /*left */
padding-top:15px;
padding-bottom:15px;
margin-left:30px;  /* right */
}
.L{
text-decoration:underline;
color:#005389;
cursor:pointer;
}
.L:hover{
text-decoration:none;

}
.H{
margin-top:12px;
margin-bottom:12px;
font-size:20px;
display:block;
font-weight:bold;
}
.I{
 font-style: italic;
}
.img_1_container_com{
width:645px;
margin-left:15px;  /* right */
padding-top:12px;
padding-bottom:12px;
}
.image_comment{
overflow:hidden;
background:white;
font-size:14px;
font-weight:bold;
line-height:26px;
padding-right:10px;
padding-left:30px;
max-height:26px;
display:block;
}

.image_1_comment{

}
.image_1{
width:645px;

}
.img_2_container_com{
width:340px;
float:right; /*left */
padding-left:15px;  /* right */
margin-bottom:5px;
}
.image_2_comment{
}
.image_2_containter{
width:660px;
padding-top:12px;
padding-bottom:12px;
}
.image_2{
margin-bottom:2px;
width:340px;
}
.image_2_text_div{

font-size:17px;
color:#404041;
line-height:24px;
position:relative;
margin-top:-12px;
}

#article,.article{

border:1px solid #e3e4e5;
width:675px;
position:relative;
padding-bottom:15px;
padding-top:15px;
}

.article{
margin-top:20px;
margin-bottom:20px;
}










/*------------------------------------------------------------picture div--------------------------------------------*/
#picture_div,.picture_div{
margin-top:25px;
margin-bottom:23px;
padding-right:15px;
padding-left:15px;
display:block;
height:53px;
}
.profile_pic{
width:53px;
float:left;
height:53px;
}
.side_img{
display:inline-block;
height:53px;
margin-left:10px; /* right */
float:left;

}
#picture_side_by_side,.picture_side_by_side{
position:relative;

}
.profile_link{
font-size:16px;
color:#115e8f;
text-decoration:underline;
line-height:1;
margin-bottom:7px;
cursor:pointer;
float:left;

}
.profile_link:hover{text-decoration:none;}

.article_date{
font-size:16px;
color:#115e8f;
margin-left:10px;  /* right */
float:left;
cursor:pointer;
}


.article_date:hover{
    text-decoration:underline;
}
.favorite_spam{
font-size:16px;
margin-left:5px;
}
.add_to_favorite{
line-height:25px;
position:relative;
font-family:Spoiler,HeSpoiler,Arial,Heltiva;
margin-top:2px;
display:block;
float:left;
padding-left: 10px;
padding-right: 20px;
border-radius: 5px;
border:1px solid #dcddde;
cursor:pointer;
}
.add_to_favorite:hover{
background:#ecedee;
}
.favorite{
position:relative;
top:2px;
}



/*----------------------------------------youtube---------------*/
.youtube_frame{
padding-top:15px;
padding-bottom:15px;
padding-left:15px;  /* right */
width:645px;
height:366px;
}



.article_main_left{
/* error */
	float:left;
	
}


.create_post_main{
display:block;
width:675px;
border:1px solid #dcddde;
padding-bottom:15px;
}
.create_post_ta{
width:90%;
border:0;
padding:5%;
border-bottom:1px solid #dcddde;
}
.create_post_buttons{
height:34px;
margin-top:15px;
}
.create_post_pic{
height:20px;
float:left;
display:inline-block;
vertical-align: middle;
}
.create_post_add{
margin-left:10px;
font-size:20px;
text-decoration:inherit;
float:left;
line-height:20px;;
}
.create_post_clicker{
cursor:pointer;
background-color:#edeeee;
float:left;
height:20px;
border-radius: 20px;
padding-left:20px;
padding-right:20px;
margin-right:20px;
margin-left:10px;
padding-top:7px;
padding-bottom:7px;
}
.create_post_clicker:hover{
text-decoration:underline;
background-color:#dcddde;
}


.profile_vote_preview{
width:15px;
	
}

blockquote {
  border-left: 4px solid green;

  padding-left: 16px;
  font-size:20px;
  color:#808080;
}

.article_text h1 {
  font-size: 27px;
}
.article_text h2 {
  font-size: 22px;
}

.article_text li:before {
    /* margin-left: -1.5em; */
    margin-right: 10px;
    text-align: right;
}


.article_text ol li:before {
    content: counter(list-0,decimal) ". ";
}

.article_text ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.article_text ul>li:before {
    content: "\2022";
}



/* boxes */


#bar_msgs_div{
position:absolute;
left:110px; /*right */
top:31px;
width:261px;
z-index:5;
display:none;
color:#404041;
}
.bar_msgs_arrow{
position:absolute;
width:358px;
height:13px;
top:0px;
left:0px; /*right */
}
.bar_msgs_other{
background:white;
position:absolute;
top:13px;
left:0px; /*right */
border-right:1px solid #d1d7da;
border-left:1px solid #d1d7da;
width:356px;
font-weight:normal;
}
.bar_msgs_limit{
min-height:124px;
max-height:248px;
width:100%;
display:block;
overflow-y:hidden;
overflow-x:hidden;
line-height:90px;
text-align:center;
font-size:17px;
}
.bar_msgs_limit:hover{
overflow-y:auto;
}
.bar_view_div{
width:100%;
text-decoration:underline;
height:45px;
line-height:45px;
text-align:center;
font-size:16px;
font-weight:bold;
background-color:#dcddde;
color:#404041;
cursor:pointer;
float:left;
}
.bar_view_div:hover{
text-decoration:none;

}
/*------------------------------------------------------------------1 message----------------------------------------------------------*/
.real_msg_box{ /*total width 356 */
width:324px;
height:45px;
border-bottom:1px solid #d1d7da;
padding-right:25px; /*left */
padding-top:8px;
padding-bottom:8px;
padding-left:7px; /*right */
cursor:pointer;
text-align:left; /*right */
position:relative;
display:block;
}
.real_msg_box_unread{
background:#f6f7f8;
}
.real_msg_box:hover{
background-color:#edeeee;
}
.not_medal_extra{
position:absolute;
width:16px;
height:23px;
left:39px; /*right */
top:38px;
}
.real_msg_image{
float:left; /*right */
display:inline-block;
height:45px;
width:45px;
}
.real_msg_others{
width:267px;
padding-left:8px;  /*right */
display:inline-block;
float:left; /*right */
height:45px;
}
.real_msg_name{
font-size:14px;
font-weight:bold;
color:#404041;
line-height:14px;
}
.real_msg_str{
font-size:14px;
line-height:16px;
max-height:32px;
color:#919296;
}

.bar_nots_div{
position:absolute;
right:110px; /*right */
top:31px;
width:259px;
z-index:5;
display:none;
color:#404041;
}
.real_not_msg{
font-size:14px;
line-height:15px;
color:#404041;
max-height:45px;
}
#bar_fav_div{
position:absolute;
left:325px; /*right */
top:31px;
width:259px;
z-index:5;
display:none;
color:#404041;
}
.real_fav_msg{
font-size:14px;
line-height:15px;
color:#404041;
max-height:30px;
}
.favorite_date{
margin-top:2px;
line-height:13px;
font-size:13px;
color:#919296;
float:left;
}

.profile_logged_div{
display:inline;
float:right;	
position:relative;
cursor:pointer;
}
.profile_logged_image{
	width:36px;
	border-radius:20px;
	position:relative;
	bottom:7px;
}
/* boxes end */
/* logo bar start */
/* ----------------------------------logo home page----------------------*/











/*--------------------------------------------------------error---------------------*/
.error_div{
position:absolute;
z-index:4;
top:-53px;
background:white;
border:1px solid #ff0000;
min-height:56px;
padding-right:15px;  
padding-left:15px;
line-height:24px;
cursor:auto;
max-width:1000px;
}

.error_red{
height:22px;
position:relative;
margin-top:17px;
width:22px;
background:#ff0000;
display:inline-block;
float:left;/* right */
line-height:22px;
display:inline-block;
}
.error_img{
display: inline-block;
margin: auto;
vertical-align:middle;
text-align:center;
}
.slider {
width: 100%;
position: relative;
text-align: center;
height:100%;
}
.slider:before
{
height: inherit;
display: inline-block;
vertical-align: middle;
content:"";
}
.error_spam{
position:relative;

color:#ff0000;
font-size:17px;
padding-left:10px;   /* right */
padding-top:16px;
padding-bottom:16px;
display:inline-block;
vertical-align:baseline;
text-align:left;/* right */
font-weight:normal;

}

.error_close{
font-size:14px;
position:absolute;
top:1px;
left:1px; /*left*/
color:black;
line-height:14px;
cursor:pointer;
text-align:left;
}
.error_close:hover{
font-weight:bold;
}





/*-------------------------------login facebook follow write---------------------------------------*/




.share_your_div{
color:#404041;
font-family: Arial,Helvetica, sans-serif;
z-index:333;
width:400px;
padding:30px;
height:540px;
border:3px solid #005387;
background:white;
position:fixed;
top:50%;
right:50%;
margin-top: -300px;
margin-right: -230px;
}
.share_your{
text-align:center;
font-size:21px;
margin-bottom:35px;
font-weight:bold;
display:block;
line-height:1.5;

}
.skip_to_post{
font-size:17px;
color:#005389;
font-weight:bold;
display:block;
line-height:1.4;
margin-top:35px;
cursor:pointer;
float:left;
}
.reg_with_mybook{
	float:right
}
.skip_to_post:hover{text-decoration:underline;}
.facebook_div{
color:white;
font-size:17px;
margin-bottom:35px;
font-family: Arial,Helvetica, sans-serif;

}

.google_div{
color:white;
font-family: Arial,Helvetica, sans-serif;

}
span.login_with_facebook2{
font-size:17px;
}





/*-------profile search-------*/
.article_search2_div{
width:96%;
padding:2%;
height:45px;
z-index:10;
display:block;
}
.image_search2_div{
width:45px;
height:45px;
float:left;

}
.image_search2{
width:100%;
height:100%;
}
.article_search2_others{
width:160px;
height:45px;
padding-left:8px;
float:left;
}
.article_search1_h2{
font-size:16px;
line-height:20px;
max-height:40px;
margin-top:4px;
font-weight:bold;
}
.article_search2_div:hover{
background:#edeeef;
}


/* logo bar end */
/* profile start */
.dont_show{
	display:none;
	
}
.picture_div3{
display:block;
margin-bottom:20px;
height:160px;
width:677px

}
.profile_image_container{
width:160px;
height:160px;
margin-left:20px; /*right*/
display:inline-block;
float:left; /*right*/
position:relative;
}
#upload_profile_full{
position:absolute;
bottom:0px;
right:0px; /*left*/
width:160px;
height:160px;
z-index:2;
opacity: 0;
background-color: rgba(255,255,255,0.00);
}
#upload_profile_full:hover{
display:block;
opacity: 1;

}
#profile_image{
width:160px;
height:160px;
}
.upload_profile_div{
opacity: 1;

 background-color: rgba(00,00,0,0.70);
position:absolute;
bottom:0px;
width:150px;
height:35px;
z-index:1;
line-height:35px;
padding-right:10px; /*left*/
direction:rtl; /*right */
color:white;
font-weight:normal;
cursor:pointer;
}
.upload_profile_div:hover{
	font-weight:bold;
	}

.profile_div_others_container{
position:relative;
margin-left:30px; /*right*/
display:inline-block;
float:left; /*right*/
height:160px;
width:460px;
}
.profile_div_others{
position:absolute;
bottom:0px; 
width:100%;
}

.medals_and_name{
width:100%;
font-size:25px;
height:25px;
}
.profile_name{
font-size:25px;
font-weight:bold;
margin-right:18px; /*left*/
display:inline-block;
float:left; /*right*/
}
.profile_medals{
display:inline-block;
float:left; /*right*/
}



.profile_pic_buttons{
display:block;
height:32px;
position:relative;
    margin-top: 15px;
    float: left;
    width: 100%;
}
.profile_pic_button,.profile_pic_button2{/*height:32px;*/
height:16px;
font-size:16px;
padding-top:7px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
border:1px solid #dcddde;
background-color:white;
color:#404041;
font-weight:bold;
display:inline-block;
float:left; /*right*/
margin-right:20px; /*left*/
cursor:pointer;
position:relative;
text-align:center;
min-width:80px;
background: #f9f9f9;
}
div.profile_pic_button2{
	color: #404041;
    border: 1px solid #dcddde;
}

.profile_button_icon{
margin-right:6px; /*left*/
}
.profile_pic_button:hover,.profile_pic_button2:hover{
	background: #e9e9e9;
}


/*----------------------------------------------------------------------------------message---------------------------------------------------------------------------*/
.msg_box,.msg_box_small{
position:absolute;
width:486px;
height:242px;
top:32px;
left:1px; /*right*/
 overflow-x: hidden;
}
div.msg_box_small{
	width:256px
}

.msg_arrow{
width:486px;
height:13px;
position:absolute;
top:0px;
left:0px; /*right*/
}
.msg_others{ /* total height- 229px */
border-bottom:2px solid #404041;
border-left:2px solid #404041;
border-right:2px solid #404041;
height:227px;
position:absolute;
top:13px;
left:0px; /*right*/
display:block;
background:white;
z-index:5;
width:calc(100% - 4px);
}


#msg_textarea{ /* total height 169px*/
width:calc(100% - 30px);
display:block;
padding-top:23px;
padding-left:15px;
padding-bottom:16px;
padding-right:15px;
border-right:0px; 
border-left:0px;
border-top:0px;
border-bottom:1px solid #d2d3d5;
font-size:14px;
height:129px;
resize: none;
}
#msg_textarea:focus{
 outline: none;
 }
.msg_send_div{ /* total height:58px */
padding-top:13px;
padding-bottom:13px;
height:32px;
padding-right:13px; /*left*/
display:block;
}

#msg_send{
float:right; /*left*/
background-color:#404041;
color:white;
line-height:28px;
height:28px;
border:2px solid #404041;
text-align: center;
font-size:17px;
width:84px;
cursor:pointer;
}
#msg_send:active{
border:2px solid white;
}








.favor_stats{
font-size:16px;

display:block;
float:left;
margin-top:15px;
width:100%;
color:#a1a1a1;
}
.fbold{
font-weight:bold;
color:#606060;

}
.follows_word{
margin-right:10px;
color:#a1a1a1;
}
.follows_word:hover{
text-decoration:underline;
}

/* profile end */
/* read start */
.article_page_div{
	margin:auto;
	width:1017px;
	margin-top:35px;
}

.article_main_left{
/* error */
float:left; /*right */
width:677px;
display:inline-block;
}

.article_main_right{ /*width 273 */
/* error */
float:left; /*right */
padding-left:20px; /*right */
width:253px;
display:inline-block;

}
.book_main_right{
/* error */
	float:left; /*right */
padding-left:15px; /*right */
width:258px;
display:inline-block;
margin-left:27px;
margin-top:20px;
	
}

/*================================================================votes==========================================================*/

.votes{
position:relative;
height:59px;
width:100%;
margin-top:30px;
overflow:visible;
display:block;
float:left;
}
.votes_abs{ /*width:701px; */
position:absolute;
left:-13px; /*right */
width:699px;
height:59px;
border-bottom:1px solid #a7aeb5;
border-right:1px solid #a7aeb5; 
border-left:1px solid #a7aeb5;
border-top:1px solid #E0E0E0;
/*box-shadow: 0 -1px 0 #efefef;*/
font-family:Spoiler,HeSpoiler,Arial,Helvetica,  sans-serif;

}

.vote_div{
width:125px;
height:100%;
font-size:30px;
line-height:59px;
text-align: center;
float:left; /*right */
display:inline-block;
color:white;
}
.vote_others{
float:left; /*right */
display:inline-block;
background:#dcddde;
width:574px;

}
.vote_em_div{
float:left; /*right */
display:inline-block;
margin-left:35px; /*right */
position:relative;
}
.vote_em_img_div{
position:relative;
width:34px;
height:59px;
float:left; /*right */
display:inline-block;
}
.vote_em_img{
position:absolute;
bottom:12px;
left:0px; /*right */
cursor:pointer;
}
.vote_em_others{
float:left; /*right */
display:inline-block;
direction:rtl;
max-width:51px;
width:51px;
position:relative;
}
.vote_em_box{
display:inline-block;
float:right; /*left */
max-height:22px;
height:22px;
margin-top:12px;
position:relative;
width:46px;
margin-bottom:1px;
background:#dcddde;
}
.vote_em_box_right{
/* error */
position:absolute;
right:0px; /*left */
top:0px;
height:20px;
border-top:1px solid #cbcbcc;
border-right:1px solid #cbcbcc; /*left */
border-bottom:1px solid #cbcbcc;
width:35px;
max-width:35px;
padding-right:5px; /*left */
background:white;
font-size:19px;
 direction: rtl;
outline: 1px solid #dcddde;

}
.vote_em_arrow{
right:41px; /*left */
top:0px;
position:absolute;
display:inline-block;
height:22px;
}
.vote_em_type{
font-size:16px;
font-weight:bold;
 white-space: nowrap;
position:relative;
 }

.vote_em_type{
cursor:pointer;
}
.vote_em_type:hover{
text-decoration:underline;
}

.votes_corner_1{
position:absolute;
top:-10px;
right:-1px; /*right */
}
.votes_corner_2{
position:absolute;
top:-10px;
right:688px; /*right */
}

.vote_error{
  position:absolute;
  top:59px;
  height:50px;
  line-height:50px;
  color:red;
width:100%;
  font-size:15px;
    text-align:center;
  
}
.login_facebook{
  height:25px;
  position:relative;
  top:8px;
  width:auto;
  cursor:pointer;

}
#votes{
  position:absolute;
  top:-83px;
  width:100%;
  display:block;
}


/*---------------------------------------------------------------comments-----------------------------------------------------------------*/
.comments_div{
width:645px;
padding-left:15px; /*left */
display:block;
padding-top:20px;
color:#404041;
float:left;
}
.comments_how_many,.books_from_div{
width:637px;
padding-left:8px; /*left */
height:28px;
font-size:15px;
font-weight:bold;
line-height:28px;
background-color:#404041;
color:white;
margin-bottom:10px;
}
.books_from_div{
width:97%;
padding-left:3%; /*left */	
}
.comments_how_many_coms{
    width: 637px;
    padding-left: 8px;
    height: 28px;
    font-size: 15px;
    font-weight: bold;
    line-height: 28px;
    background-color: #404041;
    color: #fff;
    margin-bottom: 15px;
}
.edit_comment_div4{
	margin-top:20px;
}
.comment_margin{
float:right; /*right */
background:white;
height:100%;
width:2px;
}


/* add comment inputs */
.add_comment_after{
position:relative;
width:625px;
padding:10px;
}

.comment_send_pimg{
    margin-top: 2px;
width:45px;
margin-right:10px;
border-radius:50%;
float:left;
display:inline-block;
}
.add_comment_input{
resize: none;
width:555px;
display:inline-block;
border:1px solid #dcddde;
padding-left:8px; /*left */
padding-top:15px; 
font-size:15px;
height:30px;
margin-bottom:10px;
background:white;
color:#404041;
}
.add_comment_input_focus { 
height:50px;
}
.add_a_comment {
  display:inline-block;
    padding:6px;
    width: auto;
	margin-left:55px;
    font-size: 13px;
    line-height: 1;
   color: white;
   cursor: pointer;
}
.close_comment {
  display:inline-block;
    padding:6px 15px 6px 15px;
	font-weight:bold;
    width: auto;
	margin-left:10px;
    font-size: 13px;
    line-height: 1;
   color: #404041;
   background:#dcddde;
   cursor: pointer;
}
.agree_div{
display:inline-block;
margin-left:10px;
font-size:15px;
}
.agree_comment{
position:relative;
top:1px;
}

.send_comment_img{
width:12px;
height:11px;
position:relative;
top:1px;
cursor:pointer;
}

.add_comment_cancle_div{
color:#e64a3d;
font-size:17px;
position:absolute;
right:10px; /*right */
top:10px;
cursor:pointer;
}
.comment_loader{
width: 100%;
  height: 35px;
 font-size: 14px;
 font-weight: bold;
  line-height: 35px;
    background-color: #f7f7f7;
    color: #404041;
	border:1px solid #dcddde;
    margin-bottom: 10px;
	 text-align: center;
    margin-top: 10px;
	cursor:pointer;
	float:left;
}
/*------------------------------------single comment ------------------------------------------------*/
.comments_father{
/*border-bottom:1px solid #dcddde;*/

}
.comment_div{
padding-left:11px; /*left */
padding-right:13px; /*right */
padding-top:17px;
padding-bottom:4px;
width:621px;
background:white;
position:relative;
}
.comment_div_son{
position:relative;
left:55px; /*left */
    padding-right: 0;
width:565px;
}

.comment_h1_plus_div{
display:inline-block;
width:100%;
}

.comment_name_and_date{
display:block;
width:100%;

}
.comment_image{
border-radius:50%;
width:45px;
float:left; /*left */
margin-right:10px; /*right */
}
.comment_image2{
border-radius:50%;
width:35px;
float:left;  /*left */
margin-right:10px; /*right */
}
.comment_name{
font-size:14px;
color:#005387;
font-weight:bold;
}
.user_hover:hover{
text-decoration:underline;
}

.comment_bottom{
color:#555555;
margin-top:5px;
display:block;
position:relative;
font-size:12px;
line-height:15px;
}




.comment_report{
position:absolute;
right:17px; /*right */
top:17px;
font-size:11px;
cursor:pointer;
}
.comment_report:hover{text-decoration:underline}



.name_and_others{
display:inline-block;
float:left;
width:90%;
}
.comment_text{
font-size:15px;
margin-top:2px;
line-height:1.4;
white-space: pre-line;
}


.reply_comment{
display:inline-block;
color:#8b9197;
font-size:12px;
font-weight:bold;
cursor:pointer;
}
.reply_comment:hover{
text-decoration:underline;
}
.comment_bullet{
margin-left:2px;
margin-right:2px;
color:#404041;
}



.comment_up_img{
height:12px;
}

.comment_down_img{
height:12px;
position:relative;
top:2px;
}










/*--------------------------------------------------shares-------------------------------------*/
.share_div{
margin-top:30px;
margin-bottom:10px;
display:block;
padding-left:26px; /*right */
float:left;
height:22px;
}
.share_spam{
font-size:18px;
line-height:22px;
height:100%;
display:inline-block;
float:left; /*right */
}
.share1{
height:20px;
outline:1px solid #ecedee;
border:1px solid #cccdce;
width:80px;
margin-left:10px; /*right */
display:inline-block;
cursor:pointer;
}

.slider {
  width: 100%;
  position: relative;
  text-align: center;
  height: 100%;

}
.slider:before
{
  height: inherit;
  display: inline-block;
  vertical-align: middle;
  content: "";
}
.share_img{
display: inline-block;
margin: auto;
height:14px;
margin-bottom:3px;
margin-top:3px;

}

.fb-comments{
margin-left:26px; /*right */
margin-bottom:50px;
}

.favorite_spam{
  cursor:pointer;
}



.edit_spam{
  font-weight:bold;
  cursor:pointer;
  margin-left:10px;
  color:#115E8F;
  float:left;
  line-height:28px;
 position: relative;
bottom: 1px;
}
.edit_spam:hover{text-decoration:underline}

.report_spam{
  font-weight:bold;
  cursor:pointer;
  margin-left:10px;
  color:#115E8F;
  line-height:28px;
  position: relative;
bottom: 1px;
}
.report_spam:hover{text-decoration:underline}

/*----------------------------------------------------serialized stories----------------------------------------*/
.all_ser{
margin-left:15px;
width:610px;
display:block;

}
.my_chapter{
font-size:18px;
display:block;
font-weight:bold;
color:#404041;
margin-bottom:10px;
text-decoration:underline;
}


.serial_this{
color:black;
font-weight:bold;
font-size:16px;
display:block;
margin-bottom:8px;
}
a.serial_another{
cursor:pointer;
color:#005387;
font-weight:normal;
}
a.serial_another:hover{
text-decoration:underline;
}












/*----------------------------------------------------------might interest you--------------------------------*/
.all_might{
margin-left:15px;
width:630px;
margin-bottom:30px;
height:440px;
}
.might_interest{
width:610px;
}
.article_might{
width:189px;
margin-right:20px;
display:inline-block;
margin-top:15px;
height:180px;
float:left;
}
.might_image{
width:189px;
height:126px;
}
.might_h1{
font-size:15px;
line-height:20px;
max-height:40px;
}
.might_name{
color:#909090;
font-size:12px;
display:block;
margin-top: 3px;

}



.article_love_end{
font-size:14px;
font-weight:bold;
line-height:14px;
margin-top:10px;
}




/*-------------------------------------------comments style-------------------------------------------*/
.comment_down{
position:absolute;
top:4px;
right:0; /*left */
width:8px;
}
.comments_unseen{
position:absolute;
top:15px;
right:-2px;/*left */
float:left;/*left */
border-top:1px solid #ededed;
border-left:1px solid #ededed;
border-right:1px solid #ededed;
background:white;
font-size:12px;
display:none;
}
.comment_unseen_row{
display:block;
border-bottom:1px solid #ededed;
white-space:nowrap;
padding:5px;
text-align: center;
}
.comment_unseen_row:hover{
background:#f4f4f4;
}
.comment_cancel{
background:#dcddde;
color:#404041;
font-size:14px;
padding:5px;
width:70px;
margin-right:10px;/*left */
text-align: center;
cursor:pointer;

}
.comment_confirm{
background:#404041;
color:white;


}


.book_front{
width:258px;
height:387px;
float:left;

}

.read_tags{
margin-left:15px;
display:block;
font-weight:bold;
margin-bottom:15px;
  font-size: 16px;
}

.read_1_tag {
	font-weight:normal;
    font-size: 16px;
	line-height:16px;
    text-decoration: underline;
    margin-right: 7px;
    margin-left: 3px;
}
.book_inside_sell{
    color: white;
    background: #404041;
    text-align: center;
    cursor: pointer;
    border: 2px solid #e3e4e5;
    height: 30px;
    width: 205px;
    font-size: 19px;
    line-height: 30px;
	margin-left:15px;
	margin-top:30px;

}


















.users_pop_div {
    z-index: 21;
    width: 520px;
    padding: 30px;
    height: 400px;
    border: 1px solid blue;
    background: white;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -240px;
    margin-left: -280px;
}
.vote_em_box:hover{
cursor:url(help.png),help;
}
.users_pop_div_head{
background:#dcddde;
font-size:17px;
height:30px;
line-height:30px;
padding-left:8px;
display:block;
}
.before_head_pop_div{
display:block;
height:4px;
}

.insider_user_div{
width: 520px;
max-height:350px;
overflow-x:hidden;
overflow-y:auto;
margin-top:5px;
}
.pop_x {
    position: absolute;
    top: 1px;
    left: 3px;
    height: 12px;
    width: 14px;
	color: black;
    font-size: 15px;
	line-height: 20px;
    text-align: center;
	cursor:pointer;

}
.noone_voted {
    font-size: 16px;
    margin-top: 20px;
    margin-left: 10px;
    float: left;
}

.bottom_ad_container,.bottom_ad_container2{
width:610px;
margin-bottom:15px;
margin-left:15px;

}



.banner_image{
	width:100%;
	height:auto;
}



/*----------------------------------might users---------------------------------*/
.all_might2{
width:677px;
height:240px;
margin-bottom: -10px;
}
.comments_how_many2{
width:669px;
padding-left:8px; /*right */
height:28px;
font-size:15px;
font-weight:bold;
line-height:28px;
background-color:#404041;
color:white;
margin-bottom:10px;

}

.article_might2{
width:210px;
margin-right:23px;
display:inline-block;
margin-top:15px;
height:194px;
float:left;
}
div.might_margin{
margin-right:0px;

}
.might_image2{
width:210px;
height:140px;
}
.might_h1_2{
font-size:15px;
line-height:20px;
max-height:40px;
}




.books_from_div{
height:35px;
line-height:35px;
}
.books_from_bye{
margin-right:10px;
}
.profile_pic_book{
width:35px;
height:35px;
margin-right:10px;
float:left;
}
.books_from_bye{
font-size:16px;
float:left;
line-height:35px;
}

.book_sell2 {
    display: block;
    text-align: center;
    background-color: #44b44d;
    color: white;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #aaaaaa;
    padding-left: 8px;
    margin-top: 15px;
    width: 300px;
    cursor: pointer;
	position:absolute;
	left:18px;
	bottom:1px;
}
.book_sell2:hover{
background:#009042;
font-weight:bold;
}
/*--------------------------- book right---------------------*/
/* error */
.book_img_right{
/* error */
width:100%;
margin-bottom:20px;
}
.book_sell_right{
/* error */
    width: 256px;
    display: block;
    text-align: center;
    background-color: #44b44d;
    color: white;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #aaaaaa;
    margin-top: 10px;
    cursor: pointer;
	margin-bottom:20px;
}
.book_sell_right:hover{
/* error */
background:#009042;
font-weight:bold;
}









.save_bar{
width:100%;
text-align:middle;
height:30px;
}
.save_bar_sub{
line-height:30px;
font-size:16px;
display:inline-block;
margin-left:12px;
color:#005389;
cursor:pointer;;
}
.save_bar_spam{
float:left;
margin-right:8px;
background: #f1f1f1;
border-radius: 50px;
padding-left:15px;
padding-right:15px;
min-width:100px;
text-align: center;
color: #404041;
font-size:15px;
font-weight:bold;

}
.save_bar_spam:hover{
text-decoration:underline;
}
.save_bar_img{
margin-top:2px;
height:26px;
float:left;
}


.taboola_container{
margin-left:15px;
margin-right:15px;
width:645px;
}


.join_group_rec{
color:#009042;
font-size:15px;
line-height: 1.6;
margin-top: 35px;
cursor: pointer;
font-weight:bold;
display:block;
}
.join_group_rec:hover{
text-decoration:underline;
}

.select_report{
width:98%;
padding-left:2%;
height:40px;
}
.option_report{
width:100%;
height:20px;
}
div.link_div_report{
height:160px;
}

.writed_bottom_div{
	padding-left:15px;
	width:640px;
	padding-bottom:10px;
	padding-top:10px;
	height:120px;
}
.profile_pic_follow{
	width:120px;
	height:120px;
	float:left;
	margin-right:10px;
	border-radius:30px;
}
.name_and_writed_by{
	display:inline-block;
	float:left;
	padding-left:10px;
	width:500px;
	
	
}
.auther_of_follow{
	color:#404041;
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	margin-top:5px;
	width:500px;
	float:left;
}
.writed_by{
	color:#707070;
	text-decoration:none;
	display:inline-block;
	margin-right:5px;
	
}
.profile_link2{
	display:block;
	float: none
}

.follow,.follow2{
	height:35px;
	line-height:35px;
	text-align: center;
	border-radius:15px;
	margin-left:10px;
	padding-left:20px;
	padding-right:20px;
	background:#44b44d;
	border:1px solid #44b44d;
	color:white;
	display:inline-block;
	float:left;
	font-size:15px;
	margin-top:15px;
	cursor:pointer;
	margin-right: 3px;
}
.follow:hover{
	color:#44b44d;
	background:white;
}
.follow2{
	background:rgb(0, 144, 66);
	border:1px solid rgb(0, 144, 66);
}
.follow2:hover{
	background:rgb(0, 144, 66);
	color:rgb(0, 144, 66);
	background:white;
}
.comment_preview{
	margin-top:20px;
	margin-bottom:10px;
	float:left;
	
}
.profile_vote_preview{
	border-radius:20px;
	width:30px;
	height:30px;
	float: left;
    margin-right: 10px;
	
}
.preview_vote_name{
	font-size: 14px;
    color: #005387;
    font-weight: bold;
    line-height: 30px;
    float: left;
}


.preview_vote_img{
	height:30px;
	margin-left:5px;
	float:left;
	
}
.preview_vote_text{
	line-height:30px;
	margin-left:5px;
	float:left;
	font-size:14px;
}
/* read end */

/* user style start */

/*full width gray div */



body {
	line-height: 1;
    width: 100%;
	margin: 0px auto;
	font-family:Arial,Helvetica,  sans-serif;
	z-index:0;
	color:#404041;
	direction:ltr;

}
.home_page_div{
	width:677px;
	margin: 0px auto;
	
	
}
.main_div{
	width:100%;
}
.move_buttom{
height:60px;
display:block;
width:100%;
}
#gray_div_static{

position:fixed;
z-index:100;
width:100%;
height:53px;
background:#919296;
left:0px; /*right */
top:0px;
margin: 0px auto;
direction:ltr;

}
/*user gray div */
#gray_div{
font-family:Spoiler,HeSpoiler,Arial,Helvetica,  sans-serif;
position:fixed;
z-index:200;
height:32px;
padding-top:11px;
color:white;
font-size:19px;
font-weight:bold;
width:90%;
padding-left:5%;
padding-right:5%;
direction:ltr;
margin-top:5px;
margin-bottom:5px;
}
/* ----------------------------------------------noone logged input----------------------------------------------*/
/*start to the left */
/* error */
#pen_tool{
float:left;
}

#Write_span{
position:relative;
}

.arrow{
padding-left:4px; /*right */
}
#main_star{
float:right; /*left */
position:relative;
top:2px;
}
.stay_put,.stay_put_left,.stay_put_right_bar{
/* error */
display:inline;
float:left;
margin-right: 50px;
position:relative;
}
.stay_put_left{
/* error */
	margin-right: 20px;
}
.stay_put:hover,.stay_put_left:hover,.stay_put_right_bar:hover{
/* error */
text-decoration:underline;
cursor:pointer;
}
.mobile_divide2{
	display:none;
}
/* ----------------------------------------------choose cells----------------------------------------------*/
/*write options div */
.choose_div{
font-family:arial;
font-size:15px;
width:200px;
color:#404041;
z-index:3;
}
.choose_cell:hover{
background:#dcddde;
}
/*write 1 option */
.choose_cell{
display:block;
padding-left:20px; /*right */
line-height:35px;
border-left:1px solid #d7d8d9;
border-right:1px solid #d7d8d9; 
border-bottom:1px solid #d7d8d9;
background:white;
z-index:3;
background-color:white;
height:35px;
width:180px;
}

/*place options */
#write_show{
position:absolute;
top:25px;
right:0;
}
.write_show_arrow{
width:202px;
height:12px;
position:absolute;
top:0px;
left:0px; /*right */
}
.write_show_others{
position:absolute;
width:202px;
top:12px;
left:0px; /*right */
}
#star_show{
position:absolute;
right:-5px; /*right */
top:25px;

}
/* ----------------------------------------------register----------------------------------------------*/
/*register div */
.register_div{
font-family:Arial,Helvetica,  sans-serif;
position:relative;
border-bottom:1px solid #d7d8d9;
display:none;
width:352px;
z-index:3;
}

.register_first{
border-left:1px solid #d7d8d9;
border-right:1px solid #d7d8d9; 
background:white;
padding-right:55px; 
padding-left:55px;
padding-top:18px;
width:240px;
padding-bottom:20px;
direction:rtl;
}

.facebook_div{
cursor:pointer;
position:relative;
background:#5890FF;
height:45px;
border-top:3px solid #5890FF;
border-bottom:3px solid #5890FF;
margin-bottom:14px;
border-right:1px solid #5890FF;/*keep*/ 
display:block;
color:white;
}
.twitter_div{
    cursor:pointer;
    position:relative;
    background:#00adee;
    height:45px;
    border-top:1px solid #d4e6f1;
    border-bottom:5px solid #009fdc;
    margin-bottom:14px;
    border-right:1px solid #009fdc;/*keep*/ 
    display:block;
    color:white;
    margin-top: 20px;
    }

    .twitter_div:active{
        background-color:#009fdc;
        border-bottom:5px solid #009fdc;
        }
.whatsapp_div{
    cursor:pointer;
    position:relative;
    background:#4ec46d;
    height:45px;
    border-top:1px solid #37b85e;
    border-bottom:5px solid #37b85e;
    margin-bottom:14px;
    border-right:1px solid #37b85e;/*keep*/ 
    display:block;
    color:white;
    margin-top: 20px;
    }

    .whatsapp_div:active{
        background-color:#37b85e;
        border-bottom:5px solid #37b85e;
        }       
.facebook_div:active{
background-color:#4d7dff;
}
.facebook_icon{
    position: absolute;
    z-index: 4;
    left: 14px; /*keep*/
    top: 8px;
    height: 30px;
}
.twitter_icon{
    height: 20px;
    position: absolute;
    top: 15px;
    left: 17px;/*keep*/ 
    }
    .whatsapp_icon{
        height: 25px;
        position: absolute;
        top: 12px;
        left: 16px;/*keep*/ 
        }   
.google_div{
cursor:pointer;
position:relative;
background:#4285F4;
height:47px;
border-top:2px solid #3275e4;
border-bottom:2px solid #3275e4;
border-right:2px solid #3275e4;
border-left:2px solid #3275e4;
display:block;
color:white;
}
.white_left_google{
/* error */
background:white;
width:56px;
height:47px;
position:absolute;
left:0;/*keep*/
top:0;
z-index:5;
}
.google_div:active{
background-color:#3275e4;
}
.google_icon{
position:absolute;
z-index:4;
right:14px;/*keep*/
top:10px;
width:29px;
}
.seperate{
position: absolute;
z-index:4;
left:56px;/*keep*/
top:-2px;
}
.seperate_google{
top:-1px;
}
.login_with_facebook{
position:relative;
left:77px; /*keep*/
top:1px;
line-height:45px;
font-size:14px;
float:left;/*keep*/
}
.login_with_facebook3{
    top:0;
}
#register_zone{
position:absolute;
right:-35px; /*right */
top:25px;
border-bottom:0px;
direction:rtl;/*keep*/
cursor:default;

}
.register_zone_arrow{
position:absolute;
top:0px;
right:0px;
width:352px;
height:15px;
border:0px;
}
.register_zone_others{
position:absolute;
top:15px;
right:0px;
width:352px;
}
.register_zone_others_popup{
width:100%;
}
#login_zone{
position:absolute;
right:-35px; /*right */
top:25px;
border-bottom:0px;
direction:rtl;
}

.register_second{
border-left:1px solid #d7d8d9;
border-right:1px solid #d7d8d9;
background:#e6e7e8;
width:300px;
padding-right:25px;
padding-left:25px;
direction:ltr;
}
.register_second_popup{
background:#e6e7e8;
width:94%;
padding-right:3%;
padding-left:3%;
direction:ltr;
}
#or_register{
line-height:42px;
font-size:15px;
color:#404041;
font-weight:700;
}
.register_input_father{
	position:relative;
	width:100%;
	height:40px;
	margin-bottom:9px;
	border:1px solid #d7d8d9;
	background:white;
}
.register_input,.register_input2{
padding:0;
padding-left:11px;
width:calc(100% - 11px);
height:40px;
line-height:40px;
margin-bottom:9px;
border:0;
}
.register_placeholder{
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    color: gray;
    font-weight: normal;
	position:absolute;
	left:11px;
	top:5px;
}
input.register_input2{
	padding-top:18px;
	height:22px;
	line-height:22px;
}
.login_input{
padding-left:11px;
width:289px;
height:36px;
margin-bottom:11px;
border:1px solid #d7d8d9;
}
.register_button{
width:80px;
height:35px;
font-size:14px;
font-weight:bold;
color:white;
background: #404041;
margin-bottom:11px;
position:relative;
left:213px;  /*right*/
cursor: pointer;
border:1px solid #404041;
}
.remember,.remember_popup{
position:absolute;
color:#404041;
line-height:35px;
font-size:13px;
font-weight:bold;
}
.remember_popup{
	float:left;
	position:relative;
}
#remember_me{
position:relative;
top:1px;
}

.remember_login{
position:relative;
height:35px;
}

.create_account{
font-size:15px;
margin-bottom:12px;
margin-top:3px;
height:27px;
color:#005389;
font-weight:700;
}
.register_link{
color:#404041;
font-weight:700;
font-size:15px;
margin-top:3px;
float:right;  /*left*/
height:27px;
}
.register_link:hover,.create_account:hover{
text-decoration:underline;
cursor:pointer;

}
#forgot_filler{
height:12px;
width:100%;
}
.agree_button_div{
display:block;
}
.agree_register{
font-size:14px;
color:#404041;
float:left;
width:200px;
line-height:1.3;
}
.register_button2{
display:inline-block;
 position: relative;
 left: 0; 
cursor: pointer;
border: 1px solid #404041;
float: left;
}
.agree_checkbox{
float:left;
position:relative;
background:white;
}

.register_radio_div{
margin-bottom:11px;
color:#404041;
font-size:14px;
font-weight:bold;

}
.register_radio{
background:white;
color:white;
}
/* ----------------------------------------------user bar----------------------------------------------*/
.write_divs{
margin-left:6px; /*right */
}

.red_empty{
    position: relative;
    top: -7px;
    width: 19px;
    height: 19px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    display: inline-block;
    z-index: 5;
    background: #9ea1a6;
    border-radius: 11px;

}
div.red_circle{
    background: #e64a3d;
}
div.blue_circle{
    background:royalblue;
}
.igul_number{
font-family:Arial,Helvetica,  sans-serif;
position:relative;
top:5px;

}

/*----------------------------------------------------------new- name *----------------------------------*/

.bar_name_big{
position:absolute;
right:70px; /*left */
top:0px;
height:27px;
margin-top:9px;
line-height:27px;
float:left;  /*right */
font-family:Spoiler,HeSpoiler,Arial,Helvetica,  sans-serif;
}
.bar_name_img_div{
height:27px;
width:27px;
display:inline-block;
float:left;   /*right */

}
.bar_name_img{
height:27px;
width:27px;
}
.bar_name_name{
margin-left:8px; /*right */
display:inline-block;
float:left;  /*right */
color:white;
text-decoration:inherit;
}
.bar_user_link:hover{
text-decoration:underline;
}

.bar_home{
color:white;
display:inline-block;
float:left;  /*right */
color:white;
}
.bar_seperate{
color:white;
display:inline-block;
float:left;  /*right */
color:white;
margin-left:6px;
margin-right:6px;
color:#d1d2d6;
}
.bar_home:hover{
text-decoration:underline;
}
.bar_home_img{
width:13px;
height:13px;
margin-top:6px;
margin-right:4px; /*left */
float:left;  /*right */
}



.arrow_container{
display:inline-block;
}











/**new stufffff **/

.logo_image_top{
	height:35px;
	position:relative;
	bottom:5px;
	width:auto;
	
}
#star_maker{
	float:right;
}

.not_logged_left,.logged_left{
/* error */
	float:right;
}

.right_bar_link{
/* error */
	padding-left:10px;
}



#search_div{
display:inline;
float:left;
overflow: visible;
position:relative;
bottom:7px;
}


#search{
display:inline-block;
width:500px;
height:16px;
padding-top:8px;
padding-bottom:8px;
border:0px;
padding-left:10px;  /*right */
color:#404041;
background:#dcddde;
line-height:16px;
font-size:15px;

}
#gray_div.gray_div_logged{
	  width:93%;
	  padding-left:3.5%;
	  padding-right:3.5%;	
}
@media screen and (max-width: 1850px){
  #search{width:400px;}
}
@media screen and (max-width: 1750px){
  #search{width:300px;}
}
@media screen and (max-width: 1650px){
  #search{width:200px;}
}
@media screen and (max-width: 1550px){
  .stay_put{
	  margin-right:30px;
	  }
}
@media screen and (max-width: 1500px){
  #search{width:150px;}
}

@media screen and (max-width: 1450px){
 #gray_div{
	  width:97%;
	  padding-left:1.5%;
	  padding-right:1.5%;
  }
  
}
@media screen and (max-width: 1450px){
  #search_div{display:none;}
}
@media screen and (max-width: 1300px){
  .stay_put{
	  margin-right:25px;
	  }
  .no_mobile{
	  font-size: 0;
  }
}

@media screen and (max-width: 930px){
  .logged_left{
/* error */
	display:none;
	}
	.not_logged_left{
/* error */
	display:none;
	}
	.stay_put{
		margin-right:50px;
		}
	.
}

#search_button{
position:relative;
left:-4px;  /*right */
top:1px;
cursor:pointer;
border:0px;
margin:0px;
padding:0px;
display:inline-block;
height:33px;
width:33px;
background:#404041;
line-height:32px;
font-size:15px;
}
.left_logged_word{
/* error */
	margin-left:5px;
	margin-right:5px;
}

.login_page{
 position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

}
.Login_page_login{
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 352px;
    height: 375px;
	border-top:1px solid #d7d8d9;
	
}



.login_input_popup {
    padding-left: 11px;
    height: 36px;
	font-size:17px;
    margin-bottom: 22px;
    border: 1px solid #d7d8d9;
	border: 1px solid #f3f3f3;
    outline: 1px solid #e8e9ea;
    width: calc(100% - 15px);
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 17px;
	padding-right:0;
}
.register_button_popup{
	
	   color: #fff;
    background: #404041;
    font-size: 18px;
    font-weight: bold;
    width: 379px;
    height: 45px;
    line-height: 45px;
    text-align: center;
	margin-bottom: 25px;
}
/* user style end */
/* new start */
.msg_bigdiv{
	width:100%;
	float: left
}

.msg_div,.msg_div_2{
margin-top: 13px;
    background: #72bf44;
    border-radius: 50px;
    font-size: 16px;
    line-height: 24px;
    color: white;
    /* padding-left: 10px; */
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 80%;
    width: auto;
    display: block;
	margin-left:20px;
	margin-right:20px;
	float:right;
	direction:rtl;
}
.msg_div_2{
	direction:ltr;
	background:#dcddde;
	color:black;
	float:left;
}
.msg_text,.msg_text_2{
	direction:ltr;
	float:left;
    white-space: pre-line;
	
}

.msg_time,.msg_time_2{
	direction:rtl;
	color:#808080;
	padding-left:20px;
	font-size:12px;
	line-height:24px;
	float:right;
}

.msg_date{
	    background: #dcddde;
    color: #404041;
    margin: auto;
    font-size: 14px;
    padding: 3px 25px 3px 25px;
    vertical-align: middle;
    /* text-align: center; */
    text-align: center;
    width: 100%;
    border-radius: 20px;
	
}
.msg_date_div{
	width:100%;
	display:block;
	    text-align: center;
		margin-top:20px;
}

.msgs_page_div{
    margin: auto;
    width: 1036px;
    margin-top: 35px;
}
.msgs_left {
/* error */
    float: left;
    width: 675px;
	border:1px solid #dcddde;
    display: inline-block;
	position:relative;
}
.msgs_right{
/* error */
	background: white;
    border-top: 1px solid #d1d7da;
    border-left: 1px solid #d1d7da;
    width: 356px;
    font-weight: normal;
	float:left;
	
}
.msgs_right_top{
/* error */
	    width: 95%;
    padding-left: 5%;
    border-bottom: 1px solid #d1d7da;
    height: 72px;
    font-size: 20px;
    font-weight: bold;
    line-height: 72px;
	
}
.msgs_page_top{
	width:100%;
	height:72px;
	border-bottom: 1px solid #dcddde;
}
.msgp_profile_img{
	width:48px;
	margin-left:20px;
	margin-right:12px;
	margin-top:12px;
	margin-bottom:12px;
	border-radius:24px;
	display:inline-block;
	float:left;
}
.msgp_profile_name{
	font-size:17px;
	line-height:72px;
	display:inline-block;
	width:500px;
	float:left;
}

.msg_textarea{
    display: block;
    border: 1px solid #a2a2a2;
    width: 555px;
    height: 100px;
    padding-right: 110px;
    padding-left: 10px;
    padding-top: 7px;
    font-size: 15px;
    line-height: 19px;
    margin-top: 12px;
    resize: none;
    float: left;
}

.msg_page_send{
    float: right;
    width: 80px;
    background: #404041;
    color: #fff;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    padding: 0px;
    border: none;
    position: absolute;
		bottom: 15px;
    right: 25px;
    background: rgb(0, 42, 84);
    border-radius: 20px;
}
.msg_page_send:active{
	background: white;
    color: rgb(0, 42, 84);
	border:none;
	
}
	
.msg_non_read{
	display:inline-block;
	margin-left:3px;
	font-weight:bold;
	
}
/* new end */
/*-----------------------------text image youtube--------------------------------*/
.preview_h2{
    text-decoration: none;
    display: block;
    width: 630px;
    font-size: 19px;
    color: #404041;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: -3px;
    font-weight: normal;
    padding-left: 15px;
    padding-right: 15px;
}

.preview_h1 {
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    color: #202021;
    width: 100%;
	margin-left:15px;
	display:block;
	margin-top:15px;
	width:645px;
	line-height:1.4;
}
.preview_h2:hover{
	text-decoration:underline;
	
}

.article_preview{

border:1px solid #e3e4e5;
width:675px;
position:relative;
padding-bottom:15px;
margin-bottom:10px;
float:left;
}
.article_preview2{
	background:#f8f8f8;
}
.image_preview{
	width:645px;
}
.image_preview2{
	margin-left:15px;
	width:645px;
	margin-top:3px; 
	float:left;
	cursor:pointer;
}
.preview_center{
	overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  height:333px;
  width:645px;
	margin-left:15px;
	position:relative;
}

#chooser{
padding-top:5px;
font-size:16px;
height:47;
line-height:47px;
background:white;
color:#404041;
border-right:1px solid #e3e4e5;
border-left:1px solid #e3e4e5;
border-top:1px solid #e3e4e5;
width: calc(100% - 2px);
}
.div_chooser{
margin-left:25px; /* right */
display:inline-block;
font-weight:bold;
color:black;
}
.choose_spam{
margin-left:4px; /* right */
}
.div_chooser2{
margin-left:25px; /* right */
display:inline-block;
color:#919296;
font-weight:normal;
cursor:pointer;
}
.div_chooser2:hover{
text-decoration:underline;
}
.status_icon{
	    margin-right: 5px;
    height: 20px;
}
#you_icon{
position:relative;
top:1px;
}
.update_status{
	width:100%;
	float:left;
}
.status_textarea_grandfather{
	width:675px;
    border: 1px solid #e3e4e5;
    margin: 0px;
	min-height:53px;
	height:auto;
	position:relative;	
	float:left;
	margin-bottom: 10px;
}
.grandfather2{
    padding-bottom: 15px;
}
.status_textarea_father{
	 position:relative;
	 padding:7px;
}
.status_textarea_father2{
}
.status_img{
	width:53px;
	border-radius:27px;
	float:left;
}
.status_textarea{
	height:36px;
	line-height: 22px;
    padding-top: 17px;	
	width:530px;
	padding-left:6px;
	border:0;
    overflow-x: hidden;
    font-size: 16px;
	 resize: none;
    overflow: auto;
    outline: none;
	padding-bottom:15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;	 
	 
}
.library_icon{
    width: 22px;
    position: relative;
    top: 2px;

}
.question_icon{
	width: 18px;
    position: relative;
    top: 2px;
}
.send_butt{
	position:absolute;
	bottom:15px;
	right:10px;
	color:white;
	height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 15px;
	width: 60px;
    background: #44b44d;
    border: 1px solid #44b44d;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
}
.plus_image_status{
	position:absolute;
	top:15px;
	right:25px;	
	cursor:pointer;
    font-size: 30px;
    border: 1px solid #009042;
    border-radius: 15px;
    width: 30px;
    text-align: center;
    height: 30px;
    background: #009042;
    color: white;	
	z-index:1;
}
.plus_image_status:hover{
	background: white;
	color:#009042;
}
.send_butt:hover{
	color:#44b44d;
	background:white;
}
.status_text,.question_text{
	font-size:18px;
	line-height:26px;
	white-space: pre-line;
	display:block;
	padding-left:15px;
	padding-right:15px;
	position:relative;
}
.question_text{
	font-weight:bold;
}
.status_text:empty
{
    display:none;
}
.status_text2{
	margin-bottom: 10px;
    bottom: 4px;
}
.add_comment_after2{
    position: relative;
    width: 625px;
    padding: 5px;
    border: 1px solid #dcddde;
    border-radius: 15px;
    height: auto;	

}
div.add_comment_after3{
	width:300px;
}
.comment_send_pimg2 {
    margin-top: 1px;
    width: 35px;
    margin-right: 10px;
    border-radius: 50%;
    float: left;
    display: inline-block;
    border: 0;
}

.add_comment_input2 {
    resize: none;
    width: 555px;
    display: inline-block;

    font-size: 15px;
    line-height: 30px;

    background: white;
    color: #404041;

    border: 0;
    height: 30px;
	   -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;	
resize: none;
    overflow: auto;
    outline: none;	
}
textarea.add_comment_input3{
	width:180px;
}
div.comments_div3{
	width:320px;
}
.send_comment_img2{
    /* right: 7px; */
    font-size: 14px;
    /* top: 10px; */
    display: block;
    /* width: 100%; */
    height: 20px;
    margin-left: 15px;
    padding-left: 10px;
    line-height: 20px;
    float: left;
    /* background: #f1f1f1; */
    border-radius: 100px;
    margin-top: 5px;
    color: #115e8f;
    width: 627px;
    /* text-align: center; */
    cursor: pointer;
	
}
.send_butt_comment{
	position: absolute;
    bottom: 7px;
    right: 10px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    width: 60px;
    background: rgb(0, 42, 84);
    border:1px solid rgb(0, 42, 84);
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
}
.send_butt_comment:hover{
	color:rgb(0, 42, 84);
	background:white;
}




.upload_post_image {
display: block;
    color: #fff;
    background: #404041;
    text-align: center;
    cursor: pointer;
    /* border: 2px solid #e3e4e5; */
    height: 40px;
    width: 100%;
    font-size: 18px;
    line-height: 40px;
    border-radius: 15px;
}

.upload_post_image_facebook{
	margin-top: 20px;
    background: #4267B2;
}
.upload_post_image_instagram{
	margin-top: 20px;
    background:radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.upload_post_image_div{
	background: #edeeee;
    width: 95%;
    padding: 2.5%;
}
.upload_post_img{
	width:100%;
}



.popup_div_orig2{
z-index:202;
width:95%;
height:95%;
background:white;
position:fixed;
top:2.5%;
right:2.5%;
direction:ltr;
}
.pop_image_div_orig2{
width: -moz-calc(100% - 350px);
width: -webkit-calc(100% - 350px);
width: -o-calc(100% - 350px);
width: calc(100% - 350px);
height:100%;
background:black;
display:inline-block;
float:left;
overflow:hidden;

}
.slider {
width: 100%;
position: relative;
text-align: center;
height:100%;
}
.slider:before
{
height: inherit;
display: inline-block;
vertical-align: middle;
content:"";
}
.pop_orig_image {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.pop_image_arrow_div_right_orig2{
/* error */
height:100%;
position:absolute;
width:50%; 
top:0px;
left:0px;/*keep*/
cursor:pointer;
display:block;
}
.pop_image_arrow_div_left_orig2{
/* error */
height:100%;
position:absolute;
width:20%;
top:0px;
right:0;/*keep*/
cursor:pointer;
display:block;
}
.pop_image_arrow_right_orig2{
/* error */
position:absolute;
top:47%;
left:10px;/*keep*/
width:40px;
}

.pop_image_arrow_left_orig2{
/* error */
position:absolute;
top:47%;
right:10px;/*keep*/
width:40px;
}

.pop_close_but{
background:black;
color:white;
font-size:15px;
height:20px;
width:20px;
line-height:20px;
text-align:center;
border:1px solid white;
position:absolute;
top:-8px;
left:-8px;
z-index:102;
cursor:pointer;
}
.pop_x{
	color:white;
}

.pop_other_div,.pop_other_div_orig2{/* total width 260px */
display:inline-block;
float:left;
width:335px;
padding-right:15px;
height:583px;
color:black;
position:relative;
}
.pop_other_div_orig2{
height:96%;
height: -moz-calc(100% - 17px);
height: -webkit-calc(100% - 17px);
height: calc(100% - 17px);
overflow-y:auto;
overflow-x:visible;	
}
div.comment_div_small{
    padding-top: 17px;
    padding-bottom: 4px;
    /* width: 621px; */
    width: 320px;
    background: white;
    position: relative;
}
div.name_and_others_small{
	width:260px;
}
div.comment_div_son_small{
    padding-right: 0;
	position:relative;
    margin-left: 55px;
    width: 265px;
}
div.name_and_others_small_son{
	width:205px;
}

.image_preview2_right{
/* error */
	height:645px;
	width:auto;
	position:relative;
	float:left;
}
.right_image_border{
/* error */
	height:645px;
	width:321px;
	overflow:hidden;
	position:relative;
	display:inline-block;
	float:left;
	cursor:pointer;
}
.space{
	width:3px;
	display:inline-block;
	background:white;
	float:left;
	height:645px;
}
.space_small{
	width:3px;
	display:inline-block;
	background:white;
	float:left;
	height:321px;
}
.right_image_father{
/* error */
height: 645px;
    margin-left: 15px;
	margin-bottom:15px;
}	
.squares_div{
	margin-left:15px;
	height:321px;
	float: left;
    margin-top: 3px;
}
.squares_div_horizon{
	height:645px;
	width:321px;
	display:inline-block;
	float: left;
}
.space_small_horizon{
	width:321px;
	height:3px;
	display:inline-block;
	float:left;
}
.image_gallery_profile_small{
	width:320px;
	margin-top: 10px;
    float: left;
}
.image_preview_square2{
	width:321px;
	height:321px;
	float:left;
	cursor:pointer;
}
.image_preview_square2_cont{
	display:inline-block;
	float:left;
	position:relative;
	
}
.more_images_plt{
	position:absolute;
	text-align:center;
	width:100%;
	color:white;
	font-size:40px;
	line-height:321px;
	left:0;
	cursor:pointer;
}
.square_father,.square_father_last{
	width:221px;
	height:221px;
	float:left;
	position:relative;
	
}
.square_father_small,.square_father_small_last{
	width:104px;
	margin-right:4px;
	margin-bottom:4px;
	float:left;
	position:relative;
	display:inline-block;
}
.square_father_small_last{
	margin-right:0;
}
.image_gallery_square2,.image_gallery_square2_last{
	width:214px;
	margin-left:7px;
	margin-bottom:7px;
	float:left;
	cursor:pointer;
}
.image_gallery_square2_small{
	width:100%;;
	float:left;
	cursor:pointer;
}
.square_delete{
    background: #009042;
    color: #fff;
    top: -4px;
    left: 3px;
    width: 25px;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    z-index: 9;
    cursor: pointer;
    position: absolute;
    border-radius: 50%;

}
.plt_height{
	height:645px;
}
.just_relative{
	position:relative;
}
.float_relative{
	position:relative;
	float:left;
}
.settings_page_div {
    width: 950px;
    margin: 0px auto;
	margin-top:50px;
}
.emails_page_div {
    width: 600px;
    margin: 0px auto;
	margin-top:50px;
}
.real_like_str{
	font-size: 12px;
    line-height: 16px;
    max-height: 32px;
}
.likes_types{
    width: 100%;
    border-bottom: 1px solid #404041;
    height: 40px;
    line-height: 40px;
}
.likes_type{
	font-size: 17px;
    color: #404041;
    /* font-weight: 700; */
    display: inline-block;
    margin-left: 20px;
    margin-right: 3px;
	float:left;
}
.likes_type:hover{
	text-decoration:underline;
}
.likes_count{
    color: white;
    font-size: 11px;
    line-height: 18px;
    height: 18px;
    width: 18px;
    margin-top: 10px;
    border-radius: 10px;
    background: #e64a3d;
    text-align: center;
    float: left;
    margin-bottom: 10px;
    font-weight: bold;
}
span.matches_count{
	background:royalblue;
}

.user_text{
    font-size: 17px;
    display: block;
    width: 645px;
    margin-bottom: 20px;
    line-height: 1.6;
	margin-left:20px;
	white-space: pre-wrap;
}

.profile_left_father{
/* error */
	width:320px;
	display:inline-block;
	float:left;
	margin-left:20px;

}
.profile_left_info{
/* error */
	background: #f9f9f9;
    padding-top: 20px;
	padding-left:20px;	
	width:300px;
	float:left;
}
.questions_profile {
    background: rgb(0, 42, 84);
    border: 2px solid rgb(0, 42, 84);
    color: white;
    width: 316px;
    margin-top: 20px;
	border:2px solid rgb(0, 42, 84);
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    display: block;
    text-align: center;
    border-radius: 35px;
	float:left;

}

.questions_profile:hover{
	color: rgb(0, 42, 84);
	background:white;	
}
.profile_left_part{
/* error */
	width:100%;
	display:block;
	float:left;
	margin-bottom:20px;
}
.profile_left_icon{
/* error */
	width:25px;
	margin-right:10px;
	float:left;
}
.profile_left_text{
/* error */
	font-size:16px;
	float:left;
	line-height:25px;
	width:260px;
	
}

.profile_right{
/* error */
	
	width: 677px;
    display: inline-block;
    float: left;
}
div.pass_chosen{
	border:2px solid #c62a1d;
	padding-top:6px;
	padding-bottom:5px;
}

.pass_class{
    color: #002a54;
    margin-right: 6px;
    font-size: 14px;
    line-height: 16px;
	position:relative;
}
.editing_thing{
	position:absolute;
	top:10px;
	right:10px;
	
}

.seen_but2{
    width: 13px;
    position: absolute;
	top:0;
	right:0;
    cursor: pointer;
}

.seen_but2:after {
    content: "\2807";
    font-size: 25px;
    color: #aaa;
}
.unseen_div2 {
    display: none;
    position: absolute;
    top:25px;
    z-index: 3;
	right:0;
	 border-top: 1px solid #e3e4e5;
}
.unseen_div3{
    display: none;
    position: absolute;
    top:25px;
    z-index: 3;
	left:0;
	 border-top: 1px solid #e3e4e5;	
}
.seen_row2{
    display: block;
    position: relative;
    z-index: 3;
    width: 137px;
    font-size: 12px;
    border-right: 1px solid #e3e4e5;
    border-left: 1px solid #e3e4e5;
    border-bottom: 1px solid #e3e4e5;
    background: #f8f8f8;
    padding-left: 10px;
    height: 29px;
    line-height: 29px;
    color: #404041;
    cursor: pointer;
}
.seen_row2:hover{
background:#dcddde;
}
.editing_area{
	    border: 1px solid #dcddde;
    border-bottom: 0;
    margin-top: 10px;
    float: left;
    width: 675px;
}

.questions_input{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
    width: 630px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #808080;
    padding-left: 10px;
	
}
.questions_input:focus {
   border: 2px solid rgb(0, 144, 66);
   outline: none;
}
.status_error{
	color:red;
	display:block;
	font-size:14px;
	margin-left:60px;
	margin-bottom:10px;
}
.question_option,.question_option2{
	margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
	padding-top:6px;
	padding-bottom:6px;
    width: 620px;
    border-radius: 15px;
    border: 1px solid #808080;
    padding-left: 10px;
    padding-right: 10px;
	cursor:pointer;
	line-height: 22px;
    font-size: 16px;
}
.question_option2{
	border: 1px solid rgb(0, 144, 66);
}
.question_option:hover{
	background:rgb(0, 42, 84);
	color:white;
}
.question_option2:hover{
	background: rgb(0, 144, 66);
	color:white;
}
.question_other{
	background: #f2f2f2;
    font-size: 17px;
    line-height: 35px;
    margin-left: 15px;
    padding-left: 10px;
    padding-right: 10px;
    width: 621px;
	border:2px solid #404041;
    margin-top: 10px;
}
.question_myanswer{
	padding-left:15px;
	width:660px;
	background:#f1f1f1;
	margin-top:10px;
	position:relative;
	font-size:14px;
	line-height:30px;
}
.myanswer_s{
	width:80%;
}
.myanswer_change{
	font-weight:bold;
	position:absolute;
	right:15px;
	cursor:pointer;
}
.myanswer_change:hover{
	text-decoration:underline;
}
.full_poll{
	width: 613px;
    margin-left: 15px;
    padding: 15px;
    border: 1px solid #dcddde;
	
}
.Poll_opt{
	position:relative;
	width:100%;
	margin-bottom:8px;
}

.poll_opt_text{
	font-size:15px;
	height:25px;
	line-height:25px;
	 white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:70%;
	
}
.poll_opt_percent{
	font-size:15px;
	height:40px;
	line-height:25px;
	position:absolute;
	right:5px;
	top:0
	
	
}
.poll_opt_background_father{
	position:relative;
	width:100%;
	background:#f2f2f2;
	border-radius:5px;
	height:10px;
}
.poll_opt_background{
	position:absolute;
	top:0;
	background:#44b44d;
	border-radius:5px;
	height:10px;
	left:0;
}
.poll_tabs{
	font-size:16px;
	height:40px;
	margin-left:15px;
	margin-top:20px;
	
}

.poll_tab_first{
	border-left:1px solid #dcddde;
}
.poll_tab,.poll_tab_selected{
	border-right:1px solid #dcddde;
	background:#f2f2f2;
	border-right:1px solid #dcddde;
	border-top:1px solid #dcddde;
	height:39px;
	line-height:39px;
	display:inline-block;
	text-align:center;
	width:100px;
	
}
.poll_tab{
	cursor:pointer;
}
.poll_tab_selected{

	border-bottom:1px solid white;
	background:white;
}
.poll_looking{
	    font-weight: bold;
    margin-top: 30px;
    margin-left: 15px;
}

.poll_myanswer{
	height:40px;
	background:#f2f2f2;
	margin-left:15px;
	width:645px;
	margin-top:10px;

	
}
.poll_ans_img{
	height:40px;
	display:inline-block;
	float:left;
}
.poll_ans_span{
	margin-left:10px;
	font-size:15px;
	line-height:40px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width:560px;
	display:inline-block;
}
.question_note{
	float:right;
	height:24px;
	margin-top:8px;
	margin-right:8px;
	cursor:pointer;
}
.failed_edit{
	margin-top:10px;
	font-size:15px;
	color:red;
	margin-left:15px;
}

.note_input{
width: 630px;
    padding-left: 10px;
    margin-top: 10px;
    margin-left: 15px;
    height: 30px;
	font-size:15px;
	line-height: 30px;
}
.note_submit,.note_cancel {
    border: 1px solid #e3e4e5;
    height: 24px;
    line-height: 24px;
    background: #404041;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
	margin-left:15px;
	margin-top: 10px;
    padding: 4px 25px;
	
}
.note_submit {
    background:rgb(0, 42, 84);
}
.note_text{
	border-left: 4px solid green;
    padding-left: 16px;
	margin-left:15px;
	margin-top:8px;
	font-size:15px;
	line-height:21px;
	color:#606061;
}
.question_marg{
	width:100%;
	height:20px;
	display:block;

}
.q_show_stats{
margin-left: 15px;
    font-size: 17px;
    color: rgb(0, 42, 84);
    cursor: pointer;
    margin-top: 15px;
    font-weight: bold;
}
.q_show_stats:hover{
	text-decoration:underline;
}
.pmenu{
	width: 100%;
    border-bottom: 1px solid #dcddde;
    height: 50px;
    display: block;
    line-height: 50px;
    margin-bottom: 10px;
    border-top: 1px solid #dcddde;
	font-size:18px;
}
.pmenu-tag,.pmenu-tag2{
	width: 25%;
    text-align: center;
    height: 50px;
    display: inline-block;
}
.pmenu-tag2{
	border-bottom:3px solid #009042;
	    border-bottom: 3px solid #009042;
    color: #009042;
    border-top: 3px solid #009042;
    height: 46px;
    line-height: 44px;
	position:relative;
	top:-1px;
}
.pmenu-tag{
	cursor:pointer;
}
.pmenu-tag:hover{
	background:	#EaF8f2;
	 color: #009042;
}

.image_gallery_profile{
	width:675px;
}

.register_first_popup {
    background: white;
    width: 100%;
    padding-bottom: 20px;
    direction: rtl;
}

.stay_put_stage1{
	display: flex;
    float: left;
    margin-right: 50px;
    position: relative;
}
.logo_image_stage1 {
    height: 35px;
    position: relative;
    bottom: 5px;
    width: auto;
	margin-left:auto;
	margin-right:auto;
}
.story_bul:before{
	content: "\2022";
}
.story_bul{
	font-size:25px;
	line-height:35px;
	color:rgb(0, 144, 66);
	margin-right:10px;
	margin-left:10px;
	float:left;
}
.follow_city,.follow_bd{
	float:left;
}

.sure_question{
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
}
div.sure_div {
    height: 200px;
    margin-top: -100px;
}
.sure_confirm,.sure_cancel {
    border: 1px solid #e3e4e5;
    height: 24px;
    line-height: 24px;
    background: #404041;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
	margin-top: 10px;
    padding: 4px 25px;
	position:absolute;
	bottom:20px;
	
}
.sure_ok{
	    border: 1px solid #e3e4e5;
    height: 40px;
    line-height: 40px;
    background: rgb(0, 42, 84);
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 50px;
    width: 100px;
    left: 180px;
}
.sure_cancel{
	right:40px;
}
.sure_confirm {
    background:rgb(0, 42, 84);
	left:40px;
}
.unfreeze_acount{
	width: 400px;
    bottom: 50px;
    position: absolute;
    background: #44b44d;
    color: #fff;
    border-radius: 14px;
    height: 50px;
    line-height: 50px;
    font-size: 21px;
    text-align: center;
    cursor: pointer;
}
.upost_bul:before,.profile_bul:before{
	content: "\2022";
}
.upost_bul{
	font-size:16px;
	line-height:1;
	color:rgb(0, 42, 84);
	margin-right:5px;
	margin-left:5px;
	float:left;
	margin-bottom:7px;	
	color:#404041;
}
.up_bd{
	font-size:15px;
	color:#404041;
	float:left;
	color:#115e8f;
	line-height:16px;
	margin-bottom:7px;
	
}
.profile_ca,.profile_ca0{
	margin-top:15px;
	font-size:17px;
	display:block;
	float: left;
    display: block;
    width: 100%;
}
.profile_age_ca{
	color:rgb(0, 42, 84);
	float:left;
	font-weight:bold;
}
.profile_city_ca{
	color:rgb(0, 42, 84);
	float:left;
}
.profile_bul{
	float:left;
	margin-left:10px;
	margin-right:10px;
}
.report_reason{
	width:94%;
	padding:1% 3%;
	height:100px;
	line-height:30px;
	font-size:15px;
	line-height:1.4;
	resize: none;
}
.report_label{
	font-size:15px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:8px;
}
.dots_comments{
	display:inline-block;
	margin-left:3px;
	position:relative;
}
.seen_but_com{
    width: 13px;
    cursor: pointer;
	display:inline-block;
}

.seen_but_com:after {
    content: "\2807";
    font-size: 15px;
    color: #aaa;
}
.dots_user{
	display:inline-block;
	margin-left:8px;
	position:relative;
	position:absolute;
	top:0;
	right:0;
}
.seen_but_user{
    width: 13px;
    cursor: pointer;
	display:inline-block;
}
.seen_but_messages{
	position:absolute;
	top:20px;
	right:5px;
}
.seen_but_user:after,.seen_but_messages:after {
    content: "\2807";
    font-size: 28px;
    line-height: 32px;
    color: #aaa;

}
.blocked_page_div{
	width:600px;
	padding:20px;
	margin: 0px auto;
	border:1px solid #dcddde;
	margin-top:50px;
	
}
.error_link{
	font-size:15px;
	color:blue;
	margin-top:50px;
	padding-left:15px;
	cursor:pointer;
}
.error_link:hover{
	text-decoration:underline;
}
.error_page_img{
	width:100%;
	margin-top:-7px;
}


.register_error{
    color: red;
    line-height: 14px;
    font-size: 12px;
    padding-bottom: 10px;
}
.forgot_error{
    color: red;
    margin-top: 20px;
    float: left;

}
.Rejected_email_header{
    background-color: #F6FAAC;
    position: fixed;
    left: 0;
    width: 100%;
    top: 53px;
    height: 30px;
    text-align: center;
    line-height: 30px;
	color:#404041;
	cursor:pointer;
	z-index:103;
}
.rej_mak{
	margin-left:20px;
	margin-right:20px;

}
.rej_more{
	font-weight:bold;
}
.Rejected_email_header:hover{
	background-color:#E2E77E;
}

.replace_email,.resend_email{
	width: 400px;
    bottom: 50px;
    background: #44b44d;
    color: #fff;
    border-radius: 14px;
    height: 40px;
    line-height: 40px;
    font-size: 19px;
    text-align: center;
    cursor: pointer;
	
	
}
.resend_email{
	background:rgb(0, 42, 84);
	margin-bottom:20px;
	margin-top:20px;
}
.resend_text{
    color: grey;
    position: absolute;
    bottom: 50px;
    left: 15px;
    width: 90%;
    display: inline;
    font-size: 15px;
    line-height: 1.3;
}
.email_resent{
	margin-bottom:20px;
	margin-top:20px;
	font-size: 15px;
    line-height: 1.3;
	 color: #404041;
	     display: block;
}
.sure_email{
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 7px;
    text-align: center;
}
.reject_fillet{
	width:100%;
	height:30px;
}
.Filter{
    font-size: 17px;
    line-height: 40px;
    height: 40px;
    color: #404041;
    background: #f9f9f9;
    margin-bottom: 10px;
    float: left;
    padding-left: 10px;
    width: calc(100% - 10px);
}
.filter2{
	margin-left:5px;
	margin-right:5px;
	text-decoration:underline;
	cursor:pointer;
}
.filter2:hover{

	text-decoration:none;
}
.choose_write{
margin-left:15px; /* right */
margin-top:14px;
width:190px;
position:relative;
display:inline-block;
cursor:pointer;
}
div.choose_write_big{
	width:calc(100% - 30px);
	margin-right:0;
}
.choose_write_filter{
margin-left:15px; /* right */
width:calc(100% - 30px);
position:relative;
display:inline-block;
cursor:pointer;
}
.select_seen{
border:1px solid #e3e4e5;
height:29px;
width:calc(100% - 2px);
}

.select1{
width:calc(100% - 40px);
height:100%;
border-right:1px solid #e3e4e5;    /* left */
line-height:29px;
font-size:16px;
padding-left:8px; /* right */
display:inline-block;
float:left; /* right */
}
.select2{
float:left; /* right */
width:31px;
height:100%;
position:relative;
cursor:pointer;
display:inline-block;
}
.select_img{
position:absolute;
left:10px; /* right */
top:12px;
}

.whole_cat_box{
border-top:1px solid  #e3e4e5;
display:none;
position:absolute;
top:100%;
z-index:4;
background:white;
width:100%;
max-width:100%;
max-height: 300px;
    overflow-y: auto;
}


.category_box{
border-bottom:1px solid #e3e4e5;
border-right:1px solid #e3e4e5;
border-left:1px solid #e3e4e5;
display:block;
padding-left:8px;   /* right */
font-size:14px;
height:27px;
line-height:27px;
}
.category_box:hover{
background:#dcddde;
}


.add_to_article{
color:white;
background:#404041;
text-align:center;
cursor:pointer;
border:2px solid #e3e4e5;
height:40px;
width:205px;
font-size:19px;
line-height:40px;
}
.add_to_article:active{
border:2px solid white;
}
.add_to_article_position{

margin-bottom:15px;
position:relative;
left:437px; /* right */
margin-top:35px;
float:left;
}
.edit_label{
	margin-left: 15px;
	font-size:15px;
	font-weight:bold;
	margin-top:10px;
}
.filter_checkdiv{
	margin-left:15px;
}
.filter_checkspan{
	font-size:16px;
	margin-left:8px
}
.vote_em_green_1{
	left:5px; /*rval|0|rval*/
}
/* start users */
.users_page_div{
    width: 842px;
    margin: 0px auto;
	direction:ltr;
	
}

.profile_name9 {
    font-size: 22px;
    font-weight: bold;
    margin-right: 18px;
    display: block;
    float: left;
	width:100%
}
.picture_div9{
display:block;
height:200px;
width:800px;
padding:20px;
float:left;
margin-top:30px;
border:1px solid #dcddde;

}
.profile_ca9{
	margin-top:15px;
	float:left;
}
.profile_image_container9{
width:200px;
height:100%;
display:inline-block;
float:left; /*right*/
position:relative;
}
.profile_div_others_container9{
position:relative;
margin-left:30px; /*right*/
display:inline-block;
float:left; /*right*/
height:100%;
width:calc(100% - 230px);
}
.profile_pic_buttons9{
display:block;
height:32px;
position:absolute;
bottom:0;
margin-top: 15px;
float: left;
width: 100%;
}
.profile_image9{
	width:100%;
}
.user_text9{
font-size: 17px;
    line-height: 1.6;
    white-space: pre-wrap;
    float: left;
    margin-top: 15px;
    width:100%;
}
.gallery_image{
	width:160px;
	float:left;
}
.galley_user_div{
	width:calc(33%-5px);
	margin-left:5px;
	margin-top:5px;
	display:inline-block;
	float:left;
}

/*start blocked */
.blocked_page_div{
    width: 800px;
    margin: 0px auto;
	padding:20px;
	direction:ltr;
	border:1px solid #dcddde;
	
}
.blocked_h1{
	font-size:18px;
	margin-bottom:20px;
	font-weight:bold;
}
.blocked_user{
	display:block;
	font-size:16px;
	margin-bottom:10px;
}
.blocked_user_first{
	color:#404041
	}
.unblock{
	color:blue;
	cursor:pointer;

}
.unblock:hover{
	text-decoration:underline;
}

/*start drafts*/
.drafts_page_div{
    width: 970px;
    margin: 0 auto;
    direction: ltr;
}

.draft_first{
margin-top:10px;
border-top:1px solid #dcddde;
}

.draft_full{
position:relative;
padding-top:15px;
padding-bottom:15px;
border-bottom:1px solid #dcddde;
width:100%;
display:block;
height:110px;
}
.delete_draft{
position:absolute;
right:5px; /*left */
top:17px;
font-size:14px;
line-height:15px;
color:red;
cursor:pointer;
}
.delete_draft:hover{
text-decoration:underline;
}
.boundery{
direction:rtl;
}

.image_link_draft{
position:relative;
overflow: hidden;
display:inline-block;
width:210px;
height:100%;
float:left; /* right */
}
.draft_image{
width:100%;
overflow: hidden;
height:auto;

}

.draft_right{
/* error */
float:left;  /* right */
display:inline-block;
width:662px;
overflow:hidden;
height:110px;
margin-left:23px;  /* right */
}
.draft_h1{ /*   height:21   */
color:black;
font-size:17px;
font-weight:bold;
line-height:17px;
max-height:17px;
margin-top:4px;
display:block;
}
.draft_h2{/*   height:22   */
color:#404041;
font-size:14px;
font-weight:bold;
line-height:14px;
max-height:14px;
margin-top:7px;
display:block;
}
.draft_short{   /*height:42   */
color:#404041;
font-size:14px;
line-height:18px;
max-height:36px;
display:block;
margin-top:5px;
}
.draft_section{ /*height:25   */
font-size:17px;
font-weight:bold;
line-height:17px;
max-height:17px;
display:block;
margin-top:7px;
margin-bottom:3px;
}
/* start edit profile */
.edit_main{
	border:1px solid #dcddde;
	padding:20px;
}

.edit_page_div {
    margin: auto;
    width: 675px;
    margin-top: 35px;
}

.about_textarea{
    width: 575px;
    margin-left: 15px;
    height: 200px;
    border: 1px solid #dcddde;
    padding: 10px;
    font-size: 16px;
    overflow: auto;
    resize: none;
	margin-top:10px;
}
textarea {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none; /*remove the resize handle on the bottom right*/
}
.about_textarea2{
    width: 575px;
    margin-left: 15px;
    min-height: 60px;
    border: 1px solid #dcddde;
    padding: 10px;
    font-size: 16px;
    overflow: hidden;
    resize: none;
	margin-top:10px;
	margin-bottom:10px;
}
.checkboxes_div{
	margin-top:10px;
}	
.profile_checkbox{
	margin-left:10px;
	float:left;
    margin-top:0;
}
.profile_checkbox_label{
	float:left;
	margin-right:10px;
	margin-left:3px;
}


.location_father{
	width: 595px;
    margin-left: 15px;
	position:relative;
	margin-top:10px;
}
.location_input{
	width:585px;
	padding-left:8px;
	height:30px;
	border:1px solid #dcddde;
}
.location_suc{
position:absolute;
height:14px;
top:9px;
right:10px;
width:auto;
}
.location_options{
	position:absolute;
	top:32px;
	left:0;
	border:1px solid #dcddde;
	border-bottom:0;
	max-height:200px;
	overflow-y:auto;
	z-index:11;
	background:white;
	width: 100%;
}
.location_option{
	border-bottom:1px solid #dcddde;
	font-size:16px;
	height:25px;
	line-height:25px;
	width: 98%;
	padding:1%;
	cursor:pointer;
}
.location_option:hover{
	background:#f2f2f2;
}
.editp_error{
	height:40px;
	line-height:40px;
	color:red;
	font-size:16px;
}
.upload_profile{
	text-align:center;
	font-size:15px;
	margin-top:50px;
	margin-bottom:50px;
	font-size:25px;
}
.image_upload_square{
	height:300px;
	width:300px;
	border:1px solid #dcddde;
	font-size:20px;
	line-height:300px;
	text-align:center;
	margin-left:187px; 
	cursor:pointer;
	float:left;
}
.upload_more_edit_profile:active,.finished_editprofile:active,.upload_more_facebook:active{
	opacity:0.5
}
.upload_more_edit_profile,.finished_editprofile,.upload_more_facebook,.upload_more_instagram{
    width: 300px;
    /* border: 1px solid #dcddde; */
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    border-radius: 20px;
    background: #44b44d;
    color: white;
    display: block;
    width: 300px;
    float: left;
    margin-left: 188px;
}

.finished_editprofile{
	background:#404041;
	
}
.upload_more_facebook{
	background:#5890FF;
	
}
.image_gallery_editprofile{
	width: 675px;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #dcddde;
    margin-bottom: 50px;
	float: left;
}
.preview_image_father_ep{
	position:relative;
	width:300px;
	height:300px;
	    float: left;
}
.edit_image_ep,.edit_image_tep{
    position: absolute;
    width: 100%;
    background: #000;
    opacity: .5;
    left: 188px;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    color: white;
    text-align: center;
    font-size: 18px;
	z-index:10;
}
.edit_image_tep{
z-index:11;
background:transparent;
opacity:1;
cursor:pointer
}
.fake_tep{
width:300px;
left:188px;
height:188px;	
}
/* start setting */
.setting_div{
  width:100%;
  margin-top:30px;
  cursor:pointer;
  
}

.single_setting{
  display:block;
  width:930px;
  padding:10px;
  height:20px;
  background:#f1f2f3;
  font-size:15px;
  line-height:20px;
 margin-bottom:7px;
 cursor:pointer;

}
.settings_name{
  float:left; /*right*/
  font-weight:bold;
}
.settings_now{
  float:left;/*right*/
  margin-left:10px;/*right*/
}

.settings_edit{
  float:right; /*left*/
  text-decoration:underline;
}

/*------------------------------------------------------------------------------javascript----------------------------------------------------*/

.settings_edit_div{
  display:block;
  border:1px solid #dcddde;
  padding:14px;
  margin-bottom:10px;
}

.settings_edit_head{
  font-size:17px;
  font-weight: bold;
  display:block;
  
}

.settings_input{
  height:20px;
  padding:10px;
  line-height:20px;
  font-size:15px;
  display:block;
  margin-top:10px;
  width:880px;
}
.settings_buttons_div{
  margin-top:10px;
  height:25px;
  display:block;
}
.settings_confirm{
margin-right: 10px;
text-align: center;
height: 25px;
width: 90px;
line-height: 26px;
background: #404041;
color: white;
font-size: 15px;
font-weight: bold;
float: right;/*left*/
cursor: pointer;
border:1px solid #404041;
}  
.settings_cancle{
background: #dcddde;
color: #404041;
}

.settings_select{
    height:30px;
  line-height:20px;
  font-size:18p;
  display:block;
  margin-top:10px;
  width:900px;
  padding-left:10px;/*right*/
  
}

div.choose_write2{
	width:70%;
}

.more_link{
color:#005389;
}
.more_link:hover{
text-decoration:underline;
}
.settings_error{
	float:left;
	color:red;
	font-size:13px;
	line-height:30px;
}
.checkbox_div_son{
	display:inline-block;
}


div.facebook_upload{
	 background: #5890FF;
    margin-top: 30px;
    margin-left: 190px;
    font-size: 17px;
    border: 0px solid #1f6daa;
    width: 300px;
}
div.instagram_upload{
   margin-left: 190px;
   font-size: 17px;
   width: 300px;
   margin-top: 30px;
   background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.upload_more_instagram{
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);

}
.fb_img_cont{
	width:225px;
	height:225px;
	margin-right:20px;
	margin-bottom:20px;
	display:inline-block;
	overflow:hidden;
	float:left;
	cursor:pointer;
	position:relative
}
.fb_img_:active,.fb_img_disable{
	opacity:0.5;
}
div.fb_img_cont2{
	margin-right:0;
}
.facebook_chooser{
color:#404041;
font-family: Arial,Helvetica, sans-serif;
z-index:21;
width:774px;
height:700px;
background:white;
position:fixed;
top:50%;
right:50%;
margin-top: -350px;
margin-right: -387px;
z-index:20
}
.facebook_choose{
    font-size: 19px;
    line-height: 19px;
    display: block;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
}
.facebook_scroller{
    height: 600px;
    overflow-y: scroll;
    width: calc(100% - 20px);
    margin-left: 20px;
}
div.facebook_scroller2{
	height:510px
}
.fb_vi{
	position:absolute;
	left:5px;
	top:5px;
	height:30px;
	
	height:30px;
	z-index:10;
}
.fb_submit{

}
.fb_hm{
	font-size:15px;
	text-align:center;
	display:block;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}
div.submit_facebook{
	margin-left: 237px;
}
.user_likes_bar{
    width: 100%;
    border-bottom: 2px solid rgb(0, 144, 66);
    margin-top: 20px;
    padding-bottom: 10px;
}
.users_chooser,.users_chooser2{
    font-size: 19px;
    margin-right: 20px;
    margin-left: 20px;
    color: #919296;
}
.users_chooser{
	font-weight:bold;
	color:#404041
}
.msgs_cont{
	height: calc(100vh - 327px);
	overflow-x:hidden;
	overflow-y: auto;;
}
.convs_cont{
	max-height:calc(100vh - 204px);
	overflow-x:hidden;
	overflow-y: auto;
}
.convs_cont:hover:{
	overflow-y: auto;
}
.only_mobile{
	display:none;
}
.complete_profile{
	font-weight:bold;
	font-size:19px;
}
.complete_profile2{
    margin-top: 5px;
    font-weight: bold;
    font-size: 17px;
    color: #115e8f;
    display: block;
    margin-left: 12px;
    margin-bottom: 15px
}
.complete_later{
	    color: #115e8f;
		font-size:19px;
		float:right;
		cursor:pointer;
		text-decoration:underline;
}
.complete_later:hover{
	text-decoration:none;
}
.no_margin_right{
	margin-right:0;
}
.email_type{
    width:560px;
    height:50px;
    padding:20px;
    position:relative;
    border: 1px solid #dcddde;
}
.email_name{
    font-size:20px;
    float:left;
    display:block;
  
    width:100%;
}
.email_desc{
    font-size:13px;
    color:#808080;
    display:block;
    margin-top:15px;
    float:left;
   

}
.email_switch{
    position:absolute!important;
    right:20px;
    top:31px;
}
.emails_head{
    font-size:20px;
    font-weight:bold;
    color:#404041;
    margin-bottom:20px;
}
.email_types_head{
    border:3px solid #404041;
    margin-bottom:20px;
    margin-top:20px;
    padding:5%;
    width:calc(90% - 6px);
}
.email_stop{
    font-size:16px;
    color:#404041;
}
.email_type_conf,.email_type_conf2{
    cursor:pointer;
    height:40px;
    width:90px;
    line-height:40px;
    color:white;
    background-color:#002a54;
    text-align:center;
    margin-top:20px;
    display:inline-block;
}
.email_type_conf3{
    width:200px;
}
div.email_type_conf2{
    color:#404041;
    background-color:#dcddde;
    margin-left:20px;    
}
.delete_acc_warn{
font-size: 16px;
color: #808080;
display: block;
margin-top: 15px;
float: left;
line-height: 1.5;
color: red;
width:100%;
}
.old_article_link{
    display: block;
    color: #404041;
    cursor: pointer;
    margin-top: 25px;
    margin-left: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dcddde;
}
.old_user{
    margin-top:10px;
    margin-bottom:10px;
    display:block;
    float: left;
    width: 700px;
}
.old_by{
    margin-left:15px;
    font-weight:bold;
    float:left;
    margin-right:10px;
}

.instagram_iframe_cont{
    z-index: 21;
    width: 550px;
    height: 720px;
    background: white;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -275px;
    margin-left: -360px;
}
.instagram_iframe_cont{
    width: 550px;
    height: 720px;   
}
.camera_icon{
    position:realtive;
    top:1px;
} 

.user_text_title{
    font-size: 18px;
    font-weight:bold;
    display: block;
    width: 645px;
    margin-bottom: 3px;
    line-height: 1;
	margin-left:20px;
	white-space: pre-wrap;   
}
.about_q_readmore{
    background: rgb(0, 42, 84);
    color: white;
    width: 200px;
    margin-top: -5px;
    border: 2px solid rgb(0, 42, 84);
    height: 27px;
    font-size: 17px;
    line-height: 27px;
    display: block;
    text-align: center;
    border-radius: 35px;
    margin-bottom: 40px;
    margin-left: 20px;
    cursor:pointer;
}
.about_q_readmore:hover{
    color:rgb(0, 42, 84);
    background:white;
}
.mobile_margin{
   margin-left:3%;
   margin-right:3%;
   width:94%; 
}

.profile_checkbox_div{
    position: absolute;
    top: 42px;
}