@font-face {
font-family: "Sansation"; 
src: url("/fonts/Sansation/Sansation-Regular.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
font-display: fallback;
}  
@font-face {
font-family: "Sansation"; 
src: url("/fonts/Sansation/Sansation-Bold.ttf") format("truetype"); 
font-style: normal; 
font-weight: bold; 
font-display: fallback;
} 	
@font-face {
font-family: "Nunito"; 
src: url("/fonts/static/Nunito-Regular.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
font-display: fallback;
}  
@font-face {
font-family: "Nunito"; 
src: url("/fonts/static/Nunito-Bold.ttf") format("truetype"); 
font-style: normal; 
font-weight: bold; 
font-display: fallback;
} 	
@media all and (display-mode: standalone) {
  .preheader,.content_descr,#aboutapp,#pathway,#otherapps,#appscomm,#installpwa,#fullscreen{display:none!important;}
} 

html{height:auto;scroll-behavior: smooth;}
html, body {margin:0; padding:0; width:100%; min-height:100%;}
body{
	max-width:100%;
	height:100%; 
	min-height:100vh;
	font-family:Sansation,Nunito, Corbel, Arial, sans-serif;
	font-size:17px;
	word-wrap: break-word;
	-moz-box-sizing: content-box; 
   box-sizing: content-box; 
	background:#f5f5f5;
	color:#222;
	font-weight:400;
	line-height:1.4;
	top:0; left:0; right:0; bottom:0; margin:auto;
	
	}
	body a{
	color:#0f95d9;
	text-decoration:none;
}
body a:hover{text-decoration:underline;}
	
	body h3{
	 color: #222222;
    margin-bottom: 20px;
	}

	.slide_slide_item{width:100%; height:100px; overflow:hidden; display:block; margin:3px 0; position:relative; border-radius:2px; box-shadow: 0px 1px 1px silver; box-sizing:border-box; background:#e5e5e5;}
	#openMenu{display:none;}
	#closeMenu{display:none;}
.menu{margin:0; padding:0; list-style:none; width: 100%; height:auto;text-align: right; position:absolute; right:0; top:15px; height:50px; width:660px; }
.menu li{
	 display:inline-block; 
	 margin-left:10px;  
	 border-radius:8px;
    overflow: hidden;
    box-sizing: border-box; 
    width: auto; height: 40px; line-height: 40px;
   
  
}
.menu li a{width: auto; height: 100%; display: block; position: relative;overflow:hidden; box-sizing: border-box;position: relative; background-position: left center;}
.menu li a span{
    font-size: 15px;
    color: #8d9aac;
    text-transform: lowercase;
    margin: 0;
    text-align: left; 
    overflow: hidden; 
    padding-left:27px; line-height: normal; font-weight: 500;
    
}
.menu li:hover{opacity:0.5;}
.menu a:hover{text-decoration: none;}
.m_feed a{background: url(/images/svg/m_feed_light_blue.svg) left center no-repeat;}
.m_apps a{background: url(/images/svg/m_apps_light_blue.svg) left center no-repeat;}
.m_posts{background: url(/images/svg/m_posts_light_blue.svg) 4px center no-repeat;}
.m_notes{background: url(/images/svg/m_notes_light_blue.svg) 4px center no-repeat;}
.m_slides{background: url(/images/svg/m_slides_light_blue.svg) 4px center no-repeat;}
.m_comments{background: url(/images/svg/m_comments_blue.svg) 4px center no-repeat;}
.m_telegram{background: url(/images/svg/m_telegram_blue.svg) 4px center no-repeat;}
.m_donate{background: url(/images/svg/m_donate_blue.svg?v=2) 4px center no-repeat;}
.m_share{background: url(/images/svg/m_share_blue.svg) 4px center no-repeat;}
.m_3iatlas{background: url(/images/svg/comet.svg) 4px center no-repeat;}
.m_comments span{color:#a0b527!important;}
.m_telegram span{color:#a0b527!important;}
.m_donate span{color:#a0b527!important;}
.m_share span{color:#a0b527!important;}
.galery_ul li{
	width: 190px;
    height: auto;
    display: inline-block;
    margin: -6px 1px 1px 1px !important;
}

.posts_list li{
width:100%; height:140px; margin:auto; display:inline-block; padding:10px;    background: linear-gradient(1deg, #e5e8eb, #ffffff, #f5f5f5); border-radius:4px; box-sizing:border-box; overflow:hidden; position: relative; margin-bottom:5px; box-shadow: 0px 1px 3px 0px #bbc2c6; border:1px solid #abbec7;
	}
	.mod_com_line{
width:100%; height:auto; margin:auto; display:block; padding:10px 0;    margin-bottom:5px; 
	}
	
	.gal_ajax1{width:960px; height:100%; position:relative;}
	.gal_ajax2{width:700px; height:100%; position:absolute; left:0; top:0; background:#222;}
	.gal_ajax_img{width:auto; max-width:100%; max-height:95%; height:auto;  left:0; right:0; top:0; bottom:0; margin:auto; position:absolute;}
	.gal_ajax3{padding:10px; width:260px; position:absolute; top:0; right:0; height:100%; box-sizing:border-box;}
	.gal_ajax5{padding:20px 10px; margin:20px 0; background:#e5e5e5; border-radius:5px;}
#cboxNext{right:300px!important;}
#cboxPrevious {left:17px!important;}
#cboxLoadingOverlay, #cboxLoadingGraphic{width:700px!important;}
.slideitem1{width:100%; height:100%; position:relative; background:#fff; box-sizing:border-box;}
	.slideitem2{width:70%; height:100%; position: absolute; left:0; top:0; background:#222;}
	.slideitem3{width:30%; position:absolute; left:70%; top:0; height:100%; background:#fff; color:#e5e5e5;}
	.slideitem4{padding:70px 10px 100px 15px; font-size:16px; width:100%; max-width:100%; box-sizing:border-box; color:#222;}
	.slideitem5{border-bottom:3px solid #666; padding-bottom:10px; margin-bottom:30px;}
	.slideitemimg{max-height:100%; max-width:100%; top:0; left:0; bottom:0; right:0; margin:auto; position:absolute;}

	#title_fake{display:none;}
	body img, body iframe, body embed, body object{
	max-width:100%; box-sizing:border-box;
	}
	
	#wrapper {
  position:relative;
  height:auto !important;
  min-height: 100vh;
  
}
.wrapper2 {
	width:950px; height:auto; min-height:100vh; 
	box-sizing:border-box; 
}
.main{width: 100%; height: auto; min-height: 2000px; box-sizing:border-box; background:#fff; padding:10px 0 10px 15px; box-sizing:border-box;} 
.preheader{background:#1b1b1c; border-bottom:2px solid #222; width:100%;}

#pathway{font-size:12px; color:#999; padding:7px 0; width:100%; height:auto; box-sizing:border-box; text-align:left; }
#pathway a{color:#999; font-weight:400;}


.bd_item_details_full{
	line-height:1.5;
	font-size:16px;
}
h1, .con_heading{
color: #313539; 
line-height:1.2;
margin:0; 
padding:0; 
color:#f5f5f5; 
font-size:32px;
text-align:left; 
text-shadow:none;
}
.moduletitle{
font-size: 22px;
padding:15px 0;
color: #313539; text-shadow:1px 1px 1px #fff;
}
.posts_list ul{
margin:0; padding:0; list-style:none;
}
.posts_td1{width:120px;}
.posts_list_poster{
width:120px; height:120px; overflow:hidden;
}
.posts_list_poster img{
width:120px; height:120px; overflow:hidden; border-radius:4px; border:1px solid #8caab9; box-sizing:border-box;
}
.posts_list_title{
padding:5px 0; overflow:hidden; line-height:1.2;
}
.posts_list_title a{
font-weight:700;
color:#333;
font-size:18px;
text-shadow:#fff;
}
.posts_list_more_menu{
position: absolute; right: 0; bottom: 5px;
}
.posts_list_details, .posts_list_details a{
color: #949494;
fill: #949494;
font-size:13px;
}
.pagebar{
padding: 20px 0;
}
.pagebar_page{
	background: #cfdde3;
    width: auto;
    padding: 10px;
    margin: 0 1px;
	border-radius:2px;
	display:inline-block;
}
.pagebar_current{
	background: #009ff0;
    width: auto;
    padding: 10px;
    margin: 0 1px;
	border-radius:2px;
	display:inline-block;
	color:#fff;
}
.pagebar_page{
	background: #cfdde3;
    width: auto;
    padding: 10px;
    margin: 0 1px;
	border-radius:2px;
	display:inline-block;
}

.feed_item{
	padding:10px; 
	margin: 1px auto 10px auto;
	box-sizing:border-box; 
	height:auto;
	box-shadow: 0px 1px 3px 0px #bbc2c6;
	border-radius:4px;
	background:#fff;
	display:block; overflow:hidden; 
}
.feed_message, .feed_message a{
	color:#333; font-size:12px; height:20px; line-height:20px; width:100%;
}
.fm_add_apps, .fm_add_comments{color:#93a729; border-bottom:2px solid #93a729;}
.fm_add_posts, .fm_tlgr_ch {color:#e44206; border-bottom:2px solid #e44206;}
.fm_add_notes, .fm_add_notes_image{color:#e88e06; border-bottom:2px solid #e88e06;}
.fm_add_slides{color:#0393de; border-bottom:2px solid #0393de;} 
.fm_qrteller{color:#333; border-bottom:2px solid #17a7f0;}
.fm_qrteller a{color:#17a7f0;}
.fm_add_apps a, .fm_add_comments a{color:#93a729;}
.fm_add_posts a, .fm_tlgr_ch a{color:#e44206;}
.fm_add_notes a, .fm_add_notes_image a{color:#e88e06;}
.fm_add_slides a{color:#0393de;} 
.act_noteupd_title{padding-bottom:15px;}
.infeed_app{
	height:290px;
}
.infeed_app_poster{
	width:100%; height:250px; display:block; position:relative; overflow:hidden;
}
.infeed_app_poster a{width:100%; height:100%; display:block;}
.infeed_app_title{width:100%; height:40px; overflow:hidden; line-height:40px; box-sizing:border-box; display:block;}
.infeed_app_title a{font-size:28px; color:#333; font-weight:700; text-shadow:1px 1px 1px #fff;}
.infeed_app_img{width:100%; height:auto;}
.infeed_slide{width:100%; height:150px; position:relative;}
.infeed_slide_poster{width:150px; height:150px; position:relative;}
.infeed_slide_imgset{width:150px; height:150px; position:relative;}
.infeed_slides_img1{width:130px; height:130px; border-radius:4px; position:absolute; top:0; left:0; z-index:103; border:1px solid #fff;}
.infeed_slides_img2{width:130px; height:130px; border-radius:4px; position:absolute; top:10px; left:10px; z-index:102; border:1px solid #fff;}
.infeed_slides_img3{width:130px; height:130px; border-radius:4px; position:absolute; bottom:0; right:0; z-index:101; border:1px solid #fff;}
.infeed_slide_title{ height:150; padding:0 10px; box-sizing:border-box; display:block; position:absolute; left:150px; top:0;}
.infeed_slide_title a{font-size:28px; color:#333; font-weight:700; text-shadow:1px 1px 1px #fff;}
.infeed_post{
	width: 100%;
    height: 150px;
    overflow: hidden;
	position:relative;
}
.infeed_post_poster{
	width: 150px;
    height: 150px;
	position: absolute; left:0; top:0;
}
.infeed_post_img{
	    width: 150px;
    height: 150px;
    border-radius: 4px;
}
.infeed_post_title{ height:150px; padding:0 10px; box-sizing:border-box; display:block; position:absolute; left:150px; top:0;}
.infeed_post_title a{font-size:28px; color:#333; font-weight:700; text-shadow:1px 1px 1px #fff; line-height:1.1;}
.post_i_info{color:#333; padding:20px 0 10px 0;}
.post_i_info svg{width:16px; height:16px; margin-bottom:-3px; fill:#333!important;}
.feed_fallery img{width:24.58%; height:auto; border-radius:4px; margin:auto;}
#morecontentitems .feed_fallery img{width:100%; height:auto; border-radius:4px; margin:auto;}
#morenotesposts .feed_fallery{padding:5px 0;}
#morenotesposts .feed_fallery img{width:100%; height:auto; border-radius:4px; margin:auto;}
.bb_img{margin:10px 0; background:#e5e5e5;}
.bb_img img{max-width:100%; height:auto;}
#framefactoryny_thumbs::-webkit-scrollbar { width:1px; height:0;}
.catslist{
    height: 20px;
    line-height: 20px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	color:#CCCCCC;
}
.addlink{line-height:30px;}
.board_items{
    width: 100%;
    height: auto;
    padding: 10px;
    margin-bottom: 10px;
    border: #ccc 1px solid;
    border-radius: 8px;
	box-sizing:border-box; background:#fff;
	}
.board_items img{width:66px; height:66px; border:1px solid silver; padding:1px; border-radius:8px;}
.formstyle{padding:10px 0;}
.formstyle div{padding:3px 0;}
.formstyle span{color:#999; font-size:12px;}
.formstyle input, .formstyle select {
	width: 100%!important;
    height: 40px;
    line-height: 40px;
    border: 1px solid #c3d6df;
    background: #effaff;
    font-size: 14px;
    font-weight: bold;
    color: #333;
	box-sizing:border-box;
	border-radius:2px;
}
.formstyle textarea {
	width: 100%;
    min-height: 200px;
    border: 1px solid #c3d6df;
    background: #effaff;
    font-size: 14px;
    font-weight: bold;
    color: #333;
	box-sizing:border-box;
	border-radius:2px;
}
.formstyle checkbox {
	width: 20px;
    height: 20px;
    border: 1px solid #c3d6df;
    background: #effaff;
    font-size: 14px;
    font-weight: bold;
    color: #333;
	box-sizing:border-box;
	border-radius:50px;
}
    .usr_prof_menu div{padding:3px 0;}
	.usr_prof_menu a{
	height:40px; line-height:40px; text-align:center; text-shadow:1px 1px 1px #fff; color:#333;  display:block; padding:0 10px; box-sizing:border-box; overflow:hidden; border-radius:4px; text-decoration:none; background:#e6e6e6;}
	.usr_prof_menu_mess{background:#0393de!important; color:#acdef9!important;  text-shadow:1px 1px 1px #000!important;}
	.usr_pro_content_list ul{margin:0; padding:0;}
	.usr_pro_content_list li{height:40px; width:270px; display:inline-block; background:1px solid silver; overflow:hidden;}
	.feedbacklink{font-size:12px; position:absolute; bottom:5px; right:40px; color:#CCCCCC; text-shadow:1px 1px 1px #000;}
	.opacity{ opacity:0.7; } .opacity:hover{ opacity:1.0; }
#app_place iframe{width:100%;min-height:600px; height:auto;}
.post_content iframe, .post_content embed, .post_content object{width:100%; min-height:350px; height:auto;}
.bb_quote{
padding: 20px 10px;
    background: #e6e6e6;
    border-left: 5px #0393de solid;
    color: #333;
	}
.applink {
    background: #009ff0;
    height: 70px;
    line-height: 70px;
    display: block;
    color: #fff;
    border-radius: 50px;
	border:1px solid #fff;
    font-weight: 500;
}
	.cmm_heading{
	padding:30px 0;
	font-size:18px; font-weight:500;
	color:#333;
	}
	.ajax_autogrowarea{width:100%; box-sizing:border-box; min-height:200px;}
	.cm_editor{padding:20px 0;}
	#popup_container {
    position: absolute;
    width: 600px;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: left;
    padding: 0;
    margin: 0;
    padding: 15px; box-sizing:border-box; min-height: 250px; 
}
#popup_overlay {
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
#popup_container .popup_body {
    background: #222;
    width: 100%;
    margin: 50px auto;
    box-shadow: 1px 2px 2px #666;
    overflow: hidden;
    color: #f5f5f5;
    border-radius:5px;
    padding: 15px; box-sizing: border-box;
}
.popup_body > div { clear: both;}
#popup_title,
#note_title {
    background: #222;
    border-bottom: 1px solid #f60;
    color: #f5f5f5;
    line-height: 1;
    margin: 0;
    padding: 10px 0;
    text-shadow: 0 1px 2px #000;
}
#popup_container .popup_x_button,
#noteform .popup_x_button {
    background: url("../images/core/close_btn.png") no-repeat center center;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: 3px 3px 0 0;
    opacity: 0.7;
    padding: 3px;
    width: 16px;
}
#popup_container .popup_x_button:hover,
#noteform .popup_x_button:hover {opacity: 1.0;}
#popup_progress {
    display: none;
    text-align: center;
    width: 100%;
    margin: 45px 0 28px;
}
#popup_content { margin: 0;}
#popup_panel, #note_panel {
    background: #222;
    border-top: 1px solid #f60;
    padding: 5px 0;
    text-align: right;
    overflow: hidden;
}
#popup_prompt {margin: 0.5em 0}
span.ajax-loader {
    background: url('../images/core/ajax-loader.gif') no-repeat;
    display: none;
    float: left;
    left: 6px;
    position: relative;
    top: 11px;
    width: 36px;
}
#popup_info {
    border: 1px solid #666666;
    display: none;
    float: left;
    margin: 3px 2px;
    padding: 2px 9px 1px;
    position: relative;
}
#popup_info.error { background-color: #E6A4A4;}
#popup_info.info {background-color: #AEFFA4;}
#popup_message{padding: 15px 0;}
#popup_message div.js_smiles, #smileajax {height: 1px;}
#popup_message div.js_smiles a, #smileajax a {text-decoration: none;}
.action_entry, .usr_wall_entry{
box-shadow: 0px 1px 2px #999;
    border-radius: 0 0 5px 5px;
	padding:10px 10px 20px 10px; box-sizing:border-box; border-bottom:none;
	width:590px; margin:5px; background:#fff;
	}
.action_date, .action_title{height:20px; line-height:20px; overflow:hidden; font-size:12px; color:#666666;}
.act_usr_ava{margin-top:10px;}
.act_usr_ava img{border:1px solid silver; padding:1px; border-radius:2px;}
.act_feed_slide_title{margin-top:5px; font-size:12px; color:#333333; text-shadow:1px 1px #fff; font-weight:500; overflow:hidden;}
.act_feed_slide_poster{padding:1px; border:1px solid silver; border-radius:2px;}
.action_details{padding:10px 0;}
.style1{
box-shadow: 0px 1px 2px #999;
    border-radius: 4px;
	padding:10px 10px 20px 10px; box-sizing:border-box; border-bottom:none;
	margin:5px; background:#fff;
}
.feed_newpost{padding:10px; border-radius:4px; background:#efefef; border: 1px solid #d9d9d9;}
.feed_newpost_poster img{width:100px; height:100px; border-radius:4px;}
.feed_newpost_title{padding-left:10px; font-size:16px; font-weight:500; color:#333333; text-shadow:1px 1px 1px #fff;}
.feed_newpost_title a{font-size:17px; font-weight:700; color:#333333; text-shadow:1px 1px 1px #fff;}
.feed_fallery{padding:10px 0;}
.feed_fallery img{border-radius:4px;}
.create_link1{padding:10px 20px; background:#dde1e4; color:#666666; border-radius:4px;}
.create_link1 svg{margin-bottom:-5px; fill:#666666;}
.latest_mod_td2{padding-left:10px; overflow:hidden; max-height:95px; max-width:100%;}
.latest_mod_title{width:100%; height:100px; overflow:hidden;}
.latest_mod_title a{color:#333; font-weight:700; font-size:16px;}
.latest_mod_user{height:45px; line-height:45px; width:100%; overflow:hidden; font-size:12px; color:#999; font-style:italic;}
.latest_mod_user a{color:#333;}
.hpmenu{font-size:22px; font-weight:500;}
.hpmenu a{color:#333; text-shadow:1px 1px 1px #fff;}
.actionbtn1{
	padding:20px 0; text-align:center;
}
.actionbtn1 a{
background: #008fd8;
height:50px; line-height:50px;
padding: 0 20px;
box-sizing:border-box;
overflow:hidden;
border-radius: 50px;
max-width: 100%;
display: block;
width: 300px;
text-align: center;
color: #fff;
border: 1px solid #fff;
border: 1px solid #b7b0b0;
}
.surl{padding:20px 0;}
.surl a{ color:#fff; background:#009ff0; border-radius:50px; font-size:16px; text-shadow:1px 1px 1px #000; padding:15px; max-width:90%;}
.pagebar_page svg{margin-bottom:-6px; fill:#3a6479!important;}

.galery_ul{
	margin:0; padding:0; list-style:none;
}
.galery_ul li:hover{
	opacity:0.8;
}
.galery_ul img{
	width:100%; height:auto; border-radius:2px;
}
.note_page_gallery{padding:20px 0;}
.section_title_blue{font-size:14px; color: #009ff0; padding-bottom:10px; border-bottom:4px solid #009ff0; margin-bottom:10px;}
.section_title_red{font-size:14px; color: #fa4400; padding-bottom:10px; border-bottom:4px solid #fa4400; margin-bottom:10px;}
.section_title_green{font-size:14px; color: #a1b62a; padding-bottom:10px; border-bottom:4px solid #a1b62a; margin-bottom:10px;}
.section_title_orange{font-size:14px; color: #ff9900; padding-bottom:10px; border-bottom:4px solid #ff9900; margin-bottom:10px;}
.content_descr{
	padding: 20px 0;
}
.appcode{
	font-weight:500;
	margin:20px 0;
	font-size:18px;
	color:#333;
	padding:20px 0;
	
}

.note_title{padding:0; margin:0; font-weight:bold; color:#222; font-size:32px; padding-bottom:20px;}
.appexpand{padding-top:20px;}
.appexpand a{
	width: 100%;
    height: 50px;
    line-height: 50px;
    background: #e9e9e9 url(/images/icons/svg/expand.svg) 15px no-repeat;
    display: block;
    color: #3f6b83;
    text-transform: uppercase;
    padding-left: 50px;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 500;
}
.source_code{
	padding:15px; border-top:2px dashed silver; margin:20px 0; background:#e5e5e5;
	width: 100%; max-width:100%; height:auto; box-sizing:border-box;
    white-space: normal;
    overflow: auto;
}
/***photoeditor***/
.tui-image-editor-container .tui-image-editor-submenu {
    bottom: -228px!important;
    color:#ccc!important;
	color:#ccc!important;
}
.btn3{
	width: 100%;
    height: 40px;
    line-height: 40px;
    background: #e5e5e5;
    display: block;
    border-radius: 4px;
    text-align: left;
    color: #333;
    text-shadow:1px 1px 1px #fff;
    margin-bottom: 10px;
	text-decoration:none;
	padding-left:37%; box-sizing:border-box;
}
.btn4{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #009ff0;
    display: block;
	overflow:hidden;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
    text-decoration:none;
    padding-left:20px; box-sizing:border-box;
   
}
.btn3appd{
	width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: #e5e5e5;
    display: block;
    border-radius: 4px;
    text-align: left;
    color: #333;
    text-shadow:1px 1px 1px #fff;
    margin-bottom: 10px;
	text-decoration:none;
	padding-left:10px; box-sizing:border-box;
	font-size: 15px;
}
.btn2{
	width: 100%;
    height: 40px;
    line-height: 40px;
    background: #799bad;
    display: block;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
	text-decoration:none;
}
.btn1{
	width: 100%;
    height: 40px;
    line-height: 40px;
    background: #03a9f4;
    display: block;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
	text-decoration:none;
}
.stickyplace {
  position: sticky;
  top: 20px;
  width:100%;
  height:auto;
}

    .actbtn1 a{
    background: #2196f3;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 4px;
    max-width: 100%;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}
.inpostimginfo{padding:10px!important; background: #e5e5e5!important; color:#333!important;}
.love a{background-image: url(/images/icons/love1.svg); background-position: 8px center; background-repeat: no-repeat; padding-left: 34px!important; box-sizing: border-box;}
.love a:hover{background: #222 url(/images/icons/love1.svg) 8px center no-repeat!important; padding-left: 34px!important; box-sizing: border-box;}
.lastfeed_w{
	font-size: 16px;
	font-weight:500;
    height: 60px;
    overflow: hidden;
    padding:10px 0;
	border-radius:4px;
	width:49.5%; display:inline-block;
    font-weight:700;
}
.lastfeed_w a{
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
  color:#333;
  line-height:1.1; font-size:15px;
}
.lastfeed_w:hover{background:#e5e5e5;}
#b1 img{width:100%!important; height:auto;}
.btmbar span{height: 70px; display: block; width:100%; line-height: 70px; text-align:center; border-bottom:1px dotted #333; box-sizing:border-box;}
.btmbar span:hover{background: #e5e5e5;}
.btmbar span svg{margin-bottom: 0; }
.latestapps {margin-left:-6px; margin-top: 0; margin-right: 0; margin-bottom: 0; padding:0; list-style:none;}
.latestapps li{
    width: calc(100% / 5.6);
    box-sizing: border-box;
    aspect-ratio: 2/3;
    margin: 0 5px;
    display: inline-block;
    overflow: hidden;
    font-weight: 700;padding: 3px; box-sizing: border-box;
   
}
.latestapps li img{width:100%; height:auto; border-radius:10px; border:2px solid #fff; box-sizing:border-box; box-shadow: 0px 0px 5px 4px #ccc;}
.spoiler_body{
padding: 10px 10px 30px 10px;
    background: linear-gradient(90deg, #1198df, #e74a12);
    border-radius: 10px;
    margin-top: 20px;
    border: 2px dashed #fff; color:#fff;
}
.spoiler_title{

}
.spoiler_title input{
    background: linear-gradient(89deg, #009ff0, #fa4400);
    border-radius: 10px;
    border: none;
    color: #fff;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    margin:0!important;
}
.appscats{margin: 0 0 20px 0; padding:0 0 20px 0; border-bottom:2px dashed #333; list-style:none;text-align:left;}
.appscats li{
    width: 32.5%;
    height: 30px;
    line-height: 30px;
   
    overflow: hidden;
    box-sizing: border-box;
    display: inline-block;
    background:#e5e5e5; border-radius:4px; padding: 0 10px;

}
.appscats li a{width: 100%; height:100%; display: block; padding box-sizing:border-box; background-repeat: no-repeat; background-position:  left center; text-align: left; color:#333; }
.htmlcode{
    background: #222;
    color: #f5f5f5;
    padding: 10px;
    font-size: 15px;
    border: 1px dashed #fff;
    border-radius:8px;
    box-sizing: border:box;
    width: 100%;
    margin:20px 0;
   
}
 .tabs-container {
            background: white;
            box-sizing: border-box;
           
           
        }

        .tabs-header {
            display: flex;
            flex-wrap: wrap;
            
            
            width: 100%; 
           
            
            height:52px; line-height:50px;
            padding: 0;
            box-sizing: border-box;
            
        }

        .tab-button {
            position: relative;
            padding: 0 20px;
            height: 50px; line-height: normal;
            font-weight: 600;
            font-size: 14px;
            color: #64748b;
            background: transparent;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            flex: 1;
            width: calc(100% / 5);
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
           
        }

        .tab-button:hover {
            color: #3b82f6;
            background-color: #f0f9ff;
        }

        .tab-button.active {
            color: #009ff0;
            background: white;
        }

        .tab-button.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: #009ff0;
        }

        .tab-icon {
           
            width: 24px;
            height: 24px;
            margin-bottom: 2px;
        }

        .tab-content {
            padding: 20px 0;
            display: none;
        }

        .tab-content.active {
            display: block;
            animation: fadeIn 0.3s ease-in-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Loading spinner */
        .loading {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 40px;
        }

        .spinner {
            width: 40px;
            height: 40px;
            border: 4px solid #e2e8f0;
            border-top: 4px solid #3b82f6;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Error message */
        .error-message {
            color: #ef4444;
            text-align: center;
            padding: 20px;
            font-weight: 500;
        }
/* Декоративные точки под табами */
.decorative-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 12px 0;
}

.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #cbd5e1; /* light gray — неактивная */
    transition: all 0.3s ease;
    cursor: pointer;
}

.dot.active {
    background-color: #009ff0; /* совпадает с цветом активного таба */
    transform: scale(1.3);
    box-shadow: 0 0 0 2px rgba(0, 159, 240, 0.2);
}
.sitelogo{width: 150px; height: auto; position: absolute; left: 0; top:20px;}
.footer{width: 950px; height:auto;  box-sizing:border-box; background:#121923; padding:50px 10px; box-sizing:border-box; color:#fff;}
.appstags{margin: 0 0 20px 0; padding:0;}
.appstags a{ height:25px; line-height: 25px; text-align: left; display: block; width:100%;  overflow: hidden; white-space: nowrap; color: #333; font-size: 16px;}
 #ny-countdown:hover {
 	background: linear-gradient(92deg, black, #192e9e, #000);
  background-size: 300% 300%; /* для анимации позиции */
  transition: background-position 0.5s ease;
    animation: gradientShift 3s ease infinite;
  }

  @keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
.moon-widget:hover{background:#000;}
#installApp{
width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top:-25px;
    right: 0;
    background: #222;
    padding: 9px;
    border-radius: 50%;
    border: 2px solid #FF9800;
    cursor: pointer;
    box-sizing: border-box;
}
.sidebatnav{
background: linear-gradient(90deg, #e5e8eb, #ffffff, #f5f5f5);
    width: 200px;
    overflow: hidden;
    min-height: 100vh;
    height: auto;
    float: left;
    padding-top: 50px;
    border-radius: 5px;
    box-shadow: 0px 9px 8px 2px #ccc;
    padding: 20px 10px;
    box-sizing: border-box;
    border: 1px solid #fff;
    position: relative;
}