/*css websitep.ru*/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, sub, sup, tt, var, u, center,dl,dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside,canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time,mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
vertical-align : baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
body {
font-family : "Times New Roman";
width : 100%;
}
.shadow {
box-shadow : 0 0 60px 0 rgba(0, 0, 0, 0.7);
border-radius: 5px;
padding: 8px;
}
.shadow_inversia {
box-shadow : 0 0 60px 0 rgba(0, 0, 0, 0.1) inset;
padding: 8px;
}
blockquote, q {
quotes : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
a {
	text-decoration : none;
	}
	a img {
	border : none;
	}
	.internal_text_link { /*a*/
	color : #308aca !important;
	text-decoration : underline !important;
	}
	.internal_text_link:hover { /*a*/
	color : #ff2f30 !important;
	}
.no_display {
display : none !important; 
}
.clear {
clear : both;
}
.center {
text-align : center;
}
.right {
text-align : right;
}
.red {
color : #c8504b;
}
.green {
color : #090;
}
.white {
color : #fff;
}
.message {
color : #ff2f30 !important;
text-align : center;
}
.header_description {
color : #094392;
font-size : 120%;
font-weight : 100;
text-align : center;
}
input {
outline : none;
}
label {
cursor : pointer;
}
#container {
width : 100%;
}
header {
background-color : rgba(0, 0, 0, 0.5);	
height : 62px;
position : fixed;
width : 100%;
z-index : 4;
}
/*===begin LOGO===*/
#logo p {
background-color : #e21002;
color : #fff;
height : 61px;
font-size : 220%;
left : -40px;
padding : 2px 3px 0 3px;
position : fixed;
z-index : 4;
}
#logo p:hover {
background-color : #fd1303;	
}
.logo_top, .logo_bottom {
color : #acaaaa;		
font-size : 84% !important;
position : fixed;
z-index : 4;
} 
.logo_top {	
margin : 1px 0 0 102px;
}
.logo_bottom {
margin : 45px 0 0 32px;
}
/*---end logo---*/
/*===begin SEARSH===*/
#search {
float : left;
margin : 1px 0 0 180px;
}
#search div {
display : inline-block;
}
#search input[type="text"] {
background-color: #f7f7f7;
border: 1px solid #000;
color: #23252b;
height: 22px;
padding-left: 3px;
width: 150px;
}
#search input[type="submit"] {
background: url("/images/icon_search.png") no-repeat center center;
border: none;
cursor: pointer;
margin-left : -33px;
width: 30px;
}
#search input:hover[type="submit"] {
background: url("/images/icon_search_hover.png") no-repeat center center;	
}
/*===begin page search_result===*/
#search_result .new_article_info {
font-size: 110%;
padding-left: 15px;
}
#search_result a {	
color: #1a98cd;
}
#search_result .search_text {
background: url("../images/code_bg.jpg") center center repeat fixed;
padding: 10px 25px;
}
#search_result .search_text span {
color: #c8524d;
font-weight: bold;
}
/*---end searsh---*/
/*===begin AUTH===*/
#auth {
float: right;
margin-top: 1px;
}
#auth .message {
background : #ff2f30;
border : #000 1px solid; 
color : #fff !important;
padding : 0 5px;
position : absolute;
z-index : 4;
}
#auth form {
float: left;
}
#auth input[type="text"], #auth input[type="password"] {
border: 1px solid #000;
height: 23px;
padding: 0 3px;
width: 100px;
}
#auth input[type="submit"] {
background-color: #016118;
border: 1px solid #000;
color: #fff;
cursor: pointer;
font-size: 100%;
height : 25px;
padding: 0 5px;
font-family : "Times New Roman";
}
#auth input:hover[type="submit"] {
background-color: #02d133;	
}
/*---end auth---*/
/*===begin REGISTER===*/
#link_register {
background-color: #710202;
border: 1px solid #000;	
color: #fff;
float: left;
text-decoration: none;
height : 20px;
margin: 0 4px;
padding: 3px 5px 0 5px;
}
#link_register:hover {
background-color: #cf0909;	
}
#links_reset {
float: left;
margin-top: -3px;
}
#links_reset a {
color: #02d133;
display: block;
font-size: 85%;
margin : 0 10px 0 0;
text-decoration: none;
}
#links_reset a:hover {
color: #1731f6;
}
.user_panel ol {
margin-top: 3px;	
position : fixed;
right : 15px;
z-index : 4;	
}
.user_panel li {
color: #02d133;	
display : inline-block;
padding : 0 5px;	
}
.user_panel img {
height : 23px;
margin-bottom : -6px;
border : #000 1px solid;
}
.user_panel nav a {
background-color: #710202;
border : #000 1px solid;
color : #fff;
padding : 5px 10px 2px 10px;
}
.user_panel nav a:hover {
background-color: #cf0909;
}
#change_avatar {
color : #fff;
}
/*---end register---*/
/*===begin TOP-MENU===*/
.category_menu {
	float : right;
	list-style : none;
	margin : 6px 0;
	position : fixed;
	right : 20px;
	text-decoration : none;
	top : 23px;
	z-index : 4;
	}
	.category_menu nav > div {
	float : left;
	font-size : 130%;
	font-weight : 400;
	text-align : center;
	}
	.caavtegory_menu n div a {
	background-color : rgba(0, 0, 0, 0.5);	
	}
	.category_menu nav div div {
	background-color : rgba(0, 0, 0, 0.5);
	font-family : Arial;
	font-size : 75%;
	left : 9999px;
	position : relative;
	}
	.content nav > div:hover div {
	left : 0;
	}
	.category_menu a {	
	color : #fff;
	display : block;
	margin : 1px;
	padding : 4px;
	}
	.category_menu nav div div a:hover {
	background : rgba(180, 5, 5, 0.9);
	color : #fff;
	}
	.category_menu nav div a:hover, .category_menu nav div a.active {
	background-color : #000;
	border-radius : 3px;
	box-shadow : 0 0 2px 0 rgba(255, 255, 255, 1);	
	}
/*---end topmenu---*/
/*===begin CONTENT===*/
#content, #center, .description, footer, .footer {
margin : 0 auto;
} 
#content {
max-width : 1280px;
}
#content #center {
box-shadow : 0 0 30px 0 rgba(0, 0, 0, 0.1);
width : 99%;
}
.home, .article_img, .new_articles, .order_form, .form {
border : #fff 1px solid;
box-shadow : 0 0 40px 0 rgba(180, 180, 180, 1);	
}
h1 {
color : #1408ab;	
font-size : 300%;
margin : 10px 0;
position : relative;
text-align : center;
z-index : 3;
}
article h2, article h3, article h4, article h5, article h6, #comments h2 {
	color : #308aca;
	margin : 30px 0 10px 0;
	text-align : left;
	}
	article h2 {
	color : #040e8f;
	font-size : 200%;
	font-weight : 100;
	overflow: hidden;    
	text-align: left;    	
	}
	article h2:after {   
	background-color: #f0f8f8;
	content: "";   
	display: inline-block;
	height: 5px;
	margin-right: -100%;
	position: relative;
	right: -10px;
	vertical-align: bottom;    
	width: 100%;
	}
section h2, section h3, section h4, section h5, section h6 {
color : #1408ab;
margin : 20px;	
text-align : center;
}
h2, #comments h2 {font-size : 200%;} h3{font-size : 140%;} h4{font-size : 120%;}
article {
text-align : justify;
}
p {
color : #242442;
font-size : 110%;
line-height : 1.5;
text-indent : 40px;
}
ol, ul {
font-family : Arial;
font-size : 92%;/*90%;*/
font-style : oblique;
font-weight : 400;
list-style : none;
margin : 30px 0 30px 0;
}
li {
color : #2e2e53;
line-height : 2;
}
.no_text_indent {
text-indent : 0 !important;
}
.text_parentheses {
color : #63637b;
font-family : "Times New Roman";
font-size : 100%;
font-style : italic;
font-weight : 400;
}
li .text_parentheses {
font-size : 120%;	
}
.bold_text {
font-weight : 600;
}
.italic_text, .wight_main a {
color : #031b97;
font-style : italic;
margin : 10px 0;
text-indent : 0;
}
/*===begin HOME_PAGE===*/
.home_nav p {/*scroll*/
background-color : rgba(0, 0, 0, 0.3);	
border : #000 1px solid;
border-radius : 2px;
display : inline-block;
margin : 1px auto;
padding : 1px;
width : 48%;
}
.home_nav p:hover {
background : none;	
}
#site-construct{background: url("../images/site-construct_bg.jpg") center center no-repeat fixed;} #business-card{background: url("../images/business-card_bg.jpg") center center no-repeat fixed;} #internet_shop{background: url("../images/internet_shop_bg.jpg") center center no-repeat fixed;} #individual{background: url("../images/individual_bg.jpg") center center no-repeat fixed;} #site_promotion{background: url("../images/site_promotion_bg.jpg") center center no-repeat fixed;} #online_services{background: url("../images/online_services_bg.jpg") center center no-repeat fixed;}
.home {
border-radius : 5px;	
display : table;
height : 500px;	
margin-bottom : 20px;	    
position : relative;
width : 100%;   
}
.home:after, .order_form:after, .form:after {/*!*/
background : rgba(0, 0, 0, 0.3);
bottom : 0;
left : 0;
right : 0;
top : 0;
content : attr(data-text);
position : absolute;
z-index : 1;
}
.home div {
display : table-cell;
vertical-align : middle;
}
.description {
height : 500px;
padding : 0px 25% 0px 25%;	
}
.white, .description h1, .description h2, .description p, .description img, .order_form h2, .contact_form input, .contact_form textarea, button.submit, .form input {
position : relative;
z-index : 2;	
}
.description h1, .description h2, .order_form h2 {
color : #fff;
font-size : 280%;	
margin : 0 auto 10px auto;
}
.description p {
color : #fff;
font-size : 130%;
text-indent : 0px !important;
}
/*---end home_page---*/
/*===begin CALC===*/
.calc {
border: #308aca 1px solid;
border-radius: 2px;
padding: 15px;
width: 228px;
}
#calc select {
cursor: pointer;
}
#calc p {
margin: 0;	
}
#calc p, #calc label {
background-color : #e21002;
border: #000 1px solid;
border-radius: 2px;
color : #acaaaa;
cursor: pointer;
display: inline-block;
height: 20px;
font-size: 100%;
margin-top: 3px;
padding: 2px 0;
text-align: center;
width: 150px;
}
#calc p:hover, #calc label:hover {
background-color : #fd1303;
}
#calc #count {
width: 20px;
}
/*---end calc---*/
/*===begin ARTICLES===*/
.bread_crumbs p {
	font-size : 110%;
	font-style : italic;
	text-indent : 0px !important ;
	} 
	.bread_crumbs a {
	color : #596cd1;
	}
.table_of_contents {/*оглав-е*/
	color : #fb0472;
	margin : 15px 0;  
	text-indent : 0px;	
	}
	.table_of_contents li {
	border : #000 1px solid;
	border-radius : 3px;
	display : inline-block;
	margin : 0 5px 5px 0;
	padding : 0 5px;	
	}
	.table_of_contents a:hover {	
	color : #3838fd;
	}
.wight_main {
margin : 0 4%;
}
.article_img {	
	margin-bottom : 0px;
	position : relative;
	width : 100%;
	}
	.article_img img {	
	margin-bottom : -4px;
	width : 100%;
	}
.wight_main p {
	margin-top: 7px;
	margin-bottom: 7px;
}
.img_article_left, .img_article_center, .img_article_right, .drei_cols img {
	border : #fff solid 1px;	
	box-shadow : 0 0 40px 0 rgba(190, 190, 190, 1);	
	margin : 10px 0px 10px 30px;
	width : 40%;
	}
	.img_article_left {
	float : left;
	margin : 10px 30px 10px 0px;
	}
	.img_article_center {
	margin : 20px 5% 10px 5%;
	width : 90%;	
	}
	.img_article_right {
	float : right;	
	}
	.img_article_left:hover, .img_article_center:hover, .img_article_right:hover, .drei_cols img:hover {
	cursor:pointer;
	position : relative;
	z-index: 1;
	transition: all 1s linear 0.5s;
	}		
	.img_article_left:hover{
	transform:scale(1.9) translate(70px, 30px);	
	}		
	.img_article_center:hover, .drei_cols img:hover {	
	transform:scale(1.9) translate(0px, 0px);	
	}
	.img_article_right:hover{	
	transform:scale(1.9) translate(-70px, 30px);	
	}
.img_article_center_width {/*artile 90%*/
	margin : 20px 5% 10px 5%;
	width : 90%;	
	}
.category_item li {
	background: linear-gradient(180deg, #fff, #e6e6e6);
	border-radius: 5px;
	padding: 5px 15px;
	}
	.category_item img {
	border-radius : 1px;
	margin : 0 10px -10px 15px;	
	width : 20%;
	}
	.category_item a {
	font-size : 115%;
	line-height: 1.7;	
	}	
.code {
background: url("../images/code_bg.jpg") center center repeat;
border : 1px solid #a8cede;
border-left : 2px solid #a8cede;
display : block;
line-height : 1.5;
margin : 20px 0;
overflow : auto;
padding : 10px;
}
article li, .bg_blue li {
background-color : #fbfdff;
border-bottom : #dbecfd 1px solid;
border-left : #8bc0fb 3px solid;
border-radius : 7px 0 0 7px;
line-height : 1.5;
margin : 10px 0 3px 0px;
padding : 5px 15px;
}
#article_pn {
margin : 20px 0;
}
article .new_article_info img {
margin-bottom:-10px;
}
#sozdat_sajt_vizitku {background: url("../images/articles/business_card_1.jpg") center center no-repeat;} #sozdat_internet_magazin {background: url("../images/articles/internet_shop_1.jpg") center center no-repeat;} #individualnyj_sajt {background: url("../images/articles/individual_1.jpg") center center no-repeat;} #teksty_na_zakaz {background: url("../images/articles/text_zak_1.jpg") center center no-repeat;} #obrabotka_foto {background: url("../images/articles/processing_photo_1.jpg") center center no-repeat;} #promotion_site {background: url("../images/articles/promotion_1.jpg") center center no-repeat;} #site_design {background: url("../images/articles/design_1.jpg") center center no-repeat;} #translit_onlajn_perevodchik {background: url("../images/articles/translit_onlajn_perevodchik_1.jpg") center center no-repeat;} #konverter_daty_i_vremeni {background: url("../images/articles/converter_unix_1.jpg") center center no-repeat;} #semanticheskij_analiz_teksta_onlajn {background: url("../images/articles/seo_analiz_text_1.jpg") center center no-repeat;}
.description_img {
background : rgba(0, 0, 0, 0.4);
border : #fff 1px solid;
box-shadow : 0 0 40px 0 rgba(180, 180, 180, 1);
bottom : 0;
left : 0;
right : 0;
top : 0;
content : attr(data-text);
margin-top:20px;
padding-top:50px;	
}
.description_img p {
color:#fff;
font-size:120%;
padding:50px;	
}
/*===begin COMMENTS===*/
#comments {
padding : 10px 7%;
margin : 10px 0;
border : #c07b59 1px solid;
}
#add_comment, #save_comment {
background-color : #040d87;
color : #fff;
margin-top : 10px;
padding : 5px;
}
#add_comment:hover, #save_comment:hover {
background-color : #0415f9;
}
#comments .comment {
border-top : 1px solid #bec0c3;
padding-top : 10px;
margin-top : 20px;
}
#comments .functions {
text-align : right;
}
#comments .functions span {
color : #006699;
cursor : pointer;
}
#comments .functions span:hover {
text-decoration: underline;
}
#comment_cancel {
text-align : right;
}
#comment_cancel span {
color : #da8204;
font-size : 120%;
cursor : pointer;
}
#comment_cancel span:hover {
color : #a60303;
}
#form_add_comment {
display : none;
}
#form_add_comment .button {
float : right;
}
#comments a {
color : #52add7;
}
#comments img {
float : left;
margin-right : 10px;
width : 50px;
}
#comments .name {
color : #2aa1d3;
font-weight : bold;
}
#comments .date {
color : #64686f;
float : right;
}
#comments .comment div {
margin-left : 20px;
}
#comments input[type="button"] {
font-size : 100%;
}
#comments textarea {
padding : 5px !important;
}
/*---end comments---*/
/*---end articles---*/
/*===begin NEW_ARTICLES===*/
.new_articles {	
margin : 20px auto;	
padding : 10px 7% 0px 7%;	
text-align : justify;	
}
.main .article_img img, .date_img, .date_text {
margin-top : 0;
}
.main .new_articles .article_img {	
float : left;
margin : 0 50px 30px 0;
width : 50%;
}
.main .new_articles .article_img:after {/*!*/
background : none;
top : 100%;
}
.date_img {
border : none !important ;
box-shadow : none !important ;
height : 40px !important ;
position : absolute;
width : 70px !important ;
z-index : 2;
}
.date_text {
color : #fff;
font-size : 80%;
margin : 6px 0 0 9px;
position : absolute;
text-align : center;
width : 52px;
z-index : 2;
}
.article_img > div {
margin-top : -25px;
margin-left : -25px;
}
.blue_button, #prev_article, #next_article {
color : #fff !important ;
float : right;
font-size : 110%;
margin : 5px 0;
}
#prev_article {
float : left;
margin-top : 1px;
}
#next_article {
float : right;
margin-top : 1px;
}
.blue_button > span, #prev_article > span, #next_article > span {
background : linear-gradient(#4dd9ff, #00b4ff);
background-color : #00b4ff;
border-bottom : 2px solid #00b5e6;
border-radius : 3px;
padding : 6px 2px 7px 2px;
position : relative;
top : 0;
}
.blue_button:hover > span, #prev_article:hover > span, #next_article:hover > span {
background : linear-gradient(#00b4ff 0%, #4dd9ff 200%);
border-bottom : none;
top : 2px;
}
article .new_article_info {
margin-top : 20px;
}
.new_article_info ul {
margin:0 0 0 -5px;		
}
.new_article_info li {
float : left;	
font-family : "Times New Roman";
font-size:113%;
line-height:1.5;
padding-right : 15px;
}
.new_article_info li:hover {
text-decoration:underline;
}
/*---end new_articles---*/
/*===begin ONLINE===*/
	#online textarea {
	border:none;
	height:30px;
	margin-top: 15px !important;
	margin-bottom: -5px !important;
	padding-left:10px;	
	width:100%; 	
	}
	#online div {	
	background : linear-gradient(#00b4ff 0%, #4dd9ff 200%);
	border-color: #158cba;
	box-shadow : 0 0 4px 0 rgba(77, 217, 255, 1);	
	margin:0 auto;
	padding:2px 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	width:100%;
	}
	#online div p {
	color: #ffffff;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;	
	font-size: 95%;
	}
	#online span {
	font-size:110%;
	}
	#online input[type="button"], #online button, #checkit, .checkit {
	background : linear-gradient(#4dd9ff, #00b4ff);
	background-color : #00b4ff;
	color : #fff !important ;
	font-size : 110%;
	padding : 1px 10px;
	}
	#online input[type="button"]:hover, #online button:hover, #checkit:hover, .checkit:hover {
	background : linear-gradient(#00b4ff 0%, #4dd9ff 200%);
	cursor:pointer;
	}	
/*---begin seo text analysis---*/		
.wrappers {
margin: 0px auto;	
width: 96%;
}
.header_s {
background : linear-gradient(#00b4ff 0%, #4dd9ff 200%);
border-color: #158cba;
box-shadow : 0 0 3px 0 rgba(77, 217, 255, 1);
color: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;	
font-size: 1em;
font-weight: bold;
margin: 7px 0;
padding: 6px 15px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.uploadifive-button {
background-color: #ea4a2e;
background-image: linear-gradient(bottom, #ea4a2e 0%, #E83B1C 100%);
background-position: center top;
background-repeat: no-repeat;
border-radius: 4px;
border: 2px solid #808080;
color: #fff;
font: bold 11px "Times New Roman";
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
width: 100%;
}	
#textToAnalyzeContainer_header {
padding-right: 0px;
}
#form_file_upload, #file_upload {
display: inline;
}
#file_upload {
display: none;	
}
#queue {
border: 1px solid #E5E5E5;
height: 50px;
display: none;
overflow: auto;
width: 300px;
}
#queue:empty {
border: none;
}
#uploadifive-file_upload {
display: inline;
}
#queue div {
display: inline;
}
#close_file {
color: #E83B1C;
opacity: 1.0;
font-size: 105%;
cursor: pointer;
position:relative;
z-index:100;
}
.close {
display: inline;
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1.2;
color: #000;
height: 10px;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
width: 10px;
}	
#textbox, #checktextpara, #checktext {	
width: 99.3%;
border: 1px solid #999;
margin:5px auto;
}
#checktextpara{
display:block;
}
#textbox, #checktextpara, #checktext, #key {
font-family : "Times New Roman";	
font-size: 102%;	
} 
#key {
margin:0 0 3px 0;
width:99.3%;
}
#result {
font-size:105%;
height:30px;
}
.wrappers table {
background-color: #eee;	
margin-bottom:20px;
width:100%;
}	
.wrappers table td {
padding: 0 10px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
font-size: 110%;
}
.stat td {
width:50%;	
}
.ui-tabs table {
margin-bottom:5px;
}
.amount {
width:25%;	
}		
.stat_percentage {
color: #158cba;
font-style: italic;
font-size: 100%;
font-weight: 600;
}				
#exclude-grammar-word-switcher-container {
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
float: left;
}						
.bootstrap-switch {
display: inline-block;
direction: ltr;
cursor: pointer;
border-radius: 4px;
border: 1px solid #ccc;
position: relative;
text-align: left;
overflow: hidden;
line-height: 8px;
z-index: 0;
user-select: none;
vertical-align: middle;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.bootstrap-switch .bootstrap-switch-container {
display: inline-block;
top: 0;
border-radius: 4px;
transform: translate3d(0, 0, 0)
}
.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-label {
box-sizing: border-box;
cursor: pointer;
display: inline-block !important;
height: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 20px
}
.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on {
text-align: center;
z-index: 1
}
	.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
	color: #fff;
	background : linear-gradient(#00b4ff 0%, #4dd9ff 200%);
	}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
color: #fff;
background: #5bc0de
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
color: #fff;
background: #5cb85c
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
background: #f0ad4e;
color: #fff
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
color: #fff;
background: #d9534f
}
	.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
	color: #fff;
	background : linear-gradient(#00b4ff 0%, #4dd9ff 200%);
	}
.bootstrap-switch .bootstrap-switch-label {
text-align: center;
margin-top: -1px;
margin-bottom: -1px;
z-index: 100;
color: #333;
background: #fff
}
.bootstrap-switch .bootstrap-switch-handle-on {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.bootstrap-switch .bootstrap-switch-handle-off {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.bootstrap-switch input[type=radio], .bootstrap-switch input[type=checkbox] {
position: absolute !important;
top: 0;
left: 0;
margin: 0;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0)
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
padding: 6px 16px;
font-size: 18px;
line-height: 1.3333333
}
.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-indeterminate, .bootstrap-switch.bootstrap-switch-readonly {
cursor: default !important
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
opacity: .5;
filter: alpha(opacity=50);
cursor: default !important
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
transition: margin-left .5s
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
border-radius: 0 3px 3px 0
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
border-radius: 3px 0 0 3px
}
.bootstrap-switch.bootstrap-switch-focused {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
 
#number_of_top_keywords {
float: right;
text-align: left;
margin-top: 15px;
margin-left: 20px;
font-size: 110%;
}		
#number_of_top_keywords_value {
text-align: center;
}		
.ui-tabs {
border: 1px solid #eee;
padding:10px 20px;
}		
#keyword_density-tab-0-table {
background-color:#fff;	
}
@media only screen and (max-device-width: 738px) {
            #textbox {
                font-size: 16px;
            }

            #navbar-brand-logo h1 {
                font-size: 110%;
                display: inline;
            }

            #counter {
                font-size: 150%;
                padding: 0px;
            }

            #sidebar_ads {
                display: none;
            }

            #upload_a_file_option {
                display: none;
            }
        }	
/*---end seo text analysis---*/		
/*---end online---*/
/*===begin DECOR===*/
/*---begin img title dark background---*/
.accent {
display : block;
float : left;
}
.img_title { 
	box-shadow : 0 0 20px 0 rgba(221, 221, 221, 1) inset;	
	display : inline-block;
	height : 100%;
	position : relative;
	width : 100%;
	}
	.img_title:hover::after {
	background : rgba(0, 0, 0, 0.5);
	bottom : 0; left : 0; right : 0; top : 0;
	color : #fff;
	content : attr(data-text);
	font-family : "Times New Roman", serif;
	font-size : 120%;
	padding : 6% 15% 6% 15%;
	position : absolute;
	text-align : center;
	text-shadow : 1px 1px 2px #000, -1px -1px 2px #000;
	z-index : 1;
	}
.linear_gradient_gray {
background: linear-gradient(180deg, #dfdede, #fff);
border-radius : 10px;
border-top : #cfcccc 1px solid;
height : 30px;
margin : 40px 0 -30px 0;
}
/*---end img title dark background---*/
/*---begin before_after_effect---*/
@import "lesshat";
.ba-slider {
	border:1px solid #fff;
	box-shadow : 0 0 40px 0 rgba(190, 190, 190, 1);
	float: right;
	overflow: hidden;
	margin:0px 0 20px 20px;
    position: relative;
	width:30%;
} 
.ba-slider img {
    width: 100%;
    display:block;
} 
.resize {
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}
.handle { /* Thin line seperator */
  position:absolute; 
  left:50%;
  top:0;
  bottom:0;
  width:4px;
  margin-left:-2px;
 
  background: rgba(0,0,0,.5);
  cursor: ew-resize;
} 
.handle:after {  /* Big orange knob  */
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
 
    content:'\21d4';
    color:white;
    font-weight:bold;
    font-size:36px;
    text-align:center;
    line-height:64px;
 
    background: #ffb800; /* @orange */
    border:1px solid #e6a600; /* darken(@orange, 5%) */
    border-radius: 50%;
    transition:all 0.3s ease;
    box-shadow:
      0 2px 6px rgba(0,0,0,.3), 
      inset 0 2px 0 rgba(255,255,255,.5),
      inset 0 60px 50px -30px #ffd466; /* lighten(@orange, 20%)*/ 
}
.draggable:after {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    line-height:48px;
    font-size:30px;
}
/*---end before_after_effect---*/
/*---end decor---*/
/*===begin 3_COLS 3_6_12_position===*/
.drei_cols .einz, .drei_cols .zwei, .drei_cols .drei, .drei_cols .vier, .drei_cols .fuenf, .drei_cols .sechs, .drei_cols .zieben, .drei_cols .acht, .drei_cols .noin, .drei_cols .cein, .drei_cols .elf, .drei_cols .cvelf {
	display : inline-block;
	min-width : 25%;
	margin : 20px auto;
	width : 33%;
	}
	.drei_cols div {
	margin : 0px 30px 0px 30px;	
	}	
	.drei_cols p {
	color : #890358;
	font-size : 120%;
	text-align: center;
	text-indent : 0px;
	}
	.drei_cols img {	
	margin : 7px auto;	
	width : 100%;	
	}
	.drei_cols span {
	color : #051c91;
	display : block;
	font-size : 104%;
	text-align: center;
	}
/*---end 3_cols 3_6_12_position---*/
/*===begin CONTACT-FORM===*/
*:focus {
	outline : none;
	}
	.order_form {
	background: url("../images/order_form_bg.jpg") center center no-repeat fixed;
	margin : 20px 0;
	padding-top : 5px;
	position : relative;
	}
	.contact_form p {
	margin : 7px 0 7px 0;
	text-align : center;
	text-indent : 0px;
	width : auto;
	}
	.contact_form input {
	height : 20px;
	}
	.contact_form input, .contact_form textarea {
	border : #aaa solid 1px;
	border-radius : 2px;
	font-family : "Times New Roman", serif;
	font-size : 100%;
	padding : 5px 8px;
	width : 79%;
	}
	button.submit, .form input[type="submit"] {
	background-color : #68b12f;
	border : #509111 solid 1px;
	border-bottom : 1px solid #5b992b;
	box-shadow : 0 1px 0 0 #9fd574 inset;
	color : white;
	font-family : "Times New Roman", serif;
	font-size : 100%;/*90%;*/
	padding : 1px 10px;
	text-shadow : 0 -1px 0 #396715;
	}
	fieldset button.submit {
	display : inline-block;
	top : -16px;
	width : 100px;
	}
	button.submit[type="submit"] {
	border-radius : 10px 0 0 10px;
	margin-right : -2px;
	}
	button.submit[type="reset"] {
	border-radius : 0 10px 10px 0;
	margin-left : -2px;
	}
	button.submit:hover, .form input:hover[type="submit"] {
	cursor : pointer;
	opacity : 0.8;
	}
	button.submit:active, .form input:active[type="submit"] {
	border : #20911e solid 1px;
	box-shadow : 0 0 10px 5px #356b0b inset;
	}		
	.reload {
	cursor: pointer; 	
	position: relative;
	z-index: 10;
	}
	#ccaptcha {	
	height : 40px;	
	margin-top : -7px;
	width : 150px;	
	}
	#captcha_text {
	top : -7px;	
	}	
.form {
background: url("../images/order_form_bg.jpg") center center no-repeat fixed;
margin : 0 auto;
padding-top : 5px;
position : relative;
left : 0;
right : 0;
}	
.form input[type="text"], .data input[type="text"], .form input[type="password"], .form textarea, .data textarea {
display: table;
font-size : 100%;/*95%;*/
height : 25px;
margin : 0 auto;
padding-left : 10px;
width : 79%;	
}
.form select, .data select {
background-color: #dcdcdc;
}
.form div {
margin: 20px 0;
}
.form .wysibb-toolbar, .form .wysibb-text {
margin: 0;
}
.form .wysibb-text {
padding: 10px;
}
.captcha {
position : relative;	
left : 0%;
z-index : 3;
}
.captcha img:first-child {
cursor: pointer;
display: block;
float : left;
margin: 20px 5px 0 10%;
}
.captcha img:last-child {
border: 1px solid #c6c6c6;
}
/*---end contact-form, content---*/
/*===begin FOOTER===*/
footer {
	width : 100%;	
	}
	#footer_logo {	
	color : #db0404;
	float : left;
	font-size : 200%;
	padding : 0 10px;
	}
	#footer_copyright {/*counter*/	
	float : left;
	margin : 12px;
	}	
/*---end footer---*/
#topbutton {
background:#f8f8f8;
border:#6a6868 2px solid;
border-radius: 5px;
bottom: 5px;
color:#6a6868;
font-size:130%;
padding:8px;
position:fixed;
left:5px;
text-align:center;
z-index : 100;
}
#topbutton:hover {
background:#ccc;
color:#000;	
}












/*===begin ADAPTIV WIDTH===*/
@media screen and (max-width:1920px) {
#center {
margin : 0 auto;
}
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1224px) {
}
@media screen and (max-width:1050px) {/*15dm*/
.category_menu nav div div {	
left : 0;	
}
}
@media screen and (max-width:1000px) {/*15dm*/	
/*===3_COLS 3_6_12_position transform 2_COLS*/.drei_cols .einz, .drei_cols .drei, .drei_cols .fuenf, .drei_cols .zieben, .drei_cols .noin, .drei_cols .elf {float:left;width:49%;} .drei_cols .zwei, .drei_cols .vier, .drei_cols .sechs, .drei_cols .acht, .drei_cols .cein, .drei_cols .cvelf {float:right;width:49%;}
}
@media screen and (max-width:920px) {/*===begin 1-cols===*/
.logo_top, .logo_bottom {
display : none;/*deactivate #logo span*/
}
/*===deactivate position fixed*/#site-construct{background: url("../images/site-construct_bg.jpg") center center no-repeat;} #business-card{background: url("../images/business-card_bg.jpg") center center no-repeat;} #internet_shop{background: url("../images/internet_shop_bg.jpg") center center no-repeat;} #individual{background: url("../images/individual_bg.jpg") center center no-repeat;} #site_promotion{background: url("../images/site_promotion_bg.jpg") center center no-repeat;} #online_services{background: url("../images/online_services_bg.jpg") center center no-repeat fixed;} .order_form{background:url("../images/order_form_bg.jpg") center center no-repeat;}
.home h1, .home h2, article h1, article h2 {	
font-size : 200%;
}
.description {/*home*/
padding : 0px 10% 0px 10%;	
}	
/*===deactivate .decor .new_articles*/.img_title:hover::after {display : none;}
}
@media screen and (max-width:870px) {
#cap {
/*background :  url("../images/top_site-construct_bg.jpg") center center no-repeat;*/
}
header {
background : none;
height: 0;
}
header, #logo p, #search, .category_menu, .user_panel ol	{
position : relative;
z-index : 3;	
}
#logo p {/*transform logo p*/
font-size : 150%;
float: left;
height : 30px;
line-height : 1.2;
margin : 0;
padding : 0 5px;
}
#search {/*transform search*/
float : right;
margin : 1px 0 2px 0;
padding : 0;
z-index : 4;
}
.category_menu {
margin : 2px 6px 0 0;
right : 0px;
top: -2px;
}
.category_menu a {	
padding : 2px 3px;
}
.category_menu nav div a {
background-color : rgba(0, 0, 0, 0.5);

}
.category_menu nav div div {
background-color : rgba(0, 0, 0, 0.2);
font-size : 75%;/*70%;*/
}
p.button_cat {/*home*/
width : 95%;
}
.home_nav p {/*transform scroll*/
width : 100%;
}
}
@media screen and (max-width: 768px) {	
}
@media screen and (max-width: 690px) {
#auth {
margin-left : 1px;
}
.description {
padding : 0px 10% 0px 10%;
}
}
@media screen and (max-width:600px) {
#content {
font-size : 100%;/*90%;*/
}
.category_menu {
float : none;
margin : 0px auto;
width : 90%;
}
.category_menu nav > div {
float : none;
}
.category_menu nav div div {
display: inline-block;
margin-bottom: 1px;
}
.home h1, .home h2, article h1, article h2 {	
font-size : 180%;
}
/*===3_COLS 3_6_12_position transform 2_COLS*/.drei_cols .einz, .drei_cols .zwei, .drei_cols .drei, .drei_cols .vier, .drei_cols .fuenf, .drei_cols .sechs, .drei_cols .zieben, .drei_cols .acht, .drei_cols .noin, .drei_cols .cein, .drei_cols .elf, .drei_cols .cvelf  {margin : 5px auto;} .drei_cols div {margin : 0px 0px 0px 0px;}
}
@media screen and (max-width:568px) {/*MAX*/	
#links_reset a {
border : #000 1px solid;
display : inline-block;
font-size : 90%;
margin : 6px 0px;
padding : 3px;	
}	
.img_article_left, .img_article_center, .img_article_right {
float: none;
margin : 10px 0;
width : 100%;
}
.main .new_articles .article_img {	
float : none;
width : 100%;/*180px*/;
}
.ba-slider {
float: none;
margin: 0 auto;
width:50%;
} 
}
@media screen and (max-width:480px) {
#logo p {
font-size : 100%;
}
.home h1, .home h2, article h1, article h2 {	
font-size : 160%;
}
/*===deactivate date in new_articles*.date_img, .date_text {display : none;}*/	
/*===transform*/#topbutton {font-size:100%;padding:4px;}		
}
@media screen and (max-width:390px) {	
#link_register {
margin: 3px 3px 3px 0;
}
#content {
font-size : 80%;/*80%;*/	
}
#links_reset a {
margin : 3px 0px;	
}	
}
@media screen and (max-width:384px) {
#logo p {font-size : 80%;position : absolute;}
/*3_COLS 3_6_12_position transform 2_COLS*/.drei_cols .einz, .drei_cols .drei, .drei_cols .fuenf, .drei_cols .zieben, .drei_cols .noin, .drei_cols .elf, .drei_cols .zwei, .drei_cols .vier, .drei_cols .sechs, .drei_cols .acht, .drei_cols .cein, .drei_cols .cvelf {float : none;width : 100%;} 
}
@media screen and (max-width:320px) {

}
@media screen and (max-width:280px) {
#content {	
width : 230px;
}
}/*css websitep.ru*/

#wrapper_red_cod { /*redactor html*/
width:100%;
}
.red_cod {
margin: 0 auto;
width:650px;
}