/* ============================ Ruble */
@font-face {
    font-family: 'als_rublregular';
    src: url('fonts/rouble-webfont.eot');
    src: url('fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rouble-webfont.woff2') format('woff2'),
         url('fonts/rouble-webfont.woff') format('woff'),
         url('fonts/rouble-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/* ============================ Ubuntu */
@font-face {
	font-family: 'Ubuntu';
	font-display: swap;
	src: url('fonts/ubuntu-regular-webfont.eot');
	src: local('Ubuntu'),
		 url('fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/ubuntu-regular-webfont.woff2') format('woff2'),
	     url('fonts/ubuntu-regular-webfont.woff') format('woff'),
	     url('fonts/ubuntu-regular-webfont.ttf') format('truetype'),
	     url('fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu';
	font-display: swap;
	src: url('fonts/ubuntu-italic-webfont.eot');
	src: local('Ubuntu'),
		 url('fonts/ubuntu-italic-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/ubuntu-italic-webfont.woff2') format('woff2'),
	     url('fonts/ubuntu-italic-webfont.woff') format('woff'),
	     url('fonts/ubuntu-italic-webfont.ttf') format('truetype'),
	     url('fonts/ubuntu-italic-webfont.svg#ubuntuitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Ubuntu';
	font-display: swap;
	src: url('fonts/ubuntu-bold-webfont.eot');
	src: local('Ubuntu'),
		 url('fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/ubuntu-bold-webfont.woff2') format('woff2'),
	     url('fonts/ubuntu-bold-webfont.woff') format('woff'),
	     url('fonts/ubuntu-bold-webfont.ttf') format('truetype'),
	     url('fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu';
	font-display: swap;
	src: url('fonts/ubuntu-bolditalic-webfont.eot');
	src: local('Ubuntu'),
		 url('fonts/ubuntu-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/ubuntu-bolditalic-webfont.woff2') format('woff2'),
	     url('fonts/ubuntu-bolditalic-webfont.woff') format('woff'),
	     url('fonts/ubuntu-bolditalic-webfont.ttf') format('truetype'),
	     url('fonts/ubuntu-bolditalic-webfont.svg#ubuntubold_italic') format('svg');
	font-weight: 700;
	font-style: italic;
}

/* ============================ Exo 2 */
@font-face {
	font-family: 'Exo 2';
	font-display: swap;
	src: url('fonts/exo2bold-webfont.eot');
	src: local('Exo 2'),
		 url('fonts/exo2bold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/exo2bold-webfont.woff2') format('woff2'),
	     url('fonts/exo2bold-webfont.woff') format('woff'),
	     url('fonts/exo2bold-webfont.ttf') format('truetype'),
	     url('fonts/exo2bold-webfont.svg#exo_2bold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	font-display: swap;
	src: url('fonts/exo2light-webfont.eot');
	src: local('Exo 2'),
		 url('fonts/exo2light-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/exo2light-webfont.woff2') format('woff2'),
	     url('fonts/exo2light-webfont.woff') format('woff'),
	     url('fonts/exo2light-webfont.ttf') format('truetype'),
	     url('fonts/exo2light-webfont.svg#exo_2_lightregular') format('svg');
	font-weight: 300;
	font-style: normal;
}

html {
	box-sizing: border-box;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

*,
*:before,
*:after {box-sizing: inherit;}

body {
	margin: 0;
	font-size: 14px;
	color: #000;
	line-height: 1.42857143;
	font-family: 'Ubuntu', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Ссылки */
a {
	color: #313846;
	background-color: transparent;
	cursor: pointer;
}

a:hover {
	color: #13a4ec;
}

a:active,
a:hover,
a:focus {outline: 0}

.link {
	color: #13a4ec;
}

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

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

[hidden],
template {display: none}

b,
strong {
	font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;

	color: #000;
	line-height: 100%;
}

.contentText h2 {
    font-family: 'Exo 2';
    font-weight: 500;
    color: #00aaff;
    margin-top: 25px;
    margin-bottom: 15px;
}

.contentText ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contentText ul li {
    padding-left: 30px;
    line-height: 21px;
    position: relative;
}

.contentText ul li:not(:last-child) {
    padding-bottom: 10px;
}

.contentText ul li:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 11px;
    height: 11px;
    border: 2px solid #0093FF;
    border-radius: 100%;
    content: '';
}

.contentText ul li p {
    margin: 0;
}

h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px; margin: 25px 0 15px 0;}

h6 {
	margin-bottom: 15px;
	
	font-size: 15px;
}

.h3 {
	font-size: 24px;
	font-weight: bold;
}

small {font-size: 80%}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {font-weight: normal;}

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

sup {top: -.5em;}
sub {bottom: -.25em;}

img {
	border: 0;
	height: auto;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}

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

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

#iconsSvg {
    display: none;
}

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

form,
figure {margin: 0}

hr {
	box-sizing: content-box;
	height: 0;
	border: 0;
	border-bottom: 1px solid #000;
	overflow: visible;
}

p {margin-top: 0}
p:empty {display: none}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0;
}

button,
input,
select {
	overflow: visible;
}

button,
select {text-transform: none}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
}

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

[disabled] {cursor: default}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

[type="checkbox"],
[type="radio"] {
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {overflow: auto}
optgroup {font-weight: 700}

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

td,
th {padding: 0}

/* ============================ Заголовки */ 
.title {
	font-size: 23px;
	font-weight: 300;
	font-family: 'Exo 2';
	color: #00aaff;
}

.title > a {
	text-decoration: none;
	color: inherit;
}

.title > a:hover {
	text-decoration: underline;
}

/* ============================ Основа кнопки */
.but {
	position: relative;
	
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	border: 0;
	
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	line-height: normal;
	
	border-radius: 0;
	background: none;
	outline: 0;

	-webkit-transition: 
		background-color .2s ease-in-out, 
		color .2s ease-in-out
	;
	transition: 
		background-color .2s ease-in-out, 
		color .2s ease-in-out
	;

	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	-ms-touch-action: manipulation;
	touch-action: manipulation;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.but[disabled] {
	cursor: not-allowed;
	opacity: .65;
}

/* Выравнивание */
.buttonsRight {
	text-align: right;
}

.buttonsCenter {
	text-align: center;
}

/* Текст кнопки */
.butText {
	display: inline-block;
	vertical-align: middle;
}

/* Размеры кнопок */
.butBlock {
	display: block;
	width: 100%;
}

.butSmall {
	padding: 5px 6px;
}

.butSmall .ico {
	width: 14px;
	height: 14px;
}

.butNormal {
	padding: 6px 15px;
}

.butLg {
	padding: 12px 30px;
}

/* Стили кнопок */
.butLink {
	font-size: 12px;
	color: #94a5b4;
}

.butLink .butText {
	text-decoration: underline;
}

/* Кнопка 1 */
.butPrimary {
	background: #00A4EC;
	border-radius: 5px;
	border: 2px solid transparent;

	color: #fff;
	font-weight: 300;
	font-family: 'Exo 2';
	text-transform: uppercase;
	font-size: 14.5px;
}

.butPrimary .ico {
	fill: #fff;
}

.butPrimary:hover {
	background: #00B8FF;

	color: #fff;
}

/* Кнопка 2 */
.butSecondary {
	background: #377299;
	border-radius: 5px;

	color: #fff;
	font-weight: 300;
	font-family: 'Exo 2';
	text-transform: uppercase;
	font-size: 14.5px;
}

.butSecondary:hover {
	background: #1287C6;
}

/* Кнопка 3 */
.butDefault {
	background-color: #9FC2CF;

	color: #fff;
}

.butDefault .ico {
	fill: #fff;
}

.butDefault:hover {
	background-color: #00A7EC;
}

/* Кнопка 4 */
.butLight {
	border: 2px solid #00A7EC;

	border-radius: 5px;

	color: #13a4ec;
}

.butLight:hover {
	background-color: #00A7EC;

	color: #fff;
}

/* Группировка кнопок */
.buttonGroup {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.buttonGroup > .but:first-child {
	border-radius: 5px 0 0 5px;
}

.buttonGroup > .but:last-child {
	border-radius: 0 5px 5px 0;
}

/* ============================ Иконки */
.ico {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.ico.icomd {
	width: 27px;
	height: 27px;
}

.ico.icolg {
	width: 40px;
	height: 40px;
}

.icoLeft {
	margin-right: 5px;
}

.icoRight {
	margin-left: 5px;
}

.icoGroup:not(:last-child) {
	margin-bottom: 15px;
}

.icoGroup > a {
	color: #000;
	text-decoration: none;
}

.icoGroup:hover > a {
	text-decoration: underline;
}

.catalogDetailDescription .icoGroup {
    
}

.icoGroup .ico {
	fill: #00A7EC;
}

.icoGroupText {
	color: #000;
	font-size: 15px;
}

/* ============================ Дата */
.date {
	display: block;
	
	color: #737373;
	font-size: 14px;
}

.date.sm {
	font-size: 13px;
}

/* ============================ Готовые классы помошники */
/* Цена */ 
.price {
	font-weight: bold;
	line-height: 100%;
	font-size: 13px;
	color: #313846;
}

.price > b {
	font-size: 28px;
}

.price.cardPrice > b {
	font-size: 18px;
}

.price.priceBig > b {
	font-size: 50px;
}

/* ============================ Контакты */
.contactsGroup:not(:last-child) {
	margin-bottom: 15px;
}

.contactsGroup > .row {
	margin-left: -5px;
	margin-right: -5px;
}

.contactsGroup > .row > .col {
	padding-left: 5px;
	padding-right: 5px;
}

.contactsGroupIco {
	fill: #377299;
}

.contactsGroupText {
	font-size: 13px;
	color: #313846;
}

/* Телефон */
.tel,
.mail {
	display: block;

	text-decoration: none;
	color: #313846;
}

.tel.telBig {
	font-weight: bold;
	font-size: 25px;
	line-height: 100%;
}

/* ============================ Изображения */
.imgView {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-basis: 100%;
	-ms-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;

	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	text-align: center;
	text-decoration: none;

	overflow: hidden;
}

.imgView img {
	max-height: 100%;
}

.imgThumbnail {
	border: 1px solid #E1E1E1;
}

.imgThumbnail.imgView {
	height: 200px;
}

/* ============================ Списки */
/* Обнуление списка */
.list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list.listJob {
    list-style: square;
    margin-left: 15px;
}

.list > li {position: relative;}

/* Строчный список */
.listCenter {text-align: center;}

.listCenter > li,
.listInline > li {
	display: inline-block;
	vertical-align: middle;
}

/* Резиновый список */
.listFlex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.listFlex > li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.listBetween {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.listBetween > li {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

/* Стилизованные маркеры */
.listCustom > li {
	padding-left: 30px;

	line-height: 21px;
}

.listCustom > li:before {
	position: absolute;
	top: 5px;
	left: 0;

	width: 11px;
	height: 11px;
	border: 2px solid #0093FF;

	border-radius: 100%;

	content: '';
}

/* ============================ Текстовый блок */
.textBox {
	margin-bottom: 40px;
}

.textBoxTitle {
	margin-bottom: 25px;
}

.textBoxBody {
	font-size: 13px;
	color: #000;
}

/* ============================ iframe карты */
.mapWrap iframe {
	display: block;
	width: 100%!important;
}

/* ============================ Панели */
.panel {
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}

.panelTitle {
	margin-bottom: 30px;
}

.panelBody {
	padding-bottom: 25px;
}

/* ============================ Счётчик товаров */
.counter {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;

	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	margin: 0 auto;
	width: 90px;
}

.counter > * {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.counter .counterBut {
	width: 20px;
	height: 20px;
	padding: 0;

	border-radius: 100%;
}

.counter .fieldCount {
	width: 40px;
	margin: 0 5px;
	padding: 2px 10px;
	
	border-radius: 0;

	text-align: center;
}

/* ============================ Сетка */
.container {
	position: relative;
	
	width: 100%;
	max-width: 1200px;
	min-height: 1px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	margin-left: -10px;
	margin-right: -10px;

	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.rowNoWrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.rowIcoHead {
	margin-right: 0;
	margin-left: 0;
}

.rowIcoHead > .col {
	    padding-right: 0px;
    padding-left: 5px;
}



/* Горизонтальное выравнивание строки */
.rowLeft {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.rowCenter {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rowRight {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.rowAround {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.rowBetween {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* Вертикальное выравнивание строки */
.rowTop {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.rowMiddle {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.rowBot {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.rowBaseline {
	-webkit-justify-content: baseline;
	-ms-flex-pack: baseline;
	justify-content: baseline;
}

.col {
	position: relative;

	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-left: 10px;
	padding-right: 10px; 
	min-height: 1px;
	max-width: 100%;
}

/* Вертикальное выравнивание ячеек */
.colTop {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.colMiddle {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.colBottom {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.colDefault {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.colAuto {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.colStretch {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.col1 {
	-webkit-flex-basis: 8.33333333%;
	-ms-flex-basis: 8.33333333%;
	flex-basis: 8.33333333%;
	max-width: 8.33333333%;
}

.col2 {
	-webkit-flex-basis: 16.66666667%;
	-ms-flex-basis: 16.66666667%;
	flex-basis: 16.66666667%;
	max-width: 16.66666667%;
}

.col3 {
	-webkit-flex-basis: 25%;
	-ms-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}

.col4 {
	-webkit-flex-basis: 33.33333333%;
	-ms-flex-basis: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
}

.col5 {
	-webkit-flex-basis: 41.66666667%;
	-ms-flex-basis: 41.66666667%;
	flex-basis: 41.66666667%;
	max-width: 41.66666667%;
}

.col6 {
	-webkit-flex-basis: 50%;
	-ms-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%;
}

.col7 {
	-webkit-flex-basis: 58.33333333%;
	-ms-flex-basis: 58.33333333%;
	flex-basis: 58.33333333%;
	max-width: 58.33333333%;
}

.col8 {
	-webkit-flex-basis: 66.66666667%;
	-ms-flex-basis: 66.66666667%;
	flex-basis: 66.66666667%;
	max-width: 66.66666667%;
}

.col9 {
	-webkit-flex-basis: 75%;
	-ms-flex-basis: 75%;
	flex-basis: 75%;
	max-width: 75%;
}

.col10 {
	-webkit-flex-basis: 83.33333333%;
	-ms-flex-basis: 83.33333333%;
	flex-basis: 83.33333333%;
	max-width: 83.33333333%;
}

.col11 {
	-webkit-flex-basis: 91.66666667%;
	-ms-flex-basis: 91.66666667%;
	flex-basis: 91.66666667%;
	max-width: 91.66666667%;
}

.col12 {
	-webkit-flex-basis: 100%;
	-ms-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
}

/* Смещение колонок */
.offset1 {margin-left: 8.33333333%}
.offset2 {margin-left: 16.66666667%}
.offset3 {margin-left: 25%}
.offset4 {margin-left: 33.33333333%}
.offset5 {margin-left: 41.66666667%}
.offset6 {margin-left: 50%}
.offset7 {margin-left: 58.33333333%}
.offset8 {margin-left: 66.66666667%}
.offset9 {margin-left: 75%}
.offset10 {margin-left: 83.33333333%}
.offset11 {margin-left: 91.66666667%}

/* ============================ Путь по сайту */
.path {
	margin-bottom: 10px;

	font-size: 15px;
}

.path li + li:before {
	padding: 0 5px;
	
	color: #c4c4c4;
	content: '›';
}

.path a {
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

	text-decoration: none;
}

.path li:hover > a,
.path li.active > a {}

/* ============================ Переключатель страниц */
.pager {
	margin-top: 20px;
	
	color: #000;
}

.pagerActive {
	display: inline-block;
	border: 1px solid #D1DFE8;
	width: 40px;
	height: 25px;
	margin-right: 5px;

	line-height: 23px;
	text-align: center;
}

/* ============================ Секции */
.section {
	position: relative;

	padding: 55px 0;
}

.section.dark {
	background: #F6F8FA;
}

.sectionHeader {
	margin-bottom: 60px;
}

.sectionTitle {
	margin-bottom: 0;

	font-weight: 300;
	font-size: 38px;
	font-family: 'Exo 2';
}

.sectionBody {}

.sectionFooter {}

/* ============================ Карточки */
.card {
	position: relative;

	background: #fff;

	padding: 10px;
	margin-bottom: 10px;

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.slickCarousel .card {
	margin: 20px 10px;
}

.cardImgWrap:not(.imgView) {
	display: block;

	text-decoration: none;
}

.cardImgWrap.imgView {
	height: 200px;
}

.cardTitle {
	margin-bottom: 0;
	overflow-y: hidden;
	height: 81px;

	color: #2d6eb0;
	line-height: 21px;
	font-weight: normal;

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.cardTitle > a {
	color: inherit;
	text-decoration: none;
}

.cardFooter {
	border-top: 1px solid #D6D6D6;
	padding-top: 15px;
	margin-top: 10px;
}

.cardPrice {
	text-align: right;
}

/* ============================ Карточка наведением */
.cardDropdown.hover.active,
.card.hover.open,
.card.hover:hover {
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}

/* ============================ Карточка с выпадающим меню */
.card.cardDropdown {
	position: relative;

	padding: 0;
}

.cardDropdown .cardImgWrap {
	border: 1px solid #e1e1e1;
	padding: 10px;
	text-decoration: none;
}

.card.cardDropdown .cardTitle {
    padding: 10px;
    margin: 0;
	position: relative;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	border-left: 1px solid transparent;
	border-right: 1px solid transparent;

	font-size: 11px;
	text-align: center;
	color: #313846;
	text-transform: uppercase;
	font-weight: bold;

	height: 60px;
	line-height: normal;
	cursor: pointer;
}

.card.cardDropdown .cardTitle > a {
	display: block;
	width: 100%;
	padding: 5px 20px;
}

.card.cardDropdown.hover.open .cardTitle {
	border-color: #e1e1e1;
}

.card.cardDropdown.hover.open .dropdownCaret {
	transform: rotate(180deg);
}

.card.cardDropdown .cardDropdownMenu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;

	visibility: hidden;
	opacity: 0;
	background-color: #fff;
	box-shadow: 0 7px 15px rgba(0,0,0,.2);

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

	-webkit-transform: translateY(20px);
	transform: translateY(20px);

	border: 1px solid #e1e1e1;
	width: 100%;
	padding: 20px;
	
	    max-height: 500px;
    overflow: auto;
}

.card.cardDropdown.open .cardDropdownMenu {
	visibility: visible;
	opacity: 1;

	-webkit-transform: none;
	transform: none;
}

/* ============================ Карточка с фоном */
.cardBg {
	position: relative;
	
	height: 285px;
	margin-bottom: 45px;
}

.cardBgImg {
	height: 100%;

	background: center / cover no-repeat;
}

.cardBgInfo {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	padding: 25px 20px;

	color: #fff;

	background-color: rgba(40, 50, 55, .8);
}

.cardBgInfoBox {
	text-decoration: none;
	color: inherit;
}

.cardBgTitle {
	display: block;
	margin-bottom: 10px;

	font-weight: 300;
	font-family: 'Exo 2';
	font-size: 24px;
}

.cardBgText {
	display: block;
	font-size: 13px;
}

/* ============================ Простая карточка */
.cardLight {
	margin-bottom: 40px;
}

.cardLightImgWrap {
	margin-bottom: 25px;
	height: 200px;
	border: 1px solid #ccc;
	padding: 10px;
}

.cardText {
	padding: 0 10px;

	text-align: center;
	font-size: 15px;
}

/* ============================ Баннеры */
.banner img {
	display: block;
	width: 100%;
}

.bannerBg {
	height: 215px;
	padding: 15px 30px;
	margin-bottom: 40px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	background: center / cover no-repeat; 
}

.bannerText {
	font-weight: 300;
	font-family: 'Exo 2';
	color: #fff;
}

/* ============================ Новость */
.newsItem {
	margin-bottom: 50px;
	padding-left: 20px;
	border-left: 3px solid #000;
}

.newsItemHeader {
	margin-bottom: 10px;
}

.newsItemTitle {
	margin-bottom: 10px;
}

.newsItemBody {
	color: #000;
}

/* ============================ Блок с меню */
.menuBoxes {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
}

.menuBox {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}

.menuBoxTitle {
	display: block;
	
	margin-bottom: 13px;
	
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

.menuBoxList > li {
	margin-bottom: 10px;
}

.menuBoxList > li > a {
	display: block;
	
	font-size: 13px;
	color: #808080;

	text-decoration: none;

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.menuBoxList > li.active > a,
.menuBoxList > li:hover > a {
	color: #00aaff;
}

/* ============================ Слайдер */
.slick {
	position: relative;

	-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;
}

.slickCarousel {
	margin-left: 50px;
	margin-right: 50px;
}

.slickList {
	position: relative;
	
	overflow: hidden;
}

.slickList:focus {outline: none;}

.slickList.dragging {
	cursor: pointer;
	cursor: hand;
}

.slickSlider .slickTrack,
.slickSlider .slickList {
	-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);
}

.slickTrack {
	position: relative;
}

.slickTrack:before,
.slickTrack:after {
	display: table;
	
	content: '';
}

.slickTrack:after {clear: both;}
.slickLoading .slickTrack {visibility: hidden;}

.slickSlide {
	position: relative;
	
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	
	outline: none;
}

.slickInit .slickSlide {display: block;}
.slickLoading .slickSlide {visibility: hidden;}

.slickArrow.slick-hidden {display: none;}

/* Навигация по слайдам */ 
.slickDots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	
	list-style: none;
	
	margin: 0;
	padding: 0;
	
	text-align: center;
	font-size: 0;
}

.slickDots li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
}

.slickDots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 0;
	
	background: rgba(0,0,0,.5);
	border-radius: 100%;
	outline: 0;
	
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.slickDots .slickActive button {
	background: #fff;
}

.slickDots li:hover button {
	background: #000;
}

/* Кнопки лево-право */ 
.slickArrow {
	position: absolute;
	z-index: 10;
	
	padding: 0;
	border: 0;

	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	
	font-size: 0;

	outline: 0;
}

.slickArrow .ico {
	fill: #fff;
}

.slickPrev {
	left: 0;
}

.slickNext {
	right: 0;
}

/* Тема 1 */
.slickTheme1 .slickArrow {
	top: calc(50% - 20px);

	width: 40px;
	height: 40px;

	border-radius: 100%;
	background-color: #377299;
}

.slickTheme1 .slickArrow:hover {
	background-color: #385159;
}

.slickTheme1 .slickPrev {
	right: 100%;
	left: auto;
}

.slickTheme1 .slickNext {
	left: 100%;
	right: auto;
}

/* Тема 2 */
.slickTheme2 .slickArrow {
	top: 0;
	bottom: 0;

	height: 100%;
	width: 50px;

	background-color: rgba(0,0,0,.2);
}

.slickTheme2 .slickArrow:hover {
	background-color: rgba(0,0,0,.5);
}

/* ============================ Таблицы */
.table {width: 100%;}
.catalogDetailDescription .table td {width: 75%;}

.tlf {table-layout: fixed;}

/* Базовая таблица */
.tableBasic th,
.tableBasic td {
	padding: 8px 15px;
}

.tableBasic > thead {
	background-color: #F7F8FA;
}

.tableBasic > thead > tr > th {
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;

	font-size: 14px;
	text-align: left;
	color: #000;
}

.tableBasic > tbody > tr > th,
.tableBasic > tbody > tr > td {
	border-bottom: 1px solid #E1E1E1;
}

.tableBasic > tfoot > tr > th,
.tableBasic > tfoot > tr > td {
	background-color: #F7F8FA;
}

/* Таблица данных */
.dataTable {
	max-width: 400px;
}

.dataTable > tbody > tr > td {
	padding: 10px;

	font-weight: bold;
	color: #000;
}

.dataTable > tbody > tr > td:first-child {
	padding-left: 0;
}

.dataTable > tbody > tr > td:last-child {
	padding-right: 0;
}

/* ============================ Формы */
.formHeader,
.formBody,
.formGroup {
	position: relative;
	
	margin-bottom: 15px;
}

.fieldName {
	position: relative;
	
	display: block;

	color: #000;
}

.fieldName + .field {
	margin-top: 5px;
}

.field {
	display: block;
	width: 100%;
	padding: 3px 10px;
	border: 1px solid #CBCBCB;
	
	outline: 0;
	background: #fff;
	border-radius: 3px;
}

.field.fieldLarge {
	padding-top: 8px;
	padding-bottom: 8px;
}

.field:not(select) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.field::-webkit-input-placeholder {
	text-overflow: ellipsis;
	color: #aaa;
}

.field::-moz-placeholder {
	text-overflow: ellipsis;
	color: #aaa;
}

.field:-moz-placeholder {
	text-overflow: ellipsis;
	color: #aaa;
}

.field:-ms-input-placeholder {
	text-overflow: ellipsis;
	color: #aaa;
}

.field:hover {}

.field:focus {}

.field:focus::-webkit-input-placeholder {color: transparent}
.field:focus::-moz-placeholder {color: transparent}
.field:focus:-moz-placeholder {color: transparent}
.field:focus:-ms-input-placeholder {color: transparent}

.unifiedFormGroup {
	display: block;
	padding: 10px 20px;
	border: 1px solid #CBCBCB;

	border-radius: 3px;
}

.unifiedFormGroup .fieldName {
	display: block;

	color: #13a4ec;
	font-weight: 300;

	font-family: 'Exo 2';
}

.unifiedFormGroup .field {
	border: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Чекбокс */
.fieldCheckbox {
	position: relative;

	display: block;
	margin-bottom: 15px;
}

.fieldCheckbox:last-child {
	margin-bottom: 0;
}

.fieldCheckbox input {
	display: none;
}

.fieldCheckbox .fieldName {
	padding-left: 30px;

	cursor: pointer;

	font-size: 15px;
	color: #000;
}

.fieldCheckbox .fieldName:before {
	position: absolute;
	top: 2px;
	left: 0;

	width: 17px;
	height: 17px;

	border: 1px solid #CBCBCB;
	background: #fff;
	border-radius: 3px;

	color: #000;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;

	content: '';
}

.fieldCheckbox input:checked + .fieldName:before {
	content: '✓';
}

/* Радиокнопка */
.fieldRadio {
	position: relative;

	display: block;
	margin-bottom: 15px;
}

.fieldRadio:last-child {
	margin-bottom: 0;
}

.fieldRadio input {
	display: none;
}

.fieldRadio .fieldName {
	padding-left: 30px;

	cursor: pointer;

	font-size: 15px;
	color: #949494;
}

.fieldRadio .fieldName:before {
	position: absolute;
	top: 2px;
	left: 0;

	width: 17px;
	height: 17px;

	border: 1px solid #CBCBCB;
	background: #fff;
	border-radius: 100%;

	color: #000;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;

	content: '';
}

.fieldRadio.active .fieldName,
.fieldRadio input:checked + .fieldName {
	color: #000;
}

.fieldRadio.active .fieldName:before,
.fieldRadio input:checked + .fieldName:before {
	background-color: #00DE77;
	border-color: #00DE77;
}

.formFooter {
	margin-top: 30px;
}

/* ============================ Модальные окна */
.modalOpen {overflow: hidden;}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	
	display: none;
	overflow: hidden;
	
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.fade {
	opacity: 0;

	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.fade.in {
	opacity: 1;
}

.modal.fade .modalDialog {
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);

	-webkit-transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
}

.modal.in .modalDialog {
	-webkit-transform: none;
	transform: none;
}

.modalOpen .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modalDialog {
	position: relative;
	
	max-width: 685px;
	margin: 40px auto;
}

.modalContent {
	position: relative;
	
	background: #fff;
}

.modalBackdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	
	background-color: #000;
}

.modalBackdrop.fade {
	opacity: 0;
}

.modalBackdrop.in {
	opacity: .5;
}

.modalHeader,
.modalBody {
	position: relative;
	
	padding: 15px;
}

.modalText {
    text-align:center;
}

.modalHeader {
	padding-top: 40px;
}

.modalBody {
	padding-bottom: 40px;
	max-width: 440px;
	margin: 0 auto;
}

.modalClose {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}

.modalClose .ico {
	width: 30px;
	height: 30px;
}

.modalClose:hover .ico {
	fill: #00A4EC;
}

.modalTitle {
	margin-bottom: 0;
	
	text-align: center;
	font-size: 37px;
	text-transform: uppercase;
	font-family: 'Exo 2';	
}

/* ============================ Выпадающее меню */
.dropdown {position: relative;}

.dropdownCaret {
	position: absolute;
	top: calc(50% - 10px);
	right: 20px;

	width: 20px;
	height: 20px;

	fill: #00C9FF;
}

.dropdownBlock {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;

	visibility: hidden;
	opacity: 0;

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}

.open > .dropdownBlock {
	visibility: visible;
	opacity: 1;

	-webkit-transform: none;
	transform: none;
}

/* ============================ Вкладки */
.tabsNav {
	margin-bottom: 20px;
}

.tabsNav a {
	display: block;
	
	text-decoration: none;

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.tabPanel {display: none;}
.tabPanel.active {display: block;}

/* Тема 1 */
.tabsNav.theme1 li {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.tabsNav.theme1 li:first-child > a {
	border-radius: 5px 0 0 5px;
}

.tabsNav.theme1 li:last-child > a {
	border-radius: 0 5px 5px 0;
}

.tabsNav.theme1 a {
	padding: 7px 15px;

	color: #fff;
	font-weight: bold;
	font-size: 17px;

	background-color: #E0E0E0;
}

.tabsNav.theme1 .active > a {
	background-color: #254C5F;
}

/* Тема 2 */
.tabsNav.theme2 a {
	padding: 7px;

	color: #354c5f;
	font-size: 15px;
	text-align: center;

	background-color: #E4E7EC;
	border-radius: 3px;
	min-width: 185px;
}

.tabsNav.theme2 .active > a {
	background-color: #00A4EC;

	color: #fff;
}

/* Тема 3 */
.tabsNav.theme3 a {
	padding: 5px 10px;

	color: #000;

	border-radius: 3px;
}

.tabsNav.theme3 .active > a {
	background-color: #00A7EC;

	color: #fff;
}

/* ============================ Аккордионы */
.collapse.in {
    display: block;
}

.collapse {
    display: none;
}

.collapsing {
	position: relative;

	height: 0;
	overflow: hidden;

	-webkit-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

.collapseTitle {
	border-top: 1px solid #ccc;
	padding: 20px 0;
	margin-bottom: 0;

	cursor: pointer;
}

.collapseTitle .ico {
	width: 35px;
	height: 35px;

	fill: #00aaff;
}

.collapseTitle:not(.collapsed) .ico {
	transform: rotate(-180deg);
}

.collapseBody {
	padding-bottom: 20px;
}

/* ============================ Диапазон чисел */
.rangeSliderWrap {
	margin-bottom: 20px;
}

.rangeSliderFieldsValue {
	position: relative;
	
	margin-bottom: 20px;
	overflow: hidden;
}

.rangeSliderFieldsValue:after {
	position: absolute;
	top: calc(50% - .5px);
	left: calc(50% - 15px);

	width: 30px;
	height: 1px;

	background-color: #BDC9D2;

	content: '';
}

.rangeSliderFieldsValue .field {
	width: 70px;

	text-align: center;
}

.rangeSliderFieldsValue .fieldMinValue {float: left;}
.rangeSliderFieldsValue .fieldMaxValue {float: right;}

.noUi-target,
.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.noUi-base {
	position: relative;
	z-index: 1;

	width: 100%;
	height: 100%;

	background: #ddd;
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;

	background: #ddd;
}

.noUi-handle {
	position: relative;
	z-index: 1;
}

.noUi-stacking .noUi-handle {
	z-index: 10;
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left .3s, top .3s;
	transition: left .3s, top .3s;
}

.noUi-state-drag * {
	cursor: inherit !important;
}

.noUi-base,
.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.noUi-horizontal {
	height: 4px;
}

.noUi-horizontal .noUi-handle {
	width: 15px;
	height: 15px;
	left: -7.5px;
	top: -6px;
}

.noUi-vertical {
	width: 4px;
}

.noUi-vertical .noUi-handle {
	width: 21px;
	height: 21px;
	left: -9px;
	top: -10.5px;
}

.noUi-connect {
	background: #92999D;

	-webkit-transition: background 450ms;
	transition: background 450ms;
}

.noUi-draggable {
	cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
	cursor: n-resize;
}

.noUi-handle {
	border-radius: 100%;
	background: #00A4E8;

	cursor: default;
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
	cursor: not-allowed;
}


/* ============================ Скроллбар */
.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
	overflow: hidden;
}

.mCustomScrollbar.mCS_no_scrollbar, 
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
}

.mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: 
		opacity .2s ease-in-out, 
		background-color .2s ease-in-out;
	transition: 
		opacity .2s ease-in-out, 
		background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
	-webkit-transition: 
		width .2s ease-out .2s, 
		height .2s ease-out .2s, 
		margin-left .2s ease-out .2s, 
		margin-right .2s ease-out .2s, 
		margin-top .2s ease-out .2s, 
		margin-bottom .2s ease-out .2s,
		opacity .2s ease-in-out, 
		background-color .2s ease-in-out; 
	transition: 
		width .2s ease-out .2s, 
		height .2s ease-out .2s, 
		margin-left .2s ease-out .2s, 
		margin-right .2s ease-out .2s, 
		margin-top .2s ease-out .2s, 
		margin-bottom .2s ease-out .2s,
		opacity .2s ease-in-out, 
		background-color .2s ease-in-out; 
}

/* Вертикальный скролбар */ 
.mCSB_inside > .mCSB_container {
	margin-right: 20px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container { 
	margin-right: 0;
	margin-left: 10px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0;
}

.mCSB_scrollTools {
	position: absolute;
	width: 8px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
	right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	right: auto;
	left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	height: auto;

	background: #EFEDED;
	border-radius: 10px;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1;

	background: #D2CFCF;
	border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0;
}

/*  Скролл по горизонтали */ 
.mCSB_horizontal.mCSB_inside > .mCSB_container {
	margin-right: 0;
	margin-bottom: 10px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
	min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 8px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
	margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0;
}

/*  Скролл по горизонтали и вертикали */ 
.mCSB_container_wrapper{
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{
	left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}