/* Start:/bitrix/templates/ipkoil/css/custom-bootstrap.css?177254499828386*/
/*
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * Custom and Bootstrap styles
 *
*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer,
header, hgroup, main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

html {
	font-family: sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	position: relative;
	overflow-x: hidden;
	min-width: 320px;

	/*----- Basic font -----*/
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.42857143;
	color: #363636;
}

body.not-scroll {
	overflow: hidden;
	height: 100vh;
}

p {
	margin-bottom: 16px;
	font-family: inherit;
	font-size: 14px;
	line-height: 17px;
}
p.p2 {
	font-size: 16px;
}
p.p3 {
	font-size: 18px;
}
p.p4 {
	font-size: 20px;
}

b, strong {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

/*----- LINK -----*/
a {
	color: #0565a9;
	background-color: transparent;
	outline: 0 !important;
}

a:hover,
a:active {
	color: #49b9db;
	text-decoration: none;
}

/*----- HEADLINES -----*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: bold;
	line-height: 1.1;
	color: inherit;
}

h1, .h1, 
h2, .h2, 
h3, .h3 {
	margin-top: 20px;
}

h1, .h1 {
	font-size: 20px;
}
h2, .h2 {
	font-size: 18px;
}
h3, .h3 {
	font-size: 16px;
}
h4, .h4 {
	font-size: 15px;
}
h5, .h5 {
	font-size: 14px;
}
h6, .h6 {
	font-size: 13px;
}

small, .small {
	font-size: 85%;
}

/*----- IMAGES -----*/
img, svg {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

.img-rounded {
	border-radius: 6px;
}
.img-circle {
	border-radius: 50%;
}
.img-bordered {
	border: 3px solid #e0e0e0;
}
.gm-style img {
	max-height: none;
}

/*----- HR -----*/
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #ddd;
}

/*----- CODE -----*/
code, pre, kbd, samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 1em;
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
}

pre {
	display: block;
	padding: 10px;
	margin: 0;
	margin-bottom: 20px;
	font-size: 13px;
	word-break: break-all;
	word-wrap: break-word;
	color: #333;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	overflow: auto;
}

pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0;
}

/*----- LISTS -----*/
ul, ol {
	list-style-position: inside;
}

.program-info__list ul {
	list-style: none;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-bottom: 0;
}

ul.list-none,
ol.list-none,
ul.list-checkbox {
	list-style: none;
}

ul.list,
ol.list,
ul.list-checkbox,
.list-wrap ul,
.list-wrap ol {
	position: relative;
	margin-bottom: 20px;
	list-style: none;
}

ul.list ul.list,
ol.list ol.list,
.list-wrap ul ul,
.list-wrap ol ol {
	margin-top: 10px;
}

ul.list li,
ol.list li,
ul.list-checkbox li,
.list-wrap ul li,
.list-wrap ol li {
	position: relative;
	padding-left: 14px;
	margin-bottom: 2px;
	color: #7f7f7f;
	font-size: 13px;
}

ul.list li:before,
.list-wrap ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #ffae00;
}

ol.list,
.list-wrap ol {
    counter-reset: item;
}

ol.list li:before,
.list-wrap ol li:before {
	content: counter(item)'.';
	counter-increment: item;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*--- List Checkbox ----*/
.list-checkbox {
	list-style: none;
}

.list-checkbox li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 12px;
	height: 9px;
	background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-checkbox-gray.svg) no-repeat;
}

/*--- List icon ----*/
ul.list.list--icon li,
ol.list.list--icon li {
	padding-left: 0;
}

ul.list.list--icon li i,
ol.list.list--icon li i {
	margin-right: 15px;
}

ul.list.list--icon li:before,
ol.list.list--icon li:before {
	display: none;
}

/*----- TEXT STYLES -----*/
.text-left    { text-align: left;    }
.text-right   { text-align: right;   }
.text-center  { text-align: center;  }
.text-justify { text-align: justify; }

@media (min-width: 1200px) {
	.text-lg-left    { text-align: left;    }
	.text-lg-right   { text-align: right;   }
	.text-lg-center  { text-align: center;  }
	.text-lg-justify { text-align: justify; }
}
@media (max-width: 1199px) {
	.text-md-left    { text-align: left;    }
	.text-md-right   { text-align: right;   }
	.text-md-center  { text-align: center;  }
	.text-md-justify { text-align: justify; }
}
@media (max-width: 991px) {
	.text-sm-left    { text-align: left;    }
	.text-sm-right   { text-align: right;   }
	.text-sm-center  { text-align: center;  }
	.text-sm-justify { text-align: justify; }
}
@media (max-width: 767px) {
	.text-xs-left    { text-align: left;    }
	.text-xs-right   { text-align: right;   }
	.text-xs-center  { text-align: center;  }
	.text-xs-justify { text-align: justify; }
}
@media (max-width: 480px) {
	.text-xsl-left    { text-align: left;    }
	.text-xsl-right   { text-align: right;   }
	.text-xsl-center  { text-align: center;  }
	.text-xsl-justify { text-align: justify; }
}

.text-light {
	font-weight: 300;
}
.text-bold {
	font-weight: bold;
}
.text-semibold {
	font-weight: 500;
}
.text-normal {
	font-weight: normal;
}
.text-italic {
	font-style: italic;
}

.text-uppercase {
	text-transform: uppercase;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-default {
	text-transform: none;
}
.text-underline {
	text-decoration: underline;
}
.text-nowrap {
	white-space: nowrap;
}

blockquote {
    padding: 20px 68px;
    margin: 10px 0 30px 0px;
    border-radius: 5px;
    background-color: #efefef;
}

blockquote > p,
blockquote > a {
	font-size: 14px;
	font-style: italic;
}

@media screen and (max-width: 767px) {
	blockquote { padding: 15px 20px; }
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----- FORM ELEMENTS -----*/
input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

textarea {
	overflow: auto;
}

button {
	overflow: visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	    	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}
input[type="search"] {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}
input[type="file"] {
	display: block;
}
input[type="range"] {
	display: block;
	width: 100%;
}
select[multiple],
select[size] {
	height: auto;
}
input:focus,
button {
	outline: none !important;
}

/*  ======================================================================
		GRID SYSTEM
========================================================================== */
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) {
	.container { width: 750px; }
}
@media (min-width: 992px) {
	.container { width: 970px; }
}
@media (min-width: 1200px) {
	.container { width: 1170px; }
}

@media (min-width: 992px) {
	.row-md-justify {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	 -ms-flex-pack: justify;
	 -webkit-box-pack: justify;
	 justify-content: space-between;	
	}
}
@media (min-width: 768px) {
	.row-sm-justify {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	 -ms-flex-pack: justify;
	 -webkit-box-pack: justify;
	 justify-content: space-between;	
	}
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

[class^='col-lg'],
[class^='col-md'],
[class^='col-sm'],
[class^='col-xs'],
[class^='col-xsl'],
.col-l,
.col-r {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.col-l {
	width: 228px;
}

.col-r {
	width: calc(100% - 228px);
}
 
.col-xsl-12 {
	width: 100%;
}
.col-xsl-11 {
	width: 91.66666667%;
}
.col-xsl-10 {
	width: 83.33333333%;
}
.col-xsl-9 {
	width: 75%;
}
.col-xsl-8 {
	width: 66.66666667%;
}
.col-xsl-7 {
	width: 58.33333333%;
}
.col-xsl-6 {
	width: 50%;
}
.col-xsl-5 {
	width: 41.66666667%;
}
.col-xsl-4 {
	width: 33.33333333%;
}
.col-xsl-3 {
	width: 25%;
}
.col-xsl-2 {
	width: 16.66666667%;
}
.col-xsl-1 {
	width: 8.33333333%;
}
.col-xsl-pull-12 {
	right: 100%;
}
.col-xsl-pull-11 {
	right: 91.66666667%;
}
.col-xsl-pull-10 {
	right: 83.33333333%;
}
.col-xsl-pull-9 {
	right: 75%;
}
.col-xsl-pull-8 {
	right: 66.66666667%;
}
.col-xsl-pull-7 {
	right: 58.33333333%;
}
.col-xsl-pull-6 {
	right: 50%;
}
.col-xsl-pull-5 {
	right: 41.66666667%;
}
.col-xsl-pull-4 {
	right: 33.33333333%;
}
.col-xsl-pull-3 {
	right: 25%;
}
.col-xsl-pull-2 {
	right: 16.66666667%;
}
.col-xsl-pull-1 {
	right: 8.33333333%;
}
.col-xsl-pull-0 {
	right: auto;
}
.col-xsl-push-12 {
	left: 100%;
}
.col-xsl-push-11 {
	left: 91.66666667%;
}
.col-xsl-push-10 {
	left: 83.33333333%;
}
.col-xsl-push-9 {
	left: 75%;
}
.col-xsl-push-8 {
	left: 66.66666667%;
}
.col-xsl-push-7 {
	left: 58.33333333%;
}
.col-xsl-push-6 {
	left: 50%;
}
.col-xsl-push-5 {
	left: 41.66666667%;
}
.col-xsl-push-4 {
	left: 33.33333333%;
}
.col-xsl-push-3 {
	left: 25%;
}
.col-xsl-push-2 {
	left: 16.66666667%;
}
.col-xsl-push-1 {
	left: 8.33333333%;
}
.col-xsl-push-0 {
	left: auto;
}
.col-xsl-offset-12 {
	margin-left: 100%;
}
.col-xsl-offset-11 {
	margin-left: 91.66666667%;
}
.col-xsl-offset-10 {
	margin-left: 83.33333333%;
}
.col-xsl-offset-9 {
	margin-left: 75%;
}
.col-xsl-offset-8 {
	margin-left: 66.66666667%;
}
.col-xsl-offset-7 {
	margin-left: 58.33333333%;
}
.col-xsl-offset-6 {
	margin-left: 50%;
}
.col-xsl-offset-5 {
	margin-left: 41.66666667%;
}
.col-xsl-offset-4 {
	margin-left: 33.33333333%;
}
.col-xsl-offset-3 {
	margin-left: 25%;
}
.col-xsl-offset-2 {
	margin-left: 16.66666667%;
}
.col-xsl-offset-1 {
	margin-left: 8.33333333%;
}
.col-xsl-offset-0 {
	margin-left: 0%;
}

@media (min-width: 480px) {
	.col-xs-12 {
		width: 100%;
	}
	.col-xs-11 {
		width: 91.66666667%;
	}
	.col-xs-10 {
		width: 83.33333333%;
	}
	.col-xs-9 {
		width: 75%;
	}
	.col-xs-8 {
		width: 66.66666667%;
	}
	.col-xs-7 {
		width: 58.33333333%;
	}
	.col-xs-6 {
		width: 50%;
	}
	.col-xs-5 {
		width: 41.66666667%;
	}
	.col-xs-4 {
		width: 33.33333333%;
	}
	.col-xs-3 {
		width: 25%;
	}
	.col-xs-2 {
		width: 16.66666667%;
	}
	.col-xs-1 {
		width: 8.33333333%;
	}
	.col-xs-pull-12 {
		right: 100%;
	}
	.col-xs-pull-11 {
		right: 91.66666667%;
	}
	.col-xs-pull-10 {
		right: 83.33333333%;
	}
	.col-xs-pull-9 {
		right: 75%;
	}
	.col-xs-pull-8 {
		right: 66.66666667%;
	}
	.col-xs-pull-7 {
		right: 58.33333333%;
	}
	.col-xs-pull-6 {
		right: 50%;
	}
	.col-xs-pull-5 {
		right: 41.66666667%;
	}
	.col-xs-pull-4 {
		right: 33.33333333%;
	}
	.col-xs-pull-3 {
		right: 25%;
	}
	.col-xs-pull-2 {
		right: 16.66666667%;
	}
	.col-xs-pull-1 {
		right: 8.33333333%;
	}
	.col-xs-pull-0 {
		right: auto;
	}
	.col-xs-push-12 {
		left: 100%;
	}
	.col-xs-push-11 {
		left: 91.66666667%;
	}
	.col-xs-push-10 {
		left: 83.33333333%;
	}
	.col-xs-push-9 {
		left: 75%;
	}
	.col-xs-push-8 {
		left: 66.66666667%;
	}
	.col-xs-push-7 {
		left: 58.33333333%;
	}
	.col-xs-push-6 {
		left: 50%;
	}
	.col-xs-push-5 {
		left: 41.66666667%;
	}
	.col-xs-push-4 {
		left: 33.33333333%;
	}
	.col-xs-push-3 {
		left: 25%;
	}
	.col-xs-push-2 {
		left: 16.66666667%;
	}
	.col-xs-push-1 {
		left: 8.33333333%;
	}
	.col-xs-push-0 {
		left: auto;
	}
	.col-xs-offset-12 {
		margin-left: 100%;
	}
	.col-xs-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-xs-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-xs-offset-9 {
		margin-left: 75%;
	}
	.col-xs-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-xs-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-xs-offset-6 {
		margin-left: 50%;
	}
	.col-xs-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-xs-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-xs-offset-3 {
		margin-left: 25%;
	}
	.col-xs-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-xs-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-xs-offset-0 {
		margin-left: 0%;
	}
}
@media (min-width: 768px) {
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
		margin-left: 0%;
	}
}
@media (min-width: 992px) {
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
	.col-md-pull-12 {
		right: 100%;
	}
	.col-md-pull-11 {
		right: 91.66666667%;
	}
	.col-md-pull-10 {
		right: 83.33333333%;
	}
	.col-md-pull-9 {
		right: 75%;
	}
	.col-md-pull-8 {
		right: 66.66666667%;
	}
	.col-md-pull-7 {
		right: 58.33333333%;
	}
	.col-md-pull-6 {
		right: 50%;
	}
	.col-md-pull-5 {
		right: 41.66666667%;
	}
	.col-md-pull-4 {
		right: 33.33333333%;
	}
	.col-md-pull-3 {
		right: 25%;
	}
	.col-md-pull-2 {
		right: 16.66666667%;
	}
	.col-md-pull-1 {
		right: 8.33333333%;
	}
	.col-md-pull-0 {
		right: auto;
	}
	.col-md-push-12 {
		left: 100%;
	}
	.col-md-push-11 {
		left: 91.66666667%;
	}
	.col-md-push-10 {
		left: 83.33333333%;
	}
	.col-md-push-9 {
		left: 75%;
	}
	.col-md-push-8 {
		left: 66.66666667%;
	}
	.col-md-push-7 {
		left: 58.33333333%;
	}
	.col-md-push-6 {
		left: 50%;
	}
	.col-md-push-5 {
		left: 41.66666667%;
	}
	.col-md-push-4 {
		left: 33.33333333%;
	}
	.col-md-push-3 {
		left: 25%;
	}
	.col-md-push-2 {
		left: 16.66666667%;
	}
	.col-md-push-1 {
		left: 8.33333333%;
	}
	.col-md-push-0 {
		left: auto;
	}
	.col-md-offset-12 {
		margin-left: 100%;
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-md-offset-9 {
		margin-left: 75%;
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-md-offset-6 {
		margin-left: 50%;
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-md-offset-3 {
		margin-left: 25%;
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-md-offset-0 {
		margin-left: 0%;
	}
}
@media (min-width: 1200px) {
	.col-lg-12 {
		width: 100%;
	}
	.col-lg-11 {
		width: 91.66666667%;
	}
	.col-lg-10 {
		width: 83.33333333%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-8 {
		width: 66.66666667%;
	}
	.col-lg-7 {
		width: 58.33333333%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-5 {
		width: 41.66666667%;
	}
	.col-lg-4 {
		width: 33.33333333%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-2 {
		width: 16.66666667%;
	}
	.col-lg-1 {
		width: 8.33333333%;
	}
	.col-lg-pull-12 {
		right: 100%;
	}
	.col-lg-pull-11 {
		right: 91.66666667%;
	}
	.col-lg-pull-10 {
		right: 83.33333333%;
	}
	.col-lg-pull-9 {
		right: 75%;
	}
	.col-lg-pull-8 {
		right: 66.66666667%;
	}
	.col-lg-pull-7 {
		right: 58.33333333%;
	}
	.col-lg-pull-6 {
		right: 50%;
	}
	.col-lg-pull-5 {
		right: 41.66666667%;
	}
	.col-lg-pull-4 {
		right: 33.33333333%;
	}
	.col-lg-pull-3 {
		right: 25%;
	}
	.col-lg-pull-2 {
		right: 16.66666667%;
	}
	.col-lg-pull-1 {
		right: 8.33333333%;
	}
	.col-lg-pull-0 {
		right: auto;
	}
	.col-lg-push-12 {
		left: 100%;
	}
	.col-lg-push-11 {
		left: 91.66666667%;
	}
	.col-lg-push-10 {
		left: 83.33333333%;
	}
	.col-lg-push-9 {
		left: 75%;
	}
	.col-lg-push-8 {
		left: 66.66666667%;
	}
	.col-lg-push-7 {
		left: 58.33333333%;
	}
	.col-lg-push-6 {
		left: 50%;
	}
	.col-lg-push-5 {
		left: 41.66666667%;
	}
	.col-lg-push-4 {
		left: 33.33333333%;
	}
	.col-lg-push-3 {
		left: 25%;
	}
	.col-lg-push-2 {
		left: 16.66666667%;
	}
	.col-lg-push-1 {
		left: 8.33333333%;
	}
	.col-lg-push-0 {
		left: auto;
	}
	.col-lg-offset-12 {
		margin-left: 100%;
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-lg-offset-9 {
		margin-left: 75%;
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-lg-offset-6 {
		margin-left: 50%;
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-lg-offset-3 {
		margin-left: 25%;
	}
	.col-lg-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-lg-offset-0 {
		margin-left: 0%;
	}
}

@media (max-width: 991px) {
	.order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
	.order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
	.order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
	.order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
}

.fl-l {
	float: left;
}
.fl-r {
	float: right;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.block-justify {
	text-align: justify;
}
.block-justify:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 0;
	visibility: hidden;
}

.inline-block {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.display-block {
	position: relative;
	display: block;
}

.fs-0 {
	font-size: 0;
}

/*----- Mod Border -----*/
.b-0	  { border: none !important; }
.b-all    { border: 1px solid #ddd !important; }
.b-top    { border-top:    1px solid #ddd !important; }
.b-right  { border-right:  1px solid #ddd !important; }
.b-bottom { border-bottom: 1px solid #ddd !important; }
.b-left   { border-left:   1px solid #ddd !important; }

/*----- Mod Padding -----*/
.p-0  { padding:        0 !important; }
.pt-0 {	padding-top:    0 !important; }
.pr-0 {	padding-right:  0 !important; }
.pb-0 {	padding-bottom: 0 !important; }
.pl-0 {	padding-left:   0 !important; }

.p-20  { padding:        20px !important; }
.pt-20 { padding-top:    20px !important; }
.pr-20 { padding-right:  20px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pl-20 { padding-left:   20px !important; }

.p-40  { padding:        40px !important; }
.pt-40 { padding-top:    40px !important; }
.pr-40 { padding-right:  40px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pl-40 { padding-left:   40px !important; }

.p-60  { padding:        60px !important; }
.pt-60 { padding-top:    60px !important; }
.pr-60 { padding-right:  60px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pl-60 { padding-left:   60px !important; }

@media (max-width: 991px) {
	.p-sm-0  { padding:         0 !important; }
	.pt-sm-0 {	padding-top:    0 !important; }
	.pr-sm-0 {	padding-right:  0 !important; }
	.pb-sm-0 {	padding-bottom: 0 !important; }
	.pl-sm-0 {	padding-left:   0 !important; }

	.p-sm-20  { padding:        20px !important; }
	.pt-sm-20 { padding-top:    20px !important; }
	.pr-sm-20 { padding-right:  20px !important; }
	.pb-sm-20 { padding-bottom: 20px !important; }
	.pl-sm-20 { padding-left:   20px !important; }

	.p-sm-40  { padding:        40px !important; }
	.pt-sm-40 { padding-top:    40px !important; }
	.pr-sm-40 { padding-right:  40px !important; }
	.pb-sm-40 { padding-bottom: 40px !important; }
	.pl-sm-40 { padding-left:   40px !important; }

	.p-sm-60  { padding:        60px !important; }
	.pt-sm-60 { padding-top:    60px !important; }
	.pr-sm-60 { padding-right:  60px !important; }
	.pb-sm-60 { padding-bottom: 60px !important; }
	.pl-sm-60 { padding-left:   60px !important; }
}

@media (max-width: 767px) {
	.p-xs-0  { padding:		    0 !important; }
	.pt-xs-0 {	padding-top:    0 !important; }
	.pr-xs-0 {	padding-right:  0 !important; }
	.pb-xs-0 {	padding-bottom: 0 !important; }
	.pl-xs-0 {	padding-left:   0 !important; }

	.p-xs-20  { padding:        20px !important; }
	.pt-xs-20 { padding-top:    20px !important; }
	.pr-xs-20 { padding-right:  20px !important; }
	.pb-xs-20 { padding-bottom: 20px !important; }
	.pl-xs-20 { padding-left:   20px !important; }

	.p-xs-40  { padding:        40px !important; }
	.pt-xs-40 { padding-top:    40px !important; }
	.pr-xs-40 { padding-right:  40px !important; }
	.pb-xs-40 { padding-bottom: 40px !important; }
	.pl-xs-40 { padding-left:   40px !important; }

	.p-xs-60  { padding:        60px !important; }
	.pt-xs-60 { padding-top:    60px !important; }
	.pr-xs-60 { padding-right:  60px !important; }
	.pb-xs-60 { padding-bottom: 60px !important; }
	.pl-xs-60 { padding-left:   60px !important; }
}


/*----- Mod Margin -----*/
.m-0  { margin:        0 !important; }
.mt-0 {	margin-top:    0 !important; }
.mr-0 {	margin-right:  0 !important; }
.mb-0 {	margin-bottom: 0 !important; }
.ml-0 {	margin-left:   0 !important; }

.m-20  { margin:        20px !important; }
.mt-20 { margin-top:    20px !important; }
.mr-20 { margin-right:  20px !important; }
.mb-20 { margin-bottom: 20px !important; }
.ml-20 { margin-left:   20px !important; }

.m-40  { margin:        40px !important; }
.mt-40 { margin-top:    40px !important; }
.mr-40 { margin-right:  40px !important; }
.mb-40 { margin-bottom: 40px !important; }
.ml-40 { margin-left:   40px !important; }

.m-60  { margin:        60px !important; }
.mt-60 { margin-top:    60px !important; }
.mr-60 { margin-right:  60px !important; }
.mb-60 { margin-bottom: 60px !important; }
.ml-60 { margin-left:   60px !important; }

@media (max-width: 991px) {
	.m-sm-0  {  margin:        0 !important; }
	.mt-sm-0 {	margin-top:    0 !important; }
	.mr-sm-0 {	margin-right:  0 !important; }
	.mb-sm-0 {	margin-bottom: 0 !important; }
	.ml-sm-0 {	margin-left:   0 !important; }

	.m-sm-20  { margin:        20px !important; }
	.mt-sm-20 { margin-top:    20px !important; }
	.mr-sm-20 { margin-right:  20px !important; }
	.mb-sm-20 { margin-bottom: 20px !important; }
	.ml-sm-20 { margin-left:   20px !important; }

	.m-sm-40  { margin:        40px !important; }
	.mt-sm-40 { margin-top:    40px !important; }
	.mr-sm-40 { margin-right:  40px !important; }
	.mb-sm-40 { margin-bottom: 40px !important; }
	.ml-sm-40 { margin-left:   40px !important; }

	.m-sm-60  { margin:        60px !important; }
	.mt-sm-60 { margin-top:    60px !important; }
	.mr-sm-60 { margin-right:  60px !important; }
	.mb-sm-60 { margin-bottom: 60px !important; }
	.ml-sm-60 { margin-left:   60px !important; }	
}

@media (max-width: 767px) {
	.m-xs-0  {  margin:        0 !important; }
	.mt-xs-0 {	margin-top:    0 !important; }
	.mr-xs-0 {	margin-right:  0 !important; }
	.mb-xs-0 {	margin-bottom: 0 !important; }
	.ml-xs-0 {	margin-left:   0 !important; }

	.m-xs-20  { margin:        20px !important; }
	.mt-xs-20 { margin-top:    20px !important; }
	.mr-xs-20 { margin-right:  20px !important; }
	.mb-xs-20 { margin-bottom: 20px !important; }
	.ml-xs-20 { margin-left:   20px !important; }

	.m-xs-40  { margin:        40px !important; }
	.mt-xs-40 { margin-top:    40px !important; }
	.mr-xs-40 { margin-right:  40px !important; }
	.mb-xs-40 { margin-bottom: 40px !important; }
	.ml-xs-40 { margin-left:   40px !important; }

	.m-xs-60  { margin:        60px !important; }
	.mt-xs-60 { margin-top:    60px !important; }
	.mr-xs-60 { margin-right:  60px !important; }
	.mb-xs-60 { margin-bottom: 60px !important; }
	.ml-xs-60 { margin-left:   60px !important; }
}

/*----- Mod Display -----*/
.hidden { display: none !important; }
.show { display: block !important; }
.show-ib { display: inline-block !important; }

@media (min-width: 1200px) {
	.hidden-lg { display: none !important; }
	.show-lg { display: block !important; }
	.show-lg-ib { display: inline-block !important; }
}
@media (max-width: 1199px) {
	.hidden-md { display: none !important; }
	.show-md { display: block !important; }
	.show-md-ib { display: inline-block !important; }
}
@media (max-width: 991px) {
	.hidden-sm { display: none !important; }
	.show-sm { display: block !important; }
	.show-sm-ib { display: inline-block !important; }
}
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.show-xs { display: block !important; }
	.show-xs-ib { display: inline-block !important; }
}
@media (max-width: 480px) {
	.hidden-xsl { display: none !important; }
	.show-xsl { display: block !important; }
	.show-xsl-ib { display: inline-block !important; }
}
/* End */


/* Start:/bitrix/templates/ipkoil/libs/libs.min.css?176294478043338*/

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-display: swap;font-family:FontAwesome;src:url(/bitrix/templates/ipkoil/libs/../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0);src:url(/bitrix/templates/ipkoil/libs/../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/bitrix/templates/ipkoil/libs/../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(/bitrix/templates/ipkoil/libs/../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(/bitrix/templates/ipkoil/libs/../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(/bitrix/templates/ipkoil/libs/../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{animation:a 2s infinite linear}.fa-pulse{animation:a 1s infinite steps(8)}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1043;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-fade.mfp-bg{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:all .3s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.owl-carousel{position:relative;display:none;width:100%;margin-bottom:30px;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.owl-carousel .owl-wrapper{position:relative;display:none;-webkit-transform:translateZ(0)}.owl-carousel .owl-wrapper:after{content:".";display:block;height:0;visibility:hidden;line-height:0;clear:both}.owl-carousel .owl-item{float:left}.owl-item [class^=col-]{width:auto;padding:0}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0)}.owl-controls{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-pagination{position:absolute;bottom:20px;width:100%;height:12px;text-align:center}.owl--in-dots,[data-dots=false].owl-carousel{margin-bottom:0}.owl-page{position:relative;display:inline-block;vertical-align:middle;width:12px;height:100%;margin:0 3px;border-radius:50%;background-color:#353535;cursor:pointer;transition:all .25s}.owl-page.active,.owl-page:hover{background-color:#fbcd15;transform:scale(1.333)}.owl-buttons{width:100%}.owl-next,.owl-prev{position:absolute;top:50%;display:inline-block;vertical-align:top;width:24px;height:45px;cursor:pointer;transform:translateY(-50%);transition:all .3s}.owl-prev{left:-1px}.owl-next{right:-1px}.owl-next.disabled,.owl-prev.disabled{visibility:hidden;opacity:0}.owl-next svg,.owl-prev svg{display:block;fill:#fbcd15;transition:all .3s}.owl-next:hover svg,.owl-prev:hover svg{fill:#f29100}.owl-s1 .owl-pagination{bottom:29px;padding:0 28px;text-align:right}.owl-s1 .owl-next,.owl-s1 .owl-prev{width:86px;height:86px;line-height:84px;background-color:#353535;border-radius:50%;text-align:center}.owl-s1 .owl-prev{left:-45px;padding-left:38px}.owl-s1 .owl-next{right:-45px;padding-right:38px}.owl-s1 .owl-next svg,.owl-s1 .owl-prev svg{display:inline;vertical-align:middle;width:10px;height:19px;fill:#fbcd15!important}.owl-s1 .owl-next:hover,.owl-s1 .owl-prev:hover{background-color:rgba(53,53,53,.5)}.occ__item,.ocs__item{display:inline-block;vertical-align:middle;text-align:center}.owl--btn-top .owl-next,.owl--btn-top .owl-prev{position:static;margin:0}.owl--btn-top .owl-prev{float:left}.owl--btn-top .owl-next{float:right}.owl--btn-top .owl-buttons{position:absolute;top:-37px;right:7px;width:60px;overflow:hidden}.owl--btn-top .owl-page{margin:0 3px}.owl--dots-top .owl-pagination{top:-40px;bottom:auto;right:0;width:auto;text-align:right}.owl--btn-pos-br .owl-buttons{position:absolute;bottom:0;right:0;width:84px;overflow:hidden}.owl--btn-pos-br .owl-next,.owl--btn-pos-br .owl-prev{position:static;width:42px;height:40px;padding:11px 0;margin:0;background-color:rgba(0,0,0,.5)}.owl--btn-pos-br .owl-prev{float:left;border-top-left-radius:3px}.owl--btn-pos-br .owl-next{float:right}.owl--btn-pos-br .owl-next svg,.owl--btn-pos-br .owl-prev svg{fill:#fff}.owl--btn-pos-br .owl-next:hover svg,.owl--btn-pos-br .owl-prev:hover svg{fill:#fbb143}.owl--btn-left .owl-next,.owl--btn-left .owl-prev{position:static;margin:0}.owl--btn-left .owl-prev{float:left}.owl--btn-left .owl-next{float:right}.owl--btn-left .owl-buttons{position:absolute;bottom:34px;left:-247px;width:71px;overflow:hidden}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;animation:c .7s both ease}.owl-fade-in{animation:b .7s both ease}.owl-backSlide-out{animation:d 1s both ease}.owl-backSlide-in{animation:e 1s both ease}.owl-goDown-out{animation:f .7s ease both}.owl-goDown-in{animation:g .6s ease both}.owl-fadeUp-in{animation:h .5s ease both}.owl-fadeUp-out{animation:i .5s ease both}@keyframes b{0%{opacity:0}to{opacity:1}}@keyframes c{0%{opacity:1}to{opacity:0}}@keyframes d{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}to{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@keyframes e{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}to{opacity:1;transform:translateZ(0) translateX(0)}}@keyframes f{to{opacity:0;transform:scale(.8)}}@keyframes g{0%{transform:translateY(-100%)}}@keyframes h{0%{opacity:0;transform:scale(1.5)}}@keyframes i{to{opacity:0;transform:scale(1.5)}}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block;padding:0;margin:0}.slick-list{overflow:hidden}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px;text-align:center}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:inline-block;vertical-align:middle}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots{position:absolute;bottom:15px;left:0;right:0;width:100%;list-style:none;margin:0;padding:0;text-align:center}.slick-dots li{position:relative;display:inline-block;vertical-align:top;margin:0 5px;padding:0}.slick-dots li:before{display:none}.slick-dots li button{display:block;width:12px;height:12px;padding:0;margin:0;border-radius:50%;border:none;background-color:#324b84;text-indent:9999px;box-sizing:content-box;transition:all .3s}.slick-dots li button:before{content:"";position:absolute;left:3px;top:3px;width:6px;height:6px;border-radius:50%;opacity:0;background-color:#fff;transition:all .3s;transform:scale(0)}.slick-dots li.slick-active button:before{opacity:1;transform:scale(1)}.slick-dots li:hover button{background-color:#5676bf}.slick-dots li.slick-active button{background-color:#324b84}.slick-arrow{position:absolute;top:calc(50% - 16px);width:26px;height:26px;z-index:10;padding:0;margin:0;background-color:transparent;cursor:pointer;border:none;outline:none;text-decoration:none!important}.slick-prev{left:10px;right:auto}.slick-next{right:10px;left:auto}.slick-carousel{padding:0 50px}.slick-disabled{display:none!important}
/* End */


/* Start:/bitrix/templates/ipkoil/css/custom-components.css?178359471148192*/
/* ==================================================================================
    TABLE
================================================================================== */
.table {
    width: 100%;
    margin-bottom: 20px;
}

.table-layout-fixed {
    table-layout: fixed;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px 20px;
    line-height: 1.42857143;
    vertical-align: top;
    overflow: hidden;
}

.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 4px 20px;
}

.table > thead {
    background-color: #ffaf01;
}

.table > thead > tr > th,
.table > thead > tr > td {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.table > tbody > tr:nth-child(even) > th,
.table > tbody > tr:nth-child(even) > td {
    background-color: #efefef;
}

/*----- Table Responsive -----*/
.table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
    border: 0;
}

.table-responsive > .table {
    margin-bottom: 0;
    table-layout: auto;
}

.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
}

/*  ======================================================================
        SELECT AMOUNT
========================================================================== */
.amount {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.amount input {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    line-height: 21px;
    text-align: center;
    width: 32px;
    height: 25px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    background-color: #fff;
    font-size: 13px;
    color: #353535;
    -webkit-transition: border-color .3s, box-shadow .3s;
    -webkit-transition: border-color .3s, -webkit-box-shadow .3s;
    transition: border-color .3s, -webkit-box-shadow .3s;
    transition: border-color .3s, box-shadow .3s;
    transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s;
}

@media screen and (min-width: 992px) {
    .amount input:focus {
        border-color: transparent;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35);
    }
}

.amount__btn {
    display: block;
    width: 18px;
    height: 15px;
    margin: 0 auto;
    line-height: 14px;
    text-align: center;
    background-color: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.amount__btn:hover {
    background-color: #ebebeb;
}

.amount__btn svg {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    fill: #fbcd15;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.amount__btn:hover svg {
    fill: #353535;
}

.amount__btn--up {
    border-radius: 5px 5px 0 0;
}

.amount__btn--down {
    border-radius: 0 0 5px 5px;
}

/*----- Amount Style 2 -----*/
.amount--s2 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.amount--s2 .amount__btn {
    width: 26px;
    height: 25px;
    margin: 0;
    line-height: 25px;
    border: 1px solid #bfbfbf;
}

.amount--s2 input {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border: 0;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-radius: 0;
}

.amount--s2 .amount__btn--up {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    border-radius: 0 5px 5px 0;
}

.amount--s2 .amount__btn--up svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.amount--s2 .amount__btn--down {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-radius: 5px 0px 0 5px;
}

.amount--s2 .amount__btn--down svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*  ======================================================================
        BREADCRUMB
========================================================================== */
.section-breadcrumbs {
    padding: 24px 0;
}

.s-breadcrumbs__item,
.s-breadcrumbs__item a,
.s-breadcrumbs__item span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #7f7f7f;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.2px;
    text-decoration: none !important;
    -webkit-transition: all .15s;
    transition: all .15s;
}

.s-breadcrumbs__item {
    margin-bottom: 5px;
    padding-right: 10px;
}

.s-breadcrumbs__item a {
    display: inline-block;
}

.s-breadcrumbs__item span {
    line-height: 16px;
    display: inline;
}

.s-breadcrumbs__item a span {
    border-bottom: 1px solid #7f7f7f;
}

.s-breadcrumbs__item a:hover span {
    color: #0565a9;
    border-color: transparent;
}

.s-breadcrumbs__item:after {
    content: '/';
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin: 0;
    color: #7f7f7f;
    position: absolute;
    right: 0;
    top: 2px;
}

.s-breadcrumbs__item:last-child:after {
    display: none;
}

/*  ======================================================================
        BUTTONS
========================================================================== */
/*----- BUTTON -----*/
.btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 33px;
    line-height: 42px;
    border: none;
    background-color: #ffae00;
    color: #000;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn:hover {
    color: #000;
    background-color: #ffae00;
}

/*----- BUTTON: BG - BLUE -----*/
.btn--bg-blue {
    color: #fff;
    background-color: #0565a9;
}

.btn--bg-blue:hover {
    color: #fff;
    background-color: #1d89d6;
}

/*----- BUTTON: BG - TRANSPARENT -----*/
.btn--bg-transparent {
    border: 1px solid #0565a9;
    color: #0565a9;
}

.btn--bg-transparent:hover {
    color: #fff;
    background-color: #0565a9;
}

/*----- BUTTON: BG - RED -----*/
.btn--bg-red {
    border-color: #e51f35;
    background-color: #e51f35;
}

.btn--bg-red:hover {
    border-color: #e51f35;
    background-color: transparent;
    color: #e51f35;
}

/*----- BUTTON: CALL-BACK -----*/
.btn--call-back {
    padding: 0 45px;
    line-height: 39px;
    border-color: #e51f35;
    background-color: #e51f35;
    font-size: 17px;
}

.btn--call-back:hover {
    border-color: #e51f35;
    background-color: transparent;
    color: #e51f35;
}


/*----- BUTTON: SHADOW -----*/
.btn--shadow {
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

/*----- BUTTON: ROUNDED && CIRCLE   -----*/
.btn--rounded {
    border-radius: 5px !important;
}

.btn--circle {
    border-radius: 21px !important;
}

/*----- BUTTON: ICON  -----*/
.btn--icon-left span,
.btn--icon-right span,
.btn--icon-left i,
.btn--icon-right i {
    display: inline-block;
    vertical-align: middle;
}

.btn--icon-left i {
    margin-right: 5px;
}

.btn--icon-right i {
    margin-left: 5px;
}

/*----- BUTTON LINK -----*/
.btn--link {
    background-color: transparent !important;
    color: #595959;
}

.btn--link:hover {
    color: #595959;
}

.btn--link span {
    border-bottom: 1px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn--link:hover span {
    border-color: #595959;
}

/*----- BUTTON PLAY -----*/
.btn-play {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 54px;
    height: 54px;
    margin: 0;
    border: none;
    border-radius: 50%;
    background-color: #fdc925;
    background-image: url(/bitrix/templates/ipkoil/css/../img/icons-svg/play.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 34px;
    text-decoration: none !important;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.btn-play:hover,
.btn-play:focus,
.btn-play:active,
.btn-play.active {
    background-color: #ffdd71;
}

/*----- BUTTON MORE -----*/
.btn-more {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/points.svg) no-repeat center, #f5f5f5;
    background-size: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn-more:hover {
    background-color: #e8e6e6;
}

/*----- BUTTON GROUP -----*/
.btn-group {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.btn-group .btn {
    padding: 0;
}

.btn-group--col-1 .btn {
    width: 100%;
}

.btn-group--col-2 .btn {
    width: 50%;
}

/* ==================================================================================
        DOCUMENT
   ================================================================================== */
.doc {
    margin-left: 0px;
    margin-bottom: 10px;
}

.doc__item {
    padding: 0;
    margin: 0;
    padding: 15px 0 15px 44px;
}

.doc__item:last-child {
    border-bottom: 0;
}

.doc__item:before {
    display: none;
}

.doc__link {
    color: #007dbc;
    font-size: 16px;
    text-decoration: underline;
}

.doc__link:hover {
    text-decoration: none;
    color: #007dbc;
}

.doc__link[href$=".pdf"],
.doc__link[href$=".doc"],
.doc__link[href$=".docx"],
.doc__link[href$=".rtf"],
.doc__link[href$=".rar"],
.doc__link[href$=".rar"],
.doc__link[href$=".xls"],
.doc__link[href$=".ppt"],
.doc__link[href$=".pptx"] {
    position: relative;
    display: inline-block;
    padding: 0px 0px 0px 45px;
    line-height: 20px !important;
}

.doc__link[href$=".pdf"]:before,
.doc__link[href$=".doc"]:before,
.doc__link[href$=".docx"]:before,
.doc__link[href$=".rtf"]:before,
.doc__link[href$=".rar"]:before,
.doc__link[href$=".rar"]:before,
.doc__link[href$=".xls"]:before,
.doc__link[href$=".ppt"]:before,
.doc__link[href$=".pptx"]:before {
    position: absolute;
    top: -1px;
    left: 0;
    font: 22px 'FontAwesome';
    color: #606060;
}

.doc__link[href$=".pdf"]:before {
    content: "\f1c1";
}

.doc__link[href$=".djvu"]:before {
    content: "\f1c1";
}

.doc__link[href$=".djv"]:before {
    content: "\f1c1";
}

.doc__link[href$=".doc"]:before {
    content: "\f1c2";
}

.doc__link[href$=".docx"]:before {
    content: "\f1c2";
}

.doc__link[href$=".rtf"]:before {
    content: "\f1c2";
}

.doc__link[href$=".rar"]:before {
    content: "\f1c6";
}

.doc__link[href$=".rar"]:before {
    content: "\f1c6";
}

.doc__link[href$=".xls"]:before {
    content: "\f1c3";
}

.doc__link[href$=".xlsx"]:before {
    content: "\f1c3";
}

.doc__link[href$=".ppt"]:before {
    content: "\f1c4";
}

.doc__link[href$=".pptx"]:before {
    content: "\f1c4";
}

/*  ======================================================================
        COMMENTS
========================================================================== */
.comments {
    padding-bottom: 30px;
}

.md-form .comments {
    margin: 0 -30px;
    margin-top: 69px;
    padding: 30px;
    border-top: 1px solid #ececec;
}

.comments__title {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.comments__form form {
    margin-left: 50px;
}

.comments__form .btn {
    width: 175px;
}

.comments__list {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e1e1e1;
}

.comments__item:not(:last-child) {
    margin-bottom: 26px;
}

.comments__user-ava {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 50%;
    background-color: #e9e9e9;
    overflow: hidden;
    text-align: center;
}

.comments__item-content {
    margin-left: 50px;
}

.comments__item-content-in {
    padding: 15px 19px;
    margin-bottom: 6px;
    background-color: #f5f5f5;
}

.comments__item-header {
    overflow: hidden;
    margin-bottom: 5px;
}

.comments__user-fio {
    float: left;
    color: #434343;
    font-size: 14px;
    font-weight: 500;
}

.comments__item-edit {
    float: right;
    font-size: 12px;
    color: #434343;
    text-decoration: underline;
    cursor: pointer;
}

.comments__item-edit:hover {
    text-decoration: none;
}

.comments__item-text,
.comments__item-date {
    font-size: 14px;
    color: #434343;
    line-height: 18px;
}

.comments__item-attachments {
    margin-top: 13px;
    margin-bottom: 16px;
}

.comments__item-attachments b {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

/*----- s-editor -----*/
.s-editor {
    position: relative;
}

.s-editor textarea {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    min-height: 145px;
    padding: 15px 20px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    font-size: 14px;
    resize: none;
    color: #000;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.s-editor textarea::-webkit-input-placeholder {
    color: #434343;
}

.s-editor textarea::-moz-placeholder {
    color: #434343;
}

/* Firefox 19+ */
.s-editor textarea:-moz-placeholder {
    color: #434343;
}

/* Firefox 18- */
.s-editor textarea:-ms-input-placeholder {
    color: #434343;
}

.s-editor textarea:focus {
    outline: none;
    border-color: #000;
}

.s-editor-attachments {
    display: none;
    margin-top: 15px;
    margin-bottom: 15px;
}

.s-editor__tools {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.s-editor__tool-attachments {
    display: block;
    width: 25px;
    height: 25px;
    text-decoration: none !important;
    background: url(/bitrix/templates/ipkoil/css/../img/icons/icon-attachments.png) no-repeat center;
    background-size: 15px;
    cursor: pointer;
}

.s-editor__tool-attachments input {
    display: none;
}


/*  ======================================================================
        FORM BOX
========================================================================== */
.form-box {
    padding: 57px 100px 50px;
    background-color: #ffaf01;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 70px;
}

.form-box__title {
    margin-bottom: 2px;
    color: #353535;
    font-size: 33px;
    font-weight: bold;
}

.form-box__desc {
    margin-bottom: 54px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

@media screen and (max-width: 1199px) {
    .form-box {
        padding: 57px 50px 50px;
    }
}

@media screen and (max-width: 480px) {
    .form-box__title {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .form-box__desc {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .form-box {
        padding: 40px 30px 50px;
    }
}

@media screen and (max-width: 359px) {
    .form-box {
        padding: 40px 15px 50px;
    }
}

.form {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.form input[type='text'],
.form input[type='email'],
.form input[type='password'],
.form input[type='date'],
.form input[type='tel'],
.form textarea,
.form select {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 47px;
    padding: 0 23px;
    border: 1px solid #d7d7d7;
    margin-bottom: 19px;
    color: #212121;
    font: 13px "Roboto", sans-serif;
    outline: none !important;
    background-color: #fff;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
}

.form textarea {
    height: 108px;
    resize: none;
    padding-top: 16px;
}

.placeholder {
    z-index: 100;
    left: 10px;
    cursor: text;
    position: absolute;
    top: calc(50% - 8px);
    left: 25px;
    display: none;
    color: #a0758a;
    font: 13px "Roboto", sans-serif;
}

/*add*/
.placeholder-textarea {
    right: 25px;
    text-align: justify;
    top: 15%;
}

/* Показываем, пока поле пустое (отображается невидимый плейсхолдер) */
.input-field textarea:placeholder-shown + .placeholder {
    display: inline;
}

/* Скрываем, как только пользователь ввел хотя бы один символ */
.input-field textarea:not(:placeholder-shown) + .placeholder {
    display: none;
}

/*.input-field textarea:empty + .placeholder {
    display: inline;
}

.input-field textarea:not(:blank) + .placeholder {
    display: none;
}*/

.input-field input:invalid + .placeholder {
    display: inline;
}

.input-field input[type="email"]:invalid + .placeholder {
    display: inline;
}

/*add*/
.input-field textarea:invalid + .placeholder {
    display: inline;
}

/*close add*/

.input-field {
    position: relative;
    overflow: hidden;
}

.input-field.input-field--email input[type='email'] {
    margin-bottom: 0;
}

.placeholder span {
    color: red;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    top: 1px
}

@media screen and (min-width: 992px) {
    .form input:last-child,
    .form textarea:last-child,
    .form select:last-child {
        margin-bottom: 0;
    }
}

.form input[type='text'].error,
.form input[type='email'].error,
.form input[type='password'].error,
.form input[type='date'].error,
.form input[type='tel'].error,
.form textarea.error,
.form select.error {
    background-color: #f00;
}

.form label {
    position: relative;
    display: block;
    color: #fff;
    margin-bottom: 16px;
    font-size: 15px;
    cursor: pointer;
}

.form label.inline-block {
    display: inline-block;
}

.form label:last-child {
    margin-bottom: 0px;
}

.form label input[type='text'],
.form label input[type='email'],
.form label input[type='password'],
.form label input[type='date'],
.form label input[type='tel'],
.form label textarea,
.form label select {
    margin-bottom: 0;
}

.form label > span:first-child {
    padding-left: 6px;
    margin-bottom: 5px;
    display: block;
}

.form input[type='text']:focus,
.form input[type='email']:focus,
.form input[type='password']:focus,
.form input[type='date']:focus,
.form input[type='tel']:focus,
.form select:focus,
.form textarea:focus {
    border-color: #0565a9;
}

label .icon-required {
    position: absolute;
    left: -13px;
    top: -7px;
    color: #fe0000;
    font-size: 21px;
    font-style: normal;
}

.form__row {
    margin: 0 -8px;
}

@media screen and (min-width: 992px) {
    .form__row {
        margin-bottom: 18px;
    }
}

.form__row [class^="col"] {
    padding: 0 8px;
}

.form-field {
    margin-bottom: 48px;
}


/*----- Custom File Input -----*/
label.file-input {
    display: inline-block;
}

label.file-input input[type='file'] {
    display: none;
}

label.file-input span {
    position: relative;
    padding-left: 29px;
    text-decoration: underline;
}

label.file-input:hover span {
    text-decoration: none;
}

label.file-input span:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0px;
    display: block;
    width: 18px;
    height: 22px;
    background: url(/bitrix/templates/ipkoil/css/../img/icons/icon-file-upload.png) no-repeat;
}

/*----- Custom Checkbox -----*/
label.checkbox {
    cursor: pointer;
}

label.checkbox input[type='checkbox'] {
    display: none;
}

label.checkbox span {
    position: relative;
    display: inline-block;
    line-height: 18px;
    padding-left: 44px;
    color: #616161;
    font-size: 13px;
    font-weight: normal;
}

label.checkbox span a {
    font-size: 14px;
    font-weight: normal;
    color: #616161;
    text-decoration: underline;
}

label.checkbox span a:hover {
    text-decoration: underline;
    color: #0565a9;
}

label.checkbox span:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0px;
    display: block;
    width: 23px;
    height: 23px;
    border: 1px solid #d7d7d7;
}

label.checkbox span:after {
    content: '\f00c';
    position: absolute;
    top: -1px;
    left: 1px;
    z-index: 7;
    line-height: 21px;
    text-align: center;
    width: 21px;
    display: block;
    visibility: hidden;
    opacity: 0;
    color: #0565a9;
    font-family: "FontAwesome";
    font-size: 14px;
    -webkit-transition: all .1s;
    transition: all .1s;
}

label.checkbox input:checked + span:after {
    visibility: visible;
    opacity: 1;
}

/*----- Custom Radio -----*/
label.radio:not(:last-child) {
    margin-bottom: 13px;
}

label.radio input[type='radio'] {
    display: none;
}

label.radio span {
    position: relative;
    display: inline-block;
    line-height: 16px;
    vertical-align: top;
    padding-left: 29px;
    color: #393939;
    font-size: 14px;
    font-weight: normal;
    white-space: normal;
}

label.radio span:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0px;
    display: block;
    width: 13px;
    height: 13px;
    border: 2px solid #ffb001;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all .25s;
    transition: all .25s;
}

label.radio span:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: 9;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #363636;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

label.radio input:checked + span:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*----- Radio Style 2 -----*/
label.radio--s2 input:checked + span {
    font-weight: bold;
}

/*----- Form Custom Field #1 -----*/
.form-field-s1 {
    position: relative;
}

@media screen and (max-width: 480px) {
    label.checkbox span {
        font-size: 13px;
        text-align: left;
    }

    label.checkbox span a {
        font-size: 13px;
    }

    .form-field {
        margin-bottom: 20px;
    }
}

/*  ======================================================================
        MODAL FORM
========================================================================== */
.md-form-section {
    padding: 30px 0;
}

.md-form-section__title {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

.md-form-info {
    padding: 32px 30px;
    font-size: 22px;
    margin: 0 -30px;
    background-color: #f4f4f4;
    color: #000;
}

.md-form-section button:not(.btn--md) {
    width: 100%;
    font-size: 16px;
    line-height: 60px;
}

.md-form-section p {
    line-height: 18px;
}

.md-form-section p:last-child {
    margin-bottom: 0;
}

.md-title input[type="text"] {
    border: 0;
    border-bottom: 1px solid #a2a2a2;
    font-size: 18px;
    height: 25px;
    padding: 0;
    margin-bottom: 0px;
    width: calc(100% - 60px);
}

.md-title input[type="text"]:focus {
    border-bottom-color: #000;
}


/*  ======================================================================
        HOVER EFFECT - 1
========================================================================== */
.hover-e1,
.hover-e1-span span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.hover-e1:before,
.hover-e1-span span:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%);
    background-color: #28a977;
}

.hover-e1:hover:before,
.hover-e1-span:hover span:before {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}


/*  ======================================================================
		ICON TEXT
========================================================================== */
.icon-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
}

.icon-text:last-child {
    margin-bottom: 0;
}

.icon-text i {
    position: relative;
    top: 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 33px;
    color: #ffae00;
    font-size: 14px;
}

.icon-text i.fa-plane {
    font-size: 16px;
}

.icon-text__content,
.icon-text__content a {
    color: #616161;
    font-size: 13px;
    text-decoration: none !important;
}

/*  ======================================================================
		ICONS
========================================================================== */
.icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat !important;
}

/*----- Icon Phone -----*/
.icon--yandex {
    width: 25px;
    height: 25px;
    background-image: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-yandex.svg);
    background-repeat: no-repeat;
    background-position: 47%;
    background-size: 9px;
    border-radius: 50%;
    background-color: #5e656c;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/*----- Icon Rutube -----*/
.icon--rutube {
    width: 25px;
    height: 25px;
    background-image: url(/assets/rutube_logo.svg);
    background-repeat: no-repeat;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/*  ======================================================================
        MODAL WINDOW
========================================================================== */
.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2000;
    width: 100%;
    min-width: 320px;
    max-width: 1144px;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.md-modal.md-show {
    visibility: visible;
}

/*--------- Modal Window - Close ---------*/
.md-close {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 9;
    width: 24px;
    height: 24px;
    text-decoration: none;
    -webkit-transition: all .25s;
    transition: all .25s;
    cursor: pointer;
}

.md-close svg {
    display: block;
    fill: #b2b2b2;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.md-close:hover svg {
    fill: #212121;
}

/*--------- Modal Window - Overlay ---------*/
.md-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    opacity: 0;
    background-color: rgba(45, 45, 45, 0.9);
    cursor: pointer;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-overlay.md-show {
    opacity: 1;
    visibility: visible;
}

/*--------- Modal Window - Animation window ---------*/
.md-modal .md-content {
    opacity: 0;
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-modal .md-content {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*----- Modal Window - Full Height -----*/
.md-modal.md-modal--full-height {
    height: calc(100% - 40px);
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*--------- Modal Window - Content ---------*/
.md-content {
    position: relative;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    border: 4px solid #77b8d8;
}

.md-form-wrap {
    max-width: 813px;
    margin: 0 auto;
}

.md-form-wrap > .md-form {
    overflow: hidden;
    padding-bottom: 65px;
}

.md-form.scroll-wrapper {
    padding: 0;
}

.md-form .form {
    display: block;
}

.md-form textarea {
    height: 146px;
    margin-bottom: 15px;
}

.md-head {
    position: relative;
}

.md-title {
    position: relative;
    padding: 65px 0px 10px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 48px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    text-align: center;
    border-bottom: 2px solid #6495cd;
}

.md-result {
    display: none;
    font-size: 18px;
    color: #3e282a;
    letter-spacing: 0.4px;
}

.md-result span {
    display: block;
}

.md-result span:first-child {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 17px;
}

.md-preloader {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.7);
}

.mb-btn {
    width: 182px;
    padding: 0;
}

.md-form__inputs-wrap {
    max-width: 493px;
    margin: 0 auto 46px;
}

.captcha-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 376px;
    margin: 0 auto 20px;
}

.captcha-field__img {
    width: 180px;
}

.captcha-field__reset {
    display: inline-block;
    margin-bottom: 9px;
    font-size: 12px;
    text-decoration: underline;
    color: #949494 !important;
}

.captcha-field__reset:hover {
    text-decoration: none;
}

.captcha-field__input {
    width: 180px;
    color: #949494;
    font-size: 12px;
}

.captcha-field__input span {
    display: inline-block;
    margin-bottom: 11px;
}

.captcha-field__input span span {
    margin-bottom: 0;
    color: red;
}

.captcha-field__input input {
    height: 40px !important;
}

.form-required-p {
    margin-bottom: 34px;
    color: #949494;
    font-size: 12px;
}

.form-required-p span {
    color: red;
}

.md-form .btn {
    min-width: 190px;
}

/*  ======================================================================
        PAGINATION
========================================================================== */
.pagination {
    display: inline-block;
    vertical-align: top;
    border-radius: 0 5px 5px 0;
    background-color: #fff;
    padding: 0 13px 0 11px;
}

.pagination__list {
    white-space: nowrap;
    font-size: 0;
    text-align: center;
}

.pagination li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 24px;
    margin-right: 3px;
    color: #ffb001;
}

.pagination li:last-child {
    margin-right: 0;
}

.pagination a {
    position: relative;
    display: block;
    text-decoration: none;
    margin: 0 2px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-decoration: underline;
    color: #ffb001;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

.pagination a.active,
.pagination a:hover {
    color: #363636;
    text-decoration: none;
}

.pagination .pagination__prev,
.pagination .pagination__next {
    width: 18px;
    height: 24px;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

.pagination .pagination__prev:before {
    content: '\f0d9';
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 25px;
}

.pagination .pagination__next:before {
    content: '\f0da';
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 25px;
}

.pagination a.disabled {
    cursor: default;
}

.pagination a.disabled:before {
    color: #bfbfbf;
}

@media screen and (max-width: 767px) {
    .pagination {
        display: block;
        text-align: center;
    }

    .pagination a {
        margin: 0 6px;
        font-size: 16px;
    }
}

/*  ======================================================================
        CUSTOM SELECT
========================================================================== */
.select {
    position: relative;
    text-align: left;
}

.select__title {
    position: relative;
    z-index: 2;
    padding: 5px 40px 4px 13px;
    background-color: #fff;
    font-size: 14px;
    color: #353535;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.select__title:before {
    content: '\f107';
    position: absolute;
    top: 0;
    right: 17px;
    z-index: 1;
    display: block;
    line-height: 45px;
    color: #b3b3b3;
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
}

.select__title span {
    color: #6c6c6c;
}

.select ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    list-style: none;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
}

.select:hover ul {
    will-change: transform;
}

.select.active ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 110;
}

.select ul li {
    position: relative;
    padding: 7px 16px;
    font-size: 14px;
    color: #353535;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.select ul li:hover,
.select ul li.selected {
    background-color: #efefef;
}

/*----- Select Gray -----*/
.select--gray .select__title {
    border: 1px solid #bfbfbf;
}

.select--gray .select__title:after {
    background: #bfbfbf;
    right: -1px;
}

/*----- Select Style #1 -----*/
.select--s1 {
    display: inline-block;
}

.select--s1 .select__title {
    padding: 9px 51px 7px 16px;
    color: #212121;
    font-size: 18px;
    font-weight: bold;
    border: 3px solid #ffae00;
    background-color: #fff;
}

/*----- Select Style #2 -----*/
.select--s2 .select__title {
    padding: 14px 40px 13px 17px;
    color: #616161;
    font-size: 13px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
}

/*  ======================================================================
    SOCIAL MEDIA
========================================================================== */
.social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.social-media a {
    display: inline-block;
    vertical-align: top;
    margin-right: 17px;
    font-size: 26px;
    color: #5e656c;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.social-media a:last-child {
    margin-right: 0px;
}

.social-media a:hover {
    color: #a98c2d;
}

.social-media .icon--yandex {
    margin-top: -5px;
}

.social-media a:hover .icon--yandex {
    background-color: #a98c2d;
}

.social-media a:hover #rutube {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.social-media a:hover #rutube .st0 {
    -webkit-transition: all .3s;
    transition: all .3s;
    fill: #a98c2d;
}

.social-media a:hover #rutube .st2 {
    -webkit-transition: all .3s;
    transition: all .3s;
    fill: #fff;
}

/*  ======================================================================
        BASIC ELEMENTS: TABS
========================================================================== */
.tabs:not(:last-child) {
    margin-bottom: 30px;
}

.tabs .tabs__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-size: 0;
    list-style: none;
}

.tab__link {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    padding: 0px 7px;
    color: #828282;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.tabs .tab__link:hover,
.tabs .tab__link.active {
    color: #000;
}

.tab__content {
    display: none;
}

.tab__content.active {
    display: block;
}

/*----- Tabs Style #1 -----*/
.tabs--s1 > .tabs__caption > .tab__link,
.tabs--s1 > .tabs__caption-order > .tab__link {
    color: #fff;
    font-size: 13px;
    /* font-weight: bold; */
    line-height: 42px;
    background-color: #003875;
    text-transform: uppercase;
    white-space: nowrap;
}

.tabs--s1 > .tabs__caption > .tab__link a,
.tabs--s1 > .tabs__caption-order > .tab__link a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none !important;
}

@media screen and (min-width: 992px) {
    .tabs--s1 > .tabs__caption > .tab__link:hover {
        background-color: #0565a9;
        color: #fff;
    }
}

.tabs--s1 > .tabs__caption > .tab__link.active {
    background-color: #0565a9;
    color: #fff;
}

.tabs--s1 > .tabs__caption > .tab__link--s1,
.tabs--s1 > .tabs__caption-order > .tab__link {
    width: 146px;
    color: #000;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #ffae00;
}

.tabs--s1 > .tabs__caption > .tab__link--s1:hover {
    background-color: #fbd862;
    color: #000;
}

.tabs--s1 > .tabs__caption > .tab__link--s1.active,
.tabs--s1 > .tabs__caption-order > .tab__link.active {
    background-color: #0565a9;
    color: #fff;
}

.tabs--s1 > .tabs__content {
    position: relative;
    padding-top: 20px;
}

.tabs--s1 > .tabs__content:not(:first-child) {
    background-color: #fff;
}

.tabs--s1 > .tabs__caption-order {
    display: none;
}

.tabs--s1 > .tabs__caption-order > .tab__link {
    width: 100%;
    margin-bottom: 10px;
    line-height: 50px;
}

.tabs__caption-title {
    position: relative;
    display: none;
    padding: 0 20px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    background-color: #003875;
    text-transform: uppercase;
    white-space: nowrap;
}

.tabs__caption-title:before {
    content: '\f107';
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 1;
    display: block;
    line-height: 40px;
    color: #fff;
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
}

/*----- Tabs Style Radio -----*/
.tabs--radio .tabs__caption {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 25px;
}

.tabs--radio .tab__link {
    width: auto;
    padding-left: 23px;
    color: #616161;
    font-size: 13px;
    letter-spacing: 0.4px;
    margin: 0 14px;
    text-align: left;
}

.tabs--radio .tab__link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.tabs--radio .tab__link:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 5px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #0565a9;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .2s;
    transition: all .2s;
}

@media screen and (min-width: 992px) {
    .tabs--radio > .tabs__caption > .tab__link:hover:before {
        border-color: #0565a9;
    }
}

.tabs--radio > .tabs__caption > .tab__link.active:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}


/*----- Tabs Style #2 -----*/
.tabs--s2 > .tabs__caption {
    background-color: #fff;
}

.tabs--s2 > .tabs__caption > .tab__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 81px;
    padding: 10px 0;
    margin-right: 3px;
    color: #fff;
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    background-color: #49b9db;
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 17px rgba(0, 0, 0, .08);
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tabs--s2 > .tabs__caption > .tab__link:last-child {
    margin-right: -1px;
}

.tabs--s2 > .tabs__caption > .tab__link a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none !important;
}

@media screen and (min-width: 992px) {
    .tabs--s2 > .tabs__caption > .tab__link:hover {
        background-color: #4696cf;
        color: #fff;
    }
}

.tabs--s2 > .tabs__caption > .tab__link.active {
    background-color: #ffae00;
    color: #212121;
}

.tabs--s2 .tabs__content {
    position: relative;
    z-index: 1;
    padding: 49px 40px 53px;
    border: 5px solid #f7cb35;
    background-color: #fff;
    -webkit-box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
}

@media (max-width: 991px) {
    .tabs--s1 > .tabs__caption > .tab__link {
        font-size: 12px;
    }

    .tabs--s2 > .tabs__caption > .tab__link {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .tabs--s1 > .tabs__caption > .tab__link--s1 {
        display: none;
    }

    .tabs--s1 > .tabs__caption-order {
        display: block;
    }

    .tabs--s2 .tabs__caption-title {
        display: block;
        color: #212121;
        background-color: #f7cb35;
    }

    .tabs--s2 .tabs__caption-title:before {
        color: #212121;
    }

    .tabs--s2 > .tabs__caption {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tabs--s2 > .tabs__caption > .tab__link {
        font-size: 14px;
        padding: 0;
        line-height: 52px;
        min-height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        text-transform: none;
    }
}

@media (max-width: 600px) {
    .tabs--s1 > .tabs__caption {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: none;
    }

    .tabs--s1 > .tabs__caption > .tab__link {
        width: 100%;
        line-height: 40px;
    }

    .tabs__caption-title {
        display: block;
    }
}

/*  ======================================================================
        BUTTON "TO-TOP"
========================================================================== */
.to-top {
    position: fixed;
    z-index: 99999;
    right: 0px;
    bottom: 190px;
    width: 94px;
    height: 94px;
    line-height: 92px;
    border-radius: 5px 0 0 5px;
    background-color: #fbcd15;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.to-top.active {
    opacity: 1;
    visibility: visible;
}

.to-top:hover {
    background-color: #ffc107;
}

.to-top svg {
    display: inline;
    vertical-align: middle;
    width: 19px;
    height: 10px;
    fill: #343434;
}

@media screen and (max-width: 1600px) {
    .to-top {
        width: 50px;
        height: 50px;
        line-height: 48px;
        bottom: 90px;
    }

    .to-top svg {
        width: 12px;
        height: 6px;
    }
}

@media screen and (max-width: 991px) {
    .to-top {
        bottom: 0;
        border-radius: 5px 0 0 0;
    }
}

.widget-search {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 418px;
}

.widget-search input {
    width: 100%;
    height: 38px;
    padding-left: 30px;
    padding-right: 20px;
    border: none;
    border-bottom: 1px solid #5a6269;
    background-color: transparent;
    color: #fff;
    font-family: "Roboto";
    font-size: 13px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.widget-search input:focus {
    border-color: #fff;
}

.widget-search input::-webkit-input-placeholder {
    color: #5d656b;
}

.widget-search input::-moz-placeholder {
    color: #5d656b;
}

/* Firefox 19+ */
.widget-search input:-moz-placeholder {
    color: #5d656b;
}

/* Firefox 18- */
.widget-search input:-ms-input-placeholder {
    color: #5d656b;
}

.widget-search button {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 100%;
    padding: 0;
    z-index: 1;
    border: none;
    text-align: left;
    background-color: transparent;
}

.widget-search button:before {
    content: '\f002';
    font-family: 'FontAwesome';
    color: #5d656b;
    font-size: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.widget-search button:hover:before {
    color: #fff;
}

/* ==================================================================================
    PRELOADER
   ================================================================================== */
.md-preloader {
    font-size: 0;
    background: transparent;
    -webkit-animation: outer 6600ms linear infinite;
    animation: outer 6600ms linear infinite
}

.md-result {
    position: absolute;
    background: #fafafa;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}

.md-preloader svg {
    top: calc(50% - 37.5px);
    right: calc(50% - 37.5px);
    position: absolute;
    -webkit-animation: inner 1320ms linear infinite;
    animation: inner 1320ms linear infinite
}

.md-preloader svg circle {
    fill: none;
    stroke: #e0401a;
    stroke-linecap: square;
    -webkit-animation: arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite;
    animation: arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite
}

@-webkit-keyframes outer {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes outer {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes inner {
    0% {
        -webkit-transform: rotate(-100.8deg);
        transform: rotate(-100.8deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes inner {
    0% {
        -webkit-transform: rotate(-100.8deg);
        transform: rotate(-100.8deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes arc {
    0% {
        stroke-dasharray: 1 210.48670779px;
        stroke-dashoffset: 0
    }
    40% {
        stroke-dasharray: 151.55042961px, 210.48670779px;
        stroke-dashoffset: 0
    }
    100% {
        stroke-dasharray: 1 210.48670779px;
        stroke-dashoffset: -151.55042961px
    }
}

@keyframes arc {
    0% {
        stroke-dasharray: 1 210.48670779px;
        stroke-dashoffset: 0
    }
    40% {
        stroke-dasharray: 151.55042961px, 210.48670779px;
        stroke-dashoffset: 0
    }
    100% {
        stroke-dasharray: 1 210.48670779px;
        stroke-dashoffset: -151.55042961px
    }
}

.md-result__check {
    position: absolute;
    display: inline-block;
    width: 145px;
    height: 145px;
    padding: 11px;
    border-radius: 50%;
    background-color: #f7f6f6;
    box-shadow: 0 2px 0 #d5d5d5;
    top: calc(50% - 72.5px);
    left: calc(50% - 72.5px);
}

.md-result__check:before {
    content: '';
    display: block;
    position: absolute;
    width: 123px;
    height: 123px;
    border-radius: 50%;
    border: 1px solid rgba(255, 66, 0, 0.2);
}

.md-result__check:after {
    content: '\e91b';
    display: block;
    position: absolute;
    top: 50px;
    left: 35%;
    font: 45px 'font-campus';
    color: #ff4200;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-result__check.active:after {
    opacity: 1;
}

.md-result__title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #151515;
    text-transform: uppercase;
}

.md-result__content p {
    font-size: 16px;
    color: #444;
    margin-bottom: 40px;
}

.md-result__content {
    display: none;
    top: calc(50% - 72.5px);
    position: absolute;
    left: calc(50% - 100px);
    text-align: center;
    background: #fafafa;
    width: 200px;
    height: 150px;
    z-index: 1111;
}
/* End */


/* Start:/bitrix/templates/ipkoil/css/style.css?1776332990123353*/
@font-face {
    font-family: "Roboto Condensed";
    src: url("/bitrix/templates/ipkoil/fonts/RobotoCondensed-Regular.ttf") format("truetype");
}

/*  ======================================================================
        BASIC STYLES: HEADER
========================================================================== */
.main-container {
    /*height: 10000px;*/
    overflow: hidden;
    min-height: 1200px;
}

.header {
    padding-top: 33px;
    padding-bottom: 19px;
}

.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 21px;
    text-decoration: none !important;
}

.logo img {
    margin-right: 40px;
}

.logo__text {
    color: #212121;
    font-size: 12px;
}

.logo__text span {
    display: block;
}

.logo__text span:nth-child(1) {
    letter-spacing: 0.35px;
    font-weight: 500;
}

.logo__text span:nth-child(2) {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 4px;
}

.logo__text span:nth-child(3) {
    text-transform: uppercase;
    color: #0565a9;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.2px;
}

.logo--mb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo--mb img {
    margin-right: 0px;
}

.logo--mb span {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0 !important;
}

.logo--mb .logo__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin-right: 20px;
}

.logo--mb-s2 .logo__text {
    color: #212121 !important;
}

.logo-s2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 98px;
    text-decoration: none !important;
}

.logo-s2__img {
    margin-right: 52px;
}

.logo-s2__text {
    margin-top: 14px;
    font: bold 24px/23px "Roboto Condensed";
    color: #003775;
    text-transform: uppercase;
}

.header .col-md-2 {
    padding-left: 0;
    text-align: right;
}

.head-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 17px;
}

.head-lang a {
    margin: 0 6px;
    font-family: "Roboto Condensed";
    font-size: 16px;
    text-decoration: none;
    color: #808080;
}

.head-lang a:hover,
.head-lang a.active {
    text-decoration: underline;
    color: #0565a9;
}

.header .phone-s2,
.header .address-s2,
.header .email-s2 {
    display: inline-block;
    margin-bottom: 16px;
    padding-left: 30px;
    color: #212121;
}

.header .phone-s2 a,
.header .address-s2 a,
.header .email-s2 a {
    color: #212121;
}

.header .phone-s2:before,
.header .address-s2:before,
.header .email-s2:before {
    color: #b3b3b3;
}

.header .address-s2 {
    margin-bottom: 0;
    padding-left: 23px;
}

.header .email-s2 {
    margin-bottom: 0;
    padding-left: 30px;
    letter-spacing: 0.5px;
    top: -2px;
}

.header .email-s2:before {
    top: -1px;
}

.widget-search--head {
    max-width: 262px;
    margin: 32px 0 0 33px;
}

.widget-search--head button:before {
    color: #b3b3b3;
}

.widget-search--head button:hover:before {
    color: #003775;
}

.widget-search--head input {
    border-color: #e4e4e4;
    height: 30px;
    padding-left: 25px;
    color: #212121;
}

.widget-search--head input:focus {
    border-color: #003775;
}

.widget-search--head input::-webkit-input-placeholder {
    color: #808080;
}

.widget-search--head input::-moz-placeholder {
    color: #808080;
}

/* Firefox 19+ */
.widget-search--head input:-moz-placeholder {
    color: #808080;
}

/* Firefox 18- */
.widget-search--head input:-ms-input-placeholder {
    color: #808080;
}

/*----- Main Menu -----*/
.main-menu {
    position: relative;
    z-index: 200;
    background-color: #0565a9;
}

.main-menu > .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.main-menu .iqnet-link {
    width: 79px;
    min-height: 69px;
    margin-top: -19px;
    margin-bottom: 9px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.main-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    list-style: none;
    padding-right: 82px;
}

.main-menu__item:first-child > a {
    padding-left: 0;
}

.main-menu__item:first-child > a span {
    width: 235.5px;
}

.main-menu__item:last-child > a {
    padding-right: 0;
}

.main-menu__item > a {
    position: relative;
    white-space: nowrap;
    padding: 28px 44px 26px;
    color: #fff;
    font-family: "Roboto Condensed";
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.35px;
    text-decoration: none !important;
}

.main-menu__item > a span {
    position: relative;
    z-index: 2;
    display: block;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .15s;
    transition: all .15s;
}

@media (max-width: 1200px) {
    .main-menu__item > a span {
        font-size: 12px;
    }
}

.main-menu__item:not(.main-menu__sub-wrap) > a:hover span {
    border-color: #fff;
}

.main-menu__sub-wrap > a span {
    padding-right: 27px;
}

.main-menu__sub-wrap:hover:not(.no-hover) > a,
.main-menu__sub-wrap.no-hover > a {
    color: #0565a7;
    font-weight: bold;
}

.main-menu__sub-wrap > a span:before {
    content: "\f107";
    position: absolute;
    right: 0;
    top: -3px;
    display: block;
    font: 18px "FontAwesome";
}

.main-menu__sub-wrap > a:after,
.main-menu__sub-wrap:first-child > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 1;
    display: block;
    width: 100%;
    height: calc(100% - 3px);
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.main-menu__sub-wrap:first-child > a:before {
    left: -96px;
    width: 96px;
}

.main-menu__sub-wrap:hover:not(.no-hover) > a:after,
.main-menu__sub-wrap:first-child:hover:not(.no-hover) > a:before,
.main-menu__sub-wrap.no-hover > a:after,
.main-menu__sub-wrap:first-child.no-hover > a:before {
    opacity: 1;
}

.sub-menu {
    position: absolute;
    top: 69px;
    left: -81px;
    right: -81px;
    padding: 58px 96px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /*-webkit-transition: all .3s;
			transition: all .3s;*/
}

.main-menu__sub-wrap:hover:not(.no-hover) .sub-menu,
.main-menu__sub-wrap.no-hover .sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.sub-menu__block:not(:last-child) {
    margin-bottom: 29px;
}

.sub-menu__block ul {
    list-style: none;
}

.sub-menu__title {
    position: relative;
    display: inline-block;
    padding-left: 26px;
    line-height: 16px;
    color: #212121 !important;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    text-decoration: none;
}

.sub-menu__title:hover {
    text-decoration: underline;
}

.sub-menu__title:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 2;
    display: block;
    border: 5px solid transparent;
    border-right: 3px solid #fff;
}

.sub-menu__title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #f00;
}

.sub-menu__title--i1:after {
    background-color: #bb1b1b;
}

.sub-menu__title--i2:after {
    background-color: #49b9db;
}

.sub-menu__title--i3:after {
    background-color: #cab665;
}

.sub-menu__title--i4:after {
    background-color: #a9a9a9;
}

.sub-menu__title--i5:after {
    background-color: #686868;
}

.sub-menu__title--i6:after {
    background-color: #b575e1;
}

.sub-menu__title--i7:after {
    background-color: #4dd01f;
}

.sub-menu__title--i8:after {
    background-color: #32d8d6;
}

.sub-menu__title--i9:after {
    background-color: #bbee72;
}

.sub-menu__title--i10:after {
    background-color: #ffae00;
}

.sub-menu__title--i11:after {
    background-color: #ec8fe0;
}

.sub-menu__title--i12:after {
    background-color: #876046;
}

.sub-menu__title--i13:after {
    background-color: #ffa337;
}

.sub-menu__title--i14:after {
    background-color: #83e0ff;
}

.sub-menu__title--i14:after {
    background-color: #cca088;
}

.sub-menu__block li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
}

.sub-menu__block li:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #d9d9d9;
}

.sub-menu__block li a {
    display: inline-block;
    color: #747474;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.sub-menu__block li a:hover {
    color: #003875;
    text-decoration: underline;
}

.sub-menu__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    /*margin-top: 53px;*/
    padding: 28px 126px 29px;
    /*margin: 53px -96px 0;*/
    margin: -58px -96px 20px;
    background-color: #b8e8f6;
}

.sub-menu__footer a {
    color: #003875;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.sub-menu__footer a:hover {
    color: #0565a9;
    text-decoration: underline;
}

.sub-menu__footer a:before {
    content: "»";
    display: inline-block;
    margin-right: 2px;
}

/*----- Menu -----*/
.menu {
    position: relative;
    z-index: 199;
    background-color: #e8e8e8;
}

.menu__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    list-style: none;
    background-color: #003775;
}

.menu__list:before,
.menu__list:after {
    content: "";
    position: absolute;
    left: -96px;
    top: 0px;
    display: block;
    width: 96px;
    height: 100%;
    background-color: #003775;
    -webkit-box-shadow: -23px 8px 54px rgba(0, 0, 0, .1);
    box-shadow: -23px 8px 54px rgba(0, 0, 0, .1);
}

.menu__list:after {
    left: auto;
    right: -96px;
    -webkit-box-shadow: 23px 8px 54px rgba(0, 0, 0, .1);
    box-shadow: 23px 8px 54px rgba(0, 0, 0, .1);
}

.menu__item:first-child > a {
    padding-left: 0;
}

.menu__item:last-child > a {
    padding-right: 0;
}

.menu__item > a {
    position: relative;
    white-space: nowrap;
    padding: 22px 33px 20px;
    color: #fff;
    font-family: "Roboto Condensed";
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.35px;
    text-decoration: none !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.menu__item > a span {
    position: relative;
    z-index: 2;
    display: block;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .15s;
    transition: all .15s;
}

@media (max-width: 1200px) {
    .menu__item > a span {
        font-size: 12px;
    }
}

.menu__item:not(.menu__sub-wrap) > a:hover span {
    border-color: #fff;
}

.menu__sub-wrap {
    position: relative;
}

.menu__sub-wrap > a:after,
.menu__sub-wrap:first-child > a:before,
.menu__sub-wrap:last-child > a:before {
    content: "";
    position: absolute;
    left: -96px;
    top: 5px;
    z-index: 1;
    display: block;
    width: 96px;
    height: calc(100% - 5px);
    background-color: #0565a9;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.menu__sub-wrap > a:after {
    width: 100%;
    left: 0;
    right: 0;
}

.menu__sub-wrap:last-child > a:before {
    left: auto;
    right: -96px;
}

.menu__sub-wrap:hover:not(.no-hover) a:before,
.menu__sub-wrap:hover:not(.no-hover) a:after,
.menu__sub-wrap.no-hover a:before,
.menu__sub-wrap.no-hover a:after {
    opacity: 1;
}

.menu__sub-wrap > a span {
    position: relative;
    padding-right: 22px;
}

.menu__sub-wrap > a span:before {
    content: "\f107";
    position: absolute;
    right: 0;
    top: -3px;
    display: block;
    font: 18px "FontAwesome";
}

.menu__sub-menu {
    position: absolute;
    top: 55px;
    left: 0px;
    padding: 32px 30px 23px 40px;
    background-color: #0565a9;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.menu__sub-menu ul {
    list-style: none;
}

.menu__sub-wrap:hover:not(.no-hover) .menu__sub-menu,
.menu__sub-wrap.no-hover .menu__sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.menu__sub-wrap:first-child .menu__sub-menu {
    left: -96px;
    padding: 32px 30px 23px 96px;
}

.menu__sub-menu {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu__sub-menu--col-1 {
    width: 300px;
}

.menu__sub-menu--col-2 {
    width: 600px !important;
}

/*.menu__sub-menu--col-2 {
	width: 600px;
}*/

.menu__sub-wrap:first-child .menu__sub-menu--col-1 {
    width: 396px;
}

.menu__sub-wrap:first-child .menu__sub-menu--col-2 {
    width: 696px;
}

.menu__sub-menu--col-2 ul {
    width: 50%;
}

.menu__sub-menu li {
    margin-bottom: 10px;
}

.menu__sub-menu li a {
    position: relative;
    display: inline-block;
    line-height: 18px;
    padding-left: 18px;
    color: #a5bbd7;
    font-size: 14px;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.menu__sub-menu li a:hover,
.menu__sub-menu li a.active {
    text-decoration: underline;
    color: #fff;
}

.menu__sub-menu li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #a5bbd7;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.menu__sub-menu li a:hover:before {
    background-color: #fff;
}

.mb-header {
    position: relative;
    z-index: 9999;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 15px;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.mb-header__burger {
    position: relative;
    width: 23px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-close.svg) no-repeat;
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-burger.svg) no-repeat;
    margin-left: 20px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.mb-header__burger.close {
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-close.svg) no-repeat;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.mb-header .logo {
    margin-bottom: 0;
}

.mb-header-bottom .logo__text {
    color: #003875;
}

.mb-header__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mb-header__search {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    text-decoration: none !important;
}

.mb-header__search:before {
    content: '\f002';
    font-family: 'FontAwesome';
    color: #212121;
    font-size: 16px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/*----- MB Menu -----*/
.mb-menu {
    position: fixed;
    top: 65px;
    height: 100%;
    padding-bottom: 65px;
    left: 0;
    overflow: auto;
    z-index: 99999;
    width: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    will-change: transform;
    -webkit-overflow-scrolling: touch;
}

.mb-menu.active {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: none;
    transform: none;
}

.mb-menu__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding: 20px 28px 18px;
    border-bottom: 1px solid #d9e2e9;
    background-color: #fff;
}

.mb-menu__top a {
    font-size: 12px;
    text-decoration: none !important;
    color: #2c373e;
}

.mb-menu__top span {
    display: block;
    margin-top: 6px;
    width: 1px;
    height: 10px;
    background-color: #d9e2e9;
}

.mb-menu__list,
.mb-menu__sub-menu {
    list-style: none;
}

.mb-menu__list--alt {
    background-color: #f5f5f5;
}

.mb-menu__list li {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
}

.mb-menu__list a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-size: 13px;
    color: #000;
    text-decoration: none !important;
}

.mb-menu__open-sub-menu {
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #d9e2e9;
    text-align: center;
    text-decoration: none !important;
}

.mb-menu__open-sub-menu:after {
    content: '\f107';
    position: absolute;
    top: calc(50% - 9px);
    width: 100%;
    display: block;
    font: 18px 'FontAwesome';
    -webkit-transition: all .3s;
    transition: all .3s;
}

.mb-menu__list li.active > a > .mb-menu__open-sub-menu:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mb-menu__sub-menu {
    display: none;
    border-top: 1px solid #f1f1f1;
}

.mb-menu__sub-menu li:last-child {
    border-bottom: 0;
}

.mb-menu__sub-menu a {
    padding-left: 40px;
    padding-right: 45px;
}

.mb-menu__sub-menu .mb-menu__sub-menu a {
    padding-left: 50px;
}

.mb-menu-overlay {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 65px;
    height: 100%;
    padding-bottom: 60px;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #000;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.mb-menu-overlay.active {
    opacity: .6;
    visibility: visible;
}

.mb-menu__social-media {
    padding: 22px 0;
    border-top: 1px solid #e9e9e9;
}

.mb-menu__social-media .social-media {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mb-menu__social-media .social-media a {
    color: #929292;
}

.mb-menu__social-media .icon--yandex {
    background-image: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-yandex-white.svg);
    background-color: #929292 !important;
}

.mb-menu__lang {
    margin-bottom: 0;
}

.mb-menu__lang a {
    font-size: 16px;
    margin: 0 10px;
}

.mb-header-bottom {
    padding: 20px 15px;
}

.mb-header-bottom .logo {
    margin-bottom: 0;
}

/*----- Media Styles Header -----*/
@media screen and (max-width: 1199px) {
    .main-menu__list {
        padding-right: 10px;
    }

    .main-menu__item > a {
        padding: 28px 10px 26px;
    }

    .menu__item > a {
        padding: 22px 10px 20px;
    }

    .logo-s2 {
        margin-left: 0;
    }

    .widget-search--head {
        margin-left: 0;
    }

    .logo-s2__text {
        font: bold 20px/23px "Roboto Condensed";
    }

    .logo__text span:nth-child(2) {
        width: 60%;
    }

    .head-lang {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 27px;
    }

    .header .address-s2 {
        white-space: nowrap;
        margin-left: -31px;
    }
}

@media screen and (max-width: 991px) {
    .logo__text span:nth-child(2) {
        width: auto;
    }

    .mb-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .main-menu,
    .menu,
    .header {
        display: none;
    }

    .header {
        padding-top: 20px;
        background-color: #fff;
        padding-bottom: 30px;
        text-align: center;
    }

    .logo-s2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .logo-s2__img {
        margin: 0;
    }

    .logo-s2__text {
        text-align: center;
    }

    .widget-search--head {
        max-width: 400px;
    }
}

@media screen and (max-width: 600px) {
    .mb-header .logo__text {
        color: #003875;
    }

    .mb-header__logo .logo__img:nth-child(1) {
        display: none;
    }

    .mb-header__logo .logo__img:nth-child(2) {
        display: block !important;
    }

    .mb-header {
        height: 69px;
    }

    .logo__text span:nth-child(1) {
        display: none;
    }

    .logo__text span:nth-child(2) {
        display: block !important;
    }

    .logo img {
        margin-right: 0;
    }

    .mb-header__col .logo {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .mb-header__col .logo img {
        width: 44px;
        height: 44px;
    }

    .mb-header-bottom {
        display: none !important;
    }
}

@media screen and (max-width: 400px) {
    .logo--mb .logo__img {
        margin-right: 10px;
    }

    .logo__text span:nth-child(2) {
        font-size: 16px;
    }
}

/*----- Footer -----*/
.footer {
    padding-top: 54px;
    background-color: #1c2b3d;
}

.footer-top {
    margin-bottom: 72px;
}

.footer-search-wrap {
    padding-top: 42px;
    text-align: right;
}

.footer-search-wrap .widget-search {
    max-width: 360px;
}

.footer-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none !important;
}

.footer-logo__text {
    color: #91959b;
    font-family: "Roboto Condensed";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.25px;
    line-height: 25px;
    padding-left: 23px;
}

.iqnet-link-s2 {
    margin-bottom: 96px;
}

.footer-menu-s2 {
    padding-top: 3px;
    list-style: none;
}

.footer-menu-s2 li {
    margin-bottom: 22px;
}

.footer-menu-s2 a {
    display: inline-block;
    color: #92969b;
    font-family: "Roboto Condensed";
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.footer-menu-s2 a:hover {
    color: #a98c2d;
}

.footer-menu {
    padding-top: 3px;
}

.footer-menu__title {
    position: relative;
    margin-bottom: 49px;
    color: #91959b;
    font-family: "Roboto Condensed";
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 17px;
    text-transform: uppercase;
}

.footer-menu__title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #a98b2d;
}

.footer-menu__list-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-menu ul {
    width: 100%;
    list-style: none;
}

.footer-menu ul:not(:first-child) {
    padding-left: 30px;
}

.footer-menu li {
    margin-bottom: 16px;
}

.footer-menu a {
    display: inline-block;
    color: #5d656b;
    font-size: 14px;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.footer-menu a:hover {
    color: #92969b;
    text-decoration: underline;
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
    padding: 53px 0;
    border-top: 1px solid #3d4955;
}

.copyright {
    color: #5d656b;
    font-size: 14px;
    text-transform: uppercase;
}

.web-studio,
.web-studio a {
    color: #5d656b;
    font-size: 12px;
}

.web-studio a {
    text-decoration: underline;
}

.web-studio a:hover {
    text-decoration: none;
}

.phone-s2,
.address-s2,
.email-s2 {
    position: relative;
    margin-bottom: 23px;
    padding-left: 38px;
    font-size: 13px;
    color: #91959b;
}

.phone-s2 a,
.address-s2 a,
.email-s2 a {
    display: inline-block;
    font-size: 16px;
    color: #91959b;
    text-decoration: none;
}

.phone-s2__text {
    font-size: 12px;
}

.phone-s2__ordercall {
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 5px;
    color: #4d91c0;
    border: none;
    border-bottom: 1px dashed;
    background-color: transparent;
    padding: 0;
}

.phone-s2:before,
.address-s2:before,
.email-s2:before {
    content: "\f095";
    display: block;
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: "FontAwesome";
    color: #a98b2d;
    font-size: 14px;
}

.phone-s2--header:before {
    left: 40px;
}

.address-s2 {
    margin-bottom: 6px;
}

.address-s2--center {
    margin: 56px 0 0 33px;
}

.address-s2:before {
    content: "\f041";
    top: -1px;
    left: 4px;
}

.email-s2 a {
    font-size: 13px;
    text-decoration: underline;
}

.email-s2 a:hover {
    text-decoration: none;
}

.email-s2:before {
    content: "\f003";
    top: 0px;
    left: 1px;
}

.footer-contacts .email-s2 {
    margin-bottom: 66px;
}

.footer-contacts .footer-contacts__details .footer-contacts__detail {
    color: #5d656b;
}

.footer-contacts .footer-contacts__link,
.footer-licence {
    color: #92969b;
}

.footer-bottom__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin-top: 40px;
}

.footer-bottom__links .footer-bottom__link {
    display: inline-block;
    color: #5d656b;
    font-size: 14px;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.footer-nav {
    background-color: #003775;
    padding: 42px 0 40px;
}

.footer-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    list-style: none;
}

.footer-nav__list a {
    color: #929eb2;
    text-transform: uppercase;
    letter-spacing: 0.35px;
    font-family: "Roboto Condensed";
    font-size: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.footer-nav__list a:hover {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 991px) {
    .footer {
        padding-top: 40px;
    }

    .footer-nav {
        padding: 30px 0;
    }

    .footer-nav__list a {
        font-size: 13px;
    }

    .footer-search-wrap {
        display: none;
    }

    .footer-bottom {
        padding: 25px 0;
    }

    .footer-logo__img {
        width: 50px;
    }

    .footer-logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-logo__text {
        font-size: 18px;
        line-height: 22px;
        margin-top: 6px;
        padding-left: 20px;
    }

    .footer-contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-menu-s2 {
        text-align: center;
        margin-top: 30px;
    }

    .footer-bottom {
        margin-top: 20px;
    }

    .footer-menu__title,
    .footer-menu {
        margin-bottom: 20px;
    }

    .footer-top,
    .iqnet-link-s2,
    .footer-contacts .email-s2 {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .footer-nav {
        padding: 20px 0;
    }

    .footer-nav__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .footer-nav__list li:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (max-width: 425px) {
    .footer-menu a {
        font-size: 13px;
    }

    .footer-menu-s2 {
        margin-bottom: 50px;
    }

    .footer-logo__text {
        font-size: 16px;
    }

    .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .copyright {
        margin-bottom: 10px;
    }
}

@media (max-width: 359px) {
    .footer-logo__text {
        font-size: 13px;
    }
}

/*----- Section Clients -----*/
.section-clients {
    padding: 45px 0 58px;
}

.section-clients__all {
    text-align: center;
}

.title-s1 {
    position: relative;
    padding-bottom: 12px;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 38px;
}

.title-s1:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    width: 186px;
    height: 2px;
    background-color: #ffae00;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.title-s1--blue:before {
    background-color: #4595cf;
}

.sc-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.sc-row a {
    display: block;
    width: 20%;
    margin-bottom: 22px;
    text-align: center;
}

@media (max-width: 991px) {
    .section-clients {
        padding-top: 30px;
    }

    .sc-row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sc-row a {
        width: 25%;
        height: 50px;
        line-height: 50px;
        margin-bottom: 30px;
    }

    .title-s1 {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .sc-row a {
        position: relative;
        width: 33.3333%;
    }
}

@media (max-width: 480px) {
    .title-s1 {
        font-size: 16px;
    }

    .sc-row a:nth-child(1) {
        top: 7px;
        padding: 0 4px;
    }
}

/*----- Section #1 -----*/
.section-1 {
    position: relative;
    background-color: #e8e8e8;
}

.section-1:after {
    position: absolute;
    top: -68px;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    height: 2614px;
    width: 100%;
    background: url(/bitrix/templates/ipkoil/css/../img/bg/bg-index-1.jpg) no-repeat center top;
}

.section-1 .container {
    /*padding-bottom: 20px;*/
    padding-bottom: 40px;
}

.section-1__in {
    max-width: 1331px;
    margin: 0 auto;
    /* background-color: #fff;
    -webkit-box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    box-shadow: 0 11px 73px rgba(0, 0, 0, .15); */
}

@media (max-width: 991px) {
    .section-1:after {
        top: 0;
    }
}

@media (max-width: 767px) {
    .section-1__in {
        /* -webkit-box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1); */
    }

    .section-1__in .container {
        padding: 0;
        padding-bottom: 10px;
    }

    .section-1__in .row {
        margin: 0;
    }

    .section-1__in .col-md-8 {
        padding: 0;
    }

    .section-1:after {
        top: 6%;
    }
}

/*----- News Index -----*/
.news-index {
    padding-top: 32px;
    margin-bottom: 19px;
}

.news-index__title {
    position: relative;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    margin-bottom: 21px;
}

.news-index__title:before {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
    width: 47%;
    height: 2px;
    background-color: #0565a9;
}

.ni-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 17px;
}

.ni-item__img {
    position: relative;
    width: 71px;
    height: 71px;
    background-color: #eae7e7;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 28px;
    /*overflow: hidden;*/
}

.ni-item__img:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 5px;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #efefef;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.ni-item__img img {
    position: relative;
    z-index: 2;
    height: 100%;
    max-width: 100%;
    width: auto;
}

@media screen and (min-width: 992px) {
    .ni-item:hover .ni-item__img:before {
        background-color: #e5e4e4;
        left: -7px;
        top: 7px;
    }
}

.ni-item__date {
    margin-bottom: 8px;
    color: #0565a9;
    font-size: 13px;
    line-height: 12px;
}

.ni-item__name {
    display: inline-block;
    color: #7f7f7f;
    font-size: 14px;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.ni-item__name:hover {
    text-decoration: underline;
    color: #212121;
}

.news-index__all-link {
    color: #0565a9 !important;
    font-size: 13px;
    text-decoration: underline;
}

.news-index__all-link:hover {
    text-decoration: none;
}

/*----- Main Slider -----*/
.main-slider {
    position: relative;
    width: calc(100% + 29px);
    margin-left: -96px;
    margin-bottom: 0;
}

.ms-img-list {
    margin-bottom: 0;
}

.ms-img-list > .ms-item:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.main-slider .owl-next,
.main-slider .owl-prev {
    position: absolute;
    top: auto;
    bottom: 15px;
    right: 137px;
    left: auto;
    display: inline-block;
    vertical-align: top;
    width: 8px;
    height: 13px;
    cursor: pointer;
    -webkit-transform: none;
    transform: none;
}

.main-slider .owl-next {
    right: 11px;
    left: auto;
}

.main-slider .owl-buttons {
    position: relative;
}

.main-slider .owl-buttons svg {
    opacity: .5;
    fill: #b3b3b3;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.main-slider .owl-next:hover svg,
.main-slider .owl-prev:hover svg {
    opacity: 1;
}

.main-slider .owl-number {
    position: absolute;
    top: -32px;
    right: 43px;
    color: #b3b3b3;
    font-size: 16px;
    font-weight: bold;
}

.main-slider .owl-number span:first-child {
    color: #212121;
    margin-right: 10px;
}

.main-slider .owl-number span:last-child {
    margin-left: 10px;
}

.ms-item {
    position: relative;
    padding-bottom: 21px;
}

.ms-item__img {
    position: relative;
    z-index: 1;
}

.ms-desc-list {
    position: absolute;
    bottom: 0;
    left: 55px;
    z-index: 2;
    background-color: #fff;
    padding: 19px 20px 0px 40px;
    width: 401px;
    margin-bottom: 0;
}

.ms-desc-list > .ms-item__content:not(:first-child) {
    position: absolute;
    opacity: 0;
}

.ms-item__content {
    position: relative;
}

.ms-item__title,
.ms-item__title-2,
.ms-item__desc {
    font-family: "Roboto Condensed";
    color: #0565a9;
    font-size: 20px;
    letter-spacing: -0.7px;
}

.ms-item__title-2 {
    font-size: 30px;
    font-weight: bold;
}

.ms-item__desc {
    color: #7f7f7f;
    margin-top: -8px;
    margin-bottom: 17px;
}

.ms-item__content .btn {
    padding: 0 35px;
}

/*----- Media Screen -----*/
@media screen and (max-width: 1199px) {
    .main-slider {
        width: 100%;
        margin-left: 0;
    }

    .ni-item:last-child {
        display: none;
    }

    .section-1__in {
        max-width: 1132px;
    }
}

@media screen and (max-width: 767px) {
    .ms-item {
        padding-bottom: 0;
    }

    .ms-desc-list {
        padding: 20px;
        bottom: 10px;
    }
}

@media screen and (max-width: 480px) {
    .ms-desc-list {
        position: relative;
        bottom: 0;
        left: auto;
        margin-top: -30px;
        width: 100%;
    }

    .ms-item__title,
    .ms-item__title-2,
    .ms-item__desc {
        font-size: 16px;
    }

    .ms-item__title-2 {
        margin-bottom: 7px;
        font-size: 24px;
    }
}

@media screen and (max-width: 356px) {
    .main-slider .owl-prev {
        right: 117px;
    }

    .main-slider .owl-next {
        right: 1px;
    }

    .main-slider .owl-number {
        right: 27px;
    }
}

/*----- Section #2 -----*/
.section-2 {
    padding-bottom: 32px;
    padding-top: 32px;
    background: url(/bitrix/templates/ipkoil/css/../img/bg/bg-index-top.png) no-repeat top center, #f5f5f5;
}

/*----- Section #3 -----*/
.section-3 {
    padding-bottom: 24px;
    background: #f5f5f5;
}

/*----- Section #4 -----*/
.section-4 {
    padding-bottom: 63px;
    background: #f5f5f5;
}

.section-4 .title-s1 {
    margin-bottom: 41px;
}

@media (max-width: 600px) {
    .section-4 .title-s1 {
        margin-bottom: 30px;
    }
}

@media (max-width: 425px) {
    .section-2 .title-s1,
    .section-3 .title-s1,
    .section-4 .title-s1 {
        margin-bottom: 20px;
    }
}

/*----- Training -----*/
.training-owl-wrap {
    margin: 0 40px;
}

.training-owl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding: 0 40px;
}

@media (min-width: 425px) {
    .training-owl {
        overflow: hidden;
    }
}

.training-owl.owl-carousel .owl-wrapper-outer {
    overflow: visible;
    padding-bottom: 20px;
}

.training-owl .owl-item {
    position: relative;
    padding: 0 1px;
    z-index: 8;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.training-owl .owl-item.last {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
}

.training-owl .owl-item.first {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
}

.training-owl .owl-item:hover {
    z-index: 9;
}

.training-box {
    position: relative;
    width: 100%;
    padding: 30px 17px 70px 28px;
    color: #7f7f7f;
    font-family: "Roboto Condensed";
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
}

@media (min-width: 991px) {
    .training-owl .owl-item.active .training-box:hover {
        -webkit-box-shadow: 0 2px 25px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 25px 4px rgba(0, 0, 0, 0.1);
    }
}

.training-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 9px;
    background-color: #49b9db;
}

.training-box__title {
    position: relative;
    /*font-size: 12px;*/
    font-size: 15px;
    padding-bottom: 17px;
    margin-bottom: 23px;
    text-transform: uppercase;
}

.training-box__title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 48px;
    height: 2px;
    background-color: #49b9db;
}

.training-box--s1:before,
.training-box--s1 .training-box__title:before {
    background-color: #49b9db;
}

.training-box--s2:before,
.training-box--s2 .training-box__title:before {
    background-color: #ffa337;
}

.training-box--s3:before,
.training-box--s3 .training-box__title:before {
    background-color: #4696cf;
}

.training-box--s4:before,
.training-box--s4 .training-box__title:before {
    background-color: #ffae00;
}

.training-box--s5:before,
.training-box--s5 .training-box__title:before {
    background-color: #ec8fe0;
}

.training-box__list {
    list-style: none;
}

.training-box__list li:not(:last-child) {
    margin-bottom: 5px;
}

.training-box__list a {
    display: inline-block;
    line-height: 18px;
    color: #212121;
    font-family: 'Roboto Condensed';
    /*font-size: 12px;*/
    font-size: 15px;
    text-decoration: none;
}

.training-box__list a:hover {
    text-decoration: underline;
}

.training-box__date {
    position: absolute;
    bottom: 0;
    left: 28px;
    right: 28px;
    padding: 12px 2px 13px;
    text-transform: uppercase;
    font-size: 14px;
    border-top: 1px solid #eeeeee;
}

.training-box__date--none {
    text-transform: none;
}

.training-owl .owl-next,
.training-owl .owl-prev {
    width: 21px;
    height: 21px;
}

.training-owl .owl-buttons svg {
    opacity: .5;
    fill: #b3b3b3;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.training-owl .owl-next:hover svg,
.training-owl .owl-prev:hover svg {
    opacity: 1;
}

@media (max-width: 1199px) {
    .training-owl {
        padding: 0;
    }

    .training-box__title {
        height: 51px;
    }

    .training-owl .owl-next {
        right: -27px;
    }

    .training-owl .owl-prev {
        left: -27px;
    }
}

@media (max-width: 780px) {
    .training-owl {
        padding: 0 30px;
    }

    .training-owl .owl-next {
        right: 0px;
    }

    .training-owl .owl-prev {
        left: 0px;
    }

    .training-box__title {
        height: auto;
    }
}

@media (max-width: 400px) {
    .training-owl {
        padding: 0 20px;
    }

    .training-box {
        padding: 30px 20px 70px 20px;
    }

    .training-owl .owl-prev {
        left: -10px;
    }

    .training-owl .owl-next {
        right: -10px;
    }
}

/*----- Urgent Training -----*/
.urgent-training-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 98px;
}

.urgent-training {
    position: relative;
    padding: 17px 19px 22px;
    width: 100%;
    border-right: 1px solid #f5f5f5;
    background-color: #49cbdb;
    color: #fff !important;
    text-decoration: none !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.urgent-training:nth-child(1) {
    background-color: #49badb;
}

.urgent-training:nth-child(2) {
    background-color: #49ccdb;
}

.urgent-training:nth-child(3) {
    background-color: #32d8d6;
}

.urgent-training:last-child {
    border-right: 0;
}

.urgent-training:before {
    content: "";
    position: absolute;
    right: 22px;
    bottom: 2px;
    z-index: 2;
    display: block;
    border: 13px solid transparent;
    border-top: 7px solid #49badb;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.urgent-training:nth-child(1):before {
    border-top: 7px solid #49badb;
}

.urgent-training:nth-child(2):before {
    border-top: 7px solid #49ccdb;
}

.urgent-training:nth-child(3):before {
    border-top: 7px solid #32d8d6;
}

.urgent-training:after {
    content: "";
    position: absolute;
    right: 24px;
    bottom: 0;
    display: block;
    width: 21px;
    height: 21px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.urgent-training:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.1);
}

.urgent-training__top {
    margin-bottom: 17px;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
}

.urgent-training__top span {
    display: inline-block;
    vertical-align: top;
}

.urgent-training__top span:first-child {
    padding-right: 16px;
    margin-right: 8px;
    border-right: 1px solid #a4dded;
}

.urgent-training__link {
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 1199px) {
    .urgent-training-list {
        padding: 0;
    }
}

@media (max-width: 991px) {
    .urgent-training__top {
        margin-bottom: 10px;
        font-size: 16px;
        padding-bottom: 6px;
        border-bottom: 1px solid #5bedff;
    }

    .urgent-training__top span {
        display: block;
        font-size: 14px;
    }

    .urgent-training__top span:first-child {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .urgent-training__top span {
        display: inline-block;
        font-size: 16px;
    }

    .urgent-training__top span:first-child {
        margin-right: 8px;
    }

    .urgent-training-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .urgent-training {
        margin-bottom: 10px;
    }
}


/*----- Section Page -----*/
.section-page {
    padding-bottom: 80px;
    min-height: 750px;
}

.section-page .col-md-2 {
    padding-top: 91px;
}

.section-page h1 {
    padding: 8px 0 15px;
    margin: 0 0 34px;
    border-bottom: 2px solid #4595cf;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -0.4px;
}

.section-page h4,
.section-page .h4 {
    padding-bottom: 7px;
    margin-bottom: 20px;
    margin: 33px 0 23px;
    border-bottom: 1px solid #d8d8d8;
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.section-page p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #616161;
    letter-spacing: 0.1px;
    line-height: 20px;
}

.s-page__text p {
    font-size: 14px;
    line-height: 22px;
}

@media (max-width: 991px) {
    .section-page .col-md-2 {
        padding-top: 50px;
    }
}

@media (max-width: 425px) {
    .section-page h1 {
        font-size: 18px;
    }
}

/*----- Left Menu -----*/
.left-menu {
    padding: 32px 22px;
    margin: 90px 0px 30px;
    background-color: #f9f9f9;
}

.left-menu__list {
    list-style: none;
}

.left-menu__list li:not(:last-child) {
    margin-bottom: 16px;
}

.left-menu__list a {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    color: #212121;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.left-menu__list a:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: -3px;
    display: block;
    opacity: .5;
    color: #b3b3b3;
    font-family: "FontAwesome";
    font-size: 18px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.left-menu__list a:hover:before,
.left-menu__list a.active:before {
    opacity: 1;
    color: #0565a9;
}

.left-menu__list a:hover,
.left-menu__list a.active {
    color: #0565a9;
}

.js-sticker {
    padding-top: 90px;
}

.js-sticker .left-menu--anchors {
    margin-top: 0;
}

.left-menu--anchors a {
    font-weight: 500;
}

.left-menu--anchors {
    background: transparent;
    padding: 0;
}

.left-menu--anchors .left-menu__list a {
    color: #4d91c0;
    text-decoration: none !important;
}

.left-menu--anchors .left-menu__list a span {
    border-bottom: 1px dashed #4d91c0;
}

.left-menu--anchors .left-menu__list a:hover {
    color: #0565a9;
}

.left-menu--anchors .left-menu__list a:before {
    opacity: 1;
    color: #4d91c0;
}

@media (max-width: 991px) {
    .left-menu {
        margin-top: 0;
        display: none;
        margin-bottom: 20px;
    }

    .left-menu__list li {
        display: inline-block;
        margin-right: 30px;
    }

    .js-sticker {
        padding-top: 0;
        padding-bottom: 1px;
    }

    .js-sticker .left-menu--anchors {
        display: block;
    }
}

@media (max-width: 400px) {
    .left-menu {
        margin-bottom: 30px;
    }
}

/*----- Sidebar News -----*/
.sidebar-news {
    margin-bottom: 30px;
}

.sidebar-news__item {
    margin-bottom: 23px;
}

.sidebar-news__video-play {
    margin-bottom: 5px;
    background-color: #000;
}

.sidebar-news__video-play a {
    position: relative;
    display: block;
}

.sidebar-news__video-play a img {
    opacity: 0.8;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sidebar-news__video-play a:hover img {
    opacity: 0.9;
}

.sidebar-news__video-play a:before {
    content: "";
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 16px);
    z-index: 2;
    display: block;
    width: 24px;
    height: 33px;
    background: url(/bitrix/templates/ipkoil/css/../img/icons/icon-play.png) no-repeat;
}

.sidebar-news__title a {
    display: inline-block;
    color: #0565a9;
    font-size: 11px;
    text-decoration: underline;
    line-height: 16px;
}

.sidebar-news__title a:hover {
    text-decoration: none;
}

@media (max-width: 991px) {
    .sidebar-news {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .sidebar-news__item {
        max-width: 165px;
    }
}

@media (max-width: 600px) {
    .sidebar-news {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sidebar-news__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: none;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .sidebar-news__video-play {
        max-width: 165px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 20px;
    }
}

@media (max-width: 359px) {
    .sidebar-news__video-play {
        max-width: 120px;
    }
}

/*----- Leaders -----*/
.leaders-list {
    padding-top: 6px;
}

.leader-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}

.leader-item:last-child {
    margin-bottom: 0;
}

.leader-item__img {
    width: 165px;
    height: 165px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #d4d4d4;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

.leader-item__content {
    padding-left: 30px;
}

.leader-item__fio {
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 6px;
    line-height: 16px;
    margin-bottom: 17px;
    border-bottom: 1px solid #d8d8d8;
}

.leader-item__post {
    color: #0565a9;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.leader-item__desc {
    margin-bottom: 20px;
}

.leader-item__desc,
.leader-item__desc p {
    color: #616161;
    font-size: 13px;
}

.leader-item__contacts,
.leader-item__contacts a {
    color: #616161;
    font-size: 13px;
    text-decoration: none;
}

.leader-item__contacts a {
    display: inline-block;
}

.leader-item__email a {
    text-decoration: underline;
}

.leader-item__email a:hover {
    text-decoration: none;
}

.leader-item__phone,
.leader-item__email {
    position: relative;
    padding-left: 33px;
}

.leader-item__phone:before,
.leader-item__email:before {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: -3px;
    color: #b3b3b3;
    font-family: "FontAwesome";
    font-size: 14px;
}

.leader-item__phone:before {
    content: "\f095";
}

.leader-item__email:before {
    content: "\f0e0";
    left: 1px;
    top: -1px;
}

@media (max-width: 480px) {
    .leader-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 50px;
    }

    .leader-item__content {
        padding: 0;
        padding-top: 30px;
    }

    .leader-item__fio {
        text-align: center;
    }
}

/*----- Box -----*/
.box {
    padding: 40px 53px 29px 53px;
    margin-bottom: 20px;
}

.box--gray {
    background-color: #f5f5f5;
}

.box p {
    margin-bottom: 18px;
    font-size: 14px;
    color: #616161;
    letter-spacing: 0.24px;
    line-height: 18px;
}

.box a {
    display: inline-block;
    color: #616161;
    text-decoration: underline;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.box a:hover {
    color: #0565a9;
    text-decoration: none;
}

.box h4,
.box .h4 {
    margin-top: 0;
    margin-bottom: 34px;
}

.box .fz-13 {
    font-size: 13px;
    color: #212121;
}

.load-link {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    color: #212121 !important;
    font-family: 'Roboto Condensed';
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

.load-link:hover {
    text-decoration: none;
}

.load-link:before {
    content: "\f0ab";
    color: #ffae00;
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 17px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 480px) {
    .box {
        padding: 25px;
    }
}

/*----- Contacts Page -----*/
.contacts-section {
    padding-top: 5px;
}

.cs-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cs-item:not(:last-child) {
    margin-bottom: 40px;
    border-bottom: 2px solid #4595cf;
}

.cs-item__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 262px;
    margin-right: 32px;
}

.cs-item__block {
    margin-bottom: 34px;
}

.cs-item__title {
    display: block;
    padding-bottom: 6px;
    margin-bottom: 23px;
    line-height: 16px;
    color: #212121;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #d8d8d8;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.cs-item__content p {
    color: #616161;
    font-size: 14px;
    margin-bottom: 19px;
}

.cs-item__content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 600px) {
    .cs-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .cs-item__img {
        margin: 1;
        margin-bottom: 20px;
    }

    .cs-item:last-child .cs-item__block:last-child {
        margin-bottom: 0;
    }
}

/*----- Section Page Style #2 -----*/
.section-page--s2 {
    padding: 0;
}

.section-page--s2 .container > .row > .col-md-12,
.section-page--s2 .container > .row > .col-md-9 {
    padding-top: 26px;
    padding-bottom: 26px;
}

.sidebar-right {
    position: relative;
    height: 100%;
    padding: 90px 0 40px 30px;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.sidebar-right:after {
    content: "";
    position: absolute;
    left: 100%;
    top: -70px;
    display: block;
    width: 1000%;
    height: calc(100% + 70px);
    background-color: #f5f5f5;
}

.section-page--s2 .s-breadcrumbs {
    margin-bottom: 20px;
}

.section-page--s2 h1 {
    min-height: 77px;
}

.sidebar-right__title {
    padding-bottom: 15px;
    margin-bottom: 34px;
    color: #212121;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #ffae00;
}

.s-menu {
    list-style: none;
}

.s-menu li {
    margin-bottom: 20px;
}

.s-menu a {
    display: inline-block;
    color: #7f7f7f;
    font-size: 13px;
    text-decoration: underline;
    line-height: 20px;
}

.s-menu a:hover,
.s-menu a.active {
    color: #0565a9;
    text-decoration: none;
}

@media (max-width: 991px) {
    .section-page {
        padding-bottom: 50px;
    }

    .sidebar-right {
        padding: 30px;
    }

    .sidebar-right:after {
        display: none;
    }

    .s-menu li:last-child {
        margin-bottom: 0;
    }
}

/*----- Program Detail Info -----*/
.program-head {
    margin-bottom: 47px;
}

.program-head .load-link {
    margin-top: 5px;
    color: #808080 !important;
    text-transform: none;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    white-space: nowrap;
}

.program-head .load-link:hover {
    text-decoration: underline;
}

.program-type {
    /*margin-bottom: 25px;*/
    font-family: "Roboto Condensed";
    color: #212121;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

.program-info__img img {
    display: block;
}

.program-info__desc {
    position: relative;
    padding: 25px 143px 22px 64px;
    background-color: #0565a9;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.3px;
}

.program-info__desc:before {
    content: "";
    position: absolute;
    left: 0;
    top: 33px;
    display: block;
    width: 47px;
    height: 4px;
    background-color: #ffae00;
}

.program-info__table {
    margin-bottom: 33px;
}

.program-info__table table {
    width: 100%;
}

.program-info__table td {
    vertical-align: middle;
    padding: 10px 0;
    line-height: 14px;
    font-size: 13px;
    height: 49px;
}

.program-info__table td a {
    color: #003875;
    text-decoration: underline;
}

.program-info__table td a:hover {
    text-decoration: none;
}

.program-info__table td:nth-child(1) {
    color: #003775;
    background-color: #fff1c4;
    text-align: right;
    padding-right: 20px;
    width: 31.6%;
}

.program-info__table tr:nth-child(odd) td:nth-child(1) {
    background-color: #ffe387;
}

.program-info__table td:nth-child(2) {
    color: #212121;
    font-weight: bold;
    background-color: #ffe89c;
    padding-left: 20px;
    padding-right: 20px;
}

.program-info__table td:nth-child(2) span {
    font-size: 18px;
}

.program-info__table tr:nth-child(odd) td:nth-child(2) {
    background-color: #ffae00;
}

.program-info__list {
    list-style: none;
}

.program-info__list li {
    position: relative;
    padding-left: 35px;
    color: #212121;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
}

.program-info__list li:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 6px;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #b3b3b3;
}

.program-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.program-date__year {
    margin-right: 27px;
}

.program-date__range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*padding-top: 5px;*/
}

.program-date__range ul {
    margin-bottom: 0;
    margin-right: 40px;
}

.program-date__range li:last-child {
    margin-bottom: 0;
}

.program-date__range li span {
    display: inline-block;
}

.program-desc {
    padding: 15px 30px 15px 58px;
}

.program-desc__item {
    margin-bottom: 29px;
}

.program-info-tabs p,
.program-info-tabs ul.list li {
    color: #212121;
}

.program-desc__item p {
    margin-bottom: 12px;
    letter-spacing: 0.35px;
}

.program-desc__item p:last-child {
    margin-bottom: 0;
}

.program-desc__item-title {
    position: relative;
    padding-left: 24px;
    padding-bottom: 6px;
    margin-bottom: 22px;
    color: #0565a9;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d8d8;
    letter-spacing: 0.46px;
}

.program-desc__item-title span {

    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

ul.list--s2 {
    margin-top: 19px;
    margin-bottom: 0;
}

ul.list--s2 li {
    margin-bottom: 16px;
    padding-left: 34px;
}

ul.list--s2 li:before {
    left: 10px;
    background-color: #b3b3b3;
}

.program-info-tabs h4,
.program-info-tabs .h4 {
    font-size: 13px;
    margin: 23px 0 0;
}

.program-desc__item h4 + ul.list,
.program-info-tabs .h4 + ul.list {
    margin-top: 15px;
}

.program-teachers {
    padding: 19px 34px;
}

.program-teacher {
    background-color: #fff;
    padding: 34px 40px 44px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
}

.program-teacher__fio {
    margin-bottom: 23px;
    color: #0565a9;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 3px;
    border-bottom: 1px solid #d8d8d8;
}

.program-teacher__prop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

.program-teacher__prop-item {
    font-size: 13px;
    color: #959595;
    margin-right: 50px;
    margin-bottom: 10px;
}

.program-teacher__prop-item span {
    display: inline-block;
}

.program-teacher__prop-item span:last-child {
    font-weight: bold;
    color: #424242;
    margin-left: 12px;
}

.program-teacher__read-more {
    display: inline-block;
    margin-top: 8px;
    color: #0565a9;
    font-size: 13px;
    border-bottom: 1px dashed #0565a9;
    text-decoration: none !important;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.program-teacher__read-more:hover {
    color: #4d91c0;
}

.program-teacher__more {
    display: none;
}

.program-teacher__more-in {
    padding: 22px 0;
}

.program-teacher__more .h4 {
    margin-top: 31px;
    border-bottom: none;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.program-teacher__more .h4:first-child {
    margin-top: 0;
}

.program-teacher__more ul.list--s2 li {
    margin-bottom: 15px;
}

.program-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -16px;
    padding: 20px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.program-media__item {
    width: calc(33.3333% - 32px);
    margin: 0 16px 30px;
}

.program-media__item-img {
    margin-bottom: 23px;
}

.program-media__item-title {
    padding-bottom: 15px;
    border-bottom: 2px solid #e3e3e3;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.program-media__item:hover .program-media__item-title {
    border-color: #ffae00;
}

.video-play {
    position: relative;
    display: block;
    background-color: #000;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.video-play img {
    position: relative;
    z-index: 1;
    opacity: 0.8;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.video-play:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    display: block;
    width: 33px;
    height: 47px;
    opacity: 0.7;
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-play.svg) no-repeat;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.program-media__item:hover .video-play {
    background-color: #fff;
}

.program-media__item:hover .video-play img {
    opacity: 0.5;
}

.program-media__item:hover .video-play:before {
    opacity: 1;
}

.program-reviews {
    padding: 20px 34px;
}

.program-reviews__item {
    margin-bottom: 20px;
    padding: 24px 40px 22px;
    font-size: 13px;
    color: #616161;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
}

.program-reviews__desc {
    margin-bottom: 20px;
    line-height: 20px;
    letter-spacing: 0.4px;
}

.program-reviews__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.program-reviews__author {
    letter-spacing: 0.4px;
    color: #0565a9;
    font-weight: bold;
    text-transform: uppercase;
    min-width: 236px;
}

.program-reviews__post {
    color: #949494;
    letter-spacing: 0.4px;
}

.program-order {
    padding-top: 13px;
}

.program-order__date {
    max-width: 310px;
    margin: 0 auto 52px;
    text-align: center;
}

.program-order__date span {
    text-align: center;
    color: #949494;
    font-size: 13px;
    margin-bottom: 6px;
    display: block;
}

.program-order__title {
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 34px;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -0.3px;
}

.program-order__title:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    width: 186px;
    height: 2px;
    background-color: #4595cf;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.program-order__form {
    max-width: 491px;
    margin: 0 auto;
    padding-bottom: 64px;
}

.form-checkbox-wrap {
    max-width: 439px;
    padding: 13px 0;
    margin: 0 auto;
}

.program-order__form .btn {
    margin-top: 19px;
    padding: 0 46px;
}

.program-date__year .load-link {
    display: none;
}

@media (max-width: 767px) {
    .program-head {
        margin-bottom: 21px;
    }

    .program-head .col-sm-3 {
        display: none;
    }

    .program-date {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .program-date__range {
        padding-top: 0;
        margin-top: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .program-date__year {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .program-date__year .load-link {
        display: block;
    }

    .program-date__range ul {
        margin-right: 0;
    }

    .program-date__range ul li {
        margin-right: 20px;
        white-space: nowrap;
    }

    .program-teacher__prop {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .program-teacher__prop-item {
        margin-right: 0;
    }

    .program-teacher__prop-item span {
        display: block;
        margin: 0 !important;
    }

    .program-info__desc {
        padding-right: 64px;
    }
}

@media (max-width: 600px) {
    .program-reviews,
    .program-teachers {
        padding: 0;
    }

    .program-media__item {
        width: calc(50% - 32px);
    }

    .program-media__item-title {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .program-reviews__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .program-reviews__item {
        padding: 24px 20px 22px;
    }

    .program-info__desc:before {
        width: 20px;
    }

    .program-info__table td:nth-child(1) {
        width: 40%;
        padding-left: 15px;
    }

    .program-desc {
        padding: 15px 18px 15px 40px;
    }

    .program-info__desc {
        font-size: 13px;
        padding: 25px 30px 22px 30px;
    }

    .program-teacher {
        padding: 20px 20px 30px;
    }

    .program-teacher__fio {
        font-size: 16px;
    }

    .program-order {
        padding: 0 15px;
    }

    .program-order__date {
        margin-bottom: 40px;
    }

    .program-order__title {
        font-size: 20px;
    }

    .program-order__form {
        padding-bottom: 40px;
    }
}

@media (max-width: 425px) {
    .program-media__item {
        width: calc(100% - 32px);
        max-width: 241px;
        margin: 0 auto 20px;
    }
}

@media (max-width: 370px) {
    .program-teacher__prop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/*----- Schedule -----*/
.schedule-filter {
    position: relative;
    padding: 16px 30px 37px;
    margin-bottom: 40px;
    background-color: #ffae00;
}

.schedule-filter form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.schedule-filter__field .select ul {
    max-height: 204px;
    overflow: auto;
}

.select--s2 ul.min-width {
    min-width: 171px;
}

.schedule-filter__field > span {
    display: block;
    color: #212121;
    font-size: 13px;
    margin-bottom: 5px;
    white-space: nowrap;
}

.schedule-filter__field label.checkbox span {
    padding-left: 33px;
    font-size: 14px;
    color: #212121;
}

.schedule-filter__field label.checkbox span:before {
    border-color: #fff;
    background-color: #fff;
}

.schedule-filter__field .select__title {
    padding: 11px 40px 11px 17px;
    border-color: #fff;
    background-color: #fff;
}

.schedule-filter__field:nth-child(1) {
    width: 15.6%;
}

.schedule-filter__field:nth-child(2) {
    padding-top: 25px;
}

.schedule-filter__field:nth-child(3) {
    width: 19%;
}

.schedule-filter__field:nth-child(4) {
    width: 97px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.schedule-filter__field:nth-child(5) {
    padding-top: 22px;
}

.schedule-filter__field:nth-child(5) .btn:nth-child(1) {
    padding: 0 26px;
    margin-right: 11px;
}

.schedule-filter__field:nth-child(5) .btn:nth-child(2) {
    padding: 0 30px;
}

.schedule__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.schedule__col,
.schedule__col-full {
    padding: 21px 30px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.schedule__col:nth-child(1) {
    width: 51.2%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.schedule__col:nth-child(2) {
    width: 109px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.schedule__col:nth-child(3) {
    width: 146px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.schedule__head {
    margin-bottom: 10px;
    background-color: #0565a9;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.34px;
}

.schedule__head .schedule__col:not(:last-child) {
    border-right: 1px solid #3784ba;
}

.schedule__head .schedule__col:nth-child(2),
.schedule__head .schedule__col:nth-child(3) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.schedule__head .schedule__col:nth-child(4) {
    padding: 13px 19px;
}

.schedule__type,
.schedule__section,
.schedule__in-section {
    position: relative;
    background-color: #dbf1f8;
    color: #212121;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    cursor: pointer;
    letter-spacing: 0.34px;
}

.schedule__row.js-view-more:after {
    content: '\f107';
    position: absolute;
    top: 0;
    right: 33px;
    z-index: 1;
    display: block;
    line-height: 62px;
    color: #7f7f7f;
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.schedule__row.js-view-more.active:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.schedule__section {
    background-color: #fff;
    border-bottom: 2px solid #fff;
    cursor: default;
}

.schedule__section .schedule__col-full {
    position: relative;
    padding: 20px 30px 20px 60px;
}

.schedule__section .schedule__col-full:before {
    content: "";
    position: absolute;
    left: 32px;
    top: calc(50% - 6px);
    z-index: 2;
    display: block;
    border: 5px solid transparent;
    border-right: 3px solid #fff;
}

.schedule__section .schedule__col-full:after {
    content: "";
    position: absolute;
    left: 30px;
    top: calc(50% - 6px);
    display: block;
    width: 10px;
    height: 10px;
    background-color: #f00;
}

.schedule__section--s1 {
    border-color: #bb1c1c;
}

.schedule__section--s1 .schedule__col-full:after {
    background-color: #bb1c1c;
}

.schedule__section--s2 {
    border-color: #49b9db;
}

.schedule__section--s2 .schedule__col-full:after {
    background-color: #49b9db;
}

.schedule__section--s3 {
    border-color: #cab665;
}

.schedule__section--s3 .schedule__col-full:after {
    background-color: #cab665;
}

.schedule__section--s4 {
    border-color: #a9a9a9;
}

.schedule__section--s4 .schedule__col-full:after {
    background-color: #a9a9a9;
}

.schedule__section--s5 {
    border-color: #686868;
}

.schedule__section--s5 .schedule__col-full:after {
    background-color: #686868;
}

.schedule__section--s6 {
    border-color: #b575e1;
}

.schedule__section--s6 .schedule__col-full:after {
    background-color: #b575e1;
}

.schedule__section--s7 {
    border-color: #4dd01f;
}

.schedule__section--s7 .schedule__col-full:after {
    background-color: #4dd01f;
}

.schedule__section--s8 {
    border-color: #32d8d6;
}

.schedule__section--s8 .schedule__col-full:after {
    background-color: #32d8d6;
}

.schedule__section--s9 {
    border-color: #bbee72;
}

.schedule__section--s9 .schedule__col-full:after {
    background-color: #bbee72;
}

.schedule__section--s10 {
    border-color: #ffae00;
}

.schedule__section--s10 .schedule__col-full:after {
    background-color: #ffae00;
}

.schedule__section--s11 {
    border-color: #ec8fe0;
}

.schedule__section--s11 .schedule__col-full:after {
    background-color: #ec8fe0;
}

.schedule__section--s12 {
    border-color: #876046;
}

.schedule__section--s12 .schedule__col-full:after {
    background-color: #876046;
}

.schedule__section--s13 {
    border-color: #ffa337;
}

.schedule__section--s13 .schedule__col-full:after {
    background-color: #ffa337;
}

.schedule__section--s14 {
    border-color: #83e0ff;
}

.schedule__section--s14 .schedule__col-full:after {
    background-color: #83e0ff;
}

.schedule__section--s14 {
    border-color: #cca088;
}

.schedule__section--s14 .schedule__col-full:after {
    background-color: #cca088;
}


.schedule__in-section {
    background-color: #f4f4f4;
}

.schedule__in-section:before {
    content: "";
    position: absolute;
    left: 60px;
    top: calc(50% - 2px);
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #b3b3b3;
}

.schedule__in-section .schedule__col-full {
    padding: 21px 30px 21px 77px;
}

.schedule__item .schedule__col {
    padding: 26px 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    color: #212121;
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 480px) {
    .schedule__item .schedule__col {
        font-size: 13px;
    }
}

.schedule__item .schedule__col:last-child {
    border-right: 0;
    overflow: hidden;
}

.schedule__item a {
    color: #212121;
    text-decoration: underline;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.schedule__item a:hover {
    color: #0565a9;
}

.schedule__item .schedule__col:nth-child(1) {
    padding-left: 29px;
}

.schedule__item .schedule__col:nth-child(2) {
    padding-left: 17px;
    padding-right: 17px;
    color: #0565a9;
    font-size: 13px;
    font-weight: bold;
}

.schedule__item .schedule__col:nth-child(3) {
    padding-left: 19px;
    padding-right: 19px;
}

.schedule-all {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 999;
    background-color: #fff;
    padding: 58px 30px 46px;
    border: 1px solid #ffae00;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.schedule-all.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.select-schedule-all {
    position: relative;
    z-index: 2;
    color: #616161;
    font-size: 13px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    padding: 11px 40px 11px 17px;
    border-color: #fff;
    background-color: #fff;
    cursor: pointer;
}

.select-schedule-all:before {
    content: '\f107';
    position: absolute;
    top: 0;
    right: 17px;
    z-index: 1;
    display: block;
    line-height: 45px;
    color: #b3b3b3;
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
}

.select-schedule-all.active {

}

.schedule-all.active {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.mb-filter {
    position: fixed;
    top: 0px;
    left: 0;
    max-width: 230px;
    height: 100%;
    overflow: auto;
    z-index: 999999;
    min-width: 320px;
    background-color: #ffae00;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    will-change: transform;
}

.mb-filter.active {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: none;
    transform: none;
}

.mb-filter-overlay {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0px;
    height: 100%;
    padding-bottom: 60px;
    left: 0;
    right: 0;
    z-index: 999989;
    background: #000;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.mb-filter-overlay.active {
    opacity: .6;
    visibility: visible;
}

.mb-filter__top {
    color: #212121;
    font-family: "Roboto Condensed";
    font-weight: bold;
    font-size: 16px;
    line-height: 80px;
    text-transform: uppercase;
    text-align: center;
}

.mb-filter__close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-close.svg) no-repeat;
    background-size: 16px;
}

.schedule-mb-filter {
    display: none;
    position: absolute;
    top: -1px;
    right: 15px;
}

.schedule-mb-filter a {
    padding-left: 25px;
    display: inline-block;
    font-family: "Roboto Condensed";
    font-weight: bold;
    font-size: 15px;
    color: #212121;
    line-height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-filter-red.svg) no-repeat left center;
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-filter.svg) no-repeat left center;
}

.schedule-mb-filter a.active {
    color: #f00;
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-filter-red.svg) no-repeat left center;
}

.shedule__col-label {
    display: none;
    text-transform: uppercase;
    color: #424242;
    font-size: 11px;
    font-weight: bold;
}

@media (max-width: 1199px) {
    .schedule__col:nth-child(1) {
        width: 40%;
    }

    .schedule-filter {
        padding-left: 20px;
        padding-right: 20px;
    }

    .schedule-filter form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .schedule-filter form .schedule-filter__field {
        width: auto;
        margin-right: 7px;
    }

    .schedule-filter__field:nth-child(5) .btn:nth-child(1) {
        padding: 0 15px;
        margin-right: 6px;
    }

    .schedule-filter__field:nth-child(1) {
        width: 19% !important;
    }

    .schedule-filter__field:nth-child(3) {
        width: 19% !important;
    }

    .schedule-filter__field:nth-child(5) .btn:nth-child(2) {
        padding: 0 10px;
    }

    .schedule-filter form .schedule-filter__field:last-child {
        margin-right: 0;
    }

    .schedule-filter__field:nth-child(2) {
        padding-top: 28px;
    }

    .schedule-filter__field:nth-child(5) {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .schedule {
        margin-top: -10px;
    }

    .schedule-filter {
        padding: 0px 30px 37px;
        color: #212121;
        text-transform: uppercase;
        text-align: center;
    }

    .schedule-filter form .schedule-filter__field {
        width: 100%;
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
        text-align: left;
    }

    .schedule-filter__field:nth-child(5) .btn:nth-child(1) {
        margin-bottom: 30px;
    }

    .schedule-filter__field .btn {
        width: 100%;
    }

    .schedule-mb-filter {
        display: block;
    }

    .schedule-all {
        padding: 28px 20px 16px;
        margin-top: -35px;
        border: 1px solid #4595cf;
    }

    .sub-menu__block {
        margin-bottom: 20px !important;
    }

    .schedule__head {
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .schedule__head {
        display: none;
    }

    .schedule__in-section .schedule__col-full {
        padding-left: 59px;
    }

    .schedule__col, .schedule__col-full {
        padding-left: 20px;
    }

    .schedule__section .schedule__col-full {
        padding-left: 40px;
    }

    .schedule__section .schedule__col-full:after {
        left: 21px;
    }

    .schedule__section .schedule__col-full:before {
        left: 23px;
    }

    .schedule__in-section:before {
        left: 41px;
    }

    .schedule__type,
    .schedule__section,
    .schedule__in-section {
        font-size: 12px;
    }

    .schedule__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-right: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3;
    }

    .schedule__item {
        padding: 10px 0;
        border-bottom: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3;
    }

    .schedule__item .schedule__col {
        display: block;
        width: 100% !important;
        border: none;
        padding: 6px 20px !important;
    }

    .schedule__item .schedule__col:nth-child(1) {
        margin-bottom: 20px;
    }

    .schedule__item .schedule__col:nth-child(3) br {
        display: none;
    }

    .schedule__item .schedule__col:nth-child(2),
    .schedule__item .schedule__col:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .shedule__col-label {
        display: block;
        margin-right: 10px;
    }
}

@media (max-width: 425px) {
    .schedule-mb-filter a {
        line-height: 38px;
    }

    .schedule__row.js-view-more:after {
        top: calc(50% - 31px);
        right: 10px;
    }
}

/*----- DO: Section Head -----*/
.section-do {
    position: relative;
    margin-top: 12px;
    padding-top: 103px;
    padding-bottom: 52px;
}

.section-do:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    height: 2490px;
    background: url(/bitrix/templates/ipkoil/css/../img/bg/bg-do-1.jpg) no-repeat center top;
}

.section-do__title h1 {
    color: #fff;
    font-family: "Roboto Condensed";
    font-weight: bold;
    line-height: 80px;
    letter-spacing: -1.78px;
    font-size: 80px;
    margin-bottom: 291px;
    text-transform: uppercase;
    max-width: 610px;
}

.section-do__content {
    position: relative;
    padding: 60px 96px 25px;
    margin: 0 -96px;
    background-color: #fff;
    -webkit-box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    border-bottom: 9px solid #ffae00;
}

.section-do__content-img {
    position: absolute;
    bottom: 72%;
    right: -54px;
    z-index: 10;
}

.section-do__text {
    margin-bottom: 9px;
    color: #212121;
    font-size: 16px;
    line-height: 24px;
}

.section-do__text p {
    margin-bottom: 12px;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
}

.section-do__text p:last-child {
    margin-bottom: 0;
}

.section-do__text-title {
    position: relative;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #4595cf;
    padding-bottom: 16px;
    margin-bottom: 32px;
    letter-spacing: -0.2px;
}

.section-do__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.pdf-link {
    position: relative;
    padding-left: 32px;
    color: #0565a9 !important;
    font-size: 12px;
    text-decoration: underline;
    margin-right: 54px;
}

.pdf-link:hover {
    text-decoration: none;
}

.pdf-link:before {
    content: '';
    position: absolute;
    left: 2px;
    top: -4px;
    display: block;
    width: 21px;
    height: 25px;
    background: url(/bitrix/templates/ipkoil/css/../img/icons/icon-pdf.png) no-repeat;
}

.moodle-link {
    position: relative;
    color: #0565a9 !important;
    font-size: 12px;
    text-decoration: underline;
}

.moodle-link:hover {
    text-decoration: none;
}

.moodle-link img {
    display: block;
    margin-bottom: 8px;
}

@media (max-width: 991px) {
    .section-do {
        margin-top: 0;
        padding-top: 60px;
    }

    .section-do__title h1 {
        margin-bottom: 70px;
        font-size: 50px;
        line-height: 1.1;
    }

    .section-do__title br {
        display: none;
    }

    .section-do__content-img {
        display: none;
    }

    .section-do__content {
        padding: 60px 46px 25px;
        margin: 0;
    }

    .section-do:before {
        height: 1930px;
        background-position: bottom center;
    }
}

@media (max-width: 767px) {
    .section-do__title h1 {
        margin-bottom: 20px;
    }

    .section-do {
        padding-top: 20px;
    }

    .section-do__content {
        margin: 0;
    }

    .section-do__text-title {
        font-size: 20px;
    }

    .pdf-link {
        margin-bottom: 24px;
    }

    .section-do__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 425px) {
    .section-do__title h1 {
        font-size: 40px;
    }

    .section-do__text p {
        font-size: 14px;
    }

    .section-do__content {
        padding: 40px 30px 25px;
    }
}

/*----- DO: Question Section -----*/
.do-schedule {
    margin-bottom: 100px;
}

.do-schedule .title-s1 {
    margin-bottom: 12px;
}

.do-schedule__desc {
    color: #212121;
    font-size: 14px;
    margin-bottom: 13px;
    text-align: center;
}

.do-schedule__year {
    margin-bottom: 25px;
    text-align: center;
}

.do-schedule__year > span {
    color: #212121;
    font-size: 13px;
    margin-right: 8px;
}

.do-schedule__tabs {
    padding: 4px 4px 13px;
    background-color: #fff;
    -webkit-box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    position: relative;
}

.do-schedule__type {
    margin: 0 -2px 10px;
}

.do-schedule__type.do-schedule__type--section .tab__link span {
    font-size: 16px;
}

.do-schedule__type li {
    position: relative;
    /*padding: 17px 30px 21px;*/
    padding: 5px 15px;
    background-color: #0565a9;
    width: calc(33.33333% - 3px);
    margin: 0 2px;
    text-align: left;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.do-schedule__type li:before {
    content: "";
    position: absolute;
    right: 22px;
    bottom: 2px;
    z-index: 2;
    display: block;
    border: 13px solid transparent;
    border-top: 7px solid #0565a9;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.do-schedule__type li:after {
    content: "";
    position: absolute;
    right: 24px;
    bottom: 0;
    display: block;
    width: 21px;
    height: 21px;
    background-color: #32d8d6;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (min-width: 992px) {
    .do-schedule__type li:hover {
        background-color: #32d8d6;
    }

    .do-schedule__type li:hover:after {
        background-color: #fff;
    }

    .do-schedule__type li:hover:before {
        border-top-color: #32d8d6;
    }
}

.do-schedule__type li.active {
    background-color: #32d8d6;
}

.do-schedule__type li.active:after {
    background-color: #fff;
}

.do-schedule__type li.active:before {
    border-top-color: #32d8d6;
}

.do-schedule__type span {
    display: block;
    color: #fff;
    font-size: 16px;
}

.do-schedule__type span:last-child {
    letter-spacing: 0.4px;
}

.do-schedule__type span:first-child {
    position: relative;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 11px;
    margin-bottom: 11px;
    text-transform: uppercase;
}

.do-schedule__type span:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #fff;
}

.do-schedule__tabs .schedule__section {
    margin-bottom: 2px;
    background-color: #f4f4f4;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}

.schedule__section .schedule__col-full:before {
    border-right: 3px solid #f4f4f4;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.do-schedule__tabs .schedule__section:not(.active) {
    border-color: #ffffff;
}

.do-schedule__tabs .schedule__section:hover {
    background-color: #e6e6e6;
}

.do-schedule__tabs .schedule__section:hover .schedule__col-full:before {
    border-right: 3px solid #e6e6e6;
}

@media (max-width: 991px) {
    .do-schedule__type span:first-child {
        font-size: 16px;
    }

    .do-schedule__type li {
        padding: 17px 20px 21px;
    }
}

@media (max-width: 767px) {
    .do-schedule__tabs .tabs__caption-title {
        display: block !important;
        padding: 8px 20px;
    }

    .do-schedule__tabs .tabs__caption-title span {
        display: block;
        text-transform: none;
        font-size: 13px;
        line-height: 20px;
    }

    .do-schedule__tabs .tabs__caption-title span:first-child {
        font-size: 16px;
        text-transform: uppercase;
    }

    .do-schedule__tabs .tabs__caption-title:before {
        top: calc(50% - 20px);
    }

    /*.do-schedule__tabs.tabs .tabs__caption {*/
    /*display: none;*/
    /*}*/
    .do-schedule__type {
        margin: 0 0 10px;
        display: block !important;
    }

    .schedule__row {
        width: 100%;
    }

    .do-schedule__type li {
        display: block;
        margin: 0;
        width: 100%;
        padding: 10px 20px 10px;
    }

    .do-schedule__type li:before,
    .do-schedule__type li:after {
        display: none;
    }

    .do-schedule__type span {
        font-size: 13px !important;
    }

    .do-schedule__type span:first-child {
        padding-bottom: 6px;
        margin-bottom: 3px;
    }

    .do-schedule__type span:first-child:before {
        height: 1px;
    }

    .do-schedule {
        margin-bottom: 50px;
    }
}

/*----- DO: Steps -----*/
.do-steps {
    position: relative;
}

.do-steps:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 299px;
    z-index: -1;
    height: 3298px;
    background: url(/bitrix/templates/ipkoil/css/../img/bg/bg-do-2.jpg) no-repeat center top;
}

.tabs--arrow > .tabs__caption {
    margin-bottom: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tabs--arrow > .tabs__caption > .tab__link {
    position: relative;
    display: inline-block;
    width: 24%;
    line-height: 87px;
    margin: 0 2px;
    background-color: #ececec;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.tabs--arrow > .tabs__caption > .tab__link:hover {
    background-color: #e0dede;
}

.tabs--arrow > .tabs__caption > .tab__link.active {
    background-color: #ffae00;
}

.tabs--arrow > .tabs__caption > .tab__link span {
    display: inline-block;
    margin-right: 30px;
}

.tabs--arrow > .tabs__caption > .tab__link:after {
    content: "";
    border-bottom: 45px solid transparent;
    border-left: 15px solid #ececec;
    border-top: 43px solid transparent;
    position: absolute;
    right: -15px;
    top: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.tabs--arrow > .tabs__caption > .tab__link:before {
    content: "";
    border-bottom: 45px solid transparent;
    border-left: 15px solid #f5f5f5;
    border-top: 43px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.tabs--arrow > .tabs__caption > .tab__link:hover:after {
    border-left-color: #e0dede;
}

.tabs--arrow > .tabs__caption > .tab__link.active:after {
    border-left-color: #ffae00;
}

.do-steps-tabs > .tabs__content {
    margin: 0 -96px;
    padding: 70px 96px 49px;
    background-color: #fff;
    -webkit-box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    border-bottom: 9px solid #eb8fdf;
}

.tabs--arrow.tabs--arrow-blue > .tabs__caption {
    margin-bottom: 53px;
}

.tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #0565a9;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding: 17px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link:hover {
    background-color: #2288d1;
}

.tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link.active {
    background-color: #32d8d6;
}

.tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link:before {
    border-bottom: 35px solid transparent;
    border-left: 13px solid #fff;
    border-top: 35px solid transparent;
}

.tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link:after {
    border-bottom: 35px solid transparent;
    border-left: 13px solid #0565a9;
    border-top: 35px solid transparent;
    right: -13px;

}

.tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link:hover:after {
    border-left-color: #2288d1;
}

.tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link.active:after {
    border-left-color: #32d8d6;
}

.title-s2 {
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 11px;
    margin-bottom: 32px;
    text-transform: uppercase;
    border-bottom: 2px solid #4595cf;
}

.text-s2 p {
    color: #212121;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
}

.do-steps__tabs-content p:last-child {
    margin-bottom: 0;
}

.text-s2__in {
    margin-bottom: 31px;
}

.text-s2__more {
    display: none;
}

.text-s2__read-more {
    display: inline-block;
    margin-left: 46px;
    margin-top: 19px;
    position: relative;
    color: #0565a9 !important;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none !important;
}

.text-s2__read-more span {
    border-bottom: 1px dashed #0565a9;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.text-s2__read-more:hover span {
    border-color: transparent;
}

.text-s2__read-more:before {
    content: '\f107';
    margin-right: 10px;
    color: #0565a9;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 18px;
    position: relative;
    top: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.text-s2__read-more.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (max-width: 991px) {
    .tabs--arrow > .tabs__caption > .tab__link {
        width: 33.3333%;
    }

    .tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link {
        font-size: 14px;
        text-transform: none;
        padding-left: 16px;
    }

    .do-steps-tabs > .tabs__content {
        padding: 50px 96px 40px;
    }

    /*.tabs--arrow > .tabs__caption > .tab__link:before {
        border-left: 15px solid #ffffff;
    }*/
}

.tabs--arrow.tabs--arrow-blue > .tabs__caption-title {
    display: none;
}

@media (max-width: 767px) {
    .do-steps .title-s1 {
        margin-bottom: 30px;
    }

    .tabs--arrow.do-steps-tabs > .tabs__caption {
        margin: 0 -15px 0px;
    }

    .do-steps-tabs > .tabs__content {
        padding-top: 30px;
    }

    .title-s2 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .text-s2__read-more {
        margin: 0;
    }

    .text-s2 p {
        font-size: 14px;
    }

    .tabs--arrow > .tabs__caption > .tab__link {
        font-size: 13px;
        line-height: 50px;
        margin: 0;
    }

    .tabs--arrow > .tabs__caption > .tab__link span {
        margin-right: 0;
    }

    .tabs--arrow > .tabs__caption > .tab__link:before,
    .tabs--arrow > .tabs__caption > .tab__link:after {
        display: none;
    }

    .tabs--arrow.tabs--arrow-blue > .tabs__caption-title {
        display: block;
        background-color: #0565a9;
    }

    .tabs--arrow.tabs--arrow-blue > .tabs__caption-title br {
        display: none;
    }

    .tabs--arrow.tabs--arrow-blue > .tabs__caption {
        display: none;
        margin-bottom: 0;
    }

    .do-steps__tabs-content {
        margin-top: 20px;
    }

    .tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    .tabs--arrow.tabs--arrow-blue > .tabs__caption > .tab__link br {
        display: none;
    }
}

/*----- DO: Question Section -----*/
.do-question {
    padding: 51px 0 50px;
}

.do-question .title-s1 {
    margin-bottom: 55px;
}

.do-question__list {
    list-style: none;
}

.do-question__list li {
    margin-bottom: 10px;
}

.do-question__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px;
}

.do-question__item-title {
    position: relative;
    margin: 0 8px;
    width: calc(50% - 16px);
    height: 88px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 17px rgba(0, 0, 0, .08);
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 16px;
    line-height: 18px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

@media (min-width: 991px) {
    .do-question__item-title:hover {
        background-color: #ffae00;
    }
}

.do-question__item-title.active {
    background-color: #ffae00;
}

.do-question__item-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 6px;
    height: 100%;
    background-color: #49b9db;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.do-question__item-title.active:before {
    background-color: #ffae00;
}

.do-question__item-title:after {
    content: "?";
    position: absolute;
    left: -14px;
    top: calc(50% - 17px);
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #49b9db;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-family: "Roboto Condensed";
    font-size: 28px;
    font-weight: bold;
}

.do-question__item-title span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 55px 0 78px;
}

.do-question__item-title span:before {
    content: attr(data-number) ".";
    position: absolute;
    left: 45px;
    top: calc(50% - 7px);
    display: block;
    margin-right: 10px;
    color: #49b9db;
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.do-question__item-title.active span:before {
    color: #212121;
}

.do-question__item-title span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    display: block;
    width: 100%;
    height: 8px;
    background-color: #ffae00;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.do-question__item-title.active span:after {
    opacity: 1;
}

.do-question__content {
    display: none;
}

.do-question__in-content {
    border: 4px solid #ffc107;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 17px rgba(0, 0, 0, .08);
    padding: 23px 40px;
    color: #212121;
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
    letter-spacing: -0.1px;
}

.do-question__in-content p {
    color: #212121;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
}

.do-question__in-content p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .do-question .title-s1 {
        margin-bottom: 30px;
    }

    .do-question__item-head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .do-question__item-title {
        width: calc(100% - 16px);
        margin-bottom: 8px;
    }

    .do-question__in-content {
        margin: 0 8px 8px;
    }

    .do-question__item-title:last-child {
        margin-bottom: 0;
    }

    .do-question__list li {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 480px) {
    .do-question__item-title span {
        padding-right: 20px;
    }

    .do-question__in-content {
        padding: 23px 30px;
    }

    .do-question__in-content,
    .do-question__in-content p {
        font-size: 14px;
    }
}

/*----- DO: Info -----*/
.do-info {
    position: relative;
}

.do-info:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
    height: 50%;
    background: url(/bitrix/templates/ipkoil/css/../img/bg/bg-do-6.jpg) repeat-y bottom center;
}

.title-s3 {
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 34px;
    text-transform: uppercase;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.4px;
}

.title-s3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 186px;
    height: 2px;
    background-color: #4595cf;
}

.title-s3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e3e3e3;
}

.title-s4 {
    position: relative;
    margin-bottom: 26px;
    color: #0565a9;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.do-info .text-s2__read-more {
    margin-left: 0;
    margin-top: 25px;
}

.text-s2 ul.list--s2 li {
    font-size: 16px;
}

.text-s2 ul.list li:before {
    top: 9px;
}

@media (max-width: 480px) {
    .title-s3 {
        font-size: 20px;
    }

    .tabs--s2 .tabs__content {
        padding: 30px 30px 40px;
    }
}

/*----- Do: Reviews -----*/
.do-reviews {
    position: relative;
    padding: 55px 0 40px;
    background: url(/bitrix/templates/ipkoil/css/../img/bg/bg-do-5.jpg) no-repeat top center,
    url(/bitrix/templates/ipkoil/css/../img/bg/bg-do-3.jpg) no-repeat center bottom,
    url(/bitrix/templates/ipkoil/css/../img/bg/bg-do-4.jpg) repeat-y center bottom;
}

.do-reviews .title-s1 {
    line-height: 25px;
    padding-bottom: 18px;
    margin-bottom: 20px;
    color: #fff;
}

.do-reviews__list {
    padding: 0 48px;
}

.do-reviews__list:not(.owl-carousel) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.do-reviews__list--s1 {
    margin-bottom: 62px;
}

.do-reviews__list--s2 {
    padding: 0 58px;
    margin-bottom: 0;
}

.do-reviews__list .owl-next,
.do-reviews__list .owl-prev {
    width: 26px;
    height: 26px;
}

.do-reviews__list .owl-buttons svg {
    opacity: .5;
    fill: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.do-reviews__list .owl-next:hover svg,
.do-reviews__list .owl-prev:hover svg {
    opacity: 1;
}

.do-review-s1 {
    max-width: 220px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.do-review-s1__img {
    position: relative;
    display: inline-block;
    height: 310px;
    margin-bottom: 13px;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 25px rgba(0, 0, 0, .16);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .16);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.do-review-s1:hover .do-review-s1__img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.do-review-s1__img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    border: 4px solid #f7cb35;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.do-review-s1:hover .do-review-s1__img:before {
    opacity: 1;
    left: -4px;
    top: -4px;
    bottom: -4px;
    right: -4px;
}

.do-review-s1__title {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
}

.do-reviews__list .owl-item {
    padding-top: 20px;
}

.do-review {
    padding: 33px 0 49px;
    margin: 0 auto;
    max-width: 322px;
    width: 100%;
    border: 4px solid #47b9d9;
    background-color: #fff;
    text-align: center;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.do-review:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.md-review__photo,
.do-review__photo {
    display: inline-block;
    padding: 5px;
    margin: 0 auto;
    margin-bottom: 13px;
    border-radius: 50%;
    border: 1px solid #47b9d9;
}

.md-review__photo img,
.do-review__photo img {
    width: 117px;
    height: 117px;
    border-radius: 50%;
    overflow: hidden;
}

.md-review__fio,
.do-review__fio {
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 14px;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 18px;
    text-transform: uppercase;
}

.md-review__fio:before,
.do-review__fio:before {
    content: "";
    position: absolute;
    left: calc(50% - 25px);
    bottom: 0;
    display: block;
    width: 49px;
    height: 4px;
    background-color: #ffae00;
}

.md-review__desc,
.do-review__desc {
    margin-bottom: 29px;
    color: #0565a9;
    font-family: 'Roboto Condensed';
    font-size: 13px;
    padding: 0 30px;
}

.md-review__text,
.do-review__text {
    color: #7f7f7f;
    font-size: 13px;
    margin-bottom: 35px;
    padding: 0 30px;
}

.md-review__text p,
.do-review__text p {
    font-size: 13px;
    color: #7f7f7f;
    margin-bottom: 15px;
}

.md-review {
    max-width: 1053px;
    padding-top: 65px;
    padding-bottom: 65px;
    margin: 0 auto;
}

.md-review__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.md-review__photo {
    margin-right: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.md-review__content {
    padding-top: 14px;
}

.md-review__fio {
    padding-bottom: 15px;
    margin-bottom: 14px;
    font-size: 24px;
    font-weight: bold;
}

.md-review__fio:before {
    left: 0;
}

.md-review__desc {
    padding: 0;
    /*margin-right: 166px;*/
    margin-right: 245px;
    margin-bottom: 57px;
    padding-bottom: 70px;
    border-bottom: 1px solid #6695cb;
}

.md-review__logo {
    position: absolute;
    top: 74px;
    right: 70px;
}

.md-review__text {
    padding: 0;
    padding-left: 165px;
    padding-right: 20px;
}

.md-review__text,
.md-review__text p {
    font-size: 16px;
    color: #7f7f7f;
    margin-bottom: 15px;
    line-height: 24px;
}


@media (max-width: 1199px) {
    .do-reviews__list--s2 {
        padding: 0 40px;
    }
}

@media (max-width: 991px) {
    .md-review__content {
        width: 100%;
    }

    .md-review__desc {
        max-width: 600px;
        margin-right: 0px;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .md-review__logo {
        display: none;
    }

    .md-review {
        padding: 45px 15px 40px;
    }

    .md-review__text,
    .md-review__text p {
        padding: 0;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .do-reviews .title-s1 br {
        display: none;
    }
}

@media (max-width: 480px) {
    .do-reviews__list {
        padding: 0 20px;
    }

    .do-review__desc,
    .do-review__text {
        padding: 0 15px;
    }

    .md-review__fio {
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
    }

    .md-review__content {
        padding-top: 5px;
    }

    .md-review__desc {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .md-review__fio:before {
        height: 2px;
    }

    .md-review__photo {
        margin-right: 15px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 50px;
        height: 50px;
        padding: 0;
    }
}

/*----- DO: Advantage -----*/
.do-advantage {
    padding: 101px 0 81px;
}

.do-advantage .title-s1 {
    margin-bottom: 49px;
}

.advantage__list {
    counter-reset: item;
    padding: 0 44px;
}

.do-advantage-item {
    position: relative;
    padding: 59px 73px 12px 100px;
    background-color: #fff;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.do-advantage-item--custom {
    cursor: default;
}

.do-advantage-item:hover {
    will-change: padding;
}

.do-advantage-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 9px;
    background-color: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.do-advantage-item.active:after,
.do-advantage-item--custom:after {
    background-color: #ffae00;
}

.do-advantage-item:before {
    content: counter(item);
    counter-increment: item;
    position: absolute;
    top: 18px;
    left: -43px;
    display: block;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-color: #ffae00;
    color: #fff;
    font-family: "Roboto Condensed";
    font-size: 36px;
    font-weight: bold;
    line-height: 72px;
    border: 6px solid #fff;
    -webkit-box-shadow: 0 0 1px #ffae00;
    box-shadow: 0 0 1px #ffae00;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.do-advantage-item--custom:before {
    content: none;
}

.do-advantage-item:hover:before {
    will-change: transform;
}

.do-advantage-item.active:before {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.do-advantage__title {
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 11px;
    letter-spacing: -0.3px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px);
}

.do-advantage-item:hover .do-advantage__title {
    will-change: transform;
}

.do-advantage-item.active .do-advantage__title,
.do-advantage-item--custom .do-advantage__title {
    border-color: #4595cf;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.do-advantage__text {
    display: none;
}

.do-advantage-item--custom .do-advantage__text {
    display: block;
}

.do-advantage__text-in {
    padding: 30px 0 53px;
}

.do-advantage__text,
.do-advantage__text p {
    color: #212121;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
}

.do-advantage__text p {
    margin-bottom: 13px;
}

.do-advantage__text p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .do-advantage {
        padding: 20px 0 60px;
    }

    .do-advantage__title {
        font-size: 18px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .do-advantage-item {
        position: relative;
        padding: 20px 20px 8px 40px;
        margin-bottom: 10px;
    }

    .do-advantage-item:before {
        top: 13px;
        left: -20px;
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 37px;
        border: 3px solid #fff;
    }

    .do-advantage__text,
    .do-advantage__text p {
        font-size: 14px;
    }

    .do-advantage__text-in {
        padding-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .advantage__list {
        padding: 0;
        padding-left: 15px;
    }

    .do-advantage .title-s1 {
        margin-bottom: 30px;
    }
}

/*----- Section Ask a Question -----*/
.section-ask-question {
    background-color: #47b9d9;
    padding: 51px 0px 64px;
    text-align: center;
}

.section-ask-question .title-s1 {
    color: #fff;
    margin-bottom: 27px;
}

.section-ask-question p {
    margin-bottom: 4px;
    color: #fff;
    font-family: "Roboto Condensed";
    font-size: 18px;
}

.section-ask-question .btn {
    margin-top: 33px;
    padding: 0 45px;
}

/*----- Help Info -----*/
.help-info {
    position: relative;
    padding: 47px 0 90px;
}

.help-info:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    max-width: 597px;
    width: 100%;
    height: 1px;
    background-color: #e3e3e3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.help-info .title-s1 {
    margin-bottom: 46px;
}

.help-info__list {
    height: 310px;
    overflow: hidden;
}

.help-info__list .slick-list {
    padding-top: 10px !important;
}

.hi-item {
    width: 263px;
    margin: 0 15px;
}

.hi-item__img {
    width: 100%;
    height: 180px;
    background-color: #fff;
    -webkit-box-shadow: 0 11px 21px rgba(0, 0, 0, .24);
    box-shadow: 0 11px 21px rgba(0, 0, 0, .24);
    margin-bottom: 30px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.hi-item:hover .hi-item__img {
    -webkit-box-shadow: 0 15px 21px rgba(0, 0, 0, .24);
    box-shadow: 0 15px 21px rgba(0, 0, 0, .24);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.hi-item__title {
    position: relative;
    padding-top: 18px;
    color: #212121;
    line-height: 18px;
    font-family: "Roboto Condensed";
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: left;
}

.hi-item:hover .hi-item__title {
    color: #003775;
    text-decoration: underline;
}

.hi-item__title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #0565a9;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.hi-item:hover .hi-item__title:before {
    background-color: #ffae00;
}

@media (max-width: 480px) {
    .help-info {
        padding-bottom: 40px;
    }
}

.search-sticky {
    position: absolute;
    z-index: 99991;
    width: 100%;
    padding: 0 15px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.search-sticky.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.search-sticky .widget-search {
    max-width: none;
    margin: 0;
    border-bottom: 0;
}

.search-sticky .widget-search input {
    border-color: #e4e4e4;
    height: 68px;
    padding-left: 25px;
    color: #212121;
}

.search-sticky .widget-search button {
    height: 99%;
}

.search-sticky__close {
    position: absolute;
    right: 20px;
    top: calc(50% - 7px);
    display: block;
    width: 14px;
    height: 14px;
    background: url(/bitrix/templates/ipkoil/css/../img/icons-svg/icon-close.svg) no-repeat;
}

/*==================================
			IK CUSTOM
======================================*/
.no-video:before {
    content: none;
}

.program-form {
    position: relative;
}

.style4 {
    color: #004284;
}

.style4 strong {
    color: #004284;
}

.list-partner-item {
    margin-bottom: 20px;
}

.news-detail ul {
    list-style: initial;
}

.news-detail img {
    margin-bottom: 10px;
}

.section-page table {
    width: 100%;
}

.section-page table td {
    border: 1px solid #ddd;
}

.section-page h2 {
    /* display: block; */
    padding-bottom: 6px;
    margin-bottom: 23px;
    line-height: 16px;
    color: #212121;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #d8d8d8;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.leader-item__img {
    width: auto;
    max-width: 165px;
}

.leader-item--news .leader-item__img {
    width: 90px;
    height: 60px;
}

.leader-item--news .leader-item__img img {
    width: 100%;
    height: 100%;
}

.leader-item--news .leader-item__fio {
    border-bottom: 0;
}

.leader-item--news .leader-item__fio:hover {
    text-decoration: none;
}

.leader-item--news .leader-item__desc {
    border-top: 1px solid #d8d8d8;
}

.books-year {
    display: block;
    padding: 10px 15px;
    text-align: center;
}

.schedule__col--100 {
    width: 100% !important;
}

.books-container {
    overflow: hidden;
}

.book {
    overflow: hidden;
    margin-bottom: 30px;
}

.book__img {
    width: 200px;
}

.book__text {
    width: calc(100% - 220px);
    margin-left: 20px;
}

.book__bottom {
    overflow: hidden;
}

.h4.book__author {
    margin-top: 0;
}

.book__item-author {
    font-size: 20px;
    font-weight: bold;
}

.book__gallery {

}

.book__gallery-item {
    padding: 25px;
    display: inline-block;
    margin-bottom: 20px;
}

.sc-row a {
    padding: 10px;
}

.table > thead {
    background-color: #003775;
}

.md-result--white {
    background: #fff;
}

.prof-standart {
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    display: block;
    /*max-width: 260px;*/
    /*text-overflow: ellipsis;*/
    position: relative;
}

.prof-full {
    position: absolute;
    height: 0;
    overflow: hidden;
    width: 100%;
    left: -10px;
    top: -20px;
    background: #fbcd15;
    transition: all .15s;
    z-index: 9;
}

.prof-standart:hover .prof-full {
    height: auto;
    padding: 10px;
}

/*=================================
			404
==================================*/

.bx-404-container {
    font-size: 0;
}

.bx-404-block {
    width: 50%;
    background: #2c68b0;
    display: inline-block;
}

.bx-404-text-block {
    width: 50%;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    padding-top: 30px;
}

.bx-404-block img {
    width: 100%;
}

.bx-404-text-block__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
}

.bx-404-text-block__sub-title {
    font-size: 20px;
    color: #515151;
    text-transform: uppercase;
}

.bx-404-text-block p {
    padding: 0 90px;
}

.img-container {
    font-size: 0 !important;
    text-align: center;
}

.img-container a {
    display: inline-block;
    width: calc(33.3333% - 20px);
    vertical-align: top;
    margin: 0 10px 10px;
}

.img-container a img {
    width: 100%;
    height: auto;
}

.old-ipkoil {
    position: relative;
    top: -15px;
}

.cpathca__error {
    display: none;
    text-align: left;
    color: red;
    white-space: normal;
}

.g-recaptcha > div {
    margin-left: auto;
    margin-right: auto;
}

.table-news-img td {
    text-align: center;
    vertical-align: middle;
    padding: 20px;
}

.table-news-img img {
    width: 350px;
}

.mb-menu__list li.active > .mb-menu__sub-menu {
    display: block;
}

.ms-desc-list--empty {
    background-color: transparent;
    bottom: -24px;
}

.main-slider .ms-desc-list--empty .owl-next, .main-slider .ms-desc-list--empty .owl-prev {
    bottom: 15px;
}

.main-slider .ms-desc-list--empty .owl-number {
    top: -32px;
}

.ms-desc-list--empty .ms-item__content {
    min-height: 42px;
}

@media screen and (max-width: 991px) {
    .section-1__in {
        padding-bottom: 10px;
    }

    .do-schedule__type.do-schedule__type--section .tab__link span {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .section-1__in {
        padding-bottom: 60px;
    }

    .ms-desc-list--empty {
        bottom: -70px;
    }
}

.tabs__content--web .schedule__col:nth-child(1) {
    width: calc(100% - 109px - 146px);
}

#map {
    width: 100%;
}

#map iframe {
    width: 100%;
    height: 500px;
}

@media screen and (max-width: 475px) {
    .section-1__in {
        padding-bottom: 10px;
    }

    .ms-desc-list--empty {
        bottom: -25px;
    }
}

.document-final {
    text-transform: lowercase;
}


.tab__link a,
.tab__link a:hover,
.tab__link a:active {
    text-decoration: none;
}

.do-schedule--links .tab__link {
    padding: 0;
}

.tab__link a {
    display: block;
    padding: 0px 7px;
    min-height: 42px;
}

.flex-footer-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-left-links {

}

.footer-left-links li {
    margin-bottom: 10px;
}

.footer-left-links a {
    text-transform: inherit;
    font-weight: 500;
    line-height: 17px;
}

.do-schedule__type.do-schedule__type--section .tab__link h1 {
    margin: 0;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 11px;
    margin-bottom: 11px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    line-height: 22px;
}

.do-schedule__type h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #fff;
}

.title-s1 h2 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

/* Добавил свои стили - Феоктистов */
.vaco__topmenu-link {
    text-align: center;
}

.vaco__topmenu-link > a {
    position: relative;
    white-space: nowrap;
    padding: 5px 15px 5px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none !important;
    font-family: "Roboto Condensed";
}

.vaco__topmenu-link > a:hover {
    text-decoration: underline;
}

.w-full {
    width: 100%;
}

@media screen and (max-width: 960px) {
    .w-full {
        width: 100%
    }
}

@media screen and (min-width: 961px) {
    .w-full {
        width: 600px
    }
}
/* End */


/* Start:/bitrix/templates/ipkoil/css/new-style.css?176294478110117*/
.program-info-tabs .program-info__desc{
	background-color: transparent;
	color: #212121;
}
.program-info-tabs .program-info__table tr:nth-child(odd) td:nth-child(1),
.program-info-tabs .program-info__table td:nth-child(1),
.program-info-tabs .program-info__table tr:nth-child(odd) td:nth-child(2),
.program-info-tabs .program-info__table td:nth-child(2){
	background: transparent;
}

.sub-menu__title--i0{
	color: #ff0000 !important;
}
.sub-menu__title--i1{
	color: #ba1a1a !important;
}
.sub-menu__title--i2{
	/*color: #48b9db !important;*/
	color: #3588a0 !important;
}
.sub-menu__title--i3{
	/*color: #c9b665 !important;*/
	color: #a99955 !important;
}
.sub-menu__title--i4{
	/*color: #a9a9a9 !important;*/
	color: #0c009c !important;
}
.sub-menu__title--i5{
	/*color: #686868 !important;*/
	color: #078012 !important;
}
.sub-menu__title--i6{
	color: #b575e1 !important;
}
.sub-menu__title--i7{
	/*color: #4dd01f !important;*/
	color: #369216 !important;
}
.sub-menu__title--i8{
	/*color: #32d8d5 !important;*/
	color: #25b5b2 !important;
}
.sub-menu__title--i9{
	/*color: #bbee72 !important;*/
	color: #96bf5c !important;
}
.sub-menu__title--i10{
	/*color: #ffd037 !important;*/
	color: #cca62c !important;
}
.sub-menu__title--i11{
	/*color: #ec8fdf !important;*/
	color: #d07dc4 !important;
}
.sub-menu__title--i12{
	color: #876046 !important;
}
.sub-menu__title--i13{
	/*color: #ffa337 !important;*/
	color: #cc822c !important;
}
.sub-menu__title--i14{
	/*color: #cca087 !important;*/
	color: #947463 !important;
}
.sub-menu__title--i4:after {
	background-color: #0c009c;
}
.sub-menu__title--i5:after {
	background-color: #078012;
}

/* menu */
.block-active{
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	display: block !important;
}
.main-menu__item:first-child > a span{
	width: auto;
	border-bottom: 1px dashed #fff;
}
.main-menu__item-active, .menu__list .active span{
	border-bottom: 1px solid #fff !important;
}
.main-menu__item-active:hover, .menu__list .active span:hover{
	border-bottom: 1px solid transparent !important;
}
/*.heightAuto{
	height: 975px;
}*/
/*.main-menu__item:not(.main-menu__sub-wrap) > a:hover span{
	border-bottom: 1px dashed #fff;
}*/
/*
.main-menu__item:first-child:hover > a span{
	border-bottom: 1px dashed transparent;
}
*/
.main-menu__item:first-child .block-open_a:hover > span{
	border-bottom: 1px dashed transparent;
}
nav a{
	text-decoration: none;
}
/* Дистанционное обучение */
.first-before:before{
	border-left: 15px solid #f6f6f6!important;
}
/* Страница Новости */
.ni-item__img-size{
	width: 71px!important;
	height: 71px!important;
	position: relative!important;
	object-fit: cover;
}
/* Правая колонка */
.sidebar-news-new{
	margin-bottom: 5px;
	background-color: #000;
}
.sidebar-news-new img{
	width: 165px;
	height: 121px;
}
.image-show{
	border-bottom: 1px dashed #0565a9;
	text-decoration: none;
}
.image-show:hover{
	border-bottom: none;
	text-decoration: none;
}
/* Контент страницы */
.ul-settings ul, .ul-settings ol{
	list-style-position: inherit;
	padding-left: 15px;
}
.mfp-title{
	display: none;
}
.left-menu a{
	text-decoration: none;
}
.left-menu a:hover{
	text-decoration: underline;
}
	/* PLACEHOLDER */
.placeholder{
	color: #212121!important;
}
/* Меню */
.menu__sub-menu--col-2 ul{
	width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 260px;
}
.menu__sub-menu--col-2 li{
	width: 40%;
}
.menu__sub-menu{
	width: 300px;
}

/* Стоимость обучения */
.left-menu{
	position: relative;
}
/*.left-menu__list{
	z-index: -1;
}*/
.active-menu{
	position: fixed;
	top: 10%;
}
.scroll-show{
	display: none;
}

/* Нам доверяют */

.sc-col{
	width: 25%;
	text-align: center;
	height: 250px;
}
.sc-col a{
	/*width: 120px;*/
	width: 100%;
	margin: 0 auto;
	height: 150px;
	display: flex;
	align-items: center;
}
.sc-col a img,svg{
	margin: 0 auto;
}
.sc-img{
	text-align: center;
	padding: 0 10px;
}
/* Главная страница нам доверяют перебил стили, убрали ссылки */
.sc-row .index-clients-img{
	display: block;
	width: 20%;
	margin-bottom: 22px;
	text-align: center;
	object-fit: none;
	padding: 0 10px;
}
/* Главная страница, высота для слайдера */
.training-box{
	height: 342px;
}

/* Часто задаваемые вопросы */
.new-do-advantage{
	padding: 0;
}
.new-do-advantage .do-advantage__title{
	font-size: 18px!important;
}
.new-do-advantage .do-advantage-item{
	padding-left: 80px;
}

/* Учебно-методические издания */
.do-schedule__type{
	margin-bottom: 0;
}
.do-shedule-uml .tab__link{
	width: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.do-shedule-uml .do-schedule__type span:first-child:before{
	display: none;
}
.do-shedule-uml .tab__name{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 50%;
}
.do-shedule-uml .schedule__item-col-8{
	width: 12.5%;
}
.tab__link-bottom-line{
	width: 100%;
	height: 10px;
	background: #32d8d6;
	position: relative;
}
/*.do-schedule__type li.active .tab__link-bottom-line:before{
	content: '';
	width: 21px;
	height: 15px;
	background: #fff;
	position: absolute;
	left: 45.85%;
}
.tab__link-bottom-line:after{
	content: '';
	width: 21px;
	height: 15px;
	background: #32d8d6;
	position: absolute;
	right: 24px;
}*/

/*Если вы не нашли нужной информации*/
.ifnotfound{
	max-width: 491px;
	margin: 30px auto;
}
.ifnotfound span{
	color: red;
}

/* Подать заявку на обучение */
.point-title{
	margin-top: 30px;
	color: #212121;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.edu-point{
	width: 80%;
	margin: 0 auto;
}
.edu-point button{
	margin-top: 15px;
}
.edu-point-a{
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
.directions{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.directions-check{
	width: 33.3%;
}
.directions-check label{
	color: #fff;
    background-color: #3C9EFF;
    float: left;
    line-height: 44px;
    width: 260px;
    border: solid 2px #3C9EFF;
    margin: 2px;
    padding: 0 15px;
    cursor: pointer;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}
.modern-checkbox{
	display: none;
}
.modern-checkbox:checked + label {
    background-color: #32d8d6;
    border-color: #32d8d6;
    color: #fff;
}
.programm {
	margin-top: 30px;
    height: 200px;
    overflow-y: auto;
    border: solid 1px #F7C02C;
    padding: 15px;
}
.pull-left{
	width: 33.3%;
}
.tabs_container{
	max-width: 491px;
	margin: 0 auto;
}

/* фото и видео раздел */
.pl-0{
	padding-left: 10px!important;
}
.program-media__item img{
	height: 170px;
}

.program-media__item-title__a{
	display: block;
	position: relative;
}

.program-media__item-title__a .program-media__item-title{
	overflow: hidden;
	height: 45px;
	transition: none;
}
.program-media__item-title__a .program-media__item-title:hover{
	overflow: visible;
	height: auto;
	position: absolute;
	width: auto;
	padding-bottom: 20px;
	background: #fff;
	z-index: 5;
	transition: all .3s;
}
.program-media--popup{
	background: transparent;
}

/* Страница поиска */
.search-page--input{
	height: 40px;
	border: 1px solid #d7d7d7;
	width: 50%;
	padding: 0 15px;
}

@media only screen and (max-width: 991px) {
	.directions-check{
		width: 50%;
	}
	.sc-row .index-clients-img{
		object-fit: cover;
	}
}

@media only screen and (min-width: 768px) {
	/*.do-question__in-content{
		margin-left: 8px;
		margin-right: 8px;
	}*/
	.directions-check label {
		width: 230px;
	}
}

@media only screen and (max-width: 768px) {
	.schedule__item{
		width: 100% !important;
		border: none;
	}
	.pull-left{
		width: 100%;
	}
	.directions-check{
		width: 100%;
	}
	.sc-col{
		width: 33.3%;
	}
}

@media only screen and (max-width: 500px) {
	.schedule__item{
		border: none;
	}
	.sc-col{
		width: 50%;
	}
}

@media only screen and (max-width: 370px) {
	.sc-row .index-clients-img{
		width: 33.3%;
	}
}

.image-show--diplom {
	border-bottom: 0;
}

.close-edu-menu {
    position: absolute;
    right: -40px;
    top: 17px;
    font-size: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    transition: all .2s;
}
.close-edu-menu:hover {
	transform: rotate(90deg);
}

@media screen and (max-width: 1420px) {
	.close-edu-menu {
		right: 50px;
	}
}

.totablink {
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
	color: #bdbdbd;
}
.totablink:hover {
	color: #0565a9;
}


.cookie-wrapper {
    position: fixed;
    bottom: 20px;
    left: 20px;
    max-width: 520px;
    width: 100%;
    text-align: center;
    padding: 20px 30px 20px;
    background: #c0e5ff;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, .2);
    z-index: 999999;
}

.cookie-text {
    font-size: 16px;
}

.cookie-close {
    margin-top: 15px;
}

.cookie-cross {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 35px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
        
    .cookie-wrapper {
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
    }

    .cookie-text {
        font-size: 14px;
    }
}

.title-input {
	color: #000;
	font-weight: normal;
}

.form .input-text-error,
.form input[disabled="disabled"] {
	background-color: #ddd;
}

.text-comment {
	order: -1;
	padding: 10px;
	background-color: #ddd;
}

.thanks-title {
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
}

.error-text-warning {
	color: #5d656b;
}
/* End */


/* Start:/bitrix/templates/ipkoil/css/ik-style.css?17629447817033*/
.news-index--ik {
    padding-top: 0;
}

.news-index__title--ik {
    border-bottom: 2px solid #4595cf;
    padding-bottom: 24px;
}

.news-index__title--ik:before {
    content: none;
}

ul li,
ul li a {
    font-size: 14px;
}

.text-s2 ul li,
.text-s2 ul li a {
    font-size: 16px;
}

.schedule__col span br:first-child {
    display: none;
}

.btn-schedule-ik {
    display: block;
    width: 150px;
    height: 42px;
    margin: 0 auto !important;
}

.btn-schedule-ik:first-child {
    margin-bottom: 10px !important;
}

.schedule-filter {
    padding: 22px 30px 26px;
}

.schedule-filter__field:nth-child(3) {
    width: 45%;
}

.select--s2 .select__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-filter__field:nth-child(2) {
    padding-top: 0;
    text-align: right;
}

.schedule-filter__field:nth-child(2) span {
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
}

.schedule-filter__field:nth-child(5) {
    padding-top: 0;
}

.do-info .program-info__list li:before {
    background: #212121;
    top: 10px;
}

.links-list a {
    margin-bottom: 15px;
    display: block;
}

.links-list a:last-child {
    margin-top: 25px;
}

button.load-link {
    background: transparent;
    border: 0;
    padding: 0 0px 0 26px;
}

.program-media__item-title {
    height: 60px;
}

.mt-40 {
    margin-top: 40px;
}

.serts-aside__item {
    text-align: center;
}

.serts-aside__title {
    font-size: 13px;
    display: block;
}

.ik-aside-block--images {
    margin-top: 50px;
}

.form--korp {
    position: relative;
    min-height: 500px;
}

.form-body {
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.form-body > label {
    color: #363636;
    font-weight: normal;
    font-size: 15px;
}

.desc-input {
    font-size: 16px;
    font-weight: 500;
}

.input-input {

}

.input-input input {

}

/* The container-radio */
.container-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 4px;
    left: 8px;
    width: 14px;
    height: 14px;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
    border-color: #0565a9;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #0565a9;
}

.radios {

}

label.container-radio,
.container-radio span {
    color: #363636;
    font-weight: normal;
}

.container-radio span {
    font-size: 14px;
    font-style: italic;
}

.inline-input {

}

.form .inline-input input[type="text"] {
    width: 45px;
    height: 20px;
    border: 0;
    padding: 0;
    font-size: 15px;
    margin: 0 5px;
}

.form .inline-input input[type="date"] {
    width: 145px;
    height: 20px;
    padding: 0;
    font-size: 15px;
    margin: 0 5px;
}

.form input[type="text"].input-city {
    width: auto;
    display: none;
}

.desc-input .req {
    color: red;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.form--korp .md-result,
.form--korp .md-result__content {
    background: #fff;
}

.do-advantage-item--korp {
    cursor: default;
}

.do-advantage-item--korp:before {
    top: calc(50% - 42px);
}

.section-page h2.custom-h2 {
    font-size: 26px;
    margin: 60px 0 30px;
    border: 0;
}

.section-do__content--korp {
    padding-top: 30px;
}

.section-do__content--korp h2 {
    border: 0;
}

.section-do__content--form {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.section-do__content--korp .list li {
    font-size: 14px;
}

.do-schedule__year {
    position: relative;
}

.link-ifnotfound {
    position: absolute;
    right: 0;
    top: 17%;
}


@media screen and (max-width: 1199px) {
    .table-container {
        overflow-x: scroll;
    }
}

@media screen and (max-width: 768px) {
    
    .link-ifnotfound {
        position: static;
        display: block;
        margin-bottom: 20px;
    }
}

.do-schedule__tabs .schedule--custom .schedule__section {
    margin-top: 20px;
}

.do-schedule__tabs .schedule__section:nth-of-type(1) {
    margin-top: 0;
}


.date-str {
    margin-bottom: 5px;
}


.do-schedule__year--download {
    top: 17%;
    position: absolute;
    left: 0;
}

.do-schedule__year--download a {
    margin-right: 10px;
}

.select--s1 .select__title--download {
    padding: 0px 24px;
}

.select--s1 .select__title--download:before {
    right: 6px;
    line-height: 28px;
}

.do-schedule__year--download .select ul li {
    padding: 0;
}

.do-schedule__year--download .select ul li a {
    padding: 7px 16px;
    display: inline-block;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .do-schedule__year--download {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 10px 0;
    }
}

/* Menu fix */
.sub-menu__title--custom {
    display: inline;
}

.sub-menu__title--custom:hover {
    text-decoration: underline;
}

.sub-menu__block-wrap {
    position: relative;
}

.sub-menu__title-top--custom {
    position: absolute;
}

.sub-menu__title-bottom--custom {
    position: absolute;
    top: 47px;
    right: 81px;
}

/* for page /uml */

.do-shedule-uml .do-schedule__type li {
    padding: 0;
}

.do-shedule-uml .tab__link a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    min-height: 0;
    padding: 5px 15px;
}

.do-shedule-uml h1 {
    font-family: inherit;
    position: relative;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 11px;
    margin-bottom: 11px;
    border-bottom: none;
    text-transform: uppercase;
    padding: 4px 0 15px;
}

.do-shedule-uml h1:before {
    content: none;
}
/* End */


/* Start:/bitrix/templates/ipkoil/css/custom.css?178358921494798*/
@media (max-width: 500px) {
    .g-recaptcha, .gcpatcha {
        transform: scale(0.77);
        transform-origin: 0 0;
    }
}

.no-margin {
    margin: 0;
}

/* HEADER */
.head-lang--desktop {
    justify-content: flex-end;
}

.iqnet-link {
    margin-left: 10px;
    width: 70px;
}

.main-menu__order {
    display: flex;
    align-items: center;
}

.main-menu__order .btn {
    padding: 7px 30px;
    /*line-height: 69px;*/
    border-radius: 0;
}

.main-menu__item > a {
    padding: 22px 10px 20px !important;
}

@media (max-width: 1200px) {
    .main-menu__item > a {
        padding: 28px 3px 26px !important;
    }
}

.main-menu__list {
    /*padding-right: 10px !important;*/
    padding-right: 0 !important;
    justify-content: flex-start !important;
    /*column-gap: 20px !important;*/
    column-gap: 5px !important;
    width: auto !important;
}

.main-menu__order {
    margin-left: 30px;
}

.head-links {
    justify-content: flex-end;
}

.head-links .head-links__lk,
.head-links .head-links__lk:hover {
    color: #4d91c0;
}

/* NEW HEADER-SECTION */

/* TODO: Временные стили, возможно переделать */
.program-header-top__image-wrap {
    /* width: 100vw; */
    background-color: #f7f7f7;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
}

.section-page--direction {
    position: relative;
}

.title-block {
    /*position: absolute;*/
    /*top: 5%;*/
    z-index: 1;
    margin-bottom: 15px;
}

.title-block.title-block--noimage {
    position: static;
}

.title-block--noimage .title-block__subtitle {
    display: none;
}

.title-block__subtitle {
    font-size: 18px;
    font-weight: 700;
    color: #1d85cf;
    text-transform: uppercase;
}

@media (max-width: 1500px) {
    .title-block {
        top: 4.1%;
    }
}

@media (max-width: 1200px) {
    .title-block {
        top: 4%;
    }
}

@media (max-width: 1045px) {
    .title-block {
        top: 3%;
    }
}

.section-page--direction h1 {
    font-size: 45px;
    /*color: #fff;*/
    border-bottom: none;
    margin: 0;
    padding: 0;
    min-height: 0;
    margin-bottom: 5px;
}
.section-page--s2 h1 {
    font-size: 28px;
    /*color: #fff;*/
    border-bottom: none;
    margin: 0;
    padding: 0;
    min-height: 0;
    margin-bottom: 5px;
}

.detail{
    margin-bottom: 50px !important;
}
.section-page--direction .title-block--noimage h1 {
    color: #000;
}

@media (max-width: 768px) {
    .section-page--direction h1 {
        font-size: 28px;
    }
    .section-page--s2 h1 {
        font-size: 28px;
    }

    .title-block__subtitle {
        font-size: 18px;
    }

    .title-block {
        top: 2.7%;
    }

    /*.program-header-top__image-wrap .program-header-top__image {
        width: auto;
        max-width: none;
        max-height: none;
    }*/
}

.type-program {
    margin-bottom: 40px;
}

.type-program__inner {
    padding: 0px 4px 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    box-shadow: 0 11px 73px rgba(0, 0, 0, .15);
    position: relative;
}

/* ENDTODO */

.program-header-top__intro {
    margin-bottom: 40px;
}

.program-header-top__image {
    width: 100%;
}

.program-header-top__image-wrap {
    margin-bottom: 40px;
}

.program-order__form--header {
    border: 10px solid #0565a9;
    padding: 30px;
}

.program-header-top__wrap {
    display: flex;
    justify-content: space-between;
    column-gap: 30px; 
    margin-bottom: 35px;
}

/* .program-header-top__left-block:first-child {
    margin-bottom: 35px;
} */

.program-header-top__left {
    width: 75%;
}

.program-header-top__right {
    width: 25%;
}
/* Общие стили для кнопки */
.content-catalog-button {
    background-color: #ffae00;
    color: #363636;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    line-height: 20px;
    transition: all .3s;
    width: 100%; /* Кнопка занимает всю ширину родителя */
    box-sizing: border-box; /* Учитываем padding в ширине */
    text-align: center;
    
    /* Убираем nowrap, разрешаем перенос текста */
    white-space: normal;
    word-wrap: break-word;
    
    /* Минимальная высота вместо ширины */
    min-height: 40px; /* padding-top + padding-bottom + line-height */
}

/* Стили при наведении */
.content-catalog-button:hover {
    background-color: #ffc107;
}

.program-header-top__title {
    position: relative;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #4595cf;
    padding-bottom: 16px;
    margin-bottom: 32px;
    letter-spacing: -0.2px;
}

.program-header-top__text p {
    margin-bottom: 12px;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
}

.program-header-top__text--toggle {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.program-header-top__text--toggle.hide {
    height: 170px;
    display: block !important;
}

@media (max-width: 768px) {
    .program-header-top__text--toggle.hide {
        height: 115px;
    }
}

.program-header-top__text--toggle.hide:after {
    content: "";
    display: block;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

/*.program-header-top__texttoggle {
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 12px;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
}*/

.program-header-top__texttoggle {
    display: inline-block;
    position: relative;
    color: #0565a9 !important;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none !important;
    background: none;
    border: none;
    /*margin-bottom: 15px;*/
}

.program-header-top__texttoggle:before {
    content: '\f107';
    margin-right: 10px;
    color: #0565a9;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 18px;
    position: relative;
    top: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.program-header-top__texttoggle.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.program-header__advantages {
    margin-bottom: 50px;
}

/*.advantage__list--program {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 70px;
    max-height: 600px;
    padding: 0;
}

.do-advantage-item--program {
    width: calc(50% - 70px);
}*/

.do-advantage-item--program {
    cursor: auto;
}

.program-header__segments {
    margin-bottom: 50px;
}

.program-header__segments-items {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    column-gap: 5px;
    row-gap: 5px;
}

.program-header__segments-item {
    position: relative;
    /*width: 100%;*/
    width: 33%;
    padding: 30px;
    font-family: "Roboto Condensed";
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    border: 1px solid #f5f5f5;
}

.program-header__segments-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 9px;
    background-color: #49b9db;
}

.program-header__segments-item--bg0:before {
    background-color: #49b9db;
}

.program-header__segments-item--bg1:before {
    background-color: #ffa337;
}

.program-header__segments-item--bg2:before {
    background-color: #4696cf;
}

.program-header__segments-item--bg3:before {
    background-color: #ffae00;
}

.program-header__segments-item--bg4:before {
    background-color: #ec8fe0;
}

.program-header__segments-item:hover {
    box-shadow: 0 2px 25px 4px rgba(0, 0, 0, 0.1);
}

.program-header__segments-link {
    display: inline-block;
    line-height: 18px;
    color: #212121;
    font-family: 'Roboto Condensed';
    font-size: 15px;
}

.program-header__segments-link:hover {
    color: inherit;
}

.program-header__finaldoc .program-header__finaldoc-text {
    margin-bottom: 30px;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
}
.program-header__finaldoc--reverse .program-header__finaldoc-content {
    flex-direction: row-reverse;
}

.program-header__finaldoc {
    margin-bottom: 50px;
}

/*.do-advantage__title--program.do-advantage__title--program {
    font-size: 20px;
}*/

.title-s1--section h2 {
    padding-bottom: 0;
    font-weight: bold;
    font-family: inherit;
    border-bottom: none;
    letter-spacing: inherit;
}

.text-s2 ul,
.text-s2 ol {
    color: #212121;
}

.program-header-top__anchors {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    list-style: none;
    margin-bottom: 30px
}

.program-header-top__anchor {
    font-size: 14px;
    padding-left: 25px;
    color: #4d91c0;
    text-decoration: none;
    position: relative;
    transition: all .25s;
}

.program-header-top__anchor:hover {
    color: #0565a9;
}

.program-header-top__anchor:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: -3px;
    display: block;
    opacity: 1;
    color: #4d91c0;
    font-family: "FontAwesome";
    font-size: 18px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.program-header-top__anchor span {
    border-bottom: 1px dashed #4d91c0;
}

.section-ask-question--dark {
    background-color: #003775;
}
.section-ask-question--dark p{
    line-height: 20px;
}

.schedule-price {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.schedule-price__value {
    font-weight: 600;
}

@media (max-width: 992px) {
    .program-header__segments-items {
        flex-direction: column;
        row-gap: 5px;
    }

    .program-header__segments-item {
        width: 100%;
    }

    .program-header-top__wrap {
        flex-direction: column;
        row-gap: 30px;
    }

    .program-header-top__left,
    .program-header-top__right {
        width: 100%;
    }

    /*.advantage__list--program {
        flex-wrap: nowrap;
        max-height: none;
    }

    .do-advantage-item--program {
        width: auto;
    }*/
}

/* Модальное окно - страница направления */
.md-modal.md-modal--order {
    max-width: 1024px;
}

.md-modal--order .md-form-wrap {
    max-width: 700px;
}

.md-inner-wrap {
    display: flex;
    column-gap: 15px;
    margin-bottom: 20px;
}

.md-inner-wrap__col {
    width: 50%;
}

@media (max-width: 1600px) {
    .form-required-p {
        margin-bottom: 15px;
    }

    .md-close {
        top: 65px;
    }

    .md-title {
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .md-close {
        top: 24px;
    }

    .md-modal--order {
        max-height: 100vh;
        overflow-y: scroll !important;
    }

    .md-modal--order .md-form {
        padding: 0 15px 15px 15px;
    }

    .md-modal--order .md-title {
        padding: 45px 0px 10px;
    }

    .md-modal--order .md-form textarea {
        height: 60px;
    }

    .md-inner-wrap {
        flex-direction: column;
        align-items: center;
        column-gap: 0;
        row-gap: 19px;
    }

    .md-inner-wrap__col {
        width: 100%;
    }
}

/* GRAFIC */
.schedule-year {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.schedule-year .do-schedule__year--download,
.schedule-year .link-ifnotfound {
    position: static;
}

.schedule-year h1 {
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #212121;
    letter-spacing: -0.4px;
}

.schedule-year__wrap {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

@media (max-width: 576px) {
    .schedule-year {
        flex-direction: column;
        row-gap: 10px;
    }
}

/* DETAIL PROGRAM */
.program-consult {
    margin-bottom: 30px;
}

.program-consult__form {
    position: relative;
}

.program-consult__image {
    border-radius: 50%;
    overflow: hidden;
    width: 200px;
    height: 200px;
    margin-bottom: 15px;
}

.program-consult__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.program-consult__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.program-consult {
    background-color: #fff;
    padding: 15px;
}

.program-form__text {
    margin: 30px 0;
}

.program-form__textlink-wrap {
    margin-bottom: 15px;
    text-align: center;
}

.program-form__textlink {
    font-size: 16px;
    color: #4d91c0;
    border-bottom: 1px solid;
    text-decoration: none !important;
}

.program-form__textlink:active,
.program-form__textlink:visited {
    text-decoration: none;
}

.program-form__textlink:hover {
    color: #4d91c0;
    border-color: transparent;
    text-decoration: none;
}

@media (max-width: 1366px) {
    .program-consult__image {
        width: 150px;
        height: 150px;
    }
}

/* REVIEWS */
.reviews {
    margin: 40px 0;
}

.reviews__inner {
    margin-bottom: 15px;
}

.reviews .reviews__title {
    position: relative;
    padding-bottom: 12px;
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    line-height: 1.4;
    font-weight: bold;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 38px;
    border-bottom: none;
}

.reviews .reviews__title::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    width: 186px;
    height: 2px;
    background-color: #4595cf;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.reviews .swiper {
    width: 75%;           /* по умолчанию для больших экранов */
    height: 100%;
    padding-bottom: 40px;
}

/* Для всех экранов уже десктопной ширины */
@media (max-width: 991.98px) {
    .reviews .swiper {
        width: 100%;
    }
}
.reviews__item {
    position: relative;
    padding: 20px;
    background-color: #fff;
    /*margin-bottom: 20px;*/
    margin: 25px;
    -webkit-box-shadow: 0 11px 25px rgba(0, 0, 0, .15);
    box-shadow: 0 11px 25px rgba(0, 0, 0, .15);
}

.reviews__author {
    margin: 0 0 15px 0;
}

.reviews__rating-mini {
    display: inline-block;
    font-size: 0;
    margin-bottom: 15px;
}

.reviews__rating-mini span {
    padding: 0;
    font-size: 20px;
    line-height: 1;
    color: lightgrey;
}

.reviews__rating-mini > span:before {
    content: '★';
}

.reviews__rating-mini > span.active {
    color: gold;
}

.reviews-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
    border-radius: unset;
}

.reviews-pagination .swiper-pagination-bullet-active {
    color: #fff;
    background: #0565a9;
}

.reviews-question {
    text-align: center;
}

.reviews-question__link {
    border-bottom: 1px dashed #4d91c0;
    text-decoration: none !important;
}

.reviews .swiper-button-next,
.reviews .swiper-button-prev {
    color: #0565a9;
}

@media (max-width: 768px) {
    .reviews__item {
        margin: 20px;
    }
}

/* FORM */
.program-form__line {
    display: flex;
    column-gap: 25px;
    margin-bottom: 20px;
    max-width: 220px;
}

label.program-form__label {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    display: flex;
    column-gap: 5px;
    align-items: center;
    margin: 0;
    width: calc(50% - 25px);
}

.program-form__label input[type="radio"] {
    margin: 0;
}

.form-required {
    color: red;
}

/* RATING REVIEW */
.program-rating {
    display: flex;
    align-items: center;
}

.program-head__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.program-rating__star {
    color: #ffae00;
    text-shadow: 1px 1px #c60;
    width: 25px;
    padding: 0;
    font-size: 25px;
}

.program-rating__star::before {
    content: '★';
}

.program-type {
    margin-bottom: 0;
}

.program-rating__value {
    font-weight: bold;
    margin-right: 15px;
}

.rating-area {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin-bottom: 20px;
}

.rating-area__stars {
    overflow: hidden;
    /*width: 265px;*/
    /*margin: 0 auto;*/
}

.rating-area__stars label {
    margin: 0;
}

.rating-area__stars:not(:checked) > input {
    display: none;
}

.rating-area__stars:not(:checked) > label {
    float: right;
    width: 38px;
    padding: 0;
    cursor: pointer;
    font-size: 30px;
    line-height: 30px;
    color: lightgrey;
    text-shadow: 1px 1px #bbb;
}

.rating-area__stars:not(:checked) > label:before {
    content: '★';
}

.rating-area__stars > input:checked ~ label {
    color: #ffae00;
    text-shadow: 1px 1px #c60;
}

.rating-area__stars:not(:checked) > label:hover,
.rating-area__stars:not(:checked) > label:hover ~ label {
    color: #ffae00;
}

.rating-area__stars > input:checked + label:hover,
.rating-area__stars > input:checked + label:hover ~ label,
.rating-area__stars > input:checked ~ label:hover,
.rating-area__stars > input:checked ~ label:hover ~ label,
.rating-area__stars > label:hover ~ input:checked ~ label {
    color: #ffae00;
    text-shadow: 1px 1px goldenrod;
}

.rate-area > label:active {
    position: relative;
}

.blocCity button {
    border: none;
    background: none;
    color: #212121;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 16px;
    cursor: pointer;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.modal .modal_content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px 5%;
    border: 1px solid #888;
    width: 60%;
    z-index: 99999;
    text-align: left;
}

.modal_content h2 {
    margin-bottom: 30px
}

.modal_content h3 a {
    text-decoration: none
}

.blocCity button:hover {
    text-decoration: underline;
    color: #0565A9;
}

.ulBlock {
    display: flex
}

.strUl {
    width: 25%;
    list-style: none;
}

.strUl li {
    margin-bottom: 15px
}

.strUl li a {
    font-size: 120%;
    color: #212121;
    text-decoration: none
}

.strUl li a:hover {
    color: #0565A9;
}

.modal .modal_content .close_modal_window {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.blocCity {
    text-align: right;
}

.head-links {
    justify-content: end;
}

.form-error {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: red;
    margin-bottom: 15px;
}

/* Издание детальная страница */

.book-detail .schedule__item .schedule__col {
    padding-left: 0;
}
/* Основной слайдер с изображениями */
.main-slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0;
    /* height: 100%; Фиксируем высоту */
}

/* Убираем position: absolute у основного слайдера */
.ms-img-list {
    position: relative;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .ms-item__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-width: 1332px;
    }
}

/* Контейнер для контента с кнопками */
.ms-desc-container {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 10;
}

/* Контент с кнопками - убираем absolute */
.ms-desc-list {
    position: relative !important;
    margin: 0 auto !important;
    background-color: #fff;
    padding: 10px 20px 10px 40px;
    left: auto !important;
    transform: none !important;
    bottom: auto !important;
}

/* Центрируем контент внутри */
.ms-item__content {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    align-content: space-between;
    gap: 15px;
}

.btn--circle {
    margin: 0 auto;
}
.ms-item__img {
    height: 400px; /* Фиксированная высота для изображения */
    overflow: hidden;
}

.ms-item__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center top; /* Можно настроить обрезку */
}
.section-1 .container{
    padding-bottom: 20px;
}
.ms-item{
    padding-bottom: unset;
}
/* Планшеты */
/* Убираем padding для мобильных */
@media (max-width: 767px) {
    .section-1 .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    
    .section-1 .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .main-slider-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Переопределяем высоту для мобильных */
    .ms-item__img {
        height: 250px; /* Настрой под нужную высоту */
    }
    
    .ms-item__img img {
        height: 100%;
        object-fit: cover;
        object-position: left center;
    }
    
    .ms-item__content .btn {
        padding: 0px 26px;
    }
}

/* Маленькие мобильные */
@media (max-width: 480px) {
    .ms-item__img {
        height: 250px;
    }
}

/* Очень маленькие мобильные */
@media (max-width: 360px) {
    .ms-item__img {
        height: 180px;
    }
}
.programs-section-count {
    font-size: 14px;
    text-align: left;
}
.programs-section-title a {
    display: inline-block;
    line-height: 18px;
    color: #212121;
    /* font-size: 12px; */
    font-size: 16px;
    text-decoration: none;
    text-align: left;
}

.programs-sections {
    margin: 30px 0;
}

.programs-section-item {
    margin-bottom: 30px;
    padding: 0 15px;
}

.programs-section-card {
    padding: 0;
    text-align: center;
    height: 100%;
    overflow: hidden;
}

.programs-section-image {
    margin-bottom: 0;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.programs-section-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.programs-section-info {
    padding: 20px 15px;
    text-align: left;
}

.programs-section-title a {
    color: #333;
    text-decoration: none;
}



.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

@media (max-width: 768px) {
    .programs-block {
        margin: 30px 0;
    }
    
    .programs-section-item {
        margin-bottom: 20px;
        padding: 0 10px;
    }
    
    .programs-section-image {
        height: 200px;
    }
    
    .programs-section-info {
        padding: 15px 10px;
    }
}

@media (max-width: 576px) {
    .programs-section-item {
        padding: 0 5px;
    }
    
    .programs-section-image {
        height: 200px;
    }
}
.education-course-info{
    text-align: left;
}
.education-course-title a {
    display: inline-block;
    line-height: 18px;
    color: #212121;
    font-size: 16px;
    text-decoration: none;
    text-align: left;
}

.education-header {
    text-align: center;
    margin-bottom: 30px;
}

.education-description {
    max-width: 1200px;
    margin: 0 auto 40px auto;
}

.description-row {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.description-column {
    flex: 1;
}

.education-course-item {
    margin-bottom: 30px;
    padding: 0 15px;
}

.education-course-card {
    padding: 0;
    text-align: center;
    height: 100%;
    overflow: hidden;
}

.education-course-image {
    margin-bottom: 0;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.education-course-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.education-course-info {
    padding: 20px 15px;
}

.education-course-title a {
    color: #333;
    text-decoration: none;
}


.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.education-pager {
    margin-top: 30px;
    text-align: center;
}

@media (max-width: 768px) {
    .education-block {
        margin: 30px 0;
    }
    
    .education-description {
        margin-bottom: 30px;
    }
    
    .description-row {
        flex-direction: column;
        gap: 20px;
    }
    
    .education-course-item {
        margin-bottom: 20px;
        padding: 0 10px;
    }
    
    .education-course-image {
        height: 200px;
    }
    
    .education-course-info {
        padding: 15px 10px;
    }
}

@media (max-width: 576px) {
    .education-course-item {
        padding: 0 5px;
    }
    
    .education-course-image {
        height: 200px;
    }
}
/* Общие стили для обоих блоков */
.news-four-col .row,
.programs-sections .row,
.education-courses .row {
    justify-content: center;
}

.programs-section-item,
.education-course-item {
    display: flex;
    justify-content: center;
}

.programs-section-card,
.education-course-card {
    width: 350px; /* ФИКСИРОВАННАЯ ширина вместо max-width */
    position: relative; /* для позиционирования ссылки */
    cursor: pointer; /* курсор указатель */
}

/* Базовые отступы для десктопа */
.programs-section-info,
.education-course-info {
    padding: 20px 15px; /* десктопные отступы */
}

/* Ссылка на всю карточку */
.programs-section-card-link,
.education-course-card > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-decoration: none;
}

/* Контент поверх ссылки */
.programs-section-info,
.education-course-info {
    position: relative;
    z-index: 2;
}

/* Контейнер для картинки с overflow hidden */
.programs-section-image,
.education-course-image {
    margin-bottom: 0;
    width: 100%;
    height: 200px; /* базовая высота для 350px ширины */
    overflow: hidden; /* важно - скрывает увеличенную часть картинки */
}

.programs-section-image img,
.education-course-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease; /* плавный зум */
}

/* Зум только картинки при наведении (контейнер не меняется) */
.programs-section-card:hover .programs-section-image img,
.education-course-card:hover .education-course-image img {
    transform: scale(1.1); /* увеличиваем только картинку */
}

/* Подчеркивание при наведении непосредственно на ссылку в заголовке */
.programs-section-title a:hover,
.education-course-title a:hover,
.programs-section-title-link:hover,
.education-course-title-link:hover {
    text-decoration: underline !important;
}

/* ========== БАЗОВЫЕ СТИЛИ (мобильные-first) ========== */

/* Очень маленькие телефоны (< 320px) */
@media (max-width: 319px) {
    .programs-section-card,
    .education-course-card {
        width: 240px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 137px;
    }
}

/* 320px - 349px */
@media (min-width: 320px) and (max-width: 349px) {
    .programs-section-card,
    .education-course-card {
        width: 260px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 149px;
    }
}

/* 350px - 359px */
@media (min-width: 350px) and (max-width: 359px) {
    .programs-section-card,
    .education-course-card {
        width: 290px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 166px;
    }
}

/* 360px - 374px */
@media (min-width: 360px) and (max-width: 374px) {
    .programs-section-card,
    .education-course-card {
        width: 300px; /* 360 ширина карточки 300 */
    }
    
    .programs-section-image,
    .education-course-image {
        height: 171px; /* 300 / 1.75 = 171 */
    }
}

/* 375px - 389px */
@media (min-width: 375px) and (max-width: 389px) {
    .programs-section-card,
    .education-course-card {
        width: 315px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 180px;
    }
}

/* 390px - 411px */
@media (min-width: 390px) and (max-width: 411px) {
    .programs-section-card,
    .education-course-card {
        width: 330px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 189px;
    }
}

/* 412px - 429px */
@media (min-width: 412px) and (max-width: 429px) {
    .programs-section-card,
    .education-course-card {
        width: 352px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 201px;
    }
}

/* 430px - 449px */
@media (min-width: 430px) and (max-width: 449px) {
    .programs-section-card,
    .education-course-card {
        width: 370px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 211px;
    }
}

/* 414px - 424px (старый диапазон, можно удалить или оставить как резервный) */
@media (min-width: 414px) and (max-width: 424px) {
    .programs-section-card,
    .education-course-card {
        width: 354px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 202px;
    }
}

/* 425px - 429px (для совместимости) */
@media (min-width: 425px) and (max-width: 429px) {
    .programs-section-card,
    .education-course-card {
        width: 365px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 209px;
    }
}

/* 450px - 575px */
@media (min-width: 450px) and (max-width: 575px) {
    .programs-section-card,
    .education-course-card {
        width: 380px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 217px;
    }
}

/* 576px - 767px */
@media (min-width: 576px) and (max-width: 767px) {
    .programs-section-card,
    .education-course-card {
        width: 280px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 160px;
    }
}

/* 768px - 991px */
@media (min-width: 768px) and (max-width: 991px) {
    .programs-section-card,
    .education-course-card {
        width: 300px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 171px;
    }
}

/* 992px - 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
    .programs-section-card,
    .education-course-card {
        width: 320px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 183px;
    }
}

/* 1200px и выше */
@media (min-width: 1200px) {
    .programs-section-card,
    .education-course-card {
        width: 350px;
    }
    
    .programs-section-image,
    .education-course-image {
        height: 200px;
    }
}
/* ===== ОСНОВНЫЕ СТИЛИ ДЛЯ КОМПОНЕНТОВ ДОКУМЕНТОВ ===== */

/* Контейнер секции */
.documents-section {
    padding: 28px 0;
    background: white;
}

/* Основной блок документа */
/* .program-header__finaldoc {
    margin-bottom: 0;
} */

.program-header__finaldoc:not(:last-child) {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.program-header__finaldoc-content {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    justify-content: flex-end;
}

/* Равное распределение по 50% */
.program-header__finaldoc-textblock {
    flex: 0 0 calc(50% - 30px);
}

.program-header__finaldoc-imageblock {
    flex: 0 0 calc(50% - 30px);
    max-width: none;
}

/* Заголовки */
.program-header__finaldoc .title-documents {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
    line-height: 1.3;
}
.program-header__finaldoc-preview .title-documents {
    font-size: 16px;
    line-height: 1.5;
}
/* Текст предпросмотра */
.program-header__finaldoc-preview {
    margin: 25px 0;
}

.program-header__finaldoc-text {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    font-weight: normal;
}

/* Детальное описание со списком */
.program-header__finaldoc-detail {
    margin-top: 25px;
}

.program-header__finaldoc-detail ul {
    list-style: disc;
    margin-left: 25px;
    padding-left: 0;
}

.program-header__finaldoc-detail li {
    margin-bottom: 12px;
    line-height: 1.6;
    color: #000;
    font-size: 15px;
}

/* Стилизация маркеров списка */
.program-header__finaldoc-detail ::marker {
    color: #000;
    font-size: 1.2em;
}

/* Блок с изображением */
/* .program-header__finaldoc_image {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.program-header__finaldoc_image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
} */

/* Кнопка */
.program-header__finaldoc-button {
    margin-top: 35px;
}

.program-header__finaldoc-button .btn {
    display: inline-block;
    background: #ffae00;
    color: black;
    padding: 5px 25px;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    min-width: 270px;
    letter-spacing: 0.5px;

}
.btn:hover {
    color: #000000;
    letter-spacing: 0.5px;
}
/* ===== АДАПТИВНОСТЬ ===== */

/* Планшеты (968px и меньше) */
@media (max-width: 968px) {
    .program-header__finaldoc-content {
        gap: 40px;
    }
    
    .program-header__finaldoc-textblock,
    .program-header__finaldoc-imageblock {
        flex: 0 0 calc(50% - 20px);
    }
    
    .documents-section {
        padding: 50px 0;
    }
    
    .program-header__finaldoc:not(:last-child) {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
}

/* Мобильные устройства (768px и меньше) */
@media (max-width: 768px) {
    .program-header__finaldoc-content {
        flex-direction: column;
        gap: 30px;
    }
    
    .program-header__finaldoc-textblock,
    .program-header__finaldoc-imageblock {
        flex: none;
        width: 100%;
    }
    
    .program-header__finaldoc-imageblock {
        order: -1;
    }
    
    .program-header__finaldoc-button {
        text-align: center;
    }
    
    .program-header__finaldoc-button .btn {
        width: 100%;
        max-width: 280px;
    }
    
    .documents-section {
        padding: 40px 0;
    }
    
    .program-header__finaldoc:not(:last-child) {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
}

/* Маленькие мобильные устройства (480px и меньше) */
@media (max-width: 480px) {
    .program-header__finaldoc-content {
        gap: 25px;
    }
    
    .program-header__finaldoc-text {
        font-size: 15px;
    }
    
    .program-header__finaldoc-detail li {
        font-size: 14px;
    }
    
    .program-header__finaldoc-button .btn {
        padding: 12px 25px;
        font-size: 15px;
    }
    
    .program-header__finaldoc-detail ul {
        margin-left: 20px;
    }
    
    .documents-section {
        padding: 30px 0;
    }
    
    .program-header__finaldoc:not(:last-child) {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}
/* Основной контейнер секции */
.section-ask-question--dark {
    color: white;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

/* Синий фон только для левой части */
.section-ask-question--dark::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background: #003775;
    z-index: 0;
}

/* Контейнер формы с z-index чтобы был над фоном */
.section-ask-question--dark .container {
    position: relative;
    z-index: 1;
}

/* Переопределяем псевдоэлемент для этого блока */
.section-ask-question--new .title-s1:before {
    content: none !important;
}


.section-ask-question--dark p {
    margin-bottom: 4px;
    color: #fff;
    font-size: 18px;
}

/* Стили формы */
.consultation-form {
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0 0 0;
    border-radius: 8px;
    background: transparent;
}

/* Стили для input-field с плавающими плейсхолдерами */
.input-field {
    position: relative;
    display: block;
    margin-bottom: 0;
}

.consultation-form .form-control {
    width: 100%;
    padding: 12px 23px;
    border: none !important;
    background: white !important;
    color: #333 !important;
    font-size: 16px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
    outline: none;
    box-shadow: none;
}

/* При фокусе меняем фон на #fff7dc */
.consultation-form .form-control:focus {
    background: #fff7dc !important;
    outline: none;
    border: none !important;
    box-shadow: none !important;
}

/* Плавающие плейсхолдеры */
.placeholder1 {
    z-index: 100;
    left: 10px;
    cursor: text;
    position: absolute;
    top: calc(50% - 8px);
    display: none;
    color: #212121 !important;
    font: 13px "Roboto", sans-serif;
    pointer-events: none;
    transition: all 0.2s ease;
}

.placeholder1--textarea {
    top: 10px;
}

.placeholder1 span {
    color: red;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.input-field input:invalid + .placeholder1 {
    display: inline;
}

.input-field input:focus + .placeholder1,
.input-field input:not(:placeholder-shown) + .placeholder1 {
    display: none;
}

.input-field input:focus::placeholder {
    color: transparent;
}

/* Чекбокс */
.form-check {
    margin-top: 20px;
    padding-left: 0;
    display: flex;
    align-items: baseline;
}

.form-check-input {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 3px;
    margin-right: 10px;
    background-color: white;
    border: 1px solid #ddd;
}

.form-check-input:checked {
    background-color: #ffae00;
    border-color: #ffae00;
}

.form-check-label {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
}

.form-check-label a {
    text-decoration: underline;
    color: white !important;
}

.form-check-label a:hover {
    color: white !important;
}

/* Кнопка - единый стиль как в .program-header__finaldoc-button .btn */
.section-ask-question--new .btn {
    display: inline-block;
    letter-spacing: 0.5px;
    background: #ffae00;
    color: black;
    padding: 5px 25px;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    min-width: 270px;
    border: none;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
}

.section-ask-question--new .btn:hover {
    color: black;
    transform: none;
    box-shadow: none;
}

/* Блок результата на всю секцию */
.md-result-full {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #003775;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.md-result-full__inner {
    max-width: 800px;
    padding: 60px;
    width: 100%;
}

/* Блок с прелоадером */
.md-result__check {
    margin-bottom: 40px;
    display: block;
}

.md-result__check.hidden {
    display: none !important;
}

.md-preloader {
    display: inline-block;
}

.md-preloader svg {
    display: block;
    margin: 0 auto;
}

.md-preloader circle {
    stroke: #ffae00;
    stroke-linecap: round;
    fill: none;
    animation: md-preloader 1s linear infinite;
}

@keyframes md-preloader {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

/* Блок с сообщением об успехе */
.md-result__content {
    display: none;
    animation: fadeIn 0.5s ease;
    position: static;
    width: auto;
    height: auto;
    background: transparent;
    top: auto;
    left: auto;
    z-index: auto;
}

.success-icon {
    margin-bottom: 30px;
    animation: scaleIn 0.5s ease 0.3s both;
}

.success-icon svg {
    width: 100px;
    height: 100px;
    stroke: #ffae00;
    stroke-width: 3;
}

.success-title {
    color: white;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: "Roboto", sans-serif;
}

.success-text {
    color: white;
    font-size: 22px;
    margin: 0;
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
}

/* Анимации */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Адаптивность */
@media (max-width: 1200px) {
    .md-result-full__inner {
        max-width: 700px;
        padding: 50px;
    }
    
    .success-title {
        font-size: 32px;
    }
    
    .success-text {
        font-size: 20px;
    }
    
    .success-icon svg {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 992px) {
    .consultation-form {
        padding: 20px 0 0 0;
    }
    
    .section-ask-question--dark .title-s1,
    .section-ask-question--dark p {
        text-align: center;
    }
    
    .form-check {
        justify-content: center;
    }
    
    .form-check-label {
        text-align: left;
    }
    
    /* На планшетах убираем синий фон псевдоэлементом */
    .section-ask-question--dark::before {
        width: 100%;
    }
    
    .md-result-full__inner {
        max-width: 600px;
        padding: 40px;
    }
    
    .success-title {
        font-size: 28px;
    }
    
    .success-text {
        font-size: 18px;
    }
    
    .success-icon svg {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 768px) {
    .section-ask-question--dark {
        padding: 40px 0;
    }
    
    .section-ask-question--dark .title-s1 {
        font-size: 24px;
    }
    
    .section-ask-question--dark p {
        font-size: 16px;
    }
    
    .section-ask-question--dark .btn {
        min-width: 270px;
        padding: 5px 25px;
        font-size: 12px;
    }
    
    .form-check-label {
        font-size: 13px;
    }
    
    /* Gap для мобильных чтобы инпуты не слипались */
    .consultation-form .row {
        gap: 8px;
    }
    
    .consultation-form .col-md-4 {
        margin-bottom: 8px;
    }
    
    .consultation-form .col-md-4:last-child {
        margin-bottom: 0;
    }
    
    .md-result-full__inner {
        padding: 30px;
    }
    
    .success-title {
        font-size: 24px;
    }
    
    .success-text {
        font-size: 16px;
    }
    
    .success-icon svg {
        width: 70px;
        height: 70px;
    }
    
    .md-result__check {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .section-ask-question--dark {
        padding: 30px 0;
    }
    
    .section-ask-question--dark .title-s1 {
        font-size: 20px;
    }
    
    .consultation-form {
        padding: 15px 0 0 0;
    }
    
    .form-check-label a {
        margin-top: 5px;
    }
    
    .form-check {
        flex-direction: row;
        align-items: flex-start;
    }
    
    .section-ask-question--dark .btn {
        width: 100%;
        min-width: auto;
    }
    
    /* Увеличиваем gap на очень маленьких экранах */
    .consultation-form .row {
        gap: 10px;
    }
    
    .consultation-form .col-md-4 {
        margin-bottom: 10px;
    }
    
    .md-result-full__inner {
        padding: 20px;
    }
    
    .success-title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .success-text {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .success-icon {
        margin-bottom: 20px;
    }
    
    .success-icon svg {
        width: 60px;
        height: 60px;
    }
}
 .license-section{
        padding: 38px 0;
    }
    /* Контент с фоном на всю ширину */
    .license-content {
        margin-top: 40px;
        background-color: #e2f0fc;
        position: relative;
        width: 100%;
        overflow: visible;
    }
    
    /* Растягиваем фон за пределы контейнера без 100vw */
    .license-content::before {
        content: '';
        position: absolute;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        top: 0;
        bottom: 0;
        background-color: #e2f0fc;
        z-index: 1;
        width: 100vw;
    }
    
    /* Внутренний контент - поверх фона */
    .license-row {
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: space-around;
    }
    
    /* Узкий контейнер для текста */
    .license-text-wrapper {
        max-width: 500px;
        padding: 40px 15px;
    }
    
    .license-title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
        color: #000;
        line-height: 1.3;
    }
    
    /* Детали в колонку */
    .license-details {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-bottom: 20px;
    }
    
    .license-number {
        font-weight: 500;
        white-space: nowrap;
    }
    
    .license-description {
        line-height: 1.4;
    }
    
    /* Картинка */
    .license-image-wrapper {
        text-align: center;
        position: relative;
        z-index: 3;
        margin-top: -20px; 
        margin-bottom: -20px; 
        padding: 0; 
    }
    
    .license-img {
        max-width: 100%;
        object-fit: contain;
    }
    
    /* Адаптивность */
    @media (max-width: 768px) {
        /* Добавлены небольшие отступы для мобильного отображения */
        .license-text-wrapper {
            padding: 0;
            max-width: 100%;
            margin-top: 15px;
			margin-bottom: 45px;
        }
        
        .license-details {
            flex-direction: column;
            gap: 10px;
            margin-bottom: 30px;
        }
        
        .license-image-wrapper {
            padding: 0;
            margin-bottom: 10px;
        }
    }
    /* МИНИМАЛИСТИЧНОЕ МЕНЮ КАТАЛОГА */
.catalog-side-menu {
    width: 100%;
    font-size: 14px;
    /* Убираем фиксированную высоту и прокрутку */
    max-height: none;
    overflow-y: visible;
}

/* Уровень 1 - разделы */
.catalog-side-menu__level-1 {
    list-style: none;
    margin: 0;
    padding: 0;
    /* Убираем ограничение высоты */
    max-height: none;
}

.catalog-side-menu__item {
    margin-bottom: 2px;
    position: relative;
}

/* Стили для ссылок и лейблов */
.catalog-side-menu__link {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #333;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.3;
    transition: opacity 0.2s ease;
}

/* Ховер-эффект (по желанию) */
.catalog-side-menu__link:hover {
    color: #333;
    text-decoration: underline;
}
.catalog-side-menu__link:focus {
    color: #333;
    text-decoration: underline;
}

/* Активный раздел - обычное подчеркивание */
.catalog-side-menu__item--active .catalog-side-menu__link {
    text-decoration: underline;
    text-decoration-color: #333;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

/* Скрываем чекбоксы для аккордеона */
.catalog-side-menu__checkbox {
    display: none;
}

/* Уровень 2 - подразделы (только внутри раздела) */
.catalog-side-menu__children-wrapper {
    overflow: hidden;
    transition: max-height 0.3s ease;
}

/* Показываем подразделы при активированном чекбоксе */
.catalog-side-menu__checkbox:checked ~ .catalog-side-menu__children-wrapper {
    max-height: 1000px;
}

.catalog-side-menu__level-2 {
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 15px;
}

.catalog-side-menu__child-item {
    margin-bottom: 2px;
}

.catalog-side-menu__child-link {
    display: block;
    padding: 6px 0;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    transition: opacity 0.2s ease;
}

.catalog-side-menu__child-link:hover {
    opacity: 0.8;
    color: #333;
    text-decoration: underline;
}


/* Активный подраздел - обычное подчеркивание */
.catalog-side-menu__child-link--active {
    text-decoration: underline;
    text-decoration-color: #333;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

/* Отключаем ховер для пунктов с подразделами на главной */
/* (если нужно разное поведение на главной и в разделе) */

/* Адаптивность самого меню */
@media (max-width: 768px) {
    .catalog-side-menu__level-2 {
        padding-left: 12px;
    }
    
    .catalog-side-menu__link {
        padding: 6px 0;
    }
    
    .catalog-side-menu__child-link {
        padding: 4px 0;
        font-size: 12px;
    }
}
.program-header__text-3{
    max-width: 800px;
    margin: 0 auto 40px;
    width: 100%;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .catalog-side-menu {
        display: none;
    }
}
/* Высота 170px только когда есть текст */
.program-header-top__text--toggle.hide:not(.program-header-top__text--empty) {
    height: 120px;
}

/* Если текст пустой - не ограничиваем высоту */
.program-header-top__text--toggle.hide.program-header-top__text--empty {
    height: auto;
    min-height: 0;
}
.catalog-page-wrapper {
    display: flex;
    gap: 30px;
    margin-top: 20px;
}

/* Левая колонка с меню - 30% */
.catalog-sidebar {
    flex: 0 0 30%;
    min-width: 250px;
    max-width: 300px;
}

/* Правая колонка с контентом - 70% */
.catalog-content {
    flex: 1;
    min-width: 0;
}

@media (max-width: 992px) {
    .catalog-page-wrapper {
        flex-direction: column;
        gap: 0;
    }
    
    .catalog-sidebar {
        max-width: 100%;
        min-width: 100%;
    }
}
@media (max-width: 767px) {
    .catalog-page-wrapper {
        gap: 0 !important;
        /* или flex-direction: column; если нужен вертикальный стек */
    }
}
.courses-pagination-wrapper{
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .courses-load-more-wrapper {
        display: none !important;
    }
}
    /* Горизонтальная сетка информации */
.horizontal-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin-bottom: 30px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.info-grid-item {
    display: flex;
    flex-direction: column;
    padding: 15px;
    background: white;
    border-radius: 6px;
}

.info-grid-label {
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
    font-size: 14px;
}

.info-grid-value {
    color: #212121;
    font-size: 13px;
    line-height: 1.4;
}

.info-grid-value span {
    font-weight: 600;
    font-size: 18px;
}

.document-final {
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

/* Блок с ценами */
.price-info-block {
    padding: 20px;
    background-color: #f5f5f5;
    
}

.price-year-block {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.price-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px dashed #dee2e6;
}

.price-item:last-child {
    border-bottom: none;
}

.price-label {
    font-weight: 500;
    color: #495057;
}

.price-value {
    font-weight: 600;
    color: #28a745;
    font-size: 18px;
}

.price-value span {
    font-size: 20px;
}

/* Адаптивность */
@media (max-width: 992px) {
    .horizontal-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .horizontal-info-grid {
        grid-template-columns: 1fr;
    }
    
    .price-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
.course-card__year-badge{
    visibility: hidden;
}
.smart-filter-title {
    font-size: 13px;
    padding-bottom: 7px;
}
.smart-filter-title span{
    color: #212121;
}
 /* Стили для секции требований */
    .requirements-section {
        padding: 60px 10px;
        background-color: #f8f9fa;
    }
    .requirements-section-program {
        background-color: #d4ebfa;
    }
    .requirements__content {
        display: flex;
        gap: 60px;
        margin-top: 40px;
    }
    
    .requirements__column {
        flex: 1;
        background-color: #fff;
        padding: 30px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    }
    
    .requirements__title {
        margin-top: 0px;
        font-size: 18px;
        font-weight: 700;
        color: #000;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }
    
    .requirements__text {
        font-size: 14px;
        line-height: 17px;
        color: #333;
    }
    
    .requirements__text p {
        margin-bottom: 10px;
        position: relative;
        padding-left: 25px;
    }
    
    .requirements__text p:before {
        content: "•";
        color: #333;
        font-size: 24px;
        position: absolute;
        left: 0;
        top: -2px;
    }
    .requirements__list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 25px;
    }

    .requirements__list li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 15px;
    }

    .requirements__list li:before {
        content: "•";
        color: #333;
        font-size: 24px;
        position: absolute;
        left: 0;
        top: -2px;
    }

    .requirements__text p {
        margin-bottom: 15px;
        padding-left: 0;
    }

    .requirements__text p:before {
        display: none; /* Убираем маркеры для обычных параграфов */
    }
    /* Адаптивность */
    @media (max-width: 992px) {
        .requirements__content {
            gap: 40px;
        }
        
        .requirements__column {
            padding: 30px;
        }
    }
    
    @media (max-width: 768px) {
        .qualification-description-section,
        .requirements-section {
            padding: 40px 0;
        }
        
        .qualification-description__text {
            font-size: 16px;
            width: 100%;
        }
        
        .requirements__content {
            flex-direction: column;
            gap: 30px;
        }
        
        .requirements__title {
            font-size: 22px;
        }
        
        .requirements__text {
            font-size: 16px;
        }
    }
    
    @media (max-width: 480px) {
        .qualification-description-section,
        .requirements-section {
            padding: 30px 0;
        }
        
        .qualification-description__text {
            font-size: 15px;
        }
        
        .requirements__column {
            padding: 20px;
        }
        
        .requirements__title {
            font-size: 20px;
            margin-bottom: 20px;
        }
        
        .requirements__text {
            font-size: 15px;
        }
        
        .requirements__text p {
            padding-left: 20px;
            margin-bottom: 15px;
        }
    }

.section-ask-question .col-md-12 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.section-ask-question--dark.full-width-fix {
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
}

.section-ask-question--dark.full-width-fix::before {
    width: 100vw;
    left: calc(-50vw + 50%);
    right: calc(-50vw + 50%);
}
/* Общий класс для секций с фоном на всю ширину */
.full-width-bg {
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
}

/* Для секции преимуществ */
.section-ask-question--dark.full-width-bg {
    background: #003775;
    color: white;
}

.section-ask-question--dark.full-width-bg .title-s1 {
    color: white;
    text-align: center;
    margin-bottom: 28px;
    padding-top: 40px;
}

/* Для секции требований */
.requirements-section-program.full-width-bg {
    background-color: #d4ebfa;
}

/* Общие стили для контента внутри */
.full-width-bg > .container {
    position: relative;
    z-index: 1;
}
/* Обзор программы -  */
.program-review-section {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
    margin-bottom: 40px;
    background-color: #f5f5f5;
}

.program-review-grid {
    display: grid;
    grid-template-columns: 60% 35%;
    grid-template-rows: auto auto;
    column-gap: 5%;
    row-gap: 30px;
    margin-top: 20px;
}

.review-grid-item {
    padding: 15px;
    min-height: 200px;
}

/* Видео блок */
.review-video {
    padding: 0;
    overflow: hidden;
}

.idpo-video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.idpo-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.review-signup-wrapper {
    margin-top: 30px;
    padding: 15px;
}

/* Убираем подчеркивание и переопределяем стили для h4 в этом блоке */
.program-review-section .review-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
    border-bottom: none !important;
    margin: 0 0 15px 0 !important;
    padding-bottom: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.program-review-section .review-info p {
    margin-bottom: 20px !important;
}

.program-review-section .review-info p:last-child {
    margin-bottom: 0 !important;
}
.review-teacher{
    margin-bottom: 20px !important;
}
/* Адаптивность */
@media (max-width: 768px) {
    .program-review-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        /* На мобильных уменьшаем gap */
        gap: 20px;
    }
}
.qualification-block {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 30px 0;
                margin: 20px 0;
                gap: 70px;
            }

            .qualification-block__text {
                flex: 1;
                font-size: 16px;
                line-height: 1.6;
                color: #333;
                margin: 0;
            }

            .qualification-block__right {
                flex-shrink: 0;
                background-color: #ffae00 !important;
                padding: 25px;
                min-width: 280px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .qualification-block__title {
                font-size: 18px;
                font-weight: 700;
                color: #000;
                text-align: center;
                margin: 0 0 20px 0;
                line-height: 1.4;
            }

            .qualification-block__button {
                display: inline-block;
                padding: 14px 32px;
                background-color: #fff;
                color: #000;
                text-decoration: none;
                font-weight: 600;
                font-size: 16px;
                transition: all 0.3s ease;
                border: none;
                cursor: pointer;
                text-align: center;
                width: 100%;
                box-sizing: border-box;
            }

            /* Адаптивность для мобильных устройств */
            @media (max-width: 992px) {
                .qualification-block {
                    gap: 40px;
                }
                
                .qualification-block__text {
                    padding-left: 30px;
                }
                
                .qualification-block__right {
                    margin-right: 30px;
                    min-width: 250px;
                }
            }

            @media (max-width: 768px) {
                .qualification-block {
                    flex-direction: column;
                    text-align: center;
                    padding: 25px 0;
                    gap: 30px;
                }
                
                .qualification-block__text {
                    padding: 0 25px;
                    text-align: left;
                }
                
                .qualification-block__right {
                    margin: 0;
                    width: 90%;
                    max-width: 400px;
                    min-width: auto;
                }
            }

            @media (max-width: 480px) {
                .qualification-block {
                    padding: 20px 0;
                    gap: 25px;
                }
                
                .qualification-block__text {
                    padding: 0 20px;
                    font-size: 15px;
                    line-height: 1.5;
                }
                
                .qualification-block__right {
                    padding: 20px;
                }
                
                .qualification-block__title {
                    font-size: 16px;
                    margin-bottom: 15px;
                }
                
                .qualification-block__button {
                    padding: 12px 24px;
                    font-size: 15px;
                }
            }
.detail h1{
    text-transform: uppercase !important;
    margin-bottom: 15px;

}
.course-benefits{
        background-color: #d4ebfa;
}
.course-benefits-block {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 20px 0;
        gap: 70px;
    }

    .course-benefits-block__content {
        flex: 1;
    }

    .course-benefits-block__text {
        font-size: 16px;
        line-height: 1.6;
        color: #333;
        margin: 0 0 15px 0;
    }
    .course-benefits-block__text p{
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #333 !important;
        margin: 0 0 15px 0;
    }

    .course-benefits-list {
        margin: 15px 0;
        padding-left: 20px;
    }

    .course-benefits-list__item {
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .course-enrollment-block {
        flex-shrink: 0;
        background-color: #ffffff;
        border: 8px solid #ffae00;
        padding: 25px;
        min-width: 280px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .course-enrollment-block__status {
        color: #2e7d32;
        font-weight: 600;
        font-size: 16px;
        text-align: center;
        margin-bottom: 15px;
    }

    .course-enrollment-block__title {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        text-align: center;
        margin: 0 0 15px 0;
        line-height: 1.4;
    }

    .course-enrollment-block__instalment {
        color: #333;
        font-size: 15px;
        margin-bottom: 20px;
        text-align: center;
        font-weight: 500;
    }

    .course-enrollment-block__button {
        display: inline-block;
        padding: 14px 32px;
        background-color: #ffae00;
        color: #000;
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        transition: all 0.3s ease;
        border: none;
        cursor: pointer;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        border-radius: 4px;
    }

    .course-enrollment-block__button:hover {
        color: #000;
        background-color: #ffc107;
    }

    /* Адаптивность для мобильных устройств */
    @media (max-width: 992px) {
        .course-benefits-block {
            gap: 40px;
        }
        
        .course-benefits-block__content {
            padding-left: 30px;
        }
        
        .course-enrollment-block {
            margin-right: 30px;
            min-width: 250px;
        }
    }

    @media (max-width: 768px) {
        .course-benefits-block {
            flex-direction: column;
            padding: 25px 0;
            gap: 30px;
        }
        
        .course-benefits-block__content {
            padding: 0 25px;
        }
        
        .course-enrollment-block {
            margin: 0 auto;
            width: 90%;
            max-width: 400px;
            min-width: auto;
        }
    }

    @media (max-width: 480px) {
        .course-benefits-block {
            padding: 20px 0;
            gap: 25px;
        }
        
        .course-benefits-block__content {
            padding: 0 20px;
        }
        
        .course-benefits-block__text {
            font-size: 15px;
            line-height: 1.5;
        }
        
        .course-enrollment-block {
            padding: 20px;
        }
        
        .course-enrollment-block__status {
            font-size: 15px;
        }
        
        .course-enrollment-block__title {
            font-size: 16px;
            margin-bottom: 15px;
        }
        
        .course-enrollment-block__instalment {
            font-size: 14px;
            margin-bottom: 15px;
        }
        
        .course-enrollment-block__button {
            padding: 12px 24px;
            font-size: 15px;
        }
    }
.program-section__wrapper {
    display: flex;
    margin-top: 50px; /* отступ от заголовка "Содержание" */
}

.program-section__left {
    width: 60%;
    flex: 0 0 65%;
}

.program-section__right {
    width: 40%;
    flex: 0 0 35%;
}

/* Сайдбар с документами */
.documents-sidebar {
    background-color: #1485CE;
    color: #fff;
    padding: 25px 20px;
    position: sticky;
    top: 20px; /* для фиксации при прокрутке */
}

.documents-sidebar__title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.documents-sidebar__buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.documents-sidebar__btn {
    display: block;
    width: 100%;
    padding: 12px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    transition: all 0.3s ease;
}

.documents-sidebar__btn--yellow {
    background-color: #ffae00;
    color: #000;
    border: hidden;
}

.documents-sidebar__btn--yellow:hover {
   color: #212121;
    background-color: #ffc107;
}
.documents-sidebar__btn--yellow:active {
    color: #212121;
    background-color: #ffae00;
}

.documents-sidebar__btn--white {
    background-color: #fff;
    color: #000;
}

.documents-sidebar__btn--white:hover {
    color: #212121;
    background-color:#e4e4e4;
}
.documents-sidebar__btn--white:active {
    color: #212121;
    background-color:#e4e4e4;
}


.documents-sidebar__text {
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0 5px;
    text-align: center;
    padding: 0 5px;
}

/* Стили для элементов содержания */
.program-desc {
    list-style: none;
    padding: 0;
    margin: 0;
}

.program-desc__item {
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.5;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .program-section__wrapper {
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .program-section__wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    .program-section__left,
    .program-section__right {
        width: 100%;
        flex: 0 0 100%;
    }
    
    .documents-sidebar {
        position: static;
    }
}

@media (max-width: 480px) {
    .documents-sidebar {
        padding: 20px 15px;
    }
    
    .documents-sidebar__btn {
        padding: 10px 12px;
        font-size: 13px;
    }
}
/* Центрирование табов форм обучения - ваш стиль */
.education-form-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%;
}

.education-form-tabs {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}

.education-form-tab {
    flex: 1;
    padding: 12px 20px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #111;
    transition: all 0.3s;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
}

.education-form-tab.active {
    color: white;
    background-color: #2ba1fc;
    font-weight: bold;
}

.education-form-tab:hover:not(.disabled):not(.active) {
    color: #007bff;
}

.education-form-tab.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    color: #999;
}

/* Центрирование категорий слушателей - ваш стиль */
.listener-categories-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}

.listener-categories {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 800px;
}

.listener-category {
    padding: 0px 15px;
    background: #f5f5f5;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    min-width: 150px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
}
.corporate{
    min-width: 240px;
}

.listener-category.active {
    background: #2ba1fc;
    color: white;
    font-weight: bold;
}

.listener-category:hover:not(.disabled):not(.active) {
    background: #e8e8e8;
}

/* Неактивная категория */
.listener-category.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    background: #f0f0f0;
    position: relative;
}

/* Показываем "Нет цены" для отключенных категорий */
/* .listener-category.disabled:not([data-category="corporate"])::after {
    content: "Нет цены";
    position: absolute;
    top: -8px;
    right: -8px;
    background: #f44336;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 10px;
    font-weight: bold;
} */

/* .listener-category[data-category="corporate"].disabled::after {
    content: "скоро";
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ff9800;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 10px;
    font-weight: bold;
} */

/* Блок с ценой */
.price-action-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.price-action-block {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px 40px;
    border-radius: 8px;
    justify-content: center;
    max-width: 600px;
    width: 100%;
    flex-wrap: wrap;
}

.price-display {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    flex: 1;
    min-width: 200px;
}

.price-display .price-value {
    color: #333;
}

/* Стиль для цены "0" */
.price-display .price-value.no-price {
    color: #999;
    font-style: italic;
}
/* Отключенные табы форм обучения */
.education-form-tab.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    color: #999;
    background: #f0f0f0 !important;
}

/* Таб, который активен, но отключен (не должно быть, но на всякий случай) */
.education-form-tab.active.disabled {
    background: #f0f0f0 !important;
    color: #999 !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    .education-form-tab {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    .listener-category {
        min-width: 150px;
        padding: 8px 15px;
    }
    
    .price-action-block {
        flex-direction: column;
        gap: 15px;
        padding: 15px 20px;
    }
    
    .price-display {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .listener-categories {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .listener-category {
        min-width: 100%;
        width: 100%;
    }
    
    .education-form-tabs {
        flex-direction: column;
        width: 100%;
        max-width: 300px;
    }
    
    .education-form-tab {
        width: 100%;
    }
}/* Стили для блока "Порядок поступления и обучения" */
.admission-process-section {
    padding: 60px 0;
    background: white;
}

/* Верхний блок - 2 колонки по 50% */
.admission-top-grid {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.admission-col {
    flex: 0 0 calc(50% - 10px);
}

.admission-manager {
    background: white;
    padding: 25px;
    height: 100%;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.manager-photo {
    flex: 0 0 100px;
}

.manager-photo img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.manager-info {
    flex: 1;
}

.manager-name {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    color: #333;
}

.manager-position {
    color: #666;
    font-size: 16px;
    margin-bottom: 15px;
}

.manager-contacts {
    margin-bottom: 20px;
}

.contact-phone,
.contact-email {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
    padding-left: 24px;
    position: relative;
    min-height: 20px;
    display: flex;
    align-items: center;
}

.contact-phone::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M20 15.5c-1.2 0-2.4-.2-3.6-.6-.3-.1-.7 0-1 .2l-2.2 2.2c-2.8-1.5-5.2-3.8-6.6-6.6l2.2-2.2c.3-.3.4-.7.2-1-.3-1.1-.5-2.3-.5-3.5 0-.6-.4-1-1-1H4c-.6 0-1 .4-1 1 0 9.4 7.6 17 17 17 .6 0 1-.4 1-1v-3.5c0-.6-.4-1-1-1zM5.6 5h2.2c.1 1.1.3 2.1.5 3.1l-1.5 1.5c-.5-1.2-.9-2.4-1.2-3.6zM19 19c-1.2-.3-2.4-.7-3.6-1.2l1.5-1.5c1 .2 2 .4 3.1.5v2.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.contact-email {
    text-decoration: underline;
}

.contact-email::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}


.admission-description {
    background: white;
    padding: 25px;
    height: 100%;
    font-size: 18px;
    line-height: 1.6;
    display: flex;
    align-items: center;
}

.admission-description p {
    margin: 0;
}

/* Шаги обучения - 2 колонки по 50% */
.admission-steps-grid {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}

.steps-col {
    flex: 0 0 calc(50% - 10px);
    display: flex;
    flex-direction: column;
    gap: unset;
}

.step-item {
    background: white;
    padding: 0px 10px;
    display: flex;
    gap: 15px;
    min-height: 185px;
    align-items: flex-start;
}

.step-number {
    flex: 0 0 30px;
    height: 30px;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
}

.step-content {
    flex: 1;
}

.admission-process-section h4,
.admission-process-section .h4 {
  margin: 0;
  padding: 0;
  border-bottom: none;
  color: inherit;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;
}

.step-title-row {
    display: flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 15px;
}

.step-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: unset !important;
    line-height: 1.2;
}
.admission-process-section .step-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: unset !important;
    line-height: 1.2;
}

.step-description {
    color: #666;
    font-size: 16px;
    line-height: 1.5;
}

.step-description p,
.step-description ul {
    margin: 0 0 10px 0;
}

.step-description ul {
    padding-left: 20px;
}

.step-description li {
    margin-bottom: 5px;
}

.admission-signup {
    text-align: center;
}

@media (max-width: 992px) {
    .admission-top-grid,
    .admission-steps-grid {
        flex-direction: column;
    }
    
    .admission-col,
    .steps-col {
        flex: 1;
        width: 100%;
    }
    
    .admission-manager {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .admission-manager {
        flex-direction: column;
        text-align: center;
    }
    
    .manager-photo {
        margin: 0 auto 15px;
    }
    
    .contact-phone,
    .contact-email {
        justify-content: center;
        padding-left: 0;
        padding-top: 24px;
    }
    
    .contact-phone::before,
    .contact-email::before {
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }
    
    .step-item {
        flex-direction: column;
        text-align: center;
        min-height: auto;
    }
    
    .step-number {
        margin: 0 auto 10px;
    }
    
    .step-title-row {
        justify-content: center;
    }
}
 .simple-advantages-list {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 30px;
        margin: 20px 0;
    }
    
    .simple-advantage-item {
        text-align: center;
        padding: 0;
    }
    
    .simple-advantage-title {
        /*font-family: 'Roboto', Helvetica, Arial, sans-serif;*/
        font-family: Arial, sans-serif;
        font-size: 44px;
        font-weight: 900;
        color: #003775;
        margin-bottom: 8px;
        line-height: 1.3;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }
    
    .simple-advantage-description {
        color: #666;
        font-weight: 600;
        line-height: 1.4;
        font-size: 14px;
    }
    
    /* Адаптивность */
    @media (max-width: 1200px) {
        .simple-advantages-list {
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
        }
    }
    
    @media (max-width: 768px) {
        .simple-advantages-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
    }
    
    @media (max-width: 480px) {
        .simple-advantages-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 15px;
        }
        
        .simple-advantage-item {
            flex: 0 0 calc(50% - 8px);
        }
        
        .simple-advantage-item:last-child {
            flex: 0 0 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
		.simple-advantage-title {
            font-size: 32px; /* Размер шрифта 32px для телефона */
        }
		.simple-advantage-description {
            font-size: 15px;
		}  
        
    }
        .advantages-list {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 30px;
        margin: 40px 0;
    }
    
    .advantages-item {
     align-items: center;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    
    /* Стили для иконки */
    .advantages-icon {
        margin-bottom: 15px;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .advantages-icon-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    /* Стили для названия (бывший PREVIEW_TEXT) */
    .advantages-title {
        font-size: 18px;
        font-weight: 600;
        color: #003775;
        margin-bottom: 8px;
        line-height: 1.3;
    }
    
    /* Стили для дополнительного описания (бывший NAME) */
    .advantages-description {
        color: #fff;
        line-height: 1.4;
        font-size: 15px;
    }
    
    /* Адаптивность */
    @media (max-width: 1200px) {
        .advantages-list {
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
        }
    }
    
    @media (max-width: 768px) {
        .advantages-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .advantages-icon {
            width: 50px;
            height: 50px;
        }
        
        .advantages-title {
            font-size: 16px;
        }
    }
    
    @media (max-width: 480px) {
        /* .advantages-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 35px;
        }
        
        .advantages-item {
            flex: 0 0 calc(50% - 20px);
        }
        
        .advantages-item:last-child {
            flex: 0 0 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
         */
        .advantages-icon {
            width: 40px;
            height: 40px;
        }
        
        .advantages-title {
            font-size: 15px;
        }
        
        .advantages-description {
            font-size: 13px;
        }
    }
    /* Стили для блока "Гарантии" */
.guarantees-section {
    padding: 60px 0;
}

.guarantees-top {
    display: flex;
    gap: 30px 15px;
    margin-bottom: 50px;
}

.guarantees-text-block {
    flex: 0 0 calc(50% - 15px);
    background: white;
    padding: 30px;
    font-size: 17px;
    line-height: 1.6;
    color: #333;
}

.guarantees-text-block p {
    margin: 0;
}

.guarantees-cards {
    display: flex;
    gap: 30px;
}

.guarantee-card {
    flex: 0 0 calc(33.333% - 20px);
    background: #f5f5f5;
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    min-height: 200px;
}

.guarantee-title {
    font-size: 17px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
}

.guarantee-text {
    color: #666;
    font-size: 16px;
    line-height: 1.5;
    flex: 1;
}

.guarantee-text p {
    margin: 0;
}

@media (max-width: 992px) {
    .guarantees-top {
        flex-direction: column;
        gap: 20px;
    }
    
    .guarantees-text-block {
        flex: 1;
        width: 100%;
    }
    
    .guarantees-cards {
        flex-direction: column;
        gap: 20px;
    }
    
    .guarantee-card {
        flex: 1;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .guarantees-text-block {
        padding: 20px;
        font-size: 16px;
    }
    
    .guarantee-card {
        padding: 20px;
    }
    
    .guarantee-title {
        font-size: 16px;
    }
}
.program-section{
    margin-bottom: 55px;
}
.section-2{
    background:unset !important;
}
.section-3{
    background:unset !important;
}
.section-1{
    background:unset !important;
}
.advantages-section{
    background:unset !important;
}
.owl-next{
    right: -35px;
}
.owl-prev{
    left: -35px;
}
@media (max-width: 768px) {
    .owl-next {
        right: -1px;
    }
    .owl-prev {
        left: -1px;
    }
}
.title-s1{
    margin-bottom: 55px !important;
}
.program-teacher {
    display: flex;
    gap: 20px;
    align-items: flex-start; /* выравнивание по верхнему краю */
    margin-bottom: 30px;
}

.program-teacher__photo {
    flex-shrink: 0;
    width: 150px; /* нужная ширина фото */
}

.program-teacher__photo img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.program-teacher__content {
    flex: 1; /* занимает оставшееся пространство */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .program-teacher {
        flex-direction: column;
    }
    .program-teacher__photo {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 15px;
    }
}
.bx-filter-calendar-container input.calendar {
    font-size: 15px;
}
.bx-filter-calendar-container {
    display: flex;
    align-items: center;

}

/* Поле занимает всю доступную ширину */
.bx-filter-calendar-container input.calendar {
    flex: 1;
    min-width: 0; /* разрешаем полю сжиматься при необходимости */
}

/* Иконка не должна сжиматься, убираем лишние отступы */
.bx-filter-calendar-container img.calendar-icon {
    flex-shrink: 0;
    margin: 0;
    vertical-align: baseline;
}
.custom-col-padding {
    padding-right:unset !important;
}
.view-switcher {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.view-switcher__item {
    padding: 8px 8px;
    text-decoration: underline;
    color: #333;
}
.view-switcher__item.active {
    background-color: #edf6fc;
    font-weight: bold;
    text-decoration: none;
}.view-switcher__label {
    margin-right: 10px;
    font-weight: 500;
}
.course-card__meta{
    font-size: 14px;
}
.course-card__title{
    font-size: 16px;
    font-weight: 400;
}
.course-card__price-value-table{
    font-size: 14px;
}
.course-card__enroll-button{
    font-size: 14px;
}
.course-card__program-type{
    min-width: 35%;
}
.program-date{
    justify-content: center;
    margin: 0px 0px 100px;
}
.program-order__date{
    margin:unset;
}
.filter-buttons input[type="submit"] {
    width: auto; /* убираем возможное растягивание */
}
.filter-buttons .btn {
    padding-left: 20px;
    padding-right: 20px;
}
.filter-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.bx-filter-button-box .row:first-child {
    margin-bottom: 20px; /* желаемый отступ */
}
/* Панель инструментов */
.catalog-toolbar {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Форма сортировки */
.sort-form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sort-form label {
    font-size: 14px;
    color: #333;
}

.sort-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: 1px solid #d3d3d3;
    padding: 8px 30px 8px 15px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 8'><path fill='%23333' d='M6 8L0 0h12z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px;
    min-width: 200px;
}

.sort-form select:hover {
    border-color: #aaa;
}

.sort-form select:focus {
    outline: none;
    border-color: #edf6fc;
}
.sort-form select option:checked {
    background: #edf6fc !important;
    color: #333 !important;
}
.section-page p{
    margin-bottom: unset;
}
.course-card__info-row{
    margin-top: 20px;
    gap:0px;
}
.btn{
    background-color: #ffae00;
}
.to-top{
    background-color: #ffae00;
}
.catalog-button{
    background-color: #ffae00;
}
.catalog-button:hover{
    background-color: #ffc107;
}
.promo-wrapper{
    background-color: #ffae00 !important;
}
.title-s1:before{
    background-color: #ffae00 !important;
}
.program-header__finaldoc-textblock > .title-documents:first-child {
    display: none;
}
.program-header-top{
    padding-bottom: 7%;
}
.text-s2{
    padding-bottom: 60px;
}
.final-document{
    margin-bottom: 90px;
}
.section-page{
    padding-bottom: unset;
}
/* ===== ОБЩИЕ СТИЛИ (для всех устройств) ===== */
.program-header__slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.program-header__finaldoc-imageblock {
    position: relative;
    text-align: center;
}

/* Изображение теперь заполняет контейнер с обрезкой */
.program-header__finaldoc-imageblock img {
    max-width: 100%;
    height: auto;
    display: block;
    /* при необходимости центрирования: margin: 0 auto; */
}

.custom-swiper-prev,
.custom-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 12px;
    cursor: pointer;
    z-index: 20;
    color: #003775;
    filter: drop-shadow(0 2px 4px rgba(255,255,255,0.5));
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
}

.swiper-slide-active .custom-swiper-prev,
.swiper-slide-active .custom-swiper-next {
    opacity: 1;
    visibility: visible;
}

.program-header__slider[data-count="1"] .custom-swiper-prev,
.program-header__slider[data-count="1"] .custom-swiper-next {
    display: none;
}

.documents-slider:not(:last-child) {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

@media (max-width: 992px) {
    .documents-slider:not(:last-child) {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
}
@media (max-width: 768px) {
    .documents-slider:not(:last-child) {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
}

@media (max-width: 576px) {
    .program-header__finaldoc-content {
        flex-direction: column !important;
    }
    .program-header__finaldoc--reverse .program-header__finaldoc-content {
        flex-direction: column !important;
    }
    .program-header__finaldoc-imageblock,
    .program-header__finaldoc-textblock {
        width: 100% !important;
    }
    .program-header__finaldoc-textblock {
        margin-top: 20px;
    }
}

/* ===== ДЕСКТОП (от 769px) ===== */
@media (min-width: 769px) {
    .program-header__finaldoc-imageblock {
        width: 500px;               /* фиксированная ширина картинки */
        height: 355px;               /* фиксированная высота – подберите нужную */
        overflow: visible;           /* чтобы стрелки не обрезались */
    }

    /* Растягиваем и обрезаем изображение, сохраняя верхнюю часть */
    .program-header__finaldoc-imageblock img {
        height: 100%;
        object-fit: cover;           /* заполняет контейнер, обрезая лишнее */
        object-position: center top; /* приоритет – верхняя часть */
    }

    .custom-swiper-prev {
        left: -40px;                 /* стрелка слева за картинкой */
        right: auto;
    }
    .custom-swiper-next {
        right: 0;                     /* стрелка справа вплотную к краю */
        left: auto;
    }
}

/* ===== МОБИЛЬНЫЕ (до 768px) ===== */
@media (max-width: 768px) {
    .program-header__finaldoc-imageblock {
        width: auto;                  /* убираем фиксированную ширину */
        height: 280px;  
    }

    /* На мобильных тоже можно обрезать, но обычно лучше оставить как есть */
    .program-header__finaldoc-imageblock img {
        object-fit: contain;          /* или cover – по желанию */
        object-position: center;
    }

    .custom-swiper-prev,
    .custom-swiper-next {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .custom-swiper-prev {
        left: 10px;
        right: auto;
    }
    .custom-swiper-next {
        right: 10px;
        left: auto;
    }
    .custom-swiper-prev svg,
    .custom-swiper-next svg {
        width: 20px;
        height: 20px;
    }
}

.courses-load-more-btn {
    border-radius: 20px;
}
/* End */


/* Start:/bitrix/templates/ipkoil/css/header.css?17761652499652*/
/* ===== НОВАЯ ШАПКА - ТОЧНО ПО ДИЗАЙНУ ===== */

/* 1. ОСНОВНЫЕ НАСТРОЙКИ */
.header-container {
    width: 1170px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
    box-sizing: border-box;
    /* height: 200px; */
    justify-content: space-between;
}

/* 2. ШРИФТЫ */
.header-container,
.header-container a,
.header-container button,
.header-container span,
.header-container h1,
.header-container p,
.header-container .nav-item,
.header-container .contact-email,
.header-container .payment-link,
.header-container .login-link,
.header-container .institute-title,
.header-container .university-text,
.header-container .phone-number,
.header-container .callback-button,
.header-container .catalog-button,
.header-container .search-input,
.header-container .download-link,
.header-container .application-button,
.header-container .program-link {
    font-family: Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

/* ОСОБЕННО ВАЖНО - для заголовка института */
.header-container .institute-title {
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    letter-spacing: -0.25px !important;
    line-height: 25px !important;
    color: #003775 !important;
    width: 329px !important;
    height: 50px !important;
    overflow: hidden;
}

/* Для университетского текста */
.header-container .university-text {
    font-family: "Roboto", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 17px !important;
    letter-spacing: -0.25px !important;
    width: 346px !important;
}

/* 3. ВЕРХНЯЯ СТРОКА */
.top-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    gap: 15px;
}

/* 3.1 ГОРОД */
.city-selector {
    display: flex;
    align-items: center;
    color: #363636;
    font-size: 13px;
    white-space: nowrap;
}

.city-selector button {
    background: none;
    border: none;
    color: #363636;
    font-size: 13px;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
}

/* 3.2 ОСНОВНОЕ МЕНЮ */
.nav-menu {
    display: flex;
    gap: 10px;
}

.nav-item {
    font-size: 13px;
    white-space: nowrap;
    color: #363636;
    text-decoration: none;
}

.nav-item:hover {
    color: #1d85cf;
    text-decoration: underline;
}

.nav-item.active {
    color: #1d85cf;
    font-weight: 500;
    text-decoration: underline;
}

/* 3.3 КОНТАКТЫ */
.contact-info {
    display: flex;
    gap: 10px;
    font-style: normal;
    align-items: center;
}

.contact-email {
    color: #363636;
    font-size: 13px;
    text-decoration: underline;
}

/* 3.4 ДОПОЛНИТЕЛЬНЫЕ ССЫЛКИ */
.additional-links {
    display: flex;
    gap: 10px;
}

.payment-link {
    color: #1d85cf;
    font-size: 13px;
    text-decoration: none;
}

.payment-link:hover {
    text-decoration: underline;
}

.login-link {
    color: #363636;
    font-size: 13px;
    text-decoration: none;
}

/* 4. БЛОК С ЛОГОТИПОМ */
.main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 30px;
}

/* 4.1 ЛОГОТИП ИНСТИТУТА */
.logo-section {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 419px;
    flex: 1;
    min-width: 300px;
}

.logo-link {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}

.logo-image {
    width: 65px;
    height: 60px;
    object-fit: contain;
}

.institute-title {
    color: #003775;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.25px;
    width: 329px;
    margin: 0;
}

/* 4.2 ИНФОРМАЦИЯ ОБ УНИВЕРСИТЕТЕ */
.university-info {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
}

.university-emblem {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.university-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: -0.25px;
    width: 346px;
}

.university-name {
    color: #212121;
}

.university-type {
    color: #1d85cf;
    display: block;
    margin-top: 3px;
}

/* 4.3 КОНТАКТНЫЙ БЛОК */
.contact-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.phone-number {
    color: #363636;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.25px;
    text-decoration: none;
    line-height: 17px;
}

.callback-button {
    color: #1d85cf;
    font-size: 13px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px 0;
    text-decoration: none;
    line-height: 20px;
}

.callback-button:hover {
    text-decoration: underline;
}

/* 5. БЛОК ПОИСКА */
.search-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
}

.search-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.catalog-button {
    background-color: #ffae00;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    line-height: 20px;
    min-width: 180px;
    transition: all .3s;
    letter-spacing: 0.5px;
}

.catalog-button:hover {
    color: #000;
    background-color: #ffc107;
}

.search-form {
    display: flex;
    flex: 1;
    min-width: 300px;
    border: 1px solid #aed0e8;
    padding: 8px 10px 8px 16px;
}

.search-form:focus-within {
    border: 2px solid #1d85cf;
    padding: 7px 9px 7px 15px;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 14px;
    color: #363636;
    line-height: 20px;
    background: transparent;
}

.search-input::placeholder {
    color: #a1a1a1;
}

.search-button {
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 5.1 КНОПКИ ДЕЙСТВИЙ */
.action-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.download-link {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #f0faff;
    padding: 10px 20px;
    font-size: 13px;
    color: #363636;
    text-decoration: none;
    line-height: 20px;
}

.download-link:hover {
    background-color: #e1f5ff;
}

.download-icon {
    width: 20px;
    height: 20px;
}

.application-button {
    background-color: #1d85cf;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    line-height: 20px;
    min-width: 120px;
}

.application-button:hover {
    background-color: #125f97;
}

/* 6. НИЖНЕЕ МЕНЮ ПРОГРАММ */
.programs-menu {
    display: flex;
    justify-content: center;
    gap: 66px;
    width: 100%;
    flex-wrap: wrap;
}

.program-link {
    font-size: 14px;
    white-space: nowrap;
    color: #363636;
    text-decoration: none;
    line-height: 20px;
}

.program-link:hover {
    color: #1d85cf;
    text-decoration: underline;
}

.program-link.active {
    color: #1d85cf;
    font-weight: 500;
    text-decoration: underline;
}

/* 8. МОБИЛЬНАЯ АДАПТИВНОСТЬ */
@media (max-width: 768px) {
    .header-container {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .header-container {
        display: flex !important;
    }
}
/* 8. АДАПТИВНОСТЬ */

/* Скрываем новую шапку на узких экранах */
@media (max-width: 1169px) {
    .header-container {
        display: none !important;
    }
    
    /* Стили для мобильной версии */
    .hidden-sm { 
        display: none !important; 
    }
    
    .show-sm {
        display: block !important;
    }
    
    .show-sm-ib { 
        display: inline-block !important; 
    }
}

@media screen and (max-width: 1169px) {
    .logo__text span:nth-child(2) {
        width: auto;
    }

    .mb-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/* Показываем новую шапку только на достаточно широких экранах */
@media (min-width: 1170px) {
    .header-container {
        display: flex !important;
    }
}
@media screen and (max-width: 600px) {
    .mb-header-bottom {
        display: none !important;
    }
}
.contact-info .nav-item:hover {
    color: inherit;
    text-decoration: none;
    cursor: default;
}
.city-selector i {
    margin-right: 5px;
}

/* Отступ между кнопкой и span (больше) */
.city-selector button {
    margin-right: 10px;
}

.dropdown-container {
    position: relative; /* Это обязательно! */
    display: inline-block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    padding: 20px;
    z-index: 1000; /* Важно! */
    margin-top: 10px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* End */


/* Start:/bitrix/templates/ipkoil/components/custom/empty/top_banner/style.css?17761654051412*/
/* PROMO BANNER */
.promo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    text-decoration: none;
}

.promo-text {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
}

.promo-text span {
    margin-right: 40px;
}

.promo-link {
    display: inline-block;
    background: none;
    border: none;
    outline: none;
}

.promo-link {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    margin: 0;
    letter-spacing: 0.5px;
}

.promo-text span,
.promo-link {
    color: #000000;
}

.promo-text i {
    color: #fff;
}

@media (min-width: 1300px) {
    .promo-wrapper {
        position: fixed;
        width: 395px;
        height: 40px;
        right: 0;
        top: 40%;
        z-index: 1000;
        overflow: hidden;
        white-space: nowrap;
        transform: rotate(-90deg);
        margin-right: -180px;
    }
}

@media (max-width: 720px) {
    .promo-text {
        font-size: 15px;
    }
}

@media (max-width: 625px) {
    .promo-text .fa {
        top: 30%;
    }
    
    .promo-link {
        font-size: 15px;
    }
}

@media (max-width: 495px) {
    .promo-text {
        font-size: 12px;
    }
    
    .promo-link {
        font-size: 12px;
    }
}

.promo-link:hover {
    text-decoration: underline;
    cursor: pointer;
}
/* End */


/* Start:/bitrix/templates/ipkoil/components/bitrix/news.list/main-slider/style.css?17761656405520*/
/* ===== Базовые стили слайдера ===== */
.custom-slider {
    position: relative;
    width: 100%;
    max-width: 1170px;
    height: auto;
    aspect-ratio: 1170 / 430;
    margin: 0 auto;
    background-color: #003775;
    overflow: hidden;
}

@media (max-width: 768px) {
    .custom-slider {
        max-width: 375px;
        aspect-ratio: 375 / 700;
    }
}

.custom-slider__slides-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.custom-slider__slides {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

.custom-slider__slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: relative;
}

.custom-slider__picture {
    display: block;
    width: 100%;
    height: 100%;
}

.custom-slider__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Контент (кнопка) */
.custom-slider__content {
    position: absolute;
    bottom: 89px;
    left: 131px;
    z-index: 2;
}

.custom-slider__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 10px 40px;
    background-color: #ffae00;
    font-family: 'Roboto-Medium', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    letter-spacing: 0.5px;
    text-decoration: none;
    white-space: nowrap;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
}

.custom-slider__button:hover {
    background-color: #e59c00;
    color:black;
}

/* === Навигация === */
.custom-slider__nav {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
}

/* Десктоп (ширина > 768px) */
@media (min-width: 769px) {
    .custom-slider__nav {
        position: static; /* сбрасываем позиционирование */
        display: block;
    }
    /* Стрелки позиционируем абсолютно по бокам */
    .custom-slider__arrow--prev,
    .custom-slider__arrow--next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: auto;
        width: 60px;
        height: 60px;
        background-color: rgba(0, 0, 0, 0.05);
        border: 1px solid #ffffff;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #ffffff;
        transition: background-color 0.2s;
        margin: 0;
    }
    .custom-slider__arrow--prev {
        left: 30px;
    }
    .custom-slider__arrow--next {
        right: 30px;
    }
    .custom-slider__arrow--prev:hover,
    .custom-slider__arrow--next:hover {
        background-color: rgba(0, 0, 0, 0.2);
    }
    /* Точки – внизу по центру */
    .custom-slider__dots {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 25px;
        pointer-events: auto;
        align-items: center;
    }
}

/* Мобильная версия (ширина ≤ 768px) */
@media (max-width: 768px) {
    .custom-slider__nav {
        bottom: 20px;
        top: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        pointer-events: none;
    }
    .custom-slider__arrow--prev,
    .custom-slider__arrow--next {
        pointer-events: auto;
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.3);
        border: 1px solid #ffffff;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #ffffff;
        transition: background-color 0.2s;
        position: static;
        transform: none;
    }
    .custom-slider__dots {
        display: flex;
        gap: 15px;
        pointer-events: auto;
        align-items: center;
    }
    .custom-slider__content {
        left: 20px;
        right: 20px;
        bottom: 80px;
    }
    .custom-slider__button {
        white-space: normal;
        width: 100%;
        text-align: center;
        padding: 10px 20px;
    }
}

/* === Точки (общие стили с выравниванием) === */
.custom-slider__dots {
    display: flex;
    align-items: center;
    gap: 25px;
}

.custom-slider__dot {
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    border: 1px solid #ffffff;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s;
    vertical-align: middle;
    line-height: 1;
}

.custom-slider__dot.active {
    width: 10px;
    height: 10px;
    background-color: #ffae00;
    border: 2px solid #ffffff;
    border-radius: 5px;
}

/* === Дополнительная адаптация для узких экранов (≤400px) === */
@media (max-width: 400px) {
    .custom-slider__nav {
        padding: 0 10px;
        bottom: 15px;
    }
    .custom-slider__arrow--prev,
    .custom-slider__arrow--next {
        width: 36px;
        height: 36px;
    }
    .custom-slider__dots {
        gap: 12px;
    }
    .custom-slider__content {
        bottom: 70px;
    }
    .custom-slider__button {
        padding: 8px 16px;
        font-size: 14px;
    }
}
.custom-slider {
    touch-action: pan-y pinch-zoom;
}
/* End */


/* Start:/bitrix/templates/ipkoil/components/bitrix/news.list/education-block/style.css?17762837922993*/
.education-block {
  max-width: 1128px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Десктопная сетка */
.education-block .education-courses .education-sections-grid  {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}
.education-block .education-course-item {
  width: 350px;
  max-width: 100%;
  padding: unset;
}
.education-block .education-course-card {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #efefef;
  overflow: hidden;
}
.education-block .education-course-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.education-block .education-course-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.education-block .education-course-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.education-block .education-course-card .rectangle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 101px;
  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 100%);
  z-index: 0;
}
.education-block .education-course-info {
  position: absolute;
  bottom: 12px;
  left: 10px;
  display: flex;
  align-items: center;
  gap: 1px;
  z-index: 3;
  padding: unset;
}
.education-block .ellipse {
  width: 6px;
  height: 6px;
  background-color: #ffd137;
  border-radius: 50%;
  margin-right: 6px;
}
.education-block .education-course-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
}
.education-block .education-course-title a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
}
.education-block .education-course-title a:hover {
  text-decoration: underline;
}
.education-block .description-row {
  gap: unset;
}

/* ========== МОБИЛЬНЫЙ СЛАЙДЕР ========== */
@media (max-width: 767px) {
  /* Отключаем десктопное поведение .education-sections-grid, когда он же .swiper-wrapper */
  .education-block .education-sections-grid.swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0;
    margin: 0;
    padding: 0;
  }
  /* Убираем псевдоэлементы, которые могут ломать Swiper */
  .education-block .education-sections-grid.swiper-wrapper::before,
  .education-block .education-sections-grid.swiper-wrapper::after {
    display: none !important;
  }

  .education-block .swiper-container {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
  }
  .education-block .education-course-title a {
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    }

  .education-block .swiper-slide {
    width: auto;
    box-sizing: border-box;
  }

  .education-block .education-course-item {
    width: 100%;
    padding: 0;
  }

  .education-block .education-course-card {
    height: 200px;
  }
}
/* End */


/* Start:/bitrix/templates/ipkoil/components/bitrix/news.list/programs-block/style.css?17762837922304*/
.programs-sections {
  max-width: 1128px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Десктопная сетка */
 .programs-block .programs-sections-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.programs-block .programs-section-item {
  width: 350px;
  max-width: 100%;
  padding: 0;
}

.programs-block .programs-section-card {
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 0;
  overflow: hidden;
}
.programs-block .programs-section-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.programs-block .programs-section-image {
  width: 100%;
  height: 200px;   /* фиксированная высота изображения */
  overflow: hidden;
}
.programs-block .programs-section-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}
.programs-block .programs-section-card:hover .programs-section-image img {
  transform: scale(1.30);
}

.programs-block .programs-section-info {
  padding: 16px 15px 20px;
  background: #ffffff;
}

.programs-block .programs-section-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  margin-bottom: 8px;
}
.programs-block .programs-section-title a {
  color: inherit;
  text-decoration: none;
}
.programs-block .programs-section-title a:hover {
  color: #0056a3;
  text-decoration: underline;
}

.programs-block .programs-section-count {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #666;
}

/* ========== МОБИЛЬНЫЙ СЛАЙДЕР ========== */
@media (max-width: 767px) {
  .programs-block .programs-sections-grid.swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0;
    margin: 0;
    padding: 0;
  }

  .programs-block .swiper-container {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
  }


  .programs-block .programs-section-item {
    width: 100%;
    padding: 0;
  }

  .programs-block .programs-section-card {
    height: auto;
  }

  .programs-block .programs-section-image {
    height: 180px; /* можно чуть ниже на мобильных */
  }
}
/* End */


/* Start:/bitrix/templates/ipkoil/components/bitrix/news.list/programms-index-filter-new/style.css?17706133439198*/
/* Owl Carousel Core Styles */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* Owl Carousel Controls */
.owl-controls {
    -webkit-tap-highlight-color: transparent;
}

.owl-controls .owl-nav .owl-prev,
.owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.owl-controls .owl-nav .owl-prev {
    left: -45px;
}

.owl-controls .owl-nav .owl-next {
    right: -45px;
}

.owl-controls .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-controls .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-controls .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-controls .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-controls .owl-dot.active span,
.owl-controls .owl-dot:hover span {
    background: #869791;
}

.owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* Основной контейнер карусели Owl Carousel */
.training-owl {
    position: relative;
    width: 100%;
    margin: 0 0 30px;
}

/* Карточка курса - фиксированные размеры */
.course-card {
    background-color: #e6f6ff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 55, 117, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    height: 240px;
    width: 100%;
    max-width: 395px; /* Фиксированная ширина */
    margin: 0 auto; /* Центрирование внутри слайда */
    box-sizing: border-box;
}


.course-card__content {
    padding: 25px 30px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

/* Чередующиеся стили для карточек */
/* .course-card--s1 {
    border-top: 4px solid #3B82F6; 
}
.course-card--s2 {
    border-top: 4px solid #10B981; 
}
.course-card--s3 {
    border-top: 4px solid #8B5CF6; 
}
.course-card--s0 {
    border-top: 4px solid #F59E0B; 
} */

/* Заголовок курса */
.course-card__title {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    min-height: 50px;
    display: flex;
    align-items: flex-end;
}

.course-card__title a {
    color: #212121;
    text-decoration: none;
    display: block;
    width: 100%;
}

.course-card__title a:hover {
    color: #1d85cf;
    text-decoration: underline;
}

/* Тип программы */
.course-card__program-type {
    color: #1e4f86 !important; 
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

/* Информационная строка */
.course-card__info-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 28px;
}

/* Дата начала */
.course-card__start-date {
    display: flex;
    align-items: center;
    gap: 5px;
}

.course-date-icon {
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.course-date-icon__svg {
    width: 100%;
    height: 100%;
    fill: #1d85cf;
}

.course-card__date-text {
    color: #1d85cf;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

/* Цена и кнопка в одном блоке */
.course-card__price-button-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

/* Цена */
.course-card__price {
    display: inline-flex;
    align-items: flex-end;
    gap: 6px;
}

.course-card__price-prefix {
    color: #1d85cf;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding: 1px 0;
}

.course-card__price-value {
    color: #1d85cf;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

/* Кнопка записи */
.course-card__enroll-button {
    padding: 10px 20px;
    background-color: #ffffff;
    color: #003775;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    white-space: nowrap;
    z-index: 2;
    flex-shrink: 0;
}

.course-card__enroll-button:hover {
    background-color: #f0f0f0;
}

.course-card__enroll-button:active {
    transform: scale(0.98);
}

.course-card__enroll-button:focus {
    outline: 2px solid #1d85cf;
    outline-offset: 2px;
}

/* Дополнительные блоки */
.course-card__duration,
.course-card__format {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.3;
    color: #666;
    display: flex;
    gap: 5px;
}

.course-card__duration-label,
.course-card__format-label {
    font-weight: 500;
    color: #333;
}

.course-card__duration-value,
.course-card__format-value {
    color: #1d85cf;
}

/* Owl Carousel стили */
.owl-item {
    padding: 0 10px; /* Отступы между карточками */
    box-sizing: border-box;
}

.owl-controls {
    margin-top: 20px;
    text-align: center;
}

.owl-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.owl-prev, .owl-next {
    background: none;
    border: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.owl-prev:hover, .owl-next:hover {
    opacity: 0.7;
}

.owl-prev svg, .owl-next svg {
    width: 18px;
    height: 34px;
    fill: #003775;
}

/* Состояние пустоты */
.courses-empty {
    text-align: center;
    padding: 40px 20px;
}

.courses-empty__icon {
    fill: #ccc;
    margin-bottom: 20px;
}

.courses-empty__text {
    color: #666;
    font-size: 16px;
}

/* Адаптивность */
@media (max-width: 1199px) {
    .course-card {
        max-width: 350px; /* Немного меньше на маленьких десктопах */
    }
}

@media (max-width: 991px) {
    .course-card {
        max-width: 320px; /* Еще меньше на планшетах */
    }
}

@media (max-width: 780px) {
    .course-card {
        max-width: 320px; /* На мобильных - адаптивная ширина */
        height: auto;
        min-height: 220px;
    }
    
    .course-card__content {
        padding: 20px;
    }
    
    .owl-item {
        padding: 0 5px;
    }
}

@media (max-width: 600px) {
    .course-card__content {
        padding: 15px;
    }
    
    .course-card__title {
        font-size: 13px;
    }
    
    .course-card__price-value {
        font-size: 18px;
    }
}

/* Скрываем пагинацию (индикаторы) */
.owl-pagination {
    display: none !important;
}
/* End */


/* Start:/bitrix/templates/ipkoil/components/bitrix/news.list/programms-index-filter-new2/style.css?17706134889198*/
/* Owl Carousel Core Styles */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* Owl Carousel Controls */
.owl-controls {
    -webkit-tap-highlight-color: transparent;
}

.owl-controls .owl-nav .owl-prev,
.owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.owl-controls .owl-nav .owl-prev {
    left: -45px;
}

.owl-controls .owl-nav .owl-next {
    right: -45px;
}

.owl-controls .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-controls .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-controls .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-controls .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-controls .owl-dot.active span,
.owl-controls .owl-dot:hover span {
    background: #869791;
}

.owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* Основной контейнер карусели Owl Carousel */
.training-owl {
    position: relative;
    width: 100%;
    margin: 0 0 30px;
}

/* Карточка курса - фиксированные размеры */
.course-card {
    background-color: #e6f6ff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 55, 117, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    height: 240px;
    width: 100%;
    max-width: 395px; /* Фиксированная ширина */
    margin: 0 auto; /* Центрирование внутри слайда */
    box-sizing: border-box;
}


.course-card__content {
    padding: 25px 30px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

/* Чередующиеся стили для карточек */
/* .course-card--s1 {
    border-top: 4px solid #3B82F6; 
}
.course-card--s2 {
    border-top: 4px solid #10B981; 
}
.course-card--s3 {
    border-top: 4px solid #8B5CF6; 
}
.course-card--s0 {
    border-top: 4px solid #F59E0B; 
} */

/* Заголовок курса */
.course-card__title {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    min-height: 50px;
    display: flex;
    align-items: flex-end;
}

.course-card__title a {
    color: #212121;
    text-decoration: none;
    display: block;
    width: 100%;
}

.course-card__title a:hover {
    color: #1d85cf;
    text-decoration: underline;
}

/* Тип программы */
.course-card__program-type {
    color: #1e4f86 !important; 
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

/* Информационная строка */
.course-card__info-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 28px;
}

/* Дата начала */
.course-card__start-date {
    display: flex;
    align-items: center;
    gap: 5px;
}

.course-date-icon {
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.course-date-icon__svg {
    width: 100%;
    height: 100%;
    fill: #1d85cf;
}

.course-card__date-text {
    color: #1d85cf;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

/* Цена и кнопка в одном блоке */
.course-card__price-button-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

/* Цена */
.course-card__price {
    display: inline-flex;
    align-items: flex-end;
    gap: 6px;
}

.course-card__price-prefix {
    color: #1d85cf;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding: 1px 0;
}

.course-card__price-value {
    color: #1d85cf;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

/* Кнопка записи */
.course-card__enroll-button {
    padding: 10px 20px;
    background-color: #ffffff;
    color: #003775;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    white-space: nowrap;
    z-index: 2;
    flex-shrink: 0;
}

.course-card__enroll-button:hover {
    background-color: #f0f0f0;
}

.course-card__enroll-button:active {
    transform: scale(0.98);
}

.course-card__enroll-button:focus {
    outline: 2px solid #1d85cf;
    outline-offset: 2px;
}

/* Дополнительные блоки */
.course-card__duration,
.course-card__format {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.3;
    color: #666;
    display: flex;
    gap: 5px;
}

.course-card__duration-label,
.course-card__format-label {
    font-weight: 500;
    color: #333;
}

.course-card__duration-value,
.course-card__format-value {
    color: #1d85cf;
}

/* Owl Carousel стили */
.owl-item {
    padding: 0 10px; /* Отступы между карточками */
    box-sizing: border-box;
}

.owl-controls {
    margin-top: 20px;
    text-align: center;
}

.owl-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.owl-prev, .owl-next {
    background: none;
    border: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.owl-prev:hover, .owl-next:hover {
    opacity: 0.7;
}

.owl-prev svg, .owl-next svg {
    width: 18px;
    height: 34px;
    fill: #003775;
}

/* Состояние пустоты */
.courses-empty {
    text-align: center;
    padding: 40px 20px;
}

.courses-empty__icon {
    fill: #ccc;
    margin-bottom: 20px;
}

.courses-empty__text {
    color: #666;
    font-size: 16px;
}

/* Адаптивность */
@media (max-width: 1199px) {
    .course-card {
        max-width: 350px; /* Немного меньше на маленьких десктопах */
    }
}

@media (max-width: 991px) {
    .course-card {
        max-width: 320px; /* Еще меньше на планшетах */
    }
}

@media (max-width: 780px) {
    .course-card {
        max-width: 320px; /* На мобильных - адаптивная ширина */
        height: auto;
        min-height: 220px;
    }
    
    .course-card__content {
        padding: 20px;
    }
    
    .owl-item {
        padding: 0 5px;
    }
}

@media (max-width: 600px) {
    .course-card__content {
        padding: 15px;
    }
    
    .course-card__title {
        font-size: 13px;
    }
    
    .course-card__price-value {
        font-size: 18px;
    }
}

/* Скрываем пагинацию (индикаторы) */
.owl-pagination {
    display: none !important;
}
/* End */
/* /bitrix/templates/ipkoil/css/custom-bootstrap.css?177254499828386 */
/* /bitrix/templates/ipkoil/libs/libs.min.css?176294478043338 */
/* /bitrix/templates/ipkoil/css/custom-components.css?178359471148192 */
/* /bitrix/templates/ipkoil/css/style.css?1776332990123353 */
/* /bitrix/templates/ipkoil/css/new-style.css?176294478110117 */
/* /bitrix/templates/ipkoil/css/ik-style.css?17629447817033 */
/* /bitrix/templates/ipkoil/css/custom.css?178358921494798 */
/* /bitrix/templates/ipkoil/css/header.css?17761652499652 */
/* /bitrix/templates/ipkoil/components/custom/empty/top_banner/style.css?17761654051412 */
/* /bitrix/templates/ipkoil/components/bitrix/news.list/main-slider/style.css?17761656405520 */
/* /bitrix/templates/ipkoil/components/bitrix/news.list/education-block/style.css?17762837922993 */
/* /bitrix/templates/ipkoil/components/bitrix/news.list/programs-block/style.css?17762837922304 */
/* /bitrix/templates/ipkoil/components/bitrix/news.list/programms-index-filter-new/style.css?17706133439198 */
/* /bitrix/templates/ipkoil/components/bitrix/news.list/programms-index-filter-new2/style.css?17706134889198 */