/* Start:/bitrix/templates/newintec/components/bitrix/catalog/catalog-2020/style.css?17821232195332*/
.pay-any-summ {
	padding: 92px 0;
	background: #F5F5F5;
	font-weight: 500;
	font-size: clamp(16px, 1.7vw, 20px);
	line-height: 20px;
	color: #0B0B0B;
}
.pay-any-summ .pay-any-summ__title {
	color: #1B1E25;
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	text-wrap: balance;
}
.pay-any-summ .pay-any-summ__title + *{
	margin-top: 1.6em;
}
.pay-any-summ .pay-any-summ__subtitle + * {
	margin-top: 1.6em;
}
.pay-online-banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 546px;
	background-image: url(/upload/2020/pattern-white.png);
    background-repeat: repeat;
    background-color: #ab3361;
	color: #fff;
}
.pay-online-banner .pay-online-banner__containter {
	width: 100%;
	margin-top: 8%;
}
.pay-online-banner__tags {
	display: flex;
	margin-top: 28px;
	flex-wrap: wrap;
}
.pay-online-banner__tag {
	    margin-right: 12px;
   	 margin-bottom: 10px;
    padding: 12px 13px;
    background: #fff;
    color: #000;
    border-radius: 4px;
    font-size: 16px;
    line-height: 145.5%;
    text-transform: uppercase;
    font-weight: 500;
}
.pay-any-summ .pay-any-summ__make-payment {
	padding: 1.245em 2.1em;
	font-weight: 500;
	font-size: .8em;
	line-height: 1.2;
	border-radius: 4px;
	text-transform: uppercase;
	background: #C41F4C;
	user-select: none;
	margin-left: 1em;

	transition: background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out;
}
.pay-any-summ .pay-any-summ__make-payment:hover,
.pay-any-summ .pay-any-summ__make-payment:focus,
.pay-any-summ .pay-any-summ__make-payment:active {
	background-color: #8D1846;
}
.pay-any-summ__chose-another {
	margin-top: 30px;
	display: flex;
	align-items: center;
	border: 0;
	background: none;
	font: inherit;
	padding: 0;
	color: inherit;
	text-decoration: none!important;
}
.pay-any-summ__chose-another::after {
	content: "";
	margin-left: 26px;
	width: 9px;
	height: 20px;		
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='20' viewBox='0 0 9 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.32272 18.9966C4.51798 19.1919 4.83456 19.1919 5.02982 18.9966L8.2118 15.8146C8.40706 15.6194 8.40706 15.3028 8.2118 15.1075C8.01654 14.9123 7.69996 14.9123 7.5047 15.1075L4.67627 17.936L1.84784 15.1075C1.65258 14.9123 1.336 14.9123 1.14073 15.1075C0.945473 15.3028 0.945473 15.6194 1.14073 15.8146L4.32272 18.9966ZM4.17627 0.356934L4.17627 18.6431L5.17627 18.6431L5.17627 0.356934L4.17627 0.356934Z' fill='black'/%3E%3C/svg%3E%0A");
}
.pay-any-summ__row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .8em .7em;
}
.pay-any-summ__input-wrapper {
	position: relative;
	max-width: 32%;
	flex: 0 0 32%;
}
.pay-any-summ__input {
	background: #FFFFFF;
	border: 1px solid #CECECE;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 1em 1.3em;
	font-size: .9em;
	line-height: 1;
	font-weight: 400;
	width: calc(100% - 52px);
}
.pay-any-summ__select-wrapper {
	flex: 0 0 34%;
	position: relative;
	min-width: 250px;
	max-width: 34%;
	background: #f5f5f5;
	box-sizing: border-box;
	border-radius: 2px;
}
.pay-any-summ__select {
	border: 1px solid #CECECE;
	border-radius: 4px;
	height: 100%;
	width:100%;
	padding: 1.084em 1.3em;
	font-size: .9em;
	line-height: 1;
	font-weight: 400;
	appearance: none;
	cursor: pointer;
	background: transparent
	url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.335938 0.369995L5.83594 5.37L11.3359 0.369995' stroke='black'/%3E%3C/svg%3E")
	right 1.5em center / 12px 7px no-repeat;
}
.pay-any-summ__selec:open::picker-icon {
	rotate: 180deg;
}


.pay-any-summ__select-error,
.pay-any-summ__input-error {
	position: absolute;
	bottom: -30px;
	color: red;
	opacity: 0;
	font-size: .9em;

	transition: opacity 0.6s;
}
.pay-any-summ__curency {
	margin-bottom: 15px;
	margin-left: 7px;
	font-size: .9em;
}

@media all and (max-width: 800px) {
	.pay-any-summ .pay-any-summ__title {
		font-size: 1.625em;
	}
	.pay-any-summ__select,
	.pay-any-summ__input,
	.pay-any-summ__curency,
	.pay-any-summ__select-error,
	.pay-any-summ__input-error{
		font-size: 1em;
	}
	.pay-any-summ .pay-any-summ__make-payment{
		font-size: .9375em;
		padding: 1em 2em;
		margin-top: 1em;
		margin-left: 0;
	}
	.pay-any-summ__input-wrapper,
	.pay-any-summ__select-wrapper{
		max-width: 100%;
		flex: 0 0 100%;
	}
	.pay-any-summ .pay-any-summ__title + * {
		margin-top: 1.2em;
	}
	.pay-any-summ .pay-any-summ__subtitle + * {
		margin-top: 2.5em;
	}
	.pay-any-summ__select-error, .pay-any-summ__input-error{
		position: relative;
		margin-top: .6em;
		bottom: 0 !important;
	}
}
@media (max-width: 660px) {
	.pay-online-banner__tag {
		margin-right: 10px;
	}
	.pay-any-summ__select-wrapper {
		width: 100%;
		min-width: auto;
	}
	.pay-any-summ__input-wrapper  {
		width: 100%;
		min-width: auto;
	}
	.pay-online-banner {
		height: 330px;
	}
	.pay-any-summ {
		padding: 50px 0;
	}
	.pay-any-summ .pay-any-summ__title {
		font-size: 24px;
	}
	.pay-any-summ__chose-another {
		margin-top: 20px;
	}
	.pay-any-summ__chose-another::after {
		margin-left: 15px;
	}
	.pay-any-summ__select-error, 
	.pay-any-summ__input-error {
		bottom: -25px;
	}
	.pay-online-banner__tag {
		padding: 5px 18px;		
		border-radius: 4px;
		font-size: 16px;
	}
}
/* End */


/* Start:/include/2024/banner/style.css?17663902415236*/
.widget-banner{
    position: relative;
    overflow: hidden;
    background-color: #212429;
    padding: 234px 0 78px;
}
.widget-banner .widget-banner-wrapper{
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.widget-banner .widget-header{
    flex: 1;
}
.widget-banner .widget-header .widget-title{
    font-size: 42px;
    font-weight: 700;
    line-height: 130%;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 44px;
    padding: 0;
    text-wrap: balance;
}
.widget-banner .widget-header .widget-description{
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    color: #ffffff;
    margin-bottom: 28px;
    max-width: 600px;
}
.widget-banner .widget-header .widget-price{
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 44px;
}
.widget-banner .widget-header .widget-price span{
    font-size: 37px;
    color: #ffffff;
}
.widget-banner .widget-header .widget-buttons{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 26px 34px;
}
.widget-banner .widget-header .widget-button[data-index="0"]{
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    padding: 19px 32px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;

    transition: color .2s ease-out, background-color .2s ease-out;
}
.widget-banner .widget-header .widget-button[data-index="0"]:hover,
.widget-banner .widget-header .widget-button[data-index="0"]:focus{
    color: #ffffff;
    background-color: transparent;
}
.widget-banner .widget-header .widget-button[data-index="1"]{
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;

    transition: opacity .2s ease-out;
}
.widget-banner .widget-header .widget-button[data-index="1"]:hover,
.widget-banner .widget-header .widget-button[data-index="1"]:focus{
    opacity: .6;
}
.widget-banner .widget-header div:last-child{
    margin-bottom: 0;
}
.widget-banner .widget-content{
    max-width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
}
.widget-banner .widget-content .widget-icon{
    display: flex;
    margin-top: -77px;
    transform: translateX(18px);
    width: calc(100% + 258px);
}
.widget-banner .widget-content .widget-icon svg{
    display: flex;
    height: auto;
}
@media all and (max-width: 1600px) {
    .widget-banner .widget-header .widget-title{
        font-size: 38px;
    }
    .widget-banner .widget-header .widget-description{
        font-size: 18px;
    }
    .widget-banner .widget-header .widget-price{
        font-size: 20px;
    }
    .widget-banner .widget-header .widget-price span{
        font-size: 35px;
    }
    .widget-banner .widget-content .widget-icon{
        transform: none;
        width: calc(100% + 120px);
    }
}
@media all and (max-width: 1200px) {
    .widget-banner .widget-header .widget-title{
        font-size: 36px;
    }
    .widget-banner .widget-content .widget-icon{
        margin-top: 0;
        width: calc(100% + 100px);
    }
    .widget-banner .widget-content {
        align-self: flex-end;
        max-width: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
    }
}
@media all and (max-width: 1100px) {
    .widget-banner .widget-header .widget-description br{
        display: none;
    }
}
@media all and (max-width: 1000px) {
    .widget-banner .widget-banner-wrapper{
        flex-wrap: wrap;
    }
    .widget-banner .widget-header{
        order: 2;
    }
    .widget-banner .widget-content{
        max-width: 100%;
        flex: 0 0 100%;
        display: none;
        order: 1;
    }
    .widget-banner .widget-content .widget-icon {
        width: 100%;
    }
}
@media all and (max-width: 980px) {
    .widget-banner{
        padding: 140px 0 76px;
    }
}
@media all and (max-width: 600px) {
    .widget-banner {
        padding: 76px 0 60px;
    }
    .widget-banner .widget-header .widget-title{
        font-size: 26px;
        line-height: 136%;
        margin-bottom: 24px;
    }
    .widget-banner .widget-header .widget-title br{
        display: none;
    }
    .widget-banner .widget-header .widget-description {
        font-size: 16px;
        line-height: 175%;
        max-width: calc(100% - 8px);
    }
    .widget-banner .widget-header .widget-price {
        font-size: 16px;
    }
    .widget-banner .widget-header .widget-price span {
        font-size: 32px;
    }
    .widget-banner .widget-header .widget-button[data-index="0"]{
        padding: 16px 24px;
    }
    .widget-banner .widget-header .widget-button[data-index="0"],
    .widget-banner .widget-header .widget-button[data-index="1"]{
        text-align: center;
        font-size: 14px;
    }
    .widget-banner .widget-content{
        display: block;
    }
    .widget-banner .widget-banner-wrapper{
        gap: 28px;
    }
}
/* End */


/* Start:/include/2024/banner/websites_development_response.css?1760515427281*/
.banner-title--websites-development-page {
max-width: 600px;
}

.widget-banner-wrapper h1 span:after {
	content: "\A";
    white-space: pre;
}

.widget-development.template-staff .widget-header-text {
    font-size: 40px;
	padding: 0;
    font-weight: 500;
    line-height: 50px;
}
/* End */


/* Start:/bitrix/templates/newintec/components/bitrix/catalog/catalog-2020/bitrix/catalog.section.list/root/style.css?17667496274495*/
.root-sections {
	/*background: #F5F5F5;*/
	padding: clamp(60px, 10px, 120px) 0;
	font-size: clamp(16px, 1.7vw, 20px);
}

.root-sections .main-title {
	color: #1B1E25;
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	text-wrap: balance;
}
.root-sections .main-title + .root-sections__list{
	margin-top: 2.5em;
}
.root-sections__title-block {
	display: inline-block;
}
.root-sections__image {
	width: 33px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	max-width: 33px;
}
.root-sections__description {
	margin-top: .7em;
	font-style: normal;
	font-weight: normal;
	font-size: .9em;
	line-height: 1.3;
}
.root-sections__name {	
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1;
	color: #000;
	margin-top: 1em;

	transition: color .2s ease-out;
}

.root-sections__name:hover,
.root-sections__name:focus,
.root-sections__name:active{
	color: #c6366f;
}
.root-sections .root-sections__item-wrapper {
	padding: 2.1em 2.35em;
	background: #fff;
	border: 1px solid #D1D1D1;
	height: 100%;
	border-radius: 2px;
	transition: 0.4s;
}
.root-sections__item-wrapper-1 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.7em;
	height: 100%;
}
.root-sections__title-block:hover {
	text-decoration: none;
}
/*
.root-sections__item:nth-child(2n) {
	background-image: linear-gradient(to right, transparent 30%, #fff 30%);
}
.root-sections__item:nth-child(2n-1) {
	background-image: linear-gradient(to left, transparent 30%, #fff 30%);
}*/
.root-sections__link {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #AB3362;
	text-decoration: none;
	transition-property: opacity;
}
.root-sections__link::after {
	content: "";
	margin-left: 12px;
	width: 8px;
	height: 12px;
	transition-property: all;
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='12' viewBox='0 0 9 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1.67007' height='8.41859' rx='0.835037' transform='matrix(-0.646071 -0.763277 0.768793 -0.639497 1.95703 11.7351)' fill='%23AB3362'/%3E%3Crect width='1.67007' height='8.41859' rx='0.835037' transform='matrix(-0.646071 0.763277 0.768793 0.639498 1.95703 0.264954)' fill='%23AB3362'/%3E%3C/svg%3E%0A");
}
.root-sections__link:hover::after,
.root-sections__link:focus::after,
.root-sections__link:active::after {	
	margin-left: 18px;
}
.root-sections__link:hover,
.root-sections__link:focus,
.root-sections__link:active {
	text-decoration: none;
}
.root-sections__list {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5em;
}
.root-sections__item {
	max-width: calc(50% - .75em);
	flex: 0 0 calc(50% - .75em);
	box-sizing: border-box;
}
.root-sections__item-detail{
	display: flex;
	align-items: center;
	gap: .7em;
	font-size: .9em;
	line-height: 1;
	font-weight: 500;
	text-decoration: none !important;
}
.root-sections__item-detail span{
	font-size: 0.7em;
	transform: translateY(.15em);
}
.root-sections__item-detail:hover{

}
.widget-link-arrow {
  margin-left: 12px;
  position: absolute;
  left: 100%;
  height: 2px;
  background: var(--sangria);
  width: 20px;
  -webkit-transition: width 0.4s;
  -o-transition: width 0.4s;
  transition: width 0.4s;
  -webkit-transform: translateY(1px) !important;
  -ms-transform: translateY(1px) !important;
  transform: translateY(1px) !important;
}
.widget-link-arrow::before,
.widget-link-arrow::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 1.5px;
  background: var(--pink);
  right: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}
.widget-link-arrow::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
a:hover .widget-link-arrow,
a:focus .widget-link-arrow,
a:active .widget-link-arrow {
  width: 28px;
}

@media all and (max-width: 800px) {
	.root-sections .main-title {
		font-size: 1.625em;
	}
	.root-sections__item  {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.root-sections__description,
	.root-sections__item-detail{
		font-size: 1em;
	}
	.root-sections__name{
		font-size: 1.125em;
	}
	.root-sections__item-detail span{
		transform: translateY(.07em);
	}
}
@media (max-width: 600px) {
	.root-sections .root-sections__item-wrapper{
		padding: 1.6em 1.25em;
	}
}
/* End */
/* /bitrix/templates/newintec/components/bitrix/catalog/catalog-2020/style.css?17821232195332 */
/* /include/2024/banner/style.css?17663902415236 */
/* /include/2024/banner/websites_development_response.css?1760515427281 */
/* /bitrix/templates/newintec/components/bitrix/catalog/catalog-2020/bitrix/catalog.section.list/root/style.css?17667496274495 */