@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(fonts/G1l_KMKj5pga7ZKths0iTfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(fonts/Fl4y0QdOxyyTHEGMXX8kcT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Y5yuUJGDLtmYv2_3fMB4fA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/isZ-wbCXNKAbnjo6_TwHTj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(fonts/3Y_xCyt7TNunMGg0Et2pnj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(fonts/5z9jpDJQqVE5bmkRqplJfhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(fonts/7m8l7TlFO-S3VkhHuR0at2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(fonts/m1uAalIytmLBFXF3PwhxpPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(fonts/t6Nd4cfPRhZP44Q5QAjcC2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(fonts/bmC0pGMXrhphrZJmniIZpWOb2gHztoQeulij-1lvl-8.woff) format('woff');
}

b {font-weight: 400;}
strong {font-weight: 700;}

body {
   background: url(images/bg-fon.jpg) left top fixed no-repeat;
-moz-background-size: auto 100%; 
-o-background-size: auto 100%; 
-webkit-background-size: auto 100%; 
-khtml-background-size: auto 100%; 
background-size: auto 100%;
margin: 0px;
}


.container {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor {
margin: 0 auto;
margin-left: 0px;
text-align: center;
}

#descriptor h1 {
    font: 900 70px/75px "Roboto", sans-serif;
	color: #28485a;
    text-align: center;
	margin: 20px 0px 0px 0px;
}
#descriptor h2 {
    font: 400 63px/65px "Roboto", sans-serif;
    text-align: center;
    color: #262727;
	margin: 0 auto;
	margin: 0px 0px 50px 0px;

}
#descriptor h3 {
    font: 700 45px/50px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 10px 0px 20px 0px;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
#descriptor h4 {
    font: 300 10px/13px "Roboto", sans-serif;
    text-align: center;
    color: #949392;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}


#descriptor img {max-width:60%;margin: 40px 0px 10px 0px;}

.cont_block3-2{width:70%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/

.form-container {
	background-color: #3b91c3;
	margin: 0 auto;
	padding: 20px;
	border-radius: 3px;
	text-align: center;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 20px;
	font: 900 38px/42px "Roboto", sans-serif;
    margin: 0 auto;
    width: 83%;
    background: #ffae01;
    cursor:pointer;
    color:#202020;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
	border: 0px solid #ffae01;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f7c55b;}

.zag_form {
	font: 400 21px/24px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: -4px;

}

.gar_form {
	font: 300 7px/10px "Roboto", sans-serif;
	color: #949392;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 15px;
	margin-bottom: -15px;
}

.gar_form a {
	color: #949392;
	text-decoration: none;
}

.gar_form a:hover  {
	color: #949392;
	text-decoration: none;
}

input[type=text], input[type=email]{
width:80%;
height:50px;
text-align:left;
font-family:'Roboto',sans-serif;
font-weight:300;
font-size:17px;
color:#4f4f4f;
font-style:normal;
margin:5px 0;
padding-left:15px;
border: 1px solid #989999; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
}





/* Всплывающее окно */	

.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #F4F4F4;
    max-width: 800px;
    width:70%;
    margin: 7% auto;
	padding: 5px 20px 13px 20px;
	border: 10px solid #1099c5;
	position: relative;
	/*--CSS3 CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.popup h2, .popup_click h2 {
    font:28px Monotype Corsiva, Arial;
    font-weight: bold;
	text-align: center;
	color: #008000;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
.popup h3, .popup_click h3 {
    font:24px Monotype Corsiva, Arial;      
	color: #008000;
	text-align: left;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
/* кнопка закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(157, 7, 4, 0.9);
}


.prokrutka {
width:100%; /* ширина нашего блока */
height:400px; /* высота нашего блока */
background: #fff; /* цвет фона, белый */
border: 0px solid #C1C1C1; /* размер и цвет границы блока */
overflow: auto; /* свойство для прокрутки по горизонтали. Автоматом, если больше блока */
}

.prokrutka p {
	font: 300 15px/19px "Roboto", sans-serif;
	color: #1B1B1B;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
} 

.prokrutka H2 {
  font: 400 28px/32px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 20px 20px 20px 20px;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.6);
}

.prokrutka H3 {
  font: 400 21px/25px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: left;
  margin: 20px 20px 20px 20px;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.6);
}

.prokrutka a{
color: #1B1B1B;
}
.prokrutka a:hover{
color: #535d7a;
}



.clear {clear: left;}
.clear2 {clear: right;}	

/*----------------------------------------------------------------------------------------
						КОМП 0
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:1401px) and (max-width:1600px) {

#descriptor img {max-width:40%;margin: 40px 0px 10px 0px;}

#descriptor h3 {
    font: 700 45px/50px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 10px 0px 30px 0px;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.cont_block3-2{width:80%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

.zag_form {
	font: 400 21px/24px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 0px;
	margin-bottom: -4px;
}


}


/*----------------------------------------------------------------------------------------
						КОМП 1
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:1251px) and (max-width:1400px) {

.container {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor {
margin: 0 auto;
margin-left: 0px;
}

#descriptor h1 {
    font: 900 60px/65px "Roboto", sans-serif;
	color: #28485a;
    text-align: center;
	margin: 20px 0px 0px 0px;
}
#descriptor h2 {
    font: 400 53px/55px "Roboto", sans-serif;
    text-align: center;
    color: #262727;
	margin: 0 auto;
	margin: 0px 0px 50px 0px;

}

#descriptor h4 {
    font: 300 10px/13px "Roboto", sans-serif;
    text-align: center;
    color: #949392;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;
}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;
}

#descriptor img {max-width:40%;margin: 40px 0px 10px 0px;}

#descriptor h3 {
    font: 700 35px/38px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 10px 20px 30px 20px;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}


.cont_block3-2{width:70%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/

.form-container {
	background-color: #3b91c3;
	margin: 0 auto;
	padding: 20px;
	border-radius: 3px;
	text-align: center;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.zag_form {
	font: 400 21px/24px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: -4px;

}

.gar_form {
	font: 300 7px/10px "Roboto", sans-serif;
	color: #949392;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 15px;
	margin-bottom: -15px;
}

.gar_form a {
	color: #949392;
	text-decoration: none;
}

.gar_form a:hover  {
	color: #949392;
	text-decoration: none;
}

input[type=text], input[type=email]{
width:80%;
height:50px;
text-align:left;
font-family:'Roboto',sans-serif;
font-weight:300;
font-size:17px;
color:#4f4f4f;
font-style:normal;
margin:5px 0;
padding-left:15px;
border: 1px solid #989999; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
}


}



/*----------------------------------------------------------------------------------------
						КОМП 2
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:1025px) and (max-width:1250px) {

.container {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor {
margin: 0 auto;
margin-left: 0px;
}

#descriptor h1 {
    font: 900 50px/52px "Roboto", sans-serif;
	color: #28485a;
    text-align: center;
	margin: 20px 0px 0px 0px;
}
#descriptor h2 {
    font: 400 45px/48px "Roboto", sans-serif;
    text-align: center;
    color: #262727;
	margin: 0 auto;
	margin: 0px 0px 30px 0px;
}

#descriptor h4 {
    font: 300 10px/13px "Roboto", sans-serif;
    text-align: center;
    color: #949392;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;
}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;
}

#descriptor img {max-width:30%;margin: 30px 0px 10px 0px;}

#descriptor h3 {
    font: 700 35px/38px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 10px 20px 30px 20px;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}



.cont_block3-2{width:80%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/

.form-container {
	background-color: #3b91c3;
	margin: 0 auto;
	padding: 20px;
	border-radius: 3px;
	text-align: center;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.zag_form {
	font: 400 14px/17px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 0px;
	margin-bottom: -4px;
}

.gar_form {
	font: 300 7px/10px "Roboto", sans-serif;
	color: #949392;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 15px;
	margin-bottom: -15px;
}

.gar_form a {
	color: #949392;
	text-decoration: none;
}

.gar_form a:hover  {
	color: #949392;
	text-decoration: none;
}

input[type=text], input[type=email]{
width:80%;
height:44px;
text-align:left;
color:#4f4f4f;
font: 300 17px/17px "Roboto", sans-serif;
margin:5px 0;
padding-left:15px;
border: 1px solid #989999;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius: 4px;
}


}


/*----------------------------------------------------------------------------------------
						НЕТБУК
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:801px) and (max-width:1024px) {


.container {
    max-width: 600px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor {
margin: 0 auto;
margin-left: 0px;
}

#descriptor h1 {
    font: 900 40px/42px "Roboto", sans-serif;
	color: #28485a;
    text-align: center;
	margin: 20px 0px 0px 0px;
}
#descriptor h2 {
    font: 400 36px/39px "Roboto", sans-serif;
    text-align: center;
    color: #262727;
	margin: 0 auto;
	margin: 0px 0px 30px 0px;
}

#descriptor h4 {
    font: 300 10px/13px "Roboto", sans-serif;
    text-align: center;
    color: #949392;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}

#descriptor img {max-width:30%;margin: 20px 0px 10px 0px;}

#descriptor h3 {
    font: 700 25px/28px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 10px 20px 30px 20px;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}



.cont_block3-2{width:90%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/

.form-container {
	background-color: #3b91c3;
	margin: 0 auto;
	padding: 20px;
	border-radius: 3px;
	text-align: center;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.zag_form {
	font: 400 14px/17px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 0px;
	margin-bottom: -4px;
}

.gar_form {
	font: 300 7px/10px "Roboto", sans-serif;
	color: #949392;
	text-align: center;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: -20px;
}

.gar_form a {
	color: #949392;
	text-decoration: none;
}

.gar_form a:hover  {
	color: #949392;
	text-decoration: none;
}

.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 10px 20px;
	font: 900 28px/42px "Roboto", sans-serif;
    margin: 0 auto;
    width: 83%;
    background: #ffae01;
    cursor:pointer;
    color:#202020;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
	border: 0px solid #ffae01;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f7c55b;}


input[type=text], input[type=email]{
width:80%;
height:44px;
text-align:left;
color:#4f4f4f;
font: 300 17px/17px "Roboto", sans-serif;
margin:5px 0;
padding-left:15px;
border: 1px solid #989999;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius: 4px;
}


.prokrutka {
width:100%; /* ширина нашего блока */
height:300px; /* высота нашего блока */
background: #fff; /* цвет фона, белый */
border: 0px solid #C1C1C1; /* размер и цвет границы блока */
overflow: auto; /* свойство для прокрутки по горизонтали. Автоматом, если больше блока */
}


}


/*----------------------------------------------------------------------------------------
						ПЛАНШЕТ
----------------------------------------------------------------------------------------*/

@media screen and (min-width:480px) and (max-width:800px) {


body {
   background: url(images/bg-fon.jpg) left top fixed no-repeat;
-moz-background-size: auto 100%; 
-o-background-size: auto 100%; 
-webkit-background-size: auto 100%; 
-khtml-background-size: auto 100%; 
background-size: auto 100%;
margin: 0px;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor {
margin: 0 auto;
margin-left: 0px;
}

#descriptor h1 {
    font: 900 40px/42px "Roboto", sans-serif;
	color: #28485a;
    text-align: center;
	margin: 20px 0px 0px 0px;
}
#descriptor h2 {
    font: 400 36px/39px "Roboto", sans-serif;
    text-align: center;
    color: #262727;
	margin: 0 auto;
	margin: 0px 0px 30px 0px;
}

#descriptor h4 {
    font: 300 10px/13px "Roboto", sans-serif;
    text-align: center;
    color: #949392;
	margin: 0 auto;
	margin: 20px 10px 20px 10px;

}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 20px 10px 0px 10px;
}

#descriptor img {max-width:40%;margin: 40px 0px 10px 0px;}

#descriptor h3 {
    font: 700 25px/28px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 10px 20px 30px 20px;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}


.cont_block1{width:100%;float:none;margin: 0 auto;text-align: left;padding: 0px; position: static;margin-top: 10px;}
.cont_block1 H2 {font: 400 19px/22px "Roboto", sans-serif; color: #fffefe; text-align: center; margin: 8px 0px 0px 0px;text-transform: uppercase;}

.cont_block2{width:100%;float:none;margin: 0 auto;text-align: center;padding: 0px; position: static;margin-top: 10px;}
.cont_block2 H2 {margin: 5px 0px 0px 0px;text-align: center;font: 900 28px/32px "Roboto", sans-serif; color: #5876A0;}

.cont_block3-2{width:80%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/

.form-container {
	background-color: #3b91c3;
	margin: 0 auto;
	padding: 20px;
	border-radius: 3px;
	text-align: center;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.zag_form {
	font: 400 15px/18px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: -4px;
}

.gar_form {
	font: 300 7px/10px "Roboto", sans-serif;
	color: #949392;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: -15px;
}

.gar_form a {
	color: #949392;
	text-decoration: none;
}

.gar_form a:hover  {
	color: #949392;
	text-decoration: none;
}

.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 10px 20px;
	font: 900 28px/42px "Roboto", sans-serif;
    margin: 0 auto;
    width: 83%;
    background: #ffae01;
    cursor:pointer;
    color:#202020;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
	border: 0px solid #ffae01;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f7c55b;}


input[type=text], input[type=email]{
width:80%;
height:44px;
text-align:left;
color:#4f4f4f;
font: 300 17px/17px "Roboto", sans-serif;
margin:5px 0;
padding-left:15px;
border: 1px solid #989999;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius: 4px;
}


}


/*----------------------------------------------------------------------------------------
						МОБИЛЬНИК
----------------------------------------------------------------------------------------*/

@media screen and (min-width:240px) and (max-width:479px) {

body {
   background: url(images/bg-fon.jpg) left top fixed no-repeat;
-moz-background-size: auto 100%; 
-o-background-size: auto 100%; 
-webkit-background-size: auto 100%; 
-khtml-background-size: auto 100%; 
background-size: auto 100%;
margin: 0px;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor {
margin: 0 auto;
margin-left: 0px;
}

#descriptor h1 {
    font: 900 26px/29px "Roboto", sans-serif;
	color: #28485a;
    text-align: center;
	margin: 10px 0px 0px 0px;
}
#descriptor h2 {
    font: 400 23px/25px "Roboto", sans-serif;
    text-align: center;
    color: #262727;
	margin: 0 auto;
	margin: 0px 0px 30px 0px;
}

#descriptor h4 {
    font: 300 10px/13px "Roboto", sans-serif;
    text-align: center;
    color: #949392;
	margin: 0 auto;
	margin: 20px 10px 20px 10px;

}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 20px 10px 0px 10px;

}

#descriptor img {max-width:60%;margin: 10px 0px 10px 0px;}

#descriptor h3 {
    font: 700 21px/26px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	margin: 0 auto;
	margin: 0px 20px 20px 20px;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}


.cont_block3-2{width:90%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/

.form-container {
	background-color: #3b91c3;
	margin: 0 auto;
	padding: 5px 0px 10px 0px;
	border-radius: 3px;
	text-align: center;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.zag_form {
	font: 400 12px/18px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: -4px;
}

.gar_form {
	font: 300 7px/10px "Roboto", sans-serif;
	color: #949392;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: -10px;
}

.gar_form a {
	color: #949392;
	text-decoration: none;
}

.gar_form a:hover  {
	color: #949392;
	text-decoration: none;
}

.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 10px;
	font: 900 21px/21px "Roboto", sans-serif;
    margin: 0 auto;
    width: 85%;
    background: #ffae01;
    cursor:pointer;
    color:#202020;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
	border: 0px solid #ffae01;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f7c55b;}


input[type=text], input[type=email]{
width:80%;
height:35px;
text-align:left;
color:#4f4f4f;
font: 300 15px/15px "Roboto", sans-serif;
margin:5px 0;
padding-left:15px;
border: 1px solid #989999;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius: 4px;
}


.prokrutka p {
	font: 300 12px/15px "Roboto", sans-serif;
	color: #1B1B1B;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
} 

.prokrutka H2 {
  font: 400 17px/21px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 20px 10px 20px 10px;
}

.prokrutka H3 {
  font: 400 14px/17px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: left;
  margin: 20px 10px 20px 10px;
}


}