/* 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/kontekstnaya-reklama/dogovor_odin_instrumentov_mnogo.css?17296868364925*/

.body-main.advertising .advertising-tools {padding-left: 17px; margin-bottom: 278px;}
.body-main.advertising .advertising-tools .title-field-h2.center {margin-bottom: 50px;}
.body-main.advertising .advertising-tools .container {width: 1110px; margin: 0 auto;}
.body-main.advertising .advertising-tools .container .block-main {z-index: 1; position: relative; box-shadow: 0px 0px 15px rgba(255, 186, 3, 0.75); justify-content: space-evenly; padding: 27px 23px 0; box-sizing: border-box; display: flex; height: 360px; background: linear-gradient(90deg, #FFBA03 49.91%, rgba(255, 207, 28, 0.5) 100%), url(/include/services/kontekstnaya-reklama/../img/email-admin_bg.jpg) right center no-repeat; border-radius: 16px; background-size: contain;}
.body-main.advertising .advertising-tools .container .block-main:before {content: ''; width: 300px; height: 300px; position: absolute; bottom: 0; right: 0; background: url(/include/services/kontekstnaya-reklama/../img/smm-tariffs-bg.png) no-repeat; background-size: contain;}
.body-main.advertising .advertising-tools .container .block-main__section {width: 33%;}
.body-main.advertising .advertising-tools .container .block-main__section h3 {text-shadow: 0 0 1px #000, 0 0 1px #000; font-family: "Gotham Pro", sans-serif; font-weight: bold; font-size: 24px; line-height: 30px; color: #181A1C;}
.body-main.advertising .advertising-tools .container .block-main__section ul {padding: 17px 0 0 34px;}
.body-main.advertising .advertising-tools .container .block-main__section ul li {position: relative; font-weight: bold; font-size: 18px; line-height: 20px; color: #020203;}
.body-main.advertising .advertising-tools .container .block-main__section ul li:not(:last-child) {margin-bottom: 20px;}
.body-main.advertising .advertising-tools .container .block-main__section ul li:before {content: ""; position: absolute; top: -5px; left: -39px; height: 32px; width: 32px; background: url(/include/services/kontekstnaya-reklama/../img/check-mark_2.png) center;}
.body-main.advertising .advertising-tools .container .block-lesser {display: flex; z-index: 0; position: absolute; left: calc(50% + 8px); transform: translateX(-50%); width: 1060px; margin: auto; height: 70px; background: linear-gradient(352.97deg, #934DA3 0%, #EE8475 101.7%); box-shadow: 0px 0px 25px rgba(147, 77, 163, 0.55); border-radius: 0 0 16px 16px;}
.body-main.advertising .advertising-tools .container .block-lesser p {margin: auto; font-weight: bold; font-size: 18px; line-height: 24px; text-align: center;}
@media(max-width: 1200px) and (min-width: 769px) {
    .body-main.advertising .advertising-tools {padding: 0; margin-bottom: 200px;}
    .body-main.advertising .advertising-tools .container {width: 100%; padding: 0 20px; box-sizing: border-box;}
    .body-main.advertising .advertising-tools .container .block-main {height: unset; padding-bottom: 20px; background-size: cover;}
    .body-main.advertising .advertising-tools .container .block-lesser {width: calc(100% - 100px); left: 50%; height: unset; padding: 10px;}
}
@media(max-width: 768px) {
    .body-main.advertising .advertising-tools {padding: 0; max-width: 290px; margin: 0 auto 187px;}
    .body-main.advertising .advertising-tools .title-field-h2 {text-align: center!important; width: 260px; margin: 0 auto 45px!important;}
    .body-main.advertising .advertising-tools .title-field-h2 h2 {margin-bottom: 8px;}
    .body-main.advertising .advertising-tools .container {max-width: 100%; height: 450px;}
    .body-main.advertising .advertising-tools .container .block-main {background: linear-gradient(180deg, #FFBA03 49.91%, rgba(255, 207, 28, 0.75) 100%), url(/include/services/kontekstnaya-reklama/../img/email-admin_bg.jpg) bottom right no-repeat; background-size: 500px; justify-content: flex-start; flex-direction: column; height: 100%; padding: 15px 0 0 29px;}
    .body-main.advertising .advertising-tools .container .block-main:before {width: 260px; height: 260px;}
    .body-main.advertising .advertising-tools .container .block-main__section {width: 100%;}
    .body-main.advertising .advertising-tools .container .block-main__section h3 {font-size: 18px; line-height: 17px;}
    .body-main.advertising .advertising-tools .container .block-main__section ul li {font-size: 14px; line-height: 20px;}
    .body-main.advertising .advertising-tools .container .block-main__section ul li:not(:last-child) {margin-bottom: 10px;}
    .body-main.advertising .advertising-tools .container .block-main__section ul {padding: 13px 0 0 0px;}
    .body-main.advertising .advertising-tools .container .block-main__section ul:nth-child(2) {margin-bottom: 20px;}
    .body-main.advertising .advertising-tools .container .block-main__section ul li:before {top: -2px; left: -27px; width: 25px; height: 25px; background: url(/include/services/kontekstnaya-reklama/../img/check-mark_2.png) center no-repeat; background-size: contain;}
    .body-main.advertising .advertising-tools .container .block-lesser {width: 260px; height: 80px; left: 50%;}
    .body-main.advertising .advertising-tools .container .block-lesser p {font-size: 12px; line-height: 15px;}
}
/* End */


/* Start:/include/services/kontekstnaya-reklama/poryadok_rabot.css?17296868364263*/
.advertising-method {padding-left: 17px; position: relative; margin-bottom: 164px;}
.advertising-method:before {z-index: -1; content: ''; position: absolute; top: -33px; left: 0; width: 100%; height: 695px; background-image: linear-gradient(to right, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, 0.85) 100%), url(/local/templates/capybara3/img/advertising_bg-01.jpg);}
.advertising-method .title-field-h2 {color: #000; margin-bottom: 51px;}
.advertising-method .container {display: flex; width: 1035px; justify-content: space-between; margin: auto;}
.advertising-method .container .wrapper {width: 473px;}
.advertising-method .container .wrapper .heading {display: flex;}
.advertising-method .container .wrapper h3 {padding-left: 32px; position: relative;  font-weight: bold; font-size: 24px; line-height: 25px; color: #934DA3;}
.advertising-method .container .wrapper .number {font-weight: bold; position: relative; font-size: 24px; line-height: 23px;}
.advertising-method .container .wrapper .number:before{z-index: -1; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(90deg, #934DA3 -0.04%, #EE8475 100.17%); box-shadow: 0px 0px 15px rgba(185, 98, 239, 0.75);}
.advertising-method .container .wrapper ul {padding: 30px 0 0 75px;}
.advertising-method .container .wrapper ul li {position: relative; margin-bottom: 30px; font-weight: bold; font-size: 16px; line-height: 20px; color: #181A1C;}
.advertising-method .container .wrapper ul li:before {content: ''; position: absolute; top: 3px; left: -25px; width: 16px; height: 16px; background: url(/local/templates/capybara3/img/icon_tick.png); background-size: contain;}
@media(max-width: 1200px) and (min-width: 769px) {
    .advertising-method {padding: 0; margin-bottom: 164px;}
    .advertising-method .container {width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .advertising-method .container .wrapper .number {height: 24px;}
    .advertising-method .container .wrapper h3 {padding-left: 22px;}
    .advertising-method .container .wrapper ul {padding: 30px 0 0 65px;}
    .advertising-method .container .wrapper ul li {margin-bottom: 20px;}
    .advertising-method .container .wrapper {padding-left: 30px;}
}
@media(max-width: 768px) {
    .advertising-method {padding: 0; margin-bottom: 73px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, 1))), url(/local/templates/capybara3/img/advertising_bg-01.jpg); background-image: -o-linear-gradient(left, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, 1) 100%), url(/local/templates/capybara3/img/advertising_bg-01.jpg); background-image: linear-gradient(to right, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, 1) 100%), url(/local/templates/capybara3/img/advertising_bg-01.jpg); padding: 37px 0 37px; z-index: -1;}
    .advertising-method .title-field-h2 {text-align: center!important; margin-bottom: 27px;}
    .advertising-method:before {top: -37px; height: 950px; display: none;}
    .advertising-method .container .wrapper h3 {font-size: 16px; line-height: 20px; padding-left: 14px; margin-bottom: 17px;}
    .advertising-method .container .wrapper ul {padding: 0 0 0 23px;}
    .advertising-method .container .wrapper ul li {font-size: 14px; line-height: 18px; margin-bottom: 15px;}
    .advertising-method .container .wrapper ul li:before {top: 1px; left: -31px;}
    .advertising-method .container {max-width: 100%; width: 600px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
    .advertising-method .container .wrapper {width: 100%;}
    .advertising-method .container .wrapper .number {margin: 3px 6px 0 -3px; height: 15px; font-size: 18px; line-height: 17px;}
    .advertising-method .container .wrapper .number:before {width: 27px; height: 27px;}
    .advertising-method .container .wrapper:not(:last-child) ul {margin-bottom: 29px;}
}
@media (min-width: 540px) and (max-width: 768px) {
    .advertising-method .title-field-h2 {margin-bottom: 27px!important;}
}
/* End */


/* Start:/include/services/kontekstnaya-reklama/tariff_price.css?17296868367147*/
.email__slider {position: relative;}
.email__slider #email_next.control_next,
.email__slider #email_prev.control_prev {position: absolute; z-index: 1; display: block; bottom: 62px; width: 40px; height: 40px; text-decoration: none; font-weight: 600; font-size: 18px; border: none; left: 0; transform: rotate(180deg) translateX(50%); border: 2px solid #fff; cursor: pointer;}
.email__slider #email_next.control_next:hover .asset-more__lines:before,
.email__slider #email_prev.control_prev:hover .asset-more__lines:before,
.email__slider #email_next.control_next:hover .asset-more__lines:after,
.email__slider #email_prev.control_prev:hover .asset-more__lines:after {background: red;}
.email__slider #email_next.control_next .control-wrapper,
.email__slider #email_prev.control_prev .control-wrapper {position: relative;}
.email__slider #email_next.control_next .control-wrapper .asset-more,
.email__slider #email_prev.control_prev .control-wrapper .asset-more {top: -17px; right: 5px;}
.email__slider #email_next.control_next .control-wrapper .asset-more__lines:before,
.email__slider #email_prev.control_prev .control-wrapper .asset-more__lines:before,
.email__slider #email_next.control_next .control-wrapper .asset-more__lines:after,
.email__slider #email_prev.control_prev .control-wrapper .asset-more__lines:after {background: #727272;}
.email__slider #email_next.control_next {right: 0; transform: translateX(50%); left: unset;}
.email__slider #email_prev.control_prev .asset-more {top: -3px !important; transform: rotate(45deg);}
.email__slider #slider-email {overflow: hidden; height: 510px; width: 1110px!important; position: relative; margin: 0 auto;}
.email__slider #slider-email .slides {position: absolute; display: flex; width: unset!important;}
.email__slider #slider-email .slides>li {position: unset; display: flex; flex-direction: row; justify-content: center; width: 360px; height: 510px; background: linear-gradient(305.09deg, #934DA3 0%, #EE8475 101.7%); border-radius: 16px;}
.email__slider #slider-email .slides>li:nth-child(even) {margin: 0 15px;}

.email__slider #slider-email .slides .item img {position: unset; transform: translateY(0); height: auto; left: 0; top: 50%;}

.advertising-tariffs {padding-left: 17px; margin-bottom: 158px;}
.advertising-tariffs .title-field-h2 {margin-bottom: 42px;}
.advertising-tariffs .container {width: 1110px; display: flex; flex-direction: column; padding: 18px 15px 0 15px; box-sizing: border-box; margin: auto; width: 1109px; height: 670px; background: linear-gradient(145.7deg, #FFCF1C 28.65%, #FFB800 100%); border-radius: 16px;}
.advertising-tariffs .container table {}
.advertising-tariffs .container table tr {border-bottom: 1px solid rgba(147, 77, 163, 0.5); color: #000; font-size: 16px; line-height: 15px;}
.advertising-tariffs .container table tr th {vertical-align: middle; height: 57px; font-weight: bold; font-size: 24px; line-height: 32px; text-align: center; color: #934DA3;}
.advertising-tariffs .container table tr td {vertical-align: middle; text-align: center; height: 59px; width: 25%; font-weight: bold;}
.advertising-tariffs .container table tr td:nth-child(1) {text-align: left; font-size: 14px; line-height: 13px;}
.advertising-tariffs .container table tr:nth-child(7) td:not(:first-child) {font-size: 14px; line-height: 13px;}

.advertising-tariffs .container .button-wrapper {margin: auto 0; display: flex; justify-content: flex-end;}
.advertising-tariffs .container button {color: #fff; background: linear-gradient(349.87deg, #934DA3 0%, #EE8475 101.7%); transform: translateX(50%); margin-right: 37%;}
.advertising-tariffs .container button:hover {background: linear-gradient(90deg, #EE8475 -0.04%, #EE8475 100.17%);}

.advertising-tariffs {padding: 0;}
.advertising-tariffs .title-field-h2 h2 {text-align: center;}
@media(max-width: 1200px) and (min-width: 769px) {
    .advertising-tariffs {margin-bottom: 120px;}
    .advertising-tariffs .container {width: calc(100% - 40px); padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .advertising-tariffs .container table tr td:nth-child(1) {font-size: 13px;}
    .advertising-tariffs .container table tr td {font-size: 14px; padding: 0 2px;}
    .email__slider #slider-email {width: 735px!important;}
}
@media(max-width: 768px) {
    .advertising-tariffs {font-family: "Gotham Pro", sans-serif; margin-bottom: 77px;}
    .advertising-tariffs .title-field-h2 {margin-bottom: 23px;}
    .advertising-tariffs .email__slider #slider-email .slides>li {height: 490px; background: -o-linear-gradient(332.33deg, #FFCF1C 28.65%, #FFB800 100%); background: linear-gradient(117.67deg, #FFCF1C 28.65%, #FFB800 100%);}
    .advertising-tariffs .email__slider .item {width: 100%; padding: 11px 0 0 0;}
    .advertising-tariffs .email__slider table {color: #000; margin-left: 15px;}
    .advertising-tariffs h3 {margin-bottom: 7px; color: #934DA3; font-weight: bold; font-size: 24px; line-height: 32px; text-align: center;}
    .advertising-tariffs .email__slider table tr th {font-size: 12px; line-height: 11px; font-weight: bold; padding-bottom: 3px;}
    .advertising-tariffs .email__slider table tr td {line-height: 20px; padding-bottom: 16px; font-size: 18px; font-weight: bold;}
    .advertising-tariffs .email__slider .item .button-wrapper {padding-top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex;}
    .advertising-tariffs .email__slider .item .button-wrapper button {font-size: 16px; line-height: 24px; width: 162px; height: 38px; margin: auto; color: #fff; background: -webkit-gradient(linear, left top, right top, color-stop(-0.04%, #934DA3), color-stop(100.17%, #EE8475)); background: -o-linear-gradient(left, #934DA3 -0.04%, #EE8475 100.17%); background: linear-gradient(90deg, #934DA3 -0.04%, #EE8475 100.17%);}
    .advertising-tariffs .email__slider #email_next.control_next, .advertising-tariffs .email__slider #email_prev.control_prev {bottom: 45px;}
    .advertising-tariffs .email__slider #email_next.control_next {-webkit-transform: rotate(0deg) translateX(12%);-ms-transform: rotate(0deg) translateX(12%);transform: rotate(0deg) translateX(12%);}
    .advertising-tariffs .email__slider #email_prev.control_prev {-webkit-transform: rotate(180deg) translateX(12%);-ms-transform: rotate(180deg) translateX(12%);transform: rotate(180deg) translateX(12%);}
    .advertising-tariffs .email__slider .control-buttons {z-index: 1; width: 290px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 20px; bottom: 0;}
    .email__slider #slider-email {width: 290px!important;}
    .email__slider #slider-email .slides>li {width: 290px; height: 470px;}
    .email__slider #slider-email .slides .item img {width: 80%;}
}
@media (min-width: 540px) and (max-width: 768px) {
    .advertising-tariffs .email__slider .control-buttons {width: 425px;}
    .advertising-tariffs .title-field-h2.center {margin-bottom: 27px;}
    .email__slider #slider-email .slides .item img {width: 70%;}
    .email__slider #slider-email .slides>li, .email__slider #slider-email {width: 400px!important;}
}

/* End */


/* Start:/include/services/kontekstnaya-reklama/cases.css?17296868367393*/
.advertising-cases {position: relative; display: flex; flex-direction: column; padding-left: 17px; width: 1110px; margin: 0 auto 171px;}
.advertising-cases .title-field-h2.center {margin-bottom: 42px;}
.advertising-cases .container {margin: 0 -5px 23px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.advertising-cases .container .box {background: #fff; border-radius: 16px; cursor: pointer; margin: 0 5px 30px; position: relative; width: 350px; height: 250px;}
.advertising-cases .container .box>img {width: 100%; border-radius: 16px 16px 16px 16px;}
.advertising-cases .container .box .description {padding: 10px 20px; box-sizing: border-box; position: relative; border-radius: 0 0 16px 16px; display: flex; flex-direction: column; justify-content: center; position: absolute; bottom: 0; width: 100%; height: 80px; background: linear-gradient(180deg, #FFCF1C 28.65%, #FFB800 100%);}
.advertising-cases .container .box .description:before {}
.advertising-cases .container .box.active {background: linear-gradient(151.26deg, #FFCF1C 28.65%, #FFB800 100%);}
.advertising-cases .container .box.active:before {content: ''; position: absolute; top: 35px; left: 50%; transform: translateX(-50%); width: 100px; height: 100px; background: url(/local/templates/capybara3/img/portfolio-arrow.png) center no-repeat;}
.advertising-cases .container .box.active>img {opacity: .25;}
.advertising-cases .container .box.active .description:before {transform: translate(-50%, 0); transition: 0s ease-out;}
.advertising-cases .container .box .description p {color: #000; text-align: center; font-size: 14px; line-height: 13px;}
.advertising-cases .container .box .description p.title {margin-bottom: 10px; font-weight: bold; font-size: 16px; line-height: 20px;}
.advertising-cases .container .box .modal {transition: 0s!important; height: 280px; pointer-events: none; overflow: hidden; display: flex; opacity: 0; transform: translateY(100%) rotateX(30deg); transform-origin: top; z-index: 1; border-radius: 16px; position: absolute; left: 0; top: -20px; width: 1110px; background: transparent;}
.advertising-cases .container .box.active .modal {max-height: unset; opacity: 1; transform: translateY(-100%) rotateX(0deg); transform-origin: top; transition: .3s ease-out;}
.advertising-cases .container .box .modal__section {color: #000; position: relative; width: 50%;}
.advertising-cases .container .box .modal__section:nth-child(2) {background: linear-gradient(180deg, #FFCF1C 28.65%, #FFB800 100%);}
.advertising-cases .container .box .modal__section>img {min-width: 100%; min-height: 100%;}
.advertising-cases .container .modal__section_more {height: 68px; background: #FFB800; display: none; justify-content: flex-end;}
.advertising-cases .container .modal__section_more a {position: relative; color: #934DA2; pointer-events: all; padding: 24px 30px; font-weight: bold;}
.advertising-cases .container .modal__section_more a:before {content: ''; position: absolute; right: 3px; top: 26px; border: 8px solid transparent; border-left: 8px solid #934DA2;}
.advertising-cases button {margin: auto;}
.sertificates.advertising-fix {margin: 0; margin-bottom: 146px;}
.sertificates.advertising-fix .title-field-h2 h2 {padding-left: 17px;}
.body-main.advertising .advertising-cases .bgs {transition: 5s; z-index: -1; position: absolute; top: -600px; left: 0; display: block; width: 100%; height: 1150px; background: url(/local/templates/capybara3/img/spatter-02.png) center no-repeat;}

.advertising-cases .modal__section .description { 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;}
.advertising-cases .modal__section h3 {position: relative; padding: 10px 0 0 7px; font-size: 24px; line-height: 23px; font-weight: bold;}
.advertising-cases .modal__section h3::before {content: ""; display: block; position: absolute; top: 40px; left: 50%; transform: translateX(-51%); height: 2px; width: 95%; background: #000;}
.advertising-cases .modal__section .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;}
.advertising-cases .modal__section table {font-size: 14px; margin: 25px 0 0 7px;}
.advertising-cases .modal__section table tr td:nth-child(1) {padding-bottom: 11px; font-weight: bold;}
.advertising-cases .modal__section table tr td:nth-child(2) {padding-left: 25px;}
.advertising-cases .modal__section table a {pointer-events: all; color: #000; font-size: 14px; line-height: 16px; text-decoration-line: underline;}
.advertising-cases .modal__section table a:hover {color: #934DA3;}
.advertising-cases .modal__section p {font-size: 14px; line-height: 20px; padding: 6px 10px 0 7px;}
@media(max-width: 1200px) and (min-width: 769px) {
    .advertising-cases {width: 100%; padding: 0 17px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 120px;}
    .advertising-cases .container .box {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
}
@media(max-width: 768px) {
    .advertising-cases {padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto 65px;}
    .advertising-cases .title-field-h2 h2 {text-align: center;}
    .advertising-cases .container {max-width: 100%; width: 430px; margin: 0 auto 16px;}
    .advertising-cases .container .box {height: 241px; width: 100%;}
    .advertising-cases .container .box .modal {top: 0; width: 100%!important; -webkit-transform: translateY(100%) rotateX(0); transform: translateY(100%) rotateX(0); height: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .advertising-cases .container .box.active .modal {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-transform: translateY(0) rotateX(0deg); transform: translateY(0) rotateX(0deg);}
    .advertising-cases .container .box .modal__section {width: 100%;}
    .advertising-cases .container .box .modal__section:first-child {height: 160px;}
    .advertising-cases .container .box .modal__section:nth-child(2) {padding-bottom: 25px;}
    .advertising-cases button {width: 260px;}
    .advertising-cases .modal__section h3 {padding: 14px 0 0 7px;}
    .advertising-cases .modal__section .close-button {right: 0; padding: 24px 38px 19px 0;}
    .advertising-cases .container .box .modal__section>img {max-width: 100%;}

    .advertising-cases .container .box .modal__section h3 {font-size: 16px; line-height: 15px;}
    .advertising-cases .modal__section table tr td:nth-child(1) {width: 76px; font-size: 12px; line-height: 11px;}
    .advertising-cases .modal__section table tr td:nth-child(2) {padding-bottom: 10px; font-size: 12px; line-height: 11px; padding-left: 7px;}
    .advertising-cases .modal__section p {font-size: 14px; line-height: 20px;}

    .body-main.advertising .advertising-cases .bgs {display: none;}
}
@media (min-width: 540px) and (max-width: 768px) {
    .advertising-cases .container {width: 460px;}
    .advertising-cases .container {max-width: 100%; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box;}
}
/* 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/kontekstnaya-reklama/dogovor_odin_instrumentov_mnogo.css?17296868364925 */
/* /include/services/kontekstnaya-reklama/poryadok_rabot.css?17296868364263 */
/* /include/services/kontekstnaya-reklama/tariff_price.css?17296868367147 */
/* /include/services/kontekstnaya-reklama/cases.css?17296868367393 */