@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&display=swap');

body {
	overflow-x:hidden;  /*для горизонтального*/
}

.project-color {
	color: #212529;
}

.project-color:hover {
	color: #b92423;
}

 /*-------------CAROUSEL--------------------------*/
.slider-position {
	margin-top: 80px;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
   .slider-position {
	margin-top: 50px;
}
}
 /*-------------INFO--------------------------*/

.black-link {
	color: black;
}


.red-heading {
	font-family: Montserrat;
    font-size: 34px;
    font-weight: 900;
    margin-bottom: 30px;
	color: #b92423;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .red-heading  {
        font-size: 22px;
        margin-bottom: 15px;
    }
}

 .block-info {
    margin-top: 50px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-info  {
        margin-left: 10px;
    }
}

 .block-info-2 {
	padding-right: 15px;
    padding-left: 15px;
	margin-bottom: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-info-2  {
        margin-left: 10px;
		margin-bottom: 0;
    }
}

.block-info h1 {
    font-family: Montserrat;
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-info h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }
}

.block-info  p, ul  {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-info  p, ul {
        font-size: 20px;
        line-height: 25px;
    }
}

.block-info-2  p, ul  {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
	padding-left: 0;
	
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-info-2  p, ul {
        font-size: 20px;
        line-height: 25px;
    }
}


.main-list {
	margin-top: 35px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .main-list {
		padding-left: 10px;
    }
}

.main-list-item {
	margin-bottom: 30px;
}

.men-block {
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 40px;
}

.men {
	position: absolute;
    background: url(/wp-content/uploads/2021/09/men.png) no-repeat;
    width: 253px;
    height: 271px;
}

@media only screen and (min-width: 320px) and (max-width: 1199px) {
    .men {
		display: none;
    }
}

.men-text {
    font-size: 22px;
    max-width: 950px;
    background: #ececec;
    padding-left: 120px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .men-text {
		font-family: Montserrat;
    	font-size: 20px;
    	line-height: 25px;
    	padding-left: 0;
		background: transparent;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 30px;
		margin-left: 10px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 1199px) {
	    .men-text {
			padding-left: 15px;
    }
}

.white-box {
	color: white;
	height: 225px;
    width: 170px;
}

@media only screen and (min-width: 320px) and (max-width: 1199px) {
    .white-box {
		display: none;
    }
}

.info-logo {
    display: flex;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-info  .info-logo {
        display: none;
    }
}

.block-bg {
    margin-top: 100px;
	padding-top: 20px;
    padding-bottom: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-bg {
        margin-top: 0px;
    }
}

.block-bg .bg {
    display: flex;
    position: absolute;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-bg .bg {
        display: none;
    }
}

.block-hook, .block-architect, .block-project {
    margin-top: 80px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-hook, .block-architect, .block-project {
        margin-top: 50px;
        margin-left: 5px;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
    .block-hook, .block-architect, .block-project {
        margin-top: 50px;
        margin-left: 5px;
    }
}

@media only screen and (min-width: 1750px) and (max-width: 1920px) {
    .service-mt {
        margin-top: 120px;
        margin-left: 5px;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
    .service-mt {
        margin-top: 525px;
        margin-left: 5px;
    }
}

.block-hook h1 {
    color: rgb(185, 36, 35);
    font-weight: 900;
    font-size: 65px;
    line-height: 50px;
    margin-top: 58px;
    margin-bottom: 17px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-hook h1 {
        font-size: 40px;
        margin-bottom: 10px;
        margin-top: 0px;
        line-height: 35px;
    }
}

.block-hook p {
    font-weight: 900;
    font-size: 27px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-hook p {
        font-size: 18px;
        line-height: 30px;
    }
}

.block-architect h1 {
    color: rgb(185, 36, 35);
    font-weight: 900;
    font-size: 65px;
    line-height: 50px;
    margin-bottom: 17px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-architect h1 {
        font-size: 40px;
        line-height: 35px;
        margin-bottom: 0px;
        margin-top: -20px;
    }
}

.block-architect p {
    font-weight: 900;
    font-size: 27px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-architect p {
        font-size: 18px;
    }
}

.block-project h1 {
    color: rgb(185, 36, 35);
    font-weight: 900;
    font-size: 65px;
    line-height: 50px;
    margin-top: 58px;
    margin-bottom: 17px;

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-project h1 {
        font-size: 40px;
        line-height: 35px;
        margin-bottom: 10px;
        margin-top: 0px;
    }
}

.block-project p {
    font-weight: 900;
    font-size: 27px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .block-project p {
        font-size: 18px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .img-hook, .img-architect, .img-project {
        width: 100px;
    }
}

  /*-------------services--------------------------*/

.hdr-row h1 {
    font-family: Montserrat;
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 30px;
    margin-top: 124px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .hdr-row h1 {
        font-size: 35px;
        margin-bottom: 60px;
        margin-left: 100px;
    }
}

.services-row p {
    font-family: Montserrat;
    font-size: 23px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 25px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .services-row p {
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
}


@media only screen and (min-width: 320px) and (max-width: 480px) {
    .img-mobile {
        width: 100px;
        margin-left: 110px;
    }
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.services-row-1 {
    margin-top: 40px;
}
/*-------------------------ВОПРОС-------------------------------------*/


.red-line, .red-line-2 {
    /*position: absolute;*/
    height: 100px;
    background-color: rgb(185, 36, 35);
    margin-top: 80px;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .red-line-2  {
        /* margin-top: 530px;*/
		
    }
}
.red-line p, .red-line-2 p {
    display: block;
    font-family: Montserrat;
    font-size: 23px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 35px;
    /*margin-left: 50px;*/
    color: white;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .red-line p, .red-line-2 p  {
        display: none;
    }
}

.red-line .btn, .red-line-2 .btn {
    width: 200px;
    height: 50px;
    background-color: transparent;
    margin-top: 25px;
    margin-left: 50px;
    border-radius: 10px;
    border: 5px solid white;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .red-line .btn, .red-line-2 .btn {
            margin-left: 0;
    }
}

.txt {
    display: flex;
	justify-content: center;
}

.btn h1 {
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 900;
    margin-top: 5px;
    color: white;
}

/*---------------------------ПРОЕКТЫ-----------------------------------------*/

.a-front-arrow {
	display: flex;
    align-items: flex-end;
}

.front-arrow {
	width: 60px;
    height: 60px;
	background: url("https://sia29.ru/wp-content/themes/sia29/img/forward-front-next-arrow.svg");
    margin-left: 10px;
    margin-bottom: 27px;
	transition: 0.5s;
}

.front-arrow:hover {
	transform: scale(1.1);
	background: url("https://sia29.ru/wp-content/themes/sia29/img/forward-front-next-arrow-red.svg");
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.front-arrow {
	margin-left: 1px;
    margin-bottom: 52px;
	}
}

.project-row {
    height: 200px;
    margin-top: 50px;
    margin-bottom: 200px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .project-row {
    	margin-top: 0px;
		margin-left: 20px;
		height: auto;
		margin-bottom: 20px;
    }
}

.red-one {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    color: rgb(185, 36, 35);
    margin-top: 25px;
    margin-bottom: 2px;
}

.black-one {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    color: black;
    margin-bottom: 20px;
}

.big {
    width: 285px;
    height: 200px;
    transition: 1s;
}

.big:hover {
    transform: scale(1.8);
}

/*---------------------------ОТЗЫВЫ----------------------------------------*/
.testimonials-row{
	    margin-left: 15px;
}

.otzuv {
    width: 285px;
    height: 200px;
}

.center {
	text-align: center;
}