/*------------------------------------CSS-СБРОС-------------------------------------*/

.vakansiigr div,
.vakansiigr span,
.vakansiigr applet,
.vakansiigr object,
.vakansiigr iframe,
.vakansiigr h1,
.vakansiigr h2,
.vakansiigr h3,
.vakansiigr h4,
.vakansiigr h5,
.vakansiigr h6,
.vakansiigr p,
.vakansiigr blockquote,
.vakansiigr pre,
.vakansiigr a,
.vakansiigr abbr,
.vakansiigr acronym,
.vakansiigr address,
.vakansiigr big,
.vakansiigr cite,
.vakansiigr code,
.vakansiigr del,
.vakansiigr dfn,
.vakansiigr em,
.vakansiigr img,
.vakansiigr ins,
.vakansiigr kbd,
.vakansiigr q,
.vakansiigr s,
.vakansiigr samp,
.vakansiigr small,
.vakansiigr strike,
.vakansiigr strong,
.vakansiigr tt,
.vakansiigr var,
.vakansiigr b,
.vakansiigr u,
.vakansiigr i,
.vakansiigr center,
.vakansiigr dl,
.vakansiigr dt,
.vakansiigr dd,
.vakansiigr ol,
.vakansiigr ul,
.vakansiigr li,
.vakansiigr fieldset,
.vakansiigr form,
.vakansiigr label,
.vakansiigr legend,
.vakansiigr table,
.vakansiigr caption,
.vakansiigr tbody,
.vakansiigr tfoot,
.vakansiigr thead,
.vakansiigr tr,
.vakansiigr th,
.vakansiigr td,
.vakansiigr article,
.vakansiigr aside,
.vakansiigr canvas,
.vakansiigr details,
.vakansiigr embed,
.vakansiigr figure,
.vakansiigr figcaption,
.vakansiigr footer,
.vakansiigr header,
.vakansiigr hgroup,
.vakansiigr menu,
.vakansiigr nav,
.vakansiigr output,
.vakansiigr ruby,
.vakansiigr section,
.vakansiigr summary,
.vakansiigr time,
.vakansiigr mark,
.vakansiigr audio,.vakansiigr video {margin: 0;}

/* HTML5 display-role reset for older browsers */

.vakansiigr article,
.vakansiigr aside,
.vakansiigr details,
.vakansiigr figcaption,
.vakansiigr figure,
.vakansiigr footer,
.vakansiigr header,
.vakansiigr hgroup,
.vakansiigr menu,
.vakansiigr nav,
.vakansiigr section {
  display: block;
}

body .vakansiigr {
  line-height: 1;
}

.vakansiigr ol,
.vakansiigr ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

.vakansiigr table {
  border-collapse: collapse;
  border-spacing: 0;
}

.vakansiigr .wrapper {
  background-color: #fafafa;
  font: 15px 'El Messiri', sans-serif;
  width: 600px;
  color: #363636;
  padding: 20px;
  padding-top: 10px;
}

.vakansiigr p {
  font: 15px 'El Messiri', sans-serif;
  color: #363636;
  padding: 20px;
}

.vakansiigr .result {
  font-size: 17px;
}

.vakansiigr h {
  text-align: center;
  font: 15px 'El Messiri', sans-serif;
  font-weight: bold;
  padding-bottom: 10px;
  color: #56279c;
}

.vakansiigr .h {
  background-color: #56279c;
  padding: 10px;
  margin: -10px -20px 15px -20px;
}

.vakansiigr .h h {
  color: #fff;
}

.vakansiigr .label {
  cursor: pointer;
  color: #56279c;
  border-bottom: 1px solid #56279c;
}

.vakansiigr .btn {
  margin: 20px 0 10px 0;
  padding: 10px 25px;
  font-size: 17px;
  background-color: #f0b930;
  border: 1px solid #deba5f;
  color: #fff;
  cursor: pointer;
}

.vakansiigr .btn:hover {
  background-color: #E4A711;
}

.vakansiigr hr {
  border: none;
  border-top: 1px dotted #ccc;
  margin: 5px 0;
}

.vakansiigr input[type="number"],
.vakansiigr select {
  width: 100px;
  height: 25px;
  text-align: center;
  color: #363636;
  border: 1px solid #cccccc;
  margin-right: 5px;
  font-size: 18px;
}

.vakansiigr select {
  width: 245px;
  font-size: 12px;
}

.vakansiigr .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 570px;
}

.vakansiigr .item {
  margin: 5px 0;
}

.vakansiigr .room {
  padding-right: 100px;
  color: red;
}

.vakansiigr small {
  color: #ccc;
}

.vakansiigr #floor {
  background-color: #FBEAB6;
  border-top: 1px solid #6E6868;
  border-left: 1px solid #6E6868;
  margin-bottom: 20px;
  width: 600px;
  position: relative;
  box-sizing: content-box;
  display: none;
}

.vakansiigr .S_floor {
  display: none;
}

.vakansiigr .big {
  font-size: 20px;
  color: #56279c;
}

.vakansiigr .row_lam {
  clear: both;
  border-bottom: 1px solid #6E6868;
  box-sizing: border-box;
}

.vakansiigr .item_lam {
  float: left;
  background-color: #FBEAB6;
  font-size: 11px;
  box-sizing: border-box;
  border-right: 1px solid #6E6868;
  border-bottom: 1px solid #6E6868;
}

@media screen and (max-width: 600px) {
  body {
    margin: 0;
  }

  .vakansiigr .wrapper {
    width: 100%;
  }

  .vakansiigr .row {
    width: 90%;
  }
}

@media screen and (max-width: 495px) {
  .vakansiigr .row {
    display: block;
  }
}