@font-face {
  font-family: 'Montserrat-Regular';
  src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
  font-family: 'Ubuntu-Bold';
  src: url(../fonts/Ubuntu-Bold.ttf);
}
@font-face {
		font-family: 'Montserrat-ExtraBold';
		src: url(../fonts/Montserrat-Bold.ttf);
  }
@font-face {
    		font-family: 'Montserrat-SemiBold';
    		src: url(../fonts/Montserrat-SemiBold.ttf);

}
*{
	font-family: 'Montserrat-Regular';
}
.container-fluid{

	padding-left: 0;
	padding-right: 0;
}
.button{
	width:165px;
	height:40px;
background-color:#FF874F;
	color:white;
}
.button:hover{
	background-color: #ff5100;
}
.container{

	padding-left: 0;
	padding-right: 0;
}
.list{
	padding-left:0;
}
.list li{
	padding-top: 10px;
	padding-bottom:7px;
}

/*----------------------*/
/*---------Main---------*/
.main{
  background-image: url("../img/Main-img/constr.png");
  min-height:100%;
  background-repeat: no-repeat;
	background-position: center top;
}
.main-text{
	padding-top: 141px;
	padding-bottom: 298px;
}
.main-name{
	color:white;
	font-family: 'Montserrat-SemiBold';
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
}
.main-cards{
	margin-top: -163px;
}
.costil{
	padding:10px;
}
.catalog-costil{
  padding-left: 100px;
}

.catalog-costil img:last-child{
  text-align: center;
}

.content{
	padding:7px;
	padding-top: 10px;
	background-color: white;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	        box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.py-2{
  max-width:458;
}

.lay{
  margin: 50px;
}
.txt{
   margin-bottom: 10px;
font-family: 'Montserrat-Regular';
	font-size: 16px;
}
.number{
  margin-right: 10px;
  margin-left: 19px;
  font-family: 'Ubuntu-Bold';
  	font-size: 72px;
    color:#D5D5E1;
}
.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
       float: right; /* Выравнивание по правому краю  */
       margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
      }
      /* Button */
      .button-more{
        width:537px;
        height:40px;
        -webkit-border-radius: 20px;
                border-radius: 20px;
        background:-webkit-gradient(linear, left top, right top, from(#FF7B1C) , to(#FF3465));
        background:-webkit-linear-gradient(left, #FF7B1C , #FF3465);
        background:-o-linear-gradient(left, #FF7B1C , #FF3465);
        background:linear-gradient(to right, #FF7B1C , #FF3465);
        -webkit-box-shadow: 0 4px 14px rgba(193, 50, 50, 0.55);
                box-shadow: 0 4px 14px rgba(193, 50, 50, 0.55);
        color:white;
      }
      .button-more:hover{
      	background:-webkit-gradient(linear, left top, right top, from(#f26704) , to(#f6003b));
      	background:-webkit-linear-gradient(left, #f26704 , #f6003b);
      	background:-o-linear-gradient(left, #f26704 , #f6003b);
      	background:linear-gradient(to right, #f26704 , #f6003b);
      }
      .button-more:active{
      	background:#f6003b;
      }

.btn{
  margin-bottom: 20px;
}