body, html {
	overflow-x: hidden;
}

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: 16px;
	font-weight: 400;
	color: #393938;
	line-height: 1.42857143;
	letter-spacing: 0.01em;
	font-family: 'Gilroy', '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;

	overflow-x: hidden;
}

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

.wow {
    visibility: hidden;
}

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

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 {
	font-weight: 600;
	line-height: 100%;
	margin-bottom: 20px;
}

h2 {font-size: 36px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}

small {font-size: 80%}

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

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
	color: inherit;
	text-decoration: none;
}

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

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: 0;
	margin: 0;
	padding: 0
}

legend {
	border: 0;
	padding: 0
}

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

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

td,
th {padding: 0}

/* ============================ Основа кнопки */
.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: .2s ease-in-out;
	transition: .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] {
	pointer-events: none;
	cursor: not-allowed;
	opacity: .65;
}

/* Текст кнопки */
.butText {
	display: inline-block;
	vertical-align: middle;
	
	white-space: normal;
	line-height: 100%;
}

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

/* Очень большая */
.but.butLarge {}

/* Средняя */
.but.butMedium {}

/* Маленькая */
.but.butSmall {}

/* Очень маленькая */
.but.butTiny {}

/* Стили кнопок */
/* Первичная кнопка */
.butPrimary {
	font-family: 'Akrobat';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;
	color: #FFFFFF;

	padding: 13px 32px;
	border-radius: 4px;

	overflow: hidden;
	z-index: 5;
}


.butPrimary.active,
.butPrimary:active {}

.effectFade {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 1s ease, transform .8s ease;
	transition: opacity 1s ease, transform .8s ease;
}

.but:before {
	transition: all 0.4s ease;
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 200%;
	height: 100%;

	transform: translateX(-50%);
}

.butPrimary:before {
	background: #0757AD;
	background: linear-gradient(90deg,  #BF8436 0%, #EEC486 50%, #0757AD 50%, #00AEEF  100%);
}

.effectFade:hover:before {
	transform: translateX(0%);
}

/* Вторичная */
.butSecondary {}
.butSecondary:hover {}
.butSecondary.active,
.butSecondary:active {}

/* Зелёная кнопка */
.butSuccess {}
.butSuccess:hover {}
.butSuccess.active,
.butSuccess:active {}

/* Кнопка ссылка */
.butLink {}
.butLink:hover {}
.butLink.active,
.butLink:active {}

/* Кнопка для закругления краёв */
.butRound {
	border-radius: 100px;
}

/* ============================ Иконки */
#iconsSvg {
	display: none;
}

.ico {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	
	fill: #000;
	
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.icoLeft {
	margin-right: 5px;
}

.icoRight {
	margin-left: 5px;
}

/* Иконка меню */


.icoMenu {
	display: inline-block;
	vertical-align: middle;
	width: 31px;
	height: 22px;
}

.icoMenu span {
	display: block;
	height: 2px;

	transition: .2s ease-in-out;
	background: #fff;
}

.icoMenu span:nth-child(2) {
	margin: 6px 0;
}

.open .icoMenu span:first-child {
	transform: translateY(5px) rotate(45deg);
}

.open .icoMenu span:nth-child(2){
	transform: translateY(-3px) rotate(-45deg);
	width: 31px;
}

.open .icoMenu span:last-child {
	width: 0px;
}

.dropdown {
	display: none;
}

/* ============================ Контакты */
.contactsGroup {
	
}

.contactsGroup:not(:last-child) {
	margin-bottom: 10px;
}

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

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

.contactsGroupIco {
	
}

.contactsGroupText {
	
}

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

	text-decoration: none;
	color: inherit;
}

/* ============================ Изображения */
.imgView {
	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;

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

	overflow: hidden;
}

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

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

.list > li {position: relative;}

/* Резиновый список */
.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: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

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

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

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

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

.container.big {
	max-width: 1520px;
}

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

	margin-left: -15px;
	margin-right: -15px;

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

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

.noGutters > .col {
	padding-right: 0;
	padding-left: 0;
}

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

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

.rowRight {
	-webkit-box-pack: end;
	-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-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

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

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

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

.rowBaseline {
	-webkit-align-items: baseline;
	align-items: baseline;
}

.col {
	position: relative;

	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	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;
	-ms-grid-row-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;
	width: auto;
}

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

.col20 {
	-webkit-flex-basis: 20%;
	-ms-flex-basis: 20%;
	flex-basis: 20%;
	max-width: 20%;
}

.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%}

/* Сортировка колонок */
.colFirst {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
}

.colLast {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

.colUnordered {
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
}

/* ============================ Счётчик товаров */
.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;
	border: 1px solid #C6C6C6;
	margin: 0 auto;
	max-width: 100px;
}

.counter .counterBut {
	-webkit-flex: 0 0 30px;
	-ms-flex: 0 0 30px;
	flex: 0 0 30px;
	width: 30px;

	background-color: #F7F7F7;
}

.counter .fieldCount {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	
	border: 0;
	border-left: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	padding: 5px 10px;
	
	text-align: center;
}

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

.breadcrumbs li + li:before {
	content: '';
	background: #fff;
	width: 4px;
	height: 4px;
	border-radius: 20px;
	position: absolute;
	left: -17px;
	top: 7px;
}

.breadcrumbs li {
	font-weight: 500;
	font-size: 14px;
	line-height: 126%;
	color: #6B717B;
}

.listBread {
	gap: 30px;
}

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

	font-weight: 500;
	font-size: 14px;
	line-height: 126%;
	color: #FFFFFF;
}

.breadcrumbs li:hover > a,
.breadcrumbs li.active > a {
	color: #EEC186;
}

/* ============================ Переключатель страниц */
.pager {}

.pager a {
	display: block;
	text-decoration: none;
	
	transition: .2s ease-in-out;
}

.pagerArrows {}

.pager a.pagePrev {}
.pager a.pageNext {}

.pager li:hover > a:not(.pagerArrows),
.pager li.active > a:not(.pagerArrows) {}

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

.sectionHeader {}

.sectionTitle {}

.sectionBody {}

.sectionFooter {}



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

.tlf {table-layout: fixed;}

/* Базовая таблица */
.tableBasic {}

/* Полосатая таблица */
.tableStriped > tbody > tr:nth-of-type(even) {background: #ccc;}

/* ============================ Формы */
.form {}

.formHeader,
.formBody,
.formGroup {
	position: relative;
	
	margin-bottom: 10px;
}

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

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

.field {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	
	transition: .2s ease-in-out;
	
	outline: 0;
	background-color: #fff;
	border-radius: 0;
}

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

/* Чекбокс */
.checkbox {
	position: relative;
	
	display: inline-block;
}

.checkbox input {
	position: absolute;
	overflow: hidden;
	height: 0;
	width: 0;
	visibility: hidden;
}

.checkboxText {
	display: block;
	padding-left: 30px;

	cursor: pointer;
}

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

	width: 17px;
	height: 17px;

	background-color: #fff;

	color: #000;
	text-align: center;
	line-height: 17px;
	font-weight: bold;

	content: '';
}

.checkbox input:checked + .checkboxText:before {
	content: '✓';
}

/* ============================ Модальные окна */
.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;

	transition: opacity .2s linear;
}

.fade.in {
	opacity: 1;
}

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

	transition: transform .2s ease-out;
}

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

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

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

.modalLg {}
.modalSm {}

.modalContent {
	position: relative;
	
	background-color: #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 {
	position: relative;
	
	padding: 15px;
}

.modalClose {}

.modalTitle {
	margin-bottom: 0;
	
	text-align: center;
}

.modalBody {
	padding: 15px;
}

.modalFooter {
	padding: 15px;
}

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

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

	visibility: hidden;
	opacity: 0;

	transition: .2s ease-in-out;

	transform: translateY(20px);
}

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

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

/* ============================ Вкладки */
.tabsNav a {
	display: block;
	
	text-decoration: none;

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

.tabsNav .active > a {}

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

/* ============================ Вставка видео роликов */
.mediaBox {
	position: relative;

	display: block;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 30px;
	overflow: hidden;
}

.mediaBox iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	border: 0;
}

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

.collapse {
	display: none;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;

	transition-timing-function: ease;

	transition-duration: .35s;

	transition-property: height, visibility;
}

.collapseTitle {
	position: relative;

	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.mainNominationItem {
	padding: 24px 32px;
	border: 1px solid #3084D1;
	border-radius: 4px;
	transition: all .2s;
}

.mainNominationItem:hover {
	background: rgba(23, 54, 116, 0.2);
	border: 1px solid #FFFFFF;
}

.collapseIco {
	transform: rotate(180deg);
}

.collapseTitle.collapsed .collapseIco {
	transform: none;
}

/* ============================ Fancybox */
.fancybox {
	cursor: zoom-in;
}

.fancybox-enabled {
	overflow: hidden;
}

.fancybox-enabled body {
	overflow: visible;
	height: 100%;
}

.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99993;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
	z-index: 99992;
}

.fancybox-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	background: #0f0f11;
	opacity: 0;

	transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.fancybox-container--ready .fancybox-bg {
	opacity: 0.87;

	transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-controls {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99994;

	text-align: center;
	opacity: 0;
	
	transition: opacity .2s;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	direction: ltr;
}

.fancybox-show-controls .fancybox-controls {
	opacity: 1;
}

.fancybox-infobar {
	display: none;
}

.fancybox-show-infobar .fancybox-infobar {
	display: inline-block;
	pointer-events: all;
}

.fancybox-infobar__body {
	display: inline-block;
	width: 70px;
	line-height: 44px;
	font-size: 13px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align: center;
	color: #ddd;
	background-color: rgba(30, 30, 30, 0.7);
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased; 
}

.fancybox-buttons {
	position: absolute;
	top: 0;
	right: 0;

	display: none;

	pointer-events: all;
}

.fancybox-show-buttons .fancybox-buttons {
	display: block;
}

.fancybox-slider-wrap {
	overflow: hidden;
	direction: ltr;
}

.fancybox-slider-wrap,
.fancybox-slider {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99993;

	padding: 0;
	margin: 0;
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
}

.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99994;

	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;

	outline: none;
	white-space: normal;
	box-sizing: border-box;
	text-align: center;
	
	-webkit-overflow-scrolling: touch;
}

.fancybox-slide::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}

.fancybox-slide > * {
	display: inline-block;
	position: relative;
	padding: 24px;
	margin: 44px 0 44px;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	overflow: auto;
	box-sizing: border-box;
}

.fancybox-slide--image {
	overflow: hidden;
}

.fancybox-slide--image::before {
	display: none;
}

.fancybox-content {
	display: inline-block;
	position: relative;
	margin: 44px auto;
	padding: 0;
	border: 0;
	width: 80%;
	height: calc(100% - 88px);
	vertical-align: middle;
	line-height: normal;
	text-align: left;
	white-space: normal;
	outline: none;
	font-size: 16px;
	font-family: Arial, sans-serif;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
}

.fancybox-iframe {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	
	background: #fff; 
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
	background: transparent; 
}

.fancybox-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99995;
	
	margin: 0;
	padding: 0;
	border: 0;
	
	background: transparent;
	cursor: default;
	overflow: visible;
	
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 
}

.fancybox-image,
.fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	max-height: none;
	
	background: transparent;
	background-size: 100% 100%;
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.fancybox-controls--canGrab .fancybox-placeholder {
	cursor: -webkit-grab;
	cursor: grab;
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.fancybox-spaceball {
	z-index: 1;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	
	visibility: hidden;
}

.fancybox-error {
	position: absolute;
	top: 50%;
	left: 50%;
	
	margin: 0;
	padding: 40px;
	width: 380px;
	max-width: 100%;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	
	cursor: default;
}

.fancybox-error p {
	margin: 0;
	padding: 0;
	
	color: #444;
	font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-close-small {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: 0;
	
	border-radius: 0;
	outline: none;
	background: transparent;
	
	cursor: pointer; 
}

.fancybox-close-small:after {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 2;
	
	width: 30px;
	height: 30px;
	border-width: 0;
	
	font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
	color: #888;
	font-weight: 300;
	text-align: center;
	
	border-radius: 50%;
	background: #fff;
	
	transition: background .2s;	
	
	content: '×';
}

.fancybox-close-small:focus:after {
	outline: 1px dotted #888;
}

.fancybox-slide--video .fancybox-close-small {
	top: -36px;
	right: -36px;
	
	background: transparent;
}

.fancybox-close-small:hover:after {
	color: #555;
	
	background: #eee;
}

/* Caption */
.fancybox-caption-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99998;
	
	padding: 60px 30px 0 30px;
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
	opacity: 0;
	transition: opacity .2s;
	pointer-events: none; 
}

.fancybox-show-caption .fancybox-caption-wrap {
	opacity: 1;
}

.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	font-size: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button {
	pointer-events: all;
}

.fancybox-caption a {
	color: #fff;
	text-decoration: underline;
}

/* Buttons */
.fancybox-button {
	display: inline-block;
	position: relative;
	width: 44px;
	height: 44px;
	line-height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	background: transparent;
	color: #fff;
	box-sizing: border-box;
	vertical-align: top;
	outline: none;
}

.fancybox-button--disabled {
	cursor: default;
	pointer-events: none;
}

.fancybox-infobar__body, .fancybox-button {
	background: rgba(30,30,30,.6);
}

.fancybox-button:hover {
	background: rgba(0,0,0,.8);
}

.fancybox-button::before,
.fancybox-button::after {
	content: '';
	pointer-events: none;
	position: absolute;
	border-color: #fff;
	background-color: currentColor;
	color: currentColor;
	opacity: .9;
	box-sizing: border-box;
	display: inline-block; 
}

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
	opacity: .5;
}

.fancybox-button--left::after {
	left: 20px;
	top: 18px;
	
	width: 6px;
	height: 6px;
	
	border-top: solid 2px currentColor;
	border-right: solid 2px currentColor;
	
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	
	background: transparent;
}

.fancybox-button--right::after {
	right: 20px;
	top: 18px;
	
	width: 6px;
	height: 6px;
	border-top: solid 2px currentColor;
	border-right: solid 2px currentColor;
	
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	
	background: transparent;
}

.fancybox-button--left {
	border-bottom-left-radius: 5px;
}

.fancybox-button--right {
	border-bottom-right-radius: 5px;
}

.fancybox-button--close {
	float: right;
}

.fancybox-button--close::before, .fancybox-button--close::after {
	content: '';
	display: inline-block;
	position: absolute;
	height: 2px;
	width: 16px;
	top: calc(50% - 1px);
	left: calc(50% - 8px);
}

.fancybox-button--close::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fancybox-button--close::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Loading spinner */
.fancybox-loading {
	border: 6px solid rgba(100, 100, 100, 0.4);
	border-top: 6px solid rgba(255, 255, 255, 0.6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: fancybox-rotate .8s infinite linear;
	animation: fancybox-rotate .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes fancybox-rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
	.fancybox-controls {
		text-align: left;
	}

	.fancybox-button--left,
	.fancybox-button--right,
	.fancybox-buttons button:not(.fancybox-button--close) {
		display: none !important; 
	}

	.fancybox-caption {
		padding: 20px 0;
		margin: 0;
	}
}

/* Fullscreen  */
.fancybox-button--fullscreen::before {
	width: 15px;
	height: 11px;
	left: 15px;
	top: 16px;
	border: 2px solid;
	background: none;
}

/* Slideshow button */
.fancybox-button--play::before {
	top: 16px;
	left: 18px;
	width: 0;
	height: 0;
	border-top: 6px inset transparent;
	border-bottom: 6px inset transparent;
	border-left: 10px solid;
	border-radius: 1px;
	background: transparent;
}

.fancybox-button--pause::before {
	top: 16px;
	left: 18px;
	width: 7px;
	height: 11px;
	border-style: solid;
	border-width: 0 2px 0 2px;
	background: transparent;
}

/* Thumbs */
.fancybox-button--thumbs span {
	font-size: 23px;
}

.fancybox-button--thumbs::before {
	top: 20px;
	left: 21px;
	width: 3px;
	height: 3px;
	box-shadow: 
		0 -4px 0, -4px -4px 0, 
		4px -4px 0, 0 0 0 32px inset,
		-4px 0 0, 4px 0 0, 0 4px 0,
		-4px 4px 0, 4px 4px 0
	;
}

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
	right: 220px;
}

.fancybox-thumbs {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: 220px;
	margin: 0;
	padding: 5px 5px 0 0;
	background: #fff;
	z-index: 99993;
	word-break: normal;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
}

.fancybox-thumbs > ul {
	list-style: none;
	position: absolute;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0;
}

.fancybox-thumbs > ul > li {
	float: left;
	overflow: hidden;
	max-width: 50%;
	padding: 0;
	margin: 0;
	width: 105px;
	height: 75px;
	position: relative;
	cursor: pointer;
	outline: none;
	border: 5px solid #fff;
	border-top-width: 0;
	border-right-width: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
}

li.fancybox-thumbs-loading {
	background: rgba(0,0,0,.1);
}

.fancybox-thumbs > ul > li > img {
	position: absolute;
	top: 0;
	left: 0;

	min-width: 100%;
	min-height: 100%;
	max-width: none;
	max-height: none;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fancybox-thumbs > ul > li:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99991;

	border-radius: 2px;
	border: 4px solid #4ea7f9;
	
	opacity: 0;
	transition: .2s cubic-bezier(.25,.46,.45,.94);

	content: '';
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
	opacity: 1;
}

@media all and (max-width: 800px) {
	.fancybox-thumbs {
		display: none !important;
	}

	.fancybox-container--thumbs .fancybox-controls,
	.fancybox-container--thumbs .fancybox-slider-wrap,
	.fancybox-container--thumbs .fancybox-caption-wrap {
		right: 0;
	}
}