@charset "utf-8";
@media only screen and (min-device-width: 900px){
#main{
width: 1012px;
    margin: 0 auto;
}
.phonenumbers {
    text-align: right;
    }
    #header {
    
    height: auto;
}
.socialka {
    font-size: 37px;
}
.socialka img {
    width: 30px;
}
}
@media only screen and (max-device-width: 900px){
#main{
width: 100%;
    margin: 0 auto;
}
#header {
    
    height: auto;
}
.socialka {
    font-size: 37px;
}
.socialka img {
    width: 30px;
}
}
@media only screen and (max-device-width: 550px){
#main{
width: 100%;
    margin: 0 auto;
}
#header {
    
    height: auto;
}
#topmenu{
font-size: 0.8em;
}
.mini-menu{
font-size: 0.8em;
}
.socialka img {
    width: 20px;
}
.socialka {
    font-size: 20px;
}
#domain-name{
	display:none;
}
}
/* CSS Document */

#main{
/*position:absolute;
 top:20px; 
 left:50%;
  margin-left:-480px;*/
  margin: 0 auto;
 /*  width:1012px;*/
    height:auto;
     }
#header{
position:relative;
display: inline-flex;
 float:left;
  width:100%;
   height:150px;
    background: url(../images/header.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ � Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* ����������� �������� */
   }
    
#content{
position:relative; 

float:left; 
width:100%; 
height:100%; 
overflow:hidden; 
background-color:#fff; 
font-family:Calibri; 
font-size:18px; 
text-align:left; 
text-indent:2em; 
	/*-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;*/
	margin-top:0px;
}
#contents{
position:relative; 

float:left; 
width:100%; 
height:100%; 
overflow:hidden; 
background-color:#fff; 
font-family:Calibri; 
text-align:left; 
text-indent:2em; 
	/*-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;*/
	margin-top:0px;
}
.socialka{
    color: white;
    
}

#bottom{position:relative; float:left; width:100%; height:40px; background-image:url(../images/bottom.jpg); background-repeat:no-repeat; background-position:right;}
#text > a{ color:#00f; text-decoration:none;}
a:hover{text-decoration:underline;}
#topmenu a {
	color:#fff;
}

h1{text-transform:uppercase;
text-align: center;}
#topmenu {
    margin: 0; /* �������� �������� �������� */
    padding: 0px; /* �������� ����� */
  
position:relative;
display: inline;
 text-transform:uppercase;
  top:0px;
   float:left;
    width:100%;
   /*  height:50px;*/
      font-family:Calibri;
     /*  font-size:18px;*/
       background:linear-gradient(to top,rgba(0,37,99,1),rgba(1,69,179,1));
 box-shadow: 0 0 5px rgba(0,0,0,1);
 color:#e5be37;
 border-radius:5px;
 padding: 1px;
 text-align: left;
 }
 #text {
float:left;
font-family: Time New Roman; 
font-size:20px;
text-indent:1.5em;
text-align: left;
padding:0 5px;
}
#topmenu li { 
list-style-type: none;
    display: inline; /* ���������� ��� �������� ������� */
    margin-right: 5px; /* ������ ����� */
   
padding: 5px;
margin-right: 10px;
}


.socialka table {
	float: right;
	margin: 20px 10px 0 0;
}


.phonenumbers {
    float: right;
	width: 100%;
/*	text-align: right;*/
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    padding: 5% 5% 0 0;
	color: #fff;
}
.phonenumbers a{
	color:#fff;
	
}
 
 #menu{
 width:100%;
 float:left;
 position:relative;
 z-index:10;
 top: -20px;
 margin-left:3px;
}
#menu h2{
 margin:0;
 padding:0;
 font-size:0.7em;
 font-weight:normal;
}
#menu ul{
 list-style:none;
 margin:3px;
 padding:2px 2px;
}
#menu li{
 padding:2px 2px;
}
#menu li a{
 display:block;
 padding:8px;
 text-transform:uppercase;
 text-decoration:none;
 
 background:linear-gradient(to top,rgba(0,37,99,1),rgba(1,69,179,1));
 box-shadow: 0 0 5px rgba(0,0,0,1);
 color:#e5be37;
 font: 130% MS Serif, New York, serif;
 border-radius:5px;
}
#menu li a:hover{
 background:white;
 color:#1A2C1F;
 font: MS Serif, New York, serif;
 
}
#menu .on a{
 background:white;
 background:linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0.5));
 color:#1A2C1F;
 font: MS Serif, New York, serif;
 border:1px solid #000;
}
#menu li ul{
 display:none;
 position:absolute;
 width:auto;
 background:rgba(255,255,255,0.6);
}
#menu li:hover ul{
 position:absolute;
 left:270px;
 margin-top:-50px;
 display:block;
 font-size: 1em;
 line-height: 1em;
 font-weight: 900;
}
#menu li li{
 float:none;
 position:relative;
 width:250px;
 
}
#menu li li a{
 display:block;
 background:#fff;
 color:#000;
}
#menu li li a:hover{
 background:#000;
 color:#fff;
}



/* slider styles */
.sliderform {
    clear: both;
    width: 100%;
    background: #ec1408;
    padding-top: 25px;
}

.slider {
    /* ������ ���������� */
    width: 100%;
    /* ������� ������ ������ � ����� */
    margin: 0 auto;
    /* ���������� ������� ��� ������ navy */
    padding: 0 10px;
    /* ���������������� */
    position: relative;

    background: #ec1408;
}

.ya-share2__container_size_m {
display: inline;
}
#share {
	width:100%;
	border:1px solid #eaeaea;
	margin: 0 auto;
	background:#fff;
	text-align:center;
}
.like {
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
}
.push {
	display: inline-block;
	width: 17%;
	min-width: 100px;
	line-height: 40px;
	margin: 5px 2px 20px 2px;
	font-size: 15px;
	text-align: center;
	color:#fff;
	cursor: pointer;
}
 
.facebook {background-color:#3b5998;}
.facebook:hover {background-color:#2d4373; color:#fff;}
.google {background-color:#dd4b39;}
.google:hover {background-color:#c23321; color:#fff;}
.twitter {background-color:#55acee;}
.twitter:hover {background-color:#2795e9; color:#fff;}
.vkontakte {background-color:#587ea3;}
.vkontakte:hover {background-color:#466482; color:#fff;}
.ok {background-color:#ee8208;}
.ok:hover {background-color:#ee7808; color:#fff;}
/*************************************************************************************************/

.mini-menu{
    margin: 0px auto;
   /* max-width: 220px;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    font: normal 14px Helvetica, Arial, sans-serif;
}
.mini-menu ul {
    list-style: none;
    margin: 0;
    padding:0;
    text-align:left;
}
.mini-menu > ul > li {
    position: relative;
}
.mini-menu > ul > li > a {
    display: block;	
    outline: 0;	
    padding: .7em 1em;	
    text-decoration: none;	
    color:#C9C9C9;	
    font-weight: normal;	
    text-shadow: 1px 1px 3px #111;	
    background: #333;
    border-bottom: 1px solid #222;
    background-image:-webkit-linear-gradient(#003790, #031431);
    background-image:-moz-linear-gradient(#003790, #031431);
    background-image:-ms-linear-gradient(#003790, #031431);
    background-image:linear-gradient(#003790, #031431);
    -webkit-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    -moz-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
}
.mini-menu > ul > li > a:hover,
.mini-menu > ul > li > a.active {
    color:#f2bd00;
}
.mini-menu .sub > ul {
    counter-reset: items;
    height: 0;
    overflow: hidden;
    background: #eee;
    -webkit-box-shadow:inset 0 0 50px #bbb;
    -moz-box-shadow:inset 0 0 50px #bbb;
    box-shadow:inset 0 0 50px #bbb;
}
.mini-menu .sub > ul > li > a {
    counter-increment: items;
    color:#514b92;
    font-size: 12px;
    display: block;
    text-decoration: none;
    padding: .7em 1em;
    border-bottom: 1px dotted #bababa;
}
.mini-menu .sub > ul > li > a:hover,
.mini-menu .sub > ul > li > a.active {
    background: #d8d8d8;
    color: red;
    padding-left: 1.3em;
}
.mini-menu .sub > ul > li > a:after{
   /* content: "�";*/
    float: left;
    margin-right:6px;
    line-height: 12px;
}
.mini-menu .sub > ul:after {
    content: counter(items);
    font-size: 1em;
    display:inline-block;
    position: absolute;
    right: 10px;
    top: 6px;
    background: #333;
    line-height: 1em;
    padding: .5em .7em;
    color: #c9c9c9;
    text-indent: 0;
    text-align: center;
    text-shadow:0px 1px 0px rgba(0, 0, 0, .5);
    font-size: 0.8em;
    font-weight: 500;
    -webkit-border-radius:25%;
    -moz-border-radius:25%;
    border-radius:25%;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
}
/********************* ******************************************************************************/
@media only screen and (max-device-width: 480px){
#topmenu li {
    
    display: flex;
}

.phonenumbers{
font-size: 0.8em;
height: 200px;
}
#mini-menu-d {
	/*display: none;*/
}
#text{
font-size: 0.9em;
}

.mini-menu .sub > ul > li > a {
font-size: 1.2em;
}

}
/* If screen size is more than 700px wide, set the font-size of <div> to 80px */
@media only screen and (min-device-width: 700px){
#mini-menu-m {
display: none;
}

}


/***********************************************/
/* ������� ���� �� ������� ������/����� �������� ��������� ���� ��������� ��������,
������� ������������� ��� */
.slider::-moz-selection { background: transparent; color: #fff; text-shadow: none; }
.slider::selection { background: transparent; color: #fff; text-shadow: none; }

.slide-list {
    position: relative;
    margin: 0 auto;
    padding: 0;
    /* ������ �� ��� ������� �� ������� */
    overflow: hidden;
    width: 100%;
	height:220px;
   /* margin-left: -15px;*/
    background: #FF7979;
}
.slide-wrap {
    position: relative;
    left: 0px;
    top: 0;
    /* ����������� ��������� ������ ������� �������� */
    width: 10000000px;
}

.slide-wrap a{
    font: bold 15px monospace;
    color: black;
    text-decoration: none;
}

.slide-item {
    /* ������ ������ */
    width: 280px;
    /* ���������� ������� */
    padding: 10px;
    /* ��������� */
    float: left;
    text-align:  center;
}
.slide-title a{
    /* ����� */
    font: bold 15px monospace;
    /* ���������, ��� ������� ������� */
    display: block;
    color: black;
    text-decoration: none;
}
/* � ��� �� ���������� ����� ��� ������ ��������� ������/����� � �����/����� */

/* ��������� ������/����� */
.navy {
    /* ���������� ���������������� */
    position: absolute;
    top: 250px;
    z-index: 1;
    height: 100%;
    /* ������ ��������� */
    width: 30px;
    cursor: pointer;
}
.prev-slide {
    left: 0;
    background:  url(bg/left-arrow.png) 0px 40% no-repeat;
    padding-left: 20px;
}
.next-slide {
    right: 0;
    background:  url(bg/right-arrow.png) 13px 40% no-repeat;
}
.navy.disable {
    background: #dbdbdb;
}
/* ��������� �����/����� */
.auto {
    width: 7px;
    height: 11px;
    cursor: pointer;
    margin: 10px auto;
}
.play {
   /* background: url(bg/play.png) center no-repeat;*/
}
.pause {
    /*background: url(bg/pause.png) center no-repeat;*/
}




/* ��������� ������/����� */
.navy {
    /* ���������� ���������������� */
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    /* ������ ��������� */
    width: 30px;
    cursor: pointer;
}
.prev-slide {
    left: 0;
    background:  url(../images/s1.png) 15px 40% no-repeat;
    padding-left: 60px;
}
.next-slide {
    right: 0;
    background:  url(../images/s2.png) 0px 40% no-repeat;
    padding-right: 60px;
}
.navy.disable {
    background: #dbdbdb;
}
/* ��������� �����/����� */
.auto {
    width: 7px;
    height: 11px;
    cursor: pointer;
    margin: 10px auto;
}
.play {
   /* background: url(bg/play.png) center no-repeat;*/
}
.pause {
    /*background: url(bg/pause.png) center no-repeat;*/
}

.herniya {
    width: 880px;
    height: 1px;
    overflow: auto;
}

.spam {
    width: 900px;
    height: 1px;
    overflow: auto;
}

/* ���������� ����� */
#feedback-form {
  max-width: 400px;
  padding: 2%;
  border-radius: 3px;
  margin: 0 auto;
  text-align: left;
}
#feedback-form [required] {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2%;
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0,0,0,.05) inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:hover {
  box-shadow: 0 0 0 1px #7eb4ea inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:focus {
  outline: none;
  box-shadow: 0 0 0 1px #7eb4ea inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
  transition: .2s linear;
}
#feedback-form [type="submit"] {
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #669acc;
  color: #fff;
}
#feedback-form [type="submit"]:hover {
  background: #5c90c2;
}
#feedback-form [type="submit"]:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}

.feednamecont {
	font-weight: bold;
	letter-spacing: 1px;
    font-size: 15px;
    line-height: 25px;
	text-align: left;
}

h1{
  text-shadow: red 5px 5px 10px;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    margin: 30px 0;
	color: grey;
	
  animation-name: example;
  animation-duration: 4s;
   animation-iteration-count: infinite;
}
/* animation */
@keyframes example {
  from {color: grey;}
  to {color: black;}
}


h1, h2, h3{
	text-align:center;
}

ul, ol{
	padding-left:15px;
	text-indent: 0px;
}