:root{
	--main-color: #C41F4C;
	--main-color-hover: #000000;
}

b{
	font-weight: 600 !important;
}
.special{
	color: var(--main-color, #252525);
}
b.special{
	font-weight: 700 !important;
}

.br{
	position: relative;
}
@media all and (max-width: 800px) {
	.br:after{
		display: none !important;
	}
}

.other-services-button {
font-size: 16px;
}

.page-container .container-advantages-1 .widget-development.template-advantages .widget-header {
    margin-bottom: 105px;
}

.widget-template{
	position: relative;
	overflow: hidden;
	padding: clamp(60px, 12vw, 120px) 0;
	font-size: clamp(16px, 1.7vw, 20px);
}
.widget-template .widget-header + .widget-content{
	margin-top: 2.5em;
}
.widget-template .widget-header .widget-title{
	color: #1B1E25;
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	text-wrap-style: balance;
	text-wrap: balance;
	padding: 0;
}
.widget-template .widget-header .widget-title b{
	font-weight: 700 !important;
}
.widget-template .widget-header .widget-title + *{
	margin-top: 1.95em;
}
@media all and (max-width: 800px) {
	.widget-template .widget-header .widget-title{
		font-size: 2.125em;
	}
}

.widget-about-2{
	position: relative;
	overflow: hidden;
	font-size: clamp(16px, 1.7vw, 20px);
	padding: clamp(60px, 8vw, 120px) 0;
}
.widget-about-2 .widget-item{
	display: flex;
	align-items: flex-start;
	gap: 2em 4.7em;
}
.widget-about-2 .widget-item-picture{
	max-width: 38%;
	flex: 0 0 38%;
	overflow: hidden;
	border-radius: 50%;
}
.widget-about-2 .widget-item-picture img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	user-select: none;
	pointer-events: none;
}
.widget-about-2 .widget-item-content{
	flex: 1;
}
.widget-about-2 .widget-item-picture + .widget-item-content{
	padding-top: 3.1em;
}
.widget-about-2 .widget-item-title{
	color: #1B1E25;
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1.1;
	text-transform: uppercase;
	text-wrap: balance;
}
.widget-about-2 .widget-item-title + .widget-item-description{
	margin-top: 1.95em;
}
.widget-about-2 .widget-item-description{
	color: #1B1E25;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5;
}
.widget-about-2 .widget-item-description p{
	margin-bottom: 1.5em;
}
.widget-about-2 .widget-item-description *:last-child{
	margin-bottom: 0;
}
.widget-about-2 .widget-item-description ul{
	color: inherit;
}
.widget-about-2 .widget-item-description ul li{
	position: relative;
	padding-left: 1em;
	margin-bottom: .7em;
}
.widget-about-2 .widget-item-description ul li:last-child{
	margin-bottom: 0;
}
.widget-about-2 .widget-item-description ul li:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(.15em, .6em);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #808080;
}
.widget-about-2 .widget-item-description ul li:last-child{
	margin-bottom: 0;
}
@media all and (max-width: 800px) {
	.widget-about-2 .widget-item{
		flex-wrap: wrap;
		gap: 2em;
	}
	.widget-about-2 .widget-item-title,
	.widget-about-2 .widget-item-description{
		max-width: 100%;
		flex: 0 0 100%;
	}
	.widget-about-2 .widget-item-description p{
		margin-bottom: 1em;
	}
	.widget-about-2 .widget-item-title{
		font-size: 2.125em;
	}
	.widget-about-2 .widget-item-picture{
		max-width: 36%;
		flex: 0 0 36%;
	}
	.widget-about-2 .widget-item-picture + .widget-item-content {
		padding-top: 0;
	}
	.widget-about-2 .widget-item-content{
		max-width: 100%;
		flex: 0 0 100%;
	}
}



.widget-piramid{
	position: relative;
	overflow: hidden;
	background-color: #F8F8F8;
	padding: clamp(60px, 8vw, 120px) 0;
}
.widget-piramid .widget-picture img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: contain;
}
.marker{
position: absolute;
}
.marker.target-page::before{
	content: url("/include/websites_development/landingpage/images/target-page.png");
    position: absolute;
	top: -28px;
	left: -148px;
}
.marker.lid::before{
	content: url("/include/websites_development/landingpage/images/lid.png");
    position: absolute;
	left: 60px;
	top: 4px;
}
.marker.convert-lid::before{
	content: url("/include/websites_development/landingpage/images/convert-lid.png");
    position: absolute;
    top: -36px;
    left: -235px;
}
.marker.sale::before {
	content: url("/include/websites_development/landingpage/images/sale.png");
	position: absolute;
	left: 100px;
	top: 5px;
}
.what-is-landing-text-wrapper ul {
	margin-top: 8px;
}
.what-is-landing-text-wrapper ul > li {
	margin-left: 4px;
	color: #808080;
	font-size: .9em;
	line-height: 1.5;
}
.what-is-landing-text-wrapper ul > li::before {
	font-size: 18px;
	content: "•";
	margin-right: 15px;
	vertical-align: text-top;
}
.target-page .marker > b {
	margin-top: 8px;
}
@media all and (max-width: 1200px) {
	.what-is-landing-text-wrapper{
		width: 100%;
		padding-left: 4em;
	}

	.what-is-landing-text-wrapper .marker{
		position: unset;
        margin: 10px 0;
	}

	.what-is-landing-text-wrapper .marker:not(:last-child) {
		margin-bottom: 26px;
	}

	.marker::before{
		content: '';
		width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 15px;
	}
	.marker.target-page::before{
		content: '';
        background-color: #CE2A57;
        position: unset;
	}
	.marker.lid::before{
		content: '';
        background-color: #84CEFF;
        position: unset;
	}
	.marker.convert-lid::before{
		content: '';
        background-color: #30AB40;
        position: unset;
	}
	.marker.sale::before{
		content: '';
        background-color: #D0C214;
        position: unset;
	}
}
@media all and (max-width: 800px) {
	.what-is-landing-text-wrapper .marker{
		font-size: 1.125em;
	}
}
@media all and (max-width: 720px) {
	.widget-piramid .what-is-landing-text-wrapper{
		margin-top: 32px;
		padding: 0;
	}
}
@media all and (max-width: 600px) {
	.widget-picture img{
		width: 100%;
	}
}

.widget-icons.widget-about .widget-item-title{
font-weight: 600;
font-size: 20px;
line-height: 22px;
margin-top: 20px;
}
.widget-icons.widget-about .widget-item-description {
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
	color: #808080;
	margin-top: 12px;
}

.widget-about.widget-story .widget-item-title {
	text-align: center;
	margin-top: 20px;
	color: #1B1E25;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45;
}
.widget-about.widget-story .widget-content{
max-width: 1200px;
    width: 100%;
}
.widget-about.widget-story .item-5{
width:250px;
padding:25px;
}
@media all and (max-width: 1300px) {
	.widget-about.widget-story .widget-description{
		overflow: scroll;
	}
}
.widget-difference{
background-color: #F8F8F8;
}
.widget-difference .item-dif{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1em;
	background-color:white;
	padding: 2em 1.6em 1.5em;
	box-shadow: 0 2px 24px 3px #ABABAB2E;
	height: 275px;
	position: relative;
}
.widget-difference .item-dif .widget-item-number{
	color: #C7C7CC;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1;
}
.widget-difference .item-dif .widget-item-text{
	color: #808080;
	font-size: .9em;
	font-weight: 400;
	line-height: 1.3;
}
.widget-difference .item-dif .widget-item-text b{
	color: #1B1E25;
}
.widget-difference .item-dif[data-special="true"]{
	background-color: var(--main-color);
}
.widget-difference .item-dif[data-special="true"] .widget-item-text{
	color: #D6D6D6;
}
.widget-difference .item-dif[data-special="true"] .widget-item-text b{
	color: #ffffff;
}
.widget-difference .item-dif[data-special="true"] .widget-item-number{
	color: rgba(255, 255, 255, 0.49);
}
@media all and (max-width: 1200px){
	.widget-about.widget-difference .item-dif{
		height: 400px;
	}
}
@media all and (max-width: 800px){
	.widget-about.widget-difference .item-dif{
		height: 275px;
	}
}


.widget-statistic{
	position: relative;
	overflow: hidden;
	font-size: clamp(16px, 1.7vw, 20px);
	padding: clamp(60px, 10vw, 120px) 0;
}
.widget-statistic .widget-template-wrapper{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2em;
}
.widget-statistic .widget-header{
	margin-top: 3em;
	flex: 1;
}
.widget-statistic .widget-header .widget-title{
	color: #000;
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}
.widget-statistic .widget-header .widget-description{
	color: #1B1E25;
	font-size: .9em;
	font-weight: 400;
	line-height: 1.3;
}
.widget-statistic .widget-header .widget-description ul li{
	margin-bottom: 1.8em;
}
.widget-statistic .widget-header .widget-description ul li:last-child{
	margin-bottom: 0;
}
.widget-template .widget-header .widget-title + *{
	margin-top: 3.75em;
}
.widget-statistic .widget-header + .widget-content{
	margin-top: 0;
	flex: 0 0 58%;
}
.widget-statistic .widget-picture-stat{
	display: flex;
}
.widget-statistic .widget-picture-stat img{
	width: 100%;
}
.widget-statistic .red-before::before{
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	background-color: #D52D5B;
}
.widget-statistic .gray-before::before{
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	background-color: #D9D9D9;
}
@media all and (max-width: 800px){
	.widget-statistic .widget-header .widget-title{
		font-size: 2.125em;
	}
	.widget-statistic .widget-header .widget-description{
		font-size: 1em;
	}
	.widget-statistic .widget-picture-stat{
		display: flex;
		flex: 0 0 100%;
	}
	.widget-statistic .widget-template-wrapper{
		flex-wrap: wrap;
	}
	.widget-statistic .widget-header + .widget-content{
		flex: 0 0 100%;
	}
	.widget-statistic .widget-header{
		margin-top: 0;
	}
	.widget-statistic .widget-header + .widget-content{
		margin-top: 2em;
	}
	.widget-template .widget-header .widget-title + *{
		margin-top: 1.6em;
	}
	.widget-statistic .widget-header .widget-description ul li{
		margin-bottom: 1em;
	}
}


.widget-form.template-1 .widget-item{
    background-color: #000;
}

.widget-form.template-1 .widget-item-text {
    max-width: 100%;
    width: 100%;
    display: flex;
    gap: 30px;
}
.widget-form.template-1 .widget-item-name, .widget-form.template-1 .widget-item-description {
    display: inline-block;
    color: #fff;
}
.widget-form.template-1 .widget-item-button{
	border: 1px solid #fff;
	background-color: inherit;
}
.widget-form.template-1 .widget-item-button:hover{
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;
}

.widget-about.widget-srok .widget-picture-srok{
    max-width: 553px;
    display: flex;
}
.widget-about.widget-srok .widget-picture-srok img{
    width: 100%;
}

.widget-about.widget-black{
	background-color: #000;
	overflow: visible;
}
.widget-about.widget-black::after{
	content: '';
    	position: absolute; /* Абсолютное позиционирование */
	bottom: -100px;
	border: 80px solid transparent;
	border-top: 25px solid #000;
	margin-left: auto;
    	margin-right: auto;
    	left: 0;
    	right: 0;
    	text-align: center;
	width: 100px;
}
.widget-about.widget-black .widget-title,
.widget-about.widget-black .widget-description{
color: #fff;
text-align: center;
max-width: 800px;
width: 100%;
}
.widget-about.widget-black .widget-title{
font-family: Gilroy;
font-weight: 700;
font-size: 28px;
line-height: 1.4;
text-transform: uppercase;
	padding: 0;
}
.widget-about.widget-black .widget-description{
font-family: Gilroy;
font-weight: 400;
font-size: 24px;
line-height: 140%;
}
.widget-about.widget-form .widget-picture-form{
 width: 280px;
}
.widget-about.widget-form .widget-picture-form img{
 width: 100%;
}
.widget-about.widget-form .widget-title{
font-weight: 600;
font-size: 24px;
line-height: 130%;
text-transform: none;
}
.widget-about.widget-form .widget-description{
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #808080;
}
.widget-picture-price.mobile{
	display: none;
}
.widget-picture-price.desktop{
	display: block;
}
.adaptive-container.widget-development.template-staff .widget-title{
font-family: Gilroy;
font-weight: 700;
font-size: 44px;
line-height: 120%;
text-transform: uppercase;

}
.widget-project .custom-tabs{
	margin-top: 20px;
}
.widget-project .tab-content .item{
    background: inherit;
    border: 1px solid #D1D1D1;
}
.widget-project .tab-content .item:hover{
    background: #000;
    border: 1px solid #000;
    color: #fff;
}
.widget-project .tab-content .item:hover svg path{
	fill: #fff;
}
@media all and (max-width: 1200px) {
	.widget-about .widget-template-wrapper{
		gap: 2.75em 3em;
	}
	.widget-about .widget-picture + .widget-content{
		margin-top: 0;
	}
}
@media all and (max-width: 800px) {
	.widget-about{
		font-size: clamp(16px, 2.4vw, 20px);
	}
	.widget-about .widget-template-wrapper{
		flex-wrap: wrap;
	}
	.widget-about .widget-picture{
		/*display: none;*/
		max-width: 100%;
		flex: 0 0 100%;
	}
	.widget-about .widget-content{
		flex: 1 0 50%;
	}
	.widget-about .widget-title{
		font-size: 2.125em;
		line-height: 122%;
	}
	.widget-about .widget-over-title + * {
		margin-top: .8em;
	}
	.widget-about .widget-description{
		font-size: 1em;
	}
	.widget-form.template-1 .widget-item{
		flex-direction: column;
	}
	.widget-form.template-1 .widget-item-text{
		flex-direction: column;
		text-align: center;
	}
	.widget-form.template-1 .widget-item-text br{
		display: contents;
	}
	.widget-about.widget-srok .widget-picture-srok{
	    max-width: 100%;
	    display: flex;
	}
	.widget-picture-price.mobile{
		display: block;
		margin-bottom: 40px;
	}
	.widget-picture-price.mobile img{
		width: 100%;
	}
	.widget-picture-price.desktop{
		display: none;
	}
	.widget-price .widget-description br{
	    display: contents;
	}
}
@media all and (max-width: 600px) {
	.widget-about .widget-picture{
		display: flex;
	}
	.widget-about .widget-over-title{
		font-size: 14px;
	}
	.widget-about .widget-content{
		flex: 1 0 100%;
	}
	.widget-about.widget-form .widget-picture-form{
		width: 100%;
	}
}