/** Author: Oleg Svetlov http://getsimplecms.ru/ **/

@import url("layout.css");
@import url("reset.css");

.oswald-<uniquifier> {  font-family: "Oswald", sans-serif;  font-optical-sizing: auto;  font-weight: <weight>;  font-style: normal;}
.pacifico-regular {  font-family: "Pacifico", cursive;  font-weight: 400;  font-style: normal;}
.lobster-regular {  font-family: "Lobster", sans-serif;  font-weight: 400;  font-style: normal;}
.montserrat-<uniquifier> {  font-family: "Montserrat", sans-serif;  font-optical-sizing: auto;  font-weight: <weight>; }
.roboto-<uniquifier> {  font-family: "Roboto", sans-serif;  font-optical-sizing: auto;  font-weight: <weight>;  font-style: normal;  font-variation-settings:   "wdth" 100;}
.wdxl-lubrifont-tc-regular { font-family: "WDXL Lubrifont TC", sans-serif;  font-weight: 400;  font-style: normal;}
.stick-regular {  font-family: "Stick", sans-serif;  font-weight: 400;  font-style: normal;}
.marck-script-regular {  font-family: "Marck Script", cursive;  font-weight: 400;  font-style: normal;}

body{ background: url(../images/fon.png) repeat;  }
:root {	--font-size: 1rem;}
::marker {	color: var(--contrast);}
.ssylka {font-family: Tahoma; font-size: 11pt; color: #0544f8; margin-top: 20px;}
sup { font-family: "Montserrat", sans-serif; font-size: 9pt; font-style: italic; font-weight: 600; padding: 1px; margin-left:1px; border: 1px solid #9da09e; background-color: #ffffff;}
a {	text-decoration: none; 	color : #035276;}
a:hover {	color : #c36c03;}
p { font-family: "Montserrat", sans-serif; color: #000000; font-size: 12pt; text-indent: 25px; margin-bottom : 10px;text-align: justify; line-height: 1.4; hyphens: auto;}
p a {	text-decoration : none;	color : #035276;}
p a:hover {	text-decoration : none; color : #c36c03;}

.nazv { font-size: 18pt; font-family: "Oswald", sans-serif; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); padding:10px; color: #035276;}
.chast {font-size: 18pt; font-family: "Stick", sans-serif; letter-spacing: -1px; color: #e7402f; text-transform:uppercase; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.glava {font-size: 12pt; font-family: "Stick", sans-serif; letter-spacing: -1px; color: #e7402f; text-transform:uppercase; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.stikh { font-family: 'arial'; font-style: italic;  padding:20px;  }
.cit { font-size:12pt; font-family: "Oswald", sans-serif; padding-bottom:10px; margin-top:20px; text-align: right; letter-spacing: 1px; color: #035276; }
.cit_stikh { font-size:11pt; font-family: 'arial'; font-style: oblique;  padding: 10px 0 20px 220px; text-align: left; }
.cit_aut { font-size:12pt; font-family: Arial, Helvetica, sans-serif; font-style: bold; padding-bottom:10px; text-align: right; }

h1 { font-size : 24pt; font-family: "Oswald", sans-serif; text-align:center;line-height : 24pt; color : #013a54;}
h2 { font-size : 28px;   line-height : 32px;color : #516171;}
h3 { font-size : 22px;   line-height : 26px;color : #516171;}
h4 {   font-size : 18px;   line-height : 22px;color : #516171;}
h5 {	font-size : 16px;	font-weight : normal;}

.bread { width : 100%; padding: 2px; background: #eee; height:25px; line-height:25px; margin-bottom: 20px; 
	background: -moz-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#D5D5D5));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#D5D5D5',GradientType=0 );
border-top:#ffffff 1px solid; 	border-bottom:#ccc 1px solid; }
.bread ul li { 	position:relative;	list-style:none;	display:inline-block; font-size:8pt; 	color:#033000; text-shadow: 1px 1px 0px rgba(255,255,255,.5); padding-left: 4px;}
.bread ul li a{ text-decoration: underline; color:#000000; font-size:8pt; }

/* -- header ----------------------------- */

#header{ background: url(../images/1.jpg) repeat; height: 70px; position :sticky; top: 0;  z-index: 1000;}
#index #header { padding-bottom : 0px;}
#logo {top:8px;}
#logo span {   font-size: 20pt; text-transform: none; text-align:left; font-family: "Lobster", sans-serif; font-weight: normal; color: #ffffff;
text-shadow: 2px 2px 4px #3BDBFC; text-decoration:underline; }

article .col-0 {	width : 48%;}
blockquote {padding-left: 2%; margin-left: 5%; font-style: oblique; font-size: 13px; overflow: hidden; margin-bottom: 20px;}
blockquote p:last-child { margin-bottom : 0px;}

/* -- menu ------------------------------------------- */

.nav select {    display: none;}
.nav { position:relative; top:20px; right: 200px; text-align : right; }
.nav ul { display : inline; font-family: "Oswald", sans-serif; }
.nav ul li { position : relative;	display : inline;}
.nav ul li a { width: 72px;  height: 24px;  text-align: center; color: #ffffff;
  line-height: 24px;  font-size: 12pt;  margin: 0 8px;  display: inline-block;  border-radius: 30%;
  position: relative;  overflow: hidden;  border: 1px solid #d15310;  z-index: 1;}
.nav ul li a:hover { color: #F0E08F; background: #035276; }
.nav::after,
.nav::before {  content: '';  position: absolute;  width: 100%;  height: 1px;
  background: linear-gradient(to right, #C9F7F0, #FB191C, #3BDBFC);
  bottom: -4px; left: 0;  transform: scaleX(0);  transform-origin: left;  transition: transform 0.4s ease-out;}

.nav::before {  top: -5px;  transform-origin: left;}
.nav:hover::after,
.nav:hover::before {  transform: scaleX(1);}

/* -- sidebar ------------------------------ */

.sidebar { border-left: 1px #969292 solid;	padding-left : 5%;	position : relative; top : 12px;}
.side-name { display:block; font-family: "Montserrat", sans-serif; font-size:15pt; color: #a55f12; text-align:center; margin-bottom:10px; font-weight: 700; margin-top:-10px;  }
.side-punkt ul{margin: 0; padding: 0; list-style: none;}
.side-punkt li:hover > .submenu {  transform: rotateX(0deg);  visibility: visible;  opacity: 1;}
.side-punkt-ul { padding-bottom:20px; font-family: "Oswald", sans-serif; font-size: 14pt; }
.submenu {  position: absolute;  z-index: 5;  min-width: 200px; left:40px;  
background: #ffffff; visibility: collapse;  opacity: 0;   transform-origin: 0% 0%;  transform: rotateX(-90deg);  transition: .3s linear;  }
.submenu li {position: relative;}
.submenu li a {padding: 10px 20px;}
.submenu .submenu {  position: absolute;  left: 100%;  top: -1px;  transition: .3s linear;}

/* -- title ------------------------------------------- */

#title {	padding: 5px 0 5px;	margin-bottom: 20px;}
#title [class*="col-"] {	margin-bottom: 0px;	margin-top: 0px;}
#title h1 {	margin: 0;	padding: 0; font-family: 'mipgost'; font-size: 32px; line-height: 34px;}

/* Slider ====================================*/
.slider { display:block; width: 640px; height:400px; overflow: hidden; position: relative; margin:0 auto; margin-bottom: 100px;}
    .slides { display: flex;transition: transform 0.5s ease-in-out;}
    .slide { width: 640px; height:400px;flex-shrink: 0;display:block;}
    .slide img { width: 640px; height:400px; display:block; }
		.prev, .next {
            position: absolute; top: 50%;transform: translateY(-50%);
            border: none; padding: 10px; cursor: pointer; z-index: 2;}
        .prev { left: 10px;}
        .next { right: 10px;}
.stishok li{list-style: none; font-family: 'mipgost'; font-size: 22pt; color: #0465a3; line-height: 22px; 
	border-top: 3px solid #0465a3; padding-top: 40px; text-align:center; font-weight: 800;}

/* -- content -------------------------------------- */

#content {	margin-bottom: 20px; margin-top:20px;}
#index .main p:last-child{	margin-bottom : 0px;}
article {	overflow : hidden;}
article h1, article h2, article h3, article h4 {	margin-bottom : 20px;}
article ul, article ol {	margin-bottom:20px;}
article ul li {	list-style : disc outside;	margin : 0 0px 10px 30px;}
article ul li ul, article ol li ol{	margin : 10px 0px 10px 0px;}
article ul li li{	list-style : circle outside;	margin-left : 15px;}
article ol li {	list-style : decimal outside;	margin : 0 0px 10px 30px;}
article ol li li{	list-style : lower-latin outside;	margin-left : 15px;}
article img {	display : inline-block;	margin : 0px auto;	max-width : 97%!important;	-webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;}
article p img {	max-width : 97%!important;	margin-right : 3%;	margin-bottom : 10px;	margin-top : 5px;	float : left;}
article p img.fl-right {	margin-left : 3%;}
#index article img.fl-right {	padding : 0%;	border : 0px none #DBDBDB;	width : 31%!important;	margin-left : 1%;}
article p+h1, article p+h2, article p+h3, article p+h4 {	margin-top : 20px;}

.textcols {	white-space: nowrap;}
.textcols-item {	white-space: normal; display: inline-block;	width: 48%;	vertical-align: top;}
.textcols .textcols-item:first-child {	margin-right: 4%;}

.main input[type="text"] {
	border-radius : 5px;
	display : block;
	line-height : 1.428571429;
	padding : 12px 12px 12px 32px;
	vertical-align : middle;
	-webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	width : 400px;
	margin-bottom : 10px;
	max-width : 78%;
}
.main textarea {
	border-radius : 5px;
	display : block;
	height : 100px;
	line-height : 1.428571429;
	padding : 12px 12px 12px 32px;
	vertical-align : middle;
	-webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	width : 600px;
	margin-bottom : 20px;
	max-width : 78%;
	font-size : 13px;
}
.main input[type="text"]:focus, .main textarea:focus{	outline : 0;}
.main .captchaimg {	margin-bottom : 10px;}
.main .captchaimg img {	margin-right : 30px;}
.main .capctha {	margin-bottom : 20px;}
.main .send input {	margin-bottom : 10px;}

/* -- table ------------------------------------------------*/
article table {	display : table;	width : 100%!important;	margin-bottom : 20px;	height : auto!important;}
article table caption {	margin-bottom : 10px;	font-size : 16px;}
article th, article td {	border-collapse : collapse;	padding : 8px 15px;	text-align : center;
	/*word-break: break-all;*/
	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}
article th {	font-size : 16px;	font-weight : bold;}
article th:nth-child(1) {	text-align : left;}
article th em {	margin-right : -3px;}
article th em:before {	font-size : 14px;	content: "\f158";	font-family: 'FontAwesome';	font-weight : normal;}
article td:nth-child(1) {	text-align : left;}

/* --- forms -------------------------------*/

.search {position: relative; float:right; left: 8px; margin-bottom: 10px;}
form {	width : auto!important;}
textarea {	width: 400px;	max-width: 90%!important; }
input[type="text"] {	width: 240px!important; max-width : 90%!important;}
select { }
input[type="text"]:focus, textarea:focus {	border: 1px solid #A6A6A6;}
input[type="submit"] { display: inline-block;font-weight: bold;	cursor: pointer;	width: auto; height: 22px;
	background-color : #8a4e01;	color : #ffffff;	text-decoration : none;	font-size : 12px;}

.captcha {	position : relative;}
form a { background-color : #cecece; color : White;	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.captcha a {
	padding: 9px 12px!important;
	display : inline;
	position : absolute;
	top : 30px;
	left : 250px;
}
.captcha label {
	cursor : default;
}
input[type="submit"]:hover {
	background-color : #aaa;
	color : White;
}
/* -- footer ----------------------------- */

#footer {
	padding-top : 5px;
	padding-bottom : 5px;
	margin-top : 20px;
}
#footer [class*="col-"] {
	margin-bottom : 0px;
}
#footer h4 {
	font-size:16px; 
	margin-bottom:25px; 
	text-transform:uppercase;
	font-weight : 400;
}
#footer a, #copy a {
	text-decoration : underline;
}
#footer a:hover, #copy a:hover {
	text-decoration:none; 
}
#copy #cms a {
	text-decoration : none;
}
#footer .widget {
	margin-bottom : 20px;
}
#footer .widget + .widget {
	margin-top : 25px;
}
#copy {
	padding : 15px 0 0px;
	margin-top : 20px;
}
#copy [class*="col"] {
  margin-bottom : 0px;
}
#copy .text-right {
	position : relative;
	top : -3px;
}
#copy img {
	opacity:0.5;
	margin : 0;
	padding : 0;
}
#copy img:hover {
	opacity:0.9;
}
#cms {
	margin-left : 10px;
	margin-right : auto;
	width : 31px;
	height : 31px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	position : relative;
	display : inline-block;
	top:0px;
	right : 5px;
}
#cms a {
	display : block;
	width : 20px;
	text-transform : uppercase;
	height : 20px;
	line-height : 20px;
	text-align : center;
	font-size : 9px;
	position : absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	text-decoration : none;
}
#cms .gs {
	left : -1px;
	top : -1px;
}
#cms .ru {
	bottom :-1px;
	right : -1px;
}

/* --- go to top ------------------------------- */

#gotoTop {
    display: none;
    position: fixed;
    z-index: 150;
    top: 80%;
    right: 1%;
    width: 32px;
    height: 32px;
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;    
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    text-align : center;
    line-height : 26px;
    font-size : 18px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	text-decoration : none;
	font-weight : bold;
}

.paging { position:relative; text-align:center; margin-top:40px; padding:2px; height:25px;}
.paging .prev, .next {}
.paging span a{ font: 11pt verdana; background:none;}
.paging span a:hover{ font: 10pt verdana; border: 1px solid #c2c2c1;color: #f5260b;}
.paging span.first a{}
.paging span.first a:hover{}
.paging span.previous a{ }
.paging span.current { font: 11pt Impact;background: #000000; color:#ffffff;padding:2px;}
.paging span.next a{}
.paging span.last a{}
.paging span.inactive a{}
.paging span.inactive a:hover{}



                            /*COLOR*/
/*-- color ------------------------------------ */





/* -- title ------------------------------------------- */

#title {background-color : #0465a3;}
#title h1 { font-family: 'mipgost';	color : #ffffff;}

/* -- content ----------------------------------------*/

.article img {
	border : thin solid #DBDBDB;
}

/* -- form ---------------------------------- */
.main input[type="text"] {
	border : 1px solid #CCCCCC;
	color : #555555;
}
.main textarea {
	border : 1px solid #CCCCCC;
	color : #555555;
}
.main input[type="text"]:focus, .main textarea:focus{
	border-color : #F97307;
	box-shadow : inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(249,115,7,0.6);
	-webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(249,115,7,0.6);
}
.error {
	padding : 10px;
	color : White;
	border : 1px solid Red;
	z-index : 999;
	margin-bottom : 10px;
	position : relative;
	display : block;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255, 0, 0, 0.75);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0px 0px 8px rgba(255, 0, 0, 0.75);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0px 0px 8px rgba(255, 0, 0, 0.75);
	border-radius : 5px;
	width : 423px;
	max-width : 80%;
	background-color : Red;
}
.fix {
	padding : 10px;
	color : White;
	border : 1px solid Green;
	z-index : 999;
	margin-bottom : 10px;
	position : relative;
	display : block;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0, 128, 0, 0.75);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0px 0px 8px rgba(0, 128, 0, 0.75);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0px 0px 8px rgba(0, 128, 0, 0.75);
	border-radius : 5px;
	width : 423px;
	max-width : 80%;
	background-color : Green;
}

/* -- footer ----------------------------- */
#footer {
	color:#D0D0D0;
    background: url(../images/1.jpg) repeat;
background-size:cover;
}
.no-svg #footer {
	background : #3E4956 url(../images/bg/bg_dark.gif);
}
#footer h4 {
	color:#ffffff; 
}
#footer a, #copy a {
	color: #E0E0E0;
}
#footer a:hover, #copy a:hover {
	color:#F8F8F8; 
}
#copy {
	color:#ffffff;
	background-color:rgba(138,165,193, 0.25);
}
#cms {
	background-color : #3F4A57;
}
#cms a {
	color : White;
}
#cms .gs {
	background-color : #5A6A7D;
}
#cms .ru {
	background-color : #4C5969;
}
#cms a:hover {
background-color : #DADFE5;
 color : #272F37!important;
}

/* --- go to top ------------------------------- */

#gotoTop {
    color : White;
    background-color : #778899;
}
#gotoTop:hover { 
    background-color: #363F48; 
}

@media only screen and (max-width: 767px) {

.nav select {
    background : #A8B4C1;
    color: #fff;
}
.nav::before {
	background : #8F99A4;
}
.slider { display:none;}
.ssylka {font-family: Tahoma; font-size: 11pt; color: #0544f8; margin-top: 20px;}
}