/* File PATH */
/* End File PATH */
/* Main Colors */
/* End Main Colors */
/* Header */
/* End Header */
/* Borders */
/* End Borders */
/* Nav */
/* End Nav */
/* Slider */
/* End Slider */
/* Quotes Section */
/* End Quotes Section */
/* Weather Section */
/* End Weather Section */
/* Footer */
/* End Footer */
/* Shadows */
/* End Shadows */
/* Gradients */
/* End Gradients */
/* Taxonomy */
/* End Taxonomy */
/* TV Programmes */
/* End TV Programmes */
/* Media Queries Mixin */
/* End Media Queries Mixin */
/* Transition Mixin */
/* End Transition Mixin */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  font-weight: normal;
  margin: 0;
}

h2 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 0;
}

h3 {
  font-size: 1.17em;
  font-weight: normal;
  margin: 0;
}

h4 {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
}

h5 {
  font-size: 0.83em;
  font-weight: normal;
  margin: 0;
}

h6 {
  font-size: 0.67em;
  font-weight: normal;
  margin: 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0;
}

dd {
  margin: 0;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssnormalize {
  display: none;
}

@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Regular.woff2") format("woff2"), url("../fonts/Onest-Regular.woff") format("woff"), url("../fonts/Onest-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Medium.woff2") format("woff2"), url("../fonts/Onest-Medium.woff") format("woff"), url("../fonts/Onest-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-SemiBold.woff2") format("woff2"), url("../fonts/Onest-SemiBold.woff") format("woff"), url("../fonts/Onest-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Bold.woff2") format("woff2"), url("../fonts/Onest-Bold.woff") format("woff"), url("../fonts/Onest-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-ExtraBold.woff2") format("woff2"), url("../fonts/Onest-ExtraBold.woff") format("woff"), url("../fonts/Onest-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Benzin";
  src: url("../fonts/Benzin-Regular.woff2") format("woff2"), url("../fonts/Benzin-Regular.woff") format("woff"), url("../fonts/Benzin-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Benzin";
  src: url("../fonts/Benzin-Semibold.woff2") format("woff2"), url("../fonts/Benzin-Semibold.woff") format("woff"), url("../fonts/Benzin-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Benzin";
  src: url("../fonts/Benzin-Bold.woff2") format("woff2"), url("../fonts/Benzin-Bold.woff") format("woff"), url("../fonts/Benzin-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Benzin";
  src: url("../fonts/Benzin-ExtraBold.woff2") format("woff2"), url("../fonts/Benzin-ExtraBold.woff") format("woff"), url("../fonts/Benzin-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -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);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.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;
}

.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  cursor: pointer;
  color: #303030;
  position: relative;
  z-index: 2;
}

.date-picker-wrapper {
  position: absolute;
  z-index: 1;
  border: 1px solid #bfbfbf;
  background-color: #efefef;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial, sans-serif;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: initial;
  box-sizing: initial;
}

.dp-clearfix {
  clear: both;
  height: 0;
  font-size: 0;
}

.date-picker-wrapper.inline-wrapper {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
}

.date-picker-wrapper.single-date {
  width: auto;
}

.date-picker-wrapper.no-shortcuts {
  padding-bottom: 12px;
}

.date-picker-wrapper.no-topbar {
  padding-top: 12px;
}

.date-picker-wrapper .footer {
  font-size: 11px;
  padding-top: 3px;
}

.date-picker-wrapper b {
  color: #666;
  font-weight: 700;
}

.date-picker-wrapper a {
  color: #6bb4d6;
  text-decoration: underline;
}

.date-picker-wrapper .month-name {
  text-transform: uppercase;
}

.date-picker-wrapper .select-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.date-picker-wrapper .select-wrapper:hover {
  text-decoration: underline;
}

.date-picker-wrapper .month-element {
  display: inline-block;
  vertical-align: middle;
}

.date-picker-wrapper .select-wrapper select {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: -1px;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: 0;
  outline: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 0.01;
}

.date-picker-wrapper .month-wrapper {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fff;
  padding: 5px;
  cursor: default;
  position: relative;
  _overflow: hidden;
}

.date-picker-wrapper .month-wrapper table {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table.month2 {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th {
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  margin: 0;
  padding: 0;
}

.date-picker-wrapper .month-wrapper table .day {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #ccc;
  cursor: default;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #999;
  cursor: default;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #9cdbf7;
}

.date-picker-wrapper .month-wrapper table .week-name {
  height: 20px;
  line-height: 20px;
  font-weight: 100;
  text-transform: uppercase;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
  white-space: nowrap;
}

.date-picker-wrapper .time label {
  white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #cdecfa;
}

.date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth {
  display: none;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #ffe684;
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: #70ccd5;
}

.date-picker-wrapper table .caption {
  height: 40px;
}

.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
  width: 27px;
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
  padding: 0 5px;
  cursor: pointer;
}

.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
  background-color: #ccc;
  color: #fff;
}

.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 100%;
  background-color: red;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
}

.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
}

.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid #fff;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid #fff;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .selected-days {
  display: none;
}

.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #333;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
  color: #fff;
  line-height: initial;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed");
}

.date-picker-wrapper .time {
  position: relative;
}

.date-picker-wrapper.single-month .time {
  display: block;
}

.date-picker-wrapper .time input[type=range] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}

.date-picker-wrapper .time1 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

.time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

.date-picker-wrapper .time1 {
  float: left;
}

.date-picker-wrapper .time2 {
  float: right;
}

.date-picker-wrapper .hour {
  text-align: right;
}

.minute {
  text-align: right;
}

.date-picker-wrapper .hide {
  display: none;
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
  background-color: #49e !important;
  color: #fff !important;
}

.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: #ff0;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}

.date-picker-wrapper .date-range-length-tip:after {
  content: "";
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ff0;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}

.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}

.date-picker-wrapper .week-number.week-number-selected {
  color: #49e;
  font-weight: 700;
}

@font-face {
  font-family: "lg";
  src: url("../fonts/lg.woff2?io9a6k") format("woff2"), url("../fonts/fonts/lg.ttf?io9a6k") format("truetype"), url("../fonts/fonts/lg.woff?io9a6k") format("woff"), url("../fonts/fonts/lg.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}

.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}

.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}

.lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}

.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}

.lg-toolbar .lg-icon:hover {
  color: #fff;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-maximize {
  font-size: 22px;
}

.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

.lg-sub-html a {
  color: inherit;
}

.lg-sub-html a:hover {
  text-decoration: underline;
}

.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
  opacity: 0;
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  -o-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
  opacity: 1;
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}

.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050000;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-zoom-from-image {
  opacity: 1;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
}

.lg-outer .lg-item {
  display: none !important;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("/desimages/dev/ico/loading.gif") no-repeat scroll center center transparent;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}

.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}

.lg-outer .lg-media-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040000;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  -webkit-transition: opacity 333ms ease-in 0s;
  -o-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-container.lg-dragging-vertical .lg-backdrop {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}

.lg-inline .lg-backdrop {
  z-index: 1;
}

.lg-inline .lg-outer {
  z-index: 2;
}

.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  -moz-transition: -moz-transform 0.35s ease-out 0s;
  -o-transition: -o-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
  transition: none !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
  transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
  max-width: none !important;
  max-height: none !important;
  top: 50% !important;
  left: 50% !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
  transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
  top: 0 !important;
  left: 50% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
  transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
  top: 50% !important;
  left: 0% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-icon.lg-zoom-in:after {
  content: "\e311";
}

.lg-actual-size .lg-icon.lg-zoom-in {
  opacity: 1;
  pointer-events: auto;
}

.lg-icon.lg-actual-size {
  font-size: 20px;
}

.lg-icon.lg-actual-size:after {
  content: "\e033";
}

.lg-icon.lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

.lg-icon.lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed .lg-icon.lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  width: 100%;
  max-height: 350px;
  overflow: hidden;
  float: left;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}

.lg-outer.lg-single-item .lg-thumb-outer {
  display: none;
}

.lg-outer .lg-thumb {
  padding: 5px 0;
  height: 100%;
  margin-bottom: -5px;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
}
.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border-radius: 2px;
  margin-bottom: 5px;
  will-change: border-color;
}

@media (min-width: 768px) {
  .lg-outer .lg-thumb-item {
    border-radius: 4px;
    border: 2px solid #fff;
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer .lg-toggle-thumb:after {
  content: "\e1ff";
}

.lg-outer.lg-animate-thumb .lg-thumb {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Benzin", sans-serif;
  font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #303138;
  text-decoration: underline;
  text-decoration-color: #fed530;
  transition: text-decoration-color 0.3s;
}
@media (max-width: 1260px) {
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    transition: none;
  }
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration-color: #303138;
}

.index h2 {
  margin-bottom: 2rem;
  font-size: 4.5rem;
  line-height: 5.6rem;
}
@media (max-width: 900px) {
  .index h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
    margin-bottom: 2rem;
  }
}
.index h3 {
  font-family: "Onest", sans-serif;
  text-transform: uppercase;
  font-size: 2.9rem;
  line-height: 3.7rem;
}
@media (max-width: 900px) {
  .index h3 {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
.index h4 {
  font-size: 2.8rem;
}
.index h5 {
  font-size: 1.6rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .index h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.index h6 {
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2.8rem;
}

.inner h2 {
  margin-bottom: 2rem;
  font-size: 4.5rem;
  line-height: 5.6rem;
}
@media (max-width: 900px) {
  .inner h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
    margin-bottom: 2rem;
  }
}
.inner h3 {
  font-family: "Onest", sans-serif;
  text-transform: uppercase;
  font-size: 2.9rem;
  line-height: 3.7rem;
}
@media (max-width: 900px) {
  .inner h3 {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
.inner h4 {
  font-size: 2.8rem;
}
.inner h5 {
  font-size: 1.6rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .inner h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.inner h6 {
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2.8rem;
}

.inner-projects h2 {
  margin-bottom: 2rem;
  font-size: 4.5rem;
  line-height: 5.6rem;
  color: #fff;
}
@media (max-width: 900px) {
  .inner-projects h2 {
    font-size: 2rem;
    line-height: 3.6rem;
    margin-bottom: 2rem;
  }
}
.inner-projects h3 {
  font-family: "Onest", sans-serif;
  text-transform: uppercase;
  font-size: 2.9rem;
  line-height: 3.7rem;
}
@media (max-width: 900px) {
  .inner-projects h3 {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
.inner-projects h4 {
  font-size: 2.8rem;
}
.inner-projects h5 {
  font-size: 1.6rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .inner-projects h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.inner-projects h6 {
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2.8rem;
}

.inner-content-section h3 {
  font-size: 4rem;
  line-height: 4.7rem;
  text-transform: none;
  margin-bottom: 2rem;
}
@media (max-width: 900px) {
  .inner-content-section h3 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
  }
}
.inner-content-section h4 {
  font-size: 2.5rem;
  line-height: 2.8rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .inner-content-section h4 {
    font-size: 1.7rem;
    line-height: 2rem;
    margin-bottom: 1.2rem;
  }
}

.inner-content-section-with-left-menu-content h3 {
  font-size: 4rem;
  line-height: 5rem;
  text-shadow: none;
  margin-bottom: 3.5rem;
}
@media (max-width: 900px) {
  .inner-content-section-with-left-menu-content h3 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
  }
}

p {
  font-family: "Onest", sans-serif;
}

a {
  text-decoration: none;
}

.view-more-wrap {
  width: 100%;
  margin-top: 3rem;
  text-align: right;
}
@media (max-width: 900px) {
  .view-more-wrap {
    margin-top: 1.5rem;
  }
}

.view-more-btn {
  border: 0;
  padding: 1.3rem 2.4rem 1rem;
  border-radius: 1.2rem;
  background-color: #fed530;
  text-transform: uppercase;
  color: #303138;
  display: inline-block;
  font-family: "Benzin", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.6rem;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .view-more-btn {
    transition: none;
  }
}
@media (max-width: 900px) {
  .view-more-btn {
    border-radius: 8px;
    padding: 1rem 1.2rem 0.5rem;
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
}
.view-more-btn:hover {
  box-shadow: 0.6rem 0.6rem 1.5rem 0 rgba(0, 0, 0, 0.25);
}
.view-more-btn:after {
  content: "";
  display: inline-block;
  margin: 0 0 -0.1rem 1.2rem;
  width: 1.1rem;
  height: 1.7rem;
  background: url("/desimages/dev/ico/view-more-ico.svg") center center no-repeat;
  background-size: contain;
  transform: translate(0, 0.1rem);
}
@media (max-width: 900px) {
  .view-more-btn:after {
    margin-left: 0.8rem;
    width: 0.7rem;
    height: 1.2rem;
  }
}

.inner-content-section ul {
  list-style-type: none;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 900px) {
  .inner-content-section ul {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 1.8rem;
  }
}
.inner-content-section ul li {
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .inner-content-section ul li {
    margin-bottom: 0.5rem;
  }
}
.inner-content-section ul li:before {
  content: "- ";
  color: #6d6c6c;
  padding-left: 2rem;
}
@media (max-width: 900px) {
  .inner-content-section ul li:before {
    padding-left: 1rem;
  }
}

.taxonomy {
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 2rem;
  color: #303138;
}
@media (max-width: 900px) {
  .taxonomy {
    margin: 1.2rem 0;
  }
}
.taxonomy a {
  color: rgba(87, 87, 92, 0.6);
}
.taxonomy a:hover {
  text-decoration: underline;
}
.taxonomy span {
  color: #303138;
}

.inner-projects {
  color: #fff;
}
.inner-projects .taxonomy {
  color: #fff;
}
.inner-projects .taxonomy a {
  color: rgba(195, 195, 195, 0.6);
}
.inner-projects .taxonomy a:hover {
  text-decoration: underline;
}
.inner-projects .taxonomy span {
  color: #fff;
}

.quotes_design {
  border: 0.3rem solid #fed530;
  border-radius: 1.5rem;
  padding: 2rem;
  font-size: 2rem;
  line-height: 2.4rem;
  margin: 2.4rem 0;
}
@media (max-width: 900px) {
  .quotes_design {
    border: 0.2rem solid #fed530;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin: 1.8rem 0;
    padding: 1.2rem;
    border-radius: 1rem;
  }
}
.quotes_design p {
  margin: 0;
}
.quotes_design .quotes_author {
  font-size: 3rem;
  line-height: 2.8rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media (max-width: 900px) {
  .quotes_design .quotes_author {
    font-size: 2rem;
    line-height: 1.8rem;
    margin-bottom: 1.5rem;
  }
}
.quotes_design .quotes_description {
  color: #696f77;
  font-size: 1.2rem;
  line-height: 1.2rem;
  margin: -1rem 0 2rem;
}
@media (max-width: 900px) {
  .quotes_design .quotes_description {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin: -0.8rem 0 1.2rem;
  }
}

.inner-projects .pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3rem 0 6rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.inner-projects .pagination a {
  color: #fff;
  transition: color 0.3s;
}
@media (max-width: 1260px) {
  .inner-projects .pagination a {
    transition: none;
  }
}
.inner-projects .pagination a:hover {
  color: #fed530;
}
.inner-projects .pagination .page, .inner-projects .pagination .sel_page {
  color: #fed530;
  margin: 0 1rem;
}
@media (max-width: 900px) {
  .inner-projects .pagination .page, .inner-projects .pagination .sel_page {
    margin: 0 0.5rem;
  }
}

.inner .pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3rem 0 6rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.inner .pagination a {
  color: #303138;
  transition: color 0.3s;
}
@media (max-width: 1260px) {
  .inner .pagination a {
    transition: none;
  }
}
.inner .pagination a:hover {
  text-decoration: underline;
  text-decoration-color: #fed530;
}
.inner .pagination .page, .inner .pagination .sel_page {
  color: #fed530;
  margin: 0 1rem;
}
@media (max-width: 900px) {
  .inner .pagination .page, .inner .pagination .sel_page {
    margin: 0 0.5rem;
  }
}

.document-unit {
  margin-bottom: 1.8rem;
}

.document-unit-header {
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  z-index: 5;
  background-color: #fff;
  border: 0.3rem solid #fed530;
  border-radius: 0.9rem;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3rem;
  padding: 1.5rem 2.5rem;
  color: #303138;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .document-unit-header {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 1rem 1.8rem;
  }
}

.document-unit-header svg {
  margin-left: auto;
  width: 1.5rem;
  transition: 0.3s;
  flex-shrink: 0;
}

.document-unit-header.active svg {
  transform: rotate(180deg);
}

.document-unit-content {
  position: relative;
  top: -0.8rem;
  z-index: 3;
  padding: 2.5rem;
  border: 0.2rem solid #fed530;
  border-radius: 0 0 0.5rem 0.5rem;
  margin: 0;
}
@media (max-width: 900px) {
  .document-unit-content {
    padding: 1.8rem;
  }
}

.document-unit-no-dropdown {
  margin: 1.8rem 0;
}

.document-unit-no-dropdown-header {
  margin-bottom: 0.8rem;
  font-weight: 700;
}

.custom-select {
  position: relative;
  font-size: 1.7rem;
  line-height: 2.2rem;
  color: #303138;
}

.custom-select select {
  display: none;
}

.select-selected {
  position: relative;
  background-color: #fff;
  padding: 1.2rem 5.8rem 1.2rem 1.8rem;
  border: 0.1rem solid #303138;
  cursor: pointer;
  user-select: none;
  border-radius: 0.9rem;
  transition: border 0.3s, background-color 0.3s;
}
@media (max-width: 1260px) {
  .select-selected {
    transition: none;
  }
}
.select-selected:after {
  content: "";
  position: absolute;
  top: 1.9rem;
  right: 2rem;
  width: 1.4rem;
  height: 0.8rem;
  background: url("/desimages/dev/ico/ico-select-arrow.svg") center center no-repeat;
  background-size: contain;
  transform: rotate(0);
  transition: 0.3s;
}
.select-selected:hover {
  border: 0.1rem solid #303138;
  background-color: #fff;
}
.select-selected.select-arrow-active {
  border: 0.1rem solid #303138;
  background-color: #fff;
}
.select-selected.select-arrow-active:after {
  transform: rotate(180deg);
}
.select-selected.item-selected {
  border: 0.1rem solid #303138;
  background-color: #fff;
}

.select-items {
  min-width: 35.8rem;
  max-height: 42.4rem;
  overflow: auto;
  border-radius: 2rem;
  background-color: #fff;
  position: absolute;
  top: calc(100% + 2rem);
  right: 0;
  z-index: 99;
  transform: translate(0, 0.4rem);
  box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, 0.25);
}
.select-items::-webkit-scrollbar {
  width: 0.5rem; /* Width of the vertical scrollbar */
}
.select-items::-webkit-scrollbar-track {
  background: transparent; /* Color of the track */
  border-radius: 1rem;
}
.select-items::-webkit-scrollbar-thumb {
  background: #fed530; /* Color of the thumb */
  border-radius: 1rem;
}
.select-items div {
  font-size: 2rem;
  border-bottom: 0.1rem solid #d9d9d9;
  padding: 1rem 2rem;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 1260px) {
  .select-items div {
    transition: none;
  }
}

.select-hide {
  display: none;
}

.select-items div:hover {
  background-color: #fff;
}
.select-items .same-as-selected {
  color: #303138;
  background-color: #fff;
  font-weight: 700;
}
.select-items .same-as-selected:hover {
  background-color: #fff;
}

.projects-category-header .custom-select {
  position: relative;
  font-size: 2rem;
  line-height: 2.7rem;
  color: #fff;
}
.projects-category-header .custom-select select {
  display: none;
}
.projects-category-header .select-selected {
  position: relative;
  background-color: #101010;
  padding: 1.2rem 5.8rem 1.2rem 1.8rem;
  border: 0.1rem solid rgb(102, 102, 102);
  cursor: pointer;
  user-select: none;
  border-radius: 1rem;
  transition: border 0.3s, background-color 0.3s;
}
@media (max-width: 1260px) {
  .projects-category-header .select-selected {
    transition: none;
  }
}
.projects-category-header .select-selected:after {
  content: "";
  position: absolute;
  top: 2.2rem;
  right: 2rem;
  width: 1.4rem;
  height: 0.8rem;
  background: url("/desimages/dev/ico/ico-select-arrow.svg") center center no-repeat;
  background-size: contain;
  transform: rotate(0);
  transition: 0.3s;
}
.projects-category-header .select-selected:hover {
  border: 0.1rem solid rgb(102, 102, 102);
  background-color: #101010;
}
.projects-category-header .select-selected.select-arrow-active {
  border: 0.1rem solid rgb(102, 102, 102);
  background-color: #101010;
  border-radius: 1rem 1rem 0 0;
}
.projects-category-header .select-selected.select-arrow-active:after {
  transform: rotate(180deg);
}
.projects-category-header .select-selected.item-selected {
  border: 0.1rem solid rgb(102, 102, 102);
  background-color: #101010;
}
.projects-category-header .select-items {
  color: #101010;
  min-width: 100%;
  border: 0.1rem solid rgb(102, 102, 102);
  border-radius: 0 0 1rem 1rem;
  background-color: #333;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 99;
  transform: translate(0, -0.1rem);
  box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, 0.25);
}
.projects-category-header .select-items::-webkit-scrollbar {
  width: 0.5rem; /* Width of the vertical scrollbar */
}
.projects-category-header .select-items::-webkit-scrollbar-track {
  background: transparent; /* Color of the track */
  border-radius: 1rem;
}
.projects-category-header .select-items::-webkit-scrollbar-thumb {
  background: #fed530; /* Color of the thumb */
  border-radius: 1rem;
}
.projects-category-header .select-items div {
  font-size: 2rem;
  border-bottom: 0.1rem solid rgb(102, 102, 102);
  padding: 1rem 2rem;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 1260px) {
  .projects-category-header .select-items div {
    transition: none;
  }
}
.projects-category-header .select-hide {
  display: none;
}
.projects-category-header .select-items div:hover {
  color: #fff;
  background-color: #333;
}
.projects-category-header .select-items .same-as-selected {
  color: #fff;
  background-color: #333;
  font-weight: 400;
}
.projects-category-header .select-items .same-as-selected:hover {
  background-color: #333;
}

blockquote {
  margin: 2.4rem 0 2.4rem;
  padding: 2rem 3rem;
  border: 0.3rem solid #eaeaea;
  border-radius: 1.5rem;
}
@media (max-width: 900px) {
  blockquote {
    margin: 1.8rem 0;
    padding: 1rem 1.5rem;
    border: 0.2rem solid #eaeaea;
    border-radius: 1rem;
  }
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote ul {
  list-style-type: none;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 900px) {
  blockquote ul {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 1.8rem;
  }
}
blockquote ul li {
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  blockquote ul li {
    margin-bottom: 0.5rem;
  }
}
blockquote ul li:before {
  content: "- ";
  color: #6d6c6c;
  padding-left: 2rem;
}
@media (max-width: 900px) {
  blockquote ul li:before {
    padding-left: 1rem;
  }
}

* {
  box-sizing: border-box;
}

html, body {
  font-size: 10px;
  font-family: "Onest", sans-serif;
  color: #303138;
  background-color: #f2f3f7;
}
@media (max-width: 1260px) {
  html, body {
    font-size: 7px;
  }
}
@media (max-width: 900px) {
  html, body {
    font-size: 10px;
  }
}

.footer-fix {
  padding: 0 3rem 0 3rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  .footer-fix {
    padding: 8.7rem 1.2rem 0;
  }
}

.projects-content {
  background-color: #262626;
}

@media (max-width: 900px) {
  main {
    padding-right: 0;
  }
}

.footer-fix-content {
  width: 100%;
  flex-grow: 1;
}

footer {
  flex-shrink: 0;
  width: 100%;
}

a, input, textarea, button {
  outline: none !important;
}

iframe {
  border: 0;
}

section {
  padding: 3rem;
  background: #fff;
  border-radius: 3rem;
  box-shadow: 0 0.8rem 3.2rem -0.2rem rgba(0, 0, 0, 0.14);
  margin: 0 auto 3rem;
  max-width: 140rem;
}
@media (max-width: 1260px) {
  section {
    max-width: 100%;
  }
}
@media (max-width: 900px) {
  section {
    padding: 1.2rem 1.2rem 1.2rem;
    margin: 0 auto 1.5rem;
    border-radius: 1.2rem;
  }
}

.inner-projects section {
  background-color: #101010;
}

footer {
  transform: translate(-0.1rem, 0);
  margin: 0 auto 3rem;
  border-radius: 3rem;
  max-width: 140rem;
  padding-top: 4rem;
  background-color: #333;
  font-family: "Onest", sans-serif;
  color: #898585;
  box-shadow: 0 0.8rem 3.2rem -0.2rem rgba(0, 0, 0, 0.14);
  overflow: hidden;
}
@media (max-width: 1260px) {
  footer {
    max-width: 100%;
  }
}
@media (max-width: 900px) {
  footer {
    margin-bottom: 1.2rem;
    border-radius: 1.1rem;
    padding-top: 2.5rem;
  }
}
footer h6 {
  position: relative;
  white-space: nowrap;
  color: #fff;
  font-size: 2rem;
  line-height: 2.8rem;
  margin-bottom: 2.6rem;
}
@media (max-width: 900px) {
  footer h6 {
    margin-bottom: 1.2rem;
    padding-right: 2rem;
    cursor: pointer;
  }
  footer h6.active:after {
    transform: rotate(180deg);
  }
  footer h6:after {
    content: "";
    position: absolute;
    top: 0.8rem;
    right: 0;
    width: 1.2rem;
    height: 0.8rem;
    background: url("/desimages/dev/ico/footer-arrow-ico.svg") center center no-repeat;
    background-size: contain;
    transition: 0.3s;
  }
}
footer a {
  text-decoration: none;
  color: #898585;
  transition: 0.3s;
}
@media (max-width: 1260px) {
  footer a {
    transition: none;
  }
}
footer a:hover {
  color: #fff;
}
footer ul {
  list-style-type: none;
}
footer li {
  margin-bottom: 1.5rem;
}
@media (max-width: 900px) {
  footer li {
    margin-bottom: 1.1rem;
  }
}

.footer-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 5rem 4rem;
}
@media (max-width: 900px) {
  .footer-content {
    padding: 0 1.2rem 2.4rem;
    flex-direction: column;
  }
}
.footer-content ul {
  font-size: 2rem;
  line-height: 2.6rem;
}
@media (max-width: 900px) {
  .footer-content ul {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}

.footer-nav {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 900px) {
  .footer-nav {
    width: 100%;
    flex-direction: column;
    padding-bottom: 1.2rem;
    border-bottom: 0.1rem solid rgba(137, 133, 133, 0.8);
  }
}

.footer-nav-col {
  max-width: 29.6rem;
  margin-right: 4rem;
}
@media (max-width: 900px) {
  .footer-nav-col {
    max-width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 900px) {
  .footer-nav-col ul {
    display: none;
  }
}

.footer-contacts {
  max-width: 38.3rem;
}
@media (max-width: 900px) {
  .footer-contacts {
    margin-top: 2.4rem;
    max-width: 100%;
  }
}
.footer-contacts a {
  text-transform: none;
}
.footer-contacts p {
  font-size: 2rem;
  line-height: 2.6rem;
  margin-bottom: 3rem;
  padding-left: 4.2rem;
  position: relative;
}
@media (max-width: 900px) {
  .footer-contacts p {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding-left: 2.8rem;
  }
}
.footer-contacts p:last-child {
  margin-bottom: 0;
}
.footer-contacts p:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 2.7rem;
  height: 2.7rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 900px) {
  .footer-contacts p:before {
    width: 1.8rem;
    height: 1.8rem;
    top: -0.1rem;
  }
}
.footer-contacts p:nth-child(1):before {
  background-image: url("/desimages/dev/ico/adress-ico.png");
}
.footer-contacts p:nth-child(2):before {
  background-image: url("/desimages/dev/ico/phone-ico.png");
}
.footer-contacts p:nth-child(3):before {
  background-image: url("/desimages/dev/ico/email-ico.png");
}

.footer-copyright-wrap {
  padding: 0 5rem;
}
@media (max-width: 900px) {
  .footer-copyright-wrap {
    padding: 0 1.2rem;
  }
}

.footer-copyright {
  padding: 3rem 0;
  border-top: 0.1rem solid rgba(137, 133, 133, 0.8);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .footer-copyright {
    padding: 2.4rem 0;
    flex-direction: column;
  }
}

.footer-copyright-text {
  max-width: 66.1rem;
  padding-right: 2rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
@media (max-width: 900px) {
  .footer-copyright-text {
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 2.4rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.footer-copyright-developer {
  font-size: 2rem;
  line-height: 2.6rem;
  display: flex;
  align-items: center;
}
@media (max-width: 900px) {
  .footer-copyright-developer {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
.footer-copyright-developer a {
  display: flex;
  align-items: center;
}
.footer-copyright-developer img {
  margin-left: 1.8rem;
  display: block;
  width: 4.8rem;
}
@media (max-width: 900px) {
  .footer-copyright-developer img {
    width: 3.2rem;
    margin-left: 0.7rem;
  }
}

.social-container {
  background-color: #fed530;
  display: flex;
}

.social-links {
  padding: 1rem 0 1.1rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0 auto;
}
@media (max-width: 900px) {
  .social-links {
    gap: 1.2rem;
  }
}
.social-links a img {
  max-width: 2.5rem;
  max-height: 2.1rem;
  display: block;
}

header {
  display: flex;
  align-items: center;
  padding: 1.5rem 3rem;
  border-radius: 3rem 3rem 0 0;
  margin: 3rem auto 0;
  max-width: 140rem;
  box-shadow: 0 0.8rem 3.2rem -0.2rem rgba(0, 0, 0, 0.14);
  overflow: hidden;
  background-color: #fff;
}
@media (max-width: 1260px) {
  header {
    max-width: 100%;
  }
}
@media (max-width: 900px) {
  header {
    display: none;
  }
}

.header-logo {
  display: block;
}
.header-logo img {
  display: block;
  width: 7.4rem;
}

.header-broadcasting {
  margin-left: 4rem;
  display: none;
  align-items: center;
  color: #303138;
  font-weight: 700;
  font-size: 2rem;
  transition: color 0.3s;
}
@media (max-width: 1260px) {
  .header-broadcasting {
    transition: none;
  }
}
.header-broadcasting img {
  display: flex;
  width: 4rem;
  margin-right: 1.5rem;
}
.header-broadcasting:hover {
  color: #6d6c6c;
}

.header-social {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header-social a {
  display: block;
  margin-left: 2.1rem;
}
.header-social a img {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

.header-actions {
  margin-left: 3.5rem;
  display: flex;
  align-items: center;
}
.header-actions a {
  margin-left: 2.5rem;
  display: block;
}
.header-actions a img {
  display: block;
  width: 2.8rem;
  height: 2.6rem;
  object-fit: contain;
}

.projects-header {
  background-color: #101010;
}
.projects-header .projects-label {
  margin-left: 6rem;
}
.projects-header .projects-label:hover h1 {
  color: rgb(255, 255, 255);
}
.projects-header h1 {
  font-size: 3rem;
  line-height: 4.1rem;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 4px #101010, 0 0 0 rgb(0, 0, 0), 0 0 4px #101010;
  transition: color 0.3s;
}
@media (max-width: 1260px) {
  .projects-header h1 {
    transition: none;
  }
}
.projects-header .header-broadcasting {
  margin-left: auto;
  color: #65666e;
}
.projects-header .header-broadcasting:hover {
  color: #fff;
}

nav {
  display: flex;
  margin: 0 auto;
  max-width: 140rem;
  overflow: hidden;
  position: sticky;
  top: 0;
  padding: 2rem 3rem;
  background-color: #fed530;
  z-index: 10000;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  nav {
    max-width: 100%;
  }
}
@media (max-width: 900px) {
  nav {
    background-color: #fff;
    border-bottom: 0.5rem solid #fed530;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem 2.4rem;
    height: 7.5rem;
  }
}
nav + main section:first-of-type {
  border-radius: 0 0 3rem 3rem;
}
@media (max-width: 900px) {
  nav + main section:first-of-type {
    border-radius: 1.2rem;
  }
}

.nav-menu {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .nav-menu {
    padding: 2.4rem 1.2rem 1.2rem;
    display: none;
    position: fixed;
    top: 7.5rem;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: calc(100% - 7.5rem);
    overflow: auto;
    z-index: 9000;
  }
}
@media (max-width: 900px) {
  .nav-menu li {
    margin-bottom: 1.6rem;
  }
}
.nav-menu a {
  position: relative;
  height: 100%;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 700;
  color: #303138;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s;
}
@media (max-width: 1260px) {
  .nav-menu a {
    transition: none;
  }
}
@media (max-width: 900px) {
  .nav-menu a {
    justify-content: flex-start;
  }
}
.nav-menu a:hover:before {
  width: 100%;
}
.nav-menu a:before {
  content: "";
  display: block;
  width: 0;
  height: 0.3rem;
  background-color: #303138;
  position: absolute;
  top: calc(100% + 0.3rem);
  left: 0;
  border-radius: 0.3rem;
  transition: width 0.3s;
}
@media (max-width: 1260px) {
  .nav-menu a:before {
    transition: none;
  }
}
.nav-menu a + ul {
  display: none;
}

.nav-mob-actions {
  display: none;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .nav-mob-actions {
    width: 100%;
    display: flex;
  }
}

.nav-mob-actions-left, .nav-mob-actions-right {
  display: flex;
  align-items: center;
}

.nav-mob-actions-logo {
  display: block;
  width: 5rem;
  height: 4rem;
}
.nav-mob-actions-logo img {
  width: 100%;
  height: 4rem;
  object-fit: contain;
  display: block;
}

.nav-mob-actions-broadcasting {
  margin-left: 2rem;
  align-items: center;
  color: #303138;
  font-size: 1.3rem;
  line-height: 1.7rem;
  font-weight: 700;
  display: none;
}
.nav-mob-actions-broadcasting img {
  margin-right: 1rem;
  display: block;
  width: 2.5rem;
}

.nav-mob-actions-search {
  display: block;
  width: 2rem;
  height: 2rem;
  margin-right: 2rem;
}
.nav-mob-actions-search img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nav-mob-actions-menu {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
}
.nav-mob-actions-menu div {
  width: 2rem;
  height: 0.2rem;
  background-color: #2b2b2b;
  border-radius: 1rem;
  position: absolute;
  transition: 0.3s;
}
.nav-mob-actions-menu div:nth-of-type(1) {
  top: 0.5rem;
  left: 0.2rem;
  transform-origin: left top;
}
.nav-mob-actions-menu div:nth-of-type(2) {
  top: 1.1rem;
  left: 0.2rem;
}
.nav-mob-actions-menu div:nth-of-type(3) {
  top: 1.7rem;
  left: 0.2rem;
  transform-origin: left top;
}
.nav-mob-actions-menu.active div:nth-of-type(1) {
  top: 0.4rem;
  left: 0.6rem;
  transform: rotate(45deg);
}
.nav-mob-actions-menu.active div:nth-of-type(2) {
  transform: scale(0);
}
.nav-mob-actions-menu.active div:nth-of-type(3) {
  top: 1.8rem;
  left: 0.5rem;
  transform: rotate(-45deg);
}

.projects-nav .nav-menu {
  justify-content: space-around;
}

.ad-section {
  margin: 3rem auto;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 900px) {
  .ad-section {
    margin: 0 auto 1.5rem;
  }
}
.ad-section.narrow {
  height: 9rem;
  border-radius: 1.5rem;
}
.ad-section.narrow a {
  display: block;
  width: 100%;
  height: 100%;
}
.ad-section.narrow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 900px) {
  .ad-section.narrow {
    border-radius: 1rem;
  }
}
.ad-section a {
  display: block;
}
.ad-section img {
  width: 100%;
  height: 100%;
  display: block;
}
.ad-section iframe {
  width: 100%;
  height: 100%;
}

.intro-section {
  padding: 0.8rem 3rem 3rem;
}
@media (max-width: 900px) {
  .intro-section {
    padding: 1.2rem;
  }
}

.intro-slider {
  padding: 0 1.6rem;
  margin-bottom: 0.8rem;
}
@media (max-width: 900px) {
  .intro-slider {
    display: none;
  }
}
.intro-slider .slick-track {
  display: flex;
}
.intro-slider .slick-arrow {
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.intro-slider .slick-arrow:hover svg {
  stroke: #fed530;
}
.intro-slider .slick-arrow svg {
  display: block;
  stroke: #303138;
  transition: stroke 0.3s;
}
@media (max-width: 1260px) {
  .intro-slider .slick-arrow svg {
    transition: none;
  }
}
.intro-slider .slick-prev {
  left: 0;
}
.intro-slider .slick-next {
  right: 0;
}

.intro-slider-unit {
  height: inherit;
  padding: 2.2rem;
}
.intro-slider-unit a {
  height: 100%;
  padding: 1.3rem 2rem;
  color: #303138;
  display: block;
  background-color: #f2f3f7;
  border-radius: 1.8rem;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .intro-slider-unit a {
    transition: none;
  }
}
.intro-slider-unit a:hover {
  box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.15);
}
.intro-slider-unit .news-date {
  font-size: 1rem;
  color: #696f77;
  margin-bottom: 0.8rem;
}
.intro-slider-unit h5 {
  font-family: "Onest", sans-serif;
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2.1rem;
  margin-bottom: 0.8rem;
}
.intro-slider-unit p {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.intro-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.intro-grid a {
  color: #fff;
}

.intro-grid-left {
  width: calc(18% - 3rem + 1rem);
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 900px) {
  .intro-grid-left {
    display: none;
  }
}

.intro-grid-central {
  width: calc(58.5% - 3rem + 1rem);
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 900px) {
  .intro-grid-central {
    width: 100%;
    gap: 1.2rem;
  }
}

.intro-grid-right {
  width: calc(23.5% - 3rem + 1rem);
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  .intro-grid-right {
    display: none;
  }
}
.intro-grid-right h6 {
  font-family: "Onest", sans-serif;
  line-height: 2.6rem;
  margin-bottom: 1.9rem;
  flex-shrink: 0;
}

.intro-main-news-unit {
  color: #fff;
  position: relative;
  aspect-ratio: 763/383;
  display: block;
  border-radius: 2rem;
  overflow: hidden;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .intro-main-news-unit {
    transition: none;
  }
}
.intro-main-news-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 900px) {
  .intro-main-news-unit {
    aspect-ratio: 327/164;
    border-radius: 1rem;
  }
}
.intro-main-news-unit:after {
  content: "";
  display: block;
  width: 100%;
  height: 74%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.intro-main-news-unit h3 {
  padding: 0 3.5rem 2.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
@media (max-width: 900px) {
  .intro-main-news-unit h3 {
    padding: 0 1.2rem 1.2rem;
  }
}
.intro-main-news-unit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro-secondary-news {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 3rem;
}
@media (max-width: 900px) {
  .intro-secondary-news {
    gap: 1.2rem;
  }
}
.intro-secondary-news a {
  display: block;
}

.intro-secondary-news-ad {
  border-radius: 2rem;
  overflow: hidden;
  width: 100%;
  order: 2;
  aspect-ratio: 763/281;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .intro-secondary-news-ad {
    transition: none;
  }
}
.intro-secondary-news-ad:hover {
  box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 900px) {
  .intro-secondary-news-ad {
    aspect-ratio: 327/120;
    border-radius: 1em;
  }
}
.intro-secondary-news-ad img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro-secondary-news-ad iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 900px) {
  .intro-secondary-news-ad ~ .intro-secondary-news-unit:nth-of-type(4) {
    display: none;
  }
}
.intro-secondary-news-ad ~ .intro-secondary-news-unit:nth-of-type(5), .intro-secondary-news-ad ~ .intro-secondary-news-unit:nth-of-type(6) {
  display: none;
}

.intro-secondary-news-unit {
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
  width: calc(33.3333333333% - 3rem + 1rem);
  aspect-ratio: 233/281;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .intro-secondary-news-unit {
    transition: none;
  }
}
.intro-secondary-news-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 900px) {
  .intro-secondary-news-unit {
    border-radius: 1rem;
    width: calc(50% - 1.2rem + 0.6rem);
  }
  .intro-secondary-news-unit:nth-of-type(5), .intro-secondary-news-unit:nth-of-type(6) {
    display: none;
  }
}
.intro-secondary-news-unit:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.intro-secondary-news-unit h6 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  text-transform: uppercase;
  font-family: "Onest", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0 1.5rem 1.2rem;
}
@media (max-width: 900px) {
  .intro-secondary-news-unit h6 {
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 0 1.2rem 1.2rem;
  }
}
.intro-secondary-news-unit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro-our-projects {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 2.6rem;
}

.intro-our-projects-unit {
  flex-grow: 1;
  border-radius: 2rem;
  overflow: hidden;
  aspect-ratio: 295/166;
  position: relative;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .intro-our-projects-unit {
    transition: none;
  }
}
.intro-our-projects-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
.intro-our-projects-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
.intro-our-projects-unit:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: rgba(30, 30, 30, 0.1);
  background-image: url("/desimages/dev/ico/video-play-small-ico.svg");
  background-size: 1.4rem 1.5rem;
  background-position: center center;
  background-repeat: no-repeat;
}
.intro-our-projects-unit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro-our-projects-ad {
  order: 2;
  aspect-ratio: 295/362;
  border-radius: 2rem;
  overflow: hidden;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .intro-our-projects-ad {
    transition: none;
  }
}
.intro-our-projects-ad:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
.intro-our-projects-ad ~ .intro-our-projects-unit:nth-of-type(4), .intro-our-projects-ad ~ .intro-our-projects-unit:nth-of-type(5) {
  display: none;
}
.intro-our-projects-ad img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro-our-projects-ad iframe {
  width: 100%;
  height: 100%;
}

.intro-tiktok-video-wrap {
  position: relative;
  background-color: blue;
  aspect-ratio: 37/67;
  border-radius: 2rem;
  overflow: hidden;
}
.intro-tiktok-video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.intro-popular-news-wrap {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background-color: #f2f3f7;
  border-radius: 2rem;
  padding: 3rem 0 3rem 2rem;
}
.intro-popular-news-wrap h6 {
  font-family: "Onest", sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  padding-right: 1.7rem;
}

.intro-popular-news {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  right: -0.2rem;
}

.intro-popular-news-content {
  height: 100%;
  overflow: auto;
  padding-right: 2rem;
}
.intro-popular-news-content::-webkit-scrollbar {
  width: 0.5rem;
}
.intro-popular-news-content::-webkit-scrollbar-thumb {
  background-color: #fed530;
  border-radius: 0.5rem;
}
.intro-popular-news-content .intro-popular-news-unit {
  display: block;
  color: #303138;
  font-size: 1.2rem;
  padding: 1.5rem 0;
  font-weight: 400;
  border-bottom: 0.1rem solid rgba(145, 152, 160, 0.9);
}
.intro-popular-news-content .intro-popular-news-unit:hover {
  font-weight: 500;
}
.intro-popular-news-content .intro-popular-news-unit:hover {
  box-shadow: none;
}

.quotes-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (max-width: 900px) {
  .quotes-grid {
    margin: -0.6rem;
    justify-content: center;
    gap: 0;
  }
}
.quotes-grid .slick-dots {
  margin-top: 1.5rem;
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 900px) {
  .quotes-grid .slick-dots {
    margin-top: 1.2rem;
    gap: 0.4rem;
  }
}
.quotes-grid .slick-dots li {
  font-size: 0;
}
.quotes-grid .slick-dots li.slick-active button {
  background-color: #fed530;
}
.quotes-grid .slick-dots li button {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #303138;
}
@media (max-width: 900px) {
  .quotes-grid .slick-dots li button {
    width: 0.7rem;
    height: 0.7rem;
  }
}

.quotes-grid-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (max-width: 900px) {
  .quotes-grid-list {
    gap: 1.2rem;
  }
}
@media (max-width: 900px) {
  .quotes-grid-list .quotes-unit {
    width: calc(50% - 1.2rem + 0.6rem);
    padding: 0;
  }
}
@media (max-width: 500px) {
  .quotes-grid-list .quotes-unit {
    width: 100%;
  }
}
.quotes-grid-list .quotes-unit:first-of-type .quotes-unit-index {
  color: rgba(153, 153, 153, 0.8);
  opacity: 1;
  text-shadow: 1px 4px 6px #F2F3F7, 0 0 0 #000, 1px 4px 6px #F2F3F7;
}

.quotes-unit {
  width: calc(33.3333333333% - 2rem + 0.6666666667rem);
}
@media (max-width: 900px) {
  .quotes-unit {
    padding: 0.6rem;
  }
}
.quotes-unit:first-of-type .quotes-unit-index {
  color: rgba(210, 177, 42, 0.8);
  text-shadow: 2px 2px 6px #fed530, 0 0 0 #000, 1px 4px 6px #fed530;
}
.quotes-unit svg {
  display: block;
  width: 100%;
  user-select: none;
}
.quotes-unit a {
  display: block;
  transition: 0.3s;
  user-select: none;
  position: relative;
}
@media (max-width: 1260px) {
  .quotes-unit a {
    transition: none;
  }
}
.quotes-unit a:hover {
  filter: drop-shadow(0.3rem 1rem 1.5rem rgba(0, 0, 0, 0.25));
}
@media (max-width: 900px) {
  .quotes-unit a:hover {
    filter: none;
  }
}

.quotes-unit-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: "Benzin", sans-serif;
  color: #303138;
}

.quotes-unit-index {
  font-size: 4.5rem;
  font-weight: 800;
  position: absolute;
  top: 9%;
  left: 7%;
  right: 7%;
  color: rgba(153, 153, 153, 0.8);
  text-shadow: 1px 4px 6px #F2F3F7, 0 0 0 #000, 1px 4px 6px #F2F3F7;
}
@media (max-width: 900px) {
  .quotes-unit-index {
    font-size: 5vw;
  }
}
@media (max-width: 500px) {
  .quotes-unit-index {
    font-size: 8vw;
  }
}

.quotes-unit-name {
  position: absolute;
  top: 26%;
  left: 7%;
  right: 7%;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 2.7rem;
  line-height: 2.7rem;
}
@media (max-width: 900px) {
  .quotes-unit-name {
    font-size: 3vw;
    line-height: 3vw;
  }
}
@media (max-width: 500px) {
  .quotes-unit-name {
    font-size: 4.8vw;
    line-height: 4.8vw;
  }
}

.quotes-unit-text {
  position: absolute;
  top: 47%;
  left: 7%;
  right: 7%;
  font-family: "Onest", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 900px) {
  .quotes-unit-text {
    font-size: 1.6vw;
    line-height: 1.9vw;
  }
}
@media (max-width: 500px) {
  .quotes-unit-text {
    font-size: 3.2vw;
    line-height: 4vw;
  }
}

.quotes-unit-more {
  padding-right: 1.7rem;
  position: absolute;
  bottom: 14%;
  right: 21%;
  font-weight: 800;
  font-size: 2rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .quotes-unit-more {
    font-size: 2.22vw;
    line-height: 1.67vw;
  }
}
@media (max-width: 500px) {
  .quotes-unit-more {
    font-size: 3.5vw;
    line-height: 2.34vw;
  }
}
.quotes-unit-more:after {
  content: "";
  display: block;
  width: 0.7rem;
  height: 1.2rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/desimages/dev/ico/view-more-ico.svg") center center no-repeat;
  background-size: contain;
}

.news-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (max-width: 900px) {
  .news-wrap {
    flex-direction: column;
    gap: 1.2rem;
  }
}

.news-unit {
  width: calc(50% - 2rem + 1rem);
  padding-top: 2rem;
  border-radius: 1.6rem;
  background-color: #f2f3f7;
  color: #303138;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  transition: box-shadow 0.3s, background-color 0.3s;
}
@media (max-width: 1260px) {
  .news-unit {
    transition: none;
  }
}
@media (max-width: 900px) {
  .news-unit {
    width: 100%;
    padding-top: 1.2rem;
    border-radius: 1rem;
  }
  .news-unit:nth-of-type(4), .news-unit:nth-of-type(5), .news-unit:nth-of-type(6) {
    display: none;
  }
}
.news-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}

.news-unit-desc {
  padding: 0 2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 900px) {
  .news-unit-desc {
    padding: 0 1.2rem;
    margin-bottom: 1.2rem;
  }
}
.news-unit-desc h5 {
  font-family: "Onest", sans-serif;
  font-weight: 800;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news-unit-desc h5 span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  color: #696f77;
  width: 4.7rem;
}
@media (max-width: 900px) {
  .news-unit-desc h5 span {
    font-size: 1.2rem;
    width: 4rem;
  }
}
.news-unit-desc p {
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media (max-width: 900px) {
  .news-unit-desc p {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}

.news-unit-img {
  padding: 0;
  display: none;
}
.news-unit-img img {
  display: block;
  margin-top: auto;
  max-height: 21.7rem;
  width: 100%;
  object-fit: cover;
}

.news-unit-date {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #696f77;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .news-unit-date {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-bottom: 0.6rem;
  }
}

.hot-news-section h2 {
  color: #db0004;
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
@media (max-width: 900px) {
  .hot-news-section h2 {
    margin-bottom: 1.5rem;
  }
}
.hot-news-section h2:before {
  content: "";
  display: inline-block;
  margin-right: 1.8rem;
  width: 3.7rem;
  height: 5.4rem;
  background: url("/desimages/dev/ico/hot-header-ico.svg") center center no-repeat;
  background-size: contain;
  transform: translate(0, -0.5rem);
}
@media (max-width: 900px) {
  .hot-news-section h2:before {
    width: 2.8rem;
    height: 4rem;
    transform: translate(0, -0.3rem);
  }
}
.hot-news-section .view-more-btn {
  color: #fff;
  background-color: #db0004;
}
.hot-news-section .view-more-btn:after {
  background: url("/desimages/dev/ico/view-more-hot-ico.svg") center center no-repeat;
}

.view-more-hot-btn {
  color: #fff;
  background-color: #db0004;
}
.view-more-hot-btn:after {
  background: url("/desimages/dev/ico/view-more-hot-ico.svg") center center no-repeat;
}

.hot-news-header {
  color: #db0004;
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
@media (max-width: 900px) {
  .hot-news-header {
    margin-bottom: 1.5rem;
  }
}
.hot-news-header:before {
  content: "";
  display: inline-block;
  margin-right: 1.8rem;
  width: 3.7rem;
  height: 5.4rem;
  background: url("/desimages/dev/ico/hot-header-ico.svg") center center no-repeat;
  background-size: contain;
  transform: translate(0, -0.5rem);
}
@media (max-width: 900px) {
  .hot-news-header:before {
    width: 2.8rem;
    height: 4rem;
    transform: translate(0, -0.3rem);
  }
}

.hot-news-wrap {
  display: grid;
  grid-gap: 2rem;
  grid-template: "q1 q2 q4" "q1 q3 q4" "q5 q7 q8" "q6 q7 q9";
}
@media (max-width: 900px) {
  .hot-news-wrap {
    display: flex;
    flex-direction: column;
  }
}

.hot-news-unit {
  padding-top: 2rem;
  border-radius: 1.6rem;
  background-color: #f2f3f7;
  color: #303138;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  transition: box-shadow 0.3s, background-color 0.3s;
}
@media (max-width: 1260px) {
  .hot-news-unit {
    transition: none;
  }
}
@media (max-width: 900px) {
  .hot-news-unit {
    padding-top: 1.2rem;
    border-radius: 1rem;
  }
}
.hot-news-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
.hot-news-unit:nth-child(1) {
  grid-area: q1;
  display: flex;
}
.hot-news-unit:nth-child(1) .hot-news-unit-img {
  display: block;
}
.hot-news-unit:nth-child(2) {
  grid-area: q2;
  display: flex;
}
.hot-news-unit:nth-child(3) {
  grid-area: q3;
  display: flex;
}
.hot-news-unit:nth-child(4) {
  grid-area: q4;
  display: flex;
}
.hot-news-unit:nth-child(4) .hot-news-unit-img {
  display: block;
}
.hot-news-unit:nth-child(5) {
  grid-area: q5;
  display: flex;
}
@media (max-width: 900px) {
  .hot-news-unit:nth-child(5) {
    display: none;
  }
}
.hot-news-unit:nth-child(6) {
  grid-area: q6;
  display: flex;
}
@media (max-width: 900px) {
  .hot-news-unit:nth-child(6) {
    display: none;
  }
}
.hot-news-unit:nth-child(7) {
  grid-area: q7;
  display: flex;
}
@media (max-width: 900px) {
  .hot-news-unit:nth-child(7) {
    display: none;
  }
}
.hot-news-unit:nth-child(7) .hot-news-unit-img {
  display: block;
}
.hot-news-unit:nth-child(8) {
  grid-area: q8;
  display: flex;
}
@media (max-width: 900px) {
  .hot-news-unit:nth-child(8) {
    display: none;
  }
}
.hot-news-unit:nth-child(9) {
  grid-area: q9;
  display: flex;
}
@media (max-width: 900px) {
  .hot-news-unit:nth-child(9) {
    display: none;
  }
}

.hot-news-unit-desc {
  padding: 0 2rem;
  margin-bottom: 1.2rem;
}
@media (max-width: 900px) {
  .hot-news-unit-desc {
    padding: 0 1.2rem;
    margin-bottom: 1.2rem;
  }
}
.hot-news-unit-desc h5 {
  font-family: "Onest", sans-serif;
  font-weight: 800;
  margin: 0;
}
.hot-news-unit-desc h5 span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  color: #696f77;
  width: 4.7rem;
}
.hot-news-unit-desc p {
  margin-top: 1rem;
  font-size: 1.7rem;
  line-height: 2.3rem;
}
@media (max-width: 900px) {
  .hot-news-unit-desc p {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}

.hot-news-unit-img {
  padding: 0;
  display: none;
}
.hot-news-unit-img img {
  display: block;
  margin-top: auto;
  max-height: 21.7rem;
  width: 100%;
  object-fit: cover;
}

.hot-news-unit-date {
  font-size: 1.4rem;
  line-height: 1rem;
  color: #696f77;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .hot-news-unit-date {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-bottom: 0.6rem;
  }
}

.programmes-section {
  background-color: #333;
}
.programmes-section h2 {
  color: #fff;
  text-shadow: none;
}

.programmes-slider .slick-list {
  border-radius: 4rem;
  overflow: hidden;
}
@media (max-width: 900px) {
  .programmes-slider .slick-list {
    border-radius: 1rem;
  }
}
.programmes-slider .slick-dots {
  margin-top: 1.5rem;
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 900px) {
  .programmes-slider .slick-dots {
    margin-top: 1.2rem;
    gap: 0.4rem;
  }
}
.programmes-slider .slick-dots li {
  font-size: 0;
}
.programmes-slider .slick-dots li.slick-active button {
  background-color: #fed530;
}
.programmes-slider .slick-dots li button {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #e7e7e7;
}
@media (max-width: 900px) {
  .programmes-slider .slick-dots li button {
    width: 0.7rem;
    height: 0.7rem;
  }
}

.programmes-slider-unit {
  display: block;
  position: relative;
}
.programmes-slider-unit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.programmes-slider-unit .programmes-slider-unit-img-desc {
  display: block;
}
@media (max-width: 900px) {
  .programmes-slider-unit .programmes-slider-unit-img-desc {
    display: none;
  }
}
.programmes-slider-unit .programmes-slider-unit-img-mob {
  display: none;
}
@media (max-width: 900px) {
  .programmes-slider-unit .programmes-slider-unit-img-mob {
    display: block;
  }
}

.programmes-slider-unit-date {
  padding: 2.4rem 1.4rem 1.8rem;
  font-family: "Benzin", sans-serif;
  color: #303138;
  font-size: 2.3rem;
  line-height: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 10%;
  left: 0;
  background-color: #fed530;
  border-radius: 0 1.2rem 1.2rem 0;
}
@media (max-width: 900px) {
  .programmes-slider-unit-date {
    padding: 1.4rem 1rem 1.1rem;
    font-size: 1.4rem;
    line-height: 2rem;
    border-radius: 0 0.7rem 0.7rem 0;
  }
}

.programmes-list {
  display: flex;
  justify-content: flex-start;
  gap: 4rem;
  margin-top: 3rem;
}
@media (max-width: 900px) {
  .programmes-list {
    display: none;
  }
}

.programmes-list-unit {
  width: calc(33.3333333333% - 2rem + 0.6666666667rem);
  display: block;
  border-radius: 3.5rem;
  overflow: hidden;
  aspect-ratio: 420/240;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .programmes-list-unit {
    transition: none;
  }
}
.programmes-list-unit:hover {
  box-shadow: 1.5rem 1.5rem 2rem 0 rgba(0, 0, 0, 0.25);
}
.programmes-list-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
.programmes-list-unit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.weather-section {
  background: radial-gradient(78.64% 93.34% at 18.71% 29.95%, #8aaff5 0%, #dee9fb 100%);
  position: relative;
  overflow: hidden;
}

.weather-content {
  display: flex;
  border-radius: 2rem;
  background: radial-gradient(78.64% 93.34% at 18.71% 29.95%, #8aaff5 0%, #dee9fb 100%);
}
@media (max-width: 900px) {
  .weather-content {
    flex-direction: column;
  }
}

.weather-intro {
  width: 41.94%;
  padding-right: 4.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 900px) {
  .weather-intro {
    width: 100%;
    padding-right: 0;
  }
}
.weather-intro h2 {
  margin: 1.1rem 0 1.5rem;
  text-align: center;
  color: #fff;
}
@media (max-width: 900px) {
  .weather-intro h2 {
    margin: 0 0 1.5rem;
  }
}
.weather-intro img {
  margin-top: auto;
  display: block;
  width: 100%;
  max-width: 44.4rem;
}
@media (max-width: 900px) {
  .weather-intro img {
    max-width: 32rem;
    max-height: 27rem;
    object-fit: cover;
    object-position: center top;
  }
}

.weather-slider-wrap {
  width: 58.06%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  .weather-slider-wrap {
    width: 100%;
  }
}

.weather-slider-head {
  margin-bottom: 3rem;
  position: relative;
  border-radius: 2rem;
  background-color: rgba(248, 250, 255, 0.7);
  padding: 3rem 8.7rem;
}
@media (max-width: 900px) {
  .weather-slider-head {
    margin-bottom: 1.2rem;
    border-radius: 1rem;
    padding: 1.2rem 4.8rem;
  }
}
.weather-slider-head .slick-arrow {
  border-radius: 0.6rem;
  background-color: #a3c1f7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 4rem;
  height: 4rem;
  border: 0;
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translate(0, -50%);
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .weather-slider-head .slick-arrow {
    transition: none;
  }
}
@media (max-width: 900px) {
  .weather-slider-head .slick-arrow {
    border-radius: 0.3rem;
    width: 2.4rem;
    height: 2.4rem;
    left: 1.2rem;
  }
}
.weather-slider-head .slick-arrow:hover {
  box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.weather-slider-head .slick-arrow svg {
  display: block;
  max-width: 1rem;
}
@media (max-width: 900px) {
  .weather-slider-head .slick-arrow svg {
    max-width: 0.7rem;
  }
}
.weather-slider-head .slick-next {
  left: auto;
  right: 3rem;
}
@media (max-width: 900px) {
  .weather-slider-head .slick-next {
    right: 1.2rem;
  }
}
.weather-slider-head h3 {
  font-family: "Benzin", sans-serif;
  font-size: 4rem;
  line-height: 4.3rem;
  font-weight: 400;
  color: #97bcff;
  text-transform: capitalize;
  text-align: center;
}
@media (max-width: 900px) {
  .weather-slider-head h3 {
    font-size: 2.7rem;
    line-height: 3.2rem;
  }
}

.weather-slider-info {
  border-radius: 2rem;
  background-color: rgba(248, 250, 255, 0.7);
  padding: 3rem;
}
@media (max-width: 900px) {
  .weather-slider-info {
    border-radius: 1rem;
    padding: 1.2rem;
  }
}

.weather-slider-info-slide {
  position: relative;
}
.weather-slider-info-slide:after {
  content: "";
}
.weather-slider-info-slide p {
  color: #71a4ff;
  font-family: "Benzin", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.9rem;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .weather-slider-info-slide p {
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 0.6rem;
  }
}
.weather-slider-info-slide p:nth-of-type(1) {
  font-size: 16.5rem;
  line-height: 16.7rem;
  font-weight: 700;
  margin: 2.7rem 0 3rem;
  color: rgba(163, 193, 247, 0.8);
  text-shadow: 1px 4px 6px #e2eafd, 0 0 0 #000, 1px 4px 6px #e2eafd;
}
@media (max-width: 900px) {
  .weather-slider-info-slide p:nth-of-type(1) {
    font-size: 8.6rem;
    line-height: 8.8rem;
    margin: 0.2rem 0 1.2rem;
  }
}
.weather-slider-info-slide p:nth-last-of-type(1) {
  margin-bottom: 0;
}

.weather-slider-info-ico {
  position: absolute;
  top: 0;
  right: 0;
  width: 20rem;
  height: 20rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 900px) {
  .weather-slider-info-ico {
    width: 7rem;
    height: 7rem;
  }
}

.weather-slider-info-ico-1 {
  background-image: url("/desimages/dev/ico/sunny.svg");
}

.weather-slider-info-ico-2 {
  background-image: url("/desimages/dev/ico/partly-cloudy.svg");
}

.weather-slider-info-ico-3 {
  background-image: url("/desimages/dev/ico/cloudy.svg");
}

.weather-slider-info-ico-4 {
  background-image: url("/desimages/dev/ico/rainy.svg");
}

.weather-slider-info-ico-5 {
  background-image: url("/desimages/dev/ico/partly-cloudy-with-rain.svg");
}

.weather-slider-info-ico-6 {
  background-image: url("/desimages/dev/ico/stormy.svg");
}

.weather-slider-info-ico-7 {
  background-image: url("/desimages/dev/ico/partly-cloudy-with-snow.svg");
}

.weather-slider-info-ico-8 {
  background-image: url("/desimages/dev/ico/snowy.svg");
}

.weather-slider-info-ico-9 {
  background-image: url("/desimages/dev/ico/sleety.svg");
}

.weather-slider-info-ico-10 {
  background-image: url("/desimages/dev/ico/blizzardy.svg");
}

.weather-slider-info-ico-11 {
  background-image: url("/desimages/dev/ico/black-icy.svg");
}

.weather-slider-info-ico-12 {
  background-image: url("/desimages/dev/ico/foggy.svg");
}

.news-list-section .news-unit {
  width: calc(33.3333333333% - 2rem + 0.6666666667rem);
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  .news-list-section .news-unit {
    width: 100%;
  }
}
.news-list-section .news-unit-img {
  display: block;
}
.news-list-section .view-more-btn:after {
  transform: rotate(90deg);
}

.news-list-submenu {
  margin: -1rem -0.8rem 3rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 700;
  gap: 1rem 0;
}
@media (max-width: 900px) {
  .news-list-submenu {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.news-list-submenu a {
  margin: 0 0.8rem;
  padding: 0.6rem 0.8rem;
  border-radius: 0.6rem;
  display: block;
  white-space: nowrap;
  color: #303138;
  transition: background-color 0.3s;
}
@media (max-width: 1260px) {
  .news-list-submenu a {
    transition: none;
  }
}
.news-list-submenu a:hover {
  background-color: #fed530;
}
.news-list-submenu a:last-of-type {
  margin-right: auto;
}
.news-list-submenu a.current {
  background-color: #fed530;
}

.date-filter {
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
}

.date-filter-btn {
  cursor: pointer;
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
}
.date-filter-btn img {
  display: block;
}

.date-filter-range-wrapper {
  display: none;
  position: absolute;
  top: calc(100% + 2rem);
  right: 0;
  width: 47.5rem;
  background-color: #fff;
  box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 2rem;
  z-index: 1000;
}
.date-filter-range-wrapper .date-filter-range-input {
  padding: 3rem;
  border-bottom: 0.1rem solid #d9d9d9;
}
.date-filter-range-wrapper .date-filter-range-input input {
  font-weight: 700;
  text-align: center;
  display: block;
  width: 100%;
  border: 0;
  border-radius: 0.5rem;
  padding: 0.6rem 1.4rem;
  color: #303138;
  font-size: 1.8rem;
}
.date-filter-range-wrapper .date-filter-range-actions {
  border-top: 0.1rem solid #d9d9d9;
  padding: 3rem 3rem 4.3rem;
  display: flex;
  gap: 5.5rem;
}
.date-filter-range-wrapper .date-filter-range-actions button {
  display: block;
  flex-grow: 1;
  font-family: "Onest", sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  border-radius: 0.5rem;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.date-filter-range-wrapper .date-filter-range-actions .cancel-btn {
  border: 0.1rem solid #d9d9d9;
  padding: 0.7rem 0 0.6rem;
}
.date-filter-range-wrapper .date-filter-range-actions .apply-btn {
  background-color: #fed530;
  padding: 0.8rem 0 0.7rem;
}
.date-filter-range-wrapper .date-picker-wrapper {
  width: 100%;
  padding: 0;
  border: 0;
  font-family: "Onest", sans-serif;
}
.date-filter-range-wrapper .date-picker-wrapper .drp_top-bar {
  display: none;
}
.date-filter-range-wrapper .date-picker-wrapper .first-date-selected, .date-filter-range-wrapper .date-picker-wrapper .last-date-selected {
  background-color: #fed530 !important;
  color: #303138 !important;
}
.date-filter-range-wrapper .date-picker-wrapper .first-date-selected {
  border-radius: 0.8rem 0 0 0.8rem;
}
.date-filter-range-wrapper .date-picker-wrapper .first-date-selected.last-date-selected {
  border-radius: 0.8rem;
}
.date-filter-range-wrapper .date-picker-wrapper .last-date-selected {
  border-radius: 0 0.8rem 0.8rem 0;
}
.date-filter-range-wrapper .date-picker-wrapper .footer {
  display: none;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper {
  border: 0;
  padding: 0 3rem 2rem;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table {
  width: 100%;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table th {
  width: 14.28%;
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding-bottom: 1.5rem;
  vertical-align: bottom;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .caption {
  color: #303138;
  height: auto;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .caption .prev, .date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .caption .next {
  border-radius: 0.8rem;
  display: block;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .caption .prev:hover {
  background-color: #fed530;
  color: #303138;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .caption .next:hover {
  background-color: #fed530;
  color: #303138;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .week-name {
  font-family: "Onest", sans-serif;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .day {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 0.8rem;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .day.real-today {
  border-radius: 0.8rem;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  border-radius: 0 0.8rem 0.8rem 0;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .day.real-today.last-date-selected {
  border-radius: 0 0.8rem 0.8rem 0;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .day.real-today.last-date-selected.first-date-selected {
  border-radius: 0.8rem;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .day.real-today.first-date-selected {
  border-radius: 0 0.8rem 0.8rem 0;
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .day.hovering {
  background-color: rgba(254, 213, 48, 0.25);
}
.date-filter-range-wrapper .date-picker-wrapper .month-wrapper table .day.checked {
  background-color: rgba(254, 213, 48, 0.25);
}
.date-filter-range-wrapper .date-picker-wrapper .month-name {
  color: #303138;
  padding: 2rem 0 4.5rem;
  font-family: "Onest", sans-serif;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 400;
  text-transform: capitalize;
}

.popular-news-wrap {
  display: grid;
  grid-gap: 2rem;
  grid-template: "q1 q2 q4" "q1 q3 q4" "q5 q7 q8" "q6 q7 q9";
}
@media (max-width: 900px) {
  .popular-news-wrap {
    display: flex;
    flex-direction: column;
  }
}

.popular-news-unit {
  padding-top: 2rem;
  border-radius: 1.6rem;
  background-color: #f2f3f7;
  color: #303138;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  transition: box-shadow 0.3s, background-color 0.3s;
}
@media (max-width: 1260px) {
  .popular-news-unit {
    transition: none;
  }
}
@media (max-width: 900px) {
  .popular-news-unit {
    padding-top: 1.2rem;
    border-radius: 1rem;
  }
}
.popular-news-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
.popular-news-unit:nth-child(1) {
  grid-area: q1;
  display: flex;
}
.popular-news-unit:nth-child(1) .popular-news-unit-img {
  display: block;
}
.popular-news-unit:nth-child(2) {
  grid-area: q2;
  display: flex;
}
.popular-news-unit:nth-child(3) {
  grid-area: q3;
  display: flex;
}
.popular-news-unit:nth-child(4) {
  grid-area: q4;
  display: flex;
}
.popular-news-unit:nth-child(4) .popular-news-unit-img {
  display: block;
}
.popular-news-unit:nth-child(5) {
  grid-area: q5;
  display: flex;
}
@media (max-width: 900px) {
  .popular-news-unit:nth-child(5) {
    display: none;
  }
}
.popular-news-unit:nth-child(6) {
  grid-area: q6;
  display: flex;
}
@media (max-width: 900px) {
  .popular-news-unit:nth-child(6) {
    display: none;
  }
}
.popular-news-unit:nth-child(7) {
  grid-area: q7;
  display: flex;
}
@media (max-width: 900px) {
  .popular-news-unit:nth-child(7) {
    display: none;
  }
}
.popular-news-unit:nth-child(7) .popular-news-unit-img {
  display: block;
}
.popular-news-unit:nth-child(8) {
  grid-area: q8;
  display: flex;
}
@media (max-width: 900px) {
  .popular-news-unit:nth-child(8) {
    display: none;
  }
}
.popular-news-unit:nth-child(9) {
  grid-area: q9;
  display: flex;
}
@media (max-width: 900px) {
  .popular-news-unit:nth-child(9) {
    display: none;
  }
}

.popular-news-unit-desc {
  padding: 0 2rem;
  margin-bottom: 0.6rem;
}
@media (max-width: 900px) {
  .popular-news-unit-desc {
    padding: 0 1.2rem;
    margin-bottom: 1.2rem;
  }
}
.popular-news-unit-desc h5 {
  font-family: "Onest", sans-serif;
  margin: 0;
}
.popular-news-unit-desc h5 span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  color: #696f77;
  width: 4.7rem;
}
.popular-news-unit-desc p {
  margin-top: 1rem;
  font-size: 1.7rem;
  line-height: 2.3rem;
}
@media (max-width: 900px) {
  .popular-news-unit-desc p {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}

.popular-news-unit-img {
  padding: 0;
  display: none;
}
.popular-news-unit-img img {
  display: block;
  margin-top: auto;
  max-height: 21.7rem;
  width: 100%;
  object-fit: cover;
}

.popular-news-unit-date {
  font-size: 1.4rem;
  line-height: 1rem;
  color: #696f77;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .popular-news-unit-date {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-bottom: 0.6rem;
  }
}

.inner-content-section img {
  display: block;
  max-width: 100%;
}
@media (max-width: 900px) {
  .inner-content-section img {
    border-radius: 1rem;
  }
}
.inner-content-section p {
  font-size: 2rem;
  line-height: 2.6rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 900px) {
  .inner-content-section p {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 1.8rem;
  }
}
.inner-content-section p.main-img img {
  border-radius: 3rem;
}
@media (max-width: 900px) {
  .inner-content-section p.main-img img {
    border-radius: 1rem;
  }
}
.inner-content-section p b, .inner-content-section p strong {
  font-weight: 600;
}
.inner-content-section p a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: #fed530;
  transition: text-decoration-color 0.3s;
}
@media (max-width: 1260px) {
  .inner-content-section p a {
    transition: none;
  }
}
.inner-content-section p a:hover {
  text-decoration-color: #000;
}
.inner-content-section p img {
  display: block;
  max-width: 100%;
}
.inner-content-section p iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 100%;
}

.news-block__text:after {
  content: "";
  clear: both;
  display: block;
}

.inner-content-date {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #696f77;
  margin-bottom: 1.5rem;
}
@media (max-width: 900px) {
  .inner-content-date {
    margin-bottom: 0.5rem;
  }
}

.inner-content-tags {
  margin: 3rem 0;
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid rgba(87, 87, 92, 0.6);
}
@media (max-width: 900px) {
  .inner-content-tags {
    margin: 2rem 0;
  }
}

.inner-content-tags-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (max-width: 900px) {
  .inner-content-tags-labels {
    gap: 0.5rem;
  }
}
.inner-content-tags-labels a {
  color: #303138;
  white-space: nowrap;
  display: block;
  padding: 1rem;
  font-size: 2rem;
  line-height: 2.4rem;
  background-color: #fed530;
  border-radius: 0.6rem;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .inner-content-tags-labels a {
    transition: none;
  }
}
@media (max-width: 900px) {
  .inner-content-tags-labels a {
    font-size: 1.1rem;
    line-height: 1.5rem;
    border-radius: 0.2rem;
    padding: 0.2rem 0.6rem;
  }
}
.inner-content-tags-labels a:hover {
  box-shadow: 0.6rem 0.6rem 1.5rem 0 rgba(0, 0, 0, 0.25);
}

.inner-content-more-news .news-unit {
  width: calc(33.3333333333% - 2rem + 0.6666666667rem);
  display: flex;
  flex-direction: column;
  border-radius: 2.4rem;
}
@media (max-width: 900px) {
  .inner-content-more-news .news-unit {
    width: 100%;
    border-radius: 1rem;
  }
}
.inner-content-more-news .news-unit-img {
  display: block;
}

.print_left {
  display: flex;
  gap: 2rem;
  margin-bottom: 4rem;
}
@media (max-width: 900px) {
  .print_left {
    gap: 1.2rem;
  }
}
.print_left a, .print_left button {
  border: 0;
  font-weight: 700;
  display: inline-block;
  background-color: #fed530;
  color: #303138;
  padding: 0.6rem 0.8rem;
  border-radius: 0.6rem;
  font-size: 1.8rem;
  line-height: 2.3rem;
}
@media (max-width: 900px) {
  .print_left a, .print_left button {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

.inner-content-section-with-left-menu {
  display: flex;
  margin-top: 4rem;
}
@media (max-width: 900px) {
  .inner-content-section-with-left-menu {
    flex-direction: column;
  }
}
.inner-content-section-with-left-menu .left-menu-wrap {
  position: relative;
}
@media (max-width: 900px) {
  .inner-content-section-with-left-menu .left-menu-wrap {
    margin-bottom: 2rem;
  }
}
.inner-content-section-with-left-menu .current-menu-label {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem;
  border: 0.1rem solid #303138;
  border-radius: 0.6rem;
  padding: 0.7rem 1rem;
  display: none;
  justify-content: space-between;
  align-items: center;
}
.inner-content-section-with-left-menu .current-menu-label svg {
  transform: rotate(0);
  transition: transform 0.3s;
}
.inner-content-section-with-left-menu .current-menu-label.active svg {
  transform: rotate(180deg);
}
@media (max-width: 900px) {
  .inner-content-section-with-left-menu .current-menu-label {
    display: flex;
  }
}
.inner-content-section-with-left-menu .left-menu {
  width: 35rem;
  flex-shrink: 0;
  margin-right: 6rem;
  list-style-type: none;
  font-family: "Onest", sans-serif;
  font-size: 2.3rem;
  line-height: 3.2rem;
}
@media (max-width: 900px) {
  .inner-content-section-with-left-menu .left-menu {
    max-height: 30rem;
    overflow: auto;
    width: 100%;
    position: absolute;
    top: calc(100% + 1.3rem);
    z-index: 10;
    background-color: #fff;
    border-radius: 1.4rem;
    box-shadow: 0 0.7rem 1rem 0.3rem rgba(0, 0, 0, 0.25);
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 0;
    padding: 1.7rem 0;
    display: none;
  }
}
.inner-content-section-with-left-menu .left-menu li {
  margin-bottom: 0;
}
.inner-content-section-with-left-menu .left-menu .nav_first_lev:before {
  display: none;
}
.inner-content-section-with-left-menu .left-menu a {
  font-weight: 700;
  padding: 1.5rem 0;
  border-bottom: 0.1rem solid #d9d9d9;
  display: block;
  color: #303138;
  transition: color 0.3s, border-bottom 0.3s;
}
@media (max-width: 1260px) {
  .inner-content-section-with-left-menu .left-menu a {
    transition: none;
  }
}
@media (max-width: 900px) {
  .inner-content-section-with-left-menu .left-menu a {
    padding: 0.5rem 1.5rem;
  }
}
.inner-content-section-with-left-menu .left-menu a:hover {
  color: #6d6c6c;
  border-bottom: 0.1rem solid #fed530;
  font-weight: 700;
}
@media (max-width: 900px) {
  .inner-content-section-with-left-menu .left-menu a:hover {
    color: #303138;
    border-bottom: 0.1rem solid #d9d9d9;
  }
}
.inner-content-section-with-left-menu .left-menu a.selected {
  color: #6d6c6c;
  border-bottom: 0.1rem solid #fed530;
  font-weight: 700;
}
@media (max-width: 900px) {
  .inner-content-section-with-left-menu .left-menu a.selected {
    color: #303138;
    border-bottom: 0.1rem solid #d9d9d9;
  }
}

.inner-content-section-with-left-menu-content {
  flex-grow: 1;
}

.press_info-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
.press_info-header h3 {
  margin-bottom: 0;
}
.press_info-header .custom-select {
  min-width: 21.2rem;
}

.press-unit {
  display: block;
  background-color: #f2f3f7;
  border-radius: 2rem;
  margin-bottom: 3rem;
  padding: 2rem;
  color: #303138;
  transition: box-shadow 0.3s;
}
@media (max-width: 1260px) {
  .press-unit {
    transition: none;
  }
}
.press-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 900px) {
  .press-unit {
    border-radius: 0.7rem;
    padding: 1rem;
  }
}

.press-unit-header {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
}
@media (max-width: 900px) {
  .press-unit-header {
    flex-direction: column;
  }
}
.press-unit-header .link_img {
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .press-unit-header .link_img {
    display: block;
    width: 100%;
  }
}
.press-unit-header img {
  display: block;
  border-radius: 1.2rem;
  margin-right: 2.5rem;
  width: 30.5rem;
  aspect-ratio: 61/37;
  object-fit: cover;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .press-unit-header img {
    width: 100%;
  }
}

.press-unit-header-text-date {
  display: flex;
  align-items: flex-start;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #a0a0a3;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .press-unit-header-text-date {
    font-size: 1rem;
    line-height: 1.3rem;
  }
}
.press-unit-header-text-date .author {
  margin-left: 1.7rem;
  font-weight: 700;
}

.press-unit-header-text-label {
  font-size: 2.5rem;
  line-height: 3.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
@media (max-width: 900px) {
  .press-unit-header-text-label {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-bottom: 1.6rem;
  }
}

.press-unit-desc {
  margin-top: 1.8rem;
  font-size: 2rem;
  line-height: 2.4rem;
}
@media (max-width: 900px) {
  .press-unit-desc {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 1.8rem;
  }
}

.team-person h3 {
  margin-bottom: 1rem;
}

.team-person-position {
  color: #a0a0a3;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
  margin-bottom: 2rem;
}

.team-person-content {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2rem;
}
@media (max-width: 900px) {
  .team-person-content {
    flex-direction: column;
  }
}
.team-person-content figure {
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .team-person-content figure {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.team-person-content img {
  display: block;
  width: 35rem;
  flex-shrink: 0;
  margin-right: 4rem;
  border-radius: 2.5rem;
}
@media (max-width: 900px) {
  .team-person-content img {
    width: 100%;
    border-radius: 0.7rem;
    margin-right: 0;
  }
}

.moving-block {
  padding-top: 2rem;
  border-top: 0.1rem solid rgba(87, 87, 92, 0.6);
}
.moving-block:last-of-type {
  border-top: 0;
  padding-top: 0;
}
.moving-block img {
  max-width: 100%;
  border-radius: 2rem;
}
@media (max-width: 900px) {
  .moving-block img {
    border-radius: 1rem;
  }
}

.tag-header {
  margin-bottom: 2rem;
}

.form-wrap {
  margin-top: 4rem;
}
.form-wrap h3 {
  margin-bottom: 2rem;
}
@media (max-width: 900px) {
  .form-wrap h3 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}
.form-wrap .style_warn {
  font-size: 1.2rem;
  margin: 0 0 2.4rem;
}
.form-wrap .el_input {
  margin-bottom: 1.4rem;
}
.form-wrap label {
  display: block;
  font-size: 2rem;
  line-height: 2.6rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 900px) {
  .form-wrap label {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 0.3rem;
  }
}
.form-wrap .fill-field, .form-wrap .el_obr_fill_field {
  color: #db0004;
  visibility: hidden;
}
.form-wrap input, .form-wrap select, .form-wrap textarea {
  width: 100%;
  display: block;
  border: 0.1rem solid #d9d9d9;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0.6rem 1.4rem;
  color: #303138;
  font-size: 1.8rem;
  flex-grow: 1;
  transition: border 0.3s;
}
@media (max-width: 1260px) {
  .form-wrap input, .form-wrap select, .form-wrap textarea {
    transition: none;
  }
}
@media (max-width: 900px) {
  .form-wrap input, .form-wrap select, .form-wrap textarea {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 0.6rem 0.7rem;
  }
}
.form-wrap input:focus, .form-wrap select:focus, .form-wrap textarea:focus {
  border: 0.1rem solid #fed530;
}
.form-wrap input[type=submit] {
  margin: 0 auto;
  width: auto;
  border: 0;
  background-color: #fed530;
  font-size: 2rem;
  line-height: 2rem;
  border-radius: 0.5rem;
  padding: 0.8rem 2rem 0.7rem;
  flex-shrink: 0;
}
.form-wrap .search_in_btn {
  margin-top: 2.4rem;
}
.form-wrap .el_obr_cap {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.form-wrap .el_obr_cap a {
  font-size: 2rem;
  line-height: 2.6rem;
  color: #303138;
  text-decoration: underline;
  text-decoration-color: #fed530;
}
@media (max-width: 900px) {
  .form-wrap .el_obr_cap a {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}

.news-block__row {
  margin-top: 1rem;
}

.projects-intro-section {
  background-color: #101010;
}
.projects-intro-section h2 {
  color: #fff;
  text-shadow: none;
}
.projects-intro-section h2 a {
  color: #fff;
  display: flex;
  align-items: center;
}
.projects-intro-section h2 a:after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 2.6rem;
  background-image: url("/desimages/dev/ico/header-link-arrow.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: -0.2rem 0 0 2rem;
}
@media (max-width: 900px) {
  .projects-intro-section h2 a:after {
    margin-left: auto;
    width: 0.9rem;
    flex-shrink: 0;
  }
}

.projects-intro-slider {
  margin-bottom: 2rem;
}
.projects-intro-slider .slick-list {
  border-radius: 4rem;
  overflow: hidden;
}
@media (max-width: 900px) {
  .projects-intro-slider .slick-list {
    border-radius: 1rem;
  }
}
.projects-intro-slider .slick-dots {
  margin-top: 1.5rem;
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 900px) {
  .projects-intro-slider .slick-dots {
    margin-top: 1.2rem;
    gap: 0.4rem;
  }
}
.projects-intro-slider .slick-dots li {
  font-size: 0;
}
.projects-intro-slider .slick-dots li.slick-active button {
  background-color: #fed530;
}
.projects-intro-slider .slick-dots li button {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #e7e7e7;
}
@media (max-width: 900px) {
  .projects-intro-slider .slick-dots li button {
    width: 0.7rem;
    height: 0.7rem;
  }
}

.projects-intro-slider-unit {
  display: block;
  position: relative;
}
.projects-intro-slider-unit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projects-intro-slider-unit .projects-intro-slider-unit-img-desc {
  display: block;
}
@media (max-width: 900px) {
  .projects-intro-slider-unit .projects-intro-slider-unit-img-desc {
    display: none;
  }
}
.projects-intro-slider-unit .projects-intro-slider-unit-img-mob {
  display: none;
}
@media (max-width: 900px) {
  .projects-intro-slider-unit .projects-intro-slider-unit-img-mob {
    display: block;
  }
}

.projects-intro-slider-unit-date {
  padding: 2.8rem 1.4rem 1.6rem;
  font-family: "Benzin", sans-serif;
  color: #303138;
  font-size: 2.3rem;
  line-height: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 10%;
  left: 0;
  background-color: #fed530;
  border-radius: 0 1.2rem 1.2rem 0;
}
@media (max-width: 900px) {
  .projects-intro-slider-unit-date {
    padding: 1.7rem 1rem 0.8rem;
    font-size: 1.4rem;
    line-height: 2rem;
    border-radius: 0 0.7rem 0.7rem 0;
  }
}

.projects-intro-list {
  display: flex;
  justify-content: flex-start;
  gap: 4rem;
  margin-top: 3rem;
}
@media (max-width: 900px) {
  .projects-intro-list {
    flex-direction: column;
    gap: 1.2rem;
  }
}

.projects-intro-list-unit {
  width: calc(33.3333333333% - 2rem + 0.6666666667rem);
  display: block;
  border-radius: 3.5rem;
  overflow: hidden;
  aspect-ratio: 16/9;
  transition: box-shadow 0.3s, transform 0.3s;
}
@media (max-width: 1260px) {
  .projects-intro-list-unit {
    transition: none;
  }
}
@media (max-width: 900px) {
  .projects-intro-list-unit {
    width: 100%;
    border-radius: 1rem;
  }
}
.projects-intro-list-unit:hover {
  box-shadow: 1.5rem 1.5rem 2rem 0 rgba(0, 0, 0, 0.25);
  transform: scale(1.05);
}
@media (max-width: 900px) {
  .projects-intro-list-unit:hover {
    transform: scale(1);
  }
}
.projects-intro-list-unit:hover {
  box-shadow: 0 0.8rem 2.4rem -0.2rem rgba(0, 0, 0, 0.15);
}
.projects-intro-list-unit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-projects-section {
  background-color: #333;
  box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, 0.25);
}
.top-projects-section h2 {
  color: #fff;
  text-shadow: none;
  position: relative;
}
@media (max-width: 900px) {
  .top-projects-section h2 {
    padding-left: 3rem;
  }
}
.top-projects-section h2:before {
  content: "";
  display: inline-block;
  width: 5.6rem;
  height: 7.6rem;
  background-image: url("/desimages/dev/ico/top-ico.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 1rem;
  vertical-align: middle;
}
@media (max-width: 900px) {
  .top-projects-section h2:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 3rem;
  }
}
.top-projects-section h2 span {
  font-weight: 900;
  background: linear-gradient(90deg, #fed530 0%, #eb9678 60.21%, #d859bf 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.top-projects-list {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin-bottom: -1rem;
}

.top-projects-list-unit {
  padding-bottom: 1rem;
  width: 33.3333333333%;
  position: relative;
  padding-left: 12rem;
}
@media (max-width: 900px) {
  .top-projects-list-unit {
    min-width: 25rem;
    flex-shrink: 0;
    padding-left: 6rem;
  }
}
.top-projects-list-unit:nth-of-type(1) {
  z-index: 3;
}
.top-projects-list-unit:nth-of-type(1) .top-projects-list-unit-index {
  left: 3rem;
  width: 11.8rem;
}
@media (max-width: 900px) {
  .top-projects-list-unit:nth-of-type(1) .top-projects-list-unit-index {
    left: 1.5rem;
    width: 6rem;
  }
}
.top-projects-list-unit:nth-of-type(2) {
  z-index: 2;
}
.top-projects-list-unit:nth-of-type(2) .top-projects-list-unit-index {
  left: -3rem;
  width: 23rem;
}
@media (max-width: 900px) {
  .top-projects-list-unit:nth-of-type(2) .top-projects-list-unit-index {
    left: -1.5rem;
    width: 11.5rem;
  }
}
.top-projects-list-unit:nth-of-type(3) {
  z-index: 1;
}
.top-projects-list-unit:nth-of-type(3) .top-projects-list-unit-index {
  left: -3rem;
  width: 22.1rem;
}
@media (max-width: 900px) {
  .top-projects-list-unit:nth-of-type(3) .top-projects-list-unit-index {
    left: -1.5rem;
    width: 11rem;
  }
}

.top-projects-list-unit-index {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.top-projects-list-unit-img {
  border-radius: 3rem;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 332/575;
  object-fit: cover;
}
@media (max-width: 900px) {
  .top-projects-list-unit-img {
    border-radius: 1rem;
  }
}

.projects-intro-list-header h2 a {
  text-decoration: none;
}

.projects-categories-section {
  background-color: #101010;
}
.projects-categories-section h2 {
  text-shadow: none;
  margin-bottom: 1rem;
}
.projects-categories-section h2 a {
  text-decoration: none;
}
@media (max-width: 900px) {
  .projects-categories-section h2 {
    display: flex;
    font-size: 2rem;
    margin-bottom: 0;
  }
}
.projects-categories-section h2 a {
  color: #fff;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 900px) {
  .projects-categories-section h2 a {
    width: 100%;
    display: flex;
  }
}
.projects-categories-section h2 a:after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 2.6rem;
  background-image: url("/desimages/dev/ico/header-link-arrow.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: -0.2rem 0 0 2rem;
}
@media (max-width: 900px) {
  .projects-categories-section h2 a:after {
    margin-left: auto;
    width: 0.9rem;
    flex-shrink: 0;
  }
}

.projects-categories {
  margin-bottom: 2rem;
}
.projects-categories:last-child {
  margin-bottom: 0;
}

.projects-categories-row {
  display: flex;
  gap: 4rem;
  padding: 2rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media (max-width: 900px) {
  .projects-categories-row {
    padding: 1rem 0;
    gap: 1.2rem;
  }
}
.projects-categories-row a {
  width: calc(33.3333333333% - 4rem + 1.3333333333rem);
  display: block;
  aspect-ratio: 7/4;
  border-radius: 3rem;
  overflow: hidden;
}
@media (max-width: 900px) {
  .projects-categories-row a {
    min-width: 25rem;
    flex-shrink: 0;
    border-radius: 1rem;
  }
}
.projects-categories-row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.projects-category-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.projects-category-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media (max-width: 900px) {
  .projects-category-list {
    gap: 1.2rem;
  }
}
.projects-category-list a {
  display: block;
  aspect-ratio: 213/232;
  width: calc(33.3333333333% - 3rem + 1rem);
  border-radius: 2rem;
  overflow: hidden;
}
@media (max-width: 900px) {
  .projects-category-list a {
    width: 100%;
    border-radius: 1rem;
  }
}
.projects-category-list img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 900px) {
  .projects-release-section h2 {
    line-height: 2.4rem;
    margin-bottom: 1.5rem;
  }
}
.projects-release-section h4 {
  margin-bottom: 2.4rem;
  font-size: 2.7rem;
}
@media (max-width: 900px) {
  .projects-release-section h4 {
    font-size: 1.5rem;
    margin-bottom: 1.8rem;
  }
}
.projects-release-section p {
  font-size: 2rem;
  line-height: 2.6rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 900px) {
  .projects-release-section p {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 1.8rem;
  }
}
.projects-release-section p b, .projects-release-section p strong {
  font-weight: 600;
}
.projects-release-section p a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: #fed530;
  transition: text-decoration-color 0.3s;
}
@media (max-width: 1260px) {
  .projects-release-section p a {
    transition: none;
  }
}
.projects-release-section p a:hover {
  text-decoration-color: #000;
}
.projects-release-section iframe {
  width: 100%;
  height: 100%;
  border-radius: 2rem;
}
@media (max-width: 900px) {
  .projects-release-section iframe {
    border-radius: 1rem;
  }
}
.projects-release-section img {
  display: block;
  max-width: 100%;
  border-radius: 3rem;
}
@media (max-width: 900px) {
  .projects-release-section img {
    border-radius: 1rem;
  }
}

.projects-release-video {
  margin-top: 3rem;
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
@media (max-width: 900px) {
  .projects-release-video {
    margin-top: 3rem;
    border-radius: 1rem;
  }
}

.recently-added-unit-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media (max-width: 900px) {
  .recently-added-unit-wrap {
    gap: 1.2rem;
  }
}

.recently-added-unit {
  width: calc(25% - 3rem + 0.75rem);
  flex-shrink: 0;
  color: #fff;
}
@media (max-width: 900px) {
  .recently-added-unit {
    width: calc(50% - 1.2rem + 0.6rem);
  }
}
@media (max-width: 500px) {
  .recently-added-unit {
    width: 100%;
  }
}
.recently-added-unit img {
  width: 100%;
  aspect-ratio: 7/4;
  border-radius: 1.2rem;
  display: block;
  object-fit: cover;
}
@media (max-width: 900px) {
  .recently-added-unit img {
    border-radius: 1rem;
  }
}

.recently-added-unit-title {
  font-size: 1.6rem;
  line-height: 2rem;
  margin-top: 2rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 4em;
  text-overflow: ellipsis;
}

.recently-added-unit-name {
  margin-top: 0.5rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #a0a0a3;
}

.recently-added-unit-date {
  margin-top: 0.5rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #a0a0a3;
}

.single-project-main-img {
  margin-bottom: 2rem;
  position: relative;
}
.single-project-main-img img {
  display: block;
  width: 100%;
  border-radius: 4rem;
}
@media (max-width: 900px) {
  .single-project-main-img img {
    border-radius: 1rem;
  }
}

.single-project-anchor-menu {
  margin-bottom: 4rem;
  font-size: 1.8rem;
  font-weight: 700;
  display: flex;
  border-bottom: 0.2rem solid rgb(102, 102, 102);
}
@media (max-width: 900px) {
  .single-project-anchor-menu {
    font-size: 1.2rem;
    flex-wrap: wrap;
  }
}
.single-project-anchor-menu a {
  padding: 2rem 0;
  margin-right: 4.5rem;
  display: block;
  color: #fff;
  position: relative;
}
.single-project-anchor-menu a:after {
  content: "";
  width: 100%;
  height: 0.3rem;
  background-color: transparent;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  border-radius: 0.3rem;
  transition: background-color 0.3s;
}
@media (max-width: 1260px) {
  .single-project-anchor-menu a:after {
    transition: none;
  }
}
.single-project-anchor-menu a:hover:after {
  background-color: #fed530;
}

.single-project-desc {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}

.single-project-desc-img {
  flex-shrink: 0;
  width: 34%;
  padding-right: 3rem;
}
@media (max-width: 900px) {
  .single-project-desc-img {
    width: 100%;
    padding-right: 0;
    margin-bottom: 3rem;
  }
}
.single-project-desc-img img {
  display: block;
  width: 100%;
  border-radius: 2rem;
}
@media (max-width: 900px) {
  .single-project-desc-img img {
    border-radius: 1rem;
  }
}

.single-project-desc-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.single-project-desc-info h3 {
  font-weight: 900;
  font-size: 3rem;
  line-height: 4.6rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 900px) {
  .single-project-desc-info h3 {
    font-size: 2rem;
    line-height: 3.6rem;
    margin-bottom: 1rem;
  }
}
.single-project-desc-info p {
  font-size: 2rem;
  line-height: 2.6rem;
}
@media (max-width: 900px) {
  .single-project-desc-info p {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 0.5rem;
  }
}

.single-project-desc-info-age {
  border: 0.1rem solid #a0a0a3;
  border-radius: 0.2rem;
  font-size: 1.9rem;
  line-height: 2.4rem;
  padding: 0.2rem 0.5rem;
  margin-bottom: 2.5rem;
}

.single-project-info {
  margin-bottom: 4rem;
}
.single-project-info p {
  font-size: 2rem;
  line-height: 2.6rem;
  margin-bottom: 2.6rem;
}
@media (max-width: 900px) {
  .single-project-info p {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 1.8rem;
  }
}
.single-project-info p:last-of-type {
  margin-bottom: 0;
}
.single-project-info a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: #fff;
  transition: text-decoration-color 0.3s;
}
@media (max-width: 1260px) {
  .single-project-info a {
    transition: none;
  }
}
.single-project-info a:hover {
  text-decoration-color: #fed530;
}
.single-project-info iframe {
  margin: 6rem 0 0;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 2rem;
}
@media (max-width: 900px) {
  .single-project-info iframe {
    border-radius: 1rem;
  }
}
.single-project-info .img_inner img {
  width: 100%;
  border-radius: 2rem;
}
@media (max-width: 900px) {
  .single-project-info .img_inner img {
    border-radius: 1rem;
  }
}

.single-project-video-archive {
  margin-bottom: 4rem;
}

.single-project-video-archive-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media (max-width: 900px) {
  .single-project-video-archive-grid {
    gap: 1.2rem;
  }
}

.single-project-video-archive-unit {
  width: calc(25% - 3rem + 0.75rem);
  flex-shrink: 0;
  color: #fff;
}
@media (max-width: 900px) {
  .single-project-video-archive-unit {
    width: calc(50% - 1.2rem + 0.6rem);
  }
}
@media (max-width: 500px) {
  .single-project-video-archive-unit {
    width: 100%;
  }
}
.single-project-video-archive-unit img {
  width: 100%;
  aspect-ratio: 7/4;
  border-radius: 1.2rem;
  display: block;
}
@media (max-width: 900px) {
  .single-project-video-archive-unit img {
    border-radius: 1rem;
  }
}

.single-project-video-archive-unit-title {
  font-size: 1.6rem;
  line-height: 2rem;
  margin-top: 2rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 4em;
  text-overflow: ellipsis;
}

.single-project-video-archive-unit-date {
  margin-top: 0.5rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #a0a0a3;
}

.single-project-news-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media (max-width: 900px) {
  .single-project-news-list {
    gap: 1.2rem;
  }
}

.single-project-news-list-unit {
  width: calc(33.3333333333% - 3rem + 1rem);
  flex-shrink: 0;
  color: #fff;
  overflow: hidden;
  border-radius: 2rem;
  background-color: #333;
  display: flex;
  flex-direction: column;
}
.single-project-news-list-unit:hover .single-project-news-list-unit-title {
  color: #fed530;
}
@media (max-width: 900px) {
  .single-project-news-list-unit {
    width: calc(50% - 1.2rem + 0.6rem);
    border-radius: 1rem;
  }
}
@media (max-width: 500px) {
  .single-project-news-list-unit {
    width: 100%;
  }
}
.single-project-news-list-unit img {
  width: 100%;
  max-height: 21.7rem;
  display: block;
  object-fit: cover;
}

.single-project-news-list-unit-desc {
  padding: 2rem 1.5rem;
  flex-grow: 1;
}

.single-project-news-list-unit-date {
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 1.2rem;
}

.single-project-news-list-unit-title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  transition: color 0.3s;
}
@media (max-width: 1260px) {
  .single-project-news-list-unit-title {
    transition: none;
  }
}

.single-project-publications {
  margin-bottom: 6rem;
}

.single-project-publications-slider {
  padding: 0 1.6rem;
}
@media (max-width: 900px) {
  .single-project-publications-slider {
    padding: 0;
  }
}
.single-project-publications-slider .slick-arrow {
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.single-project-publications-slider .slick-arrow:hover svg {
  stroke: #fed530;
}
.single-project-publications-slider .slick-arrow svg {
  display: block;
  stroke: #fff;
  transition: stroke 0.3s;
}
@media (max-width: 1260px) {
  .single-project-publications-slider .slick-arrow svg {
    transition: none;
  }
}
.single-project-publications-slider .slick-prev {
  left: 0;
}
.single-project-publications-slider .slick-next {
  right: 0;
}

.single-project-publications-slider-unit {
  display: block;
  padding: 0 2rem;
  color: #fff;
}
@media (max-width: 900px) {
  .single-project-publications-slider-unit {
    padding: 0 1rem;
  }
}

.single-project-publications-slider-unit-content {
  background: #333;
  border-radius: 3rem;
  padding: 3rem;
}
@media (max-width: 900px) {
  .single-project-publications-slider-unit-content {
    border-radius: 1rem;
    padding: 1rem;
  }
}
.single-project-publications-slider-unit-content h5 {
  font-size: 2.5rem;
  line-height: 3.2rem;
  margin: 0;
}
@media (max-width: 900px) {
  .single-project-publications-slider-unit-content h5 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-bottom: 1.6rem;
  }
}
.single-project-publications-slider-unit-content p {
  font-size: 2rem;
  line-height: 2.6rem;
}
@media (max-width: 900px) {
  .single-project-publications-slider-unit-content p {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 1.8rem;
  }
}

.single-project-publications-slider-unit-desc {
  display: flex;
  margin-bottom: 3rem;
}
@media (max-width: 900px) {
  .single-project-publications-slider-unit-desc {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}
.single-project-publications-slider-unit-desc img {
  width: 34.2rem;
  aspect-ratio: 442/267;
  object-fit: cover;
  border-radius: 1.8rem;
  flex-shrink: 0;
  margin-right: 3.5rem;
}
@media (max-width: 900px) {
  .single-project-publications-slider-unit-desc img {
    border-radius: 1rem;
    width: 100%;
    margin-bottom: 2rem;
  }
}

.single-project-publications-slider-unit-desc-info-additional {
  display: flex;
  margin-bottom: 1.5rem;
}
@media (max-width: 900px) {
  .single-project-publications-slider-unit-desc-info-additional {
    flex-wrap: wrap;
  }
}

.single-project-publications-slider-unit-desc-info-additional-date {
  font-weight: 400;
  font-size: 1.5rem;
  color: #a0a0a3;
}
@media (max-width: 900px) {
  .single-project-publications-slider-unit-desc-info-additional-date {
    font-size: 1.3rem;
  }
}

.single-project-publications-slider-unit-desc-info-additional-author {
  font-weight: 700;
  font-size: 1.5rem;
  color: #fed530;
  margin-left: 3.5rem;
}
@media (max-width: 900px) {
  .single-project-publications-slider-unit-desc-info-additional-author {
    font-size: 1.3rem;
    margin-left: 2rem;
  }
}

.single-project-lead {
  margin-bottom: 6rem;
}

.single-project-lead-content {
  display: flex;
  align-items: flex-start;
  padding: 4rem;
  border-radius: 3rem;
  background-color: rgba(51, 51, 51, 0.7);
  margin-bottom: 4rem;
}
@media (max-width: 900px) {
  .single-project-lead-content {
    border-radius: 1.2rem;
    flex-direction: column;
    align-items: center;
  }
}

.single-project-lead-photo {
  flex-shrink: 0;
  width: 21.2rem;
  height: 21.2rem;
  border: 0.7rem solid #fed530;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 6rem;
}
.single-project-lead-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-project-lead-desc h3 {
  font-size: 4rem;
  line-height: 5rem;
  margin-bottom: 3rem;
}
.single-project-lead-desc p {
  font-size: 3rem;
  line-height: 3.8rem;
  margin-bottom: 3.8rem;
}
.single-project-lead-desc p:last-of-type {
  margin-bottom: 0;
}

.photo-slider {
  margin: 0 -1.5rem;
}
.photo-slider .slick-dots {
  margin-top: 1.5rem;
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 900px) {
  .photo-slider .slick-dots {
    margin-top: 1.2rem;
    gap: 0.4rem;
  }
}
.photo-slider .slick-dots li {
  font-size: 0;
}
.photo-slider .slick-dots li.slick-active button {
  background-color: #fed530;
}
.photo-slider .slick-dots li button {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #e7e7e7;
}
@media (max-width: 900px) {
  .photo-slider .slick-dots li button {
    width: 0.7rem;
    height: 0.7rem;
  }
}

.photo-slide {
  padding: 0 1.5rem;
}
.photo-slide img {
  display: block;
  width: 100%;
  aspect-ratio: 53/58;
  object-fit: cover;
}

.section-404 {
  padding: 3rem 3rem 0;
  background-color: #101010;
  position: relative;
  overflow: hidden;
}
.section-404 img {
  display: block;
  width: 100%;
}

.section-404-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(16, 16, 16, 0) 8.78%, rgba(16, 16, 16, 0.8) 28.09%, #101010 100%);
  text-align: center;
}
.section-404-text h2 {
  font-family: "Benzin", sans-serif;
  font-size: 11.2rem;
  line-height: 12.5rem;
  color: #fff;
  text-shadow: none;
  margin-bottom: 2rem;
}
.section-404-text h3 {
  font-family: "Benzin", sans-serif;
  font-weight: 400;
  font-size: 8.2rem;
  color: #333;
  line-height: 9.3rem;
  text-transform: none;
  margin-bottom: 5.5rem;
}

.tv-programme-section p {
  font-size: 2rem;
  line-height: 2.6rem;
  margin-bottom: 2.6rem;
}

.tv-programme-section-days {
  display: flex;
  justify-content: center;
  gap: 3.5rem;
  border-bottom: 0.1rem solid #d9d9d9;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.2rem;
}
.tv-programme-section-days span {
  display: block;
}
.tv-programme-section-days a {
  padding: 2rem 0;
  display: block;
  position: relative;
  color: #303138;
}
.tv-programme-section-days a:before {
  content: "";
  background-color: #fed530;
  display: block;
  width: 100%;
  height: 0.3rem;
  border-radius: 0.2rem;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
@media (max-width: 1260px) {
  .tv-programme-section-days a:before {
    transition: none;
  }
}
.tv-programme-section-days a:hover:before {
  transform: scale(1, 1);
}
.tv-programme-section-days .prev a {
  color: #a0a0a3;
}
.tv-programme-section-days .current {
  padding: 2rem 0;
  position: relative;
}
.tv-programme-section-days .current:before {
  content: "";
  background-color: #fed530;
  display: block;
  width: 100%;
  height: 0.3rem;
  border-radius: 0.2rem;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
}

.tv-programme-section-filter {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  gap: 3.5rem;
  border-bottom: 0.1rem solid #d9d9d9;
}
.tv-programme-section-filter button {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.2rem;
  display: flex;
  align-items: center;
  padding: 2rem 0;
  border: 0;
  background-color: transparent;
  position: relative;
  color: #303138;
}
.tv-programme-section-filter button:after {
  content: "";
  background-color: #fed530;
  display: block;
  width: 100%;
  height: 0.3rem;
  border-radius: 0.2rem;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
@media (max-width: 1260px) {
  .tv-programme-section-filter button:after {
    transition: none;
  }
}
.tv-programme-section-filter button:hover:after {
  transform: scale(1, 1);
}
.tv-programme-section-filter button.current:after {
  transform: scale(1, 1);
}
.tv-programme-section-filter button.category_1:before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-color: #fed530;
}
.tv-programme-section-filter button.category_2:before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-color: #fc6d6f;
}
.tv-programme-section-filter button.category_3:before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-color: #8d6cd3;
}
.tv-programme-section-filter button.category_4:before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-color: #41a5ee;
}

.tv-programme-section-program-list {
  margin-top: 6rem;
}

.tv-programme-section-program-list-unit {
  padding: 2rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
  display: flex;
  align-items: flex-start;
  border-radius: 2.3rem;
}
@media (max-width: 900px) {
  .tv-programme-section-program-list-unit {
    border-radius: 1rem;
  }
}
.tv-programme-section-program-list-unit.category_id_1 .tv-programme-section-program-list-unit-title:before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-color: #fed530;
}
.tv-programme-section-program-list-unit.category_id_2 .tv-programme-section-program-list-unit-title:before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-color: #fc6d6f;
}
.tv-programme-section-program-list-unit.category_id_3 .tv-programme-section-program-list-unit-title:before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-color: #8d6cd3;
}
.tv-programme-section-program-list-unit.category_id_4 .tv-programme-section-program-list-unit-title:before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-color: #41a5ee;
}

.tv-programme-section-program-list-unit-time {
  width: 11.6rem;
  padding-right: 6rem;
  flex-shrink: 0;
  font-weight: 700;
  color: #a0a0a3;
}

.tv-programme-section-program-list-unit-content {
  flex-grow: 1;
}

.tv-programme-section-program-list-unit-current {
  background-color: #f2f3f7;
  margin-bottom: 4rem;
}
.tv-programme-section-program-list-unit-current:last-child {
  margin-bottom: 0;
}

.tv-programme-section-program-list-unit-now {
  background-color: transparent;
  border: 3px solid #fed530;
  padding: 1.7rem;
}

.tv-programme-section-program-list-unit-title {
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-grow: 1;
  color: #303138;
}

.tv-programme-section-program-list-unit-title-age {
  font-size: 0.9rem;
  line-height: 0.9rem;
  padding: 0.4rem 0.2rem 0.2rem 0.4rem;
  font-weight: 400;
  color: #a0a0a3;
  border-radius: 0.1rem;
  border: 0.1rem solid #a0a0a3;
  margin-left: 1rem;
}

.tv-programme-section-program-list-unit-desc {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-top: 2rem;
}
.tv-programme-section-program-list-unit-desc p {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.tv-programme-section-program-list-unit-img {
  flex-shrink: 0;
  width: 25rem;
  margin-left: 4rem;
}
.tv-programme-section-program-list-unit-img img {
  display: block;
  width: 25rem;
  border-radius: 1.2rem;
  aspect-ratio: 5/3;
  object-fit: cover;
}

ul.team-content {
  margin-bottom: 0;
}

.team-content {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}
@media (max-width: 900px) {
  .team-content {
    gap: 1.9rem 1.1rem;
  }
}
.team-content .team-unit {
  width: calc(33.3333333333% - 4rem + 1.3333333333rem);
  border-radius: 2rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .team-content .team-unit {
    width: calc(50% - 1.1rem + 0.55rem);
    border-radius: 0.7rem;
  }
}
.team-content .team-unit:before {
  display: none;
}
.team-content .team-unit a {
  color: #303138;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 900px) {
  .team-content .team-unit a {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.team-content .team-unit img {
  display: block;
  width: 100%;
  border-radius: 0;
  aspect-ratio: 28/38;
  object-fit: cover;
  object-position: center top;
}
.team-content .team-unit div {
  min-height: 5.8rem;
  padding: 0.5rem 2rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fed530;
}
@media (max-width: 900px) {
  .team-content .team-unit div {
    min-height: auto;
  }
}

.search_info {
  margin-bottom: 2.4rem;
}

.search-result {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}

.search-list .photo_gallery_block {
  display: flex;
  align-items: flex-start;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 3rem;
  color: #303138;
  background-color: #f2f3f7;
  padding: 2rem;
  border-radius: 2rem;
}
@media (max-width: 900px) {
  .search-list .photo_gallery_block {
    border-radius: 1rem;
    flex-direction: column;
  }
}
.search-list .photo_gallery_block .gallery_block_image_container {
  width: 22rem;
  margin-right: 2rem;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .search-list .photo_gallery_block .gallery_block_image_container {
    margin: 0 0 2rem;
    width: 100%;
  }
}
.search-list .photo_gallery_block .gallery_block_image_container img {
  display: block;
  border-radius: 1rem;
}
@media (max-width: 900px) {
  .search-list .photo_gallery_block .gallery_block_image_container img {
    width: 100%;
    border-radius: 1rem;
  }
}
.search-list .photo_gallery_block .news_date {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #696f77;
  margin-bottom: 0.5rem;
}
.search-list .photo_gallery_block .tile_title {
  margin-bottom: 1rem;
  font-weight: 700;
}
.search-list .photo_gallery_block a {
  color: #303138;
  text-decoration: underline;
  text-decoration-color: #fed530;
  transition: text-decoration-color 0.3s;
}
@media (max-width: 1260px) {
  .search-list .photo_gallery_block a {
    transition: none;
  }
}
.search-list .photo_gallery_block a:hover {
  text-decoration-color: #303138;
}

.search-form {
  margin-bottom: 2.4rem;
}
.search-form form {
  display: flex;
  max-width: 70rem;
  width: 100%;
}
.search-form input {
  display: block;
  width: 100%;
  border: 0.1rem solid #d9d9d9;
  border-radius: 0.5rem;
  padding: 0.6rem 1.4rem;
  color: #303138;
  font-size: 1.8rem;
  flex-grow: 1;
}
.search-form button {
  margin-left: 2rem;
  border: 0;
  background-color: #fed530;
  font-size: 2rem;
  line-height: 2rem;
  border-radius: 0.5rem;
  padding: 0.8rem 2rem 0.7rem;
  flex-shrink: 0;
}

.search_main {
  display: flex;
  align-items: center;
  position: relative;
}

.sb-icon-search {
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
}
.sb-icon-search.active {
  display: none;
}
.sb-icon-search svg {
  display: block;
}

.sb-search-submit {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  display: none;
  align-items: center;
  justify-content: center;
}
.sb-search-submit.active {
  display: flex;
}
.sb-search-submit svg {
  display: block;
}

.sb-search-input {
  display: block;
  border: 0.1rem solid #d9d9d9;
  border-radius: 0.5rem;
  padding: 0.6rem 1.4rem;
  color: #303138;
  font-size: 1.8rem;
  flex-grow: 1;
  width: 41rem;
  position: absolute;
  right: calc(100% + 2rem);
  top: 0;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.3s;
}
@media (max-width: 1260px) {
  .sb-search-input {
    transition: none;
  }
}
.sb-search-input.active {
  transform: scaleX(1);
}

/*# sourceMappingURL=style.css.map */