@charset "utf-8";
@import url("respon.css");
/* CSS Document */

* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
.wrapper {
position: relative;
min-height: 100%;
margin: 0 auto;
max-width: 1024px;
}
.content {
padding-bottom: 350px;
}
.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 340px;

text-align: center;
padding-top: 10px;
}
header{

}
main{
margin: 0 auto;
max-width: 1024px;
padding: 40px 20px 0px 20px;
}
article{

}

a:link {
color: #499CE5; 
}
a:visited {
color: #499CE5;
}
a:hover {
color: #297fc8; 
}
a:active {
color: #499CE5; 
}
/*p{
text-align: justify;
}*/
p{
color:#575757;
}

@font-face {
font-family: "PecitaBook";
src: url("../fonts/PecitaBook/PecitaBook.eot");
src: url("../fonts/PecitaBook/PecitaBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/PecitaBook/PecitaBook.woff") format("woff"),
url("../fonts/PecitaBook/PecitaBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}

.share42init{
margin: -29.5px 0px 0px 0px;
}

.podpis{
color: #fff;
text-align: center;
margin: -80px 0px 0px 0px;
}
.imocio{
position: absolute;
text-align: left;
margin: 40px 0px 0px 50px;
}
.jirnim{
font-weight: bold;
}
.podherk{
text-decoration:underline;
}
.color{
color: #f00;
}
.color1{
color: #499CE5;
}
.color2{
color: #fff;
font-size: 18px;
font-family: 'PecitaBook';
font-weight: 400;
}
.small-fonts{
font-size: 12px;
}
.small-fonts-color{
font-size: 12px;
color: #2464c1;
}
.small-fonts-color1{
font-size: 11px;
color:#626262;
}
.small-fonts-color2{
font-size: 13px;
color: #fff;
}
.small-fonts-color3{
font-size: 13px;
color: #2464c1;
padding:  0px 12px 0px 0px;
text-decoration: none;
}
.small-fonts-color4{
font-size: 11px;
color: #f00;
}

.big-fonts{
font-size: 24px;
font-weight: 400;
color: #499CE5;
}
.big-fonts2{
font-size: 18px;
font-weight: 400;
color: #499CE5;
}
.big-fonts2-1{
font-size: 18px;
font-weight: 400;
line-height: 10px;
}
.big-fonts2-2{
font-size: 16px;
font-weight: 400;
color: #499CE5;
line-height: 10px;
}
.big-fonts2-perd{
font-size: 18px;
font-weight: 400;
color: #499CE5;
display: block;
margin-top: 0px;
}
a.big-fonts3{
font-size: 21px;
font-weight: 400;
color: #499CE5;
text-decoration: none;
}
.big-fonts3{
font-size: 21px;
font-weight: 400;
color: #499CE5;
}

.big-fonts4{
font-size: 31px;
font-weight: 500;
color: #499CE5;
display: block;
padding-bottom: 20px;
}
a.map{
color: #000;
}
.head2{
padding: 140px 0px 30px 0px;
}
.head3{
padding: 120px 0px 30px 0px;
}
.header-block1{
float: left;
}
.header-block2{
float: left;
padding-top: 115px;
width: 350px;
text-align: left;
padding-left: 30px;
}
.header-block3{
float: right;
text-align: right;
padding-top: 40px;
padding-right: 10px;
}
.header-block4{
display: flex;
justify-content: space-around;
align-items: center;
}
.header-block4-podpis{
text-align:center;
}
.clear{
clear: both;
}
.preimuh1{
float: left;
}
.preimuh2{
padding:  70px 0px 0px 320px;
}
.preimuh3{
float: right;
padding:  0px 0px 0px 0px;
}
.preimuh4{
padding:  40px 320px 0px 0px;
text-align: right;
}
.flex-container {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 90px 0px 90px 0px;
}
.flex-container2 {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 90px 0px 90px 0px;
}
.preimuh-flex1{
text-align: right;
padding:  0px 20px 0px 0px;
}
.preimuh-flex11{
display: none;
}
.preimuh-flex2{
text-align: left;
padding:  0px 0px 0px 20px;
}

.preim{
max-width: 800px;
margin: 0 auto;
padding-top: 100px;
}
.preim2{
max-width: 650px;
margin: 0 auto;
padding-top: 10px;
}
.preim3{
max-width: 720px;
margin: 0 auto;
padding-top: 10px;
}
.preim4{
max-width: 650px;

}
.nazvanie {
text-align: center;
margin-top: 100px;
}

.igmslaid {
max-width: 600px;
margin: 0 auto;
}
.virav{
max-width: 600px;
height: 150px;
margin: 0 auto;
}
.line{
border: none; 
background-color: #499CE5;
color:  #499CE5;
height: 1px; 
margin: 0 auto;
width: 80%;
}
.posetry-flex{
display: flex;
justify-content:center;
align-items: center;
margin: 100px 0px 20px 0px;
}
.posenry{
padding:  0px 0px 0px 15px;
font-size: 12px;
}
.cosil {
margin: 50px 0px 0px 20px;
}
.cosil2 {
margin: 100px 0px 0px 0px;
}
.otstup1{
height: 90px;
}
.otstup{
display: flex;
height: 85px;
justify-content: center;
align-items: center;
}
.otstup2{
display: block;
margin-bottom: 250px;
}
.otstup3{
height: 90px;
}
.youtube {
max-width: 539px;
}
.flex-container3 {
display: flex;
justify-content:space-around;
align-items: center;
margin: 0px 0px 0px 0px;
}
.avatarka {
max-width: 320px;
text-align: center;
margin: 0px 0px 0px 80px;
}
.opisanie {
max-width: 540px;
padding: 0px 0px 0px 0px;
}
.ima{
display: none;
}
.ima2{
display: block;
}

.pocentry {
max-width: 640px;
margin: 0 auto;
}
.pocentry2 {
max-width: 720px;
margin: 0 auto;
text-align: center;
}
.blockcontent{
max-width: 750px;
margin: 0 auto;
}

.video-responsive {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
border: 1px solid white;
box-shadow: 0 0 40px 5px rgba(0,0,0,0.3);
border-radius: 1px;

}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-responsive2 {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-responsive2 iframe,
.video-responsive2 object,
.video-responsive2 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tag{
display: inline-block;
}
.kontakt{
display: flex;
margin: 40px 0px 40px 0px;
}
.kontakt1:nth-child(1) {
order: 0;
}
.kontakt2:nth-child(2) {
order: 1;
align-self: flex-end;
}
.osnovnoi-kontakt{
display: flex;
justify-content:space-around;
margin: 40px 0px 40px 0px;
}
.copirait{
font-size: 11px;
}
.kartika {
height: 20px;
display: flex;
align-self: center;
justify-content: flex-end;
}
.otstup-podpis {
margin: 0px 0px 5px 0px;
}
.parent{
display:flex;
max-width: 720px;
margin: 0 auto;
padding: 50px 0px 0px 0px;
}
.parent>*{
display:flex;flex-grow:1;
}
.wrap-last-el{
flex-direction:row-reverse
}
.podpis-kontakt {
max-width: 720px;
margin: 0 auto;
padding: 0px 0px 30px 0px;
}
.podpis-kontakt1 {
float: left;
padding: 0px 0px 0px 10px;
}
.podpis-kontakt2 {
float: right;
padding: 0px 22px 0px 0px;
}
.gorod{
margin: 7px 0px 7px 20px;
}
.gorod:hover{

}
a.map2{
color: #000;
text-decoration: none;
}
a.map2:hover{
color:#499CE5;
text-decoration: underline;
}
.color:hover{

}
.spisok {
display: flex;
align-items: center;
margin: 20px 0px 20px 0px;
}
.data{
text-align: center;
padding: 0px 30px 0px 0px;
}
.data2{
display: block;
margin: -40px 0px 0px 0px;
font-size: 14px;
color:#FEAF5C;
line-height: 12px;
}
.prijat-left {
float: left;
}
.prijat-right {
float: right;
}

.prijat {
float: left;
}