@import 'https://fonts.googleapis.com/css?family=Play';
@import 'https://fonts.googleapis.com/css?family=Play&subset=Cyrillic';

body { color: #000C25; font-family: 'Play'; direction:ltr; font-weight:300; font-size:16px; background:#fff; }

.XOver:hover {color: #000C25 !important;}

.SmallShare {width:40px !important; height:40px !important; line-height:40px !important; text-align:center !important;}
.SmallShare img {width:40px !important; height:40px !important;}

.SiteCanvasBg {background-color:#FFFFFF;}

.Blur {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}


.MenuProfile { width:100%; height:150px; }
.UserProfile  { width:100%; height:250px;}
.DetailsBg { background:rgba(255,168,0,0.8); top:80px; width:160px;}


#Top {width:100%;height:50px;top:0;position:fixed; z-index:100000;}
.Top_Height_Space {height:50px;}
#Logo {max-height:40px; max-width:80px; margin-top:5px;}

.TopIcon { width:35px; height:35px;}
.MenuIcon { width:30px; height:30px;}
.AccIcon { width:60px; height:60px;}


.PopupWindow {
 width:100vw;
 height:100vh;
 position:fixed;
 z-index:10;	
 background:rgba(255,255,255,0.8);
}


.GalleryImage {
	
	max-width:100%;
	max-height: calc(100vh - 70px);
    max-height: -o-calc(100vh - 70px);
    max-height: -webkit-calc(100vh - 70px);
    max-height: -moz-calc(100vh - 70px);
	display:inline-block;
	
}

.PrevPanel { left:0; top:45%; position:fixed; margin:10px; z-index:99999; color:#FFFFFF; font-size:36px;}
.NextPanel { right:0; top:45%; position:fixed; margin:10px; z-index:99999; color:#FFFFFF; font-size:36px;}

.GalleryWindow {
	width:100vw;
	height: calc(100vh - 50px);
    height: -o-calc(100vh - 50px);
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
	left:0;
	top:50px;
	position:fixed;
	text-align:center;
	z-index:9999;
	background:rgba(0,0,0,0.9);
	text-align:center;
	
}
.PopupToolTip_ {
	width:280px;
	min-width:280px;
	background:rgba(0,0,0,0.3);
	overflow:auto;
	height: 100vh;
	left:0;
	top:0;
	position:fixed;
	text-align:center;
	z-index:10000;
	color:#FFFFFF;
	font-size:14px;
}
.LoginPopup {
	width:280px;
	min-width:280px;
	background:rgba(0,0,0,0.9);
	overflow:auto;
	height: auto;
	left:0;
	top:50px;
	position:fixed;
	text-align:center;
	z-index:10000;
	animation-name: MenuPopup_Anime;
    animation-duration: 0.5s;
	animation-iteration-count: forwards;
	color:#FFFFFF;
}

.MenuPopup {
	width:280px;
	min-width:280px;
	background:rgba(0,0,0,0.9);
	overflow:auto;
	height: calc(100vh - 50px);
    height: -o-calc(100vh - 50px);
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
	left:0;
	top:50px;
	position:fixed;
	text-align:center;
	z-index:10000;
	animation-name: MenuPopup_Anime;
    animation-duration: 0.5s;
	animation-iteration-count: forwards;
}
.MenuIconMainTable { width:90%;}
.MenuIconTable { width:100%;}
.MenuIconTD { width:30px; height:30px;}
.MenuClose {
	 font-size:36px; 
	 width:30px;
	 height:30px;
	 text-align:center;
	 line-height:30px;
	 position:fixed;
	 left: 280px;
	 top:60px;
	 color:#ffffff;
	 background:rgba(0,0,0,0.9);
	 z-index:111111111;
}
.GalleryClose  {
	 font-size:36px; 
	 width:30px;
	 height:30px;
	 text-align:center;
	 line-height:30px;
	 position:fixed;
	 right: 0px;
	 top:0px;
	 color:#ffffff;
	 background:rgba(0,0,0,0.9);
	 z-index:111111111;
}

.SearchButton {
	position:fixed;
	text-align:center;
	z-index:10000;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	right:0;
	bottom: 60px;
	background:rgba(0,0,0,0.9);
}
.SpeedDateButton{
	position:fixed;
	text-align:center;
	z-index:10000;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	right:0;
	bottom: 94px;
	background:rgba(0,0,0,0.9);
}
.DropMenu {
	position:absolute;
	text-align:center;
	z-index:1000;
	width:250px;
	height:auto;
	text-align:center;
	right:70px;
	
	background:rgba(0,0,0,0.9);
	
}
.DropClose {
	 font-size:36px; 
	 width:30px;
	 height:30px;
	 text-align:center;
	 line-height:30px;
	 position:absolute;
	 color:#ffffff;
	 z-index:10000;
	 right:40px;
	 background:rgba(0,0,0,0.9);
}
.Close {
	 font-size:36px; 
	 width:30px;
	 height:30px;
	 text-align:center;
	 line-height:30px;
	 
	 color:#ffffff;
	 
	 background:rgba(0,0,0,0.9);
}

.Button {
 width:100%;
 height:30px;
 line-height:30px;
 color:#ffffff;
 font-weight:500;	
}
.Button:hover {
 width:100%;
 height:30px;
 line-height:30px;
 color:#ffffff;
 font-weight:500;
 background:#ffa800;	
}
.ButtonSelected {
 width:100%;
 height:30px;
 line-height:30px;
 color:#ffffff;
 font-weight:500;
 background:#ffa800;	
}

.Button2 {

 height:30px;
 line-height:30px;
 padding-left:5px;
 padding-right:5px;
 color:#ffffff;
 font-weight:300;
 text-align:center;	
}
.ButtonAcc {
  color:#ffffff;
  font-weight:300;
  font-size:12px;	
}
.ButtonAcc table {
	width:99px;
	height:99px;	
}
.Button2_ {

 height:30px;
 line-height:30px;
 padding-left:5px;
 padding-right:5px;
 color:#000C25;
 font-weight:300;
 text-align:center;	
}

.Button3 {

 height:120px;
 line-height:120px;
 width:120px;
 
 color:#ffffff;
 font-weight:300;
 text-align:center;	
 -webkit-border-radius: 120px;-moz-border-radius: 120px;border-radius: 120px;
}

.More {
	display:inline; 
	width:20px;
}

.TopUsers { width:100vw; text-align:center; height:auto; overflow:hidden; }



.Color1 { background:#FFA800;}
.Color1_Color { color:#FFFFFF;}
.Color2 { background:#FF6C00;}
.Color3, .Line_ { background:#e1e1e1;}
.SearchColor { color:#ffffff;}
.Gradient1 {
	background: #FFA800; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFA800, #FF6C00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFA800, #FF6C00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFA800, #FF6C00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFA800, #FF6C00); /* Standard syntax (must be last) */
}
.Gradient2 {
	background: #FF6C00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FF6C00, #FFA800); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF6C00, #FFA800); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF6C00, #FFA800); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF6C00, #FFA800); /* Standard syntax (must be last) */
}
.Gradient3 {
	background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #E1E1E1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #E1E1E1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #E1E1E1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #E1E1E1); /* Standard syntax (must be last) */
}

.ListTopic:hover .Gradient1-CHANGE-THIS {
	background: #000C25; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#00236c, #000C25); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00236c, #000C25); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00236c, #000C25); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00236c, #000C25); /* Standard syntax (must be last) */
}

.Online {
	background-color:#009623;
  	color:#FFFFFF;
	/*-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;*/
	text-align:center;
	height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	/*border: 1px solid #E1E1E1;
	cursor:pointer;*/
	animation-name: Online_Anime;
    animation-duration: 0.5s;
	animation-iteration-count: infinite;
}

.Notification {
	background-color:#009623;
  	color:#FFFFFF;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	
	height:20px;
	line-height:20px;
	width:20px;	
	font-size:10px;
	
	z-index:1000011;
	text-align:center;
	min-width:20px;
	margin-left:4px;
	margin-right:4px;
	
	display: block;
	position:absolute;
	

}

#MyRullerViews.Notification, #MyRullerMessages.Notification, #MyRullerNotifications.Notification {
	background-color:#009623;
  	color:#FFFFFF;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	
	height:15px;
	line-height:15px;
	width:15px;	
	font-size:10px;
	
	z-index:1000011;
	text-align:center;
	min-width:15px;
	
	
	display: block;
	position:absolute;
	

}

.NotificationZero {
	
  	color: #000C25;
	background-color:#ffffff;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	
	height:20px;
	line-height:20px;
		
	font-size:10px;
	min-width:20px;
	z-index:1000011;
	text-align:center;
	
	
	display: block;

}


a:link, a:visited, a {color: #000C25;}
a:hover, a:active {color: #FF6C00;}

a:hover.ArticleLink div { color:#000C25;}
a.ArticleLink div { line-height:24px;}
a:hover.ArticleLink div b { color: #FF6C00; font-size:18px;}
a.ArticleLink div b {font-size:18px;}



a.SourceLink span, a:hover.SourceLink span  {font-size:11px; color:#aeaeae;}
.SourceLink {font-size:11px; color:#aeaeae;}

.Marker {
	height:20px;
	line-height:20px;
	font-weight:300;
	font-size:14px;
	
	width:100px;
	
}
.ShareTitle {
	height:40px;
	line-height:40px;
	font-weight:300;
	font-size:16px;
	background-color:#FFA800;
	width:auto;
	color:#FFFFFF;
}

.AnketaTitle {
	font-size:20px;
	line-height:28px;
}
.AnketaSubTitle {
	font-weight:900;
}
.UserDetails {}
.UserDetails2 {}
.UserDetails3 {}
.Title {
	font-size:20px;
	line-height:28px;
}
.ArtcleTitle {
	font-size:30px;
	line-height:38px;
}
.SmallText {
	font-size:12px;
	line-height:16px;
}
.SmallText2 {
	font-size:8px;
	line-height:24px;
}
.Text2x {font-size:24px;line-height:24px;}

.Border {border: 1px solid #E1E1E1;}



.TextBoxSmall { 
	width:30px;
	min-width:30px;
	max-width:30px;
	height:28px;
	line-height:28px;
	font-family: 'Play';
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	border: 1px solid #E1E1E1;
}


.TextBox1 { 
	width:110px;
	min-width:110px;
	max-width:110px;
	height:28px;
	line-height:28px;
	font-family: 'Play';
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	border: 1px solid #E1E1E1;
}

.TextBox2 { 
	width:180px;
	min-width:180px;
	max-width:180px;
	height:28px;
	line-height:28px;
	font-family: 'Play';
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	border: 1px solid #E1E1E1;
}
.TextBox100 {
	width:90%;
	min-width:90%;
	max-width:90%;
	height:28px;
	line-height:28px;
	font-family: 'Play';
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	border: 1px solid #E1E1E1;
}


.ChatIcon { width:16px; height:auto;}
.Sticker {max-width:280px;}

[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block; /* For Firefox */
  color:#d0d0d0;
}

div[contenteditable=true] {
  
}
#ChatMessageArea {
	width: inherit !important;
	max-width: inherit !important;
	height:auto;
	max-height:85px;
	line-height:16px;
	min-width:250px;
	background-color:#ffffff;
	
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	 
	 padding:5px;
	 box-sizing: border-box;
	 resize: none;
	overflow: auto;
	-moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
	outline: none;
	word-wrap: break-word;
	white-space: break-word;
}
#ChatMessageArea img { display: inline-block !important; margin-top:0px !important; margin-bottom:0px !important;}
#ChatMessageArea > * { vertical-align: middle; }

.ChatAreaOverlay {
	position:fixed; bottom:0; z-index:1000011; height:85px; background:rgba(255,255,255,0.6); width:100%;
}

#ChatTextArea { position:fixed; bottom:0; z-index:100000; }
.ChatMessagesWindowInfoWindow _Out { position:fixed; top:55px; z-index:100000; width:100%; height:40px; background:rgba(255,255,255,0.8); }
#ChatMessagesWindowInfoWindow  {  }

#ChatMessagesWindow {
	width:100%;
	position:fixed;
	top:85px;
	z-index:1000;
	overflow:auto;
	max-height: calc(100vh - 125px);
    max-height: -o-calc(100vh - 125px);
    max-height: -webkit-calc(100vh - 125px);
    max-height: -moz-calc(100vh - 125px);
	min-height: calc(100vh - 125px);
    min-height: -o-calc(100vh - 125px);
    min-height: -webkit-calc(100vh - 125px);
    min-height: -moz-calc(100vh - 125px);
	height: calc(100vh - 125px);
    height: -o-calc(100vh - 125px);
    height: -webkit-calc(100vh - 125px);
    height: -moz-calc(100vh - 125px);
	}
#ChatData { width:100%;}

.MessageBox {width:98%;}
.MessageBox_ {width:100%; display:block; margin-bottom:16px;}
.Arrow {
	 font-size:24px; 
	 margin-left:-5px;
	 margin-right:-5px;
	 margin-top:-7px;
	 
}
.arrow_box {
	 padding:10px;
	 -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	 word-break: break-word;
	 background-color:#ffa800; 
	 color:#ffffff;
	 font-weight:500;
	 font-size:18px;
	 
}
.arrow_box_arrow {color:#ffa800;}
.arrow_box2 {
	 padding:10px;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	 word-break: break-word;
	 background-color:#f1f1f1; 
	 color:#3c00ab;
	 font-weight:500;
	 font-size:18px;
}
.arrow_box2_arrow {color:#f1f1f1;}

.ChatMoreDrop {
	width:90%;
	display:block;
	position:absolute;
	z-index:1000001;
	background:rgba(255,255,255, 0.8);
	margin-left:5px;
	margin-right:5px;
}

.SmileyPopupTable {width:100%;}
.SmileyPopup {width:90%; background:rgba(255,255,255,0.8);}
.SmileyContent {height:200px; overflow:auto; width:90%;}

.AttImageSmall {width:45px; height:45px;}
.AttImage { max-width:280px; }