@charset "utf-8";

*, *:after, *:before {
box-sizing: border-box;
padding: 0;
margin: 0;
transition: .5s ease-in-out; /* добавим плавность переходов для всех элементов страницы*/
}
ul {
list-style: none;
}



.стиль1 {
	color: #3a5954;
	font-size: 18px;
	font-family: Arial;
}
.стиль3 {
	color: #15598a;
	font-weight: bold;
}
.стиль18 {font-size: 16px}
.стиль5 {
	font-size: 21px;
	font-weight: bold;
	color: #15598a;
}
.стиль6 {
	color: #3a5954;
	font-weight: bold;
}
.стиль66 {
	color: #3a5954;
	font-weight: bold;
	color: #15598a;
	font-size: 18px;
}
.стиль7 {
	font-size: 21px;
}
.стиль77 {
	font-size: 21px;
color: #15598a;
}
.стиль10 {
	font-size: 18px;
	font-weight: bold;
}
.стиль11 {
	font-size: 18px;
	font-weight: bold;
	color: #15598a;
}
.стиль12 {
	font-size: 18px;
	font-weight: bold;
	color: #15598a;
}
.стиль13 {
color: #173750;
font-size: 12px;
font-weight: bold;	
}
.стиль14 {
color: #173750;
font-size: 16px;
}
.стиль15{
font-size: 14px;	
}

.gradient-text {
  font-family: 'Rubik One', sans-serif;
  font-size: 20px;
font-weight: bold;
  text-transform: uppercase;
  background: linear-gradient(45deg, #0B2349 33%, #0D61BC 66%, #E90909);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0B2349;
  display: table;
  margin: 3px auto;
}

a {
color: #666666;
text-decoration:underline;
font-weight: bold;
}
img {
display: block;
width: 100%;
}
h1, h4, h5, h6 {
	font-family: 'arial';
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 22px;
	color: #15384c;
}

h2 {
	font-family: 'arial';
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 18px;
	color: #000000;
	text-align: center;
}

h3 {
	font-family: 'arial';
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 16px;
	color: #000000;
	text-align: center;
}

body {
font-family: arial;
font-size: 16px;
line-height: 1;

}
/* добавим очистку потока для всех контейнеров, внутри которых задано обтекание дочерних элементов */
header:after, .container:after, .footer:after, .widget-posts-list li:after, #subscribe:after {
content: "";
display: table;
clear: both;
} 
/* стилевой класс, который управляет шириной контейнера сетки*/
.container {
margin: 0 auto;
width: 100%;

padding: 0 15px;
} 

header {
width: 100%;

box-shadow: 3px 3px 1px rgba(0,0,0,.05);
padding: 15px ;
padding-top: 3px;	
padding-left: 10px;	
margin-bottom: 3px;
position: relative;
}

/* логотип */
.logo {
display: block; 
float: left;
text-decoration: none; 		
}
.logo span {
color: #e1eae9;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 7%;
margin: 5px 0;
text-align: center;
text-shadow: 2px 2px 1px rgba(0,0,0,.4);
}
.logo span {
background: #15384c;
text-decoration: none; 		
}

.mal{
display: block;
width: 90%;	
padding-right: 30px;	
	
}

.all {
	position: relative;
    width: 97%;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	float: left;
    }

/* контактная инфо в хидере*/

.imgpic{
    float:left;
    width: 18%;
    height: auto;
    margin:10px;
	padding: 10px 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	}

.imgpic > span {display: none;}

.info2 {
color: #173750;
font-size: 16px;
float:left;
    width: 42%;
    height: auto;
    margin:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10%;
	display: inline-block;
	vertical-align: top;
	text-align: left;	
}

.infotel {
color: #BD0C0C;
font-size: 18px;
line-height: 1.5;	
float:left;
    width: 30%;
    height: auto;
    margin:10px;
	padding: 10px 10px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

.slog {
color: #173750;
font-size: 11px;	
margin-top: 5;	
width: 90%;		
	
}


/* меню */
.nav {
	margin: 15px 10px;
	
}
.nav ul {
	margin: 0;
	padding: 0;
}
.nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	*display:inline; /* ie7 */
}
.nav a {
	padding: 3px 12px;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	line-height: 100%;
		background: #ffffff;
		border-radius: 3px;
}
.nav a:hover {
	color: #104EDD;
	background: #ffffff;
	text-decoration: none;
	border-bottom: solid 3px #F90707;
}
.nav .current a {
	background: #ffffff;
	color: #104EDD;
	border-radius: 3px;
	text-decoration: none;
}

/* форма поиска */
#searchform {
float: right;
margin-left: 46px;
display: inline-block;
position: relative;
}
#searchform input {
width: 170px;
float: left;
border: none;
padding-left: 10px;
height: 40px;
overflow: hidden;
outline: none;
color: #9E9C9C;
font-style: italic;
}
#searchform button {
background: transparent;
height: 40px;
border: none;
position: absolute;
right: 10px;
color: #EF5A42;
cursor: pointer;
font-size: 18px;
}
#searchform input:focus {
outline: 2px solid #EBEBE3;
}

/* левый контейнер */

div.container {
  width: 95%;
  height: auto;
padding: 5px 0;
box-shadow: 3px 3px 1px rgba(0,0,0,.05);
position: relative;
  }

  /* постс-лист - это все то, в чем содержаться остальные блоки, кроме шапки и подвала */

 .posts-list {
margin-bottom: 30px;
width: 90%;
float: left;
background: #ffffff;	
} 
  




ol, ul {list-style: none;padding: 0;}
blockquote, q {quotes: none}
table {border-collapse: collapse;border-spacing: 0}
* {box-sizing: border-box;}
/* End of CSS reset */
/* group & block */
[class*=group], [class*=block] {
    display: block;
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
}
[class*=group-90], [class*=block-90] {width: 90%;}
[class*=group-][class*=-offset-005], [class*=block-][class*=-offset-005] {margin-left: 1%; margin-right: 5%;}

table {
  border: 2px solid #a0a0a0;
  width: 100%;
  margin:0;
  padding:0;
  word-wrap: break-word;
}

table tr {
  border: 1px solid #a0a0a0;
  text-align: center;
}

table th, table td {
  padding: 10px;
  
  
}
table td {text-align: left; border: 1px solid #a0a0a0;}


table th {
	background: #eee;
	text-transform: uppercase;
	font-size: 12px;
	
	color: #000;
}




table.mal {
	border: 1px solid #a0a0a0;
	width: 100%;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	text-align: justify;
}

table tr {
  border: 1px solid #a0a0a0;
  text-align: center;
}

table th, table td {
  padding: 10px;
  
  
}
table td {text-align: left; border: 1px solid #a0a0a0;}


table th {
	background: #eee;
	text-transform: uppercase;
	font-size: 12px;
	
	color: #000;
}


table.narrow {
	border: 1px solid #a0a0a0;
	width: 100%;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	text-align: justify;
}

table tr {
  border: 1px solid #a0a0a0;
  text-align: center;
}

table th, table td {
  padding: 3px;
  
  
}
table td {text-align: left; border: 1px solid #a0a0a0;}


table th {
	background: #eee;
	text-transform: uppercase;
	font-size: 12px;
	
	color: #000;
}


.column1{
    background:#ffffff;
    float:left;
    width: 30%;
    height: auto;
    margin:10px;
	padding: 10px 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	}
.column2{
    background:#ffffff;
    float:left;
    width: 30%;
    height: auto;
    margin:10px;
	padding: 10px 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.column3{
    background:#ffffff;
    float:left;
    width: 30%;
    height: auto;
    margin:10px;
	padding: 10px 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
 
.clear{
    clear:both;
}

.columnmal{
    background:#ffffff;
    float:left;
    width: 30%;
    height: auto;
    margin:3px;
	padding: 3px 3px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	}







div.image-index {
   width: 100%;
   height: auto;
   margin-bottom: 1px;
}



div.post-image {
   width: 100%;
   height: auto;
   margin-bottom: 1px;
}
div.post-image2 {
  width: 97%;
  height: auto;
   margin: 15px;
}
div.post-image3 {
  width: 30%;
  height: auto;
   margin: 5px;
}
div.post-image4 {
  width: 40%;
  height: auto;
   margin: 5px;
}	
div.post-image5 {
  width: 45%;
  height: auto;
   margin:  3px;
}
div.post-image6 {
  width: 95%;
  height: auto;
   margin:  1px;

}
div.post-image7 {
  width: 45%;
  height: auto;
   margin: 5px;
float: left;	
}

.scale {
    transition: 1s; /* Время эффекта */
   }
   .scale:hover {
    transform: scale(2.5); /* Увеличиваем масштаб */
   }

.price {
	text-aline: center;
	line-height: 1.8;
	font-weight: bold;

}

.pricenarrow {
	text-aline: center;
	line-height: 1.5;
	font-weight: bold;

}

.pricenarrowmal {
	text-aline: center;
	line-height: 1.5;
	}

.character {
	text-aline: left;
	line-height: 1.3;
	background:#ffffff;
    float:left;
    width: 50%;
    height: auto;
    margin:10px;
	padding-top: 30;
	padding-bottom: 30;
	padding-left: 30;
	padding-right: 10;
	display: inline-block;
	vertical-align: top;
	}

div .lines {
    position: relative;
    width: 97%;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	float: left;
}

div .linesmal {
    position: relative;
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	float: left;
}


.list1 {
	margin-bottom: 15px;
	padding: 10px 10px;
	width: 35%;
  max-width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.list2 {
margin-bottom: 15px;
	padding: 10px 40px;
	width: 55%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 1.8;
}


.name {
	
font-family: 'arial';
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 16px;
	color: #15384c;	
	
}

.article {
padding: 15;
margin-top: 20;	
line-height: 1.5;
width: 70%;	
}


.article-tab {
padding: 15;
margin-top: 20;	
line-height: 1.5;
width: 70%;	
}



/* блок для статьи */
.post {
margin-bottom: 35px;
}
.post-content p {
	line-height: 1.5;
	padding-bottom: 1em;
	
	
}

.post-content-mob {
	line-height: 1.5;
	padding-bottom: 1em;
	font-size: 16px;
	visibility: visible; 
	display: inline;
}

.category {
margin-bottom: 15px;
background: #cccccc;
padding: 12px;
text-align:center;
}
.category a {
color: #666666;
text-decoration:underline;
font-weight: bold;
}
.post-title {
margin-bottom: 12px;
font-size: 26px;
}




/* блок с кнопкой "продолжить чтение" и кнопками социальных сетей */
.post-footer {
border-top: 1px solid #EBEBE3;
border-bottom: 1px solid #EBEBE3;
position: relative;
margin-top: 15px;
}
.more-link {
position: relative;
display: inline-block;
font-size: 10px;
text-transform: uppercase;
color: white;
line-height: 44px;
padding: 0 22px;
background: #3C3D41;
letter-spacing: 0.1em;
white-space: nowrap;
}
.more-link:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 0;
right: 0;
border: solid transparent;
border-width: 22px 18px;
border-left-color: #3C3D41;
transform: translateX(100%);
}
.post-social {
position: absolute;
left: auto;
top: 50%;
right: 0;
text-align: right;
transform: translateY(-50%);
padding: 0;
font-size: 12px;
}
.post-social a {
display: inline-block;
margin-left: 8px;
color: #F8B763;
width: 25px;
height: 25px;
line-height: 23px;
text-align: center;
border-radius: 50%;
border: 1px solid;
}




footer {
padding: 30px 0;
background: #3C3D41;
color: white;

}
.footer-col {

float: left;
margin-right: 10px
}
.footer-col a {
color: white;
margin-left: 10px	
}
.footer-col:last-child {
text-align: right;
}
.social-bar-wrap {
text-align: center;
}
.social-bar-wrap a {
padding: 0 7px;
font-size: 18px;
}



/* разворачивающийся текст */

summary::-webkit-details-marker {
    display: none;
}
/* Chrome, Opera, Safari */
details summary::-webkit-details-marker {
display: none;
}
details :focus {
  outline: 0;
}
/* Firefox */
details, summary {
display: block;
}
details summary:before {
content: "▲ ";
color: #000000;
   	font-size: 16px;
   	cursor: pointer;	
}
details[open] summary:before {
content: "▼ ";
color: #000000;
   	font-size: 16px;
   	cursor: pointer;
	
}
















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

	
body {
font-family: arial;
font-size: 14px;
line-height: 1;
background: #ffffff;
}


	h1, h4, h5, h6 {
	font-family: 'arial';
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 15px;
	color: #15384c;
}

h2 {
	font-family: 'arial';
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 14px;
	color: #000000;
}
	
h3 {
	font-family: 'arial';
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 14px;
	color: #000000;
	
}
	
    
.стиль5 {
	font-size: 17px;
	font-weight: bold;
	color: #15598a;
}
.стиль6 {
	color: #3a5954;
	font-weight: bold;
}
	.стиль66 {
	color: #3a5954;
	font-weight: bold;
	color: #15598a;
	font-size: 15px;	
}
.стиль7 {font-size: 17px;}
	
	.стиль77 {
	font-size: 17px;
color: #15598a;
}
.стиль10 {
	font-size: 15px;
	font-weight: bold;
}	
	.стиль11 {
	font-size: 15px;
	font-weight: bold;
	color: #15598a;
}
.стиль13 {
color: #173750;
font-size: 10px;
font-weight: bold;	
}	
.стиль14 {
color: #173750;
font-size: 13px;
}	
.стиль18 {font-size: 14px}	
	
header {
width: 100%;
background: #C8E2ED;
box-shadow: 3px 3px 1px rgba(0,0,0,.05);
padding: 15px ;
padding-left: 10px;	
margin-bottom: 3px;
position: relative;
}

.all {
	position: relative;
    width: 97%;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	float: left;
    }

/* контактная инфо в хидере*/

.imgpic{
    float:left;
    width: 95%;
    height: auto;
    margin:1px;
	padding: 1px 1px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	}
	
img.mal{
        display:none;
	visibility: hidden;}
	
.imgpic > span {display: inline-block;}

.info2 {
color: #173750;
font-size: 12px;
float:left;
    width: 95%;
    height: auto;
    margin: 1px;
	padding: 1px;
	padding-bottom: 5px;
	display: inline-block;
	vertical-align: top;
	text-align: left;	
}

.infotel {
color: #BD0C0C;
font-size: 16px;
font-weight: bold;
float:left;
    width: 95%;
    height: auto;
    margin: 1px;
	padding: 1px;
	padding-bottom: 5px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.slog {
color: #173750;
font-size: 9px;	
margin: 1px;
	padding: 1px;
width: 95%;		
	
}
	

	
	
	
	
	
______________________________________________________	

		
	.nav {
		position: relative;
		min-height: 40px;
	margin: 10px 10px;
	}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #FAFAFA url(images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		z-index: 200;
	}
	.nav li {
		display: none; /* скрыть все <li> пункты */
		margin: 0;
	}
	.nav .current {
		display: block; /* показывать только текущие активные <li> пункты */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}
 
	/* при наведении на пункты меню */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}
 
	/* адаптивное меню справа */
	.nav.right ul {
		left: auto;
		right: 0;
	}
 
	/* адаптивное меню по центру */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	

	
	
	/* отменяем обтекание левой и правой колонок, устанавливаем им ширину 100%*/
.posts-list, aside {
width: 100%;
float: none;
}
.widget-post-title {
font-size: 1.5em;
}

	
div.post-image2 {
  width: 97%;
  height: auto;
   margin: 5px;
}		
	
	
div.post-image3 {
  width: 50%;
  height: auto;
   margin: 2px;
}	
div.post-image4 {
  width: 60%;
  height: auto;
   margin: 2px;
}	
	
div.post-image5 {
  width: 30%;
  height: auto;
   margin:  3px;
}
div.post-image6 {
  width: 30%;
  height: auto;
   margin:  1px;

}	

/* отменяем обтекание для логотипа и выравниваем по центру*/
.logo {
float: none;
margin: 0 auto 15px;
display: table;
}
.logo span {
width: 20px;
height: 20px;
line-height: 20px;
margin: 0 2px;
}

/* позиционируем форму поиска по левому краю */
#searchform {
float: left;
margin-left: 0;
}
/* убираем верхнюю и нижнюю границы и выравниваем кнопку по центру */
.post-footer {
border-top: none;
border-bottom: none;
text-align: center;
}
	header {
padding: 5px ;
padding-left: 3px;
margin-bottom: 3px;
}


div .lines {
    position: relative;
    width: 97%;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	float: center;
}
	
div .linesmal {
    position: relative;
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	float: center;
}	
	
	
	
.column1{
    background:#ffffff;
    float:left;
    width: 95%;
    height: auto;
    margin:10px;
	padding: 10px 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	 border-width:1;
    border-color: #c5cecd;
    border-style: solid;
	}
.column2{
    background:#ffffff;
    float:left;
    width: 95%;
    height: auto;
    margin:10px;
	padding: 10px 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	border-width:1;
    border-color: #c5cecd;
    border-style: solid;
}
.column3{
    background:#ffffff;
    float:left;
    width: 95%;
    height: auto;
    margin:10px;
	padding: 10px 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	border-width:1;
    border-color: #c5cecd;
    border-style: solid;
}	
	
.columnmal{
    background:#ffffff;
    float:left;
    width: 26%;
    height: auto;
    margin:2px;
	padding: 2px 2px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	 border-width:1;
    border-color: #c5cecd;
    border-style: solid;
	}	
	
	
	
.character {
	text-aline: left;
	background:#ffffff;
    float:left;
    width: 95%;
    height: auto;
    margin:10px;
	padding: 10px 10px;
	display: inline-block;
	vertical-align: top;
	border-width:1;
    border-color: #c5cecd;
    border-style: solid;
	}	
	
	

	
.list1 {
	margin-bottom: 15px;
	padding: 10px 10px;
	width: 97%;
  max-width: 100%;
	display: block;
	vertical-align: top;
	text-align: center;
}
.list2 {
margin-bottom: 15px;
	padding: 10px 10px;
	width: 85%;
	display: block;
	vertical-align: top;
	text-align: left;

   }
	
.article {
padding: 15;
margin-top: 20;	
line-height: 1.5;
width: 95%;	
}
	
.article-tab {
padding: 15;
margin-top: 20;	
line-height: 1.5;
width: 95%;	
}	

	
.post-content p {
	line-height: 1.5;
	padding-bottom: 1em;
	
	
}
.post-content-mob {

font-size: 8px;
} 
	
	

	
	
}



 

@media screen and (max-width: 1024px) {
  table {
    border: 0;
  }
  table thead {
    display: none;
  }
  table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #a0a0a0;
  }
  table td {
    display: block;
    text-align: left;
    font-size: 16px;
	border: 0;
    border-bottom: 1px dotted #a0a0a0;
	width: 100%;
  }
  table td:last-child {
    border-bottom: 0;
  }
  table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
	display: block;
	padding: 0 8px;
	background: #eee;
  }
	

}
/* CSS Document */