#border-top {

  border-top: 2px solid #d5dadc;

  padding: 35px 0 0;

  overflow: hidden;

  margin: 0 0 30px;

    clear: both;

}

#border-top .list {

  margin: 0 0 -20px;

  padding: 0;

  list-style: none;

  width: 105%;

  overflow: hidden;

  font-size: 0;

}

#border-top .list li {

  display: inline-block;

  vertical-align: top;

  margin: 0 20px 31px 0;

  width: 146px;

  font-size: 14px;

  font-weight: bold;

  color: #101723;

}

#border-top .list li .pic {

  position: relative;

  display: table-cell;

  vertical-align: bottom;

  height: 147px;

}

#border-top .list li .pic:before {

  content: '';

  display: block;

  position: absolute;

  bottom: 10px;

  left: 6px;

  -webkit-border-radius: 20%;

  -moz-border-radius: 20%;

  border-radius: 20%;

  width: 134px;

  height: 20px;

  z-index: -1;

  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);

}

#border-top .list li .pic img {

  display: block;

  margin: 0 0 10px;

}

#border-top .list li .pic:hover .plus {

  background-position: 0 100%;

}

#border-top .list-print {

  margin: 0 0 -12px;

  padding: 9px 0 0;

  list-style: none;

  overflow: hidden;

  width: 105%;

}

#border-top .list-print li {

  float: left;

  width: 139px;

  margin: 0 27px 20px 0;

  text-align: center;

}

#border-top .list-print li a {

  font-weight: bold;

  font-size: 14px;

  color: #4291cc;

}

#border-top .list-print li a img {

  display: block;

  margin: 0 auto 12px;

}

#clients-box {

  margin: 0 0 27px;

  font-size: 0;

}

#clients-box .h3 {

  display: inline-block;

  vertical-align: middle;

  font: 18px 'intro_regular';

  color: #314045;

  text-transform: uppercase;

  margin: 0;

}

#clients-box .clients {

  margin: 0 -7px 0 0;

  padding: 0;

  list-style: none;

  display: inline-block;

  vertical-align: middle;

}

#clients-box .clients li {

  display: inline-block;

  vertical-align: middle;

  margin: 0 0 0 18px;

}

#clients-box .clients li img {

  display: block;

}

#grey-block {

  background: #eaeced;

  padding: 27px 0;

}

#grey-block .soc {

  margin-top: 5px;

}

#grey-block .soc li{

  height: auto;

}

/*

#grey-block .soc li {

  display: inline-block;

  vertical-align: top;

  margin: 0 5px;

}

#grey-block .soc li a {

  display: block;

  position: relative;

  z-index: 1;

}

#grey-block .soc li a:before {

  content: '';

  display: block;

  width: 31px;

  height: 34px;

  -webkit-border-radius: 15%;

  -moz-border-radius: 15%;

  border-radius: 15%;

  position: absolute;

  top: 4px;

  left: 0;

  z-index: -1;

  box-shadow: 3px 0 5px 3px rgba(0, 0, 0, 0.5);

}

#grey-block .soc li a img {

  display: block;

}*/

.more-box2 {

  margin: 0 0 23px;

  padding: 22px 0 23px !important;

  background: #eaeced url('../images/border.gif') repeat-y 50% 0 !important;

}

.more-box2 .list {

  margin: 0 -25px 22px -35px;

  text-align: left;

  padding: 10px 0 0;

  list-style: none;

}

.more-box2 .list li {

  display: inline-block;

  vertical-align: top;

  text-align: left;

  min-height: 168px;

  margin: 0 11px;

  padding: 15px 10px 0 17px;

  background: #ffffff url('../images/bottom.gif') no-repeat 0 100%;

  width: 189px;

}

.more-box2 .list li ul {

  margin: 0;

  padding: 2px 0 0;

  list-style: none;

}

.more-box2 .list li ul li {

  width: auto;

  background: url('../images/bullet3.gif') no-repeat 0 7px;

  min-height: 0;

  margin: 0;

  line-height: 18px;

  padding: 0 0 0 7px;

}

.more-box2 .list li .h5 {

  display: block;

  font-size: 14px;

  font-weight: bold;

  color: #000;

  margin: 0 0 5px;

}

.more-box2 .list li p {

  margin: 0;

  line-height: 14px;

  font-size: 14px;

}

.more-box2 .list.list2 {

  text-align: center;

  margin: 0;

}

.more-box2 .list.list2 li {

  padding: 0;

  text-align: center;

  background: none;

  width: auto;

  min-height: 0;

  margin: 0 20px;

}

.more-box2 .list.list2 li img {

  display: block;

  margin: 0 auto 10px;

}

.more-box2 .width{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.more-box8 .width{

  display: block;

}

.more-box9 .width{

  display: block;

}

.more-box10 .width{

  display: block;

}

.more-box11 .width{

  display: block;

}

.more-box9 .block:last-child{

  padding: 0 15px;

}

.more-box2 .block {

  flex-basis: 50%;

  display: inline-block;

  vertical-align: top;

  padding: 0 25px;

  text-align: center;

}

.more-box2 .h4 {

  display: block;

  font-size: 18px;

  color: #000;

  font-weight: bold;

  margin: 0 0 6px;

}

.more-box2 .button {

  padding: 0 8px;

  height: 24px;

  line-height: 24px;

  font-size: 13px;

  margin: 15px 0 0;

}

.more-box2 .link {

  background: url('../images/icon09.gif') no-repeat;

  font: 13px/45px 'intro_regular';

  color: #195583;

  padding: 0 0 0 70px;

  display: inline-block;

}

.choose-box .h2 {

  margin: 0 0 33px;

  font: 24px/24px 'intro_regular';

  color: #314045;

  display: block;

}

.choose-box .choose {

  margin: 0 0 13px -10px;

  padding: 0;

  list-style: none;

  width: 105%;

}

.choose-box .choose li {

  display: inline-block;

  vertical-align: top;

  font-size: 0;

  margin: 0 12px 15px 0;

}

.choose-box .choose li .icon {

  display: inline-block;

  width: 90px;

  text-align: center;

  vertical-align: middle;

}

.choose-box .choose li span {

  display: inline-block;

  vertical-align: middle;

  width: 145px;

  font-size: 14px;

  font-weight: bold;

  color: #000;

}

#shema-box {

  background: #4291cc;

  padding: 27px 0 41px;

  overflow: hidden;

}

#shema-box .width{

  width: 1010px;

  padding-left: 34px;

}

#shema-box .h2 {

  text-shadow: -1px -1px 0 #2c6d9d;

  color: #fff;

  margin: 0 0 30px;

}

#shema-box .shema {

  margin: 0;

  padding: 0;

  list-style: none;

  width: 105%;

}

#shema-box .shema a{

  text-decoration: none;

}

#shema-box .shema li {

  float: left;

  position: relative;

  text-align: center;

  width: 282px;

  padding: 0 0 0 98px;

  background: url('../images/arrow2.png') no-repeat 0 33%;

  margin: 0 -20px 0 0;

}

#shema-box .shema li .num {

  position: absolute;

  top: -7px;

  left: 10px;

  font: 30px 'intro_boldregular';

  color: #5face6;

}

#shema-box .shema li:first-child {

  padding: 0;

  background: none;

  width: 195px;

}

#shema-box .shema li .pic {

  height: 130px;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

  width: 195px;

  position: relative;

}

#shema-box .shema li .pic img {

  display: block;

  margin: 0 auto;

}

#shema-box .shema li .txt {

  padding: 14px 0 0;

  display: block;

  font-size: 14px;

  font-weight: bold;

  color: #fff;

  line-height: 17px;

}

#zayavka {

  background: #314045;

  padding: 27px 0 33px;

  margin: 0 0 23px;

  overflow: hidden;

}

#zayavka .h2 {

  text-shadow: -1px -1px 0 #2c6d9d;

  color: #fff;

  margin: 0 0 23px;

}

#zayavka p {

  margin: 0;

}

#zayavka .left {

  float: left;

  width: 460px;

  margin: 0 40px 0 0;

  font-size: 14px;

  color: #fff !important;

  line-height: 24px;

}

#zayavka .right {

  overflow: hidden;

  padding: 3px 0 10px;

}

#zayavka .h4 {

  display: block;

  font-weight: bold;

  color: #fff;

  font-size: 14px;

  margin: 0 0 26px;

}

section .button {

  display: inline-block;

  padding: 0 21px;

  font: 18px 'intro_regular';

  color: #fff;

  height: 42px;

  border: 1px solid #93c434;

  position: relative;

  text-decoration: none;

  line-height: 42px;

  text-transform: uppercase;

  background-image: -moz-linear-gradient(top, #93c434 0%, #62a11e 100%);

  background-image: -webkit-linear-gradient(top, #93c434 0%, #62a11e 100%);

  background-image: linear-gradient(to bottom, #93c434 0%, #62a11e 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c434', endColorstr='#62a11e', GradientType=0);

  text-shadow: -1px -1px 0 #69a521;

}

section .button:before {

  position: absolute;

  bottom: -3px;

  left: -1px;

  right: -1px;

  border-bottom: 2px solid #487d0a;

  content: '';

  display: block;

}

section .button:hover {

  background-image: -moz-linear-gradient(top, #abde47 0%, #63a21e 100%);

  background-image: -webkit-linear-gradient(top, #abde47 0%, #63a21e 100%);

  background-image: linear-gradient(to bottom, #abde47 0%, #63a21e 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde47', endColorstr='#63a21e', GradientType=0);

  border: 1px solid #abde47;

}

a.nestandart.button{

  font: 17px 'intro_regular';

  line-height: 42px;

}

section .button.soon{

  background-image: -webkit-linear-gradient(top, #4291CC, #2980b9);

  background-image: -moz-linear-gradient(top, #4291CC, #2980b9);

  background-image: -ms-linear-gradient(top, #4291CC, #2980b9);

  background-image: -o-linear-gradient(top, #4291CC, #2980b9);

  background-image: linear-gradient(to bottom, #4291CC, #2980b9);

  border: 0;

  text-shadow: none;

}

section .button.soon:before{

  border: 0;

}

#catalog-box .catalog {

  margin: 0;

  padding: 0;

  list-style: none;

  width: 105%;

  overflow: hidden;

  font-size: 0;

}

#catalog-box .catalog li {

  display: inline-block;

  vertical-align: top;

  margin: 0 20px 31px 0;

  width: 146px;

}

#catalog-box .catalog li a {

  font-size: 14px;

  font-weight: bold;

  color: #101723;

  text-decoration: none;

}

#catalog-box .catalog li a:hover {

  text-decoration: underline;

}

#catalog-box .catalog li .pic {

  position: relative;

  display: table-cell;

  vertical-align: bottom;

  height: 205px;

  z-index: 1;

}

#catalog-box .catalog li .pic:before {

  content: '';

  display: block;

  position: absolute;

  bottom: 10px;

  left: 6px;

  -webkit-border-radius: 20%;

  -moz-border-radius: 20%;

  border-radius: 20%;

  width: 134px;

  height: 20px;

  z-index: -1;

  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);

}

#catalog-box .catalog li .pic .plus {

  display: block;

  position: absolute;

  bottom: 10px;

  right: 0;

  background: url('../images/plus.gif') no-repeat;

  width: 31px;

  height: 31px;

}

#catalog-box .catalog li .pic img {

  display: block;

  margin: 0 0 10px;

}

#catalog-box .catalog li .pic:hover .plus {

  background-position: 0 100%;

}

#content {

  margin: 0 0 21px;

  min-height: 112px;

}

#content .width > p {

    font-size:14px;

}

#content .block-holder {

  overflow: hidden;

  width: 100%;

  margin: 0;

  padding: 6px 0 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

#content .block-holder .block {

  display: inline-block;

  vertical-align: top;

  padding: 0 15px;

  flex-basis: 50%;

}

#content ul {

  margin: 0 0 20px;

  padding: 0;

  list-style: none;

}

#content ul li {

  font-size: 14px;

  background: url('../images/bullet3.gif') no-repeat 0 9px;

  padding: 0 0 0 8px;

  line-height: 20px;

}

#content h1 {

  font-size: 14px;

  color: #314045;

  margin: 0 0 7px;

}

#content p {

  margin: 0 0 15px;

  line-height: 17px;

}

#content .gallery {

  margin: 0;

  padding: 0;

  list-style: none;

  overflow: hidden;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

#content .gallery li {

  padding: 0 0 11px;

}

#content .gallery li a {

  display: block;

  position: relative;

  z-index: 1;

}

#content .gallery li a:before {

  content: '';

  display: block;

  position: absolute;

  bottom: 0px;

  z-index: -1;

  left: 4px;

  width: 305px;

  height: 20px;

  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);

  -webkit-border-radius: 25%;

  -moz-border-radius: 25%;

  border-radius: 25%;

}

#content .gallery li img {

  display: block;

  margin-right: 0;

  float: none;

}

#content .gallery li .zoom {

  display: block;

  background: url('../images/zoom.png') no-repeat;

  width: 15px;

  height: 13px;

  position: absolute;

  bottom: 7px;

  right: 5px;

}

#content .gallery li .zoom:hover {

  background-position: 0 100%;

}

#holder-content .menu {

  height: 38px;

  margin: 0 0 24px;

  padding: 0;

  width: 100%;

  list-style: none;

  position: relative;

  font-size: 0;

}

#holder-content .menu:after {

  position: absolute;

  bottom: 0;

  left: 0px;

  right: 0px;

  content: '';

  display: inline-block;

  border-bottom: 2px solid #195583;

  height: 3px;

}

#holder-content .menu:before {

  content: '';

  display: inline-block;

  width: 100%;

  height: 36px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  border: 1px solid #4da7ea;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

#holder-content .menu > li {

  float: left;

  height: 36px;

  position: relative;

}

#holder-content .menu > li > a {

  float: left;

  padding: 0 23px 0 23px;

  height: 35px;

  text-decoration: none;

  color: #fff;

  font-weight: bold;

  font: 13px/37px 'intro_regular';

  text-transform: uppercase;

  position: relative;

  text-shadow: -1px -1px 0 #2a6fa3;

  text-align: center;

  background: url('../images/separator3.gif') no-repeat;

}

#holder-content .menu > li > a:before {

  content: '';

  display: inline-block;

  height: 37px;

  background-image: -moz-linear-gradient(top, #4291cc 0%, #216395 100%);

  background-image: -webkit-linear-gradient(top, #4291cc 0%, #216395 100%);

  background-image: linear-gradient(to bottom, #4291cc 0%, #216395 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4291cc', endColorstr='#216395', GradientType=0);

  z-index: -1;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}

#holder-content .menu > li > a:hover:before {

  background-image: -moz-linear-gradient(top, #4da7ea 0%, #236698 100%);

  background-image: -webkit-linear-gradient(top, #4da7ea 0%, #236698 100%);

  background-image: linear-gradient(to bottom, #4da7ea 0%, #236698 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da7ea', endColorstr='#236698', GradientType=0);

}

#holder-content .menu > li:first-child > a {

  background: none;

  padding: 0 22px 0 21px;

  text-shadow: -1px -1px 0 #1c292e;

}

#holder-content .menu > li.active {

  z-index: 4;

  padding: 0;

  height: 36px;

  border-bottom: 2px solid #29373b;

  border-left: 1px solid #29373b;

  margin: 0 0 0 -1px;

}

/*#holder-content .menu > li.active + li a {

  background: none;

}*/

#holder-content .menu > li.active > a {

  background-image: -moz-linear-gradient(top, #29373b 0%, #38474c 100%);

  background-image: -webkit-linear-gradient(top, #29373b 0%, #38474c 100%);

  background-image: linear-gradient(to bottom, #29373b 0%, #38474c 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29373b', endColorstr='#38474c', GradientType=0);

  color: #fff;

  height: 37px;

}

#holder-content .menu > li.last {

  z-index: 4;

  padding: 0;

  height: 36px;

  border-bottom: 2px solid #79a31d;

  border-right: 1px solid #cce204;

  margin: 0 -1px 0 0;

}

#holder-content .menu > li.last > a {

  background-image: -moz-linear-gradient(top, #cce204 0%, #92c331 100%);

  background-image: -webkit-linear-gradient(top, #cce204 0%, #92c331 100%);

  background-image: linear-gradient(to bottom, #cce204 0%, #92c331 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce204', endColorstr='#92c331', GradientType=0);

  height: 37px;

  color: #314045;

  text-shadow: -1px -1px 0 #cfe302;

}

#holder-content .menu > li.last > a:hover {

  background-image: -moz-linear-gradient(top, #e9fb46 0%, #95c534 100%);

  background-image: -webkit-linear-gradient(top, #e9fb46 0%, #95c534 100%);

  background-image: linear-gradient(to bottom, #e9fb46 0%, #95c534 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9fb46', endColorstr='#95c534', GradientType=0);

}

#holder-content .menu > li.last.active{

  width: 133px;

}

#holder-content .image {

  overflow: hidden;

  margin: 0 0 20px;

}

#holder-content .image#section1{

  display: flex;

  align-items: center;

}

#holder-content .image .pic {

  margin: 0 18px 0 0;

}

#holder-content .image .pic img{

  max-width: 100%;

}

#holder-content .image .block-border {

  display: flex;

  height: 227px;

  border: 2px solid #d5dadc;

  vertical-align: middle;

  text-align: center;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  flex-grow: 1;

}

#holder-content .image .block-border .button {

  font-size: 13px;

  height: 24px;

  line-height: 24px;

  padding: 0 8px;

}

/*images2*/

#holder-content .images2 {

    height: 327px!important;



    float: left;

    overflow: hidden;

}

#holder-content .images2 .pic {

    float: left;

    width: auto;

}

#holder-content  .block-text {

    padding-top: 32px;

    font-size:14px;

    line-height:20px;

    overflow:visible;

}

#holder-content  .block-text2 {

    padding-top:0;

    margin-top:-17px;

}

/*steps*/

.steps {

    background:#4291cc;

    height: 298px;

    text-align:center;

    padding-top:23px;

}

.steps .width > span {

    font-size:18px;

    color:#fff;

    font-family: 'intro_regular';

}

.steps ul {

    list-style:none;

}

.steps ul li {

    margin-top:27px;

    text-align:left;

    float:left;

    width:414px;

    background:transparent url('../images/img002.png') no-repeat right top;

}

.steps ul li:first-child {

    background: transparent url('../images/img001.png') no-repeat 90px top;

    width:372px;

    margin-right: 98px;

}

.steps ul li span {

    font-size:30px;

    color:#5face6;

    font-family:'intro_boldregular';

}

.steps ul li p {

   color: #fff !important;

    font-size: 14px;

    line-height: 20px;

    padding-top: 86px;

    text-align:center;

    font-weight:bold;

}

/*logos*/

.logos {

    padding-top:30px;

    height:215px;

}

.logos ul {

    list-style:none;

    float:left;

    padding-left:0;

}

.logos ul li {

    display: inline-block;

    margin-left: 21px;

    vertical-align: middle;

}

.logos ul li:first-child {

    margin-left:0;

}

.more-box3 .block {

    width: 486px;

    padding:0;

    color:#000;

}

.more-box3 .block p {

    font-size:14px;

    font-weight:bold;

    width:424px;

    margin:0 auto;

    padding-top:20px;

}

.more-box3 .block .list2 {

    list-style: none;

    margin: 0;

    padding: 0;

}

.more-box3 .block .list2 li {

    float: left;

    background: transparent url('../images/bg1.png') no-repeat left top;

    width: 199px;

    height: 66px;

    font-size: 14px;

    font-weight: bold;

    padding: 10px;

}

.more-box3 .block .list2 li:first-child {

    margin-right:15px;

}

.more-box3 .block .list2 li.wide_li{

  width: 233px;

}

.more-box3 .block .list2 li.narrow_li{

  width: 195px;

}

#white-block{

  background: #ffffff url('../images/border.gif') repeat-y 50% 0 !important;

}

/*benefits*/

.benefits {

    padding-bottom: 30px;

}

.benefits ul {

    list-style:none;

    padding:0;

    margin:0;

    margin-top:20px;

    display: flex;

    justify-content: space-between;

}

.benefits li {

    text-align:center;

    padding: 0 30px;

}

.benefits li span {

  margin-top: 10px;

  display: block;

    font-size:14px;

    font-weight:bold;

    color:#000;

}

/*fill*/

.fill {

    height:200px;

    color:#000;

}

.fill .width div {

    float:left;

    font-size:18px;

    font-weight:bold;

    text-align:center;

    width:488px;

}

.fill .width .fillin a {

    font-size:13px;

    color:#fff;

    text-transform:uppercase;

    display:inline-block;

    background:transparent url('../images/bg2.jpg') repeat-x left top;

    text-decoration:none;

    padding: 7px 10px;

    margin-top: 26px;

}

.fill .width .consult a {

    text-decoration: none;

    color: #195583;

    font-family: 'intro_regular';

    background: transparent url('../images/bg3.png') no-repeat left 7px;

    padding-left: 80px;

    font-size: 13px;

    padding-bottom: 30px;

    padding-top: 22px;

    margin-top: 5px;

    display: inline-block;

}

/*example*/

.example {

    padding-top: 30px;

}

.example .width  div.three_examples {

    text-align:center;

    color:#000;

    display: inline-block;

    width:100%;

    vertical-align: top;

    display: flex;

    justify-content: space-between;

    margin: 30px 0;

}

.example .width  div img {

    margin-bottom:10px;

}

.example div span {

    font-size:14px;

    font-weight:bold;

    display: block;

}

.more-box4  {

    background: #eaeced url('../images/border.gif') repeat-y 41% 0 !important;

}

.more-box3 .block:first-child{

  flex-basis: 30%;

}

.more-box4 .block .list2 li {

    font-size:12px;

    text-align:left;

    line-height:20px;

    color:#314045;

    float: none;

    margin: 0 auto;

}

.more-box4 .block .list2 li:first-child{

  margin: 0 auto;

}

.more-box4 .block .list2 li p {

    font-size:18px;

    font-weight:bold;

}

.more-box4 .block .bnt1 {

    font-size: 13px;

    color: #fff;

    text-transform: uppercase;

    display: inline-block;

    text-decoration: none;

    padding: 2px 80px;

    font-family: 'intro_regular';

    margin-right: 18px;

}

.more-box4 .block .bnt2 {

    font-size: 13px;

    color: #465459;

    text-transform: uppercase;

    display: inline-block;

    background: transparent url('../images/bg3.jpg') repeat-x left top;

    text-decoration: none;

    padding: 8px 10px;

    margin-left: 18px;

    margin-top: 26px;

    font-family: 'intro_regular';

}

.more-box4 .block em  {

    font-style:normal;

    font-size:14px;

}

.more-box5 .list li {

    background: transparent url('../images/bg2.png') no-repeat left top;

}

.more-box5 .a4 {

    float:left;

    margin-right:20px;

}

.more-box5 p {

    font-size:14px;

    text-align:left;

}

.more-box5 b {

    display:inline-block;

    text-align:left;

}

.more-box3  .block {

    position:relative;

}

.more-box3  .block .num {

    position: absolute;

    left: 291px;

    top: 69px;

    background: #549dd4;

    display: inline-block;

    padding: 2px 16px 2px 5px;

    color: #fff;

    font-size: 25px;

}

.more-box3  .block .num em {

    font-style:normal;

    font-size:15px;

}

/*cols*/

.cols {

    margin-bottom:25px;

}

.cols .width div {

    float:left;

    border:2px solid #d5dadc;

    padding:20px;

    width:470px;

    height:360px;

    margin-bottom:30px;

}

.cols .cols1 {

    margin-right:28px;

}

.cols .width div > span {

    font-size:18px;

    font-family: 'intro_boldregular';

    text-transform:uppercase;

}

.cols .width div ul  {

    list-style:none;

    padding:0;

}

.cols .width div ul li  {

    font-size:14px;

    line-height:20px;

    margin-bottom:5px;

    color:#000;

}

.cols .width div ul li span {

    color:#4291cc;

}

.cols .width p {

    font-size:14px;

    line-height:20px;

    color:#000;

}

/*border-top*/

.border-top {

    border-top:2px solid #d5dadc;

    padding-top:20px;

}

.border-top span {

    font-size:14px;

    font-weight:bold;

    color:#314045;

}

.border-top .p {

    font-size:14px;

}

.border-top p {

    font-size:12px;

    line-height:20px;

}

.border-top a {

    color:#4291cc;

}

.border-top img {

    float:left;

    margin-right:20px;

}

.border-top2 {

    padding-bottom:30px;

    color:#000;

}

.border-top2 p {

    font-size:14px;

}

.border-top2 strong {

    display:inline-block;

    margin-top:28px;

    font-size:14px;

}

.border-top .img {

    width:310px;

    display:inline-block;

    height:320px;

    border:2px solid #d5dadc;

    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);

    margin-right:14px;

    margin-bottom:40px;

}

.border-top .imglast {

    margin-right:0;

}

/*banner*/

.banner {

    background:transparent url(../images/baner.jpg) no-repeat center top;

    height: 351px;

}

.banner .width {

    padding-left:30px;

}

.banner strong {

    display:inline-block;

    width:274px;

    font-size:16px;

    color:#fff;

    line-height:20px;

    padding-top:40px;

}

.banner p {

    font-size:12px;

    line-height:20px !important;

    color:#fff !important;

    width:311px;

}

.menu2 {

    float:left;

    padding:0;

    list-style:none;

    /* IE10 Consumer Preview */ 

    background-image: -ms-linear-gradient(top, #4392CE 0%, #276B9E 100%);

    

    /* Mozilla Firefox */ 

    background-image: -moz-linear-gradient(top, #4392CE 0%, #276B9E 100%);

    

    /* Opera */ 

    background-image: -o-linear-gradient(top, #4392CE 0%, #276B9E 100%);

    

    /* Webkit (Safari/Chrome 10) */ 

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4392CE), color-stop(1, #276B9E));

    

    /* Webkit (Chrome 11+) */ 

    background-image: -webkit-linear-gradient(top, #4392CE 0%, #276B9E 100%);

    

    /* W3C Markup, IE10 Release Preview */ 

    background-image: linear-gradient(to bottom, #4392CE 0%, #276B9E 100%);

}

.menu2 li {

    float:left;

}

.menu2 li a {

    font-size:13px;

    color:#fff;

    text-decoration:none;

    text-transform:uppercase;

    font-family: 'intro_regular';

    padding:10px 15px;

    display:inline-block;

    background:transparent url(../images/sep1.jpg) no-repeat right top;

    border-bottom:1px solid #4291cc;

}

.menu2 li.active a {

    background:none;

    border-bottom:1px solid #d8ddde;

}

.menu2 li:hover {

    /* IE10 Consumer Preview */ 

    background-image: -ms-linear-gradient(top, #4FA9ED 0%, #24679A 100%);

    

    /* Mozilla Firefox */ 

    background-image: -moz-linear-gradient(top, #4FA9ED 0%, #24679A 100%);

    

    /* Opera */ 

    background-image: -o-linear-gradient(top, #4FA9ED 0%, #24679A 100%);

    

    /* Webkit (Safari/Chrome 10) */ 

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FA9ED), color-stop(1, #24679A));

    

    /* Webkit (Chrome 11+) */ 

    background-image: -webkit-linear-gradient(top, #4FA9ED 0%, #24679A 100%);

    

    /* W3C Markup, IE10 Release Preview */ 

    background-image: linear-gradient(to bottom, #4FA9ED 0%, #24679A 100%);

}

.menu2 ul li.active,

.banner .menu2 li.active:hover,

.question .menu2 li.active:hover{

    /* IE10 Consumer Preview */ 

    background-image: -ms-linear-gradient(top, #19272B 0%, #243135 100%);

    

    /* Mozilla Firefox */ 

    background-image: -moz-linear-gradient(top, #19272B 0%, #243135 100%);

    

    /* Opera */ 

    background-image: -o-linear-gradient(top, #19272B 0%, #243135 100%);

    

    /* Webkit (Safari/Chrome 10) */ 

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #19272B), color-stop(1, #243135));

    

    /* Webkit (Chrome 11+) */ 

    background-image: -webkit-linear-gradient(top, #19272B 0%, #243135 100%);

    

    /* W3C Markup, IE10 Release Preview */ 

    background-image: linear-gradient(to bottom, #19272B 0%, #243135 100%);

}

.menu2 .active,

.banner .menu2 li.active:hover,

.question .menu2 li.active:hover {

    /* IE10 Consumer Preview */ 

    background-image: -ms-linear-gradient(top, #D9DEDE 0%, #FCFCFC 100%);

    

    /* Mozilla Firefox */ 

    background-image: -moz-linear-gradient(top, #D9DEDE 0%, #FCFCFC 100%);

    

    /* Opera */ 

    background-image: -o-linear-gradient(top, #D9DEDE 0%, #FCFCFC 100%);

    

    /* Webkit (Safari/Chrome 10) */ 

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D9DEDE), color-stop(1, #FCFCFC));

    

    /* Webkit (Chrome 11+) */ 

    background-image: -webkit-linear-gradient(top, #D9DEDE 0%, #FCFCFC 100%);

    

    /* W3C Markup, IE10 Release Preview */ 

    background-image: linear-gradient(to bottom, #D9DEDE 0%, #FCFCFC 100%);

}

.menu2  .active  a{

    color:#000;

}

/*cars*/

.cars {

    /*margin-bottom:20px;*/

}

.cars table tr {

    border-top:1px solid #d5dadc;

}

.cars table tr td {

    vertical-align:top;

    padding:25px 0px 25px 25px;

}

.cars table tr:nth-child(2n+1) {

    background:#f4f4f4;

}

.cars table tr td span {

    color: #313f45; 

	font-family:'intro_regular';

	font-size: 16px;

}

.cars table tr td span span{

  text-transform: uppercase;

  font-size: 10px;

  color: #8ec032;

  vertical-align: top;

  margin-left: 5px;

}

.cars table tr td p {

    font-size:14px;

    color:#000;

    width:312px;

}

.cars table tr td div {

    border:1px solid #d5dadc;

}

.cars table tr td ul {

    list-style:none;

    padding:0;

    margin:0;

}

.cars table tr td ul li {

    border-bottom:1px dotted #000;

    padding: 7px 0px 6px 20px;

}

.fill2 {

    margin-top:40px;

    padding-top:30px;

    background:#eaeced url(../images/bord02.jpg) no-repeat 50% top;

}

.white {

    background:none!important;

}

.more-box3 .block .list02 li {

    background:none!important;

}

.more-box3 .block  em {

    font-size:14px;

    font-style:normal;

}

.btn01 {

    background:#eaeced url(../images/btn01.png) repeat left top;

    height:28px;

    line-height:28px;

    font-size:13px;

    color:#fff;

    font-family:'intro_regular';

    text-decoration:none;

    display:inline-block;

    padding:0 20px;

    margin-top:20px;

    text-transform:uppercase;

}

/*aboutus*/

.aboutus ul {

    list-style:none;

}

.aboutus ul li {

    background:transparent url(../images/sep03.png) no-repeat left 5px;

    margin-bottom:20px;

}

.aboutus ul li a {

    font-size:18px;

    color:#4291cc;

    padding-left:15px;

}

.aboutus ul li p {

    font-size:14px;

    color:#000;

    font-weight:bold;

    padding-left:14px;

    margin:8px 0;

}

.aboutus ul li span {

    display:inline-block;

    font-size:12px;

    padding-left:14px;

}

/*new*/

.new {

    margin-top:20px;

    border-bottom:1px solid #d5dadc;

    padding-bottom:20px;

}

.new .width > div .date {

    color: #89bd2f; 

	font-family: 'intro_regular';

	font-size: 14px;

    display:block;

}

.new .width > div .title {

    color: #313f45; 

	font-size: 24px;

    font-family: 'intro_boldregular';

    display: block;

}

.new .width > div .bread {

    list-style:none;

    background:transparent url(../images/bg03.png) no-repeat left top;

    float:left;

    padding-left:30px;

}

.new .width > div .bread li {

    float:left;

    margin:0 5px;

}

.new .width > div .bread li a {

    font-size:12px;

    color:#569ed5;

}

.new .width > div p {

    clear:both;

    font-size:14px;

    line-height:20px;

}

.new .width > div .pic1 {

    margin-left:13px;

}

.new .width > div .social {

    font-family: 'intro_regular';

    font-size:11px;

}

.new .width > div .social a {

    display:inline-block;

    /*width:20px;*/

    /*height:15px;*/

    margin-right:5px;

    vertical-align: middle;

}

.social .soc{

  margin-left: 10px;

}

.new .width > div .social a.more{

  width:auto;

  float: right;

}

.news_filter{

  text-transform: uppercase;

  font-family: 'intro_boldregular';

}

.news_filter a{

  margin-left: 15px;

}

.new .width > div .vk {

    list-style:none;

    background:transparent url(../images/vk.png) no-repeat left top;

}

.new .width > div .fc {

    list-style:none;

    background:transparent url(../images/fc.png) no-repeat left top;

}

.new .width > div .tw {

    list-style:none;

    background:transparent url(../images/tw.png) no-repeat left top;

}

.new .width > div strong {

    font-size:14px;

    clear:both;

    display:inline-block;

}

.new .width > div .list00 {

    list-style:none;

    padding:0;

}

.new .width > div .list00 li {

    background:transparent url(../images/sep001.png) no-repeat left 3px;

    padding-left:10px;

    font-size:14px;

    margin-bottom:5px;

}

.view {

    height:80px;

    padding-top:20px;

}

.prev0 {

    float:left;

    font-size:14px;

    color:#d5dadc;

    text-decoration:none;

}

.next0 {

    float:right;

    color:#4291cc;

    font-size:14px;

}

/*question*/

.question .title2 {

    color: #4291cc;

    font-size: 18px;

    display:inline-block;

    border-bottom:1px solid #4291cc;

    margin-bottom:20px;

    font-family: 'intro_boldregular';

    text-decoration:none;

    clear:both;

}

.question .title2:hover,

.question .title2.active {

    color: #95c537;

    border-bottom:1px dotted #95c537;

}

.question .txt {

    border:2px solid #d5dadc;

    position:relative;

    font-size:14px;

    line-height:20px;

    padding:20px;

    margin-bottom:40px;

}

.question .answer{

  display: none;

}

.question_opener{



}

.question .txt img {

    position: absolute;

    left: 32px;

    top: -11px;

}

.question .maybe {

    font-size:18px;

    color:#4190cb;

    font-family: 'intro_boldregular';

    display:inline-block;

    margin-bottom:50px;

    border-bottom:1px dotted #4190cb;

    text-decoration:none;

}

.question .maybe:hover {

    color:#000;

    border-bottom:1px dotted #000;

}

.question2 {

    text-align:center;

}

.question2  p {

    font-size:18px;

    font-weight:bold;

}

.question2  .bnt1 {

    font-size: 13px;

    color: #fff;

    text-transform: uppercase;

    display: inline-block;

    background: transparent url('../images/bg2.jpg') repeat-x left top;

    text-decoration: none;

    padding: 7px 80px;

    font-family: 'intro_regular';

    margin-right: 18px;

}

.question2  .bnt2 {

    font-size: 13px;

    color: #465459;

    text-transform: uppercase;

    display: inline-block;

    background: transparent url('../images/bg3.jpg') repeat-x left top;

    text-decoration: none;

    padding: 8px 10px;

    margin-left: 18px;

    font-family: 'intro_regular';

}

.question2  em {

    font-size: 14px;

    font-style: normal;

}

/*vacancies*/

.vacancies .title2 {

    text-transform:uppercase;

}

.vacancies .txt.table {

    width:430px;

}

.vacancies .txt.table strong {

    display:inline-block;

    padding-left:10px;

}

.txt.table {

    width:430px;

}

.txt.table strong {

    display:inline-block;

    padding-left:10px;

}



.vacancies .h4 {

    font-size:14px;

    font-weight:bold;

    color:#000;

    display: block;

}

.vacancies em {

    font-size:14px;

    color:#000;

    line-height:20px;

    display:inline-block;

    margin-bottom:40px;

}

.vacancies .maybe {

    text-transform:uppercase;

}

.question2 {

    color:#000;

}

.question2 .or{

  margin-top: 18px;

  display: inline-block;

}

.question2 .part1 {

    float:left;

    margin-left:160px;

}

.question2 .part2 {

    float:right;

    margin-right:160px;

}

.question2 .part1, .question2 .part2 {

    display: inline-block;

    width: 250px;

    font-weight: bold;

    font-size: 14px;

    text-align: center;

    color: #000;

}

.question2 .part1 .mail {

    background: transparent url('../images/mail.jpg') no-repeat left top;

    padding-left:40px;

    display:inline-block;

    margin-top:20px;

}

.question2 .part1 a {

    display:inline-block;

    font-size:18px;

    font-family: 'intro_regular';

    color:#314045;

    text-decoration:none;

    border-bottom:1px solid #4291cc;

    font-weight: normal;

}

.question2 .part1 a:hover {

     border-bottom:1px solid #eaeced;

}

.question2 .part2 .tel {

    display:inline-block;

    background: transparent url('../images/tel.jpg') no-repeat left top;

    padding-left:40px;

    padding-bottom:10px;

    font-family: 'intro_regular';

    color:#314045;

    font-size:18px;

    margin-top:20px;

    font-weight: normal;

}

/*detalis*/

.details {

    color:#000;

    font-size:14px;

    margin-bottom:30px;

}

.details th {

    text-align:left;

    font-weight:bold;

    padding:5px;

}

.details td {

    padding:5px;

}

/*demands*/

.demands .left01 {

    float:left;

    border:1px solid #d5dadc;

    width:450px;

    height: 215px;

    padding:10px;

    margin-right: 25px;

    margin-bottom:20px;

}

.demands .left01 ul {

    list-style-type:square;

    padding:0;

    margin-left:20px;

}

.demands .left01 ul li {

    margin-bottom:10px;

}

.demands .left01 ul li a{

    font-size:14px;

    color:#549ad0;

}

.demands .right01 {

    font-size:14px;

    line-height:20px;

}

.question3 p {

    font-size:14px;

    width:652px;

    margin:0 auto;

    color: #5a5a5a;

}

/*sales*/

.sales {

    padding-bottom:20px;

}

.sales img {

    float:left;

    margin-right:20px;

    margin-bottom:30px;

}

.sales span {

    color: #000;

  font-size: 16px;

  font-weight: bold;

    display:block;

}

.sales em {

    font-size:16px;

    font-style:normal;

    display:inline-block;

}

.sales a {

    display:block;

    margin:10px 0;

}

.sales .width .text3 {

    float:right;

    width:725px;

}

.sales .width > div >div {

    border:1px solid #d5dadc;

    padding:20px;

}

.sales .width .text3 div{

    font-size:14px;

    line-height:20px;

}

.sales .width ul {

    list-style:none;

    padding:0;

    color:#000;

    overflow: hidden;

}

.sales .width ul span {

    font-size:14px;

    font-weight:bold;

}

.sales .width .direc {

    clear:both;

    margin-bottom:25px;

}

.sales .width ul p {

    font-size:14px;

}

.sales .width ul em {

    font-size:12px;

    font-style:normal;

    display:block;

}

.sales .width ul li {

    float:left;

    margin-right:20px;

}

.sales .h5 {

    font-size: 13px;

    color: #8bbc41;

    text-transform: uppercase;

    font-family: 'intro_regular';

    display: block;

    clear: both;

    padding: 15px 0;

}

/*contacts*/

.contacts {

    font-size:14px;

    border-bottom:2px solid #d5dadc;

    color:#000;

    margin-bottom:30px;

}

.contacts strong {

    margin-bottom:10px;

    display:inline-block;

}

div.width > ymaps {

    position:relative;       

    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}

div.width > ymaps:before, div.width > ymaps:after {

    content:"";

    position:absolute; 

    z-index:-1;

    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);

    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);

    box-shadow:0 0 20px rgba(0,0,0,0.8);

    top:50%;

    bottom:0;

    left:10px;

    right:10px;

    -moz-border-radius:100px / 10px;

    border-radius:100px / 10px;

}

/*phones*/

.phones {

    color:#000;

    padding-bottom:30px;

}

.phones .h5 {

    font-size:13px;

    color:#8bbc41;

    text-transform:uppercase;

    font-family: 'intro_regular';

    display:block;

    clear:both;

}

.phones  ul {

    list-style:none;

    padding:0;

    clear:both;

    /*margin-bottom:30px;*/

}

.phones  ul li {

    display: inline-block;

    vertical-align: top;

    margin-bottom: 30px;

    margin-right:35px;

}

.phones  ul li span {

    font-weight:bold;

}

/*help*/

.help {

    color:#000;

}

.help img {

    float:left;

    margin-left:150px;

}

.help .width div  {

    float:right;

    width:535px;

    margin-right: 107px;

}

.help em {

    font-style:normal;

    display:block;

    font-size:36px;

    font-family: 'intro_black_altregular';

    margin-bottom:5px;

}

.help b {

    font-weight:normal;

    font-size:14px;

    text-transform:uppercase;

}

/*form*/

.form form {

    border:2px solid #d5dadc;

    padding:10px;

    width: 464px;

    float: left;

    margin-bottom:40px;

}

.form form label {

    display:block;

    margin-bottom:10px;

}

.form form label span {

    display:inline-block;

    width:100px;

    font-weight:bold;

    font-size:14px;

}

.form form label input {

    height:22px;

    line-height:22px;

    width:338px;

}

.form form .select3 {

    width:340px!important;

}

.form form label p {

    font-size:12px;

    padding-left:106px;

    margin:0;

    margin-top:3px;

}

.form form textarea {

    height:100px;

    width:338px;

    resize:none;

}

.form form .input {

    float:right;

    width: 294px;

    font-size:12px;

}

.form form div img {

    float:left;

}

.form form input[type=submit] {

    background: transparent url('../images/bg2.jpg') repeat-x left top;

    border:none;

    font-size:13px;

    color:#fff;

    text-transform:uppercase;

    font-family: 'intro_regular';

    padding: 7px 10px;

    clear:both;

    float: right;

    margin:20px 36px 0 0;

}

.form form input[type=submit]:hover {

    background: transparent url('../images/bg03.jpg') repeat-x left top;

}

.form .width > p {

    font-size:14px;

    line-height:20px;

    margin-left:20px;

    float:right;

    width:457px;

}

.form .width > p img {

    position:absolute;

    left:1px;

    top:10px;

}

/*dynamics*/

.dynamics {

    border-top: 2px solid #d5dadc;

    padding-top: 40px;

    margin-top:45px;

}

.dynamics .width {

    position: relative;

}

.dynamics ul {

    list-style:none;

}

.dynamics ul li {

    float:right;

    text-align:center;

    width:115px;

    position:relative;

    margin:20px 20px 0px 20px;

}

.dynamics ul li div {

    height:75px;

}

.dynamics ul li span {

    font-size:12px;

}

.dynamics ul li p {

    position: absolute;

    z-index: 1;

    color: #fff;

    left: -38px;

    top: -47px;

    background: transparent url('../images/bg0.png') no-repeat 65px bottom;

    padding: 0;

    margin: 0;

    padding-bottom: 7px;

}

.dynamics ul li .r {

    left: 91px;

    background: transparent url('../images/bg0.png') no-repeat 10px bottom;

    top: -35px;

}

.dynamics ul li p span {

    display:inline-block;

    background:#4291cc;

    padding:5px 10px;

    color:#fff;

    white-space: nowrap;

    font-size:14px;

}

.dynamics ul li em {

    display:inline-block;

    position:absolute;

    right: 0px;

    top: -25px;

    background:#92c334;

    border-radius:100%;

    font-size:14px;

    color:#fff;

    font-style:normal;

    padding:4px;

}

.dynamics .year {

    margin:-41px 0 50px 30px;

}

.dynamics  p {

    font-size:14px;

    line-height:20px;

}

.dynamics .hoop {

    width: 370px;

    position: absolute;

    left: 10px;

    top:10px;

}

.dynamics .hoop span {

    color: #313f45;

  font-size: 18px;

    font-family: 'intro_regular';

}

.dynamics .hoop p {

    background: transparent url('../images/hoop.png') no-repeat left top;

    padding-left: 20px;

    color: #000;

  font-weight: bold;

  font-size: 14px;

}

#content .gallery2 li a:before {

    width: 96%;

    height: 20px;

    left: 4px;

}

.more-box5 {

    margin-bottom:0;

}

@media (min-width: 1367px) {

  .more-box5 {

      background: #eaeced url('../images/border.gif') repeat-y 61% 0 !important;

  }

}

@media (max-width: 1366px) {

  .more-box5 {

      background: #eaeced url('../images/border.gif') repeat-y 64% 0 !important;

  }

}

@media (max-width: 1280px) {

  .more-box5 {

      background: #eaeced url('../images/border.gif') repeat-y 66% 0 !important;

  }

}

@media (max-width: 1024px) {

  .more-box5 {

      background: #eaeced url('../images/border.gif') repeat-y 70% 0 !important;

  }

}

.more-box5 .block1 {

    width:690px;

}

.more-box5 .block2 {

  width: 269px;

}

.more-box5 .block2 a {

    text-decoration:none;

}

.more-box5 .block2 > a {

    background:transparent url(../images/more.png) no-repeat left top;

    padding-left:35px;

    font-size:13px;

    text-transform:uppercase;

    color:#fff;

    text-decoration:none;

    height:27px;

    line-height:27px;

    display:inline-block;

    padding-right:10px;

}

.more-box5 .block2 .border1 {

    border-bottom:1px solid #d4d6d7;

    margin:20px 0;

    height:2px;

    width:168px;

    margin:0 auto;

}

.more-box5 .block2 p  {

    width:168px;

    font-size:12px;

    line-height:20px;

    color:#314045;

    text-align:center;

}

.more-box6 {

    background: #eaeced url('../images/border.gif') repeat-y 50% 0 !important;

    margin-bottom:0;

}

.more-box6 .list li{

  min-height: 106px;

}

.more-box7 .block .list2 li{

  height: auto;

}

.site {

    background:none!important;

    font-size:18px!important;

    color:#314045!important;

    text-transform:uppercase;

    border-bottom:1px solid #4291cc;

    padding:0!important;

    margin-top: 94px;

    display:inline-block;

    font-family: 'intro_black_altregular';

}

.site:hover {

    border-bottom:none;

}

/*print*/

.print {

    margin-bottom:20px;

}

.print img {

    float:left;

    margin-right:10px;

}

.print p {

    font-size:14px;

    line-height:20px;

    padding-top:25px;

    margin:0;

}

.gloss {

    border-top:2px solid #d5dadc;

    padding-top:20px;

}

.gloss ul {

    padding-left:0;

    list-style:none;

}

.gloss ul li {

    float:left;

    margin-left:20px;

    margin-bottom:40px;

}

.gloss ul li:first-child {

    margin-left:0;

}

.print2 p {

    font-size:14px;

    line-height:20px;

}

.print2 strong {

    font-size:14px;

}

.print2 ul {

    list-style:none;

    padding:0;

    margin-bottom:30px;

    overflow: hidden;

}

.print2 ul li {

    float:left;

    text-align:center;

    margin-left:36px;

}

.print2 ul li:first-child {

    margin-left:0;

}

.print2 ul li div {

    height:190px;

}

.print2 ul li:last-child div{

  height:184px;

}

.print2 ul li a {

    font-size:14px;

    font-weight:bold;

    color:#4190cb;

}

.print2 ul li span {

    display:inline-block;

    background:#92c334;

    color:#fff;

    font-size:14px;

    font-family: 'intro_black_altregular';

    padding:5px;

    border-radius:100%;

    width: 20px;

    height: 20px;

}

.print2 .goss {

    text-align:center;

}

.print2 .goss a {

    font-size:14px;

    font-weight:bold;

    display:inline-block;

    margin-top:20px;

    margin-bottom:20px;

}

article {

  margin: 0 0 32px;

  overflow: hidden;

}

article p {

  font-size: 14px;

  line-height: 20px;

  color: #000;

  margin: 0 0 20px;

}

.more-box {

  padding: 27px 0 30px;

  background: #eaeced;

  overflow: hidden;

}

.more-box .h3 {

  display: block;

  text-align: center;

  font: 18px 'intro_black_altregular';

  color: #314045;

  text-transform: uppercase;

  margin: 0 0 13px;

}

.more-box .more {

  margin: 0 -5px;

  padding: 0;

  list-style: none;

  text-align: center;

  font-size: 0;

}

.more-box .more li {

  display: inline-block;

  vertical-align: top;

  width: 240px;

  text-align: center;

  margin: 0 42px;

}

.more-box .more li .icon {

  display: table-cell;

  vertical-align: middle;

  height: 120px;

  text-align: center;

  width: 240px;

}

.more-box .more li .icon img {

  display: block;

  margin: 0 auto;

}

.more-box .more li span {

  display: block;

  padding: 10px 0 0;

  font-size: 14px;

  color: #000;

  font-weight: bold;

}

#about {

  background-image: -moz-linear-gradient(top, #f1f2f3 0%, #ebedee 100%);

  background-image: -webkit-linear-gradient(top, #f1f2f3 0%, #ebedee 100%);

  background-image: linear-gradient(to bottom, #f1f2f3 0%, #ebedee 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f3', endColorstr='#ebedee', GradientType=0);

  padding: 26px 32px 26px 42px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0 auto 22px;

}

#about img {

  float: left;

  margin: 11px 33px 0 0;

}

#about div {

  overflow: hidden;

}

#about .h2, h1 {

  margin: 0 0 10px;

}

#about .cite {

  padding: 0 23px 0 33px;

}

#about blockquote {

  padding: 0;

  margin: 0 0 11px;

  position: relative;

  font: 18px/22px 'intro_boldregular';

  color: #000;

}

#about blockquote:after {

  display: block;

  content: '';

  background: url('../images/bullet2.gif') no-repeat;

  width: 22px;

  height: 15px;

  position: absolute;

  top: 3px;

  left: -31px;

}

#about blockquote:before {

  display: block;

  content: '';

  background: url('../images/bullet2.gif') no-repeat 0 100%;

  width: 22px;

  height: 15px;

  position: absolute;

  bottom: 5px;

  right: -23px;

}

#about cite {

  font-style: normal;

  color: #000;

  margin: 0 0 5px;

}

.zayavka {

  padding: 0 30px;

  width: 916px;

  text-align: center;

}

.zayavka .h4 {

  display: block;

  font-weight: bold;

  font-size: 14px;

  color: #000;

  margin: 0 0 20px;

}

.zayavka .doc {

  font: 18px 'intro_regular';

  color: #314045;

  text-transform: uppercase;

  display: inline-block;

  text-decoration: none;

  margin: 0 0 0 40px;

  position: relative;

  border-bottom: 1px solid #4291cc;

}

.zayavka .doc:hover {

  border-bottom: none;

  padding: 0 0 1px;

}

.zayavka .doc:after {

  content: '';

  display: block;

  background: url('../images/icon1.gif') no-repeat;

  width: 26px;

  height: 29px;

  position: absolute;

  top: 0;

  left: -40px;

}

#forma {

  margin: 0 0 32px;

}

#forma .hidden_fields{

  display: none;

}

#forma fieldset {

  border: 2px solid #d5dadc;

  padding: 0 26px 24px 23px;

  margin: 0;

}

#forma fieldset input[type=text] {

  display: inline-block;

  vertical-align: middle;

  border: 1px solid #d5dadc;

  height: 19px;

  padding: 4px 6px 2px;

  background: #fff;

  font-size: 12px;

  color: #000;

  line-height: 19px;

  width: 35px;

}

#forma fieldset input.input {

  height: 25px;

  font-size: 14px;

  line-height: 24px;

  padding: 0 8px 2px;

  width: 50px;

}

#forma fieldset input.input2 {

  font-size: 14px;

  padding: 0 8px 2px;

  height: 25px;

  width: 70px;

  line-height: 24px;

}

#forma fieldset input.input3 {

  width: 35px;

}

#forma fieldset .h3 {

  display: inline-block;

  vertical-align: middle;

  font: 18px/22px Arial, Helvetica, sans-serif;

  color: #000;

  font-weight: bold;

  text-transform: none;

  margin: 0 6px 0 0;

}

#forma fieldset .h3.blue {

  color: #314045;

  display: block;

  margin: 0 0 20px;

}

#forma fieldset .grey-box {

  overflow: hidden;

  margin: 0 -26px 0 -23px;

  padding: 16px 20px 19px 23px;

  background: #d5dadc;

}

#forma fieldset .grey-box input[type=text] {

  width: 727px;

  height: 25px;

  line-height: 25px;

  font-size: 14px;

  padding: 0 8px 2px;

}

#forma fieldset .box {

  padding: 18px 0 0;

  overflow: hidden;

  width: 105%;

  margin: 0 0 3px;

}

#forma fieldset .box.old {

  background: #f4f4f4;

  width: auto;

  margin: 0 -26px 0 -23px;

  padding: 17px 0 0 23px;

}

#forma fieldset .data-box {

  background: #314045;

  padding: 18px 22px 11px 25px;

  margin: 0 -28px 10px -25px;

  width: auto;

  color: #fff;

}

#forma fieldset .data-box .h3 {

  color: #fff;

  margin: 0 0 18px;

}

#forma fieldset .data-box .block {

  margin: 0 0 13px;

}

#forma fieldset .data-box label {

  float: left;

  width: 85px;

  margin: 0 10px 0 0 !important;

  color: #fff;

}

#forma fieldset .data-box label.h5 {

  color: #fff;

  font-size: 12px;

  line-height: 14px;

  float: left;

}

#forma fieldset .data-box textarea {

  width: 809px;

  height: 57px;

  float: left;

  padding: 5px 10px;

  border: none;

  color: #465459;

  font-size: 14px;

  line-height: 27px;

  margin: 0;

}

#forma fieldset .data-box input[type=text],

#forma fieldset .data-box input[type=tel],

#forma fieldset .data-box input[type=email],

#forma fieldset .data-box input[type=password] {

  display: block;

  background: #fff;

  width: 340px;

  padding: 0 10px 2px;

  color: #465459;

  height: 27px;

  font-size: 14px;

  line-height: 27px;

  border: none;

}

#forma fieldset .data-box input[type=tel] {

  width: 166px;

}

#forma fieldset .block {

  overflow: hidden;

  width: 100%;

  margin: 0 0 10px;

}

#forma fieldset .bx {

  float: left;

  margin: 0 30px 18px 0;

}

#forma fieldset .bx.bx2 {

  width: auto;

}

#forma fieldset .links {

  display: inline-block;

  margin: 0 0 16px 30px;

  text-decoration: none;

  border-bottom: 1px dotted #4190cb;

  font-size: 12px;

  color: #4190cb;

  position: relative;

}

#forma fieldset .links:hover {

  border-bottom: 1px dotted #000;

  color: #000;

}

#forma fieldset .links:before {

  content: '';

  display: block;

  position: absolute;

  top: -4px;

  left: -30px;

  background: url('../images/plus2.gif') no-repeat;

  width: 21px;

  height: 23px;

}

#forma fieldset .links:hover:before {

  background-position: 0 100%;

}

#forma fieldset p {

  margin: 0 5px;

  display: inline-block;

  vertical-align: middle;

  font-size: 12px;

  color: #000;

}

#forma fieldset p span {

  font-size: 14px;

}

#forma fieldset label {

  display: inline-block;

  vertical-align: top;

  font-weight: bold;

  font-size: 14px;

  color: #000;

  margin: 0 5px 0 0;

  line-height: 18px;

}

#forma fieldset label.h5 {

  display: block;

  font-weight: normal;

  font-size: 12px;

  color: #314045;

  margin: 0 0 7px;

}

#forma fieldset label.left {

  display: inline-block;

  margin: 0 5px 0 0;

}

#forma fieldset textarea {

  border: 1px solid #d5dadc;

  background: #fff;

  font-size: 12px;

  color: #000;

  display: block;

  width: 902px;

  height: 59px;

  padding: 5px 10px;

  margin: 0 0 28px;

}

#forma fieldset textarea.textarea {

  width: 713px;

  display: inline-block;

  height: 31px;

  margin: 0 0 8px 25px;

}

#forma fieldset .submit {

  float: right;

  margin: -5px 45px 0 0;

  border: none;

  padding: 0;

  border-bottom: 2px solid #487d0a;

}

#forma fieldset .submit span {

  display: block;

  padding: 0 21px;

  font: 18px 'intro_regular';

  color: #fff;

  height: 42px;

  border: 1px solid #93c434;

  position: relative;

  text-decoration: none;

  line-height: 42px;

  text-transform: uppercase;

  background-image: -moz-linear-gradient(top, #93c434 0%, #62a11e 100%);

  background-image: -webkit-linear-gradient(top, #93c434 0%, #62a11e 100%);

  background-image: linear-gradient(to bottom, #93c434 0%, #62a11e 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c434', endColorstr='#62a11e', GradientType=0);

  text-shadow: -1px -1px 0 #69a521;

}

#forma fieldset .submit:hover span {

  background-image: -moz-linear-gradient(top, #abde47 0%, #63a21e 100%);

  background-image: -webkit-linear-gradient(top, #abde47 0%, #63a21e 100%);

  background-image: linear-gradient(to bottom, #abde47 0%, #63a21e 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde47', endColorstr='#63a21e', GradientType=0);

  border: 1px solid #abde47;

}



/* cform style */

/* custom select */



/* custom radio */

.radioArea,

.radioAreaChecked {

  display: inline-block;

  margin: 0 5px 0 0;

  width: 16px;

  height: 16px;

  background: url('../images/radio-but.gif') no-repeat;

}

.radioAreaChecked {

  background-position: 0 100%;

}



.error{

  background: #EC8383 !important;

  color: #ffffff !important;

}



img.float{

  float: left;

  margin: 0 15px 15px 0;

}

.req{

  color: #EC8383;

  width: auto !important;

}

/*header2*/

.header2 {

    background:#fff url('../images/header2.png') no-repeat center bottom;

    padding-bottom: 21px;

    position:relative;

    z-index:2;

}

.header2 span img{

  vertical-align: middle;

  margin-right: 50px;

}

.header2 .quest {

    font-size:13px;

    display:inline-block;

    text-transform:uppercase;

    color:#fff;

    background: transparent url('../images/bg2.jpg') repeat-x left top;

    height:28px;

    line-height:28px;

    padding:0 10px;

    font-family: 'intro_regular';

    text-decoration:none;

    margin-left:20px;

    margin-right:10px;

}

.header2 .manag {

    font-size: 13px;

    color: #465459;

    text-transform: uppercase;

    display: inline-block;

    background: transparent url('../images/bg3.jpg') repeat-x left top;

    text-decoration: none;

    padding: 8px 10px;

    margin-left: 18px;

    margin-top: 14px;

    font-family: 'intro_regular';

    margin-right:10px;

}

#second-header.active {

    display: block;

    /*top: 0px;*/

}

#second-header {

    display: none;

    position: fixed;

    top: -110px;

    left: 0px;

    right: 0px;

    z-index: 10;

    top: 0px;

    -webkit-transition: top 0.3s ease-out;

    transition: top 0.3s ease-out;

}

.list00 {

    list-style:none;

    padding:0;

}

.list00 li {

    background:transparent url(../images/sep001.png) no-repeat left 3px;

    padding-left:10px;

    font-size:14px;

    margin-bottom:5px;

    color:#000;

}



a.delete_row{

  margin-top: 5px;

  display: inline-block;

  text-decoration: none;

}



#hidden_form{

  display: none;

}



#holder-content ul.departments{

  list-style: none;

  overflow: hidden;

  background: url('../images/building.png') no-repeat;

  height: 310px;

  position: relative;

  margin-bottom: 40px;

}

#holder-content ul.departments li{

  display: inline-block;

  width: 150px;

  padding: 0;

  background: none;

  line-height: inherit;

  text-align: center;

  position: absolute;

}

#holder-content ul.departments li:nth-child(1){

  left: 50px;

  top: 60px;

}

#holder-content ul.departments li:nth-child(2){

  left: 234px;

  top: 60px;

}

#holder-content ul.departments li:nth-child(3){

  left: 411px;

  top: 60px;

}

#holder-content ul.departments li:nth-child(4){

  left: 594px;

  top: 60px;

}

#holder-content ul.departments li:nth-child(5){

  left: 772px;

  top: 60px;

}

#holder-content ul.departments li:nth-child(6){

  left: 50px;

  top: 193px;

}

#holder-content ul.departments li:nth-child(7){

  left: 235px;

  top: 193px;

}

#holder-content ul.departments li:nth-child(8){

  left: 415px;

  top: 193px;

}

#holder-content ul.departments li:nth-child(9){

  left: 595px;

  top: 193px;

}

#holder-content ul.departments li:nth-child(10){

  left: 772px;

  top: 193px;

}

#holder-content ul.departments li a.title{

  display: inline-block;

  text-decoration: none;

  font-weight: bold;

  font-size: 12px;

  text-transform: uppercase;

  font-family: 'intro_boldregular';

  margin-bottom: 10px;

  height: 17px;

  cursor: pointer;

}

#holder-content ul.departments li a.title:hover{

  color: #92C414;

  border-bottom: 1px dotted #92C414;

  height: 16px;

}

#holder-content ul.departments li img{

  display: block;

  margin: 0 auto;

}

#holder-content ul.departments li .tooltip{

  position: absolute;

  background: #ffffff;

  border: 2px solid #d5dadc;

  left: 25px;

  top: 35px;

  font-size: 12px;

  text-align: left;

  padding: 5px;

  width: 160px;

  display: none;

}

#holder-content ul.departments li .tooltip:after {

  content: '';

  position: absolute;

  bottom: 100%;

  left: 25%;

  width: 18px; height: 11px;

  background: url('../images/tooltip_arr.png') no-repeat;

}

.l2_cont{

  position: relative;

}

.l2_cont iframe{

  position: absolute !important;

  z-index: 999;

}

.l2_cont a.l2{

  position: absolute;

  left: 0;

  z-index: 1;

}

/* new */

.tab1-nav:after{

	display:block;

	clear:both;

	content:"";

}

.tab-content {

	margin: 0 auto;

	max-width: 976px;

}

.tab1-nav {

    margin: 0;

    padding: 0;

}

.tab1-nav li {

    float: left;

    overflow: hidden;

    position: relative;

    vertical-align: top;

    width: 33.33%;

}

.tab1-nav li img{

	display:block;

	width:100%;

}

.tab1-nav li:hover .dropbox{

	opacity:1;

	left:0;

}

.tab1-nav li:hover .dropbox2{

	top:0;

	opacity:1;

}

.tab1-nav li:hover .dropbox3{

	bottom:0;

	opacity:1;

}

.dropbox {

    background: rgba(125, 123, 123, 0.8) none repeat scroll 0 0;

    color: #fff;

    font-family: "pf_square_sans_promedium";

    font-size: 14px;

    height: 100%;

    left: -100%;

    line-height: 17px;

    opacity: 0;

    padding:0;

    position: absolute;

    top: 0;

    transition: all 0.5s ease 0s;

    width: 100%;

}

.dropbox2{

	left:0;

	top:-100%;

}

.dropbox3{

	left:0;

	bottom:-100%;

}

.dropbox strong{

	display:block;

	margin:0 0 5%;

	font-size:36px;

	line-height:38px;

	font-family:'pf_square_sans_probold';

	text-transform:uppercase;

}

.dropbox p{margin:0 0 5%;}

.dropbox ul:after{

	display:block;

	clear:both;

	content:"";

}

.tab1-nav .dropbox ul li{

	float:left;

	margin:0 10px 10px 0;

	font-size:14px;

	line-height:20px;

	padding:0 5px;

	background:#d95959;

	border-radius:4px;

	width:auto;

}

.dropbox a{

	font-size:18px;

	line-height:20px;

	text-decoration:none;

	border-bottom:2px solid #fff;

	transition: all 0.5s ease 0s;

	color:#fff;

}

.dropbox a:hover{border-color:transparent;}



@media only screen and (min-width:768px) and (max-width:960px){

	.tab1-nav .dropbox ul li{

		float:left;

		margin:0 5px 5px 0;

		font-size:12px;

		line-height:16px;

	}

	.dropbox a{

		font-size:14px;

		line-height:16px;

	}

}

@media only screen and (min-width:0px) and (max-width:767px){

	.tab1-nav li{width:100%;}

	.block span{

		font-size:24px;

		line-height:28px;

	}

}









.staff_grid {

  position: relative;

  margin: 0 auto;

  list-style: none;

  text-align: center;

  width: 100%;

}



/* Common style */

.staff_grid figure {

  position: relative;

  float: left;

  overflow: hidden;

  width: 310px;

  height: 456px;

  background: #fff;

  text-align: center;

  margin-right: 17px;

  margin-bottom: 17px;

  border: 2px solid #a3a3a3;

}

.staff_grid figure:nth-child(3n) {

  margin-right: 0;

}

.staff_grid figure img {

  position: relative;

  display: block;

}



.staff_grid figure figcaption {

  color: #fff;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.staff_grid figure figcaption::before,

.staff_grid figure figcaption::after {

  pointer-events: none;

}



.staff_grid figure figcaption,

.staff_grid figure figcaption > a {

  position: absolute;

  top: 40%;

  left: 0;

  width: 100%;

  height: 60%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.staff_grid figure figcaption > a {

  z-index: 1000;

  text-indent: 200%;

  white-space: nowrap;

  font-size: 0;

  opacity: 0;

}



.staff_grid figure figcaption h2 {

  word-spacing: -0.15em;

  font-weight: 300;

}



.staff_grid figure figcaption h2 span {

  font-weight: 800;

}



.staff_grid figure figcaption h2,

.staff_grid figure figcaption p,

.staff_grid figure figcaption h4 {

  margin: 0;

}



.staff_grid figure figcaption p,

.staff_grid figure figcaption h4 {

  color: #fff !important;

}



/* Individual effects */



/*---------------*/

/***** Layla *****/

/*---------------*/

figure.effect-layla:hover{

  background: #000;

}

figure.effect-layla figcaption::before,

figure.effect-layla figcaption::after {

  position: absolute;

  content: '';

  opacity: 0;

}



figure.effect-layla figcaption::before {

  top: 50px;

  right: 20px;

  bottom: 50px;

  left: 20px;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

  -webkit-transform: scale(0,1);

  transform: scale(0,1);

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

}



figure.effect-layla figcaption::after {

  top: 30px;

  right: 40px;

  bottom: 30px;

  left: 40px;

  border-right: 1px solid #fff;

  border-left: 1px solid #fff;

  -webkit-transform: scale(1,0);

  transform: scale(1,0);

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0;

}



figure.effect-layla figcaption h2 {

  opacity: 0;

  padding-top: 26%;

  -webkit-transition: -webkit-transform 0.35s;

  transition: transform 0.35s;

}



figure.effect-layla figcaption p,

figure.effect-layla figcaption h4 {

  padding: 0.5em 2em;

  text-transform: none;

  opacity: 0;

  -webkit-transform: translate3d(0,-10px,0);

  transform: translate3d(0,-10px,0);

}



figure.effect-layla img,

figure.effect-layla figcaption::before,

figure.effect-layla figcaption::after,

figure.effect-layla figcaption p,

figure.effect-layla figcaption h4,

figure.effect-layla figcaption h2 {

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

}



figure.effect-layla:hover img {

  opacity: 0.4;

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}



figure.effect-layla:hover figcaption::before,

figure.effect-layla:hover figcaption::after {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}



figure.effect-layla:hover figcaption h2,

figure.effect-layla:hover figcaption p,

figure.effect-layla:hover figcaption h4 {

  opacity: 1;

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}



figure.effect-layla:hover figcaption::after,

figure.effect-layla:hover figcaption h2,

figure.effect-layla:hover figcaption p,

figure.effect-layla:hover figcaption h4,

figure.effect-layla:hover img {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}







figure {

  perspective: 1000;

}

.flipper.active {

  transform: rotateY(180deg);

}

figure .flipper {

  transition: 1s;

  transform-style: preserve-3d;

  position: relative;

}

figure .front, figure .back {

  backface-visibility: hidden;

  position: absolute;

  top: 0;

  left: 0;

}

figure .front {

  z-index: 2;

  transform: rotateY(0deg);

}

figure .back {

  transform: rotateY(180deg);

}

.ico {

    list-style: outside none none;

   margin: 0 0 20px;

    padding: 0;

    width: 105%;

}

.ico li {

    float: left;

    margin: 0 24px 10px 0;

    text-align: center;

}

.ico:after{

 display:block;

 clear:both;

 content:"";

}

#ico {



}

.ico li img{

 display:block;

 margin:0 auto;

}

.ico li span{

 display:block;

 margin:-23px 0 0;

}

.ico li span em{

 display:inline-block;

 padding:0 5px;

 background:#fff;

}

.ico a{

 text-decoration:underline;

 color:#67a1d1;

 font-style: normal;

}

.ico a em {

	font-style: normal !important;

	 text-decoration:underline;

	 font-size: 15px;

}

.ico a em:hover {

	 text-decoration:none;

}

/* new */

.staff_grid li {

    float: left;

    width: 49%;

    padding: 0 0 14px !important;

    background: none !important;

}

.staff_grid figure {

    float: left;

    height: 294px;

    margin-bottom: 0px;

    margin-right: 13px;

    margin-left: 13px;

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 200px;

    font-size: 100% !important;

}

.staff_grid .lgray {

  background: #eeeff1;

}



.cols .width div.two-cols{

  width: 100%;

  float: none;

  height: auto;

  border: none;

  display: flex;

  justify-content: space-between;

  padding: 0;

}

.cols .width div.two-cols div{

  height: auto;

  float: none;

  margin: 0;

}

.flex-block{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-bottom: 15px;

}

.products-list a{

  text-align: center;

}

.products-list .img-cont{

  display: flex;

  min-height: 170px;

  align-items: center;

}

.products-list a strong{

  display: block;

}

.products-list img{

  margin: 0 auto;

}



/*@media (max-width: 1199px) {

  

}

@media (max-width: 991px) {

  

}*/

.list-pager{

  padding: 0;

  margin: 10px 0;

  display: flex;

  flex-wrap: wrap;

  list-style: none;

}

.list-pager li{

  margin-right: 15px;

}

.list-pager li a{

  display: inline-block;

  padding: 5px;

  width: 25px;

  height: 25px;

  text-align: center;

  background: #ccc;

  color: #fff;

  text-decoration: none;

}

.list-pager li.active a{

  background: #5db602;

}



.equipment-list{



}

.equipment{

  display: flex;

  justify-content: space-between;

  padding: 25px 0;

}

.equipment:nth-child(odd){

  background: #f4f4f4;

}

.equipment > div{

  flex-basis: calc(100% / 3);

}

.equipment .image{

  padding-left: 25px;

}

.equipment .descr{

  padding: 0 25px;

}

.equipment .props{

  

}

.equipment .descr span{

  color: #313f45;

  font-family: 'intro_regular';

  font-size: 16px;

}

.equipment .descr span span {

  text-transform: uppercase;

  font-size: 10px;

  color: #8ec032;

  vertical-align: top;

  margin-left: 5px;

}

.equipment p{

  font-size: 14px;

  color: #000;

  width: 312px;

}

.equipment ul {

  list-style:none;

  padding:0;

  margin:0;

  border: 1px solid #d5dadc;

}

.equipment li {

  border-bottom:1px dotted #000;

  padding: 7px 0px 6px 20px;

}



.calendars{

  display: flex;

  justify-content: space-between;

  text-align: center;

}

.calendars p{

  margin: 10px 0;

}



.form form .recaptcha{

  margin-left: 100px;

}



.staff-list{

  display: flex;

  justify-content: end;

  flex-wrap: wrap;

}

.staff-item{

  flex-basis: calc(100% / 3);

  display: flex;

  background: #eeeff1;

  border: 1px solid #ccc;

  padding: 15px;

}

.staff-item .img-cont{

  

}

.staff-item .info{

  padding: 0 15px;

}

.staff-item .info > *{

  display: block;

  margin-bottom: 5px;

}

.staff-item img{

  height: 135px;

}

.flex-row{

  display: flex;

  flex-wrap: wrap;

}

.steps-panel{

  background: #38474c;

  padding: 15px;

  color: #fff;

}

.steps-box{

  margin: 30px 0;

}

.steps-nav{

  display: flex;

  list-style: none;

  flex-wrap: wrap;

  padding: 0;

  margin: 0;

  margin-bottom: 30px;

}

.steps-nav a{

  display: inline-block;

  padding: 10px 20px;

  background: #ccc;

  margin-right: 15px;

  text-decoration: none;

  color: #000;

}

.steps-nav li.active a{

  background: #4291cc;

  color: #fff;

}

.price_request_box{

  margin-right: 30px;

}

.price_request_box input{

  padding: 5px;

  max-width: 80px;

}

.price_request_box em{

  margin: 0 15px;

}

.form-2-row{

  margin-bottom: 15px;

  display: flex;

  align-items: center;

}

.form-2-row strong{

  width: 100px;

  display: inline-block;

}

.form-2-row input{

  padding: 5px;

}

.form-2-row > *{

  margin-right: 15px;

}

.form-2-row textarea{

  flex-grow: 1;

  height: 75px;

}

.form-2-row .selectArea{

  height: 28px;

}

.form-2-row .selectArea .selectButton{

  margin: 2px -1px 0 0;

}

.form-2-row .selectArea .selectCenter{

  line-height: 27px;

}

.form-3-row{



}

.form-3-row label{

  width: 100px;

}

.form-3-row input{

  padding: 5px;

}

.form-3-subrow{

  margin-bottom: 15px;

}

.btn-send{

    background: transparent url(../images/bg2.jpg) repeat-x left top;

    border: none;

    font-size: 13px;

    color: #fff;

    text-transform: uppercase;

    font-family: 'intro_regular';

    padding: 7px 10px;

    margin: 20px 36px 0 0;

}

.paper_block, .block_388, .inlay2_block{

  display: none;

}

a.inlay2_add{

  display: inline-block;

  margin-bottom: 30px;

}



@media (max-width: 975px) {

  .container-fluid{

    padding-right: 15px;

    padding-left: 15px;

  }

  #page{

    min-width: initial;

  }

  .width{

    width: auto;

  }

  header{

    width: auto;

    height: auto;

    padding: 15px;

    margin-bottom: 15px;

  }

  header .inform{

    float: none;

    width: auto;

    flex-grow: 1;

  }

  #nav{

    width: auto;

    display: flex;

    height: auto;

  }

  #nav > li.active,

  #nav > li{

    height: 57px;

  }

  header address .maps br{

    display: none;

  }

  header address{

    float: right;

    display: flex;

  }

  header .top{

    height: auto;

    margin-bottom: 15px;

  }

  header .logo {

    display: none;

  }

  header .mobile-logo {

    float: left;

    display: inline-block;

    background: url('../images/deviz_logo2.png') no-repeat;

    width: 77px;

    height: 70px;

    margin-right: 30px;

    background-size: contain;

  }

  header address .tel{

    float: none;

  }

  header address .maps{

    float: none;

  }

  header .button{
    text-align: center;

    float: right;

    margin-top: 15px;

    padding: 0;

  }

  #slider-content .slider{

    height: 240px;

  }

  #slider-content .slider .hold-slider{

    height: 247px;

  }

  #slider-content .slider .hold-slider .slide{

    height: 248px;

  }

  #slider-content .slider .hold-slider .txt .h2{

    font: 20px/20px 'intro_boldregular';

  }

  #slider-content .slider .hold-slider .txt{

    bottom: 48px;

    padding: 10px 40px;

  }

  #slider-content .news{

    width: 100%;

  }

  #slider-content .news li{

    width: 100%;

  }

  #slider-content .news li .data{

    margin: 4px 12px 0 0;

  }

  #grey-block{

    padding: 25px 15px;

    background: #eaeced !important;

  }

  .choose-box .choose{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 0;

  }

  .choose-box .choose li{

    flex-grow: 1;

    margin: 0;

    margin-bottom: 30px;

    flex-basis: 50%;

  }

  #shema-box{

    padding: 25px 15px;

  }

  #shema-box .width{

    width: auto;

    padding: 0;

  }

  #shema-box .shema{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }

  #shema-box .shema li{

    flex-basis: 50%;

    background: none;

    padding: 0;

    margin: 0;

  }

  #shema-box .shema li:nth-child(1),

  #shema-box .shema li:nth-child(2){

    margin-bottom: 50px;

  }

  #zayavka{

    padding: 25px 15px;

  }

  #zayavka .left{

    width: 100%;

    float: none;

  }

  .header2 span img{

    display: none;

  }

  #holder-content ul.departments{

    background: none;

    height: auto;

    padding: 0;

    margin-bottom: 15px;

  }

  #holder-content ul.departments li{

    position: initial;

    width: calc(100% / 5 - 3px);

    vertical-align: top;

    margin-bottom: 30px;

  }

  #holder-content ul.departments li a.title{

    height: 30px;

  }

  .more-box5 .block1{

    width: 100%;

    flex-basis: 100%;

  }

  .more-box3 .block .list2{

    overflow: hidden;

    display: flex;

    justify-content: space-between;

    margin: 30px 0;

  }

  .more-box3 .block .list2 li{

    height: auto;

  }

  #grey-block .width{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

  }

  .sales .width{

    display: flex;

  }

  .sales .width .text3{

    width: auto;

  }

  section.question2 .h3{

    flex-basis: 100%;

  }

  .question2 .part1, .question2 .part2{

    flex-basis: calc(50% - 30px);

    margin: 15px;

    text-align: left;

  }

  .question2 .part1 .mail{

    display: block;

  }

  .question2 .part2 .tel{

    display: block;

  }

  .question2 .or{

    display: none;

  }

  .more-box .more{

    display: flex;

    justify-content: space-between;

    margin: 0;

  }

  .more-box .more li{

    margin: 0;

  }

  #content .gallery li img{

    max-width: 100%;

  }

  .print2 ul{

    display: flex;

    flex-wrap: wrap;

  }

  .print2 ul li{

    margin: 15px 0;

    flex-basis: 50%;

  }

  .print2 ul li div{

    display: flex;

    align-items: center;

  }

  .print2 ul li div img{

    margin: 0 auto;

  }

  #border-top .list-print{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

  }

  #border-top .list-print li{

    flex-basis: calc(100% / 3);

    margin: 15px 0;

  }

  #holder-content .images2{

    float: none;

    height: auto !important;

  }

  #holder-content .block-text{

    padding-top: 0;

  }

  a.nestandart.button{

    margin-bottom: 30px;

  }

  .gloss ul{

    display: flex;

    flex-wrap: wrap;

  }

  .gloss ul li{

    margin: 0;

    margin-bottom: 15px;

    flex-basis: calc(100% / 3);

    text-align: center;

  }

  .gloss img{

    max-width: 100%;

    height: auto;

  }

  .more-box5 .block2 > a{

    margin-top: 5px;

  }

  .steps{

    height: auto;

  }

  .steps ul{

    display: flex;

    padding: 0;

  }

  .steps ul li,

  .steps ul li:first-child{

    flex-basis: 50%;

    margin: 0;

    padding: 0;

    margin: 0 15px;

    text-align: center;

  }

  .steps ul li{

    background: transparent url(../images/img002.png) no-repeat right 55px;

  }

  .steps ul li:first-child{

    background: transparent url(../images/img001.png) no-repeat 125px 55px;

  }

  .steps ul li p{

    padding-top: 150px;

  }

  .logos{

    height: auto;

  }

  .logos ul{

    display: flex;

    flex-wrap: wrap;

  }

  .logos ul li{

    margin: 0;

    margin-bottom: 15px;

    flex-basis: calc(100% / 3);

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .more-box2 .block{

    /*flex-basis: 50%;*/

  }

  .demands .width{

    display: flex;

  }

  .demands .left01,

  .demands .right01{

    height: auto;

    flex-basis: 50%;

  }

  .staff_grid li{

    width: 100%;

    float: none;

  }

  .contacts img{

    max-width: 100%;

    height: auto;

  }

  .help img{

    float: none;

    margin: 0;

    flex-basis: 20%;

    margin-right: 30px;

  }

  .help .width div{

    float: none;

    width: 100%;

    margin: 0;

    flex-basis: 70%;

  }

  .form form{

    width: 100%;

    float: none;

  }

  .form form .input{

    float: none;

  }

  .form form label input,

  .form form textarea{

    max-width: 100%;

  }

  .form form .select3{

    max-width: 100%;

  }

  .form form div img{

    float: none;

  }

  .form .width > p{

    width: 100%;

    margin-left: 0;

  }

  #content table{

    width: 100%;

    overflow-x: auto;

    display: block;

  }

  #forma{

    margin: 0;

  }

  #forma fieldset{

    padding: 0;

    border: none;

  }

  #forma fieldset .grey-box{

    margin: 0;

    padding: 15px;

  }

  #forma fieldset .grey-box input[type=text]{

    max-width: 100%;

  }

  #forma fieldset .box,

  #forma fieldset .block{

    display: flex;

    flex-wrap: wrap;

    width: 100%;

    padding: 15px;

    align-items: center;

  }

  #forma fieldset .block{

    padding: 0;

  }

  #forma fieldset .box.old{

    margin: 0;

    padding: 15px;

  }

  #forma fieldset .data-box{

    margin: 0;

    margin-bottom: 10px;

  }

  #forma fieldset textarea.textarea{

    margin: 5px 0;

  }

  #forma fieldset textarea{

    max-width: 100%;

  }

  #forma fieldset .h3{

    margin-right: 15px;

  }

  #forma fieldset .submit{

    margin: 30px 0 0;

    flex-basis: 30%;

  }

  #forma fieldset .data-box textarea{

    width: 340px;

  }

  .form form input[type=submit]{

    float: none;

  }

  .staff-list{

    justify-content: flex-start;

  }

  .staff-list > a{

    flex-basis: calc(100% / 3);

    margin-bottom: 30px;

  }

  .products-list{

    justify-content: flex-start;

  }

  .products-list > a{

    flex-basis: calc(100% / 3);

    margin-bottom: 30px;

  }

  .portfolio-images{

    justify-content: flex-start;

  }

  .portfolio-images > span{

    flex-basis: calc(100% / 3);

    margin-bottom: 30px;

  }

  .more-box2 .list{

    margin: 0;

    text-align: center;

  }

  .more-box2 .list li,

  .more-box2 .list.list2 li{

    margin-bottom: 30px;

  }

  .more-box2 .list li:last-child,

  .more-box2 .list.list2 li:last-child{

    margin-bottom: 0;

  }

  #holder-content .image#section1 .pic{

    flex-basis: 60%;

  }

  #holder-content .image#section1 .block-border{

    height: 135px;

  }

  #holder-content .images2 .pic{

    float: none;

    margin-bottom: 15px;

  }

  .benefits li{

    padding: 0 15px;

  }

  .more-box4 .block .bnt1{

    padding: 2px 20px;

  }

  .equipment{

    flex-wrap: wrap;

  }

  .equipment .image{

    flex-basis: 50%;

  }

  .equipment .descr{

    flex-basis: 50%;

  }

  .equipment .props{

    flex-basis: 100%;

  }

  .equipment p{

    width: auto;

  }

  .calendars{

    flex-wrap: wrap;

  }

  .calendars > div{

    flex-basis: 50%;

    margin-bottom: 20px;

  }

  .staff-item{

    flex-basis: 50%;

  }

  .steps-nav{

    justify-content: center;

  }

  .steps-nav li{

    flex-basis: 25%;

    flex-grow: 1;

  }

  .steps-nav a{

    display: block;

    text-align: center;

    margin-bottom: 15px;

  }

  .form-2-row{

    flex-wrap: wrap;

  }

  .form-2-row > *{

    margin-bottom: 15px;

  }

}

@media (max-width: 767px) {

  header .top{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

  }

  header address .maps br{

    display: block;

  }

  header .mobile-logo{

    flex-basis: 20%;

    margin: 0;

  }

  header address{

    display: block;

  }

  header address .tel{

    display: block;

  }

  header address .maps{

    display: block;

  }

  header .button{

    flex-basis: 100%;

  }

  header .button a{

    font-size: 11px;

  }

  #nav{

    display: block;

  }

  #nav:before{

    display: none;

  }

  #nav li,

  #nav ul li{

    float: none;

    height: auto;

  }

  #nav ul li{

    background: none;

  }

  #nav ul{

    height: auto;

    position: inherit;

  }

  #nav > li.active{

    height: auto;

  }

  #nav li a{

    display: block;

    width: 100%;

  }

  #nav ul li:first-child{

    padding: 0;

  }

  #nav ul li{

    padding: 0;

  }

  #nav > li > a,

  #nav > li:first-child > a{

        background-image: -moz-linear-gradient(top, #ecf0f4 0%, #d4d9db 100%);

    background-image: -webkit-linear-gradient(top, #ecf0f4 0%, #d4d9db 100%);

    background-image: linear-gradient(to bottom, #ecf0f4 0%, #d4d9db 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf0f4', endColorstr='#d4d9db', GradientType=0);

  }

  #nav > li.active > a{

    background: none;

  }

  #nav > li > a:hover:before {

    content: '';

    display: inline-block;

    height: 35px;

    background-image: -moz-linear-gradient(top, #ecf0f4 0%, #d4d9db 100%);

    background-image: -webkit-linear-gradient(top, #ecf0f4 0%, #d4d9db 100%);

    background-image: linear-gradient(to bottom, #ecf0f4 0%, #d4d9db 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf0f4', endColorstr='#d4d9db', GradientType=0);

    z-index: -1;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

  }

  #slider-content .width{

    padding: 20px 20px 10px 21px;

  }

  header{

    margin-bottom: 0;

  }

  section .button{

    height: auto;

    font-size: 18px;

    line-height: 24px;

  }

  .header2 span{

    display: none;

  }

  .header2 .quest{

    font-size: 11px;

    margin-left: 15px;

    margin-right: 5px;

  }

  .header2 .manag{

    font-size: 11px;

    margin-left: 5px;

  }

  .header2 a.flipbook{

    text-align: center;

    display: block;

    margin-top: 10px;

  }

  #about{

    padding: 20px;

  }

  #about img{

    display: none;

  }

  #holder-content ul.departments li{

    width: calc(100% / 3 - 3px);

  }

  .more-box3 .block .list2{

    flex-wrap: wrap;

    justify-content: center;

  }

  .more-box3 .block .list2 li{

    margin: 0;

    margin-bottom: 30px;

  }

  .more-box3 .block .list2 li:last-child{

    margin-bottom: 0;

  }

  .banner{

    height: auto;

    background: #253e43;

  }

  .banner .width{

    padding: 15px;

  }

  .banner strong{

    width: 100%;

    padding: 0;

  }

  .menu2{

    display: flex;

    flex-wrap: wrap;

    float: none;

  }

  .menu2 li{

    float: none;

    flex-basis: 100%;

  }

  .menu2 li a{

    display: block;

    background: none;

  }

  .sales .width{

    flex-wrap: wrap;

  }

  .sales img{

    margin: 0 auto;

    max-width: 150px;

  }

  .vacancies .txt.table{

    width: 100%;

  }

  .question2 .part1, .question2 .part2{

    flex-basis: 100%;

    margin: 15px 0;

  }

  .question2 .part1{

    margin-bottom: 30px;

  }

  .more-box .more{

    flex-wrap: wrap;

    justify-content: center;

  }

  .more-box .more li{

    margin: 15px 0;

  }

  .print2 ul li{

    flex-basis: 100%;

  }

  #border-top .list-print li{

    flex-basis: 50%;

  }

  .more-box3 .block{

    max-width: 100%;

  }

  .more-box3 .block p{

    max-width: 100%;

  }

  .more-box3 .block .btn01{

    display: block;

    margin: 20px;

  }

  .cols .width div.two-cols{

    flex-wrap: wrap;

  }

  .cols .width div.two-cols div{

    flex-basis: 100%;

  }

  #holder-content .images2 img{

    max-width: 100%;

    height: auto;

  }

  .gloss ul li{

    flex-basis: 50%;

  }

  .logos ul li{

    flex-basis: 50%;

  }

  .steps ul{

    flex-wrap: wrap;

  }

  .steps ul li, .steps ul li:first-child{

    flex-basis: 100%;

    margin: 30px 15px;

  }

  .more-box2 .block{

    flex-basis: 100%;

    margin-bottom: 30px;

    padding: 0 15px;

  }

  .more-box2 .block:first-child{

    padding-bottom: 30px;

    border-bottom: 1px solid #ccc;

  }

  .more-box2 .block:last-child{

    margin-bottom: 0;

  }

  .demands .width{

    flex-wrap: wrap;

  }

  .demands .left01,

  .demands .right01{

    flex-basis: 100%;

  }

  .demands .right01 img{

    max-width: 100%;

  }

  article{

    margin-bottom: 0;

  }

  .question2 .bnt1,

  .question2 .bnt2{

    display: block;

    width: 100%;

    margin: 0;

  }

  .question2 em{

    margin: 10px 0;

  }

  .help img{

    margin: 0 0 15px 0;

  }

  .help .width div{

    flex-basis: 100%;

  }

  .help em{

    font-size: 28px;

  }

  .details th{

    width: 100%;

  }

  .aboutus ul{

    padding: 0;

  }

  .new img{

    max-width: 100%;

    height: auto;

  }

  iframe{

    max-width: 100%;

    height: auto;

  }

  .products-list > a{

    flex-basis: 100%;

    text-align: center;

  }

  .portfolio-images > span{

    flex-basis: 50%;

  }

  #content .gallery{

    justify-content: center;

  }

  #content .gallery li{

    margin-bottom: 15px;

  }

  .goss img{

    max-width: 100%;

  }

  .ico{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

  }

  .ico li{

    flex-basis: 25%;

    margin: 0;

    margin-bottom: 15px;

  }

  .ico li span{

    margin: -20px 0 0;

  }

  .ico li img{

    max-width: 100%;

  }

  .print img{

    float: none;

    margin-right: 0;

  }

  .new .width > div .social a.more{

    margin-top: 15px;

  }

  #holder-content .image#section1{

    flex-wrap: wrap;

  }

  #holder-content .image#section1 .pic{

    flex-basis: 100%;

    margin-right: 0;

    margin-bottom: 15px;

  }

  #holder-content .image#section1 .block-border{

    height: 85px;

  }

  #content .block-holder .block{

    flex-basis: 100%;

  }

  .block span{

    font-size: 18px;

    line-height: 22px;

  }

  .benefits ul{

    flex-wrap: wrap;

  }

  .benefits li{

    flex-basis: 100%;

    margin-bottom: 30px;

  }

  .benefits li:last-child{

    margin-bottom: 0;

  }

  .more-box3 .block .list2 li:first-child{

    margin-right: 0;

  }

  #white-block{

    background: none !important;

  }

  .example .width div.three_examples{

    flex-wrap: wrap;

    justify-content: center;

  }

  .example .width div.three_examples > div{

    flex-basis: 100%;

    margin-bottom: 30px;

  }

  .example .width div.three_examples > div:last-child{

    margin-bottom: 0;

  }

  .example .width div.three_examples img{

    max-width: 100%;

  }

  .more-box4 .block:first-child{

    padding-bottom: 0;

  }

  .more-box4 .block .bnt1{

    display: block;

    margin-right: 0;

  }

  .more-box4 .block .bnt2{

    display: block;

    margin-left: 0;

    margin-top: 0;

  }

  .more-box4 .block em{

    display: block;

    margin: 10px 0;

  }

  .more-box5 .a4{

    float: none;

    margin-right: 0;

    margin-bottom: 10px;

  }

  .equipment .image{

    flex-basis: 100%;

    padding: 0 25px;

  }

  .equipment .image img{

    max-width: 100%;

  }

  .equipment .descr{

    flex-basis: 100%;

    margin-top: 15px;

  }

  .calendars{

    justify-content: center;

  }

  .calendars > div{

    flex-basis: 100%;

  }

  .form form .recaptcha{

    margin-left: 0;

  }

  .staff-item{

    flex-basis: 100%;

  }

  .table {

    border: 0;

  }

  .table caption {

    font-size: 1.3em;

  }

  .table thead {

    border: none;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

  }

  .table tr {

    border-bottom: 3px solid #ddd;

    display: block;

    margin-bottom: 20px;

  }

  .table td {

    border-bottom: 1px solid #ddd;

    display: block;

    font-size: .8em;

    width: auto;

  }

  .table td:before {

    content: attr(data-label);

    font-weight: bold;

    text-transform: uppercase;

    display: block;

    padding: 5px;

  }

  #content .table td p{

    text-align: left;

    padding: 5px;

  }

  .price_request_box:first-child{

    margin-bottom: 30px;

  }

  .steps-nav{

    margin-bottom: 20px;

  }

}

@media (max-width: 575px) {

  #mobile-menu{

    display: block;

  }

  #nav-cont{

    display: none;

  }

  #nav > li.active > a{

    color: #465459;

  }

  .home #nav{

    display: block;

  }

  #slider-content{

    padding: 0;

  }

  .header2 .quest{

    font-size: 10px;

    margin-left: 5px;

    margin-right: 3px;

  }

  .header2 .manag{

    font-size: 10px;

    margin: 5px 0 0 0;

  }

  header .button a.pr:before{

    display: none;

  }

  header .button a.teh:before{

    display: none;

  }

  #shema-box .shema{

    justify-content: center;

  }

  #shema-box .shema li{

    flex-basis: 100%;

    margin-bottom: 50px;

  }

  #shema-box .shema li:last-child{

    margin-bottom: 0;

  }

  #clients-box .clients{

    margin: 0;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

  }

  #clients-box .clients li{

    flex-basis: 100%;

    margin: 15px 0;

  }

  #clients-box .clients li img{

    margin: 0 auto;

  }

  .choose-box .choose li{

    flex-basis: 100%;

  }

  .choose-box .choose li .icon{

    margin-right: 15px;

  }

  #second-header .width{

    text-align: center;

  }

  .header2 a.flipbook{

    margin-top: 5px;

  }

  #second-header{

    padding-bottom: 15px;

  }

  #slider-content .slider .hold-slider .txt .h2{

    font: 13px/13px 'intro_boldregular';

  }

  #slider-content .slider .hold-slider .txt .arrow{

    top: 2px;

  }

  #slider-content .slider{

    height: 150px;

  }

  #slider-content .slider .hold-slider .slide{

    height: 220px;

    top: 0;

  }

  #slider-content .slider .hold-slider{

    height: 104px;

  }

  #slider-content .prev, #slider-content .next{

    top: 128px;

  }

  #slider-content .bullet{

    display: none;

  }

  .logos ul li{

    flex-basis: 100%;

  }

  .staff_grid li td:first-child{

    display: none;

  }

  .staff_grid .lgray{

    padding-top: 20px;

  }

  .zayavka{

    padding: 0;

  }

  #holder-content ul.departments li{

    width: calc(100% / 2 - 3px);

  }

  img.float{

    float: none;

    margin: 0;

  }

  #forma fieldset .h3{

    display: block;

    margin-bottom: 10px;

  }

  section .h2, h1{

    font-size: 18px;

  }

  #about blockquote{

    font-size: 14px;

  }

  #about blockquote:before,

  #about blockquote:after{

    display: none;

  }

  #about .cite{

    padding: 0;

  }

  .mobile-hidden{

    display: none;

  }

  .footer-bg .copy{

    float: none;

  }

  .footer-bg .logotip{

    float: none;

    margin-top: 10px;

  }

  .ico a em{

    font-size: 12px;

  }

}

@media (max-width: 320px) {

  #about .cite{

    padding: 0;

  }

  .ico li{

    margin: 0 5px 10px 0;

  }

  a.nestandart.button{

    font-size: 16px;

  }

  .print img{

    float: none;

  }

  .gloss ul li{

    flex-basis: 100%;

  }

  .steps ul li, .steps ul li:first-child{

    background: none;

    margin: 30px 15px 0;

  }

  .steps ul li p{

    padding-top: 30px;

  }

}

#popup {

  display: table;

  position: fixed; top: 0; left: 0;

  z-index: 100;

  height: 100%;

  width: 100%;

  background: rgba(240,240,240,.9);

  visibility: hidden;

  animation: animaciya 1s 5s forwards; /* 5s - это количество секунд по истечении которых появляется сообщение */ 

  cursor: pointer;

}

@keyframes animaciya {   

  from {visibility: hidden;}  

  to {visibility: visible;} 

}

#popup figure {

  display: table-cell;

  vertical-align: middle;

}

#popup div, #popup figcaption, #popup figure:before {

  max-width: 500px; /* максимальная ширина */ 

  margin: 0 auto;

  border-style: solid; 

  border-color: rgb(88,125,164);

  background: #fff;

}

#popup figure:before { /* стиль кнопки "закрыть" */ 

  content: "закрыть";

  display: block;

  padding: 0 1%;

  border-width: 4px 4px 0 4px;

  border-radius: 5px 5px 0 0;

  text-align: right;

  color: rgb(88,125,164);

}

#popup div, #popup figcaption {

  padding: 1%;

  cursor: default;

}

#popup figcaption {

  position: relative;

  border-width: 0 4px 0 4px;

  font-size: 150%;

  text-transform: uppercase;

  color: rgb(100,100,100);

}

#popup figcaption:before { /* стиль восклицательного знака, не поддерживается Google Chrome. Его можно заменить на что-то более приемлемое */ 

  content: "\26a0 \20 \20";

  color: red;

  font-size: 150%;

  vertical-align: middle;

}

#popup div {

  border-width: 0 4px 4px 4px;

  border-radius: 0 0 5px 5px;

}

table.tab {

    width: 95%;

}

.tab td {

  text-align: center;

  border: 1px solid gray;

  border-collapse: collapse;

}

.tab tr:nth-child(even) {background: #f1f1f1}

.tab tr:nth-child(odd) {background: #FFF}