@charset "utf-8";




/*compressor*/

*{margin:0;padding:0}

/*А сейчас вкратце о том, что делает вышеприведенная таблица сброса стилей:

в первом селекторе собраны наиболее популярные теги, для которых удаляются все отступы, рамки и поля, а также назначается размер шрифта 100%;
второй групповой селектор предназначен для правильного отображения тегов HTML5 в старых браузерах;
с помощью свойства line-height селектора body устанавливается одинаковый интерлиньяж (межстрочный интервал) для текста;
для списков ol, ul убраны маркеры;
отменены кавычки и другой контент перед и после содержимого тегов blockquote, q;
упрощено добавление рамок для ячеек таблиц.*/

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



body input:focus:required:invalid,body textarea:focus:required:invalid{
	border:red 3px solid
	}
	
body input:required:valid,body textarea:required:valid{
	border:green 3px solid
	}
	
/*boodstrap*/	
	
body{
	font-family:"OpenSansRegular",sans-serif;
	letter-spacing:1.2px;
	color:#FFF;font-size:12px;
	position:relative;
	display:block;
	background:#000;
	padding:0;
	margin:0;
	width:auto;
	height:auto
	}
	
/*стили заголовков  параграфов ссылок */
	
	
h1{
	font-family:"MerriweatherLight",serif;
	letter-spacing:1.2px;
	font-size:48px;
	color:#FFF
	}

h2{
	font-family:"MerriweatherLight",serif;
	letter-spacing:1.2px;
	font-size:36px;
	color:#FFF
	}
	
h3{
	font-family:"MerriweatherLight",serif;
	letter-spacing:1.2px;
	font-size:24px;
	color:#FFF
	}
	
h4{
	font-family:"MerriweatherLight",serif;
	letter-spacing:1.2px;
	font-size:18px;
	color:#FFF
	}
	
h5{
	font-family:"MerriweatherLight",serif;
	letter-spacing:1.2px;
	font-size:14px;
	color:#FFF
	}
	
h6{
	font-family:"MerriweatherLight",serif;
	letter-spacing:1.2px;
	font-size:10px;
	color:#FFF
	}
	
p{
	font-family:"OpenSansLight",sans-serif;
	letter-spacing:1.2px;
	color:#FFF;
	font-size:14px;
	line-height:130%;
	/*word-spacing:130%;*/ /*16052026*/
	/*letter-spacing:130%;*/ /*16052026*/
	padding:0;
	margin:0
	}
	
b{
	font-family:"OpenSansRegular",sans-serif;
    letter-spacing:1.2px;
	color:#FFF;
	font-size:14px;
	line-height:120%;/*130%; 16052026*/
	/*word-spacing:130%;*/ /*16052026*/
	/*letter-spacing:130%;*/ /*16052026*/
	padding:0;
	margin:0
	}
	
a{
	font-family:"OpenSansRegular",sans-serif;
	letter-spacing:1.2px;
	color:gray;
	font-size:14px;
	text-transform:uppercase; /* Заглавные буквы */ 
	border-left:2px solid #000;
	border-right:2px solid #000
	}
	
a:hover{
	text-decoration:none; /* Отменяем подчеркивание у ссылки */
	color:#FFF
	}
	
li.nav-item>a:hover{
	background:#000
	}
	
a#nav_i{
	color:gray
	}
	
a#nav_i:hover{
	color:#fff;
	border-left-width:2px;
	border-right-width:2px;
	-moz-border-image:-moz-linear-gradient(top,#000 0%,#fff 50%,#fff 50%,#000 100%);
	-webkit-border-image:-webkit-linear-gradient(top,#000 0%,#fff 50%,#fff 50%,#000 100%);
	border-image:linear-gradient(to bottom,#000 0%,#fff 50%,#fff 50%,#000 100%);
	border-image-slice:1
	}
	
a#nav_w{
	color:gray
	}
	
a#nav_w:hover{
	color:#fff;
	border-left-width:2px;
	border-right-width:2px;
	-moz-border-image:-moz-linear-gradient(top,#000 0%,#fff 50%,#fff 50%,#000 100%);
	-webkit-border-image:-webkit-linear-gradient(top,#000 0%,#fff 50%,#fff 50%,#000 100%);
	border-image:linear-gradient(to bottom,#000 0%,#fff 50%,#fff 50%,#000 100%);
	border-image-slice:1
	}
	
a#nav_b{
	color:gray
	}
	
a#nav_b:hover{
	color:#fff;
	border-left-width:2px;
	border-right-width:2px;
	-moz-border-image:-moz-linear-gradient(top,#000 0%,#fff 50%,#fff 50%,#000 100%);
	-webkit-border-image:-webkit-linear-gradient(top,#000 0%,#fff 50%,#fff 50%,#000 100%);
	border-image:linear-gradient(to bottom,#000 0%,#fff 50%,#fff 50%,#000 100%);
	border-image-slice:1
	}
	
a#nav_c{
	color:gray
	}
	
a#nav_c:hover{
	
	color:#fff;
	border-left-width:2px;
	border-right-width:2px;
	-moz-border-image:-moz-linear-gradient(top,#000 0%,#fff 50%,#fff 50%,#000 100%);
	-webkit-border-image:-webkit-linear-gradient(top,#000 0%,#fff 50%,#fff 50%,#000 100%);
	border-image:linear-gradient(to bottom,#000 0%,#fff 50%,#fff 50%,#000 100%);
	border-image-slice:1
	}
	
span{
	color:red
	}
	
input{
	font-family:"OpenSansRegular",sans-serif;
	letter-spacing:1.2px;
	color:#000;
	font-size:12px
	}

/*стили элементов главной страницы*/
	
div#main{
	margin:0 auto;
	border:0 solid red;
	width:auto;
	height:auto;
	background-position:top center;
	background-image:-moz-linear-gradient(top,rgba(255,255,255,0)400px,rgba(0,0,0,1)750px),url(../img/background_mountain.jpg);
	background-image:-webkit-linear-gradient(top,rgba(255,255,255,0)400px,rgba(0,0,0,1)750px),url(../img/background_mountain.jpg);
	background-image:linear-gradient(to bottom,rgba(255,255,255,0)400px,rgba(0,0,0,1)750px),url(../img/background_mountain.jpg);
	background-repeat:no-repeat
	}
	
div#bb{
	background:#000;
	border:0 solid red
	}
	
.g{
	position: absolute;
	opacity: 0.0;
}
		
.top_row{
	padding-top:4rem
	}
	
.top_header{
	border:0 solid #FFF
	}
	
.header_shapka{
	border:0 solid #f0f
	}
		
.container_my{
	border:0 solid #fff
	}
	
.row_my{
	height:60px;
	border:0 solid #0ffff0;
	background:#000;
	opacity:.95;
	box-shadow:0 12px 6px -6px rgba(0,0,0,0.8)
	}
	
.navbar{
	border-radius:0
	}

/*для выравнивания меню*/
	
a.logotyp{
	border:0 solid #FFF;
	line-height:1.3;
	text-transform:capitalize
	}
	
div#logotyp{
	position:absolute;
	top:5px; /*для IE*/
	left:15px;
	border:0 solid #FCF;
	height:100%
	}
	
	/*hts*/
	#logotyp > a > label{
	font-family: MerriweatherLight,serif;
	letter-spacing: 8px;
	font-size: 32px;
	color: #FFF;
    line-height: 29px;
	}
	
	#logotyp > a > small{
	letter-spacing: 0.5px;
	font-size: 10px;
	
	}
	/*hts*/
	
div#blind_top{
	height:100%;
	border:0 solid #FFF
	}
	
div#butnav{
	border:0 solid red;
	position:absolute;
	top:10px;
	right:15px
	}
	
div#navbarNav{
	opacity:.93;
	border:0 solid red
	}
	
ul.navbar-nav > li > a{
	padding-top:8px;
	padding-bottom:7px
	}
	
.navbar-nav{
	float:none;
	margin:0
	}
	
.navbar{
	padding:0
	}

/* квадрат */
	
.sqr_center_1{
	border:1px solid #FFF;
	margin:0 auto;
	background-image:url(../img/background_img_s.jpg);
	width:19rem;
	height:19rem;
	opacity:.95;
	margin-top:8rem;
	box-shadow:0 15px 6px -6px rgba(0,0,0,0.6)
	}
	
.sqr_center_1 > p{
	text-align:center;
	padding-top:2rem;
	padding-bottom:2rem;
	letter-spacing:2px;
	word-spacing:2px;
	border:0 solid #FFF;
	font-size:10px
	}
	
.sqr_center_1 h2{
	text-align:center;
    padding-top:69px;
    margin:0;
    border:0 solid #FFF;
    font-size:25px
    }

/*полоса под квадратом*/
    
.bottom_row{
	/*border:1px solid #000;*//*20.05.2026*/
	border:1px solid rgba(0, 0, 0, 0.0);
	margin-top:11rem
	}
	
.page{
	border:1px solid #000;
	background:#000;
	background-position:top center;
	margin:0 auto;
	width:auto;
	height:800px;
	position:relative
	}
	
#blog{
	height:auto
	}
	
	
/*красная линия над заголовком*/
	
.title>h3{
	border:0 solid red;
	border-top-width:1px;
	-moz-border-image:-moz-linear-gradient(left,red 0%,#000 80%,#000 80%,#000 100%);
	-webkit-border-image:-webkit-linear-gradient(left,red 0%,#000 80%,#000 80%,#000 100%);
	border-image:linear-gradient(to right,red 0%,#000 80%,#000 80%,#000 100%);
	border-image-slice:1
	}
	
/*красная линия под заголовком*/	
	
.subtitle{
	padding-top:1%;
	border:0 solid red;
	border-top-width:1px;
	-moz-border-image:-moz-linear-gradient(left,#000 0%,#000 20%,#000 20%,red 100%);
	-webkit-border-image:-webkit-linear-gradient(left,#000 0%,#000 20%,#000 20%,red 100%);
	border-image:linear-gradient(to right,#000 0%,#000 20%,#000 20%,red 100%);
	border-image-slice:1
	}
	
/*fa fa-arrow-up стрелка  на вверх для скролла*/	
	
div #on_top{
	border:1px solid #fff;
	padding:.5rem;
	position:fixed;
	top:88%;
	left:91%;
	cursor:pointer;
	display:none;
	opacity:0;
	z-index:3
	}
	
div.fs_min>p,b{
	font-size:13px 
	}
	
.word-sp_с{
	word-spacing:26px
	}
	
.letter-sp_с{
	letter-spacing:6px
	}
	
.line-he_с{
	line-height:2.7
	}

/*для левого квадрата 2 страницы*/
	
.line_red_v_r{
	width:auto;
	height:auto;
	margin:auto;
	border:0 solid red;
	border-right-width:5px;
	-moz-border-image:-moz-linear-gradient(top,#000 0%,red 50%,red 50%,#000 100%);
	-webkit-border-image:-webkit-linear-gradient(top,#000 0%,red 50%,red 50%,#000 100%);
	border-image:linear-gradient(to bottom,#000 0%,red 50%,red 50%,#000 100%);
	border-image-slice:1
	}


/*для правого квадрата 4 страницы*/
	
.line_red_v_l{
	width:auto;
	height:auto;
	margin:auto;
	border:0 solid red;
	border-left-width:5px;
	-moz-border-image:-moz-linear-gradient(top,#000 0%,red 50%,red 50%,#000 100%);
	-webkit-border-image:-webkit-linear-gradient(top,#000 0%,red 50%,red 50%,#000 100%);
	border-image:linear-gradient(to bottom,#000 0%,red 50%,red 50%,#000 100%);
	border-image-slice:1
	}

/*красная полоса для центрального квадрата*/
	
.line_red_g_t{
	width:auto;
	height:auto;
	margin:auto;
	border:0 solid red;
	border-top-width:5px;
	-moz-border-image:-moz-linear-gradient(left,rgba(0,0,0,0.5)0%,rgba(255,0,0,1)50%,rgba(255,0,0,1)50%,rgba(80,80,80,0.5)100%);
	-webkit-border-image:-webkit-linear-gradient(left,rgba(0,0,0,0.5)0%,rgba(255,0,0,1)50%,rgba(255,0,0,1)50%,rgba(80,80,80,0.5)100%);
	border-image:linear-gradient(to right,rgba(0,0,0,0.5)0%,rgba(255,0,0,1)50%,rgba(255,0,0,1)50%,rgba(80,80,80,0.5)100%);
	border-image-slice:1
	}


/*blog*/
	
.my_col_2_4{
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-moz-column-gap:2rem;
	-webkit-column-gap:2rem;
	column-gap:2rem
	}
	
.text_uppercase{
	text-transform:uppercase
	}
	
.word-sp{
	word-spacing:2px
	}
	
.letter-sp{
	letter-spacing:2px
	}
	
.line-he{
	line-height:2.7
	}


/*белая линия*/

.line_white_g{
	border:1px solid #FFF;
	margin:0 auto;
	width:75px;
	height:2px
	}
	
.img_blog{
	width:344px
	}
	
.img_post{
	margin:0 10px 10px 0;
	float:left;
	height:40px;
	width:60px
	}
	
.div_post{
	margin:10px 0 20px
	}

/*стили активной вкладки архив исток*/
	
.nav-tabs{
	border:none;
/*	border-bottom:1px solid #fff;*/

    border:0 solid red;
	border-bottom-width:1px;
	-moz-border-image:-moz-linear-gradient(left,#000 0%,#000 2%,#fff 2%,#fff 98%,#000 98%,#000 100%);
	-webkit-border-image:-webkit-linear-gradient(left,#000 0%,#000 2%,#fff 2%,#fff 98%,#000 98%,#000 100%);
	border-image:linear-gradient(to right,#000 0%,#000 2%,#fff 2%,#fff 98%,#000 98%,#000 100%);
	border-image-slice:1

	}
	
.blog_li{
	width:50%;
	}

a#home-tab.active{
	background:-moz-linear-gradient(top,rgba(255,255,255,0.9) 0%,rgba(128,128,128,0.5) 10%,rgba(0,0,0,0.1) 100%);
	background:-webkit-linear-gradient(top,rgba(255,255,255,0.9) 0%,rgba(128,128,128,0.5) 10%,rgba(0,0,0,0.1) 100%);
	background:linear-gradient(to bottom,rgba(255,255,255,0.9) 0%,rgba(128,128,128,0.5) 10%,rgba(0,0,0,0.1) 100%);
	border-top-color:#fff;
	border-left-color:#000;
	border-bottom-color:#000;
	color:#fff
	}
	
a#profile-tab.active{
	background:-moz-linear-gradient(top,rgba(255,255,255,0.9) 0%,rgba(128,128,128,0.5) 10%,rgba(0,0,0,0.1) 100%);
	background:-webkit-linear-gradient(top,rgba(255,255,255,0.9) 0%,rgba(128,128,128,0.5) 10%,rgba(0,0,0,0.1) 100%);
	background:linear-gradient(to bottom,rgba(255,255,255,0.9) 0%,rgba(128,128,128,0.5) 10%,rgba(0,0,0,0.1) 100%);
	border-top-color:#fff;
	border-right-color:#000;
	border-bottom-color:#000;
	color:#fff
	}
	
	
/*класс для формы*/	
.comment{
	color:#000;
	border-radius:2px;
	background:#fff;
	height:100px;
	width:100%;
	opacity:1;
	filter:alpha(Opacity=80);
	font-size:14px
	}
/*класс для формы*/	
.cont{
	color:#000;
	border-radius:2px;
	background:#000;
	width:80%;
	filter:alpha(Opacity=80);
	font-size:14px;
	margin:2% 10%
	}
	
div.help-block{
	margin-top:5px;
	font-family:"OpenSansRegular",sans-serif;
	letter-spacing:1.2px;
	color:#FFF;
	font-size:12px
	}
/*класс для input формы*/	
.dataentry{
	color:#000;
	border-radius:2px;
	background:#fff;
	height:30px;
	width:100%;
	filter:alpha(Opacity=80);
	font-size:14px
	}
	
#commentform-verifycode-image{
	height:30px;
	width:110px
	}
	
	
 /*div#code_captcha*/	
#commentform-verifycode{
	height:30px;
	width:110px
	}
	
#mailform-verifycode-image{
	height:30px;
	width:110px
	}
	
#mailform-verifycode{
	height:30px;width:110px
	}
	
	
/* при вводе в форму placeholder изчезает label появляется*/

.input + label{
	display:none
	}
	
.input:focus + label{
	display:flex;
	margin-left:10%;
	color:#808080;
	font-family:sans-serif
	}
	
input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}


input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}


textarea::-webkit-textarea-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}/* FF 19+ */
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}/* FF 4-18 */
textarea:-ms-textarea-placeholder            {opacity: 1; transition: opacity 0.3s ease;}/* IE 10+ */


textarea:focus::-webkit-textarea-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-textarea-placeholder      {opacity: 0; transition: opacity 0.3s ease;}



/*выбор между архивом коментариями и ответом*/

.scrollbox{
	overflow:auto;
	width:100%;
	max-height:375px;
	background:#000;
	background-repeat:no-repeat;
	background-size:100% 5px,100% 5px,100% 2px,100% 2px;
	background-attachment:local,local,scroll,scroll;
	scrollbar-face-color:#5997CA;
	scrollbar-shadow-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#5997CA;
	scrollbar-darkshadow-color:#5997CA;
	scrollbar-track-color:#F6F6F6;
	scrollbar-arrow-color:#F6F6F6
	}
	
.site-error{
	width:auto;
	height:auto;
	border:0 solid red
	}
	
div#page_error{
	background:#000;
	border:0 solid red;
	height:250px
	}