body, html {
  font-family: "Roboto", sans-serif;
  font-size: 14pt;
  color: #666;
}

main {
  margin: 3em 0 0 0;
}

header {
  position: absolute;
  top: 0;
  width: 100%;
/*   z-index: 15; */
/*   background: rgba(255,255,255,0.9); */
  background: #848585;
  background-image: linear-gradient(#ffffff26 1px, transparent 0), linear-gradient(90deg, #ffffff26 1px, transparent 0),linear-gradient(to right, #fafbfc, #222);
  background-size: 100% 10px, 10px;
}

.header-dealer {
  position: fixed;
  top: 0;
  width: 32px;
  z-index: 1;
  background: rgba(255,255,255,0.9);
  background-image: none;
}

#logo {
  position: absolute;
  height: 2em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  background-size: cover;
  outline: none;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
}

#logo img {
  height: 2em;
  margin: 0 0 0 .5em;
  -moz-transition: margin 0.4s 0s ease-out;
  -o-transition: margin 0.4s 0s ease-out;
  -webkit-transition: margin .4s 0s ease-out;
}

#logo:hover {
  width: 5em;
}

#logo:hover ~ nav {
  margin:  0 0 0 6em;
}

#logo:hover img {
  margin: 0 0 0 1.5em;
}

#check-menu {
  height: 3em;
  width: 3em;
  position: absolute;
  cursor: pointer;
/*   background: #fff; */
  right: 0;
  display:none;
}

#check-menu:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

#line-wrapper {
  width: 50%;
  height: 50%;
  margin: 25% 0 0 25%;
}

#line-1, #line-2, #line-3 {
  float: left;
  width: 100%;
  height: 0.2em;
  margin: 0 0 0.4em 0;
  background: #03a9f4;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
}

.active-button #line-1 {
  transform: translate(0, -2em);
  -webkit-transform: translate(0, -2em)
  -moz-transform: translate(0, -2em)
  -o-transform: translate(0, -2em)
  -ms-transform: translate(0, -2em)
}

.active-button #line-2 {
  transform: rotate(45deg) translate(0.035em, 0.05em);
  -webkit-transform: rotate(45deg) translate(0.035em, 0.05em);
  -moz-transform: rotate(45deg) translate(0.035em, 0.05em);
  -o-transform: rotate(45deg) translate(0.035em, 0.05em);
  -ms-transform: rotate(45deg) translate(0.035em, 0.05em);
}

.active-button #line-3 {
  transform: rotate(135deg) translate(-0.375em, 0.35em);
  -webkit-transform: rotate(135deg) translate(-0.375em, 0.35em);
  -moz-transform: rotate(135deg) translate(-0.375em, 0.35em);
  -o-transform: rotate(135deg) translate(-0.375em, 0.35em);
  -ms-transform: rotate(135deg) translate(-0.375em, 0.35em);
}

.open-nav {
/*   background: rgba(255,255,255,0.9); */
  background: #b9b9b9;
  top: 3em;
}

nav {
  margin: 0 0 0 5em;
  position: relative;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
}

nav>ul>li {
  position: relative;
  display: block;
  float: left;
  text-align: center;
}

nav a {
  display: block;
  position: relative;
  font-family: "Roboto", serif;
  line-height: 300%;
/*   font-size: 75%; */
  color: #000;
  padding: 0 2em 0 2em;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
}

nav a:hover {
  font-weight:bold;
  background-color: rgba(255, 255, 255, 0.6);
}

nav a:active {
  font-weight:bold;
  background-color: rgba(255, 255, 255, 0.6);
}

/*nav a:after {
  content: "";
  width: 100%;
  height: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #03a9f4;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
}*/

nav a:hover:after {
  height: 5px;
}

nav>ul>li>ul {
  list-style:none;
  position:absolute;
  left:-9999px;
  opacity: 0;
  background: rgba(255,255,255,0.9);
  -moz-transition: opacity 0.4s 0s ease-in;
  -o-transition: opacity 0.4s 0s ease-in;
  -webkit-transition: opacity .4s 0s ease-in;
}

nav>ul>li:hover>ul {
  left: 0;
  opacity: 1;
}

#enter-lk {
  display: block;
  font-family: "Roboto", serif;
/*   font-size: 75%; */
  line-height: 300%;
  position: absolute;
  right: 0;
  padding: 0;
  color: #fff;
  background-color: rgba(255,255,255,0);
  padding: 0 2em 0 2em;
  text-align: center;
  z-index: 1;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
}

#enter-lk:hover {
  font-weight:bold;
  color: #000;
  background-color: rgba(255, 255, 255, 0.6);
}
/*#enter-lk:after {
  content: "";
  width: 100%;
  height: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #03a9f4;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
}*/

#enter-lk:hover:after {
  height: 5px;
}

.wrapper {
  width: 100%;
  padding: 5em 0 5em 0;
}

.horizontal-40 {
  width: 40%;
}

.horizontal-50 {
  width: 50%;
}

.horizontal-33 {
  width: 33.33%;
}

.horizontal-66 {
  width: 66.66%;
}

.white-bg {
  background: rgba(255,255,255,0.9);
}

.horizontal-100 {
  width: 100%;
}

.right {
  float: right;
}

.left {
  float: left;
}

.t-center {
  text-align: center;
}

.margin1 {margin: 1em;
}

/* индивидуальные картинки по id для background */

#index-start {
  background: url(../img/index-page/cloud-1.jpg) center center no-repeat;
  background-size: cover;
}

#slider-back {
  background: url(../img/index-page/alternate-slider.jpg) center right no-repeat;
  background-size: cover;
}

#buissness-start {
  background: url(../img/business-page/start.jpg) center center no-repeat;
  background-size: cover;
}

#provider-start {
  background: url(../img/provider-page/provider-start.jpg) center center no-repeat;
  background-size: cover;
}

#provider-1 {
  background: url(../img/provider-page/provider-1.jpg) center center no-repeat;
  background-size: cover;
}

#provider-2 {
  background: url(../img/provider-page/provider-2.jpg) center center no-repeat;
  background-size: cover;
}

#first-offer {
  background: url(../img/index-page/first-offer.jpg) center center no-repeat;
  background-size: cover;
}

#fix-offer {
  background: url(../img/index-page/fix-base.jpg) center center no-repeat;
  background-size: cover;
}

#scan-offer {
  background: url(../img/index-page/scan-2.jpg) right center no-repeat;
  background-size: cover;
}

#second-offer {
  background: url(../img/index-page/second-offer-v.jpg) center top no-repeat;
  background-size: cover;
}

#monitoring-offer {
  background: url(../img/index-page/monitoring.jpg) center center no-repeat;
  background-size: cover;
}

#third-offer {
  background: url(../img/index-page/third-offer.jpg) center center no-repeat;
  background-size: cover;
}

#buissness-1 {
  background: url(../img/business-page/start-1.jpg) center center no-repeat;
  background-size: cover;
}

#tariffs {
  background: url(../img/index-page/tariffs.jpg) center center no-repeat;
  background-size: cover;
}

#map-wrap {
  background: url(../img/index-page/for-map.jpg) center center no-repeat;
  background-size: cover;
  padding-bottom: 20px;
}

#contacts {
  background: url(../img/index-page/contacts.jpg) center center no-repeat;
  background-size: cover;
}

#contacts-header {
  background: url(../img/index-page/contacts-header.jpg) center center no-repeat;
  background-size: cover;
}

/* END индивидуальные картинки по id для background */

.background-gray {
  background-color: #fafbfc;
}

section {
  width: 80%;
  padding: 10em 10% 10em 10%;
}

.section-desc {
    /*padding: 6em 10% 6em 10%;*/
    padding: 6em 10% 0em 10%;
  }

.section-8 {
  width: 80%;
  padding: 5em 10% 5em 10%;
}

.padding-1 {
  padding: 2em 3em;
  border-radius: 2px;
}

.offer {
  padding: 13em 5% 0 5%;
}

.info-block {
  padding: 1em 0 2em 0;
}

#off-speed, #off-unlim, #off-tarif, #off-nds, #off-apn, #off-fullday, #off-distance, #off-bill, #off-rouming {
  position: relative;
}

#off-speed:before, #off-unlim:before, #off-tarif:before, #off-nds:before, #off-apn:before,
#off-fullday:before, #off-distance:before, #off-bill:before, #off-rouming:before {
  content: ' ';
  position: absolute;
  top: 3em;
  left: 0;
  height: 10em;
  width: 100%;
}

#off-speed:before    { background: url(../img/business-page/icons/icon-fast.jpg) center center no-repeat;     background-size: contain; }
#off-unlim:before    { background: url(../img/business-page/icons/icon-hight.jpg) center center no-repeat;    background-size: contain; }
#off-tarif:before    { background: url(../img/business-page/icons/icon-sale.jpg) center center no-repeat;     background-size: contain; }
#off-nds:before      { background: url(../img/business-page/icons/icon-nds.jpg) center center no-repeat;      background-size: contain; }
#off-apn:before      { background: url(../img/business-page/icons/icon-apn.jpg) center center no-repeat;      background-size: contain; }
#off-fullday:before  { background: url(../img/business-page/icons/icon-fullday.jpg) center center no-repeat;  background-size: contain; }
#off-distance:before { background: url(../img/business-page/icons/icon-distance.png) center center no-repeat; background-size: contain; }
#off-bill:before     { background: url(../img/business-page/icons/icon-bill.png) center center no-repeat; background-size: contain; }
#off-rouming:before     { background: url(../img/business-page/icons/icon-rouming.png) center center no-repeat; background-size: contain; }

p {
  margin: 0 0 1em 0;
}

.table_comprassion {
  max-width: 85%;
  width: 85%;
  border-collapse: collapse;
  text-align: left;
}
.table_comprassion td {
  vertical-align:top;
  border-top: 1px solid #c9d2f0;
  padding: 10px 10px;
}
.table_comprassion th {
  font-weight: normal;
  color: #e8edff;
  padding: 10px 10px;
}
.table_comprassion td:nth-child(2n) {
  background: #fcfdff;
}
.table_comprassion td:nth-child(2n+1) {
  background: #f7f9ff;
}

#advertising {
    background: url(../img/index-page/background-83.jpg) center center no-repeat, #ffffff80;
    background-size: cover;
    text-shadow: 1px 1px 1px #8dc6ff;
    font-size: 110%;
}
#advertising>.white-background{
  padding: 7em 10%;
  background: rgba(255,255,255,0.5);
}
#advertising div{
  color: #444;
}
#advertising .major {
    font-size: 135%;
    font-weight: 500;
    color: #0051a0;
    padding: 1.2em 0;
}
#advertising .major p{
    margin: 0;
}
#advertising .proviso {
    font-size: 80%;
    text-shadow: 1px 1px 1px #bbbbbb;
    text-align: justify;
}
#advertising a {
    color: #0a65c3;
}

.table_tariffs {
  max-width: 95%;
  width: 95%;
  font-size: 90%;
  margin: 0 auto;
  border-collapse: collapse;
}
.table_tariffs td {
  vertical-align:top;
  border-top: none;
  padding: 5px 5px;
}
.table_tariffs th {
  font-weight: normal;
  color: transparent;
  padding: 5px 5px;
}
.table_tariffs td:nth-child(2n+1) {
  text-align: left;
}
.table_tariffs td:nth-child(2n) {
  text-align: right;
}
.table_tariffs tr:nth-child(3), .table_tariffs tr:nth-child(4) {
  color: #2278ce;
/*   font-weight:bold; */
/*   text-decoration: underline; */
}

.table_description {
  max-width: 60%;
  width: 60%;
  margin: 0 auto;
  border-collapse: collapse;
}
.table_description td {
  vertical-align:top;
  border-top: none;
  padding: 5px 5px;
}
.table_description th {
  font-weight: normal;
  color: transparent;
  padding: 5px 5px;
}
.table_description td:nth-child(2n+1) {
  text-align: left;
}
.table_description td:nth-child(2n) {
  text-align: right;
  color: #333;
}

.green {
  color: #0d9;
}
.blue {
  color: #5af
}

.tariff-block1 {
  width: 100%;
  display: inline-block;
/*   margin-bottom: .5em; */
}

.tariff-block2 {
  width: 100%;
  display: inline-block;
  margin-bottom: 1em;
}

.tariff-block1 section, .tariff-block2 section{
  padding-top: 3em;
  padding-bottom: 4em;
}

h3 {
  font-family: "Roboto Slab", serif;
  font-size: 125%;
  color: #555;
  margin: 0 0 .5em 0;
  text-align: center;
}

.offer p {
  text-align: center;
}

.info-block p, .info-block h3 {
  text-align: left;
}

#call-1 {
  background: #fff;
}

#call-1 p {
  text-align: center;
}

.white-text {
  color: #fff;
}

h1 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 200%;
  line-height: 100%;
  margin: 0 0 .5em 0;
  color: #233;
}

h2 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 175%;
  line-height: 100%;
  margin: 0 0 .5em 0;
  color: #333;
}

.first-page h2, .first-page p {
  text-align: center;
}

.label {
  text-align: center;
}

.description-wrapp {
  font-size: 90%;
  width: 90%;
  margin: 0 auto;
}

.shrift-90 {
  font-size: 90%;
  padding-left: 15px;
}

.description {
  width: 50%;
  float: left;
}

.description-val {
  width: 50%;
  float: left;
  text-align: right;
}

.fourth-page {
  background: url(../img/index-page/fourth-page.jpg) center center no-repeat;
  background-size: cover;
}

.goods-33 {
  width: 33.33%;
}

.goods {
  width: 90%;
  padding: 1em 0 1em 0;
  margin: 0 auto;
  background: rgba(255,255,255,.9);
  overflow: hidden;
  border-radius: 4px;
}

.good-wrapp {
  width: 90%;
  margin: 0 5% 0 5%;
}

.goods-img {
  position: relative;
  background: #fff;
  width: 112%;
  left: -6%;
  margin: 0 auto;
}

.goods-img img {
  width: 80%;
  margin: 0 0 0 10%;
}

.small-img {
  position: relative;
  width: 95%;
  margin: 0 auto;
}

.img-devices {
  float: right;
  width: 40%;
}

}
.button {
  position: relative;
  display: block;
  background: transparent;
  text-align: center;
  color: #03a9f4;
  border: #03a9f4 solid 1px;
  line-height: 300%;
  text-transform: uppercase;
  -moz-transition: all .4s 0s ease-in;
  -o-transition: all .4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
  left: -1px;
  margin: 0 auto;
  border-radius: 0.2em;
}

.button:hover {
  background: #03a9f4;
  color: #fff;
  border-radius: 1.5em;
}

.add-button {
  position: inherit;
  display: flow-root;
  background: #03a9f4;
  text-align: center;
  color: #fff;
  line-height: 250%;
  text-transform: uppercase;
  -moz-transition: all .4s 0s ease-in;
  -o-transition: all .4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
  border: #03a9f4 solid 1px;
  left: -1px;
  margin: 0 auto;
  border-radius: 0.2em;
}

.add-button:hover {
  background: transparent;
  color: #03a9f4;
  border-radius: 1.5em;
}

.cover {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;

  background: rgba(0,0,0,0.9);
  -moz-transition: all .4s 0s ease-in;
  -o-transition: all .4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
  z-index: 10000000;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cover h3, .cover p {
  color: #fff;
}

.open-enter-lk {
  left: 0%;
}

.form-wrapper {
  display: none;
  position: relative;
  width: 50%;
  margin: 0 auto;
}

.lk-login-frame {
  display: block;
  width: 100%;
  height: 245px;
  border: 0;
  background: transparent;
  transition: height .15s ease-out;
}

.form-wrapper a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 70%;
  margin: .5em 0 0 0;
  color: #fff;
}

#enter-form span {
  font-size: 90%;
  color: #fff;
}

#signinerror, #reg-error {
  display: none;
}

@media screen and (max-width: 640px) {
  #enter-form-wrapper {
    width: calc(100% - 3.5em);
  }

  .lk-login-frame {
    height: 260px;
  }
}

.cancel-form {
  position: absolute;
  right: -1.5em;
  top: 0;
  width: 2em;
  height: 2em;
  cursor: pointer;
}

.cancel-form  #cansel-form-line-1 {
  width: 50%;
  height: 0.1em;
  background: #fff;
  transform: rotate(45deg) translate(1.05em, 0.35em);
  -webkit-transform: rotate(45deg) translate(1.05em, 0.35em);
  -moz-transform: rotate(45deg) translate(1.05em, 0.35em);
  -o-transform: rotate(45deg) translate(1.05em, 0.35em);
  -ms-transform: rotate(45deg) translate(1.05em, 0.35em);
}

.cancel-form  #cansel-form-line-2 {
  width: 50%;
  height: 0.1em;
  background: #fff;
  transform: rotate(135deg) translate(0.3em, -1em);
  -webkit-transform: rotate(135deg) translate(0.3em, -1em)
  -moz-transform: rotate(135deg) translate(0.3em, -1em);
  -o-transform: rotate(135deg) translate(0.3em, -1em);
  -ms-transform: rotate(135deg) translate(0.3em, -1em);
}

.input {
  width: calc(100% - 1em);
  line-height: 300%;
  background: rgba(255,255,255,.5);
  border: none;
  font-size: 87.5%;
  outline: none;
  color: #fff;
  border-radius: 4px;
  margin: 0.3em 0 0.3em 0;
  padding: 0 0 0 1em;
  cursor: pointer;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
}

#reg-form .input {
  width: calc(50% - 1.5em);
  float: left;
}

.checkbox {
  border: none;
  font-size: 87.5%;
  outline: none;
  border-radius: 4px;
  margin: 0.8em 0 1.8em 0;
  cursor: pointer;
}

.checkbox + label {
  cursor: pointer;
  color: #fff;
  line-height: 300%;
}
#reg-form .input:nth-child(odd) {
  float: right;
}

.input:focus {
  border-radius: 1.5em;
}

.input_error {
  background: rgba(255,95,95,.5);
}

.input::-webkit-input-placeholder {color: #fff;}
.input::-moz-placeholder          {color: #fff;}/* Firefox 19+ */
.input:-moz-placeholder           {color: #fff;}/* Firefox 18- */
.input:-ms-input-placeholder      {color: #fff;}

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

.btn {
  width: 100%;
  line-height: calc(300% - 2px);
  border: 1px solid #1bb89b;
  font-size: 87.5%;
  outline: none;
  color: #fff;
  border-radius: 0.2em;
  margin: 0.3em 0 0.3em 0;
  background: #1bb89b;
  cursor: pointer;
  transition: all 0.4s 0s ease-in;
}

.btn:hover {
  color: #1bb89b;
  background: transparent;
  border-radius: 1.5em;
}

.small-btn {
  font-size: 75%;
  width: 100%;
  background: transparent;
  color: #fff;
  margin: 0 0 2em 0;
}

.main-desc{
  display: inline-block;
  width: 100%;
  margin-top:1%;
  padding-top: 1em;
}

.desc-dev{
  padding-bottom: 10px;
  text-align: justify;
}
li.desc-dev {
    margin-left: 1em;
}
li.desc-dev::before {
    content: '\1F5F8';
    color: #03a9f4;
    margin-left: -1em;
    font-weight: bold;
    text-shadow: 1px 1px 1px #5dccff;
}

.daw {
    list-style: none;
    font-size: 20px;
}
.mark {
    width: 2px;
    height: 12px;
    margin: 2px 5px 5px 0;
    background: green;
    float: left;
    transform: rotate(-25deg);
    z-index: 1;
}
.mark1 {
    width: 2px;
    height: 10px;
    background: green;
    margin: 4px 5px 5px -5px;
    float: left;
    transform: rotate(25deg);
}

.img-description {
  width: 40%;
  float: right;
  text-align: center;
  margin-top: 0%;
}

.img-description img {
    width: 80%;
  }

.pad-bot-20px {
  padding-bottom: 20px;
}

.contacts-cont {
  padding: 2em 5%;
}

#contacts-header section {
  padding: 5em 10%;
}
.contacts-cont h2 {
  font-weight:bold;
  font-size:140%;
  color:#585858;
}
.contacts-cont table {
  display: block;
  border-spacing: 0 1em;
  border-collapse: inherit;
}
.contacts-cont table td {
  padding-right: 1em;
  text-shadow: 1px 1px 0px #fff;
}
.contacts-cont table td:nth-child(1) {
  font-weight:bold;
  text-align: right;
  color: #555;
}
.contacts-cont table td:nth-child(2) {
  text-align:left;
  color: #444;
}
.contacts-cont a {
  color: #253956;
}
.contacts-cont a:hover {
  font-weight:bold;
}
#contacts>div {
  padding-bottom: 48px;
}
#cont-map {
  display:block;
  width:70%;
  border: 1px #ababac solid;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  #cont-map {
    width:95%;
  }
}
@media screen and (max-width: 639px) {
  #cont-map {
    width:100%;
    border: none;
    border-top: 1px #ababac solid;
    border-bottom: 1px #ababac solid;
  }
}

/**/
.slider{
    margin: 0 auto;
    position: relative;
/*     background-color: #ddd; */
}
/*=============СЛАЙДЫ===================*/
.img1{
    position: relative;
    max-width: 100%;
    -webkit-transition-property:opacity, z-index;
    -webkit-transition-duration:1s;
    -moz-transition-property:opacity, z-index;
    -moz-transition-duration:1s;
    -o-transition-property:opacity, z-index;
    -o-transition-duration:1s;
    transition-property:opacity, z-index;
    transition-duration:1s;
    opacity: 1; /*не прозрачная только первая картинка*/
    z-index: 1;
} 
.img2, .img3, .img4{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    -webkit-transition-property:opacity, z-index;
    -webkit-transition-duration:1s;
    -moz-transition-property:opacity, z-index;
    -moz-transition-duration:1s;
    -o-transition-property:opacity, z-index;
    -o-transition-duration:1s;
    transition-property:opacity, z-index;
    transition-duration:1s;
    opacity: 0;
}

.img-slide img{
    width: 100%;
    min-height: 16em;
}
/*@media screen and (max-width: 880px) {
.img-slide img{
    width: auto;
    height: 100%;
  }
}*/

/*============Анимация слайдов=======================*/
.img1{ 
    animation: imgAnim 24s linear infinite;
    -webkit-animation: imgAnim 24s linear infinite;
    -moz-animation: imgAnim 24s linear infinite;
    -o-animation: imgAnim 24s linear infinite;
}
.img2{
  animation: imgAnim 24s linear 6s infinite;
  -webkit-animation: imgAnim 24s linear 6s infinite;
  -moz-animation: imgAnim 24s linear 6s infinite;
  -o-animation: imgAnim 24s linear 6s infinite;
}
.img3{
  animation: imgAnim 24s linear 12s infinite;
  -webkit-animation: imgAnim 24s linear 12s infinite;
  -moz-animation: imgAnim 24s linear 12s infinite;
  -o-animation: imgAnim 24s linear 12s infinite;
}
.img4{
  animation: imgAnim 24s linear 18s infinite;
  -webkit-animation: imgAnim 24s linear 18s infinite;
  -moz-animation: imgAnim 24s linear 18s infinite;
  -o-animation: imgAnim 24s linear 18s infinite;
}

@keyframes imgAnim {
    0% { opacity: 0; z-index: 5; }
    8% { opacity: 1; z-index: 5; }
    17% { opacity: 1; z-index: 5;}
    25% { opacity: 0; z-index: 5; }
    100% { opacity: 0; z-index: 5; }
}
@-webkit-keyframes imgAnim {
    0% { opacity: 0; z-index: 5; }
    8% { opacity: 1; z-index: 5; }
    17% { opacity: 1; z-index: 5; }
    25% { opacity: 0; z-index: 5; }
    100% { opacity: 0; z-index: 5; }
}
@-o-keyframes imgAnim {
    0% { opacity: 0; z-index: 5;}
    8% { opacity: 1; z-index: 5;}
    17% { opacity: 1; z-index: 5; }
    25% { opacity: 0; z-index: 5; }
    100% { opacity: 0 }
}
@-moz-keyframes imgAnim {
    0% { opacity: 0; z-index: 5;}
    8% { opacity: 1; z-index: 5;}
    17% { opacity: 1; z-index: 5; }
    25% { opacity: 0; z-index: 5; }
    100% { opacity: 0; z-index: 5; }
}

/*=====ОПИСАНИЕ=========================================*/
.discript1, .discript2, .discript3, .discript4{
    position: absolute;
    width: 60%;
    background-color: rgba(0, 0, 0, 0.56);
    bottom: 7%;
    left: 5%;
    padding: 10px;
    color: #fff;
}
@media screen and (max-width: 880px) {
  .discript1, .discript2, .discript3, .discript4{
    width: 80%;
  }
}
.slider h3{
  color:#ebebeb;
}
/*========пауза в анимации при наведении на слайд=========*/
.slider:hover .img-slide{
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
/*===КНОПКИ КРУГЛЯШИ===============*/

.but1, .but2, .but3, .but4 {
    position: absolute;
    width: 14px;
    height: 14px;
    background: transparent;
    bottom: 25px;
    left: 50%;
    right: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 12;
    box-shadow: -1px -1px 1px 1px rgba(0,0,0, 0.5);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    outline:none;
}
.but1{
    margin-left: -50px;
}
.but2{
    margin-left: -25px;
}
.but4{
    margin-left: 25px;
}
.round1, .round2, .round3, .round4{
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    bottom: 25px;
    left: 50%;
    right: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 11;
    box-shadow: -1px -1px 1px 1px rgba(0,0,0, 0.5);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    outline:none;
}

.round1{
    margin-left: -50px;
}
.round2{
    margin-left: -25px;
}
.round4{
    margin-left: 25px;
}
/*==============Активация при анимации кружка навигации*=================*/
.round1{
    animation: butAnim 24s linear infinite;
    -webkit-animation: butAnim 24s linear infinite;
    -moz-animation: butAnim 24s linear infinite;
    -o-animation: butAnim 24s linear infinite;
}
.round2{
    animation: butAnim 24s linear 6s infinite;
    -webkit-animation: butAnim 24s linear 6s infinite;
    -moz-animation: butAnim 24s linear 6s infinite;
    -o-animation: butAnim 24s linear 6s infinite;
}
.round3{
    animation: butAnim 24s linear 12s infinite;
    -webkit-animation: butAnim 24s linear 12s infinite;
    -moz-animation: butAnim 24s linear 12s infinite;
    -o-animation: butAnim 24s linear 12s infinite;
}
.round4{
    animation: butAnim 24s linear 18s infinite;
    -webkit-animation: butAnim 24s linear 18s infinite;
    -moz-animation: butAnim 24s linear 18s infinite;
    -o-animation: butAnim 24s linear 18s infinite;
}
@keyframes butAnim {
    0% {background-color: #fff;}
    8% {background-color: #2278ce;}
    17% {background-color: #2278ce;}
    25% {background-color: #fff;}
    100% {background-color: #fff;}
}
@-webkit-keyframes butAnim {
    0% {background-color: #fff;}
    8% {background-color: #2278ce;}
    17% {background-color: #2278ce;}
    25% {background-color: #fff;}
    100% {background-color: #fff;}
}
@-o-keyframes butAnim {
    0% {background-color: #fff;}
    8% {background-color: #2278ce;}
    17% {background-color: #2278ce;}
    25% {background-color: #fff;}
    100% {background-color: #fff;}
}
@-moz-keyframes butAnim {
    0% {background-color: #fff;}
    8% {background-color: #2278ce;}
    17% {background-color: #2278ce;}
    25% {background-color: #fff;}
    100% {background-color: #fff;}
}

.slider:hover .nav{
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
/*================ДЕЙСТВИя================*/
.but1:focus ~ .img-slide, .but2:focus ~ .img-slide, .but3:focus ~ .img-slide, .but4:focus ~ .img-slide {
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}      
.but1:focus ~ .nav, .but2:focus ~ .nav, .but3:focus ~ .nav, .but4:focus ~ .nav {
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}

.but1:focus ~ .img1, .but2:focus ~ .img2, .but3:focus ~ .img3, .but4:focus ~ .img4 {
    opacity: 1;
    z-index: 9;
}


.but1:focus, .but2:focus, .but3:focus, .but4:focus, .but5:focus{
    background-color:  #8699a4;
}
/**/

.sub-menu {
   display: none; 
} 
.main-item:focus ~ .sub-menu, 
.main-item:active ~ .sub-menu, 
.sub-menu:hover 
{ 
   display: block; 
}

.map-art {
    padding-top: 0.5em;
}

anchore {
  position: relative;
  top: -38px;
}

@media screen and (max-width: 720px) {
  anchore {
    top: -215px;
  }
}

#nav-menu{
  display: block;
  text-align: left;
/*   padding-left: 100px; */
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  z-index: 15;
}

#tel1, #mail1{
  display: block;
  background-color: #000000ba;
  width: 100%;
  z-index: 14;
}

.contacts {
    margin-top: 40px;
    display: inline-flex;
    width: 100%;
}


a#nav-menu-button {
    display: none;
    text-align: center;
}

#nav-menu>ul>li {
  display: inline-block;
  text-align: center;
}

#nav-menu li a {
  display: block;
}
#nav-menu a{
  color: #fff;
/*   background-color: #42b6ea; */
  padding: 10px 22px;
  font-size: 90%;
  box-shadow: inset 0px -5px rgba(255, 255, 255, 0.5);
}
a#tel1, a#mail1 {
  color: #d6f2ff;
  padding: 10px 22px;
  font-size: 80%;
  text-align: center;
}
#nav-menu a#go-up {
  visibility: hidden;
  background-color: #3783bdc7;
}
#nav-menu a#go-up:hover {
    background-color: #46a1e6c7;
    color: #fff;
    -moz-transition: all 0.4s 0s ease-in;
    -o-transition: all 0.4s 0s ease-in;
    -webkit-transition: all .4s 0s ease-in;
    text-shadow: 1px 1px 1px #214f71;
}

#nav-menu a:hover {
    color: #000;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: none;
    -moz-transition: all 0.4s 0s ease-in;
    -o-transition: all 0.4s 0s ease-in;
    -webkit-transition: all .4s 0s ease-in;
    text-shadow: 1px 1px 1px #ccc;
}

a#tel1:hover, a#mail1:hover{
    background-color: #8a8a8a;
    color: #fff;
    -moz-transition: all 0.4s 0s ease-in;
    -o-transition: all 0.4s 0s ease-in;
    -webkit-transition: all .4s 0s ease-in;
    text-shadow: 1px 1px 1px #214f71;
}

#nav-menu-list {
  display:block;
  position:absolute;
  text-align: left;
  background-color: #000000c7;
/*   background-color: #03a9f4; */
  width: 100%;
  z-index: 15;
}

.active-button-nav-menu {
  background-color: #333;
  font-weight:bold;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -webkit-transition: all .4s 0s ease-in;
}

.cost {
    text-align: right;
    padding: .5em;
    font-weight: bold;
    font-size: 110%;
    margin-right: 10%;
}

#order-form {
  position: absolute;
  z-index: 15;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  background: linear-gradient(to bottom,rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5));
  width: 100%;
}
/* new */
#form1 {
  padding: 1.5em 0 0.3em 6em;
  display: inline-block;
}
#form1 .phone, #form1 .name {
  font-size: 100%;
  background: white;
  padding: 3px;
  color: #3b5d84;
  font-weight: bold;
  border-radius: 0.2em;
  border: 2px solid #888;
  padding-left: 15px;
  background: linear-gradient(to bottom,#eee, #fff 50%, #fff 100%);
  letter-spacing: -0.5px;
}
#form1 .btn2 {
  background: #0008;
  color: white;
  padding: 6px 20px;
  font-size: 90%;
  border: #fff solid 2px;
  border-radius: 0.3em;
  cursor: pointer;
  font-weight:bold;
  margin-left: 140px;
}
#form1 .btn2:hover {
    border: rgba(255, 255, 255, 0.1) solid 2px;
    color: #000;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: none;
    -moz-transition: all 0.4s 0s ease-in;
    -o-transition: all 0.4s 0s ease-in;
    -webkit-transition: all .4s 0s ease-in;
    text-shadow: 1px 1px 1px #ccc;
}
#form1 div, #form1 input{
  margin-bottom: 0.75em;
}
#form1 .answer {
    color: white;
    font-size: 105%;
    text-shadow: none;
    padding: unset;
    font-weight: normal;
}

#form2, #form3, #form4 {
  display:none;
}
#form2 li, #form3 li, #form4 li {
    margin: 0.5em 0;
}
.hide {
  display:none;
}
.hide:checked + label + #form2, .hide:checked + label + #form3, .hide:checked + label + #form4 {
  display: inline-block;
}
.answer {
    padding: 0.75em 0 0 0.5em;
    color: #656565;
    font-weight: bold;
    text-shadow: 1px 1px #ffffff;
}
label.btn3 {
    background: #3783bd;
    color: white;
    display: grid;
    padding: 0.5em 1em;
    border-radius: 0.3em;
    border: transparent solid 1px;
    cursor: pointer;
    text-align: center;
}
label.btn3:hover {
    background: #57a3dd;
    border: #3783bd solid 1px;
    font-weight: bold;
}
.hide:checked + label.btn3 {
    background: #4f97ce;
    border: #3783bd solid 1px;
    font-weight: normal;
}
.hide:checked + label.btn3:hover {
    background: #57a3dd;
    border: #3783bd solid 1px;
    font-weight: bold;
}
.order-form input {
    font-size: 100%;
    background: white;
    padding: 3px;
    margin: 0 5px;
    color: #3b5d84;
    font-weight: bold;
    border-radius: 0.2em;
    padding-left: 15px;
    border: #929eb0 solid 2px;
    background: linear-gradient(to bottom,#eee, #fff 50%, #fff 100%);
    letter-spacing: -0.5px;
}
input.btn2 {
    background: #3783bd;
/*     padding-left: 0; */
    padding: 6px 20px;
    border: rgba(165, 173, 185, 0) solid 1px;
    color: #f5f5f5;
    border-radius: 0.3em;
    cursor: pointer;
    margin-left: 130px;
}
input.btn2:hover {
    background: #4f97ce;
    color: #fff;
    border: #3783bd solid 1px;
}
.order-form>ul>div {
    padding-top: 5px;
    color: #4c7798;
}
/* end new */
@media screen and (max-width: 1440px) {
  input.btn2 {
    margin-left: 135px;
  }
  .contacts {
    margin-top: 38px;
  }
}
@media screen and (max-width: 1023px) {
  #nav-menu a {
    padding: 10px 10px;
    font-size: 80%;
  }
  #order-form {
    font-size: 80%;
  }
  #order-form input[type="button"] {
    margin-left: 15.6em;
  }
  #form1 .btn2 {
    margin-left: 125px;
  }
  #form2 .btn2, #form3 .btn2, #form4 .btn2 {
    margin-left: 159px;
  }
}
@media screen and (max-width: 906px) {
  a#nav-menu-button, a#tel1, a#mail1 {
    display: inline-block;
    width:100%;
    padding: 10px 0
  }
  a#tel1, a#mail1 {
    margin-top: 0;
    padding: 10px 0;
  }
  .contacts {
    margin-top: unset;
    display: unset;
    width: unset;
  }
  #nav-menu-list {
    display:none;
  }
  #nav-menu>ul>li {
      display: block;
  }
  #nav-menu a {
    box-shadow: none;
  }
  #nav-menu a#go-up {
    display: none;
  }
}
@media screen and (max-width: 731px) {
  #order-form input[type="button"] {
    margin-left: auto;
  }
  #order-form ul {
    padding: 1.5em 0 0.5em 3em;
  }
  #order-form {
    text-align: center;
  }
  #form1 {
    padding: 1.5em 0 0.3em 0em;
    text-align: left;
  }
  #form1 .answer {
    margin-left: 3em;
  }
}
@media screen and (max-width: 725px) {
  #form2, #form3, #form4 {
    text-align: center;
  }
  #form2 li, #form3 li, #form4 li {
    margin: 0;
  }
  .order-form input {
    margin: 5px;
  }
  #form2 .btn2, #form3 .btn2, #form4 .btn2 {
    float: none;
    margin-right: auto;
    padding: 5px 97px;
    margin: auto;
    display: block;
  }
}
@media screen and (max-width: 600px) {
  #form1 {
    padding: 1.5em 0 0 0em;
    text-align: center;
  }
  #order-form ul {
    padding: 1.5em 0 0.5em 0em;
  }
  #form1 .answer {
    margin-left: 0;
  }
  #form1 .btn2 {
    float: unset;
    padding: 6px 76px;
    font-size: 100%;
    margin-left: 5px;
  }
}
@media screen and (max-width: 540px) {
  #form1 .btn2 {
      padding: 4px 64px;
  }
  #form2 .btn2, #form3 .btn2, #form4 .btn2 {
    padding: 4px 79px;
  }
}
@media screen and (max-width: 440px) {
  #form1 .btn2 {
    margin-bottom: 0.75em;
    padding: 4px 64px;
  }
}
@media screen and (max-width: 360px) {
  #form1 .btn2 {
      padding: 4px 57px;
  }
  #form2 .btn2, #form3 .btn2, #form4 .btn2 {
      padding: 4px 71px;
  }
}
@media screen and (max-width: 320px) {
  #form1 .btn2 {
    padding: 4px 51px;
  }
  #form2 .btn2, #form3 .btn2, #form4 .btn2 {
    padding: 4px 58px;
  }
}
@media screen and (max-width: 270px) {
  #nav-menu a {
    padding: 5px;
  }
  #order-form ul {
    padding: 1.5em 0 0.5em 1em;
  }
}
@media screen and (max-width: 270px) {
  #form1 .btn2 {
    margin: 5px;
    padding: 3px 52px;
  }
}
@media screen and (max-width: 240px) {
  #form1 .btn2 {
    padding: 3px 31px;
  }
  #form2 .btn2, #form3 .btn2, #form4 .btn2 {
    padding: 4px 38px;
  }
}

#index-start .horizontal-100 section {
  padding: 10em 10% 2em 10%;
}

/*#start_this_video {
  width: 1024px;
  height: 576px;
  cursor: pointer;
}

img#start_this_video {
  height: 576px;
  border:none;
  background: url(../img/video-previev.png) no-repeat center;;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
img#start_this_video:hover {
  background: url(../img/video-previev-hover.png) no-repeat center;;
}*/

.this_video {
  text-align: center;
}
@media screen and (max-width: 1023px)  {
  .this_video iframe {
    width: 100%;
    height: 20em;
  }
}

#okno {
    width: 350px;
    height: 205px;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    color: #666;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #fff;
    box-shadow: 5px 5px 5px #828282;
}
#okno table{
  margin:auto;
  border-collapse: inherit;
  border-spacing: 10px 5px;
}
#okno td{
  text-align:left;
  padding: 5px 0;
}
#okno input{
  border: 1px solid #dae1e8;
  background: #f0f2f5;
  font-size: 16px;
  color: #42648b;
  font-weight: bold;
}
.close {
  width: 100%;
  height: 100%;
  display: block;
}
#okno a {
  display: inline-block;
  padding: 5px;
  background: #03a9f4;
  text-align: center;
  color: #fff;
  border: #03a9f4 solid 2px;
  border-radius: 0.3em;
  -moz-transition: all .3s 0s ease-in;
  -o-transition: all .3s 0s ease-in;
  -webkit-transition: all .3s 0s ease-in;
}
#okno a:hover {
  background: transparent;
  color: #03a9f4;
  border-radius: 1.5em;
}
#thanks {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999;
}
#thanks:target {display: block;}
#winthanks {
    width: 350px;
    height: 205px;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    color: #666;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #fff;
    box-shadow: 5px 5px 5px #828282;
}

/*#go_up {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 160px;
	right: 200px;
	cursor: pointer;
}*/



#toTop {
    width: 56px;
    height: 56px;
    border-radius: 32px;
    border: 2px solid #03a9f4ba;
    background: transparent;
    text-align: center;
    position: fixed;
    bottom: 15px;
    right: 10px;
    cursor: pointer;
    display: none;
    z-index: 998;
}
#toTop:hover {
    background-color: rgba(255, 255, 255, 0.5);
    border: 3px solid #2196f3;
    bottom: 14px;
    right: 9px;
}

#comments {
  width: 1000px;
  margin: auto;
  padding-top: 1em;
}
@media screen and (max-width: 1023px)  {
  #comments {
    padding-bottom: 75px;
    width: 100%;
    margin: auto;
    padding-top: 0;
  }
}
#big_map {
  height: 550px;
}
#end_space {
   margin-bottom: 74px;
}
/*article.third-page.background-gray {
    margin-bottom: 74px;
}/*nocoments*/*/
.modalDialog {
	position: absolute;
    background: #b9b9b9;
	z-index: 100;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
}
.modalDialog:target {
	display: none;
	pointer-events: auto;
}

@media screen and (max-width: 880px) {
  .modalDialog {
    position:relative;
/*     display: block; */
 }
}

@media screen and (max-width: 1440px) {
  body, html {
    font-size: 13pt;
  }
}

@media screen and (max-width: 960px) and (max-height: 540px) {
  body, html {
    font-size: 12pt;
  }
}

@media screen and (max-width: 1023px)  {

  body {
    font-size: 16pt;
  }

/*  #fix-offer, #second-offer, #third-offer {
    padding: 22em 0 0 0;
  }*/

  .first-page section {
    background: rgba(3,169,244,0.9);
  }

  #third-offer section {
    background: rgba(3,169,244,0.9);
  }

  #third-offer {
    background: url(../img/start-page/third-offer.jpg) center right no-repeat;
    background-size: cover;
  }

  header {
    height: 3em;
  }

  nav ul {
    width: 100%;
    padding: 0;
    position: absolute;
    top: -20em;
    z-index: 16;
  }

  nav li {
    display: block;
    text-align: right;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }

  nav a {
    padding: 0 1em 0 0;
  }

  #enter-lk {
    width: calc(100% - 10em);
    right: 3em;
    color: #fff;
  }

  #check-menu {
    /*right: 0;*/
    display: inline;
  }

  .horizontal-50, .horizontal-66, .horizontal-33, .horizontal-40  {
    width: 100%;
  }

  section {
    padding: 2em 10% 2em 10%;
  }

  .section-1em {
    padding: 1em 10% 1em 10%;
  }

  .goods {
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }
}

@media screen and (max-width: 800px) and (max-height: 600px) {
  body, html {
    font-size: 13pt;
  }

  h2 {
    font-size: 150%;
  }

  .goods-33 {
    width: 33.33%;
    height: 100%;
  }

  .goods {
    background: rgba(255,255,255,.9);
    border: none;
  }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
  body, html {
    font-size: 12pt;
  }

  .goods-img img {
    width: 70%;
    margin: 0 0 0 15%;
  }

  .tarif {
    width: 50%;
  }

  .tarif section {
    width: 90%;
    padding: 2em 5% 2em 5%;
  }

}

@media screen and (max-width: 640px) and (orientation: landscape) {
  body, html {
    font-size: 12pt;
  }
}

@media screen and (max-width: 640px) and (max-height: 360px) and (orientation: landscape) {
  body, html {
    font-size: 10pt;
  }
}

@media screen and (max-width: 540px) {
  body, html {
    font-size: 12pt;
  }

  .tarif {
    width: 100%;
  }

  /* Keep the four-column comparison readable without widening the page. */
  body.page-id-11336 #comp_table > .tarif {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait) {

  body, html {
    font-size: 12pt;
  }

}

@media screen and (max-width: 480px) and (orientation: landscape) {
  body, html {
    font-size: 10pt;
  }

  h2 {
    font-size: 160%;
  }
}

@media screen and (max-width: 400px) and (orientation: landscape) {
  body, html {
    font-size: 6pt;
  }
}

@media screen and (max-width: 360px) {
  body, html {
    font-size: 11pt;
  }
  .goods-33 {
    width: 50%;
    margin: 0 0 1em 0;
  }
}


@media screen and (max-width: 320px) {

  body, html {
    font-size: 9pt;
  }
}


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

  body, html {
    font-size: 5pt;
  }
}

@media screen and (max-width: 880px) {

  #fix-offer, #second-offer, #third-offer {
    padding: 2em 0 0 0;
  }
  .img-description {
    width: 100%;
  }
  .section-desc {
    width: 90%;
    padding: 2em 5% 2em 5%;
  }

  .table_description {
    max-width: 90%;
    width: 90%;
  }
}