/* Start:/local/templates/capybara3/components/bitrix/menu/main_menu-mobile/style.css?1729686766581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/capybara3/components/bitrix/menu/main_menu-mobile/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/capybara3/components/bitrix/form.result.new/send_call/style.css?17537788463010*/
.ajaxing:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    z-index: 50;
}

#loader{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin-top: -40px;
    margin-left: -40px;
}

.callback__fields .error-container{
    color: #ffcf1c;
    padding: 15px 30px;
    font-size: 14px;
}

.callback.callback-modal .form-success{
    padding: 30px;
    text-align: center;
}

.callback .name, .callback .phone, .callback__fields input[type="text"] {margin: 0 auto; width: 360px; height: 40px; border: none; border-radius: 100px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 34px; display:block;}
.callback .name, .callback__fields .form-row:nth-of-type(1) input[type="text"] {margin-top: 19px;}
.callback .phone, .callback__fields .form-row:nth-of-type(2) input[type="text"] {margin-top: 31px;}
.callback-send-area {display: flex; flex-direction: column; justify-content: center;}
.callback .send {margin: 65px auto 0;}
button:hover:not(.control_next):not(.control_prev) {background: #FFDA50;}
button:active:not(.control_next):not(.control_prev) {background: #FFA800;}
button.center {margin: 0 auto 30px;}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
.callback .check {display: flex;}
.callback .check label {font-size: 12px;}
.callback .check a {text-decoration: underline;}
.callback input::placeholder {font-size: 14px;}
.callback__input-check {margin: 45px auto 40px; display: inline-block; *display: inline; /* inline-block ie7 fix */ *zoom: 1; vertical-align: top; position: relative; cursor: pointer;}
.callback__input-check input { width: 18px; height: 18px; margin: 0; padding: 0; position: absolute; left: 0; top: 50%; margin-top: -7px; cursor: pointer; z-index: 10; opacity: 0;}
.callback__input-check label {font-size: 18px; line-height: 22px; display: block; padding-left: 27px; position: relative; z-index: 1; cursor: pointer;}
.callback__input-check label:before {display: block; position: absolute; left: 0; top: 9px; width: 18px; height: 18px; margin-top: -7px; background: rgba(0, 0, 0, 0) url(/local/templates/capybara3/img/checkbox_sprite_white.png) no-repeat; z-index: 5; content: '';}
.callback__input-check input:checked + label:before {background-position: 0 -18px;}
.callback-send-area {display: flex; flex-direction: column; justify-content: center;} 

@media(max-width: 768px){
	.callback .name, .callback .phone, .callback__fields input[type="text"]{width:100%;}
	.callback__input-check{margin: 15px auto 40px;}
	.callback .check{padding:0 25px;}
}
.error-container,
.callback__input-check {
    padding-left: 20px;
    padding-right: 10px;
}
.callback-send-area .error-container {
    margin-top: 45px;
    margin-bottom: 8px;
        color: #ffcf1c;
    font-size: 14px;
}
.error-container + .check .callback__input-check {
    margin-top: 0;
}
/* End */


/* Start:/local/templates/capybara3/components/bitrix/menu/main_menu/style.css?1729686766581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/capybara3/components/bitrix/menu/main_menu/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/capybara3/components/bitrix/breadcrumb/breadcrumbs_2/style.css?1729686766875*/
.breadcrumbs {width: 1123px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 30px 0 0 30px;}
.breadcrumbs li {margin-right: 26px; position: relative; font-size: 14px; line-height: 13px;}
    .breadcrumbs li a {color: #fff!important;}
    .breadcrumbs li a:hover {font-weight: unset!important; text-decoration: underline!important;}
.breadcrumbs li:last-child {pointer-events: none; font-weight: bold; letter-spacing: .4px;}
.breadcrumbs li::before {content: ''; background: url(/local/templates/capybara3/img/arrow_white.png) center no-repeat; background-size: contain; width: 9px; height: 9px; position: absolute; top: 2px; right: -20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.breadcrumbs li:last-child::before {display: none;}
    .breadcrumbs a:hover {text-decoration: underline;}
/* End */


/* Start:/include/services/design/what_site_your_need.css?17296868364348*/
.importance {margin-bottom: 116px;}
.importance__container {padding: 0 30px; box-sizing: border-box;}
.importance .title-field-h2 {text-align: center; margin-bottom: 50px;}

.importance__list {display: flex; justify-content: center; margin: 0 -28px 102px;}
.importance-content {overflow: hidden; position: relative; padding: 77px 15px 40px; box-sizing: border-box; background: linear-gradient(308.18deg, #934DA3 0%, #EE8475 101.7%); box-shadow: 0px 0px 25px rgba(147, 77, 163, 0.55); border-radius: 16px; min-height: 510px; max-width: 403px; display: flex; flex-direction: column; justify-content: space-between; margin: 0 28px;}
.importance-content:after {content: ''; background: url(/local/templates/capybara3/img/site-creation_bg-01.png) top center no-repeat; width: 313px; height: 318px; position: absolute; bottom: 0; right: 0;}
.importance-content:nth-child(2):after {left: 0; right: auto; transform: rotateY(180deg);}
.importance-content:nth-child(2):before {background: url(/local/templates/capybara3/img/subtract-num-hor-2.png) top center no-repeat;}
.importance-content:before {content: ''; background: url(/local/templates/capybara3/img/subtract-num-hor-1.png) top center no-repeat; width: 173px; height: 66px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.importance-content__wrap.bot p {font-size: calc(.5vw + 16px); line-height: 32px;}
.importance-content__wrap.bot span {font-size: .75em; line-height: 32px; color: #FFC914; font-weight: bold; }
.importance-content__wrap.bot span>span {font-size: 1.25em;}
.importance-content__title {padding-bottom: 15px; margin-bottom: 29px; position: relative; text-align: center;  font-weight: bold; font-size: 24px; line-height: 32px;}
.importance-content__title:after {content: ''; width: 168px; height: 2px; background: linear-gradient(179.23deg, #FFCF1C 28.65%, #FFB800 100%); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.importance-content__list {margin: 25px 0;}
.importance-content__list li {position: relative; font-size: 16px; line-height: 20px; padding-left: 17px;}
.importance-content__list li:before {content: ''; width: 8px; height: 8px; border: 2px solid #FFC914; border-radius: 50%; position: absolute; left: 0; top: 4px;}
.importance-content__list li + li {margin-top: 20px;}
.importance__btn {max-width: 100%; width: 360px; height: 64px; background: linear-gradient(168.65deg, #FFCF1C 28.65%, #FFB800 100%); border: 4px solid #FFFFFF; box-sizing: border-box; box-shadow: 0px 5px 15px rgba(24, 26, 28, 0.15); border-radius: 100px; font-size: 18px; line-height: 17px; text-transform: uppercase; font-weight: bold; color: #181A1C; margin-left: 50%; transform: translateX(-50%);}

.importance-design .importance-content:before {background: url(/local/templates/capybara3/img/comments-number-01.png) top center no-repeat;}
.importance-design .importance-content:nth-child(2):before {background: url(/local/templates/capybara3/img/comments-number-02.png) top center no-repeat;}
.importance-design {padding-top: 130px;}

@media(max-width: 768px) {
	.importance__list {flex-wrap: wrap;}
    .importance-content + .importance-content {margin-top: 40px;}
    .importance-content__wrap.bot p {font-size: calc(1.5vw + 14px);}
    .importance {margin-bottom: 81px;}	
	.support-order::before{height:470px;}
	.importance__container .title-field-h2{text-align:center;}
}
@media (max-width: 539px) {
    .importance__btn {font-size: 16px;line-height: 15px;}	
}
@media (max-width: 400px) {
    .importance-content:before {background-size: contain!important;width: 130px;height: 60px;}
    .importance-content__title {font-size: 16px;line-height: 32px;}
    .importance-content {padding: 50px 15px 40px;}
    .importance-content__title {padding-bottom: 8px;margin-bottom: 18px;}
    .importance-content__list {margin-top: 0;}
    .importance-content__list li {font-size: 14px;line-height: 15px;}
    .importance-content__wrap.bot p {font-size: 16px;line-height: 20px;}
    .importance-content__wrap.bot span {font-size: 16px;line-height: 25px;}
    .importance-content {min-height: 420px;}
    .importance-content + .importance-content {margin-top: 20px;}
    .importance__list {margin-bottom: 53px;}
}
@media screen and (max-width: 568px) {
    .importance-design {padding-top: 0;}
    .importance-design .title-field-h2 {text-align: left;}	
}
/* End */


/* Start:/include/services/design/us_cases.css?17296868368499*/
.cases__slider {position: relative; padding-top: 42px;}
.cases__slider .control-buttons {z-index: 2; pointer-events: none; width: 100%; height: 20px; position: absolute; top: 50%; transform: translateY(50%);}
.cases__slider #cases_next.control_next,
.cases__slider #cases_prev.control_prev {pointer-events: all; position: absolute; z-index: 1; display: block; bottom: 50%; width: 40px; height: 40px; text-decoration: none; font-weight: 600; font-size: 18px; left: 0; transform: rotate(180deg) translate(50%, -50%); border: 2px solid #fff; cursor: pointer;}
.cases__slider #cases_next.control_next:hover .asset-more__lines:before,
.cases__slider #cases_prev.control_prev:hover .asset-more__lines:before,
.cases__slider #cases_next.control_next:hover .asset-more__lines:after,
.cases__slider #cases_prev.control_prev:hover .asset-more__lines:after {background: red;}
.cases__slider #cases_next.control_next .control-wrapper,
.cases__slider #cases_prev.control_prev .control-wrapper {position: relative;}
.cases__slider #cases_next.control_next .control-wrapper .asset-more,
.cases__slider #cases_prev.control_prev .control-wrapper .asset-more {top: -17px; right: 5px;}
.cases__slider #cases_next.control_next .control-wrapper .asset-more__lines:before,
.cases__slider #cases_prev.control_prev .control-wrapper .asset-more__lines:before,
.cases__slider #cases_next.control_next .control-wrapper .asset-more__lines:after,
.cases__slider #cases_prev.control_prev .control-wrapper .asset-more__lines:after {background: #727272;}
.cases__slider #cases_next.control_next {right: 0; transform: translate(50%, 50%); left: unset;}
.cases__slider #cases_prev.control_prev .asset-more {top: -3px !important; transform: rotate(45deg);}
.cases__slider #slider-cases {overflow: hidden; height: 250px; max-width: 100%; width: 1110px!important; position: relative; margin: 0 auto;}
.cases__slider #slider-cases .slides {position: absolute; display: flex; width: unset!important;}

.cases {padding-left: 17px; width: 1110px; margin: 0 auto 118px; max-width: 100%;}
.cases-detail {}
.cases-detail__item {display: flex; width: 100%; height: unset; background: #fff; border-radius: 16px; overflow: hidden; transform: rotateX(90deg); opacity: 0; max-height: 0px; pointer-events: none; transition: .3s ease-out, max-height 0s, margin-top 0s;}
.cases-detail__item.active {margin-top: 44px; transform: rotateX(0); opacity: 1; max-height: 280px; pointer-events: all; transition: .5s ease-out, max-height 0s, margin-top 0s;}
.cases-detail__section {width: 50%;}
.cases-detail__section.desc {padding-bottom: 20px; color: #181A1C;  background: url(/local/templates/capybara3/img/portfolio_description-bg.png) bottom right no-repeat, linear-gradient(150.34deg, #FFCF1C 28.65%, #FFB800 100%); border-radius: 0px 16px 16px 0px;}
.cases-detail__title {position: relative;}
.cases-detail h3 {position: relative; padding: 10px 0 0 7px; font-size: 24px; line-height: 23px; font-weight: bold;}
.cases-detail h3::before {content: ""; display: block; position: absolute; top: 40px; left: 50%; transform: translateX(-51%); height: 2px; width: 95%; background: #000;}
.cases-detail__close-button {cursor: pointer; pointer-events: all; content: ""; background: url(/local/templates/capybara3/img/icon_close.png) no-repeat center; position: absolute; padding: 21px 59px 21px 0; box-sizing: border-box; top: 0; right: 0; width: 14px; height: 14px;}
.cases-detail table {font-size: 14px; margin: 25px 0 0 7px;}
.cases-detail table tr td:nth-child(1) {padding-bottom: 11px; font-weight: bold;}
.cases-detail table tr td:nth-child(2) {padding-left: 25px;}
.cases-detail table a {pointer-events: all; color: #000; font-size: 14px; line-height: 16px; text-decoration-line: underline;}
.cases-detail table a:hover {color: #934DA3;}
.cases-detail p {font-size: 14px; line-height: 20px; padding: 6px 10px 0 7px;}

.cases .container {width: 1110px; margin: 0 auto;}
.cases__list {margin: 0 -5px -20px; display: flex; justify-content: space-between; padding-top: 52px;}
.cases__item {background: #fff; cursor: pointer; position: relative; width: 350px; height: 250px; border-radius: 16px; overflow: hidden;}
.cases__item.active {}
.cases__item.active:before {content: ''; z-index: 1; background: linear-gradient(151.26deg, #FFCF1C 28.65%, #FFB800 100%); opacity: 0.75; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.cases__item.active:after {content: ''; z-index: 1; background: url(/local/templates/capybara3/img/portfolio-arrow.png) center center no-repeat; width: 60px; height: 60px; position: absolute; top: 55px; left: 50%; transform: translateX(-50%);}
.cases__item + .cases__item {margin-left: 30px;}
.cases__img {position: relative;}
.cases__desc {z-index: 1; display: flex; justify-content: center; flex-direction: column; padding-bottom: 10px; box-sizing: border-box; content: ''; width: 100%; height: 80px; background: linear-gradient(165.53deg, #FFCF1C 28.65%, #FFB800 100%); position: absolute; bottom: 0; left: 0;}
.cases__item h4 {margin-bottom: 10px; font-weight: bold; font-size: 16px; line-height: 20px; text-align: center; color: #181A1C;}
.cases__item p {font-size: 14px; line-height: 13px; text-align: center;   color: #181A1C;}


.design-bar {
    background: #fff url(/local/templates/capybara3/images/sites-templates/back_kases.jpg) top center no-repeat;
    padding: 78px 0px 1px 0px;
    position: relative;
}

.design-bar h2 {
    color: #000;
}


.design-bar .spatter-new {
    z-index: 0;
    content: "";
    position: absolute;
    top: -428px;
    left: -1px;
    display: block;
    width: 100%;
    height: 1300px;
    z-index: -1;
    background: url(/local/templates/capybara3/images/design-img/spatter-design-page.png) center center no-repeat;
}

@media(max-width: 1200px) and (min-width: 769px) {
	.cases {padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .cases__slider #slider-cases .slides {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; width: 100%!important;}
    .cases__item + .cases__item {margin-left: 5px;}
    .cases__item {-ms-flex-negative: 1;flex-shrink: 1;}
    .cases__slider {padding-top: 20px;}
    .cases__slider #cases_next.control_next, .cases__slider #cases_prev.control_prev {bottom: 50%; top: unset;}
    .cases__slider #cases_next.control_next {right: 10px;}
    .cases__slider #cases_prev.control_prev {left: 10px;}
}

@media(max-width: 768px) {
	    .cases {padding-left: 0; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 67px;}
    .cases__slider {padding-top: 33px;}
    .cases .title-field-h2 h2 {text-align: center;}
    .cases__slider #slider-cases {}
    .cases__item {width: 260px; height: 240px;}
    .cases__slider .control-buttons {-webkit-transform: none;-ms-transform: none;transform: none;}
    .cases__img {max-width: 100%;}
    .cases__item h4 {font-size: 14px; line-height: 20px; margin-bottom: 9px;}
    .cases__desc {padding-bottom: 8px;}
    .cases__item.active:before, .cases__item.active:after {display: none;}
	
	.cases {width: 320px;}
	
}

@media (min-width: 540px) and (max-width: 768px) {
	.cases-detail__section {width: 100%;}
    .cases-detail__section.image {display: none;}

    .cases__slider #cases_next.control_next {right: 10px;}
    .cases__slider #cases_prev.control_prev {left: 10px;}
    .cases {padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 540px!important;}
    .cases__slider #slider-cases {}
    .cases__slider #slider-cases .slides {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; width: unset!important;}
    .cases__item + .cases__item {margin-left: 10px; width: 240px;}
    .cases__item {-ms-flex-negative: 1;flex-shrink: 1;}
    .cases__slider {padding-top: 20px;}
}

@media (max-width: 539px) {
	.cases-detail {position: relative; z-index: 2; pointer-events: none;}
    .cases-detail__item {-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top; top: 193px; margin-top: 0; background: transparent; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: unset; max-height: unset!important;}
    .cases-detail__section {width: 100%;}
    .cases-detail__section.image {display: none;}
    .cases-detail__section.desc {height: unset; padding-bottom: 20px;}
    .cases-detail__img {display: none;}
    .cases-detail__item.active {margin-top: 0;}
}

/* End */


/* Start:/include/services/design/how_we_work.css?17296868369053*/
.site-works {padding: 0 30px; box-sizing: border-box; margin-bottom: 97px;}
.site-works__container {max-width: 1110px; margin: 0 auto;}
.site-works .title-field-h2 h2 {margin-bottom: 2px;}
.site-works .title-field-h2 p {max-width: 400px; margin: auto;}
.site-works-select {position: relative; display: flex; justify-content: center; padding-bottom: 3px; padding-top: 47px; max-width: 736px; border-bottom: 1px solid #934DA3; margin: 0 auto 55px;}
.site-works-select:before {display: none;content: '';position: absolute;right: 18px;top: 10px;border: 6px solid transparent;border-bottom: none;border-top: 6px solid #EE8475;}
.site-works-select__item {margin: 0 39px; font-size: 16px; padding: 6px 0 9px; font-weight: bold; line-height: 24px; text-align: center; text-transform: uppercase; color: #934DA3; transition: .1s;}
.site-works-select__item:hover {color: #EE8475;}
.site-works-select__item.active { pointer-events: none; color: #EE8475; border-bottom: 3px solid #EE8475; padding: 6px 0 6px;}
.site-works__description {display: flex;}
.site-works__img {min-height: 471px; width: 50%; background: url("/local/templates/capybara3/img/img-phone-space.png") top left no-repeat;}
.site-works-tab {display: none;}
.site-works-tab__item {position: relative; min-height: 78px;}
.site-works-tab__item:before {z-index: 1; content: ''; background: url("/local/templates/capybara3/img/steps-yellow-to6-1.png") center center no-repeat; width: 62px; height: 62px; position: absolute; left: -80px; top: 0;}
.site-works-tab__item:nth-child(2):before {background-image: url("/local/templates/capybara3/img/steps-yellow-to6-2.png");}
.site-works-tab__item:nth-child(3):before {background-image: url("/local/templates/capybara3/img/steps-yellow-to6-3.png");}
.site-works-tab__item:nth-child(4):before {background-image: url("/local/templates/capybara3/img/steps-yellow-to6-4.png");}
.site-works-tab__item:nth-child(5):before {background-image: url("/local/templates/capybara3/img/steps-yellow-to6-5.png");}
.site-works-tab__item:nth-child(6):before {background-image: url("/local/templates/capybara3/img/steps-yellow-to6-6.png");}
.site-works-tab__item:after {z-index: -1; content: ''; background: url("/local/templates/capybara3/img/arrow-dotted-gray.png") center center no-repeat; width: 62px; height: 68px; position: absolute; left: -80px; top: 49px;}
.site-works-tab__item:last-child:after {display: none;}
.site-works-tab__item + .site-works-tab__item {margin-top: 26px;}
.site-works-tab__item p:first-child {margin-bottom: 10px; color: #FFCD1A; font-size: 18px; line-height: 17px; font-weight: bold;}
.site-works-tab__item p:last-child {font-size: 14px; line-height: 17px;}
.site-works-design {padding-top: 135px;}
.site-works-design > div > div.title-field-h2.center > p {max-width: 561px;}
.site-feedback-design {background: linear-gradient(transparent 400px, #fff 500px), url(/local/templates/capybara3/images/sites-templates/white_bacl_mail.jpg) top center no-repeat #fff;position: relative;}
.site-works__img_design {background: url(/local/templates/capybara3/images/sites-templates/i-phone-first.png) top center no-repeat;}
.site-works__img_design-sec {background: url(/local/templates/capybara3/images/sites-templates/i-phone-sec.png) top center no-repeat;}
.site-works__tab-list {width: 100%;}
.design-tab-flex {display: flex;justify-content: space-around;}
.design-tab-flex .site-works__tab {max-width: 50%;}
.design-tab-flex .site-works-tab__item:before {z-index: 1; content: ''; background: url("/local/templates/capybara3/images/design-img/steps-desing-1.png") center center no-repeat; width: 62px; height: 62px; position: absolute; left: -80px; top: 0;}
.design-tab-flex .site-works-tab__item:nth-child(2):before {background-image: url("/local/templates/capybara3/images/design-img/steps-design-2.png");}
.design-tab-flex .site-works-tab__item:nth-child(3):before {background-image: url("/local/templates/capybara3/images/design-img/steps-design-3.png");}
.design-tab-flex .site-works-tab__item:nth-child(4):before {background-image: url("/local/templates/capybara3/images/design-img/steps-design-4.png");}
.design-tab-flex .site-works-tab__item:after {z-index: -1; content: ''; background: url("/local/templates/capybara3/images/design-img/steps-arrow-design.png") center center no-repeat; width: 62px; height: 68px; position: absolute; left: -80px; top: 49px;}

@media(max-width: 768px) {
	.site-works__tab-list {padding-left: 0!important;}
    .site-works-tab__item p:first-child {margin-bottom: 0; font-size: 16px; line-height: 15px; color: #181A1C; background: linear-gradient(167.75deg, #FFCF1C 28.65%, #FFB800 100%); border-radius: 50px; height: 50px; padding-left: 65px; box-sizing: border-box; display: flex; align-items: center;}
    .site-works-tab__item:after {pointer-events: none; z-index: 0; content: ''; background: url(/local/templates/capybara3/img/triangle-small-purple.png) center center no-repeat; width: 25px; height: 25px; position: absolute; right: 13px; top: 13px; left: auto; background-color: #fff; border-radius: 50%;}
    .site-works-tab__item:last-child:after {display: block;}
    .site-works-tab__item:before {width: 68px; height: 68px; left: -10px; top: -9px;}
    .site-works-tab__item:nth-child(1):before {background-image: url("/local/templates/capybara3/img/steps-purple-to6-1.png");}
    .site-works-tab__item:nth-child(2):before {background-image: url("/local/templates/capybara3/img/steps-purple-to6-2.png");}
    .site-works-tab__item:nth-child(3):before {background-image: url("/local/templates/capybara3/img/steps-purple-to6-3.png");}
    .site-works-tab__item:nth-child(4):before {background-image: url("/local/templates/capybara3/img/steps-purple-to6-4.png");}
    .site-works-tab__item:nth-child(5):before {background-image: url("/local/templates/capybara3/img/steps-purple-to6-5.png");}
    .site-works-tab__item:nth-child(6):before {background-image: url("/local/templates/capybara3/img/steps-purple-to6-6.png");}
    .site-works-tab__item {min-height: auto;}
    .site-works-tab__item p:last-child {max-height: 0;transition: .3s ease-out;opacity: 0;transform: rotateX(90deg);transform-origin: top;font-size: 12px; line-height: 15px; width: 85%; margin: 0 auto; padding: 10px; box-sizing: border-box; background: #934DA3; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 6px 6px;}
    .site-works-tab__item p:last-child.active {opacity: 1;max-height: 100%;transition: .5s ease-out;transform: rotateX(0);}
    .site-works-select {flex-direction: column;border: 2px solid #EE8475;padding: 0;height: 26px;overflow: hidden;justify-content: flex-start;border-radius: 16px;}
    .site-works-select__item {text-align: left;font-size: 16px;line-height: 15px;text-transform: lowercase;margin: 0;}
    .site-works-select__item.active {padding: 5px 0 12px;}
    .site-works-select {margin-top: 24px;margin-bottom: 30px;}
    .site-works-select__item, .site-works-select__item.active {padding: 5px 0 12px 15px;border: none;}
    .site-works-tab__item + .site-works-tab__item {margin-top: 20px;}
    .site-works {margin-bottom: 45px;}
    .site-works-select:before {display: block;}
	.site-works-select__item {order: 2;}
    .site-works-select__item.active {order: 1;}	
}

@media (max-width: 1024px) {
    .site-works__img {display: none;}
    .site-works__tab-list {max-width: 736px; width: auto; margin: 0 auto; padding-left: 75px;}}

@media (max-width: 539px) {
	.site-works .title-field-h2 p {margin: unset;}
}

@media screen and (max-width: 568px) {
	.design-tab-flex .site-works__tab {max-width: 100%;}
    .design-tab-flex .site-works-tab__item:before {display: none;}
    .design-tab-flex .site-works-tab__item:after {display: none;}
    .site-design-list .site-features__label {max-width: 68px;max-height: 68px;left: 10px;top: -23px;}
    .site-works-tab__item:first-child::before {background:none;content: url("/local/templates/capybara3/images/design-img/1_number.png");display: block;position: absolute;width: 34px;height: 34px;left: -16px;top: -15px;}
    .design-tab-flex .site-works-tab__item:nth-child(2):before {content: url("/local/templates/capybara3/images/design-img/2_number.png");display: block;background-image: none;position: absolute;width: 34px;height: 34px;left: -16px;top: -15px;}
    .design-tab-flex .site-works-tab__item:nth-child(3):before {content: url("/local/templates/capybara3/images/design-img/3_number.png");display: block;background-image: none;position: absolute;width: 34px;height: 34px;left: -16px;top: -15px;}
    .design-tab-flex .site-works-tab__item:nth-child(4):before {content: url("/local/templates/capybara3/images/design-img/4-number.png");display: block;background-image: none;position: absolute;width: 34px;height: 34px;left: -16px;top: -15px;}
    .design-tab-flex .site-works-tab__item::after {content: url("/local/templates/capybara3/images/design-img/arrow_down.png");display: block;position: absolute;background-image: none;width: 34px;height: 34px;left: 75%;top: 3px;z-index: 99;}
    .site-works-tab__item {position: relative;}	
}


/* End */


/* Start:/include/services/design/what_sites_we_do.css?17296868364957*/
.site-types {margin-bottom: 70px;padding: 0 30px;}
.site-types__container {width: 100%;max-width: 1110px;margin: 0 auto;}
.site-types__title {margin-bottom: 39px; text-align: center;}
.site-types__title h2 {font-weight: bold;font-size: 32px;line-height: 40px;margin-bottom: 2px;}
.site-types__title p {font-size: 18px;line-height: 24px;max-width: 520px;margin: 0 auto;}
.site-types__list {display: grid;grid-template-columns: repeat(3,1fr);column-gap: 30px;row-gap: 20px;margin-bottom: 50px;}
.site-types-type {background: url(/local/templates/capybara3/img/marketing_bg-01.png) right bottom no-repeat, linear-gradient(322.22deg, #934DA3 0%, #EE8475 101.7%);border-radius: 16px;height: 270px;padding: 17px 10px 11px;box-sizing: border-box;display: flex;flex-direction: column;}
.site-types-type__title {position: relative;font-size: 24px;line-height: 32px;font-weight: 900;padding-bottom: 12px;margin-bottom: 14px;}
.site-types-type__title:before {content: '';width: 168px;height: 2px;background: linear-gradient(179.22deg, #FFCF1C 28.65%, #FFB800 100%);position: absolute;bottom: 0;left: 0;}
.site-types-type__desc {font-size: 16px;line-height: 20px;margin-bottom: 12px;}
.site-types-type__text {height: 100%;display: flex;flex-direction: column;}
.site-types-type__desc p + p {margin-top: 10px;}
.site-types-type__cost {color: #FFC20C;font-weight: bold;font-size: 18px;line-height: 32px;margin: auto 0 0;}
.site-types-type__cost p:before {content: 'Öåíà:';font-size: 18px;line-height: 32px;font-weight: 100;color: #fff;margin-right: 16px;}
.site-types-type__cost p:first-child:before {}
.site-types-type__cost p:last-child:before {content: 'Ñðîê:';}
.site-types-factors {border: 2px dashed #FFC20C;border-radius: 16px;padding: 13px 15px 15px;}
.site-types-factors__title {font-weight: bold;font-size: 24px;line-height: 40px;margin-bottom: 12px;}
.site-types-factors__list {box-sizing: border-box;counter-reset: siteTypesFactors;display: grid;grid-template-columns: repeat(4,1fr);column-gap: 15px;}
.site-types-factors__item {}
.site-types-factors__item p:first-child {position: relative;font-size: 16px;line-height: 20px;font-weight: bold;color: #FFC20C;min-height: 40px;margin-bottom: 10px;}
.site-types-factors__item p:first-child:before {counter-increment: siteTypesFactors;content: counter(siteTypesFactors)". ";}
.site-types-factors__item p:last-child {font-size: 14px;line-height: 20px;}
@media(max-width: 1200px) and (min-width: 769px) {
	.site-types-type {height: 300px;}
}
@media(max-width: 768px) {
	.site-types__list {grid-template-columns: repeat(1,1fr)!important;}
    .site-types-type {background: none;height: unset;}
    .site-types-type__title:before {display: none;}
    .site-types-type__cost {margin: 0;}
    .site-types-type.active {padding-bottom: 14px;}
    .site-types-type {position: relative;}
    .site-types-type:after {content: '';width: 100%;height: 1px;opacity: 1;background: #FFCF1C;content: '';width: 100%;height: 1px;opacity: 1;background: #FFCF1C;position: absolute;bottom: 0;}
    .site-types-type.active .site-types-type__text {transition: .5s ease-out, max-height 0s;transform: rotateX(0);max-height: 500px;opacity: 1;}
    .site-types-type__text {transition: .3s ease-out, max-height .3s;transform: rotateX(90deg);max-height: 0;transform-origin: top;opacity: 0;}
    .site-types-type__title {position: relative;font-size: 16px;line-height: 20px;padding-bottom: 10px;padding-right: 20px;margin-bottom: 0;}
    .site-types-type__title:after {position: absolute;right: 0;top: 50%;transform: translate(0, -50%);content: "";border: 8px solid transparent;border-top: 8px solid #FFCF1C;width: 0;height: 0;}
    .site-types__list {margin-bottom: 10px;}
    .site-types-type.active .site-types-type__title:after {top: -2px;transform: rotate(180deg);}
    .site-types__title h2 {font-size: 24px;line-height: 30px;text-align: center;}
    .site-types__title p {font-size: 14px;line-height: 20px;text-align: center;}
    .site-types-type {padding: 0;}
    .site-types__title {margin-bottom: 24px;}
    .site-types-type__desc p {font-size: 14px;line-height: 20px;}
    .site-types-type__cost {font-size: 16px;line-height: 25px;}
    .site-types-type__cost p:before {font-size: 16px;line-height: 20px;margin-right: 10px;}
    .site-types-type.active .site-types-type__title {color: #FFCF1C;padding-bottom: 11px;}
    .site-types-factors {padding: 0;border: none;}
    .site-types-factors__title {font-size: 18px;line-height: 20px;margin-bottom: 16px;}
    .site-types-factors__item p:first-child {font-size: 14px;line-height: 20px;}
    .site-types-factors__list {grid-template-columns: repeat(1,1fr);}
    .site-types-factors__item p:first-child {min-height: unset;margin-bottom: 3px;}
    .site-types-factors__item {margin-bottom: 16px;}
}
@media (max-width: 1024px) {
    .site-types__list {grid-template-columns: repeat(2,1fr);}
}
@media (max-width: 539px) {
	.site-types__title p, .site-types__title h2 {text-align: left;}
}

/* End */


/* Start:/include/services/design/feedback.css?17296868361209*/
.site-feedback {width: 100%!important; box-sizing: border-box; margin: 0!important; margin-bottom: 71px!important; background: linear-gradient(transparent 400px, #fff 500px), url(/local/templates/capybara3/img/form-bg.jpg) top center no-repeat #fff; color: #000; padding: 52px 15px 70px;}
.site-feedback .title-field-h2.small p {max-width: 480px; margin: auto;}
.site-feedback form {margin-top: 44px;}
.site-feedback-design {background: linear-gradient(transparent 400px, #fff 500px), url(/local/templates/capybara3/images/sites-templates/white_bacl_mail.jpg) top center no-repeat #fff;position: relative;}
.site-feedback-design .spatter-new {z-index: 0;content: "";position: absolute;top: -381px;left: -1px;display: block;width: 100%;height: 1300px;z-index: -1;background: url(/local/templates/capybara3/images/design-img/spatter-design-page.png) center center no-repeat;}
.site-features-design {margin: 60px 0px 140px;}
.site-feedback-design h2{text-align: center;}
@media screen and (max-width: 568px) {
    .site-feedback-design .form__send.show-mobile {display: flex !important;justify-content: center !important;}
    .site-feedback-design .form__send.show-mobile button {margin-left: 0px !important;}
}
/* End */
/* /local/templates/capybara3/components/bitrix/menu/main_menu-mobile/style.css?1729686766581 */
/* /local/templates/capybara3/components/bitrix/form.result.new/send_call/style.css?17537788463010 */
/* /local/templates/capybara3/components/bitrix/menu/main_menu/style.css?1729686766581 */
/* /local/templates/capybara3/components/bitrix/breadcrumb/breadcrumbs_2/style.css?1729686766875 */
/* /include/services/design/what_site_your_need.css?17296868364348 */
/* /include/services/design/us_cases.css?17296868368499 */
/* /include/services/design/how_we_work.css?17296868369053 */
/* /include/services/design/what_sites_we_do.css?17296868364957 */
/* /include/services/design/feedback.css?17296868361209 */