h1, h2, h3, h4, h5, h6, p, ul, li 
{
	margin:0; padding:0;
}

/* Стили оформления */
html { font-family:Open Sans, sans-serif; }

/*шапка*/
header { z-index:501; height:80px; color:#000; background: #fff; /*background:url(../images/header_bg.jpg) #fff 0 2px repeat-x;*/ border-bottom:#e5e5e5; padding-bottom:0px; position:fixed; 
-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.3);
   -moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.3);
	    box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.3);

}
.empty { height:78px; border:solid #eee 1px; }
header ul  {  }
header ul  li { list-style-type:none; float:left; }
#logo { float:left; padding:15px 10px 0 0; height:65px; }

/*основное меню*/
#menu  { float:left; padding:30px 140px 10px 140px; position:relative; text-align:center; } 
#menu li { position:relative; color:#000; padding:0px 12px 0 12px; display:inline-block; cursor:pointer; text-transform:uppercase; font-size:12px; font-weight:600;  }
#menu li a { color:#000; text-decoration:none; }
#menu li a:hover { text-decoration:underline; }

/*выпадающее меню*/
#menu li .sub { display:none; position:absolute; left:-65px; top:17px; z-index:1010; width:250px; padding:11px 0 0 0; background:url(../images/subMenu1.png) 50% 0 no-repeat; text-align:left;  }
#menu li .sub.m2 { left:-90px;  }
#menu li .sub ul { background:#5fb656;  padding:10px 0px 30px 0; 

-webkit-box-shadow: 3px 3px 0px 1px rgba(50, 50, 50, 0.2);
   -moz-box-shadow: 3px 3px 0px 1px rgba(50, 50, 50, 0.2);
	    box-shadow: 3px 3px 0px 1px rgba(50, 50, 50, 0.2);
border-left:solid rgba(50, 50, 50, 0.05) 1px; border-bottom:solid rgba(50, 50, 50, 0.05) 1px;

}
#menu li .sub ul li.first { padding:20px 10px 0 30px; float:none; display:block; font-weight: 400; font-size: 12px; }
#menu li .sub ul li.second { padding:1px 10px 0 45px; text-transform:none; float:none; display:block; font-weight: 400; font-size: 12px; }
#menu li .sub ul li.active { font-weight:700; /*font-size: 14px;*/ background:url(../images/point.png) 37px 2px no-repeat;  }
#menu li .sub ul li.first.active { font-weight:700; /*font-size: 14px;*/ background:url(../images/point.png) 23px 20px no-repeat;  }
#menu li .sub ul li.active a:hover { text-decoration:none; }
#menu li .sub ul li a { color:#fff;  /*font-weight: 400;*/  line-height:170%; }

#phone { width:120px; float:left; padding:20px 20px 0 0; font-size:14px; line-height:18px; }
#phone b { font-weight:600; }
#callback { float:left; text-align:center; width:143px; height:27px; padding:11px 0 0 15px; margin:20px 0px 0 0;
background:url(../images/pictPhone2.png) 15px 11px #30bff4 no-repeat; border-radius:3px; border:solid 1px #30bff4; color:#fff; text-decoration:none; 
font-size:10px; font-weight:700; text-transform:uppercase;  }
#callback:hover { }

/*навигация внутри страницы*/
nav { /*position:fixed;*/ z-index:500; top:80px; left:0px; min-height:42px; /*height:42px;*/ padding:0; background:#30bff4; color:#fff; font-size:12px; text-transform:uppercase; font-weight:600; }
nav ul { padding:0; /*width:590px; */ text-align:center; margin:0 auto; }
nav li { color:#fff; padding:12px 12px; list-style-type:none; display:inline-block; cursor:pointer;  }
nav li a { color:#fff; text-decoration:none; }
nav li:hover { background:#52d0ff; }
nav.scroll { position:fixed; top:80px; }

/*заголовки секций*/
h2, h1.decora { font-size: 30px; font-weight: 400; text-align: center; line-height:34px; padding-bottom:15px; margin:0px 0 30px 0; background:url(../images/h2Blue.jpg) 50% 100% no-repeat; }
h1.decorb { font-size: 30px; font-weight: 400; text-align: center; line-height:34px; padding-bottom:15px; margin:0px 0 30px 0; background:url(../images/h2Blue.jpg) 50% 100% no-repeat; }
h2 span, h1.decora span { text-align:center; font-size: 24px; font-weight: 600; text-transform:uppercase; }
h2.white { color:#fff; background:url(../images/h2BgWhite.jpg) 50% 100% no-repeat; }
h2.white a { color:#fff; }
h2.nodecor, h1.decora.nodecor { text-transform:uppercase; background:none !important; font-weight: 700; }
h2.b, h1.decora.b { font-weight: 700; text-transform:uppercase; }
h1.decorb.b { font-weight: 700; text-transform:uppercase; }
h2.nodecor1 { text-transform:uppercase; background:none; font-weight: 700; margin:60px 0 10px 0; }
h1.decora { font-weight: 700 !important; line-height:35px !important; padding-bottom:27px !important; }
h1.decora span { font-weight: 600 !important; font-size: 24px; }
h2.h2.bottom { margin-bottom:30px; line-height:30px; font-size: 24px; text-transform:none; font-weight: 600; max-width:700px; }
span.h2.b { font-size:30px; line-height:50px; font-size:30px; text-transform:uppercase; }


span.h2 { display:block; font-size: 24px; font-weight: 600; text-align: center; line-height:34px; /*padding-bottom:15px;*/ margin:0px 0 0px 0; }
h2.h2 { text-align:center; font-size: 30px; font-weight: 700; line-height:40px; text-transform:uppercase; background:url(../images/h2Blue.jpg) 50% 100% no-repeat; margin:0px 0 30px 0; max-width:950px; }
h2.h2.white { color:#fff; background:url(../images/h2BgWhite.jpg) 50% 100% no-repeat; }
span.h2.white { color:#fff; }

h2.h2.sp28 { font-size: 28px; background:none; padding-bottom:0; margin-bottom:0; line-height:32px; }
h2.h2.sp24 { font-size: 24px; background:none; padding-bottom:0; margin-bottom:0; line-height:28px; }
span.h2.sp24 { margin:0; display:block; font-weight:300; font-size: 20px; margin-bottom:40px !important; padding-bottom:15px; background:url(../images/h2Blue.jpg) 50% 100% no-repeat; text-transform:uppercase; font-weight:400; }
span.h2.sp24.white { background:url(http://yarpromo.ru/images/h2White.jpg) 50% 100% no-repeat; margin-bottom:20px !important; }
h2.s24 { font-size: 24px; }
h2.s22 { font-size: 22px; }
h2.s20 { font-size: 20px; }
h2.decor { margin-bottom:30px !important; padding-bottom:20px !important; background:url(../images/h2Blue.jpg) 50% 100% no-repeat !important; }

h2.nopadding { padding-bottom:0; margin:0px auto 10px auto !important; }

.content h2 { max-width:450px; }
.content h1 { max-width:500px; }

h1, h2, h3 {  margin-left:auto !important; margin-right:auto !important; }

.soc_bot {
    margin-top: 20px;
}

.soc_bot img {
    width: 32px;
}


footer { padding:30px 0; background-color:#1f1f1f; color:#fff; }
footer a { color:#fff; text-decoration:none; }
footer a:hover { text-decoration:underline; }
footer .footer, footer .footer1 { float:right; padding-right:2%;  }
footer .footer1  ul { padding:0 0 40px 65px; }
footer .footer1 .social { padding:10px 0 10px 62px; }
footer .footer1 .social img { padding:0 10px 0 0; }
#callback1 { display:block; width:160px; margin:10px 0 0 0; padding:14px 0 14px 15px; background:url(../images/pictPhone1.png) 20px 15px no-repeat; border-radius:3px; border:solid 1px #30bff4; color: #30bff4;  
font-size: 10px; font-weight: 700; text-align: center; text-transform:uppercase; text-decoration:none; }
/*#callback1:hover {  background:url(../images/pictPhone1.png) #333 20px 13px no-repeat; }*/
#callback1:hover {  background:url(../images/pictPhone2.png) #30bff4 20px 15px no-repeat; color:#fff; }

footer .footer h5 { font-size: 14px; font-weight: 400; line-height: 22px; text-transform:uppercase; padding-bottom:35px; padding-top:10px; }
footer ul li { list-style-type:none; color:#bbbbbb; font-size: 14px; font-weight: 400; padding:0 0 14px 0;  } 
footer ul li  a { color:#bbbbbb; }
#copyright { width:100%; clear:both; color: #4c4c4c; font-size: 13px; font-weight: 400; border-top:solid 1px #4c4c4c; padding:20px 0 0 0; margin-top:25px; }

/*
#form1 { background:url(../images/section4Bg.jpg) 50% 50% no-repeat; background-size: cover; }
#form1 .container { padding-bottom:50px; }
#form1  p , #form1  .text { color: #ffffff; font-size: 24px; font-style: italic; text-align: center; font-weight: 300;  }
#form1  #zayavka, #form1  #zayavka1 { text-align:center; margin:5px 0 30px 0; line-height:80px; }
#form1  #zayavka .zayavkaText, #form1  #zayavka1 .zayavkaText{ width:280px; padding:2px 10px; height:42px; border-radius:4px; margin:0 10px; border:solid 1px #eee; border-top:solid 2px #d2d2d2; 
color:#777;  font-size: 18px;  font-style: italic; text-align: left; font-weight: 300; font-family:Open Sans, sans-serif; }
#form1  #zayavkaButton, #form1  .zayavkaButton{ width:304px; padding:14px 0 14px 0; text-align:center; background:#30bff4; border-radius:4px; border:solid 1px #30bff4; color:#fff; text-decoration:none; 
font-size:14px;  text-transform:uppercase; -webkit-appearance: none; font-weight:600; }
#form1  #zayavkaButton:hover, #form1  .zayavkaButton:hover { 
background:#52d0ff; text-shadow:0 1px 1px rgba(12, 33, 53, 0.4);
	-webkit-box-shadow:0 2px 1px 1px rgba(12, 33, 53, 0.4);
       -moz-box-shadow:0 2px 1px 1px rgba(12, 33, 53, 0.4);
            box-shadow:0 2px 1px 1px rgba(12, 33, 53, 0.4); 
			
			background: #30bff4;
background: -moz-linear-gradient(top,  #30bff4 0%, #009ac9 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30bff4), color-stop(100%,#009ac9)); 
background: -webkit-linear-gradient(top,  #30bff4 0%,#009ac9 100%);
background: -o-linear-gradient(top,  #30bff4 0%,#009ac9 100%); 
background: -ms-linear-gradient(top,  #30bff4 0%,#009ac9 100%); 
background: linear-gradient(to bottom,  #30bff4 0%,#009ac9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30bff4', endColorstr='#009ac9',GradientType=0 ); 

 }
 
#form1.type1 { background:#036199; }
#form1.type2 { background:url(../images/section4Bg.jpg) no-repeat; background-size: cover; }
#form1 .grid { background:url(../images/grid.png) 0 0 repeat; height:100%; margin:0 0 3px 0; padding:0; border-top:solid #036199 1px; }


#form1  #zayavka div, #form1  #zayavka1 div { color:#fff; padding: 0 0 10px 0; line-height:27px; }
#form1  #zayavka div span, #form1  #zayavka1 div span { padding: 0 15px;  }
*/

.form1 { background:url(../images/section4Bg.jpg) 50% 50% no-repeat; background-size: cover; }
.form1 .container {  }
.form1 a { color:#fff; font-size: 20px; line-height:24px; text-decoration:none; }
.form1 a:hover { text-decoration:underline; }

.form1  p , .form1  .text { color: #ffffff; font-size: 24px; font-style: italic; text-align: center; font-weight: 300;  }
.form1  #zayavka, .form1  #zayavka1 { text-align:center; padding:5px 0 30px 0; line-height:80px; }
.form1  #zayavka .zayavkaText, .form1  #zayavka1 .zayavkaText{ width:280px; padding:2px 10px; height:42px; border-radius:4px; margin:0 10px; border:solid 1px #eee; border-top:solid 2px #d2d2d2; 
/*color:#cacaca;*/ color:#777;  font-size: 18px;  font-style: italic; text-align: left; font-weight: 300; font-family:Open Sans, sans-serif; }
.form1 textarea.zayavkaText { width:610px !important; height:100px !important; padding-top:10px !important; }
.form1  #zayavkaButton, .form1  .zayavkaButton{ width:304px; padding:14px 0 14px 0; text-align:center; background:#ff9000; border-radius:4px; border:solid 1px transparent; color:#fff; text-decoration:none; 
font-size:14px;  text-transform:uppercase; -webkit-appearance: none; font-weight:400; }
.form1  .zayavkaButton:hover { 

}
.form1.type1 { background:#036199; }
.form1.type2 { background:url(../images/section4Bg.jpg) no-repeat; background-size: cover; }
.form1 .grid { background:url(../images/grid.png) 0 0 repeat; height:100%; margin:0 0 0px 0; padding:0; border-top:solid #036199 1px; }
.form1  #zayavka div, .form1  #zayavka1 div { color:#fff; padding: 0 0 10px 0; line-height:27px; }
.form1  #zayavka div span, .form1  #zayavka1 div span { padding: 0 15px;  }

/*
#form2 { background:url(../images/section4Bg.jpg) no-repeat; background-size: cover; }
#form2  p , #form1  .text { color: #ffffff; font-size: 24px; font-style: italic; text-align: center; font-weight: 300;  }
#form2  #zayavka, #form2  #zayavka1{ text-align:center; margin:5px 0 40px 0; line-height:80px; }
#form2  #zayavka .zayavkaText, #form2  #zayavka1 .zayavkaText{ width:280px; padding:2px 10px; height:42px; border-radius:4px; margin:0 10px; border:solid 1px #eee; border-top:solid 2px #d2d2d2; 
 color:#999; font-size: 18px; font-style: italic; text-align: left; font-weight: 300; font-family:Open Sans, sans-serif; }
#form2  #zayavka .zayavkaArea, #form2  #zayavka1 .zayavkaArea{ width:610px; padding:2px 10px; height:82px; border-radius:4px; margin:0 10px; border:solid 1px #eee; border-top:solid 2px #d2d2d2; 
 color:#999; font-size: 18px; font-style: italic; text-align: left; font-weight: 300; font-family:Open Sans, sans-serif; }
#form2  #zayavkaButton, #form2  .zayavkaButton{  padding:14px 30px 14px 30px; text-align:center; background:#30bff4; border-radius:4px; border:solid 1px #30bff4; color:#fff; text-decoration:none; 
font-size:14px;  text-transform:uppercase; -webkit-appearance: none; font-weight:400; }
#form2  #zayavkaButton:hover, #form2  .zayavkaButton:hover { 
background:#52d0ff; text-shadow:0 1px 1px rgba(12, 33, 53, 0.4);
	-webkit-box-shadow:0 2px 1px 1px rgba(12, 33, 53, 0.4);
       -moz-box-shadow:0 2px 1px 1px rgba(12, 33, 53, 0.4);
            box-shadow:0 2px 1px 1px rgba(12, 33, 53, 0.4);
			
			background: #30bff4; 
background: -moz-linear-gradient(top,  #30bff4 0%, #009ac9 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30bff4), color-stop(100%,#009ac9)); 
background: -webkit-linear-gradient(top,  #30bff4 0%,#009ac9 100%); 
background: -o-linear-gradient(top,  #30bff4 0%,#009ac9 100%); 
background: -ms-linear-gradient(top,  #30bff4 0%,#009ac9 100%); 
background: linear-gradient(to bottom,  #30bff4 0%,#009ac9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30bff4', endColorstr='#009ac9',GradientType=0 ); 


 }
#form2 .grid { background:url(../images/grid.png) 0 0 repeat; height:100%; margin:0 0 3px 0; padding:0; border-top:solid #036199 1px; }
*/

/*форма обратный звонок*/
.formHide { z-index:10000; display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:  rgba(0, 0, 0, 0.5); /*border:solid red 1px;*/ }
.formHide .container { width:1100px; height:320px; margin:auto; background:#f2f2f2; position:relative;
-webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.95);
-moz-box-shadow:    4px 4px 0px 0px rgba(0, 0, 0, 0.95);
box-shadow:         4px 4px 0px 0px rgba(0, 0, 0, 0.95);
}
.zayavkaHide {  }
.zayavkaHide { text-align:center; padding-top:80px; line-height:80px; /*display:inline-block;*/ vertical-align:top; }
.zayavkaHide div { line-height:40px; }
.zayavkaHide .zayavkaText{ width:280px; padding:4px 12px; height:44px; border-radius:4px; margin:0 10px; border:solid #ccc 1px; color:#888; font-size: 18px; font-style: italic; 
text-align: left; font-weight: 300; line-height:20px; /*display:inline-block;*/}
.zayavkaHide .zayavkaText:hover { border:solid #aaa 1px; }
.zayavkaHide .zayavkaButton{ width:304px; padding:14px 0 14px 0; text-align:center; background:#30bff4; border:solid #30bff4 1px; border-radius:4px; color:#fff; text-decoration:none; 
			font-size:14px;  text-transform:uppercase; line-height:20px; /*display:inline-block;*/ -webkit-appearance: none; }
.zayavkaHide .zayavkaButton:hover {  }
form.discuss span em {
	display: block; position: absolute; top:70px; left:11px; text-align: left; line-height: 18px;
}
form.discuss .zayavkaButton {
	margin-top: 35px;
}
.formHideClose { position:absolute; right:0px; top:0px; margin:15px; cursor:pointer; padding:8px; background:url(../images/close1.jpg) 0 0 no-repeat;; }
.formHide .caption { text-align:center; position:absolute; top:35px; left:0px; font-size:20px; width:100%; font-style:italic; }
	
.messageHide { z-index:10000; color:#000 !important; display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:  rgba(0, 0, 0, 0.5); /*border:solid red 1px;*/ }
.messageHide .container { width:500px; height:220px; margin:auto; background:#f2f2f2; position:relative; 
-webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.95);
-moz-box-shadow:    4px 4px 0px 0px rgba(0, 0, 0, 0.95);
box-shadow:         4px 4px 0px 0px rgba(0, 0, 0, 0.95);
}
#messageHideText { color:#000 !important; padding-top:80px; text-align:center; }
.messageHideClose { position:absolute; right:0px; top:0px; margin:15px; cursor:pointer; padding:8px; background:url(../images/close1.jpg) 0 0 no-repeat;; }

	
#formCallback span, #zayavka span, #zayavka1 span, form.discuss span { display:inline-block; position:relative; }
#formCallback span em  { display:block; position:absolute; top:70px; left:11px; font-size:14px; line-height:14px; color:red; text-align:left; } 
#zayavka span em, #zayavka1 span em { display:block; position:absolute; top:70px; left:11px; font-size:14px; line-height:14px; color:#2FBCEF; text-align:left; }
#formCallback #formMessage { position:absolute; height:25px; width:100%; top:62px; left:2px; text-align:center; font-style:italic; }
#form1 .formMessage, #form2 .formMessage, .form1 .formMessage { color:#fff; height:20px; padding-top:15px; text-align:center; }

form span.privacy { font-size:14px; }
form span.privacy a { font-size:14px; text-decoration:underline; }
form .privacy em { display:block; position:static !important; }

/*
 input::-webkit-input-placeholder {color:#828282;}
 input::-moz-placeholder          {color:#828282;}
 */

input:focus::-webkit-input-placeholder   	{color:transparent;}
input:focus::-moz-placeholder          	   	{color:transparent;}/* Firefox 19+ */
input:focus:-moz-placeholder                   	{color:transparent;}/* Firefox 18- */
input:focus:-ms-input-placeholder          	{color:transparent;}

 .darkButton:hover {
 
  background:#52d0ff; /*border:solid 1px #B3E0EF; */ text-shadow:0 1px 1px rgba(12, 33, 53, 0.4);
	-webkit-box-shadow:0 2px 1px 1px rgba(12, 33, 53, 0.4);
       -moz-box-shadow:0 2px 1px 1px rgba(12, 33, 53, 0.4);
            box-shadow:0 2px 1px 1px rgba(12, 33, 53, 0.4); 
	background: #30bff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #30bff4 0%, #009ac9 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30bff4), color-stop(100%,#009ac9)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #30bff4 0%,#009ac9 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #30bff4 0%,#009ac9 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #30bff4 0%,#009ac9 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #30bff4 0%,#009ac9 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30bff4', endColorstr='#009ac9',GradientType=0 ); /* IE6-9 */

 }
 
 .lightButton:hover {
  border:solid 1px #1586AF !important;
	-webkit-box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2);
            box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2); 
 }
 
.lightButton1:hover {
  background:#71BF44 !important;
  border:solid 1px #449125 !important;
	-webkit-box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2);
            box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2); 
 }
 
 .lightButton2 { border:solid 2px #30BFF4 !important; }
 
 .lightButton2:hover {
  background:#fff !important;
  color:#30BFF4 !important;
  border:solid 2px #30BFF4 !important;
/*	-webkit-box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2);
            box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2); */
 }
 .lightButton3:hover {
  background:#007AC9 !important;

  border:solid 1px #007AC9 !important;
/*	-webkit-box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2);
            box-shadow:0 1px 0px 0 rgba(0, 0, 0, 0.2); */
 }

.rub {text-decoration:line-through; font-family:arial; }
.rub1 { font-family:arial; font-size:16px; }
.noitalic { font-style:normal; }
p.simple { font-size:17px; max-width:800px; margin:0 auto; line-height:145%; }

header  .container { position:relative; }
#menuMore { position:absolute; top:25px; right:10px; width:24px; height:22px; background:url(../images/more.jpg) left top no-repeat; cursor:pointer; display:none; }

.scrollto { clear:both; width:100%; height:1px; display:block; }

/*кнопка вверх*/
#topButton { display:block; display:none; width:62px; height:62px; position:fixed; z-index:2000; bottom:15%; background:url(../images/topArrow4.png) 0 0 no-repeat; }
#topButton:hover {   background:url(../images/TopArrow5.png) 0 0 no-repeat; }

/* Layout */
html, body { width:100%; margin:0; padding:0; min-width:320px; }

#content-1, #content-2 { width:100%; /*padding-top:80px;*/ /*position:absolute;*/ left:0; top:0; }
#contentContainer { overflow:hidden; /* position:absolute; left:0; top:80px; */ width:100%; }

#content-2 {  }

.banner_seminar {
    text-align: center;
    max-height: 294px;
}

.banner_seminar img {
    max-width: 1170px;
    width: 100%;
    clear: both;
}

#container {
	
/*	position:relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;*/
}

.gecko.ff26  #container {
	
/*	position:relative;
    display: block;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;*/
}

/* На вас работают */
.team {
	background: url(../images/team/background.jpg) no-repeat;
	background-size: cover;
	text-align: center;
}

.team ul li {
	display: inline-block;
	position: relative;
	list-style: none;
	width: 29.3333%;
	max-width: 260px;
	margin: 0 22px 36px 22px;
}

.team ul li img {
	width: 100%;
}

.team ul li .person {
	position: absolute;
	width: 100%;
	height: 90px;
	bottom: 5px;
	display: none;
	padding-top: 9px;
	background: url(../images/icons/person-bg.png) 50% top no-repeat;
	opacity: 1;
	text-align: left;
}

.person .teammate {
	height: 50px;
	color: #838383;
	background-color: #000;
	opacity: 0.75;
	padding: 20px 30px;
	font-size: 12px;
	line-height: 1;
}

.person .teammate .name {
	margin-bottom: 3px;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
}

@media only screen and (max-width : 450px),
only screen and (max-device-width : 450px){
	.team ul li { width: 48%; }
}

/* Подарки */
div.gifts {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}

ul.gifts {margin: 20px -80px 10px -80px;}

ul.gifts li {
	list-style-type: none;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	padding-left: 55px;
	padding-top: 15px;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	font-style: italic;
	height: 39px;
	background-repeat: no-repeat;
	background-position: left center;
}

li.gift-1 {background-image: url(../images/icons/1.png); margin-right: 53px}
li.gift-2 {background-image: url(../images/icons/2.png); margin-right: 53px}
li.gift-3 {background-image: url(../images/icons/3.png)}

@media (max-width: 1150px) {
	div.gifts { text-align: left; }
	ul.gifts {margin-left: 20px; margin-right: 20px;}
}

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

.hidden {
	display: none;
}

.visible {
	visibility: visible;
}

header, footer, nav { width:100%; display:block;  clear:both;  }
section { width:100%; display:block; clear:both; }
header div.container, footer div.container, nav div.container{ width:1170px; padding:0 50px; margin:0 auto; }
section div.container { width:1170px; padding:70px 50px; margin:0 auto;  }

@media (max-width: 1280px) {
	.formHide .container { width:910px; }
	.zayavkaHide .zayavkaText{ width:240px; }
	.zayavkaHide .zayavkaButton{ width:264px; }
	
	/*div.container { width:950px; padding:0 20px;  }*/
	header div.container, footer div.container, nav div.container{width:950px; padding:0 20px; }
	section div.container { width:950px; padding:70px 20px; }
	
	#menu  { padding:30px 30px 10px 30px; } 
	#form1 #zayavka .zayavkaText { width:250px; }
	#form1 #zayavkaButton { width:274px; }
	.form1 #zayavka .zayavkaText { width:250px; }
	.form1 #zayavkaButton { width:274px; }
	.form1 textarea.zayavkaText { width:550px !important; height:100px !important; }
	#menu li.sub.m1 { left:-25px; top:50px; }
	#menu li.sub.m2 { left:75px; top:50px; }
	
}

@media (max-width: 1000px) {
	#menuMore { /*display:block;*/ }
	header.total { height:122px; /*overflow:hidden;*/ }
	
	.formHide .container { width:780px; }
	/*div.container { width:780px; padding:0 10px;  }*/
	header div.container, footer div.container, nav div.container{ width:780px; padding:0 10px; }
	section div.container { width:780px; padding:70px 10px;  }
	
	/*nav { top:120px; }*/
	
	#menu li.sub.m1 { left:15px; top:50px; }
	#menu li.sub.m2 { left:115px; top:50px; }
	
	#menu  { padding:30px 80px 10px 30px; } 
	
	/*#topContacts {  width:100%; min-width:320px; clear:both; min-height:40px; margin:0px auto 0px auto;  }*/
	/*#phone {  width:66%; font-size:15px; padding:10px 0; }
	#phone span { width:50%; float:left; text-align:center;  padding:0; color:#fff;  }*/
	#phone {  position:absolute; /*width:100px;*/ right:0px; top:0px; }
	
	#callback { display:none; 
	/*width:33%; text-align:center;  margin:0; padding:10px 0 0 0px; color:#fff; font-size:14px; height:16px; font-weight:400; background:none; border:none;*/ }
	
	.zayavkaText { width:250px !important; }
	.zayavkaButton { width:274px !important; }
	
	footer { padding:30px 0 30px 0; }
	footer .footer, footer .footer1 {  padding-right:2%; /*border:solid red 1px; */ }
	#logoFooter { width:200px; }
	
}
@media (max-width: 800px) {
	#contentContainer { top:125px; }
	
	.formHide .container { width:90%; height:420px; }
	div.container { width:100%; min-width:320px; padding-left:0; padding-right:0; }
	header div.container, footer div.container, nav div.container{ width:100%; min-width:320px; padding-left:0; padding-right:0; }
	section div.container { width:100%; min-width:320px; padding-left:0; padding-right:0;  }
	
	section div.container { width:100%; min-width:320px; padding-left:0; padding-right:0; }
	header.total { height:120px; }
	header { position:static; height:122px; }
	.empty { height:0px; border:solid #eee 0px;  }
	/*nav { top:120px; }*/
	#menu  { padding:30px 25px 10px 10px; }
	
	#menu  { width:100%; padding:9px 0px 6px 0px; height:30px; text-align:center; background:#00558D; 
		 -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 28, 45, 0.2);
			-moz-box-shadow: 0px 3px 3px 0px rgba(0, 28, 45, 0.2);
			 	 box-shadow: 0px 3px 3px 0px rgba(0, 28, 45, 0.2);
	}
	#menu li { width:auto; float:none; display:inline; color:#fff; padding:0px 10px; }
	#menu li a { line-height:12px; color:#fff; }
	
	nav.scroll { position:static !important; /*top:80px;*/ }
	
	/*#topContacts { background:#0170b9; }
	#phone {  width:66%; font-size:15px; padding:10px 0; }
	#phone span { width:50%; float:left; text-align:center;  padding:0; color:#fff; }*/
	#logo { padding-left:10px; }
		
	footer { padding:20px 0 20px 0; }
	footer .footer, footer .footer1 { float:none; padding-right:0; width:90% !important; margin:30px auto; text-align:center; font-weight:18px; }
	footer .footer1  ul { padding:0 0 40px 15px; }
	footer .footer1 .social { padding:10px 0 10px 12px; }
	#copyright { width:auto; padding-left:20px; }
	#callback1 {  margin:10px auto 0 auto; }
	
	#menu li.sub.m1 { left:-55px; top:50px; }
	#menu li.sub.m2 { left:35px; top:50px; }
	
	.agima {
        text-align: center !important;
    }
}

@media (max-width: 650px) {
	
	header.total { height:160px; }
	nav { /*top:160px;*/ height:auto; }
	nav ul { height:auto; text-align:center; width:100%; padding:12px 0; }
	nav ul li { display:inline; float:none; padding-left:5px; font-size:11px; padding-right:5px; line-height:13px; }
	nav ul li:hover { background:none; text-decoration:underline; }
	/*#menu  { display:none; padding:10px 10px 10px 10px; height:20px; float:none; clear:both; background:#00558d; }
	#menu.total { display:block; }
	#menu li { color:#fff; width:24%; text-align:center; padding:0px 2px; }*/
	
	#form2  #zayavka .zayavkaArea{ width:280px; }
	#logo img { width:90%; }
	#phone { padding-top:19px; line-height:16px; }
	
	nav.scroll { position:static !important; /*top:80px;*/ }
	
	/*#menu li a { color:#fff; }
	#menu .sub ul li { width:100%; float:none; padding:0; text-align:left; }
	
	#menu li.sub { left:25px; top:30px; background:url(../images/subMenu1.png) 20% 0 no-repeat; }

	#menu li .sub {  left:0px; top:17px; background:url(../images/subMenu1.png) 20% 0 no-repeat;   }
	#menu li .sub.m2 { left:0px; background:url(../images/subMenu1.png) 26% 0 no-repeat; }
	
	
	#menu li.sub.m1 { left:10px; top:30px; }
	#menu li.sub.m2 { left:45px; top:30px; background:url(../images/subMenu.png) 20% 0 no-repeat; }*/
}	

@media (max-width: 589px) {
	.form1 textarea.zayavkaText { width:250px !important; height:100px !important; }
}
@media (max-width: 550px) {
	#menu li .sub.m2 { left:0px; background:url(../images/subMenu1.png) 19% 0 no-repeat; }
}

@media (max-width: 450px) {
	nav ul li { font-size:10px; padding:0px 7px; }
	header.total { height:136px; }
	
	#logo  { padding:10px 10px 0 10px; height:50px; }
	#contentContainer { top:95px; }
	#logo img { width:200px;  }
	#menuMore { top:18px; }
	#menu  { display:block; width:100%; padding:6px 0px 10px 0px; height:24px; text-align:center; }
	#menu li { width:auto; font-size:10px; float:none; display:inline; padding:0px 5px; }
	#menu li a { line-height:12px; }
	/*#phone {  font-size:12px; padding:10px 0; }
	#callback {  padding:10px 0 0 0px; font-size:11px; height:16px; }*/
	#phone { padding-top:12px; line-height:14px; }
	
	/*#menu li.sub { left:15px; top:30px; }
	#menu .sub ul li { width:100%; float:none; display:block; padding:0; text-align:left; }
	
	#menu li.sub.m1 { left:10px; top:30px; }
	#menu li.sub.m2 { left:65px; top:30px; }*/
	
	#menu li .sub {  left:0px; top:17px; background:url(../images/subMenu1.png) 17% 0 no-repeat;   }
	#menu li .sub.m2 { left:-60px; background:url(../images/subMenu1.png) 31% 0 no-repeat; }
	
	.empty { height:0px; border:solid #eee 0px;  }
	nav.scroll { position:static !important; /*top:80px;*/ }
	header { position:static; height:95px; }
	
	.formHide .container { width:90%; height:330px; }
	.zayavkaHide { padding-top:60px; }
	.formHide .caption { top:30px; font-size:14px; }
}

@media (max-width: 380px) {
	#logo img { width:170px;  }
	#phone {  width:100px; }
	#phone span { font-size:12px; }
	
}

.agima {
    text-align: left;
}

.breadnav {
    background: #ebebeb;
}

.breadnav ol {
    max-width: 1200px;
    margin: 0 auto;
}

.breadnav ol li a {
    color: #777 !important;
}

.breadnav ol li {
    color: #777 !important;
}

.breadnav ol li.active {
    color: #333 !important;
    cursor: default;
}

.breadnav ol li:hover {
    background: #5cbff7 !important;
    color: #fff !important;
}

.breadnav ol li:hover a {
    color: #fff !important;
}

.sidebar-widgets {
    position: absolute;
    top: 365px;
    right: 20px;
}

.b_page {
    top: 320px;
}

.fb_iframe_widget {
    margin-top: 20px;    
}

@media (max-width: 1440px) {
    #blog .content {
        margin: 30px 20px;
    }
    #blog .container {
        margin: 0 !important;
    }
}

@media (max-width: 1024px) {
    #blog .content {
        margin: 30px auto;
    }
    #blog .container {
        margin: 0 auto !important;
    }
    .sidebar-widgets {
        position: relative;
        top: auto;
        right: auto;
    }
    .b_page {
        top: auto;
    }
    .sidebar-widgets > div {
        margin-right: 20px;
        display: inline-block;
        vertical-align: top;
        width: 300px
    }
    #fb-root {
        margin-top: 0px;
    }
}