.bgcolor-00 {
 background-color: rgb(180, 190, 190);
}
.bgcolor-01 {
  background-color: rgb(250, 250, 250);
}
.bgcolor-02 {
  background-color: rgb(245, 245, 245);
}
.bgcolor-03 {
    background-color: rgb(235, 235, 235);
}
.bgcolor-04 {
  background-color: rgb(229, 229, 229);
}
.bgcolor-05 {
  background-color: rgb(255, 255, 255);
}

.rental-range h1 {
  text-align: center;
  padding: 10px;
  margin: 0px;
  text-transform: uppercase;
  font-weight: 100;
  font-size  : 3.5em;
}

.catalog {
  display: block;
  text-align: center;
}

.rental-range {
  max-width:1100px;
  margin: auto;
}

/* .row {
  display: inline-flex;
} */

.row {
  margin-top:-30px;
  margin-bottom:60px;
  }

.row1 {
    margin:50px 0 60px 0;
  }

.row2 {
    margin:-50px 0 50px 0;

  }
/* Clear floats after the columns */
.row:after, .row1:after, .row2:after {
  content: "";
  display: table;
  clear: both;
}

/* Начало - Полный модельный ряд */
.rng1 {width: 9%; }
.rng2 {width: 10%;}
.rng3 {width: 12%;}
.rng4 {width: 13%;}
.rng5 {width: 16%;}
.rng6 {width: 11%;}
.rng7 {width: 9%;}
.rng8 {width: 10%;}
.rng9 {width: 10%;}

.rng {
  float: left;
  text-align: center;
  margin:auto;
}
.col1 {width: 50%;}
.col1 img {max-height: 250px;}
/* border:1px solid;  */

.col2 {width: 70%;}
.col2 img {max-height: 250px;}

.col3 {width: 30%;}
.col3 img {max-height: 240px;}

.rng h4 {
  margin: 0px;
  font-size: 1.3em;
}
.rng span {
  font-size: 0.8em;
}
.rng p {
  font-size: 0.9em;
  color:rgb(51, 51, 51);
  margin: 2px;
  padding: 0px;
  line-height: 1.0;
}

.rng-bg{
  background-image: linear-gradient(230deg, rgba(255,0,0,0), rgba(25, 106, 112, 0.3));
}

.rng-btn {
  display: inline-flex;
  margin: 10px 0px 5px 0px;
  height: 20px;
  width: 70px;
  justify-content: center;
  align-items: center;
  border: 1px solid rgb(80, 80, 80);
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
  color:rgb(80, 80, 80);
  font-size: 0.8rem;
  line-height: 1.1;
  }
  .rng-btn1 {
    border: 1px solid rgb(80, 80, 80);
    color:black;
  }
.rng-btn1:hover {
  border-color: black;
  color:black;
  }
  .rng-btn2 {
    border: 1px solid rgb(180, 41, 41);
    color:rgb(180, 41, 41);
  }
  .rng-btn2:hover {
  border-color: rgba(255, 0, 0, 1);
  color:rgba(255, 0, 0, 1);
  }
/* Конец - полный модельный ряд */

/* Начало - Арендный модельный ряд */
.rng0-r {width: 15%;}
.rng1-r {width: 20%;}
.rng2-r {width: 20%;}
.rng3-r {width: 20%;}
.rng4-r {width: 25%;}


/* Конец - арендный модельный ряд */

/* Начало - MC модельный ряд */
.rng1-m {width: 16%; }
.rng2-m {width: 16%;}
.rng3-m {width: 16%;}
.rng4-m {width: 16%;}
.rng5-m {width: 16%;}
.rng6-m {width: 20%;}

.rng-m h4 {
  margin: 0px;
  font-size: 1.3em;
}
.rng-m p {
  font-size: 0.9em;
  color:rgb(51, 51, 51);
  margin: 2px;
  padding: 0px;
  line-height: 1.0;
}
/* Конец - MC модельный ряд */

/* Начало - MC модельный ряд */
.rng1-c {width: 25%;}
.rng2-c {width: 25%;}
.rng3-c {width: 25%;}
.rng4-c {width: 25%;}

.rng-с h4 {
  margin: 0px;
  font-size: 1.3em;
}
.rng-с p {
  font-size: 0.9em;
  color:rgb(51, 51, 51);
  margin: 2px;
  padding: 0px;
  line-height: 1.0;
}
/* Конец - MC модельный ряд */



.features {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: 100%;
  justify-content: center; 
}
.features h2, .features h3 {
  width: 100%;
}
.features .item-l, .features .item-r {
  display: flex;
  width: 50%;
  background-color: rgb(235, 232, 232);
  align-items: center;
}
.features img {
  max-height: 550px;
}
.features .item-l img {
  justify-content: left;
}
.features .item-r img {
  justify-content: right;
}

.underconstruction {
display: flex;
flex-wrap: wrap;
position: relative;
max-width: 100%;
justify-content: center;
margin: 50px 10px 50px 10px;   
}

.underconstruction h1 {
  width: 100%;
  text-align: center;
  padding: 10px;
  margin: 50px;
  text-transform: uppercase;
  font-weight: 100;
  font-size  : 2.3em;
}
.underconstruction h2 {
  width: 100%;
  text-align: center;
  padding: 40px 0 100px 0;
  text-transform: uppercase;
  font-weight: 100;
  font-size  : 2.3em;
}

.contacts{
  max-width: 900px;
  margin: auto;
  padding: 20px;
  text-align: center;
}
.contacts p {
  padding: 15px 0 5px 0;
  color: #000000;
  font-size: 1.2em
}
.contacts p a{
 text-decoration: underline;
 color: #000000;
}
.contacts h1 {
    text-align: center;
    padding: 10px 10px 0 10px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 100;
    font-size  : 2.5em;
}
.contacts h2 {
  text-align: center;
  padding: 20px 0 0 0;
  margin: 0px;
  text-transform: uppercase;
  font-weight: 300;
  font-size  : 1.8em;
}
.contacts h3 {
  text-align: center;
  padding: 20px 0 0 0;
  margin: 0px;
  text-transform: uppercase;
  font-weight: 200;
  font-size  : 1.5em;
}
.contacts a {
 text-decoration: none;
}

.main-page {
  background-image: linear-gradient(230deg, rgba(255,0,0,0), rgba(25, 106, 112, 0.3));
 }
 .main-page .main-container {
  margin: auto;
  max-width:900px;
  text-align: right;

 }

.main-container:after {
  content: "";
  display: table;
  clear: both;
}

 .main-page img {
  position: relative;
  margin-top: -260px;
  margin-bottom: 0px;
 }

 .empty {
  margin-top: 40px;
 }

 .main-page h1 {
  padding: 0;
  text-transform: uppercase;
  font-weight: 100;
  font-size  : 2.7em;
  text-align: left;
  max-width: 550px;
}

.main-page1 h2 {
  padding: 0;
  text-transform: uppercase;
  font-weight: 100;
  font-size  : 2.5em;
  text-align: center;
}

.main-page h1 span, .main-page1 h2 span {
  font-weight: 300;
}
.main-page h2 {
  padding: 0;
  text-transform: uppercase;
  font-weight: 100;
  font-size  : 2.2em;
  text-align: left;
}
.main-page h3 {
  padding: 0;
  text-transform: uppercase;
  font-weight: 100;
  font-size  : 1.4em;
  text-align: left;
}

.text-container {
  /*   background-image:  url(images/main01.png); */
    padding: 120px 20px 0px 20px;
    position: relative;
    text-align: left;
    max-width:630px;
/*     border: 1px solid ; */
   }


   .text-container1 {
   display:flex;
      margin: -220px 20px 100px 20px;
      position: relative;
      max-width:450px;
  /*     border: 1px solid ; */
     }

     .text-container1 p {
        text-align: justify;

       }

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

      
      
        .rng1-m {width: 30%;}
        .rng2-m {width: 30%;}
        .rng3-m {width: 40%;}
        .rng4-m {width: 30%;}
        .rng5-m {width: 30%;}
        .rng6-m {width: 40%;}
      
       
      
      }

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

  .rng0-r {width: 30%;}
  .rng1-r {width: 30%;}
  .rng2-r {width: 40%;}
  .rng3-r {width: 45%;}
  .rng4-r {width: 55%;}

  .rng1-m {width: 50%; }
  .rng2-m {width: 50%;}
  .rng3-m {width: 50%;}
  .rng4-m {width: 50%;}
  .rng5-m {width: 50%;}
  .rng6-m {width: 50%;}

  .rng1-c {width: 50%;}
  .rng2-c {width: 50%;}
  .rng3-c {width: 45%;}
  .rng4-c {width: 55%;}

  .row {margin-top:-100px;}

  .col2 {width: 100%;}
  .col3 {width: 100%;}
  .col1 img {max-height: 150px;}
  .col3 img {max-height: 150px;}

  .main-page img {
    width: 100%;
    margin-top: -40px;
    margin-bottom: 0px;
    z-index: -2;
   }

  .main-page h1, .main-page h2, .main-page h3 {
    text-align: center;
  }

  .main-page h1  {
    font-size  : 2.0rem;
  }

  .main-page1 h2  {
    padding: 20px;
    font-size  : 2.0em;
  }

  .main-page .main-container {
    display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
      width: 100%; 
      
  }

  .text-container {
    display:block ;
    padding:60px 20px 20px 20px;
    width: 100%; 
  }

  .empty {
    margin-top: 0px;
  }
 
  .text-container1 {
   margin: 20px ;
  }
  .main-page .main-container {
    text-align: center;
  }

}

@media  print {

  .rng0-r {width: 30%;}
  .rng1-r {width: 30%;}
  .rng2-r {width: 40%;}
  .rng3-r {width: 45%;}
  .rng4-r {width: 55%;}

  .rng1-m {width: 30%;}
  .rng2-m {width: 30%;}
  .rng3-m {width: 40%;}
  .rng4-m {width: 30%;}
  .rng5-m {width: 30%;}
  .rng6-m {width: 40%;}

  .rng1-c {width: 23%;}
  .rng2-c {width: 24%;}
  .rng3-c {width: 25%;}
  .rng4-c {width: 28%;}

  .row {margin-top:-150px;}

}