

/* Start:/local/templates/itpanda/components/bitrix/news.list/itpanda_slide_head/style.css?17901851218238*/
#slide_head {

	position: relative;

	margin-bottom: 40px;

}

#slide_head .slider {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	height: 100%;

	align-items: center;

}

#slide_head .new_ico {

	margin-top: 3px;

}

#slide_head .title {

	font-size: 57px;

	text-transform: uppercase;

	color: #fff;

	font-family: 'Gilroy';

	font-weight: 600;

	margin-top: 8px;

}

#slide_head .sub_title {

	margin-top: 2px;

	font-size: 35px;

	color: #fff;

}

#slide_head .text_slide {

	max-width: 40%;

}

#slide_head .text {

	margin-top: 33px;

	color: #fff;

}

#slide_head .line_btn {

	margin-top: 40px;

}

#slide_head .line_btn a:not(.red_btn) {

	width: 162px;

	line-height: 43px;

	border-radius: 2px;

	text-align: center;

	color: #fff;

	text-decoration: none;

	font-family: 'Gilroy';

	font-size: 16px;

	font-weight: 600;

	transition: 0.3s;

	text-transform: uppercase;

}

#slide_head .line_btn a:not(.red_btn):first-child {

	background-color: #e71e26;

	background: linear-gradient(to top, #d2191f, #ed1a2b);

	text-shadow: 2px 1px 2px #9b1c31;

	padding: 0;

}

#slide_head .line_btn a:not(.red_btn):last-child {

	width: auto;

	margin-left: 24px;

	border: 2px solid #fff;

	line-height: 41px;

	padding: 0 15px;

}

#slide_head .line_btn a:not(.red_btn):hover {

	background-color: #b70007;

	background: linear-gradient(to top, #b70007, #b70007);

}

#slide_head .line_btn a:not(.red_btn):last-child:hover {

	border: 2px solid transparent;

	background-color: #e71e26;

}

#slide_head .owl-nav {

	display: none;

}

#slide_head .owl-dots {

	position: absolute;

	bottom: 21px;

	width: 100%;

	text-align: center;

}

#slide_head .owl-dot {

	transition: 0.3s;

	width: 14px;

	height: 14px;

	background-color: #fff;

	border-radius: 100%;

	display: inline-block;

	margin-right: 16px;

}

#slide_head .owl-dot:hover {

	background-color: #d3182b;

	transition: 0.3s;

}

#slide_head .owl-dot.active:hover {

	background-color: #fff;

}

#slide_head .owl-dot.active:before {

	width: 24px;

	z-index: 1;

	height: 24px;

	position: absolute;

	content: '';

	border-radius: 100%;

	left: -6px;

	top: -6px;

	border: 1px solid #fff;

}

 @keyframes rota {

 0% {

transform: rotate(0deg);

-webkit-transform: rotate(0deg);

}

 100% {

transform: rotate(1600deg);

-webkit-transform: rotate(1600deg);

}

}

@keyframes rota-top {

 100% {

border-top-color:#d71a44;

}

}

@keyframes rota-right {

 100% {

border-right-color:#d71a44;

}

}

@keyframes rota-bottom {

 100% {

border-bottom-color:#d71a44;

}

}

 @keyframes rota-left {

 100% {

border-left-color:#d71a44;

}

}

 @keyframes end_rotate {

 0% {

 -webkit-box-shadow: 

 0 0 0 8px rgba(215,26,68,0.2),  0 0 25px 2px rgba(0,0,0,.4);

 -moz-box-shadow: 

 0 0 0 8px rgba(215,26,68,0.2),  0 0 25px 2px rgba(0,0,0,.4);

 box-shadow: 

 0 0 0 8px rgba(215,26,68,0.2),  0 0 25px 2px rgba(0,0,0,.4);

 -webkit-border-radius: 999px;

 -moz-border-radius: 999px;

 border-radius: 999px;

}

 100% {

 -webkit-box-shadow: 

 0 0 0 12px rgba(215,26,68,0.2),  0 0 15px 2px rgba(0,0,0,.4);

 -moz-box-shadow: 

 0 0 0 12px rgba(215,26,68,0.2),  0 0 15px 2px rgba(0,0,0,.4);

 box-shadow: 

 0 0 0 12px rgba(215,26,68,0.2),  0 0 15px 2px rgba(0,0,0,.4);

 -webkit-border-radius: 999px;

 -moz-border-radius: 999px;

 border-radius: 999px;

}

}

#slide_head .owl-dot.active:after {

	width: 24px;

	z-index: 2;

	height: 24px;

	position: absolute;

	content: '';

	border: 1px solid #fff;

	border-radius: 100%;

	left: -6px;

	top: -6px;

	animation: rota 8s ease-in infinite, rota-top 2s ease forwards, rota-right 2s linear 2s forwards, rota-bottom 2s linear 4s forwards, rota-left 2s linear 6s forwards;

}

#slide_head .owl-dot.active {

	position: relative;

	animation: end_rotate 0.5s ease-in-out 6.7s infinite;

}

#slide_head:hover .owl-dot.active:after {animation-play-state: paused;}





/*SLIDERS*/

#slide_head .btn_slider {

	width: 162px;

	line-height: 43px;

	border-radius: 2px;

	text-align: center;

	color: #fff;

	text-decoration: none;

	font-family: 'Gilroy';

	font-size: 16px;

	font-weight: bold;

	transition: 0.3s;

	text-transform: uppercase;

	background-color: #e71e26;

	background: linear-gradient(to top, #d2191f, #ed1a2b);

	text-shadow: 2px 1px 2px #9b1c31;

	padding: 0;

	margin-bottom: 45px;

}

#slide_head .btn_slider:hover {

	background-color: #b70007;

	background: linear-gradient(to top, #b70007, #b70007);

}

#slide_head .border_line, #slide_head .border_top {

	font-size: 27px;

	color: #f8f238;

}

#slide_head .border_top span {

	border-top: 2px solid #fff;

	padding-top: 12px;

}

#slide_head .border_line span {

	border-top: 2px solid #fff;

	border-bottom: 2px solid #fff;

	padding: 12px 0;

}

#slide_head .item_slide.seminar-bitriks .text_slide {

	max-width: 100%;

	width: 100%;

	text-align: center;

}

#slide_head .item_slide.seminar-bitriks .title {

	line-height: 79px;

	font-size: 73px;

	text-transform: none;     margin: 29px 0 36px 0;

}


/* 10.09.2026: до инициализации owl показываем только первый слайд — иначе 12 слайдов рендерятся столбиком */
#slide_head:not(.owl-loaded) .item_slide:not(:first-child) { display: none; }
#slide_head:not(.owl-loaded) .owl-nav, #slide_head:not(.owl-loaded) .owl-dots { display: none; }

/* 23.09.2026 (Пётр: «первый очень высокий, дальше скачут по высоте, у первого нет точек»): на телефоне (≤620 px) у всех слайдов одна высота 500 px
   вместо высоты по содержимому (было 311–667 px). Первый слайд с пандой ужат: картинка 170 px (150 px на ≤374), меньше отступы у заголовка и кнопки;
   описания кейсов — не больше 4 строк; снизу 48 px под точки. body в селекторах — чтобы перебить !important из media.css (#slide_head .item_slide {height:auto !important})
   и в том числе до запуска owl (без скачка высоты при загрузке). Точки на всех ширинах — на тёмной полупрозрачной подложке: белых точек не было видно на светлом первом слайде. */
/* 23.09.2026 доступность: цель нажатия у точек не меньше 24×24 (Lighthouse target-size) — видимая точка прежняя, вокруг прозрачное поле (padding + background-clip); подложка точек */
body #slide_head .owl-dots { left: 50%; width: auto; transform: translateX(-50%); padding: 3px 0 3px 6px; border-radius: 16px; background: rgba(23, 34, 54, .38); line-height: 0; white-space: nowrap; }
body #slide_head .owl-dot { width: 14px; height: 14px; padding: 5px !important; margin-right: 6px; box-sizing: content-box; background-clip: content-box; } /* !important — owl.carousel.css: button.owl-dot {padding:0 !important} */
body #slide_head .owl-dot.active:before, body #slide_head .owl-dot.active:after { left: -1px; top: -1px; }
@media (max-width: 620px) {
	body #slide_head .item_slide { height: 500px !important; padding: 16px 0 48px !important; overflow: hidden; }
	body #slide_head .view_type2 { margin-top: 0; }
	body #slide_head .view_type2 .title { margin-top: 4px; margin-bottom: 14px; }
	body #slide_head .view_type2 .line_btn { margin-top: 16px; }
	body #slide_head .mob_img { height: 170px; width: auto; max-width: 100%; margin: 14px auto 0; }
	body #slide_head .text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
	body #slide_head .owl-dots { bottom: 14px; }
	body #slide_head .owl-dot { width: 10px; height: 10px; padding: 7px !important; margin-right: 0; }
	body #slide_head .owl-dot.active:before, body #slide_head .owl-dot.active:after { width: 18px; height: 18px; left: 2px; top: 2px; }
	body #slide_head .owl-dots { padding: 3px 6px; }
}
@media (max-width: 374px) {
	body #slide_head .mob_img { height: 150px; }
}

/* End */


/* Start:/local/components/itpanda/form_podbor/templates/.default/style.css?17180000432114*/
.black_wrap {
	height: 250px;
	background: url(/local/components/itpanda/form_podbor/templates/.default/images/bg-akcia.jpg) no-repeat top center transparent;
	margin-top: 31px;
}
.block_form {
	margin: auto;
	position: relative;
}
.block_form .noned {
	display: none;
}
.form_title {
	color: #fff;
	text-align: center;
	padding-top: 28px;
	font-size: 36px;
	font-weight: bold;
}
.block_form form {
	width: 75%;
	margin: auto;
	margin-top: 34px;
}
.block_form form input[type="text"] {
	width: 32.3%;
	margin-right: 36px;
	line-height: 48px;
	height: 48px;
	padding: 0 14px;
	border-radius: 6px;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #737373;
	border: 1px solid #ccc;
}
 .block_form form input[type="text"]::-webkit-input-placeholder {
color:#737373;
}
.block_form form input[type="text"]::-moz-placeholder {
color:#737373;
}/* Firefox 19+ */
.block_form form input[type="text"]:-moz-placeholder {
color:#737373;
}/* Firefox 18- */
.block_form form input[type="text"]:-ms-input-placeholder {
color:#737373;
}
.block_form form input[type="submit"] {
	cursor: pointer;
	margin-left: 21px;
	border: 0;
	vertical-align: top;
	height: 50px;
	width: 152px;
	background-color: #e71e26;
	text-shadow: 2px 2px 2px #9b1c31;
	background: linear-gradient(to top, #d2191f, #ed1a2b);
	padding: 13px 24px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: bold;
	transition: 0.3s;
	text-transform: uppercase;
}
.block_form form input {
	outline: none !important;
}
.block_form form input[type="text"]:focus {
	box-shadow: inset 0px 0px 0px 1px #b70007;
	border: 1px solid #b70007;
}
.block_form form input[type="submit"]:hover {
	background-color: #b70007;
	background: linear-gradient(to top, #b70007, #b70007);
	transition: 0.3s;
}
.block_form .errortext {
	position: absolute;
	    top: -35px;
	text-align: center;
	width: 87%;
}
.block_form font.notetext {
	color: white;
	position: absolute;
	    top: -35px;
	text-align: center;
	width: 87%;
}

/* End */


/* Start:/local/templates/itpanda/components/bitrix/news.list/sertificats_list/style.css?1775647124829*/
.blcok_sertificats .partner-list {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	justify-content: center;



	flex-wrap: wrap;

}

.blcok_sertificats .partner-list .parnter-item {

	position: relative;

	width: 18%;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	align-items: center;

	justify-content: center;

	text-decoration: none;

	border: 0;

	margin-bottom: 40px;

	min-height: 152px;

	background-color:#fff;

}
/*
.blcok_sertificats .parnter-item:nth-child(4n + 1):last-child {

	margin-right: 75%;

	

}

.blcok_sertificats .parnter-item:nth-child(4n + 2):last-child {

	margin-right: 50%;

}

.blcok_sertificats .parnter-item:nth-child(4n + 3):last-child {

	margin-right: 25%;

}*/


/* End */


/* Start:/local/templates/itpanda/components/bitrix/news.list/reviews_slider/style.css?17897580714669*/
.reviews_slider {
	margin: auto;
	margin-top: 39px;
	width: 87% !important;
	padding-bottom: 6px;
	border: 1px solid #d5d5d5;
	background-color: #fff;
	margin-bottom: 130px;
}
.review-item .part_review {
	display: inline-block;
	vertical-align: top;
}
.part_review.left {
	width: 22%;
}
.part_review.right {
	width: 73%;
	margin-left: 11px;
	padding-top: 37px;
	font-size: 14px;
	color: #3d3d3d;
	margin-bottom: 15px;
}
.part_review.left img {
	max-width: 100%;
		
}
.reviews_slider a.img_rew {
	display: block;
	max-width: 100px;
	margin: auto;
	height: 100px;
	margin-top: 32px;
	overflow: hidden !important;
	border-radius: 100%;
	transition: 0.3s
}
.reviews_slider .rew_site {
	color: #ea2131;
	text-align: center;
	display: block;
	margin-top: 37px;
	text-decoration: none;
	font-size: 15px;
	;
}
.reviews_slider .rew_site:hover {text-decoration:underline;}
.reviews_slider .owl-item {
	-webkit-backface-visibility: inherit !important;
}


.reviews_slider a.img_rew:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: 0.3s;
	
}



.panda-catalog-product-list {overflow:visible;}
.reviews_slider .owl-controls .owl-nav div {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 32px;
	height: 56px;
	line-height: 81px;
	font-size: 37px;
	margin: -50px 0 0;
	position: absolute;
	top: 101px;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	transition: 0.3s;
}
.reviews_slider .owl-nav .owl-prev {
	left: -75px;
	background: url(/local/templates/itpanda/components/bitrix/news.list/reviews_slider/images/arrow.png) no-repeat top center transparent;
}
.reviews_slider .owl-nav .owl-next {
	right: -75px;
	background: url(/local/templates/itpanda/components/bitrix/news.list/reviews_slider/images/arrow-2.png) no-repeat top center transparent;
}
.reviews_slider .owl-nav .owl-prev:hover {
	background: url(/local/templates/itpanda/components/bitrix/news.list/reviews_slider/images/arrow_rad.png) no-repeat top center transparent;
}
.reviews_slider .owl-nav .owl-next:hover {
	background: url(/local/templates/itpanda/components/bitrix/news.list/reviews_slider/images/arrow_2rad.png) no-repeat top center transparent;
}
.reviews_slider .owl-dots {
	position: absolute;
	text-align: center;
	height: 67px;
	width: 100%;
	bottom: -95px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.reviews_slider .owl-dot {
	width: 96px;
	transition: 0.3s;
	height: 67px;
	background-color: #fff;
	display: inline-block;
	margin-right: 25px;
	border: 1px solid #c0c0c0;

}
.reviews_slider .owl-dot span {
	    display: block !important;
  
    width: 86%;
    height: 86%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 5px;
}
.reviews_slider .owl-dots .owl-dot:last-child {
	margin-right: 0 !important;
}
.reviews_slider .owl-dot.active {
	box-shadow: inset 2px 2px 0px 0px #e8222f, inset -2px -2px 0px 0px #e8222f;
	border: 1px solid transparent;
}
.reviews_slider .owl-dot:hover {
	opacity: 0.6;
	transition: 0.3s;
}
.reviews_slider .owl-dot.active:hover {
	opacity: 1 !important;
}

.detail_btn {
    text-align: right;
    
    text-decoration: none;}
	.detail_btn:hover {color:#000;}
/* 10.09.2026: карточки внешних отзывов вместо виджета Flamp */
.ext_reviews{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:0 0 6px}
.ext_review_card{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:210px;padding:22px 30px;background:#fff;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.08);text-decoration:none;color:#222;transition:transform .2s,box-shadow .2s}
.ext_review_card:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,0,0,.13);color:#222}
.ext_src{font-size:13px;color:#777;text-transform:uppercase;letter-spacing:.08em}
.ext_rating{font-size:42px;font-weight:700;line-height:1;color:#111}
.ext_stars{position:relative;display:inline-block;font-size:20px;line-height:1;color:#d9d9d9;letter-spacing:2px}
.ext_stars b{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#f5a623;font-weight:normal;letter-spacing:2px}
.ext_count{font-size:14px;color:#444}
.ext_note{margin-top:16px;font-size:12px;color:#999}
.ext_note a{color:#999;text-decoration:underline}
@media (max-width:600px){.ext_review_card{min-width:0;width:100%;padding:18px}}
.flamp_block .ext_reviews .ext_review_card{margin:0}

/* 18.09.2026: owl 2.3.4 делает точки кнопками и сбрасывает им фон и рамку — возвращаем белую плашку под логотип */
.reviews_slider .owl-dots button.owl-dot { background-color: #fff; border: 1px solid #c0c0c0; }

/* End */


/* Start:/local/templates/itpanda/components/bitrix/news.list/blog_list/style.css?1718000043595*/
.blog-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 33px;
}
.blog-list .blog-item span {
	    display: block;
    margin-top: 8px;
    font-weight: 500;
    font-size: 16px;
  
}
.blog-list .blog-item {
position: relative;
    width: 21%;
    padding: 14px;
	  color: #313131;
	  text-decoration:none;
	  border:1px solid #cacaca;
	  background-color:#fff;
	 
}
.blog-list .blog-item:hover {color:#e92438;}
.blog-list .blog-item img {width:100%;}



/* End */
/* /local/templates/itpanda/components/bitrix/news.list/itpanda_slide_head/style.css?17901851218238 */
/* /local/components/itpanda/form_podbor/templates/.default/style.css?17180000432114 */
/* /local/templates/itpanda/components/bitrix/news.list/sertificats_list/style.css?1775647124829 */
/* /local/templates/itpanda/components/bitrix/news.list/reviews_slider/style.css?17897580714669 */
/* /local/templates/itpanda/components/bitrix/news.list/blog_list/style.css?1718000043595 */
