/* Start:/bitrix/templates/mkws/components/bitrix/news.detail/company/style.css?17793953413928*/
.Company__anons {
    font-family: Circe,Arial;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    width: 58.333%;
    margin-bottom: 70px;
}

.Company__h2 {
    font-family: Gilroy, Arial;
    font-size: 48px;
    line-height: 130%;

    font-weight: bold;
    width: 50%;
    margin-bottom: 10px;
}

.Company__h2 h2 {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

.Company__text {
    font-family: Circe, Arial;
    font-size: 18px;
    line-height: 150%;

    width: 50%;
    padding-right: 8.33%;
    float: left;
    box-sizing: border-box;
    margin: 20px 0 50px 0;
}

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

.CompanyServices_item {
    width: 50%;
    float: left;
    font-family: Circe, Arial;
    font-size: 18px;
    line-height: 150%;
    color: #151515;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.CompanyServices_item:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #151515;
}

.CompanyBlock {
    background: #F9F9F9;
    display: flex;
    flex-flow: row wrap;
    padding-top: 75px;
}

@media (max-width: 992px) {


}

@media (max-width: 767px) {

    .Company h1 {
        font-size: 22px;
    }

    .Company__anons {
        width: 100%;
        margin-bottom: 50px;
        font-size: 14px;
    }

    .Company__h2 {
        font-size: 20px;
        width: 100%;
    }

    .Company__text {
        width: 100%;
        font-size: 14px;
        padding-right: 0;
        margin: 10px 0 30px 0;
    }

    .CompanyServices,
    .CompanyServices_item {
        width: 100%;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .Portfolio__header {
        font-size: 20px;
    }

    .PortfolioItem__tags ul {
        padding: 8px 0;
    }

    .PortfolioItem__img,
    .PortfolioItem__info {
        width: 100%;
    }

    .PortfolioItem__img img {
        min-height: auto;
        width: 100%;
    }

    .PortfolioItem__info {
        padding: 15px 0;
    }

    .PortfolioItem {
        margin: 30px 0;
    }

    .PortfolioItem__tags {
        font-size: 13px;
    }

    .PortfolioItem__tags ul li {
        padding-right: 10px;
    }

    .PortfolioItem__name {
        font-size: 18px;
    }

    .PortfolioItem__description {
        font-size: 14px;
    }

    .PortfolioItem__more {
        font-size: 13px;
    }

    .Portfolio {
        margin: 0;
    }
    .PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
        left: 3%!important;
        transition: all 0.3s;
    }

    .PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
        left: 95%!important;
        transition: all 0.3s;
    }

    .PortfolioItem .PortfolioItem__imgLogo {
        top: 50%;
        z-index: 3;
        transition: all 0.3s;
    }


    .PortfolioItem .PortfolioItem__imgAnimationTOP .PortfolioItem__imgLeft {
        bottom: -50%;
        transition: all 0.3s;
    }

    .PortfolioItem .PortfolioItem__imgAnimationTOP .PortfolioItem__imgRight {
        bottom: -50%;
        transition: all 0.3s;
    }


    .PortfolioItem__twooImg .PortfolioItem__imgLeft {
        z-index: 2;
    }

    .PortfolioItem__imgRightZindex .PortfolioItem__imgRight {
        z-index: 4;
    }

}

@media (max-width: 586px) {
    .PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
        left: -15%!important;
        transition: all 0.3s;
    }

    .PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
        left: 105%!important;
        transition: all 0.3s;
    }
}
/* End */


/* Start:/bitrix/templates/mkws/components/bitrix/news.list/progress_company/style.css?17793953411907*/
.Progress__header {
	font-family: Gilroy, Arial;
	font-size: 48px;
	line-height: 130%;
	font-weight: bold;
	color: #151515;
	margin-bottom: 25px;
	width: 100%;
	box-sizing: border-box;
}

.Progress__header h2 {
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.Progress__specification {
	padding: 0 0 45px 0;
	font-family: Circe, Arial;
	font-size: 18px;
	line-height: 150%;
	box-sizing: border-box;
}

.Progress {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	padding: 80px 0 0 0;
}

.ProgressItem {
	padding: 45px 15px;
	width: 50%;
	box-sizing: border-box;
	display: flex;
	border: 1px solid #F9F9F9;
	background-repeat: no-repeat;
	background-position: right bottom;
	transition: 0.3s;
}

.ProgressItem img {
	max-width: 40%;
	align-self: center;
}

.ProgressItem:hover {
	background-color: #F9F9F9;
	transition: 0.3s;
}

.ProgressItem__name {
	font-family: Circe, Arial;
	font-size: 16px;
	line-height: 150%;
	width: 60%;
	padding-left: 17px;
	font-weight: 600;
	align-self: center;
}

.ProgressItems {
	display: flex;
	flex-flow: wrap;
}

.Progress__flex {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	margin-bottom: 110px;
}

.Progress__left {
	width: 41.667%;
	box-sizing: border-box;
}
.Progress__right {
	width: 58.333%;
	box-sizing: border-box;
}

@media (max-width: 1000px) {
	.Progress__header {
		font-size: 32px;
	}

	.Progress__specification {
		width: 100%;
		font-size: 18px;
	}

	.ProgressItem {
		padding: 10px;
	}

	.ProgressItem__name {
		font-size: 14px;
	}

}

@media (max-width: 767px) {

	.Progress__left,
	.Progress__right {
		width: 100%;
	}
	.Progress__header {
		font-size: 22px;
		padding: 0;
	}

	.ProgressItem {
		width: 100%;
		padding: 30px 15px;
		min-height: 140px;
		background-image: none!important;
	}

	.Progress__specification {
		width: 100%;
		font-size: 14px;
		padding: 0 0 25px 0;
	}


}


/* End */


/* Start:/bitrix/templates/mkws/components/bitrix/news.list/team/style.css?17793953412987*/
.Team {
    clear: both;
    color: #FFFFFF;
    padding: 110px 0;
    background-size: cover;
}

.Team__header h2{
    font-family: Gilroy, Arial;
    font-size: 48px;
    line-height: 130%;
    font-weight: bold;
    margin-bottom: 50px;
}

.TeamBlock {
    display: flex;
    flex-flow: row wrap;
}

.Team__specification {
    width: 50%;
    align-self: flex-start;
    padding-right: 10%;
    font-family: Circe, Arial;
    font-size: 18px;
    line-height: 150%;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.TeamItems {
    width: 50%;
    display: flex;
    flex-flow: row wrap;
}

.TeamItem {
    width: 50%;
    font-family: Circe, Arial;
    font-size: 18px;
    line-height: 15px;
    padding-left: 25px;
    border-left: 6px solid #fff;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.TeamItem__name {
    font-family: Gilroy, Arial;
    font-size: 48px;
    line-height: 40px;
    margin-bottom: 10px;
}

.TeamButton {
    font-family: Gilroy, Arial;
    font-weight: bold;
    font-size: 48px;
    line-height: 130%;
    margin-top: -120px;
    width: 50%;
    /*display: none;*/
}

.TeamButton h3 {
    font-family: Gilroy, Arial;
    font-weight: bold;
    font-size: 48px;
    line-height: 130%;
    margin: 0;
}

.TeamButtonLink {
    font-family: Gilroy, Arial;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #FFF;
    padding: 13px 20px 12px 43px;
    background: #56BB5A;
    box-shadow: 5px 15px 50px rgba(0, 0, 0, 0.3);
    margin-top: 40px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: background .3s cubic-bezier(.29,.18,.26,.83);
    transition: background .3s cubic-bezier(.29,.18,.26,.83);
}

.TeamButtonLink:hover {
    background: #389D3C;
    -webkit-transition: background .3s cubic-bezier(.29,.18,.26,.83);
    transition: background .3s cubic-bezier(.29,.18,.26,.83);
}

.TeamButtonLink .inline-svg-icon {
    fill: #fff;
    stroke: #fff;
    width: 29px;
    height: 10px;
}

@media (max-width: 992px) {
    .Team__header h2,
    .TeamButton h3 {
        font-size: 32px;
    }
}


@media (max-width: 767px) {
    .Team__specification,
    .TeamItems
     {
        width: 100%;

    }
    .TeamItem {
        font-size: 14px;
    }

    .Team__header h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .Team {
        padding: 50px 0;
    }

    .TeamItem {
        margin-bottom: 40px;
    }

    .TeamItem__name {
        font-size: 32px;
    }

    .TeamButton {
        width: 100%;
        margin-bottom: 30px;
        font-size: 22px;
        margin-top: 10px;
    }

    .Team__header h3 {
        font-size: 22px;
    }



    .TeamButtonLink {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
    }
}
/* End */


/* Start:/bitrix/templates/mkws/components/bitrix/news.list/principles/style.css?17793953412292*/
.Principles {
    width: calc( 100% + 30px);
    clear: both;
    margin: 150px -15px;
    display: flex;
    flex-flow: row wrap;
}

.Principles__item {
    padding: 0 15px;
    width: 33.33%;
    float: left;
    box-sizing: border-box;
}

.Principles__number {
    width: 15%;
    float: left;
    color: #6600CC;
    font-family: Gilroy, Arial;
    font-size: 36px;
    line-height: 120%;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
    padding-top: 20px;
}

.Principles__description {
    width: 85%;
    float: left;
    padding: 20px 15px;

    font-family: Circe, Arial;
    font-size: 16px;
    line-height: 150%;
    box-sizing: border-box;
}

.Principles__item:hover {
    background: #F9F9F9;
}

main.active .Principles__item:hover {
    background: none;
}

.Principles__header {
    padding: 0 15px;
    font-family: Gilroy, Arial;
    font-size: 48px;
    line-height: 130%;
    font-weight: bold;

    margin-bottom: 25px;
}

.Principles__header h2 {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}


.Principles__specification {
    padding: 0 15px;
    font-family: Circe, Arial;
    font-size: 18px;
    line-height: 150%;
    padding-right: 40%;
    margin-bottom: 25px;
}

.Principles__name {
    font-size: 22px;
    line-height: 130%;

    font-weight: bold;
    margin-bottom: 5px;
}

@media (max-width: 1000px) {
    .Principles__header {
        font-size: 32px;
    }

    .Principles__specification {
        width: 100%;

    }

    .Principles__description {
        font-size: 14px;
    }

    .Principles__number {
        font-size: 28px;
    }

    .Principles {
        margin: 100px -15px;
    }

}


@media (max-width: 767px) {
    .Principles__header {
        font-size: 22px;
    }

    .Principles__specification {
        font-size: 14px;
        padding-right: 15px;
    }

    .Principles__item {
        width: 100%;
    }


    .Principles__description {
        font-size: 12px;
        padding: 20px 0 20px 10px;
    }

    .Principles__number {
        font-size: 24px;
    }

    .Principles {
        margin: 50px -15px;
    }

}
/* End */
/* /bitrix/templates/mkws/components/bitrix/news.detail/company/style.css?17793953413928 */
/* /bitrix/templates/mkws/components/bitrix/news.list/progress_company/style.css?17793953411907 */
/* /bitrix/templates/mkws/components/bitrix/news.list/team/style.css?17793953412987 */
/* /bitrix/templates/mkws/components/bitrix/news.list/principles/style.css?17793953412292 */