@charset "UTF-8";

html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/*=====  End of Normalize  ======*/

@font-face {
  font-family: 'HyundaiLight';
  src: url("../assets/fonts/HyundaiSansHead-Light.eot");
  src: url("../assets/fonts/HyundaiSansHead-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/HyundaiSansHead-Light.woff") format("woff"), url("../assets/fonts/HyundaiSansHead-Light.woff2") format("woff2"), url("../assets/fonts/HyundaiSansHead-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HyundaiRegular';
  src: url("../assets/fonts/HyundaiSansHead-Regular.eot");
  src: url("../assets/fonts/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/HyundaiSansHead-Regular.woff") format("woff"), url("../assets/fonts/HyundaiSansHead-Regular.woff2") format("woff2"), url("../assets/fonts/HyundaiSansHead-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HyundaiMedium';
  src: url("../assets/fonts/HyundaiSansHead-Medium.eot");
  src: url("../assets/fonts/HyundaiSansHead-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/HyundaiSansHead-Medium.woff") format("woff"), url("../assets/fonts/HyundaiSansHead-Medium.woff2") format("woff2"), url("../assets/fonts/HyundaiSansHead-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HyundaiBold';
  src: url("../assets/fonts/HyundaiSansHead-Bold.eot");
  src: url("../assets/fonts/HyundaiSansHead-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/HyundaiSansHead-Bold.woff") format("woff"), url("../assets/fonts/HyundaiSansHead-Bold.woff2") format("woff2"), url("../assets/fonts/HyundaiSansHead-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/*============================
=            Vars            =
============================*/

/*=====  End of Vars  ======*/

/*=============================
=            Mixin            =
=============================*/

.social-icon--vk {
  background: url(../assets/img/icons/vk.png) no-repeat 0 0;
}

.social-icon--fb {
  background: url(../assets/img/icons/fb.png) no-repeat 0 0;
}

.social-icon--tw {
  background: url(../assets/img/icons/tw.png) no-repeat 0 0;
}

/*=====  End of Mixin  ======*/

/*================================
=            workarea            =
================================*/

.workarea h1 {
  font-size: 58px;
  line-height: 64px;
  margin: 0;
  margin-bottom: 20px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
}

.workarea h2 {
  font-size: 36px;
  line-height: 42px;
  margin: 0;
  margin-bottom: 15px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
}

.workarea h3 {
  font-size: 30px;
  line-height: 40px;
  margin: 0;
  margin-bottom: 15px;
  font-weight: normal;
  font-family: "HyundaiMedium", "Arial", sans-serif;
}

.workarea h4 {
  font-size: 26px;
  line-height: 36px;
  margin: 0;
  margin-bottom: 15px;
  font-weight: normal;
  font-family: "HyundaiMedium", "Arial", sans-serif;
}

.workarea h5 {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  margin-bottom: 15px;
  font-weight: normal;
  font-family: "HyundaiMedium", "Arial", sans-serif;
}

.workarea h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 0;
  margin-bottom: 15pxs;
  font-weight: normal;
  font-family: "HyundaiMedium", "Arial", sans-serif;
}

.workarea p {
  font-size: 16px;
  line-height: 28px;
  margin: 0;
  margin-bottom: 20px;
}

.workarea a:hover {
  text-decoration: none;
  border: none;
}

.workarea small {
  font-size: 14px;
  line-height: 1;
  color: #666;
}

.workarea video {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.workarea input[type="text"],
.workarea input[type="email"],
.workarea input[type="password"],
.workarea input[type="tel"] {
  font-size: 20px;
  line-height: 1;
  width: 100%;
  color: #000;
  padding: 16px 20px;
  border: 1px solid #e4dcd3;
  font-size: 14px;
  line-height: 1;
  outline: none;
  transition: all 0.2s ease-in;
}

.workarea input[type="text"]::-webkit-input-placeholder,
.workarea input[type="email"]::-webkit-input-placeholder,
.workarea input[type="password"]::-webkit-input-placeholder,
.workarea input[type="tel"]::-webkit-input-placeholder {
  color: #00aad2;
}

.workarea input[type="text"]:-moz-placeholder,
.workarea input[type="email"]:-moz-placeholder,
.workarea input[type="password"]:-moz-placeholder,
.workarea input[type="tel"]:-moz-placeholder {
  color: #00aad2;
}

.workarea input[type="text"]:-ms-input-placeholder,
.workarea input[type="email"]:-ms-input-placeholder,
.workarea input[type="password"]:-ms-input-placeholder,
.workarea input[type="tel"]:-ms-input-placeholder {
  color: #00aad2;
}

.workarea input[type="text"]:focus,
.workarea input[type="email"]:focus,
.workarea input[type="password"]:focus,
.workarea input[type="tel"]:focus {
  border: 1px solid #00aad2;
  outline: none;
}

.workarea textarea {
  font-size: 14px;
  line-height: 1;
  color: #000;
  width: 100%;
  border: 1px solid #e4dcd3;
  transition: all 0.3s ease-in;
  min-height: 150px;
  resize: vertical;
  padding: 13px 15px 13px 20px;
}

.workarea textarea::-webkit-input-placeholder {
  color: #00aad2;
}

.workarea textarea:-moz-placeholder {
  color: #00aad2;
}

.workarea textarea:-ms-input-placeholder {
  color: #00aad2;
}

.workarea textarea:focus {
  border: 1px solid #00aad2;
  outline: none;
}

.workarea strong {
  font-family: "HyundaiMedium", "Arial", sans-serif;
}

.workarea ul {
  list-style: none;
  margin-bottom: 20px;
}

.workarea ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.workarea ul li:last-of-type {
  margin-bottom: 0;
}

.workarea ul li::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 7px;
  height: 7px;
  background: #000;
  border-radius: 50%;
}

.workarea ol {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 20px;
}

.workarea ol li {
  counter-increment: step-counter;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.workarea ol li:last-of-type {
  margin-bottom: 0;
}

.workarea ol li::before {
  content: counter(step-counter);
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 16px;
  line-height: 1;
  font-family: "HyundaiMedium", "Arial", sans-serif;
}

.workarea table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #e4dcd3;
  border-left: 1px solid #e4dcd3;
  border-bottom: 1px solid #e4dcd3;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.workarea table tr:last-child td:nth-child(n+1) {
  border-bottom: 0;
}

.workarea table tr td:first-child {
  font-family: "HyundaiMedium", "Arial", sans-serif;
  font-size: 14px;
  line-height: 18px;
  padding: 12px 30px 12px 30px;
  text-align: left;
  min-height: 43px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #e4dcd3;
  background: #e4dcd3;
}

.workarea table tr td {
  padding: 0 20px;
  border-right: 1px solid #e4dcd3;
  border-bottom: 1px solid #e4dcd3;
  font-size: 14px;
  line-height: 18px;
}

.workarea input[type='radio'],
.workarea input[type='checkbox'] {
  display: none;
}

.workarea input[type='checkbox'] + label {
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 28px;
  padding-right: 15px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.35s ease-in;
}

.workarea input[type='checkbox'] + label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border: 2px solid #999;
}

.workarea input[type='checkbox']:checked + label::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url("../assets/img/icons/checkbox.png") no-repeat center center;
  background-size: 10px auto;
}

.workarea input[type='checkbox']:checked + label::before {
  border: 2px solid #00aad2;
}

.workarea input[type='radio'] + label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 35px;
  padding-right: 15px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.35s ease-in;
}

.workarea input[type='radio'] + label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border: 2px solid #999;
  border-radius: 50%;
}

.workarea input[type='radio']:checked + label::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  border-radius: 50%;
  background: #00aad2;
}

.workarea input[type='radio']:checked + label::before {
  border: 2px solid #00aad2;
}

/*=====  End of workarea  ======*/

/*===================================
=            Base Styles            =
===================================*/

html {
  font-size: 16px;
  line-height: 28px;
  box-sizing: border-box;
}

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

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

*:focus {
  outline: none;
  -moz-outline-style: none;
}

:-moz-any-link:focus {
  outline: 1px dotted invert;
}

:-moz-any-link:focus {
  outline: none;
}

textarea,
input {
  box-shadow: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100vw;
  height: 100vh;
  min-width: 280px;
  min-height: 100vh;
  color: #000;
  background: #fff;
  font-family: "HyundaiRegular", "Arial", sans-serif;
  overflow-x: hidden;
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
}

img,
video {
  max-width: 100%;
  height: auto;
}

p,
ul {
  margin: 0;
  padding: 0;
}

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

a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s linear;
}

a[href^="tel:"] {
/*	border-bottom: 1px solid black !important;*/
  color: #0074c8;
}

a[href^="tel:"]:hover {
	border-bottom: none !important;
}

/*=====  End of Base Styles  ======*/

/*==============================
=            layout            =
==============================*/

.layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
}

.layout--text .page-container > .row {
  margin-bottom: 20px;
}

.layout--index .page-content {
  padding-top: 0;
  padding-bottom: 0;
}

.layout--index .page-content .page-container {
  max-width: 100%;
  padding: 0;
}

.layout--news-list .page-content {
  padding-bottom: 0;
}

.layout--news-list .page-content .page-container {
  max-width: 100%;
  padding: 0;
}

.layout--404 .page-content {
  padding-top: 0;
}

.layout--404 .page-content .page-container {
  max-width: 100%;
  padding: 0;
}

.layout--auto .btn-section--center {
  margin-bottom: 0;
}

.layout--models .page-content {
  padding: 0;
}

.layout--models .page-content .page-container {
  max-width: 100%;
  padding: 0;
}

/*=====  End of layout  ======*/

/*============================
=            grid            =
============================*/

@-ms-viewport {
  width: device-width;
}

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

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.pull-0 {
  right: auto;
}

.pull-1 {
  right: 8.333333%;
}

.pull-2 {
  right: 16.666667%;
}

.pull-3 {
  right: 25%;
}

.pull-4 {
  right: 33.333333%;
}

.pull-5 {
  right: 41.666667%;
}

.pull-6 {
  right: 50%;
}

.pull-7 {
  right: 58.333333%;
}

.pull-8 {
  right: 66.666667%;
}

.pull-9 {
  right: 75%;
}

.pull-10 {
  right: 83.333333%;
}

.pull-11 {
  right: 91.666667%;
}

.pull-12 {
  right: 100%;
}

.push-0 {
  left: auto;
}

.push-1 {
  left: 8.333333%;
}

.push-2 {
  left: 16.666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.333333%;
}

.push-5 {
  left: 41.666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.333333%;
}

.push-8 {
  left: 66.666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.333333%;
}

.push-11 {
  left: 91.666667%;
}

.push-12 {
  left: 100%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-first {
  -ms-flex-order: -1;
  order: -1;
}

.flex-last {
  -ms-flex-order: 1;
  order: 1;
}

.flex-unordered {
  -ms-flex-order: 0;
  order: 0;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important;
}

/*=====  End of grid  ======*/

/*==================================
=            formStyler            =
==================================*/

.jq-checkbox,
.jq-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jq-checkbox input,
.jq-radio input {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 100px;
  line-height: 1em;
}

.jq-file__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jq-selectbox,
.jq-select-multiple {
  position: relative;
  display: inline-block;
}

.jq-selectbox select,
.jq-select-multiple select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.jq-selectbox li,
.jq-select-multiple li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.jq-selectbox {
  z-index: 1;
}

.jq-selectbox__select {
  position: relative;
}

.jq-selectbox__select-text {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jq-selectbox__dropdown {
  position: absolute;
}

.jq-selectbox__search input {
  -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.jq-selectbox__dropdown ul {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}

.jq-select-multiple ul {
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.jq-number {
  display: inline-block;
}

.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left;
  /* для Opera Presto */
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  /* в каких-то браузерах присутствует отступ */
  -webkit-appearance: none;
}

.jq-checkbox,
.jq-radio {
  vertical-align: -4px;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  border: 1px solid #C3C3C3;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  cursor: pointer;
}

.jq-checkbox.focused,
.jq-radio.focused {
  border: 1px solid #08C;
}

.jq-checkbox.disabled,
.jq-radio.disabled {
  opacity: .55;
}

.jq-checkbox {
  border-radius: 3px;
}

.jq-checkbox.checked .jq-checkbox__div {
  width: 12px;
  height: 12px;
  margin: 2px 0 0 2px;
  border-radius: 2px;
  background: #666;
  box-shadow: inset 0 -3px 6px #AAA;
}

.jq-radio {
  border-radius: 50%;
}

.jq-radio.checked .jq-radio__div {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 3px;
  border-radius: 50%;
  background: #777;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.jq-file {
  width: 270px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.jq-file input {
  cursor: pointer;
}

.jq-file__name {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 80px 0 10px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #FFF;
  box-shadow: inset 1px 1px #F1F1F1;
  font: 14px/32px Arial, sans-serif;
  color: #333;
}

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/32px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF;
}

.jq-file:hover .jq-file__browse {
  background: linear-gradient(#F6F6F6, #E6E6E6);
}

.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}

.jq-file.focused .jq-file__name {
  border: 1px solid #5794BF;
}

.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

.jq-number {
  position: relative;
  vertical-align: middle;
  padding: 0 36px 0 0;
}

.jq-number__field {
  width: 100px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.jq-number__field:hover {
  border-color: #B3B3B3;
}

.jq-number__field input {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 9px;
  border: none;
  outline: none;
  background: none;
  font: 14px Arial, sans-serif;
  color: #333;
}

.jq-number__spin {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 14px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-shadow: 1px 1px #FFF;
  cursor: pointer;
}

.jq-number__spin.minus {
  top: auto;
  bottom: 0;
}

.jq-number__spin:hover {
  background: linear-gradient(#F6F6F6, #E6E6E6);
}

.jq-number__spin:active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}

.jq-number__spin:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 11px;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #999;
  border-left: 5px solid transparent;
}

.jq-number__spin.minus:after {
  top: 5px;
  border-top: 5px solid #999;
  border-right: 5px solid transparent;
  border-bottom: none;
  border-left: 5px solid transparent;
}

.jq-number__spin.minus:hover:after {
  border-top-color: #000;
}

.jq-number__spin.plus:hover:after {
  border-bottom-color: #000;
}

.jq-number.focused .jq-number__field {
  border: 1px solid #5794BF;
}

.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

.jq-number.disabled .jq-number__spin:after {
  border-bottom-color: #AAA;
}

.jq-number.disabled .jq-number__spin.minus:after {
  border-top-color: #AAA;
}

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
}

.jq-selectbox__select {
  height: 32px;
  padding: 0 45px 0 10px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/32px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF;
}

.jq-selectbox__select:hover {
  background: linear-gradient(#F6F6F6, #E6E6E6);
}

.jq-selectbox__select:active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}

.jq-selectbox.focused .jq-selectbox__select {
  border: 1px solid #5794BF;
}

.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

.jq-selectbox__select-text {
  display: block;
  width: 100%;
}

.jq-selectbox .placeholder {
  color: #888;
}

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
  border-left: 1px solid #CCC;
}

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 0;
  height: 0;
  border-top: 5px solid #999;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
  border-top-color: #000;
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  border-top-color: #AAA;
}

.jq-selectbox__dropdown {
  box-sizing: border-box;
  width: 100%;
  margin: 2px 0 0;
  padding: 0;
  border: 1px solid #CCC;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font: 14px/18px Arial, sans-serif;
}

.jq-selectbox__search {
  margin: 5px;
}

.jq-selectbox__search input {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  border: 1px solid #CCC;
  border-radius: 3px;
  outline: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==") no-repeat 100% 50%;
  box-shadow: inset 1px 1px #F1F1F1;
  color: #333;
}

.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px;
}

.jq-selectbox ul {
  margin: 0;
  padding: 0;
}

.jq-selectbox li {
  min-height: 18px;
  padding: 5px 10px 6px;
  color: #231F20;
}

.jq-selectbox li.selected {
  background-color: #A3ABB1;
  color: #FFF;
}

.jq-selectbox li:hover {
  background-color: #08C;
  color: #FFF;
}

.jq-selectbox li.disabled {
  color: #AAA;
}

.jq-selectbox li.disabled:hover {
  background: none;
}

.jq-selectbox li.optgroup {
  font-weight: bold;
}

.jq-selectbox li.optgroup:hover {
  background: none;
  color: #231F20;
  cursor: default;
}

.jq-selectbox li.option {
  padding-left: 25px;
}

.jq-select-multiple {
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #FFF;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/18px Arial, sans-serif;
  color: #333;
  cursor: default;
}

.jq-select-multiple.focused {
  border: 1px solid #5794BF;
}

.jq-select-multiple.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

.jq-select-multiple ul {
  margin: 0;
  padding: 0;
}

.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none;
}

.jq-select-multiple li:first-child {
  border-radius: 3px 3px 0 0;
}

.jq-select-multiple li:last-child {
  border-radius: 0 0 3px 3px;
}

.jq-select-multiple li.selected {
  background: #08C;
  color: #FFF;
}

.jq-select-multiple li.disabled {
  color: #AAA;
}

.jq-select-multiple li.optgroup {
  font-weight: bold;
}

.jq-select-multiple li.option {
  padding-left: 25px;
}

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
  background: #CCC;
  color: #FFF;
}

input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
  padding: 8px 9px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px Arial, sans-serif;
  color: #333;
}

input[type='search'].styler {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea.styler {
  overflow: auto;
}

input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
  border-color: #B3B3B3;
}

input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
  border-color: #CCC;
  border-top-color: #B3B3B3;
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
  overflow: visible;
  padding: 8px 11px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  outline: none;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF;
  cursor: pointer;
}

button.styler.styler::-moz-focus-inner,
input[type='button'].styler.styler::-moz-focus-inner,
input[type='submit'].styler.styler::-moz-focus-inner,
input[type='reset'].styler.styler::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
  background: linear-gradient(#F6F6F6, #E6E6E6);
}

button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}

button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

/*=====  End of formStyler  ======*/

/*=============================
=            slick            =
=============================*/

/* Slider */

.slick-loading .slick-list {
  background: #fff url("../assets/img/content/ajax-loader.gif") center center no-repeat;
}

/* Icons */

@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}

/* Arrows */

.slick-prev,
.slick-next {
  font-size: 12px;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 12px;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

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

/*=====  End of slick  ======*/

/*================================
=            jquery-ui            =
================================*/

/*! jQuery UI - v1.12.1 - 2017-09-04
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

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

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  box-shadow: 0 0 5px #666;
}

/*=====  End of jqury-ui  ======*/

/*! lightgallery - v1.6.1 - 2017-09-18
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */

@font-face {
  font-family: 'lg';
  src: url("../assets/fonts/lg.eot?n1z373");
  src: url("../assets/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../assets/fonts/lg.woff?n1z373") format("woff"), url("../assets/fonts/lg.ttf?n1z373") format("truetype"), url("../assets/fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.lg-icon {
  font-family: 'lg';
  speak: none;
  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-actions .lg-next,
.lg-actions .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: 1080;
  border: none;
  outline: none;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #FFF;
}

.lg-actions .lg-next {
  right: 20px;
}

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

.lg-actions .lg-prev {
  left: 20px;
}

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

@keyframes lg-right-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 {
  animation: lg-right-end 0.3s;
  position: relative;
}

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

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.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;
  transition: color 0.2s linear;
}

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

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

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

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}

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

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

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

.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

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

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

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

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-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: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

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

.lg-outer.lg-thumb-open .lg-thumb-outer {
  transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

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

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

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

.lg-outer.lg-pull-caption-up .lg-sub-html {
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}

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

.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}

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

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.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 {
  transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

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

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

#lg-actual-size {
  font-size: 20px;
}

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

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

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

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

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 5px, 0);
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

.lg-outer #lg-share {
  position: relative;
}

.lg-outer #lg-share:after {
  content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}

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

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

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

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

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  transition-duration: 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 {
  transition-duration: 0s !important;
  opacity: 1;
}

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

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

.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.lg-outer .lg-item {
  background: url("../img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}

.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: 50%;
  width: 1px;
  margin-right: -1px;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

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

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

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

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

.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.15s ease 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 {
  transition: none 0s ease 0s !important;
}

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

.lg-css3.lg-use-left .lg-item {
  -webkit-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 {
  transition: opacity 0.1s ease 0s;
}

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

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

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

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  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 {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

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

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

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

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

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

/*===================================
=            slider-section           =
===================================*/

.slider-section {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #e4dcd3;
}

.slider-section--lighter {
  background: #f6f3f2;
}

.slider-section__wrapper {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

h2.slider-section__title {
  text-align: center;
  margin-bottom: 55px;
}

/*=====  End of slider-section  ======*/

/*==================================
=            about-news            =
==================================*/

.about-news {
  margin-bottom: 80px;
  border: 1px solid #e4dcd3;
}

.about-news__row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e4dcd3;
  margin-bottom: -1px;
  padding: 25px 40px 20px 40px;
}

.about-news__row--rowspan {
  display: block;
}

.about-news__subrow {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.about-news__subrow:last-child {
  margin-bottom: 0;
}

.about-news__title {
  width: 100px;
}

.about-news__content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}

.about-news__link {
  position: relative;
}

.about-news__link--prev,
.about-news__link--next {
  display: block;
  width: 100%;
}

.about-news__link--prev::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  transform: translateY(-50%);
  width: 11px;
  height: 7px;
  background: url("../assets/img/icons/paging_jumpPage.png") no-repeat 0 0px;
}

.about-news__link--next::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  transform: translateY(-50%);
  width: 11px;
  height: 7px;
  background: url("../assets/img/icons/paging_jumpPage.png") no-repeat 0 -8px;
}

.about-news__link.disabled {
  pointer-events: none;
  color: #666;
}

.about-news__link.disabled::after {
  display: none;
}

.about-news__link span {
  text-transform: uppercase;
}

.about-news__downoload {
  margin-left: auto;
}

/*=====  End of about-news  ======*/

/*=================================
=            arrow-top            =
=================================*/

.arrow-top {
  position: fixed;
  right: 0;
  bottom: 0;
  display: block;
  width: 60px;
  height: 60px;
  background: url("../assets/img/icons/btn_top.png") no-repeat 0 0;
  background-size: cover;
  transform: translate3d(0, 0, 0);
  z-index: 50;
  cursor: pointer;
}

.arrow-top.stop {
  position: absolute;
}

/*=====  End of arrow-top  ======*/

/*===================================
=            auto-slider            =
===================================*/

.slick-slider.auto-slider {
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 65px;
}

.slick-slider.auto-slider .news-list__item {
  padding: 0 15px;
}

.slick-slider.auto-slider .slick-prev,
.slick-slider.auto-slider .slick-next {
  z-index: 99;
}

.slick-slider.auto-slider .slick-prev {
  top: 70px;
  transform: translate(0, 0);
  left: 15px;
}

.slick-slider.auto-slider .slick-next {
  top: 70px;
  transform: translate(0, 0);
  right: 37px;
}

.slick-slider.auto-slider .slick-prev:before,
.slick-slider.auto-slider .slick-next:before {
  content: '';
}

.slick-slider.auto-slider .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.slick-slider.auto-slider .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.slick-slider.auto-slider ul.slick-dots {
  margin-bottom: 0;
  bottom: -45px;
}

.slick-slider.auto-slider ul.slick-dots li {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
  padding-left: 0;
  border: 1px solid grey;
  border-radius: 50%;
}

.slick-slider.auto-slider ul.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
}

.slick-slider.auto-slider ul.slick-dots li button::before {
  content: '';
  color: #fff;
  opacity: 1;
  top: -1px;
  left: -1px;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
}

.slick-slider.auto-slider ul.slick-dots li::before {
  content: '';
  opacity: 1;
  font-size: 0;
  background: #fff;
  border-radius: 50%;
  width: auto;
}

.slick-slider.auto-slider ul.slick-dots li.slick-active {
  border: 1px solid transparent;
}

.slick-slider.auto-slider ul.slick-dots li.slick-active button::before {
  background: #00aad2;
  border: 1px solid #00aad2;
  border-radius: 50%;
}

.auto-slider__thumb {
  display: block;
  min-width: 200px;
  margin: 0 15px;
  height: 170px;
  background-size: cover !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

/*=====  End of auto-slider  ======*/

/*===================================
=            breadcrumbs            =
===================================*/

.breadcrumbs {
  padding: 30px 0;
  overflow: hidden;
}

.breadcrumbs__wrap {
  position: relative;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
}

.breadcrumbs__item {
  font-size: 14px;
  line-height: 16px;
}

a.breadcrumbs__item {
  margin-right: 10px;
  padding: 0 15px 0 0;
  background: url(../assets/img/content/bg_breadcrumb.png) no-repeat 100% 5px;
}

span.breadcrumbs__item,
a.breadcrumbs__item__current.breadcrumbs__item
{
    color: #00aad2;
    font-family: 'HyundaiMedium';
    cursor: default;
    text-decoration: none;
    margin-right:0;
    padding:0;
    background: none;
}

/*=====  End of breadcrumbs  ======*/

/*===================================
=            btn-section            =
===================================*/

.btn-section {
  margin-bottom: 50px;
}

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

/*=====  End of btn-section  ======*/

/*===========================
=            btn            =
===========================*/

a.btn,
button.btn,
input.btn {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
  padding: 15px 30px;
  background: #002c5f;
  color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  margin: 20px 10px 0px 0;
}

a.btn--center,
button.btn--center,
input.btn--center {
  margin: 0 auto;
}

a.btn--gray,
button.btn--gray,
input.btn--gray {
  background: #777673;
}

a.btn:hover,
button.btn:hover,
input.btn:hover {
  text-decoration: none;
}

/*=====  End of btn  ======*/

/*===================================
=            burger-menu            =
===================================*/

.burger-menu {
  display: none;
  width: 20px;
  cursor: pointer;
}

/*=====  End of burger-menu  ======*/

/*======================================
=            color-selector            =
======================================*/

.color-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  padding: 50px;
}

.color-selector .slick-list {
  padding: 15px 0;
}

.color-selector .slick-prev,
.color-selector .slick-next {
  z-index: 5;
}

.color-selector .slick-prev {
  left: 15px;
}

.color-selector .slick-next {
  right: 5px;
}

.color-selector .slick-prev:before,
.color-selector .slick-next:before {
  content: '';
}

.color-selector .slick-prev:before {
  display: block;
  width: 9px;
  height: 16px;
  background: url("../assets/img/icons/prev.png") no-repeat 0 0;
  opacity: 1;
}

.color-selector .slick-next:before {
  display: block;
  width: 9px;
  height: 16px;
  background: url("../assets/img/icons/next.png") no-repeat 0 0;
  opacity: 1;
}

.color-selector__name {
  font-size: 16px;
  line-height: 1;
}

.color-selector__list {
  display: -ms-flexbox;
  display: flex;
  max-width: 805px;
  padding: 0 40px;
  margin-left: -10px;
  margin-right: -10px;
}

.color-selector__item {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  margin: 10px;
  cursor: pointer;
}

.color-selector__item.current::after {
  display: block;
  content: '';
  position: absolute;
  top: -11px;
  right: -5px;
  width: 22px;
  height: 22px;
  background: url("../assets/img/icons/chk_on.png") no-repeat;
  z-index: 1;
  overflow: hidden;
}

.color-selector__title {
  font-size: 20px;
  line-height: 24px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  margin-bottom: 10px;
}

.color-selector__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 21.078%;
}

/*=====  End of color-selector  ======*/

/*=====================================
=            contact-panel            =
=====================================*/

.contact-panel {
  position: absolute;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  bottom: 55px;
  background: #fff;
  -ms-flex-align: center;
  align-items: center;
  padding: 35px 20px 35px 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in;
  z-index: 70;
}

.contact-panel.show {
  opacity: 1;
  visibility: visible;
}

.contact-panel__link {
  display: block;
  font-size: 17px;
  line-height: 1;
  margin-bottom: 25px;
}

.contact-panel__link:last-of-type {
  margin-bottom: 0;
}

/*=====  End of contact-panel  ======*/

/*=================================
=            copyright            =
=================================*/

.copyright {
  display: block;
  color: #5f5f5f;
  font-size: 12px;
  line-height: 1;
  clear: both;
}

.copyright a {
  color: #5f5f5f;
  text-decoration: underline;
}

.copyright a:hover {
  text-decoration: none;
}

/*=====  End of copyright  ======*/

/*=================================
=            countries            =
=================================*/

.countries__item {
  margin-bottom: 20px;
}

.countries__item-link {
  font-size: 14px;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.countries__item-icon {
  display: block;
  width: 26px;
  height: 18px;
  margin-right: 7px;
}

/*=====  End of countries  ======*/

/*=====================================
=            downoload-btn            =
=====================================*/

.downoload-btn {
  font-size: 14px;
  line-height: 28px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  position: relative;
  padding-left: 23px;
}

.downoload-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
  background: url("../assets/img/icons/btn_download.png") no-repeat 0 0;
}

/*=====  End of downoload-btn  ======*/

/*=============================
=            error            =
=============================*/

.error .page-form__label,
.error .feedback-form__label {
  display: none;
}

.error .page-form__label.error__text,
.error .feedback-form__label.error__text {
  display: block;
  color: red;
}

.error input {
  border: 1px solid red !important;
}

.error input::-webkit-input-placeholder {
  color: red !important;
}

.error input:-moz-placeholder {
  color: red !important;
}

.error input:-ms-input-placeholder {
  color: red !important;
}

.page-form__label.error__text,
.feedback-form__label.error__text {
  display: none;
}

/*=====  End of error  ======*/

/*================================
=            exterior            =
================================*/

.exterior {
  padding-top: 100px;
  background: #f6f3f2;
}

h2.exterior__title {
  text-align: center;
  margin-bottom: 55px;
}

.exterior__pic {
  width: 100%;
  max-width: 1600px;
  height: 580px;
  margin: 0 auto;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/*=====  End of exterior  ======*/

/*====================================
=            footer-panel            =
====================================*/

.footer-panel {
  display: none;
}

.footer-panel .logo {
  width: 37px;
  height: 20px;
  background: url("../assets/img/icons/footer_logo_mobileq.png") no-repeat 0 0;
  background-size: contain;
  margin: inherit;
  margin-bottom: 0;
}

.footer-panel__contact {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 23px;
  border: none;
  text-decoration: none;
  background: url("../assets/img/icons/btn_quick_qmenu.png") no-repeat;
  background-size: 22px auto;
  text-indent: -9999px;
  margin-right: 45px;
}

.footer-panel__share {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 23px;
  border: none;
  text-decoration: none;
  background: url("../assets/img/icons/btn_quick_share.png") no-repeat;
  background-size: 18px auto;
  text-indent: -9999px;
  margin-right: 45px;
}

.footer-panel__top {
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  border: none;
  text-decoration: none;
  background: url("../assets/img/icons/btn_quick_top.png") no-repeat;
  background-size: 23px auto;
  text-indent: -9999px;
}

/*=====  End of footer-panel  ======*/

/*======================================
=            gallery-slider            =
======================================*/

.gallery-slider {
  position: relative;
}

.gallery-slider .slick-prev,
.gallery-slider .slick-next {
  z-index: 99;
}

.gallery-slider .slick-prev {
  top: 50%;
  margin-top: -22px;
  left: 0px;
}

.gallery-slider .slick-next {
  top: 50%;
  margin-top: -22px;
  right: 25px;
}

.gallery-slider .slick-prev:before,
.gallery-slider .slick-next:before {
  content: '';
}

.gallery-slider .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.gallery-slider .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.gallery-slider__slide {
  width: 100%;
  height: 600px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.gallery-slider__preview-thumb {
  position: relative;
  width: 260px;
  height: 140px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  cursor: pointer;
}

.gallery-slider__preview-thumb::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
}

.gallery-slider__preview-thumb.slick-current::after {
  opacity: 0;
}

.gallery-slider__preview-thumb:hover::after {
  opacity: 0;
}

.gallery-slider__preview .slick-prev,
.gallery-slider__preview .slick-next {
  z-index: 99;
}

.gallery-slider__preview .slick-prev {
  top: 50%;
  margin-top: -22px;
  left: 0px;
}

.gallery-slider__preview .slick-next {
  top: 50%;
  margin-top: -22px;
  right: 25px;
}

.gallery-slider__preview .slick-prev:before,
.gallery-slider__preview .slick-next:before {
  content: '';
}

.gallery-slider__preview .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.gallery-slider__preview .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.gallery-slider__quantity {
  position: absolute;
  font-size: 16px;
  line-height: 1;
  right: 30px;
  bottom: 160px;
  color: #fff;
}

/*=====  End of gallery-slider  ======*/

/*===============================
=            top-img            =
===============================*/

.headline-block {
  background-repeat: no-repeat !important;
  background-size: contain !important;
  height: 600px;
  width: 100%;
  padding-top: 71px;
  color: #fff;
  background: center;
}

.headline-block h1,
.headline-block .h1{
  font-size: 58px;
  line-height: 64px;
  color: #fff;
  text-align: left;
  max-width: 650px;
  margin: 0;
  margin-bottom: 12px;
}

.headline-block h1.headline-block_title--black {
  color: #000;
}

.headline-block p {
  font-size: 20px;
  line-height: 26px;
  max-width: 840px;
}

.headline-block p.headline-block__text--black {
  color: #000;
}

.headline-block__wrap {
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  position: relative;
  margin: 0 auto;
}

.headline-block__wrap--flex {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 20px;
}

.headline-block__wrap--flex .headline-block__btns {
  margin-top: auto;
}

.headline-block__btns .btn {
  margin-right: 10px;
  margin-bottom: 20px;
}

.headline-block__btns .btn:last-child {
  margin-right: 0;
}

/*=====  End of top-img  ======*/

/*================================
=            img-area            =
================================*/

.img-area {
  margin-bottom: 20px;
  text-align: center;
}

.img-area img {
  width: auto;
}

/*=====  End of img-area  ======*/

/*=====================================
=            language-link            =
=====================================*/

.language-link {
  background: url("../assets/img/content/btn_topmenu_language.png") no-repeat;
}

/*=====  End of language-link  ======*/

/*===================================
=            loading          =
===================================*/

.loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}

/*=====  End of loading-img  ======*/

/*============================
=            logo            =
============================*/

.logo {
  width: 149px;
  height: 43px;
  background: url(../assets/img/logo/_logo.svg) center/cover no-repeat;
  background-position: center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 70px;
}

.logo--footer {
  margin: 0;
  width: 60px;
  height: 32px;
  background: url("../assets/img/logo/footer_logo_pc.png") no-repeat;
  position: absolute;
  left: 20px;
  top: 0;
  margin-right: 0;
}

/*=====  End of logo  ======*/

/*===================================
=            main-banner            =
===================================*/

.main-banner {
  position: relative;
  min-height: 400px;
}

.main-banner .slick-prev,
.main-banner .slick-next {
  z-index: 5;
}

.main-banner .slick-prev {
  top: 50%;
  margin-top: -21px;
  left: 30px;
  width: 24px;
  height: 42px;
}

.main-banner .slick-next {
  top: 50%;
  margin-top: -21px;
  right: 35px;
  width: 24px;
  height: 42px;
}

.main-banner .slick-prev:before,
.main-banner .slick-next:before {
  content: '';
}

.main-banner .slick-prev:before {
  display: block;
  width: 24px;
  height: 42px;
  background: url("../assets/img/icons/btn_main_prev.png") no-repeat 0 0;
}

.main-banner .slick-next:before {
  display: block;
  width: 24px;
  height: 42px;
  background: url("../assets/img/icons/btn_main_next.png") no-repeat 0 0;
}

.main-banner ul.slick-dots {
  position: absolute;
  bottom: 85px;
  margin-bottom: 0;
}

.main-banner ul.slick-dots li {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
  padding-left: 0;
  border-radius: 50%;
}

.main-banner ul.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  background: #fff;
  border: 1px solid grey;
}

.main-banner ul.slick-dots li button::before {
  content: '';
  color: #fff;
  opacity: 1;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
}

.main-banner ul.slick-dots li::before {
  content: '';
  opacity: 1;
  font-size: 0;
  background: #fff;
  border-radius: 50%;
  width: auto;
}

.main-banner ul.slick-dots li.slick-active {
  border: 1px solid transparent;
}

.main-banner ul.slick-dots li.slick-active button::before {
  background: #00aad2;
  border: 1px solid #00aad2;
  border-radius: 50%;
}

.main-banner__slider.slick-slider {
  margin-bottom: 0;
}

.main-banner__item {
  width: 100%;
 /* height: 830px;*/
  padding: 0 60px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center bottom !important;
}

.main-banner__inner {
  position: relative;
  height: 720px;
  margin: 0 auto;
  overflow: hidden;
  max-width: 1800px;
}

.main-banner__visual-area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.main-banner__wrap {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.main-banner__btn {
  position: absolute;
  bottom: 40px;
  left: 20px;
  z-index: 1;
}

.main-banner__btn:nth-child(2) {
  bottom: 100px;
}

.main-banner__btn:nth-child(3) {
  bottom: 160px;
}

.slick-controls__btn {
  width: 12px !important;
  height: 12px !important;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../assets/img/icons/btn_play_stop.png") no-repeat;
  border-radius: 0 !important;
  top: 2px;
  cursor: pointer;
  font-size: 12px;
}

.slick-controls__btn.play {
  background-position: 0 -12px;
}

/*=====  End of main-banner  ======*/

/*===================================
=            main-slider            =
===================================*/

/*=====  End of main-slider  ======*/

/*====================================
=            menu-section            =
====================================*/

.menu-section {
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  transition: all 0.35s ease-in;
}

.menu-section.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 161;
}

.menu-section__list {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.menu-section {
  padding: 21px 0;
}

.menu-section__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.menu-section__title {
  font-family: "HyundaiMedium", "Arial", sans-serif;
  color: #000;
}

.menu-section__item {
  padding: 0 25px;
}

.menu-section__item.active .menu-section__link {
  color: #00aad2;
}

.menu-section__link:hover {
  color: #00aad2;
}

/*=====  End of menu-section  ======*/

/*====================================
=            models-range            =
====================================*/

.models-range {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  background: #fff;
  margin-bottom: 60px;
}

.models-range--small {
  padding-top: 50px;
  margin-bottom: 0;
}

.models-range--small .models-range__img {
  width: 170px;
  height: 86px;
  margin-bottom: 15px;
}

.img_mob{
  display: none !important;
}

.models-range--small .models-range__title {
  max-width: 160px;
  text-align: center;
  font-family: "HyundaiRegular", "Arial", sans-serif;
  margin: inherit;
}

.models-range__link {
  margin-bottom: 20px;
 /* width: 20%;*/
}

.models-range__img {
  display: block;
  width: 255px;
  height: 130px;
  margin-bottom: 20px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
}

.models-range__title {
  display: block;
  font-size: 14px;
  line-height: 1;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  text-align: center;
  margin: 0 auto;
}
h2.models-range__title
{
    display: block;
    font-size: 15px !important;
    line-height: 1 !important;
    font-family: "HyundaiMedium", "Arial", sans-serif !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/*=====  End of models-range  ======*/

/*==================================
=            models-tab            =
==================================*/

.models-tab__controls {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.models-tab__controls-item {
  width: 13.39%;
  max-width: 150px;
}

.models-tab__controls-item.active .models-tab__controls-link {
  background: #fff;
  color: #000;
}

.models-tab__controls-item--all .models-tab__controls-link {
  background: #002c5f;
}

.models-tab__controls-item:hover .models-tab__controls-link {
  background: #fff;
  color: #444;
  text-decoration: underline;
}

.models-tab__controls-link {
  display: block;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  padding: 12px;
  background: #444;
  text-align: center;
}

.models-tab__list {
  list-style: none;
}

.models-tab__item {
  /*display: none;*/
  display: inline-block;
}

.models-tab__item.active .models-tab__heading::before {
  transform: translateY(-50%) rotate(180deg);
}

.models-tab__item.active {
  display: block;
}

.models-tab__heading {
  display: none;
}

/*=====  End of models-tab  ======*/

/*==============================
=            models            =
==============================*/

.models {
  min-height: 400px;
  padding: 0 60px 0 60px;
  background: url("../assets/img/bg/worldwide-main-vehicle-stg-pc.jpg") no-repeat 0 0;
  background-size: cover;
}

.models__wrap {
  height: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding: 100px 0 110px 0px;
  background: #fff;
}

h2.models__title {
  text-align: center;
  margin-bottom: 55px;
}

.models-custom-styles h1.models__title
{
  text-align: center;
  margin-bottom: 55px !important;
  font-size: 36px;
  line-height: 42px;
  margin: 0;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  cursor: default;
}
@media screen and (max-width: 767px)
{
    .models-custom-styles h1.models__title
    {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 35px !important;
    }
}

.models__container {
  position: relative;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  text-align: center;
}

/*=====  End of models  ======*/

/*============================
=            more            =
============================*/

.more {
  padding: 50px 0;
  padding-bottom: 30px;
  background: #f6f3f2;
}

.more__wrap {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.more__title {
  font-size: 30px;
  line-height: 40px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  margin-bottom: 50px;
  text-align: center;
}

.more__item {
  margin-bottom: 20px;
}

.more__item:hover {
  text-decoration: none;
}

.more__item:hover .more__item-title {
  text-decoration: underline;
}

.more__item-pic {
  height: 170px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  margin-bottom: 20px;
}

.more__item-title {
  font-size: 16px;
  line-height: 20px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  color: #000;
}

.more__item-title span {
  text-transform: uppercase;
}

/*=====  End of more  ======*/

/*=================================
=            news-area            =
=================================*/

.news-area {
  background: #fff;
  padding-top: 110px;
  padding-bottom: 75px;
  min-height: 200px;
}

.news-area .slick-prev,
.news-area .slick-next {
  z-index: 5;
}

.news-area .slick-prev {
  top: 50%;
  left: 0px;
}

.news-area .slick-next {
  top: 50%;
  right: 25px;
}

.news-area .slick-prev:before,
.news-area .slick-next:before {
  content: '';
}

.news-area .slick-prev:before {
  display: block;
  width: 42px;
  height: 42px;
  background: url("../assets/img/icons/btn_main_prev_w.png") no-repeat 0 0;
}

.news-area .slick-next:before {
  display: block;
  width: 42px;
  height: 42px;
  background: url("../assets/img/icons/btn_main_next_w.png") no-repeat 0 0;
}

.news-area ul.slick-dots {
  position: absolute;
  bottom: 30px;
}

.news-area ul.slick-dots li {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
  padding-left: 0;
  border-radius: 50%;
}

.news-area ul.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  background: #fff;
  border: 1px solid grey;
}

.news-area ul.slick-dots li button::before {
  content: '';
  color: #fff;
  opacity: 1;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
}

.news-area ul.slick-dots li::before {
  content: '';
  opacity: 1;
  font-size: 0;
  background: #fff;
  border-radius: 50%;
  width: auto;
}

.news-area ul.slick-dots li.slick-active {
  border: 1px solid transparent;
}

.news-area ul.slick-dots li.slick-active button::before {
  background: #00aad2;
  border: 1px solid #00aad2;
  border-radius: 50%;
}

.news-area.slick-slider {
  margin-bottom: 0;
}

.news-area__item-wrap {
  width: 650px;
}

.news-area__info {
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 1;
}

.news-area__tag {
  position: relative;
  margin-right: 10px;
  padding-right: 11px;
  color: #666;
}

.news-area__tag::after {
  content: '';
  position: absolute;
  display: block;
  height: 12px;
  width: 1px;
  right: 0;
  top: 2px;
  background: #d9d9d9;
}

.news-area__date {
  color: #666;
}

.news-area__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

.news-area__item {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center;
  justify-content: center;
}

/*=====  End of news-area  ======*/

/*=================================
=            news-item            =
=================================*/

.news-item {
  background: #f6f3f2;
  height: 100%;
}

.news-item--white {
  background: #fff;
}

.news-item--white .news-item__content {
  padding: 25px 5px 10px 0px;
}

.news-item--white .news-item__pic {
  height: 170px;
}

.news-item--white .news-item__title {
  font-size: 16px;
  line-height: 26px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  margin-bottom: 10px;
}

.news-item--white .news-item__date small,
.news-item--white .news-item__time small {
  color: #000;
}

.news-item__pic {
  height: 235px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.news-item__content {
  padding: 30px 30px 45px 30px;
  font-size: 0;
}

.news-item__title {
  font-size: 20px;
  line-height: 1;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  margin-bottom: 15px;
}

.news-item__date {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  text-decoration: none !important;
}

.news-item__date:hover {
  text-decoration: none !important;
}

.news-item__time {
  display: inline-block;
  vertical-align: middle;
}

/*=====  End of news-item  ======*/

/*=================================
=            news-list            =
=================================*/

.news-list--slider {
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 20px;
}

.news-list--slider .news-list__item {
  padding: 0 15px;
  text-decoration:none!important;
}

.news-list--slider .slick-prev,
.news-list--slider .slick-next {
  z-index: 99;
}

.news-list--slider .slick-prev {
  top: 70px;
  transform: translate(0, 0);
  left: 15px;
}

.news-list--slider .slick-next {
  top: 70px;
  transform: translate(0, 0);
  right: 37px;
}

.news-list--slider .slick-prev:before,
.news-list--slider .slick-next:before {
  content: '';
}

.news-list--slider .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.news-list--slider .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.news-list--slider ul.slick-dots {
  margin-bottom: 0;
  bottom: 0;
}

.news-list--slider ul.slick-dots li {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
  padding-left: 0;
  border: 1px solid grey;
  border-radius: 50%;
}

.news-list--slider ul.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
}

.news-list--slider ul.slick-dots li button::before {
  content: '';
  color: #fff;
  opacity: 1;
  top: -1px;
  left: -1px;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
}

.news-list--slider ul.slick-dots li::before {
  content: '';
  opacity: 1;
  font-size: 0;
  background: #fff;
  border-radius: 50%;
  width: auto;
}

.news-list--slider ul.slick-dots li.slick-active {
  border: 1px solid transparent;
}

.news-list--slider ul.slick-dots li.slick-active button::before {
  background: #00aad2;
  border: 1px solid #00aad2;
  border-radius: 50%;
}

.news-list__item {
  margin-bottom: 30px;
}

.news-list__item:hover .news-item__date {
  text-decoration: none !important;
}

/*=====  End of news-list  ======*/

/*================================
=            news-room            =
================================*/

.news-room {
  padding: 70px 0px;
}

.news-room__wrap {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

ul.news-room__controls {
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
}

li.news-room__controls-item {
  width: 33.33333%;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  background: #444;
  transition: all 0.2s ease;
}

li.news-room__controls-item::before {
  display: none;
}

li.news-room__controls-item.active {
  background: #fff;
}

li.news-room__controls-item.active .news-room__controls-link {
  color: #000;
}

li.news-room__controls-item:hover {
  background: #fff;
}

li.news-room__controls-item:hover .news-room__controls-link {
  color: #000;
}

a.news-room__controls-link {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  padding: 23px 20px;
  text-align: center;
  text-decoration: none;
}

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

.news-room__content {
  padding-top: 60px;
  padding-bottom: 30px;
}

.news-room__item {
  display: none;
}

.news-room__item.active {
  display: block;
}

.news-room__mobile-toggle {
  position: relative;
  display: none;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  padding: 18px 20px;
  background: #444;
  color: #fff;
  text-align: left;
}

.news-room__mobile-toggle::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(0);
  background: url("../assets/img/icons/tab_right_arr_mobile.png") no-repeat right center;
  background-size: 7px auto;
  transition: all 0.2s ease-in;
}

.news-room__mobile-toggle.active::after {
  transform: translateY(-50%) rotate(180deg);
}

/*=====  End of news-room  ======*/

/*===================================
=            news-slider            =
===================================*/

.news-slider {
  padding: 70px 0px;
  background: #fff;
}

.news-slider .slick-prev,
.news-slider .slick-next {
  z-index: 99;
}

.news-slider .slick-prev {
  left: 20px;
}

.news-slider .slick-next {
  right: 45px;
}

.news-slider .slick-prev:before,
.news-slider .slick-next:before {
  content: '';
}

.news-slider .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.news-slider .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.news-slider ul.slick-dots {
  margin-bottom: 0;
  bottom: -45px;
}

.news-slider ul.slick-dots li {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
  padding-left: 0;
  border: 1px solid grey;
  border-radius: 50%;
}

.news-slider ul.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
}

.news-slider ul.slick-dots li button::before {
  content: '';
  color: #fff;
  opacity: 1;
  top: -1px;
  left: -1px;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
}

.news-slider ul.slick-dots li::before {
  content: '';
  opacity: 1;
  font-size: 0;
  background: #fff;
  border-radius: 50%;
  width: auto;
}

.news-slider ul.slick-dots li.slick-active {
  border: 1px solid transparent;
}

.news-slider ul.slick-dots li.slick-active button::before {
  background: #00aad2;
  border: 1px solid #00aad2;
  border-radius: 50%;
}

.news-slider__wrap {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.news-slider__slide {
  display: -ms-flexbox !important;
  display: flex !important;
}

.news-slider__pic {
  width: 65%;
  height: 490px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.news-slider__desc {
  width: 35%;
  padding: 80px 60px 50px 60px;
  text-align: left;
  background: #f6f3f2;
}

.news-slider__link {
  position: relative;
  padding-right: 15px;
  font-size: 18px;
  line-height: 1;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  color: #002c5e;
}

.news-slider__link::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 7px;
  height: 12px;
  background: url("../assets/img/icons/learn_more_arr.png") no-repeat 0 0;
}

/*=====  End of news-slider  ======*/

/*============================
=            news            =
============================*/

.news {
  min-height: 200px;
  padding: 100px 60px 0 60px;
  background: url("../assets/img/bg/worldwide-main-hyundai-newsroom-stg-pc.jpg") no-repeat 0 0;
  background-size: cover;
}

h2.news__title,
h3.news__title
{
  text-align: center;
  margin-bottom: 85px;
  cursor:default;
}

.news-area_item-title {
  text-align: center;
}

/*=====  End of news  ======*/

/*===============================
=            overlay            =
===============================*/

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease-in;
  opacity: 0;
  visibility: hidden;
}

.overlay.open {
  opacity: 1;
  visibility: visible;
}

/*=====  End of overlay  ======*/

/*================================
=            overwiew            =
================================*/

.overwiew {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #f6f3f2;
}

.overwiew__wrapper {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.overwiew__wrapper:after{
  content: "";
  display: inline-block;
  width: 68px;
  height: 66px;
  background: url("../assets/img/content/360.png") no-repeat 0 0;
  position: absolute;
      right: 20px;
  top: -13px;
}

h2.overwiew__title {
  text-align: center;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.overwiew__models {
  position: relative;
  height: 400px;
}

.overwiew__models-list {
  margin: 0 auto;
  cursor: ew-resize;
}

/*=====  End of overwiew  ======*/

/*======================================
=            page-accordion            =
======================================*/

.page-accordion {
  margin-bottom: 20px;
  border: 1px solid #e4dcd3;
}

ul.page-accordion__list,
ul.page-accordion__inner {
  list-style: none;
  margin-bottom: 0;
}

ul.page-accordion__list li,
ul.page-accordion__inner li {
  padding-left: 0;
  margin-bottom: 0;
}

ul.page-accordion__list li::before,
ul.page-accordion__inner li::before {
  display: none;
}

.page-accordion__inner {
  padding: 30px 60px;
  display: none;
}

.page-accordion__list {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-accordion__trigger {
  position: relative;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 30px;
  line-height: 58px;
  text-align: left;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  font-size: 14px;
  line-height: 58px;
  color: #000;
  background: #fff;
  border: 2px solid transparent;
}

.page-accordion__trigger::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  width: 12px;
  height: 7px;
  margin-top: -3px;
  background: url("../assets/img/icons/bg_toggle_small.png") no-repeat top left;
  transition: all 0.2s ease-in;
}

.page-accordion__trigger:hover {
  text-decoration: none !important;
  border: 2px solid #a4c6fd !important;
}

.page-accordion__item {
  border-bottom: 1px solid #e4dcd3;
}

.page-accordion__item:last-child {
  border-bottom: none;
}

.page-accordion__item.active .page-accordion__trigger {
  border: 2px solid #a4c6fd;
}

.page-accordion__item.active .page-accordion__trigger::after {
  transform: rotate(180deg);
}

/*=====  End of page-accordion  ======*/

/*======================================
=            page-container            =
======================================*/

.page-container {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

/*=====  End of page-container  ======*/

/*====================================
=            page-content            =
====================================*/

.page-content {
  padding: 30px 0;
  height: 100%;
}

/*=====  End of page-content  ======*/

/*===================================
=            page-footer            =
===================================*/

.page-footer {
  background: #1c1b1b;
  padding: 58px 0;
}

.page-footer .page-container {
  position: relative;
  padding-left: 120px;
}

.page-footer__menu {
  float: left;
  overflow: hidden;
  margin-bottom: 15px;
  max-width: 890px;
  margin-right: 10px;
}

.page-footer__item {
  float: left;
  padding-right: 18px;
  margin-right: 15px;
  color: #999;
  font-size: 14px;
  position: relative;
}

.page-footer__item:hover {
  text-decoration: underline;
}

.page-footer__item:last-child:after {
  display: none;
}

.page-footer__item:last-child {
  padding-right: 0;
  margin-right: 0;
}

.page-footer__item:after {
  display: block;
  content: '';
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 9px;
  background: #333232;
}

/*=====  End of page-footer  ======*/

/*=================================
=            page-form            =
=================================*/

.page-form {
  position: relative;
  width: 100%;
}

.page-form h2,
.page-form h3 {
  text-transform: uppercase;
  padding-bottom: 0;
  margin-bottom: 30px;
  text-align: center;
}

.page-form h2::before,
.page-form h3::before {
  display: none;
}

.page-form__label {
  display: block;
  font-size: 16px;
  line-height: 1;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  color: #000;
  margin-bottom: 5px;
  width: 220px;
  min-width: 220px;
}

.page-form__required-box {
  font-size: 14px;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 15px;
}

.page-form__field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.page-form__field--center {
  -ms-flex-pack: center;
  justify-content: center;
}

.page-form__field--small input[type="text"],
.page-form__field--small input[type="email"],
.page-form__field--small input[type="password"],
.page-form__field--small input[type="tel"] {
  width: 145px;
  margin-right: 15px;
}

.page-form__field--small input[type="text"]:last-of-type,
.page-form__field--small input[type="email"]:last-of-type,
.page-form__field--small input[type="password"]:last-of-type,
.page-form__field--small input[type="tel"]:last-of-type {
  margin-right: 0;
}

.page-form__field--smaller input[type="text"],
.page-form__field--smaller input[type="email"],
.page-form__field--smaller input[type="password"],
.page-form__field--smaller input[type="tel"] {
  width: 65px;
  margin-right: 15px;
}

.page-form__field--smaller input[type="text"]:last-of-type,
.page-form__field--smaller input[type="email"]:last-of-type,
.page-form__field--smaller input[type="password"]:last-of-type,
.page-form__field--smaller input[type="tel"]:last-of-type {
  margin-right: 0;
}

.page-form__field--middle .page-select.jq-selectbox {
  margin-right: 15px;
  width: 305px;
}

.page-form__field--middle .page-select.jq-selectbox:last-of-type {
  margin-right: 0;
}

.page-form__field--middle input[type="text"],
.page-form__field--middle input[type="email"],
.page-form__field--middle input[type="password"],
.page-form__field--middle input[type="tel"] {
  width: 305px;
  margin-right: 15px;
}

.page-form__field--middle input[type="text"]:last-of-type,
.page-form__field--middle input[type="email"]:last-of-type,
.page-form__field--middle input[type="password"]:last-of-type,
.page-form__field--middle input[type="tel"]:last-of-type {
  margin-right: 0;
}

.page-form__fields {
  border-top: 1px solid #e4dcd3;
  padding-top: 40px;
}

.page-form__subscribe {
  margin-bottom: 20px;
}

.page-form__field-title {
  font-size: 20px;
  line-height: 24px;
  color: #000;
  margin-bottom: 20px;
}

.page-form__btn {
  display: block;
  margin-bottom: 20px;
}

.ui-datepicker.ui-widget {
  font-family: "HyundaiRegular", "Arial", sans-serif;
  z-index: 50 !important;
}

.ui-widget-header .ui-icon {
  width: 11px;
  height: 7px;
  background: url("../assets/img/icons/paging_jumpPage.png") no-repeat 0 0px;
  cursor: pointer;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
  margin-top: 0;
  transform: translateY(-50%) rotate(-90deg);
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
  margin-top: 0;
  transform: translateY(-50%) rotate(90deg);
}

.ui-datepicker-prev.ui-corner-all {
  left: 0;
  top: 0;
}

.ui-datepicker-next.ui-corner-all {
  right: 0;
  top: 0;
}

.ui-datepicker-prev.ui-corner-all.ui-state-hover,
.ui-datepicker-next.ui-corner-all.ui-state-hover {
  border: none;
  background: none;
  cursor: pointer;
  font-weight: normal;
  color: #000;
}

.ui-datepicker-prev.ui-corner-all.ui-state-hover {
  top: 0;
  left: 0;
}

.ui-datepicker-next.ui-corner-all.ui-state-hover {
  top: 0;
  right: 0;
}

/*=====  End of page-form  ======*/

/*==========================================
=            page-header-search            =
==========================================*/

.page-header-search {
  display: none;
}

.page-header-select {
  display: none;
}

/*=====  End of page-header-search  ======*/

/*===================================
=            page-header            =
===================================*/

.page-header {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 3px rgba(216, 209, 200, 0.7);
}

@media (max-width: 992px) {
  .page-header {
    position: fixed;
    top: 0;
    right: 0;
    margin-bottom: 0;
    z-index: 155!important;
  }
  .page-top, .main-banner {
    margin-top: 55px;
  }
}

.page-header .page-container {
  position: static;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.page-header__links {
  position: relative;
  margin-left: auto;
  -ms-flex-order: 3;
  order: 3;
}

.page-header__link {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
}

.page-header__link:last-child {
  margin-right: 0;
}

.js-wrap {
  width: 100%;
  background: #fff;
  position: absolute;
  min-height: 0;
  left: 0;
  top: 66px;
  transition: all 0.35s ease-in;
  box-shadow: 0 1px 3px rgba(216, 209, 200, 0.7);
  z-index: -1;
  overflow: hidden;
}

/*=====  End of page-header  ======*/

/*=================================
=            page-jump            =
=================================*/

.page-jump {
  background: #e4dcd3;
  border-top: 1px solid #fff;
  padding: 60px 0;
  overflow: hidden;
}

.page-jump__item {
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-family: "HyundaiMedium";
  vertical-align: middle;
  position: relative;
}

.page-jump__item--right {
  float: right;
  padding-right: 25px;
}

.page-jump__item--left{
  padding-left: 25px;
  float: left;
}

.page-jump__item--left:before{
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 13px;
  height: 21px;
  background: url("../assets/img/content/bg_navijump.gif") no-repeat 0 0;
}

.page-jump__item--right:after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 13px;
  height: 21px;
  background: url("../assets/img/content/bg_navijump.gif") no-repeat 0 100%;
}

/*=====  End of page-jump  ======*/

/*===================================
=            page-select            =
===================================*/

.page-select.jq-selectbox {
  width: 100%;
}

.page-select.jq-selectbox.focused .jq-selectbox__select {
  border: 1px solid #a4c6fd;
}

.page-select.jq-selectbox.opened .jq-selectbox__trigger-arrow {
  transform: translateY(-50%) rotate(180deg);
}

.page-select.jq-selectbox .jq-selectbox__select {
  font-size: 14px;
  line-height: 44px;
  font-family: "HyundaiRegular", "Arial", sans-serif;
      padding: 0 35px 0 25px;
  width: 100%;
  height: 44px;
  box-shadow: none;
  border: 1px solid transparent;
  border-radius: 0;
  text-shadow: none;
  color: #000;
  background: #f6f3f2;
  box-sizing: border-box;
}

.page-select.jq-selectbox .jq-selectbox__trigger {
  border-left: none;
}

.page-select.jq-selectbox .jq-selectbox__trigger-arrow {
  right: 13px;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  transition: all 0.2s ease-in;
}

.page-select.jq-selectbox .jq-selectbox__dropdown {
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.page-select.jq-selectbox .jq-selectbox__dropdown ul {
  margin-bottom: 0;
}

.page-select.jq-selectbox .jq-selectbox__dropdown ul li {
  margin-bottom: 0;
  padding-bottom: 5px;
}
.page-select.jq-selectbox .jq-selectbox__dropdown ul li:last-child{
   padding-bottom: 0;
}

.page-select.jq-selectbox .jq-selectbox__dropdown ul li::before {
  display: none;
}

.page-select.jq-selectbox li {
  font-size: 14px;
  line-height: inherit;
  white-space: normal;
  font-family: "HyundaiRegular", "Arial", sans-serif;
  padding: 0 8px;
  width: 100%;
  height: auto;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  border: 0;
  border-right: 0;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  text-shadow: none;
  color: #000;
  background: #f6f3f2;
}

.page-select.page-select--small {
  margin-right: 15px;
  width: 305px;
}

.page-select.page-select--small:last-of-type {
  margin-right: 0;
}

/*=====  End of page-select  ======*/

/*==================================
=            page-title            =
==================================*/

.page-title {
  display: none;
}

/*=====  End of page-title  ======*/

/*================================
=            page-top            =
================================*/

.page-top {
  position: relative;
  padding: 0 60px;
  background-color: #e4dcd3;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.page-top--center .headline-block {
  height: auto;
  padding: 95px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-top--center .headline-block h1 {
  color: #000;
  text-align: center;
  max-width: 100%;
}

.page-top--center .headline-block p {
  color: #000;
  text-align: center;
  margin: 0 auto;
}

.page-top .page-container {
  position: relative;
}

.page-top__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

/*=====  End of page-top  ======*/

/*====================================
=            page-wrapper            =
====================================*/

.page-wrapper {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.no-wrap {
  padding: 0 !important;
}

/*=====  End of page-wrapper  ======*/

/*==================================
=            pagination            =
==================================*/

.pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.pagination__list {
  display: -ms-flexbox;
  display: flex;
}

.pagination__wrap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.pagination__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.pagination__prev {
  display: block;
  width: 7px;
  height: 11px;
  background: url("../assets/img/icons/btn_paging.png") no-repeat 0 0;
  margin: 0 8px;
  text-indent: -9999px;
  overflow: hidden;
  background-position: -32px -11px;
  background-size: auto 22px;
}

.pagination__prev.disabled {
  background-position: -32px 0;
  pointer-events: none;
}

.pagination__next {
  display: block;
  width: 7px;
  height: 11px;
  background: url("../assets/img/icons/btn_paging.png") no-repeat 0 0;
  margin: 0 8px;
  text-indent: -9999px;
  overflow: hidden;
  background-position: -38px -11px;
  background-size: auto 22px;
}

.pagination__next.disabled {
  background-position: -38px 0;
  pointer-events: none;
}

.pagination__begin {
  display: block;
  width: 13px;
  height: 11px;
  background: url("../assets/img/icons/btn_paging.png") no-repeat 0 0;
  margin: 0 8px;
  text-indent: -9999px;
  overflow: hidden;
  background-position: 0 -11px;
  background-size: auto 22px;
}

.pagination__begin.disabled {
  background-position: 0 0;
  pointer-events: none;
}

.pagination__end {
  display: block;
  width: 13px;
  height: 11px;
  background: url("../assets/img/icons/btn_paging.png") no-repeat 0 0;
  margin: 0 8px;
  text-indent: -9999px;
  overflow: hidden;
  background-position: right -11px;
  background-size: auto 22px;
}

.pagination__end.disabled {
  background-position: right 0;
  pointer-events: none;
}

.pagination__item.active .pagination__link {
  color: #00aad2;
}

.pagination__link {
  font-family: "HyundaiMedium", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1;
  margin: 0 9px;
  color: #000;
}

.pagination__link:hover {
  color: #00aad2;
  text-decoration: underline;
}

/*=====  End of pagination  ======*/

/*===================================
=            photo-block            =
===================================*/

.photo-block {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #e4dcd3;
}

.photo-block--lighter {
  background: #f6f3f2;
}

.photo-block--lighter .photo-block__wrapper {
  left: auto;
  right: 120px;
}

.photo-block--lighter .photo-block__pic {
  -ms-flex-order: 1;
  order: 1;
  margin-right: 5.35714%;
}

.photo-block--lighter .photo-block__info {
  -ms-flex-order: 2;
  order: 2;
  margin-right: 0;
}

.photo-block__wrapper {
  position: relative;
  left: 120px;
  width: 100%;
  max-width: 1400px;
  padding: 0 20px;
  margin: 0 auto;
}

.photo-block__pic {
  width: 58.823%;
  max-width: 800px;
  height: 510px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
}

.photo-block__wrapper {
  display: -ms-flexbox;
  display: flex;
}

p.photo-block__text {
  margin-bottom: 0;
}

.photo-block__info {
  width: 36.764%;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-right: 4.411%;
}

.photo-block__title {
  font-family: "HyundaiMedium", "Arial", sans-serif;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 20px;
}

/*=====  End of photo-block  ======*/

/*=============================
=            popup            =
=============================*/

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 60px;
  background: #fff;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in;
  z-index: 101;
	box-shadow: 0px 0px 30px rgba(51, 51, 51, 0.3);
}

.popup.open {
  opacity: 1;
  visibility: visible;
}

.popup__close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 16px;
  height: 16px;
  background: url("../assets/img/svg/close-black.svg") no-repeat 0 0;
  background-size: cover;
  cursor: pointer;
}

.popup__title {
  font-size: 24px;
  line-height: 30px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  padding: 15px 0;
}

.popup__form-input {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1;
  width: 100%;
  color: #000;
  padding: 13px 20px;
  border: 2px solid #e4dcd3;
  font-size: 20px;
  line-height: 1;
  outline: none;
  transition: all 0.2s ease-in;
}

.popup__form-input::-webkit-input-placeholder {
  color: #f2f2f2;
}

.popup__form-input:-moz-placeholder {
  color: #f2f2f2;
}

.popup__form-input:-ms-input-placeholder {
  color: #f2f2f2;
}

.popup__form-input:focus {
  border: 2px solid #00aad2;
  outline: none;
}

/*=====  End of popup  ======*/

/*=====================================
=            preview-block            =
=====================================*/

.preview-block {
  background: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.preview-block__wrapper {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.preview-block__pic {
  width: 100%;
  height: 170px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 25px;
}

h3.preview-block__title {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 5px;
}

p.preview-block__text {
  font-size: 14px;
  line-height: 21px;
}

/*=====  End of preview-block  ======*/

/*===================================
=            promo-block            =
===================================*/

.promo-block {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #e4dcd3;
}

/*=====  End of promo-block  ======*/

/*====================================
=            promo-slider            =
====================================*/

.promo-slider .slick-prev,
.promo-slider .slick-next {
  z-index: 99;
}

.promo-slider .slick-prev {
  top: 50%;
  margin-top: -22px;
  left: 0px;
}

.promo-slider .slick-next {
  top: 50%;
  margin-top: -22px;
  right: 25px;
}

.promo-slider .slick-prev:before,
.promo-slider .slick-next:before {
  content: '';
}

.promo-slider .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.promo-slider .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.promo-slider ul.slick-dots {
  margin-bottom: 0;
  bottom: 30px;
}

.promo-slider ul.slick-dots li {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
  padding-left: 0;
  border: 1px solid grey;
  border-radius: 50%;
}

.promo-slider ul.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
}

.promo-slider ul.slick-dots li button::before {
  content: '';
  color: #fff;
  opacity: 1;
  top: -1px;
  left: -1px;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
}

.promo-slider ul.slick-dots li::before {
  content: '';
  opacity: 1;
  font-size: 0;
  background: #fff;
  border-radius: 50%;
  width: auto;
}

.promo-slider ul.slick-dots li.slick-active {
  border: 1px solid transparent;
}

.promo-slider ul.slick-dots li.slick-active button::before {
  background: #00aad2;
  border: 1px solid #00aad2;
  border-radius: 50%;
}

.promo-slider__wrapper.slick-slider {
  margin-bottom: 0;
}

.promo-slider__pic {
  width: 100%;
  height: 600px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.promo-slider__content {
  padding-top: 50px;
  max-width: 800px;
  margin: 0 auto;
}

.promo-slider__title {
  font-size: 30px;
  line-height: 40px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
}

p.promo-slider__text {
  margin-bottom: 0;
}

/*=====  End of promo-slider  ======*/

/*==================================
=            promo-tabs            =
==================================*/

.promo-tabs__wrapper {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.promo-tabs ul.promo-tabs__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 0;
}

.promo-tabs li.promo-tabs__controls-item {
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
  padding-left: 0;
}

.promo-tabs li.promo-tabs__controls-item::before {
  display: none;
}

.promo-tabs li.promo-tabs__controls-item.active .promo-tabs__controls-link {
  background: #fff;
  color: #444;
}

.promo-tabs li.promo-tabs__controls-item:hover .promo-tabs__controls-link {
  background: #fff;
  color: #444;
}

a.promo-tabs__controls-link {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  padding: 22px 20px 22px 20px;
  color: #fff;
  text-align: center;
  background: #444;
  text-decoration: none;
  width: 100%;
}

a.promo-tabs__controls-link:hover {
  text-decoration: none;
}

.promo-tabs ul.promo-tabs__list {
  margin: 0;
  list-style: none;
}

.promo-tabs li.promo-tabs__item {
  display: none;
  padding-left: 0;
  margin: 0;
}

.promo-tabs li.promo-tabs__item::before {
  display: none;
}

.promo-tabs li.promo-tabs__item.active {
  display: block;
}

.promo-tabs__mobile-controls {
  display: none;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  padding: 15px 15px 15px 15px;
  color: #fff;
  text-align: left;
  background: #444;
  text-decoration: none;
  width: 100%;
}

.promo-tabs__mobile-controls::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%) rotate(0deg);
  width: 7px;
  height: 7px;
  background: url("../assets/img/icons/arr-mobile.png") no-repeat 0;
  background-size: 7px auto;
  transition: all 0.35s ease-in;
}

.promo-tabs__mobile-controls.active::after {
  transform: translateY(-50%) rotate(180deg);
}

/*=====  End of promo-tabs  ======*/

/*===============================
=            related            =
===============================*/

.related h2 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 50px;
}

/*=====  End of related  ======*/

/*=====================================
=            release-block            =
=====================================*/

.release-block {
  position: relative;
  padding: 60px 0 60px 0;
  background-color: #f6f3f2;
}

.release-block h1 {
  font-size: 44px;
  line-height: 54px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  color: #000;
  clear: both;
  margin-bottom: 0;
}

.release-block__wrap {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.release-block__wrap:after {
  content: "";
  display: table;
  clear: both;
}

.release-block__type {
  float: left;
  font-size: 20px;
  line-height: 1;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  margin-bottom: 15px;
}

.release-block__data {
  float: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-family: "HyundaiRegular", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.release-block__row {
  margin-bottom: 20px;
}

.release-block__date {
  margin-right: 10px;
}

.release-block__number {
  position: relative;
  padding-left: 20px;
}

.release-block__number::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 10px;
  top: 1px;
  left: 10px;
  background: #e2dad4;
}

/*=====  End of release-block  ======*/

/*================================
=            required            =
================================*/

.required {
  position: relative;
}

.required::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 5px;
  top: 0;
  right: -10px;
  background: url("../assets/img/content/bul_req.png") no-repeat top left;
  background-size: 6px auto;
}

/*=====  End of required  ======*/

/*===================================
=            search-area            =
===================================*/

.search-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 66px;
  width: 100%;
  height: 90px;
  z-index: 50;
  background: #f2f2f2;
  height: 0;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
}

.search-area.open {
  pointer-events: auto;
  height: 90px;
}

.search-area__container {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 20px 20px;
  margin: 0 auto;
}

.search-area__form {
  width: 100%;
  border: 0;
  height: 50px;
  overflow: hidden;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.search-area__form.show {
  opacity: 1;
  visibility: visible;
}

.search-area__input {
  font-size: 20px;
  line-height: 50px;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  padding-right: 25px;
  color: #000;
  border: 2px solid transparent;
  outline: none;
  transition: all 0.2s ease-in-out;
}

.search-area__input::-webkit-input-placeholder {
  color: #f2f2f2;
}

.search-area__input:-moz-placeholder {
  color: #f2f2f2;
}

.search-area__input:-ms-input-placeholder {
  color: #f2f2f2;
}

.search-area__input:focus {
  border: 2px solid #00aad2;
  outline: none;
}

.search-area__field {
  position: relative;
  width: 572px;
  margin: 0 auto;
  padding-right: 55px;
  background: #fff;
}

.search-area__close {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url("../assets/img/svg/close-black.svg") no-repeat 0 0;
  background-size: cover;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 5;
}

.search-area__submit {
  position: absolute;
  background: url("../assets/img/svg/search-black.svg") no-repeat center center;
  top: 0;
  right: 0;
  width: 55px;
  height: 50px;
  overflow: hidden;
  text-indent: -99999px;
  border: none;
  outline: none;
  cursor: pointer;
}

.search-area__reset {
  position: absolute;
  right: 70px;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 17px;
  text-align: center;
  background: url("../assets/img/svg/close-black.svg") no-repeat center center;
  overflow: hidden;
  text-indent: -99999px;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s ease;
}

.search-area__reset.show {
  opacity: 1;
}

/*=====  End of search-area  ======*/




/*====================================
=            search-page            =
====================================*/
.search-page__form {
  display: flex;
}

/*=====  End of search-page  ======*/



/*====================================
=            search-block            =
====================================*/

.search-block {
  background: #f6f3f2;
  padding: 40px 0px;
}

.search-block__form {
  position: relative;
  max-width: 460px;
  width: 100%;
}

.search-block__form--margin {
  margin-bottom: 15px;
}

.search-block__wrap {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.search-block__wrap--center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

.search-block__search {
  padding: 8px 20px !important;
  padding-right: 55px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  height: 44px;
}

.search-block__submit {
  position: absolute;
  background: url("../assets/img/svg/search-black.svg") no-repeat center center;
  top: 0;
  right: 0;
  width: 55px;
  height: 44px;
  overflow: hidden;
  text-indent: -99999px;
  border: none;
  outline: none;
  cursor: pointer;
}

.search-block__btns .btn:first-child {
  margin-right: 10px;
}

/*=====  End of search-block  ======*/

/*===================================
=            seacrh-link            =
===================================*/

.search-link {
  background: url(../assets/img/content/btn_topmenu_search.png) no-repeat;
}

/*=====  End of seacrh-link  ======*/

/*==================================
=            share-link            =
==================================*/

.share-link {
  background: url("../assets/img/content/btn_topmenu_share.png") no-repeat;
}

/*=====  End of share-link  ======*/

/*==================================
=            share-list            =
==================================*/

.share-list {
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 20px 0;
}

.share-list__item {
  position: relative;
  /*margin-left: 48px;*/
  width: 50%;
}
.share-list__item:first-child{
  margin-left: -5px!important;
}

.share-list__item:first-of-type {
  margin-left: 0;
}

.share-list__link {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 60px;
  height: 43px;
  cursor: pointer;
  opacity: 0.8;
  z-index: -1;
}

.share-list__link:hover {
  opacity: 1;
}

.share-list__link img {
  width: 60px;
  height: 43px;
}

.ya-share2, .ya-share2 * {
  position: relative;
  opacity: 0;
  z-index: 1;
}

/*=====  End of share-list  ======*/

/*=====================================
=            sharing-panel            =
=====================================*/

.sharing-panel {
  position: absolute;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  bottom: 55px;
  background: #fff;
  -ms-flex-align: center;
  align-items: center;
  padding: 35px 20px 35px 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in;
  z-index: 70;
}

.sharing-panel.show {
  opacity: 1;
  visibility: visible;
}

.sharing-panel__title {
  display: block;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  font-size: 17px;
  line-height: 1;
  margin-bottom: 25px;
}

.sharing-panel__socials {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.sharing-panel__link {
  display: block;
  width: 49px;
  height: 35px;
  margin-right: 35px;
}

.sharing-panel__link:last-of-type {
  margin-right: 0;
}

.sharing-panel__link img {
  width: 49px;
  height: 35px;
}

/*=====  End of sharing-panel  ======*/

/*===============================
=            sharing            =
===============================*/

.sharing {
  padding:30px 0;
}

.sharing a {
  font-size: 14px;
  line-height: 17px;
  text-decoration: none;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  display: inline-block;
  padding: 0 0 0 25px;
  background: url("../assets/img/content/ico_sharing.png") no-repeat 0 0;
}

/*=====  End of sharing  ======*/

/*================================
=            site-map            =
================================*/

.site-map {
  padding-top: 70px;
  padding-bottom: 70px;
}

.site-map__wrapper {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.site-map__column {
  margin-bottom: 20px;
}

.site-map__column-title {
  font-family: "HyundaiMedium", "Arial", sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.site-map .site-map__list {
  margin-bottom: 0;
}

.site-map .site-map__list--lv2 {
  margin: 10px 0;
}

.site-map__list .site-map__item {
  padding-left: 0;
  margin-bottom: 0;
}

.site-map__list .site-map__item::before {
  display: none;
}

.site-map__list--lv2 .site-map__item {
  padding-left: 10px;
}

.site-map__list--lv2 .site-map__item::before {
  display: block;
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 1px;
  background: transparent;
  border-radius: 0;
}

.site-map__item a {
  font-size: 14px;
  line-height: 1;
  text-decoration: underline;
}

.site-map__list--lv2 a {
  color: #767676;
}

/*=====  End of site-map  ======*/

/*====================================
=            sliding-line            =
====================================*/

.sliding-line {
  border-bottom: 4px solid #00aad2;
  position: absolute;
  left: 0;
  width: 0;
  bottom: -4px;
  transition: all 0.2s ease-in;
}

/*=====  End of sliding-line  ======*/

/*===============================
=            socials            =
===============================*/

.socials {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.socials__item {
  float: left;
  margin-right: 17px;
  display: block;
  opacity: 0.8;
  width: 25px;
  height: 25px;
}

.socials__item:last-of-type {
  margin-right: 0;
}

.socials__item:hover {
  opacity: 1;
}

.socials__item img {
  width: 25px;
  height: 25px;
}

/*=====  End of socials  ======*/

/*===================================
=            sort-select            =
===================================*/

.sort-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.sort-select__heading {
  font-size: 16px;
  line-height: 1;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  margin-right: 50px;
  white-space: nowrap;
}

/*=====  End of sort-select  ======*/

/*=====================================
=            specification            =
=====================================*/

.specification {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #fff;
}

.specification__wrapper {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

.specification__selects {
  margin-bottom: 30px;
}

/*=====  End of specification  ======*/

/*==============================
=            subnav            =
==============================*/

.subnav {
  position: absolute;
  left: 0;
  background: #fff;
  width: 100%;
  transition: all .1s ease;
  z-index: 50;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}

.subnav.active {
  opacity: 1;
  visibility: visible;
}

.subnav.active .subnav__wrap {
  z-index: 55;
}

.subnav .subnav__wrap {
  position: relative;
}

.subnav__wrap {
  width: 100%;
  max-width: 1160px;
  padding: 15px 20px;
  margin: 0 auto;
  transition: all 0.3s ease;
  z-index: -1;
}

.subnav__close {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 25px;
  background: url("../assets/img/svg/close-black.svg") no-repeat 0 0;
  z-index: 5;
}

.subnav__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
}

.subnav__list--lv2 {
  display: none;
  max-width: 200px;
}

.subnav__list--lv3 {
  display: none;
}

.subnav__list--lv2 .subnav__item{
  display: block;
  padding-right: 0;
}
.subnav__link {
  position: relative;
  display: block;
  text-decoration: none;
  color: #767676;
  position: relative;
  line-height: 28px;
}

.subnav__link:hover,
.subnav__link:active {
  color: #00a1c7;
}

.subnav__link--outer-link::after {
  content: "";
  overflow: hidden;
  /*display: block;
  position: absolute;
  right: 0;
  top: 15px;*/
  display: inline-block;
    margin-left: 10px;
  width: 7px;
  height: 7px;
  background: url("../assets/img/icons/ico_gnb_newwin.png") no-repeat 0 -7px;
  font-size: 0;
  line-height: 0;
}

.subnav__item[data-level^="lv"] > .subnav__link span::after {
  content: '';
  /*position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -10px;*/
  display: inline-block;
    margin-left: 10px;
  width: 4px;
  height: 7px;
  background: url("../assets/img/content/gnb_arr.png") no-repeat top left;
}

.subnav__item {
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  padding-right: 25px;
}

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

.subnav__item.active > .subnav__link {
  color: #00a1c7;
}

/*=====  End of subnav  ======*/

/*==================================
=            text-block            =
==================================*/

.text-block {
  padding: 100px 0 50px 0px;
  background: #f6f3f2;
}

.text-block--bg {
  background: url("../assets/img/bg/con-stg-06-pc.png") no-repeat center bottom;
}

.text-block__wrap {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}

h2.text-block__title {
  text-align: center;
  margin-bottom: 55px;
}

/*=====  End of text-block  ======*/

/*============================
=            tool            =
============================*/

.tool {
  position: relative;
  width: 100%;
}

.tool__wrap {
  width: 100%;
  max-width: 1080px;
  padding: 25px 40px 25px 40px;
  margin: 0 auto;
  background: #002c5f;
}

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

.tool__item--print {
  margin-right: 30px;
}

.tool__item--print::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background: url("../assets/img/icons/bul_tool.gif") no-repeat top left;
}

.tool__item--email::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 16px;
  transform: translateY(-50%);
  background: url("../assets/img/icons/bul_tool.gif") no-repeat 0 -39px;
}

.tool__link {
  font-size: 14px;
  line-height: 1;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  color: #fff;
  padding-left: 25px;
}

.tool__link:hover {
  text-decoration: underline;
}

/*=====  End of tool  ======*/

/*===============================
=            top-nav            =
===============================*/

.top-nav {
  max-width: 830px;
  font-size: 16px;
  line-height: 1;
}

.top-nav__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.top-nav__item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}

.top-nav__item:first-of-type {
  margin-left: 0;
}

.top-nav__item:last-of-type {
  margin-right: 0;
}

.top-nav__link {
  text-decoration: none;
  display: block;
  line-height: 66px;
  color: #666;
  font-size: 16px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
}

.top-nav__link:hover {
  color: #000;
}

/*=====  End of top-nav  ======*/

/*================================
=            trade-in            =
================================*/

.trade-in {
  margin-bottom: 30px;
}

.trade-in--full .trade-in__img {
  width: 50%;
  height: 360px;
}

.trade-in__wrap {
  display: -ms-flexbox;
  display: flex;
}

.trade-in__img {
  position: relative;
  width: 355px;
  height: 235px;
  margin-right: 15px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.trade-in__price {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  background: #002c5f;
  color: #fff;
  text-transform: uppercase;
}

.trade-in__characteristics {
  -ms-flex: 1;
  flex: 1;
}

.trade-in__characteristics-item span {
  color: #000;
  font-weight: 700;
}

.trade-in__phone span {
  color: #000;
  font-weight: 700;
}

p.trade-in__desc {
  margin-top: 20px;
}

.trade-in__characteristics-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.trade-in__characteristics-column {
  width: 50%;
}

/*=====  End of trade-in  ======*/

@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pull-sm-0 {
    right: auto;
  }

  .pull-sm-1 {
    right: 8.333333%;
  }

  .pull-sm-2 {
    right: 16.666667%;
  }

  .pull-sm-3 {
    right: 25%;
  }

  .pull-sm-4 {
    right: 33.333333%;
  }

  .pull-sm-5 {
    right: 41.666667%;
  }

  .pull-sm-6 {
    right: 50%;
  }

  .pull-sm-7 {
    right: 58.333333%;
  }

  .pull-sm-8 {
    right: 66.666667%;
  }

  .pull-sm-9 {
    right: 75%;
  }

  .pull-sm-10 {
    right: 83.333333%;
  }

  .pull-sm-11 {
    right: 91.666667%;
  }

  .pull-sm-12 {
    right: 100%;
  }

  .push-sm-0 {
    left: auto;
  }

  .push-sm-1 {
    left: 8.333333%;
  }

  .push-sm-2 {
    left: 16.666667%;
  }

  .push-sm-3 {
    left: 25%;
  }

  .push-sm-4 {
    left: 33.333333%;
  }

  .push-sm-5 {
    left: 41.666667%;
  }

  .push-sm-6 {
    left: 50%;
  }

  .push-sm-7 {
    left: 58.333333%;
  }

  .push-sm-8 {
    left: 66.666667%;
  }

  .push-sm-9 {
    left: 75%;
  }

  .push-sm-10 {
    left: 83.333333%;
  }

  .push-sm-11 {
    left: 91.666667%;
  }

  .push-sm-12 {
    left: 100%;
  }

  .offset-sm-0 {
    margin-left: 0%;
  }

  .offset-sm-1 {
    margin-left: 8.333333%;
  }

  .offset-sm-2 {
    margin-left: 16.666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.333333%;
  }

  .offset-sm-5 {
    margin-left: 41.666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.333333%;
  }

  .offset-sm-8 {
    margin-left: 66.666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.333333%;
  }

  .offset-sm-11 {
    margin-left: 91.666667%;
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .flex-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-sm-last {
    -ms-flex-order: 1;
    order: 1;
  }

  .flex-sm-unordered {
    -ms-flex-order: 0;
    order: 0;
  }

  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pull-md-0 {
    right: auto;
  }

  .pull-md-1 {
    right: 8.333333%;
  }

  .pull-md-2 {
    right: 16.666667%;
  }

  .pull-md-3 {
    right: 25%;
  }

  .pull-md-4 {
    right: 33.333333%;
  }

  .pull-md-5 {
    right: 41.666667%;
  }

  .pull-md-6 {
    right: 50%;
  }

  .pull-md-7 {
    right: 58.333333%;
  }

  .pull-md-8 {
    right: 66.666667%;
  }

  .pull-md-9 {
    right: 75%;
  }

  .pull-md-10 {
    right: 83.333333%;
  }

  .pull-md-11 {
    right: 91.666667%;
  }

  .pull-md-12 {
    right: 100%;
  }

  .push-md-0 {
    left: auto;
  }

  .push-md-1 {
    left: 8.333333%;
  }

  .push-md-2 {
    left: 16.666667%;
  }

  .push-md-3 {
    left: 25%;
  }

  .push-md-4 {
    left: 33.333333%;
  }

  .push-md-5 {
    left: 41.666667%;
  }

  .push-md-6 {
    left: 50%;
  }

  .push-md-7 {
    left: 58.333333%;
  }

  .push-md-8 {
    left: 66.666667%;
  }

  .push-md-9 {
    left: 75%;
  }

  .push-md-10 {
    left: 83.333333%;
  }

  .push-md-11 {
    left: 91.666667%;
  }

  .push-md-12 {
    left: 100%;
  }

  .offset-md-0 {
    margin-left: 0%;
  }

  .offset-md-1 {
    margin-left: 8.333333%;
  }

  .offset-md-2 {
    margin-left: 16.666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.333333%;
  }

  .offset-md-5 {
    margin-left: 41.666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.333333%;
  }

  .offset-md-8 {
    margin-left: 66.666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.333333%;
  }

  .offset-md-11 {
    margin-left: 91.666667%;
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .flex-md-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-md-last {
    -ms-flex-order: 1;
    order: 1;
  }

  .flex-md-unordered {
    -ms-flex-order: 0;
    order: 0;
  }

  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pull-lg-0 {
    right: auto;
  }

  .pull-lg-1 {
    right: 8.333333%;
  }

  .pull-lg-2 {
    right: 16.666667%;
  }

  .pull-lg-3 {
    right: 25%;
  }

  .pull-lg-4 {
    right: 33.333333%;
  }

  .pull-lg-5 {
    right: 41.666667%;
  }

  .pull-lg-6 {
    right: 50%;
  }

  .pull-lg-7 {
    right: 58.333333%;
  }

  .pull-lg-8 {
    right: 66.666667%;
  }

  .pull-lg-9 {
    right: 75%;
  }

  .pull-lg-10 {
    right: 83.333333%;
  }

  .pull-lg-11 {
    right: 91.666667%;
  }

  .pull-lg-12 {
    right: 100%;
  }

  .push-lg-0 {
    left: auto;
  }

  .push-lg-1 {
    left: 8.333333%;
  }

  .push-lg-2 {
    left: 16.666667%;
  }

  .push-lg-3 {
    left: 25%;
  }

  .push-lg-4 {
    left: 33.333333%;
  }

  .push-lg-5 {
    left: 41.666667%;
  }

  .push-lg-6 {
    left: 50%;
  }

  .push-lg-7 {
    left: 58.333333%;
  }

  .push-lg-8 {
    left: 66.666667%;
  }

  .push-lg-9 {
    left: 75%;
  }

  .push-lg-10 {
    left: 83.333333%;
  }

  .push-lg-11 {
    left: 91.666667%;
  }

  .push-lg-12 {
    left: 100%;
  }

  .offset-lg-0 {
    margin-left: 0%;
  }

  .offset-lg-1 {
    margin-left: 8.333333%;
  }

  .offset-lg-2 {
    margin-left: 16.666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.333333%;
  }

  .offset-lg-5 {
    margin-left: 41.666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.333333%;
  }

  .offset-lg-8 {
    margin-left: 66.666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.333333%;
  }

  .offset-lg-11 {
    margin-left: 91.666667%;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .flex-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-lg-last {
    -ms-flex-order: 1;
    order: 1;
  }

  .flex-lg-unordered {
    -ms-flex-order: 0;
    order: 0;
  }

  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    transition: border-color 0.25s ease;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pull-xl-0 {
    right: auto;
  }

  .pull-xl-1 {
    right: 8.333333%;
  }

  .pull-xl-2 {
    right: 16.666667%;
  }

  .pull-xl-3 {
    right: 25%;
  }

  .pull-xl-4 {
    right: 33.333333%;
  }

  .pull-xl-5 {
    right: 41.666667%;
  }

  .pull-xl-6 {
    right: 50%;
  }

  .pull-xl-7 {
    right: 58.333333%;
  }

  .pull-xl-8 {
    right: 66.666667%;
  }

  .pull-xl-9 {
    right: 75%;
  }

  .pull-xl-10 {
    right: 83.333333%;
  }

  .pull-xl-11 {
    right: 91.666667%;
  }

  .pull-xl-12 {
    right: 100%;
  }

  .push-xl-0 {
    left: auto;
  }

  .push-xl-1 {
    left: 8.333333%;
  }

  .push-xl-2 {
    left: 16.666667%;
  }

  .push-xl-3 {
    left: 25%;
  }

  .push-xl-4 {
    left: 33.333333%;
  }

  .push-xl-5 {
    left: 41.666667%;
  }

  .push-xl-6 {
    left: 50%;
  }

  .push-xl-7 {
    left: 58.333333%;
  }

  .push-xl-8 {
    left: 66.666667%;
  }

  .push-xl-9 {
    left: 75%;
  }

  .push-xl-10 {
    left: 83.333333%;
  }

  .push-xl-11 {
    left: 91.666667%;
  }

  .push-xl-12 {
    left: 100%;
  }

  .offset-xl-0 {
    margin-left: 0%;
  }

  .offset-xl-1 {
    margin-left: 8.333333%;
  }

  .offset-xl-2 {
    margin-left: 16.666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.333333%;
  }

  .offset-xl-5 {
    margin-left: 41.666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.333333%;
  }

  .offset-xl-8 {
    margin-left: 66.666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.333333%;
  }

  .offset-xl-11 {
    margin-left: 91.666667%;
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .flex-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-xl-last {
    -ms-flex-order: 1;
    order: 1;
  }

  .flex-xl-unordered {
    -ms-flex-order: 0;
    order: 0;
  }

  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media screen and (min-width: 1800px) {
  .main-banner .slick-prev {
    left: 70px;
  }

  .main-banner .slick-next {
    right: 75px;
  }
}

@media screen and (max-width: 1350px) {
  .models-range.row {
    margin: 0;
  }
}

@media screen and (max-width: 1300px) {
  .main-banner__item {
    padding: 0 20px;
  }

  .models {
    padding: 0 20px 0 20px;
  }

  .news {
    padding: 100px 20px 0 20px;
  }
  .main-banner__inner {
      height: 570px;
  }
}

/*@media screen and (max-width: 1215px) {
  .main-banner__visual-area {
    background-position: -350px center !important;
  }
}*/

@media screen and (max-width: 1200px) {
  .about-news__title {
    font-size: 14px;
    line-height: 1;
    width: 50px;
    margin-right: 10px;
  }

  .about-news__content {
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .about-news__link--prev,
  .about-news__link--next,
  .about-news__text {
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1;
    padding-right: 60px;
  }

  .about-news__link {
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1;
  }

  .about-news__downoload {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  .about-news__downoload .downoload-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    white-space: nowrap;
    overflow: hidden;
    text-indent: -999px;
    display: block;
  }

  .color-selector {
    display: block;
    padding: 25px 20px;
    overflow: hidden;
  }

  .color-selector__list {
    max-width: 100%;
    padding: 0 0;
  }

  .color-selector__left {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%;
  }

  .logo {
    width: 70px;
    background: url(../assets/img/logo/logo_mo.png) no-repeat;
    margin-right: 20px;
  }

  .logo--footer {
    background: url("../assets/img/logo/footer_logo_pc.png") no-repeat;
  }

  .models-range__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .models-tab__controls-item {
    max-width: 100%;
  }

  .models-tab__controls-link {
    font-size: 12px;
    line-height: 1;
  }

  .page-footer__menu {
    max-width: 700px;
  }

  .page-top {
    padding: 0 20px;
  }

  .subnav__close {
    right: 20px;
  }

  .tool__wrap {
    padding: 25px 40px 25px 20px;
  }

  .tool__item--print {
    display: none;
  }

  .top-nav {
    padding-left: 50px;
  }
}



@media screen and (max-width: 1100px) {
  .page-footer__menu {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
    max-width: 100%;
  }

  .socials {
    -ms-flex-pack: start;
    justify-content: flex-start;
    float: none;
    margin-top: 0;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 1000px) {
  .overwiew__models {
    height: 420px;
  }

  .overwiew__models-list {
    width: 100% !important;
    height: 100% !important;
  }

  .spritespin-canvas {
    width: 100% !important;
    height: 100% !important;
  }

  .page-footer__item {
    padding-right: 8px;
    margin-right: 8px;
  }

  .page-footer__item:after {
    left: -8px;
  }
  .main-banner__inner {
      height: 380px;
  }
}

@media screen and (max-width: 992px) {
  .about-news__row {
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 15px 15px 15px;
  }

  .arrow-top {
    display: none !important;
  }

  .slick-slider.auto-slider .slick-prev,
  .slick-slider.auto-slider .slick-next {
    display: none;
  }

  .breadcrumbs {
    display: none;
  }

  .burger-menu {
    display: block;
    position: relative;
    -ms-flex-order: 4;
    order: 4;
  }

  .burger-menu span {
    position: relative;
    display: block;
    background: #000;
    width: 100%;
    height: 2px;
    margin-bottom: 5px;
    top: 0px;
    transition: all 0.3s ease-in-out;
  }

  .burger-menu span:last-of-type {
    margin-bottom: 0;
  }

  .burger-menu.open span:nth-child(2) {
    width: 0;
    opacity: 0;
  }

  .burger-menu.open span:nth-child(1) {
    transform: rotate(-45deg);
    top: 7px;
  }

  .burger-menu.open span:nth-child(3) {
    transform: rotate(45deg);
    top: -7px;
  }

  .color-selector {
    background: transparent;
    padding: 25px 0;
  }

  .exterior {
    padding-top: 70px;
  }

  h2.exterior__title {
    margin-bottom: 40px;
  }

  .exterior__pic {
    height: 470px;
  }

  .gallery-slider .slick-prev,
  .gallery-slider .slick-next {
    display: none;
  }

  .gallery-slider__preview .slick-prev,
  .gallery-slider__preview .slick-next {
    display: none;
  }

  .gallery-slider__preview .slick-prev {
    margin-top: -12px;
  }

  .gallery-slider__preview .slick-next {
    margin-top: -12px;
  }

  .img-area img {
    height: auto;
  }

  .logo {
    width: 35px;
    height: 18px;
    background-size: contain;
    margin-top: 0;
    margin-right: 0;
  }

  .models-tab__controls {
    display: none;
  }

  .models-tab__item {
    display: block;
  }

  .models-tab__item.active .models-tab__heading {
    color: #00aad2;
  }

  .models-tab__item.active .models-tab__content {
    display: block;
  }

  .models-tab__heading {
    position: relative;
    font-size: 16px;
    line-height: 1;
    display: block;
    padding: 22px 16px;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
    color: #000;
    background: #F6F3F2;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .models-tab__heading::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) rotate(0);
    width: 7px;
    height: 7px;
    background: url("../assets/img/svg/down-arrow-black.svg") no-repeat 0 0;
    transition: all 0.2s ease-in;
  }

  .models-tab__content {
    display: none;
    background: #F6F3F2;
  }

  .news-list--slider .slick-prev,
  .news-list--slider .slick-next {
    display: none!important;
  }

  .news-slider .slick-prev,
  .news-slider .slick-next {
    display: none;
  }

  .news-slider__slide {
    display: block !important;
  }

  .news-slider__pic {
    width: 100%;
  }

  .news-slider__pic {
    height: 280px;
  }

  .news-slider__desc {
    width: 100%;
  }

  .page-header {
    padding: 19px 0px;
    width: 100%;
    background: #fff;
    z-index: 55;
  }

  .page-header.fixed {
    position: fixed;
    top: 0;
    right: 0;
    margin-bottom: 0;
    z-index: 55;
  }

  .page-header .page-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .page-header .page-container::after {
    display: none;
  }

  .page-header__links {
    float: none;
    margin-right: 15px;
    margin-left: 0;
    padding-top: 0;
    -ms-flex-order: 1;
    order: 1;
  }

  .page-header__link {
    display: none;
  }

  .page-header__link.search-link {
    display: block;
  }

  .js-wrap {
    display: none;
  }

  .page-title {
    display: block;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1;
    font-family: "HyundaiMedium", "Arial", sans-serif;
    text-overflow: ellipsis;
    text-align: center;
  }

  .photo-block--lighter .photo-block__wrapper {
    right: 0;
  }

  .photo-block__wrapper {
    left: 0;
  }

  .photo-block__pic {
    width: 100%;
    max-width: 100%;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 20px;
  }

  .photo-block__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .photo-block__info {
    width: 100%;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 0;
  }

  .promo-slider .slick-prev,
  .promo-slider .slick-next {
    display: none;
  }

  .release-block {
    padding: 40px 0 40px 0;
  }

  .release-block h1 {
    margin-bottom: 15px;
    -ms-flex-order: 2;
    order: 2;
  }

  .release-block__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .release-block__type {
    -ms-flex-order: 1;
    order: 1;
    float: none;
  }

  .release-block__data {
    -ms-flex-order: 3;
    order: 3;
    float: none;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 12px;
    line-height: 1;
  }

  .search-area {
    top: 37px;
    height: 0px;
    background: #00aad2;
  }

  .search-area.open {
    height: 60px;
  }

  .search-area__container {
    padding: 0px;
  }

  .search-area__form {
    height: 100%;
  }

  .search-area__input {
    height: 60px;
    background: #00aad2;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    padding-right: 35px;
  }

  .search-area__field {
    width: 100%;
    padding-right: 0px;
  }

  .search-area__close {
    display: none;
  }

  .search-area__submit {
    width: 17px;
    height: 60px;
    right: 20px;
    background: url("../assets/img/svg/search.svg") no-repeat center center;
  }

  .search-area__reset {
    display: none;
  }

  .search-block {
    padding: 20px 0px;
  }

  .search-block__form {
    max-width: 100%;
  }

  .sharing {
    display: none;
  }

  .sliding-line {
    display: none !important;
  }

  .subnav {
    display: none;
    position: relative;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
  }

  .subnav__wrap {
    padding: 0;
  }

  .subnav__close {
    display: none;
  }

  .subnav__list {
    width: 100%;
  }

  .subnav__list--lv2 {
    position: static;
    top: 0;
    left: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
    background: #F6F3F2;
    max-width: 100%;
  }

  .subnav__list--lv2 .subnav__link {
    font-size: 14px;
    line-height: 40px;
    padding: 0 50px;
    border-bottom: 0;
    color: #666;
  }

  .subnav__list--lv3 {
    display: none;
  }

  .subnav__link--outer-link::after {
    display: none;
  }

  .subnav__link {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 1;
    padding: 22px 16px;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
    color: #000;
    background: #F6F3F2;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .subnav__item[data-level^="lv"] > .subnav__link::after {
    top: 50%;
    right: 16px;
    transform: translateY(-50%) rotate(0);
    width: 7px;
    height: 7px;
    background: url("../assets/img/svg/down-arrow-black.svg") no-repeat 0 0;
    transition: all 0.2s ease-in;
  }

  .subnav__item[data-level="lv3"] > .subnav__link::after {
    display: none;
  }

  .subnav__item.active > .subnav__link::after {
    transform: translateY(-50%) rotate(180deg);
  }

  .top-nav {
    position: absolute;
    top: calc(100% + 19px);
    right: -100%;
    background: #f6f3f2;
    padding-left: 0;
    width: 90vw;
    height: 100vh;
    z-index: 100;
    transition: all 0.2s ease-in;
  }

  .top-nav.active {
    right: 0;
  }

  .top-nav__list {
    background: #e8e8e8;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .top-nav__item {
    margin: 0;
    display: block;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
  }

  .top-nav__item.active .top-nav__link {
    color: #00aad2;
  }

  .top-nav__item.active .top-nav__link::after {
    background-position: 0 -23px;
  }

  .top-nav__link {
    position: relative;
    font-family: "HyundaiRegular", "Arial", sans-serif;
    line-height: 60px;
    padding: 0 16px;
    color: #000;
  }

  .top-nav__link::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 12px;
    transform: translateY(-50%);
    background: url("../assets/img/content/gnb_menu_mo.png") no-repeat;
    background-size: 23px auto;
  }

  .trade-in__img {
    width: 250px;
    height: 200px;
  }
  .subnav__link span{
    display: block;
  }
  .subnav__item[data-level^="lv"] > .subnav__link span::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) rotate(0);
    width: 7px;
    height: 7px;
    background: url(../assets/img/svg/down-arrow-black.svg) no-repeat 0 0;
    transition: all 0.2s ease-in;
  }
  .subnav__item.active[data-level^="lv"] > .subnav__link span::after{
        transform: translateY(-50%) rotate(180deg);
  }
}

@media screen and (max-width: 900px) {
  .page-footer .page-container {
    padding-left: 100px;
  }
}

@media screen and (max-width: 800px) {
  .copyright {
    display: block;
    font-size: 13px;
    margin-left: 0;
    text-align: center;
    margin-top: 15px;
    opacity: 0.7;
  }

  .logo--footer {
    float: none;
    position: static!important;
    display: block;
    width: 50px;
    height: 25px;
    margin: 0 auto!important;
    margin-bottom: 15px;
    background: url("../assets/img/logo/footer_logo_mobile.png") no-repeat;
    background-position: center center;
    background-size: contain;
  }

  .page-accordion__inner {
    padding: 20px 40px;
  }

  .page-footer {
    padding: 85px 0;
  }

  .page-footer .page-container {
    padding-left: 20px;
  }

  .page-footer__item {
    display: inline-block;
    width: 50%;
    margin-right: -4px;
    margin-bottom: 10px;
  }

  .page-footer__item:after {
    display: none;
  }

  .socials {
    float: none;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #2b2a2a;
    border-top: 1px solid #2b2a2a;
  }

  .socials__item {
    margin-right: 0;
  }

  .socials__item {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .models-range--small .models-range__img {
    width: 100%;
    height: 140px;
  }

  .img_pc{
    display: none;
  }

  .img_mob{
    display: block !important;
  }

  .models-range__img {
    background-size: contain !important;
    background-position: center center !important;
  }

  .page-jump {
    padding: 25px 0;
  }

  .page-jump__item {
    font-size: 15px;
    line-height: 20px;
  }

  .page-jump__item--left:before{
    top: 2px;
    width: 9px;
    height: 16px;
    background-size: cover;
  }

  .page-jump__item--right:after {
    top: 2px;
    width: 9px;
    height: 16px;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .workarea h1 {
    font-size: 30px;
    line-height: 35px;
  }

  .workarea h2 {
    font-size: 26px;
    line-height: 30px;
  }

  .workarea h3 {
    font-size: 22px;
    line-height: 25px;
  }

  .workarea h4 {
    font-size: 18px;
    line-height: 25px;
  }

  .workarea h5 {
    font-size: 16px;
    line-height: 20px;
  }

  .workarea h6 {
    font-size: 16px;
    line-height: 20px;
  }

  .workarea input[type="text"],
  .workarea input[type="email"],
  .workarea input[type="password"],
  .workarea input[type="tel"] {
    padding: 13px 15px;
  }

  .workarea textarea {
    padding: 13px 15px;
  }

  .workarea table {
    table-layout: auto;
  }

  .workarea table tr td:first-child {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 15px 6px 15px;
    min-height: 35px;
    border-bottom: 1px solid #fff;
    width: auto;
    border-right: 1px solid #e4dcd3;
    background: #e4dcd3;
  }

  .workarea table tr td {
    font-size: 12px;
    line-height: 16px;
    padding: 7px 15px;
    border-right: 1px solid #e4dcd3;
    border-bottom: 1px solid #e4dcd3;
  }

  .workarea input[type='checkbox'] + label {
    font-size: 12px;
    line-height: 1;
    font-family: "HyundaiMedium", "Arial", sans-serif;
  }

  .workarea input[type='radio'] + label {
    font-size: 12px;
    line-height: 1;
    font-family: "HyundaiMedium", "Arial", sans-serif;
  }

  .slider-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .slider-section__wrapper {
    padding: 0 15px;
  }

  h2.slider-section__title {
    margin-bottom: 30px;
  }

  .about-news {
    margin-bottom: 40px;
  }

  .about-news__subrow {
    margin-bottom: 20px;
  }

  .slick-slider.auto-slider ul.slick-dots {
    bottom: -35px;
  }

  .breadcrumbs__wrap {
    padding: 0 15px;
  }

  .btn-section {
    margin-bottom: 40px;
  }

  a.btn,
  button.btn {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1;
  }

  .error .page-form__label,
  .error .feedback-form__label {
    display: block;
  }

  .error .page-form__label.error__text,
  .error .feedback-form__label.error__text {
    display: none;
  }

  .exterior {
    padding-top: 40px;
  }

  .exterior__pic {
    height: 300px;
  }

  .footer-panel {
    background: #002c5f;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: -55px;
    width: 100%;
    height: 55px;
    padding: 0 15px;
    z-index: 70;
    transition: all 0.3s ease-in;
  }

  .footer-panel.show {
    bottom: 0px;
  }

  .gallery-slider__slide {
    height: 250px;
  }

  .gallery-slider__preview-thumb {
    height: 55px;
  }

  .gallery-slider__quantity {
    bottom: 80px;
  }

  /* #1 */
  /*.headline-block .headline-block__wrap {
    padding-top: 50px;
  }*/
  /* #1 */
  .headline-block {
    padding-top: 0px;
  }

  .headline-block h1,
  .headline-block .h1 {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
  }

  .headline-block p {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    max-width: 100%;
  }

  .headline-block__wrap--flex {
    padding-bottom: 20px;
  }

  .headline-block__wrap {
    padding: 0 15px;
  }

  .menu-section__wrap {
    padding: 0 15px;
  }

  .models-range {
    margin-top: 0;
    background: #F6F3F2;
  }

  .models-range__link {
    width: 50%;
  }

  .models__container {
    padding: 0 15px;
  }

  .more {
    padding: 30px 0;
    padding-bottom: 10px;
  }

  .more__wrap {
    padding: 0 15px;
  }

  .more__title {
    font-size: 22px;
    line-height: 25px;
  }

  h3.news-area_item-title,
  h4.news-area_item-title
  {
    font-size: 19px;
    line-height: 26px;
  }

  .news-item--white .news-item__title {
    font-size: 14px;
    line-height: 20px;
  }

  .news-item--white .news-item__date small,
  .news-item--white .news-item__time small {
    font-size: 12px;
    line-height: 1;
  }

  .news-item--white .news-item__date {
    margin-right: 3px;
  }

  .news-list--slider ul.slick-dots {
    bottom: 0;
  }

  .news-list--slider ul.slick-dots li {
    width: 9px;
    height: 9px;
    border: none;
  }

  .news-list--slider ul.slick-dots li button {
    background: #DDDAD9;
    width: 9px;
    height: 9px;
  }

  .news-list--slider ul.slick-dots li button::before {
    width: 9px;
    height: 9px;
    top: 0;
    left: 0;
  }

  .news-room {
    padding: 20px 0px;
  }

  .news-room__wrap {
    padding: 0;
  }

  ul.news-room__controls {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none;
  }

  ul.news-room__controls.active {
    display: block;
  }

  li.news-room__controls-item {
    width: 100%;
  }

  li.news-room__controls-item.active {
    background: #fff;
  }

  li.news-room__controls-item.active .news-room__controls-link {
    color: #000;
  }

  a.news-room__controls-link {
    font-size: 12px;
    line-height: 1;
    color: #fff;
    padding: 18px 20px;
    color: #fff;
    text-align: left;
  }

  .news-room__content {
    padding: 0 15px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .news-room__item {
    display: block;
  }

  .news-room__mobile-toggle {
    display: block;
  }

  .news-slider {
    padding: 20px 0;
  }

  .news-slider ul.slick-dots {
    bottom: 0;
  }

  .news-slider__wrap {
    padding: 0 15px 40px;
  }

  .news-slider__desc {
    padding: 20px 20px 45px 20px;
    min-height: 205px;
  }

  .overwiew {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .overwiew__wrapper {
    padding: 0 15px;
  }

  .page-accordion__inner {
    padding: 20px 15px;
  }

  .page-accordion__trigger {
    padding: 0 15px;
  }

  .page-accordion__trigger::after {
    right: 15px;
  }

  .page-container {
    padding: 0 15px;
  }

  .page-content {
    padding: 20px 0;
  }

  .page-form__label {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 15px;
  }

  .page-form__required-box {
    position: absolute;
    top: 65px;
    right: 0;
  }

  .page-form__required-box .required::after {
    right: auto;
    left: -10px;
  }

  .page-form__field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .page-form__field--small input[type="text"],
  .page-form__field--small input[type="email"],
  .page-form__field--small input[type="password"],
  .page-form__field--small input[type="tel"] {
    width: 100%;
    margin-bottom: 15px;
  }

  .page-form__field--small input[type="text"]:last-of-type,
  .page-form__field--small input[type="email"]:last-of-type,
  .page-form__field--small input[type="password"]:last-of-type,
  .page-form__field--small input[type="tel"]:last-of-type {
    margin-bottom: 0x;
  }

  .page-form__field--smaller input[type="text"],
  .page-form__field--smaller input[type="email"],
  .page-form__field--smaller input[type="password"],
  .page-form__field--smaller input[type="tel"] {
    width: 100%;
    margin-bottom: 15px;
  }

  .page-form__field--smaller input[type="text"]:last-of-type,
  .page-form__field--smaller input[type="email"]:last-of-type,
  .page-form__field--smaller input[type="password"]:last-of-type,
  .page-form__field--smaller input[type="tel"]:last-of-type {
    margin-bottom: 0x;
  }

  .page-form__field--middle .page-select.jq-selectbox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .page-form__field--middle .page-select.jq-selectbox:last-of-type {
    margin-bottom: 0;
  }

  .page-form__field--middle input[type="text"],
  .page-form__field--middle input[type="email"],
  .page-form__field--middle input[type="password"],
  .page-form__field--middle input[type="tel"] {
    width: 100%;
    margin-bottom: 15px;
  }

  .page-form__field--middle input[type="text"]:last-of-type,
  .page-form__field--middle input[type="email"]:last-of-type,
  .page-form__field--middle input[type="password"]:last-of-type,
  .page-form__field--middle input[type="tel"]:last-of-type {
    margin-bottom: 0x;
  }

  .page-form__fields {
    padding-top: 30px;
  }

  .page-form__subscribe {
    margin-bottom: 0;
  }

  .page-select.jq-selectbox .jq-selectbox__select {
    height: 45px;
  }

  .page-select.jq-selectbox li {
    padding: 0px 15px;
    height: 45px;
  }

  .page-select.page-select--small {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .page-select.page-select--small:last-of-type {
    margin-bottom: 0;
  }

  .page-top--center .headline-block {
    padding: 35px 0;
  }

  .page-top--center .headline-block p {
    text-align: center;
  }

  .page-top {
    padding: 30px 15px;
    padding-bottom: 0;
  }

  .page-top__row {
    padding: 0 15px;
  }

  .photo-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .photo-block__wrapper {
    padding: 0 15px;
  }

  .photo-block__pic {
    height: 250px;
    background-position: center center !important;
  }

  .photo-block__title {
    font-size: 22px;
    line-height: 25px;
  }

  .popup {
    width: 100%;
  }

  .preview-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .preview-block__wrapper {
    padding: 0 15px;
  }

  .promo-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .promo-slider .slick-prev {
    top: 125px;
  }

  .promo-slider .slick-next {
    top: 125px;
  }

  .promo-slider ul.slick-dots {
    bottom: 25px;
  }

  .promo-slider__pic {
    height: 250px;
  }

  .promo-slider__content {
    padding-top: 25px;
  }

  .promo-slider__title {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 10px;
  }

  .promo-tabs__wrapper {
    padding: 0 15px;
  }

  .promo-tabs ul.promo-tabs__controls {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    z-index: 100;
  }

  .promo-tabs ul.promo-tabs__controls.active {
    display: block;
  }

  a.promo-tabs__controls-link {
    text-align: left;
    padding: 15px 15px 15px 15px;
  }

  .promo-tabs__mobile-controls {
    display: block;
  }

  .related h2 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .release-block h1 {
    font-size: 30px;
    line-height: 35px;
    text-align: left;
  }

  .release-block__wrap {
    padding: 0 15px;
  }

  .release-block__type {
    margin-bottom: 15px;
  }

  .search-area__submit {
    right: 15px;
  }

  .search-block__wrap {
    padding: 0 15px;
  }

  .share-list {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .share-list__item {
    width: 33.333%;
    margin: 0;
    margin-bottom: 25px;
  }

  .share-list__link {
    margin: 0 auto;
  }

  .site-map {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .site-map__wrapper {
    padding: 0 15px;
  }

  .specification {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .specification__wrapper {
    padding: 0 15px;
  }

  .text-block__wrap {
    padding: 0 15px;
  }

  .tool__wrap {
    padding: 15px;
  }

  .trade-in--full .trade-in__wrap {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .trade-in--full .trade-in__img {
    width: 100%;
    height: 200px;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .trade-in__wrap {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .trade-in__img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .trade-in__characteristics-list {
    display: block;
  }
}

@media screen and (max-width: 740px) {
  .main-banner {
    min-height: auto;
  }

  .main-banner ul.slick-dots {
    position: absolute;
    bottom: 20px;
  }

  .main-banner__item {
    height: auto;
    padding: 0 15px;
    padding-top: 55px;
    padding-bottom: 60px;
  }

  .main-banner__inner {
    height: 800px;
  }

  .main-banner__visual-area {
    position: relative;
  }

  .main-banner__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-bottom: 20px;
  }

  .main-banner__btn:nth-child(2) {
    bottom: 0px;
  }

  .main-banner__btn:nth-child(3) {
    bottom: 0px;
  }

  .main-banner .slick-next,
  .main-banner .slick-prev{
    display: none!important;
  }

  .main-banner__btn {
    position: relative;
    left: 0;
    bottom: 0px;
    margin-top: 15px;
  }

  .models {
    padding: 0 15px 0 15px;
  }

  .models__wrap {
    padding: 60px 0px 60px 0px;
    background: #F6F3F2;
  }

  .news-area {
    padding-top: 35px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .news-area ul.slick-dots {
    position: relative;
    bottom: -8px;
    margin-bottom: 0;
  }

  .news-area__info {
    font-size: 14px;
    line-height: 1;
  }

  .news {
    padding: 70px 15px 0 15px;
  }

  h2.news__title,
  h3.news__title
  {
    margin-bottom: 30px;
  }

  .text-block {
    padding: 70px 0px 25px 0px;
  }

  h2.text-block__title {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 567px) {
  .models-range__link {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .sort-select {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .sort-select__heading {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 480px) {
  .about-news__text {
    max-width: 300px;
  }

  a.btn,
  button.btn,
  input.btn {
    width: 100%;
    display: block;
    text-align: center;
  }

  .main-banner__inner {
    height: 465px;
  }

  .overwiew__models {
    height: 250px;
  }

  .search-block__btns .btn:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .search-block__btns {
    width: 100%;
  }

  .trade-in:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 400px) {
  .page-footer__item {
    max-width: 145px;
  }
}

@media screen and (max-width: 360px) {
  .main-banner__inner {
    height: 390px;
  }
}


/*================================
=            overwiew            =
================================*/

.overwiew {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f6f3f2;
}

.overwiew__wrapper {
    position: relative;
    width: 100%;
    max-width: 1160px;
    padding: 0 20px;
    margin: 0 auto;
}

h2.overwiew__title {
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.overwiew__models {
    position: relative;
    /*height: 320px;
    margin-bottom: 50px;*/
}

.overwiew__models-list {
    margin: 0 auto;
    cursor: ew-resize;
}

/*=====  End of overwiew  ======*/


/*===================================
=            loading          =
===================================*/

.loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 4;
}




/*=====  End of loading-img  ======*/


/*======================================
=            color-selector            =
======================================*/

.color-selector {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 50px;
}

.color-selector .slick-list {
    padding: 15px 0;
}

.color-selector .slick-prev,
.color-selector .slick-next {
    z-index: 5;
}

.color-selector .slick-prev {
    left: 15px;
}

.color-selector .slick-next {
    right: 5px;
}

.color-selector .slick-prev:before,
.color-selector .slick-next:before {
    content: '';
}

.color-selector .slick-prev:before {
    display: block;
    width: 9px;
    height: 16px;
    background: url("../assets/img/icons/prev.png") no-repeat 0 0;
    opacity: 1;
}

.color-selector .slick-next:before {
    display: block;
    width: 9px;
    height: 16px;
    background: url("../assets/img/icons/next.png") no-repeat 0 0;
    opacity: 1;
}

.color-selector__name {
    font-size: 16px;
    line-height: 1;
}

.color-selector__list {
    display: -ms-flexbox;
    display: flex;
    max-width: 805px;
    padding: 0 40px;
    margin-left: -10px;
    margin-right: -10px;
}

.color-selector__item {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    margin: 10px;
    cursor: pointer;
}

.color-selector__item.current::after {
    display: block;
    content: '';
    position: absolute;
    top: -11px;
    right: -5px;
    width: 22px;
    height: 22px;
    background: url("../assets/img/icons/chk_on.png") no-repeat;
    z-index: 1;
    overflow: hidden;
}

.color-selector__title {
    font-size: 20px;
    line-height: 24px;
    font-family: "HyundaiMedium", "Arial", sans-serif;
    margin-bottom: 10px;
}

.color-selector__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 21.078%;
}

/*=====  End of color-selector  ======*/

@media screen and (max-width: 1200px) {
    .color-selector {
        display: block;
        padding: 25px 20px;
        overflow: hidden;
    }

    .color-selector__list {
        max-width: 100%;
        padding: 0 0;
    }

    .color-selector__left {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .overwiew__models {
        height: 380px;
    }

    .overwiew__models-list {
        width: 100% !important;
        height: 100% !important;
    }

    .spritespin-canvas {
        width: 100% !important;
        height: 100% !important;
    }
}


@media screen and (max-width: 992px) {
    .color-selector {
        background: transparent;
        padding: 25px 0;
    }
}

@media screen and (max-width: 767px) {
    .overwiew {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .overwiew__wrapper {
        padding: 0 15px;
    }
}


@media screen and (max-width: 480px) {
    .overwiew__models {
        height: 250px;
    }
}

body{
  word-wrap: inherit !important;
  min-height: inherit !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}





.overwiew__models-list {
  position: relative;
}

.overwiew__models-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.overwiew__models-title{
  color: #ebe9eb;
    letter-spacing: -0.01em;
    font-size: 200px;
    line-height: 280px;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.overwiew__models-item img {
  /*width: 700px;*/
  max-width: 100%;
      position: relative;
    z-index: 3;
}

.car-layout {
    background-color: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.overwiew__models-items {
  display: none;
}

.headline-block__wrap {
   position: initial;
}

.headline-block__wrap--flex .headline-block__btns {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 55%;
    right: -15px;
    transform: translateX(10px);
  z-index: 999;
}

.headline-fixed-buttons{
    position: fixed;
    display: flex;
    flex-direction: column;
    /* top: 55%; */
    bottom: 285px;
    right: calc(50% - 645px);
    z-index: 99;
}

.headline-fixed-buttons .btn{
  position: absolute;
  right: 0;
  transition: all 0.3s ease;
  background-repeat: no-repeat!important;
  background-size: 22px 22px;
  background-position: 12px 50%;
  background: #f53a27;
  border-radius: 65px;
  width: 60px;
  height: 60px;
  -webkit-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.05s,top 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) 0s,opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    -o-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.05s,top 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) 0s,opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.05s,top 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) 0s,opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}

.headline-fixed-buttons .btn:nth-of-type(1){
  top:0;
}

.headline-fixed-buttons .btn:nth-of-type(2){
  top: 70px;
}


.headline-fixed-buttons .btn:nth-of-type(3){
  top: 140px;
}


.headline-fixed-buttons .btn span{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    right: 65px;
    top: 22px;
    opacity: 0;
    white-space: nowrap;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;

    -webkit-backface-visibility: hidden;
}

.headline-fixed-buttons>.btn:hover{
      width: 175px;
}

.headline-fixed-buttons .btn:hover span{
  opacity: 1;
  -webkit-transition: opacity .45s ease-in 0s;
    -o-transition: opacity .45s ease-in 0s;
    transition: opacity .45s ease-in 0s;
}


.headline-fixed-buttons i{
  position: absolute;
    right: 17px;
    width: 26px;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    -webkit-background-size: cover!important;
    background-size: cover!important;
}

.headline-block__buy i{
  background: url(../assets/img/icons/btn_car.svg) center no-repeat;
}
.headline-block__order i{
  background: url(../assets/img/icons/btn_wheel.svg) center no-repeat;
}
.headline-block__entry i{
  background: url(../assets/img/icons/btn_circle.png) center no-repeat;
}


#financial{
  top: -140px;
}
#financial i{
  color: white;
  background-image: url(../assets/img/icons/credit-card.svg);
}
#dealer i{
  color: white;
  background-image: url(../assets/img/icons/placeholder.svg);
}
#dealer{
  top: -70px;
}
#dealer span{
  right: 50px !important;
  font-size: 14px !important;
}
#financial span{
  top: 16px;
  right: 55px;
}
#financial .sp2{
  top: 30px;
  right: 58px;
}


@media screen and (max-width: 1320px){
  .headline-fixed-buttons {
      right: 40px;
  }
}

@media(max-width: 768px){
    .headline-block__wrap--flex .headline-block__btns {
        padding-left: 30px;
        right: -15px;
        top: 35%;
        position: fixed;
        z-index: 999;
        transition: 0.3s;
     }
     .headline-block__btns.btns-fixed {
          transform: translateX(140px);
          top: 35%;
     }

}

@media(max-width: 480px){
    .headline-block__wrap--flex .headline-block__btns {
        right: -5px;
        top: 55%;
     }
    .headline-block__btns.btns-fixed {
        transform: translateX(120px);
    }
}

.headline-block__wrap--flex .headline-block__btns a {
    transition: 0.3s;
}

.headline-block__btns .btn:hover {
    transform: translateX(-10px);
}

.headline-block__btns .btn {
  padding-left: 60px;
  position: relative;
}

.headline-block__btns .btn:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 16px;
  left: 46px;
  background-color: #1a426e;
}

.headline-block__btns a:first-child {
  background-image: url(../assets/img/icons/btn_wheel.png);
  background-repeat: no-repeat;
  background-size: 22px 22px;
    background-position: 12px 50%;
}

.headline-block__btns a:nth-child(2){
  background-image: url(../assets/img/icons/btn_car.png);
  background-repeat: no-repeat;
  background-size: 22px 22px;
    background-position: 12px 50%;
}

.headline-block__btns a:nth-child(3){
  background-image: url(../assets/img/icons/btn_circle.png);
  background-repeat: no-repeat;
  background-size: 22px 22px;
    background-position: 12px 50%;
}

.headline-block__btn .btn {
  margin-top: 40px;
  display: inline-block;
}


/* Pavel CSS update 24.01.17  */

.video-content{

}
.video-content__img{
  height: 600px;
  position: relative;
}
.video-content__img img{
      display: block;
    max-height: 100%;
    width: 100%;
    position: relative;
}
.video-content__img:after{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.6;
}


.video-content__img.played .video-content__play{
  display: none;
}
.video-content__img.played .video-content__movie{
  display: block;
  z-index: 5;
}


.video-content__play{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url(../assets/img/content/btn_video.png) no-repeat top left;
    z-index: 10;
    line-height: 0;
        margin-top: -30px;
    margin-left: -30px;
}

.video-content__movie,
.video-content__movie iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.video-content__movie{
  display: none;
}

.section-title{
    text-align: center;
    margin-bottom: 55px;
    font-size: 44px;
    line-height: 54px;
    font-family: "HyundaiMedium", "Arial", sans-serif;
}


.grey-sqheme{
  background-color: #f6f3f2
}

.content-item{
  padding: 100px 0 30px;
}

.t-center{
  text-align: center;
}

.page-container--max{
  max-width: 1600px;
}

.multiple-photo__img{
  margin-bottom: 40px;
}

.multiple-photo__img img{
  display: block;
}

.layout--model .page-content{
  padding: 0;
}

.image-accordion__item{
  position: relative;
  overflow: hidden;
  text-align: center;
  min-height: 580px;

}

.image-accordion__img{
  position: relative;
  color: #fff;
}

.image-accordion__img img{
  display: block;
  max-height: 100%;
  max-width: 100%;
}

.image-accordion__link{
    text-indent: -9999px;
    position: absolute;
    left: 0;
    right: 0;
    top: 490px;
    width: 40px;
    height: 40px;
    background: url(../assets/img/content/btn_show_sp.png) 0 0 no-repeat;
    margin: 0 auto;
}

.image-accordion__info{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.image-accordion__info p{
    font-size: 20px;
}

.image-accordion__link.active{
  background: url(../assets/img/content/btn_show_sp.png) -40px 0 no-repeat;
}

.image-accordion__info-wrap{
  display: block;
}

.interior-color{
  text-align: center;
  margin: 10px 0 20px;
}

.dnone{
  display: none;
}

.interior-color__txt{
      font-size: 12px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    font-weight: bold;
}


.interior-color__item{
    display: inline-block;
    width: 23px;
    height: 23px;
    padding: 3px;
    text-align: center;
    margin: 0 2px 0 3px;
    position: relative;
}

.interior-detail{
      position: absolute;
    top: -35px;
    transform: translateX(-50%);
    left: 50%;
    height: 20px;
    line-height: 20px;
    color: #fefefe;
    font-size: 12px;
    text-align: center;
        padding: 0 9px 0 8px;
    background: #464646;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
}

.interior-detail:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: 27px;
    left: 50%;
    margin-left: -3px;
}

.interior-material{
  position: relative;
      margin-bottom: 20px;
}
.interior-material:hover .interior-detail{
  opacity: 1;
  visibility: visible;
}

.interior-color__item:hover .interior-detail{
  opacity: 1;
  visibility: visible;
}


.interior-color__item.active:before{
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 1px;
  left: -1px;
  border:1px solid #00aad2;
  border-radius: 50%;
}


.interior-material__img img{
    width: 228px;
    height: 30px;
    margin: 0 auto;
}

.interior-features{
  padding-bottom: 30px;
  text-align: center;
}

.interior-features strong{
    display: block;
    padding: 0 0 14px 0;
    font-size: 16px;
    color: #e1e1e1;
    line-height: 24px;
    color: #222;
    position: relative;
}

.interior-features strong:after{
  content: "";
  display: inline-block;
  width: 90px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -45px;
  background: #00aad2;
}

.interior-features p{
      padding: 15px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #888;
}

.layout--model .page-content>.page-container{
    max-width: 100%;
  padding: 0;
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 0;
}
.r-tabs .r-tabs-nav li:before{
  display: none!important;
}
.r-tabs .r-tabs-tab {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    padding-left: 0;
    margin: 0;
    list-style: none;
}
.r-tabs-tab.r-tabs-state-active a.r-tabs-anchor,
.r-tabs-tab:hover a.r-tabs-anchor{
  background: #fff;
  color: #444;
}
.r-tabs-tab a.r-tabs-anchor{
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  padding: 22px 20px 22px 20px;
  color: #fff;
  text-align: center;
  background: #444;
  text-decoration: none;
  width: 100%;
}

.r-tabs .r-tabs-panel {
    display: block!important;
    height: 0;
    overflow: hidden;
}
.r-tabs .r-tabs-accordion-title {
    display: none;
    font-size: 14px;
    line-height: 16px;
    font-family: "HyundaiMedium", "Arial", sans-serif;

    color: #fff;
    text-align: center;
    background: #444;
    text-decoration: none;
    width: 100%;
    border-bottom: 1px solid #fff;
    text-align: left;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor{
  text-decoration: none!important;
  color: #fff;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  display: block;
  padding: 15px 20px;
  position: relative;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:after{
      content: '';
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%) rotate(0deg);
    width: 7px;
    height: 7px;
    background: url(../assets/img/icons/arr-mobile.png) no-repeat 0;
    background-size: 7px auto;
    transition: all 0.35s ease-in;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after{
      transform: translateY(-50%) rotate(180deg);
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
  height: auto;
}


.default-slider .slick-prev,
.default-slider .slick-next {
  z-index: 99;
  top: 50%;
  margin-top: -67px;
}

.default-slider .slick-prev {
  left: 0px;
}

.default-slider .slick-next {
  right: 25px;
}

.default-slider .slick-prev:before,
.default-slider .slick-next:before {
  content: '';
}

.default-slider .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.default-slider .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.default-slider ul.slick-dots {
  margin-bottom: 0;
  bottom: 60px;
}

.default-slider ul.slick-dots li {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
  padding-left: 0;
  border: 1px solid grey;
  border-radius: 50%;
}

.default-slider ul.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
}

.default-slider ul.slick-dots li button::before {
  content: '';
  color: #fff;
  opacity: 1;
  top: -1px;
  left: -1px;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
}

.default-slider ul.slick-dots li::before {
  content: '';
  opacity: 1;
  font-size: 0;
  background: #fff;
  border-radius: 50%;
  width: auto;
}

.default-slider ul.slick-dots li.slick-active {
  border: 1px solid transparent;
}

.default-slider ul.slick-dots li.slick-active button::before {
  background: #00aad2;
  border: 1px solid #00aad2;
  border-radius: 50%;
}

.default-slider__wrapper.slick-slider {
  margin-bottom: 0;
}

.default-slider__pic {
  width: 100%;
  height: 600px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.default-slider__content {
  padding-top: 50px;
  max-width: 800px;
  margin: 0 auto;
}

.default-slider__title {
  font-size: 44px;
  line-height: 54px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  text-align: center;
  color: #fff;
  margin-bottom: 25px;
}

.default-slider-wrap{
  padding: 0 60px;
}
.content-item--slider{
  padding: 0;
}
.default-slider.slick-dotted{
  margin-bottom: 0;
}

.default-slider{
  padding-bottom: 110px;
}
.default-slider__img{
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.default-slider__item{
  position: relative;
  min-height: 430px;
}
.default-slider__info{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
      padding: 150px 30px 30px;
}

.default-slider__btn{
  position: absolute;
  bottom: 70px;
  width: 100%;
  left: 0;
}
body{
  width: 100%;
}


.loyal-slider-wrap{

}

.loyal-slider{
  padding: 30px 0 50px;
}

.loyal-slider ul.slick-dots {
  margin-bottom: 0;
  bottom: 0;
}

.loyal-slider ul.slick-dots li {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
  padding-left: 0;
  border: 1px solid grey;
  border-radius: 50%;
}

.loyal-slider ul.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
}

.loyal-slider ul.slick-dots li button::before {
  content: '';
  color: #fff;
  opacity: 1;
  top: -1px;
  left: -1px;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
}

.loyal-slider ul.slick-dots li::before {
  content: '';
  opacity: 1;
  font-size: 0;
  background: #fff;
  border-radius: 50%;
  width: auto;
}

.loyal-slider ul.slick-dots li.slick-active {
  border: 1px solid transparent;
}

.loyal-slider ul.slick-dots li.slick-active button::before {
  background: #00aad2;
  border: 1px solid #00aad2;
  border-radius: 50%;
}


.loyal-slider .slick-prev,
.loyal-slider .slick-next {
  z-index: 99;
  top: 50%;
  margin-top: -67px;
}

.loyal-slider .slick-prev {
  left: 0px;
}

.loyal-slider .slick-next {
  right: 25px;
}

.loyal-slider .slick-prev:before,
.loyal-slider .slick-next:before {
  content: '';
}

.loyal-slider .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.loyal-slider .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.layout--index .content-item--loyal .page-container{
  max-width: 1160px;
  padding: 0 20px;
}

.loyal-slider .slick-list{
  overflow: visible;
}



.loyal-slider__icon{
  text-align: left;
  margin-bottom: 30px;
  height: 72px;
}

.loyal-slider__icon img{
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

.loyal-slider__title{
  font-family: "HyundaiMedium", "Arial", sans-serif;
  font-size: 18px;
  color: #333333;
    margin-bottom: 20px;
    max-width: 180px;
}

.loyal-slider__txt{
  line-height: 22px;
    font-size: 15px;
    color: #909090;
    max-width: 230px;
}

.loyal-slider__item{
  padding-right: 40px;
  position: relative;
}


.loyal-slider__item:after{
    content: "";
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    width: 100%;
}

.loyal-slider__item.slick-active:after{
  display: none;
}

.loyal-top{
  position: relative;
      padding-right: 75px;
}

.loyal-top .slick-prev,
.loyal-top .slick-next{
  width: 17px;
  height: 32px;
}


.loyal-top .slick-prev {
    left: auto;
    right: 50px;
    z-index: 9;
    top: 17px;
    background: url(../assets/img/content/l-prev.png);
    -webkit-background-size: contain;
    background-size: contain;
}
.loyal-top .slick-prev:hover{
  opacity: 0.6;
}

.loyal-top .slick-prev.slick-disabled{
  opacity: 0.3;
  pointer-events:none;
}
.loyal-top .slick-prev:before{
  display: none;
}

.loyal-top .slick-next {
    left: auto;
    right: 0;
    z-index: 9;
    top: 17px;
    background: url(../assets/img/content/l-next.png);
    -webkit-background-size: contain;
    background-size: contain;
}
.loyal-top .slick-next:hover{
  opacity: 0.6;
}

.loyal-top .slick-next.slick-disabled{
    opacity: 0.3;
    pointer-events:none;
}

.loyal-top .slick-next:before{
  display: none;
}

.content-item--title{
  padding: 35px 0 20px;
}
.content-item--title .section-title{
  margin-bottom: 25px;
}

.layout--model .page-content>.page-container {
    max-width: 100%;
    padding: 0;
}


.photo-block--right .photo-block__wrapper {
  left: auto;
  right: 120px;
}

.photo-block--right .photo-block__pic {
  -ms-flex-order: 1;
  order: 1;
  margin-right: 5.35714%;
}

.photo-block--right .photo-block__info {
  -ms-flex-order: 2;
  order: 2;
  margin-right: 0;
}

.photo-block {
    background: transparent;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center bottom;
}


.grey-scheme{
  background: #f6f3f2;
}

.beige-scheme{
  background: #e4dcd3;
}

.single-block{
  padding: 100px 0;
}
.single-block__title{
  font-family: "HyundaiMedium", "Arial", sans-serif;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 20px;
}
.single-block__wrapper{
  max-width: 1160px;
  padding: 0 20px;
  margin:0 auto;
}

.table-scroll {
  overflow-x: auto;
}

.workarea table.table-blue-scheme{
  border: 1px solid #e4dcd3;
  table-layout: fixed;
  min-width: 650px;
}

.workarea table.table-blue-scheme th{
    padding: 14px 20px 13px 20px;
    background-color: #002c5f !important;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-weight: normal;
    font-family: 'HyundaiBold';
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}


.workarea table.table-blue-scheme tr td:first-child{
  background: transparent;
  border-bottom: 1px solid #e4dcd3;
  font-family: inherit;
  text-align: center;
}

.workarea table.table-blue-scheme td{
    padding: 13px 20px;
    text-align: center;
    line-height: 24px;
}


.workarea table.table-blue-scheme .highlighted td{
    background-color: #f6f3f2!important;
    color: #00aad2;
}

.search__item{
  padding: 52px 0 55px;
    border-bottom: 1px solid #f2f2f2;
}

.search__item p{
  margin-bottom: 0;
}

.search-page__news-title{
  font-size: 20px;
}


.search__item + .pagination{
  padding-top: 30px;
}


.search-page__form {
    position: relative;
}
.search-page__form input[type="submit"]{
  position: absolute;
    right: 19px;
    top: 50%;
    display: inline-block;
    padding: 0;
    background: url(../assets/img/svg/search-page.svg) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 26px;
    height: 26px;
    margin-top: -13px;
  text-indent: -9999em;
}


.old__wrapper{
  padding: 15px 0 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.old__item{
  width: 50%;
  float: left;
  padding-right: 30px;
}
.old__item:last-child{
  padding-right: 0;
}

.old__wrapper table{
  table-layout: fixed;
}
.old__wrapper table tr td:first-child{
  width: auto;
}
.old__wrapper h6{
  margin-bottom: 15px;
}
.old__price{
  font-size: 20px;
  background: #002c5f;
  text-align: center;
  padding: 20px 10px;
  margin-bottom: 23px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}
.old__price strong{
  font-size: 30px;
}
.old__info p{
  line-height: 24px;
}

.old .page-accordion__trigger{
  font-size: 16px;
}

.options__item{
  border-bottom: 1px solid #f6f3f2;
  padding:  20px 0;
}
.options__item:last-child{
  border-bottom: 0;
}
.options__title{
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  width: 25%;
}

.options__info{
  display: inline-block;
  vertical-align: top;
  width: 75%;
  margin-right: -4px;
}
.options__txt{
  margin-bottom: 10px;
}
.options__txt:last-child{
  margin-bottom: 0;
}

.old-slider {
  position: relative;
}

.old-slider .slick-prev,
.old-slider .slick-next {
  z-index: 99;
}

.old-slider .slick-prev {
  top: 50%;
  margin-top: -22px;
  left: 0px;
}

.old-slider .slick-next {
  top: 50%;
  margin-top: -22px;
  right: 25px;
}

.old-slider .slick-prev:before,
.old-slider .slick-next:before {
  content: '';
}

.old-slider .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.old-slider .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.old-slider__slide {
  width: 100%;
  height: 405px;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.old-slider__preview-thumb {
  position: relative;
  /*width: 260px;*/
  height: 70px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  cursor: pointer;
}

.old-slider__preview-thumb::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
}

.old-slider__preview-thumb.slick-current::after {
  opacity: 0;
}

.old-slider__preview-thumb:hover::after {
  opacity: 0;
}

.old-slider__preview .slick-prev,
.old-slider__preview .slick-next {
  z-index: 9;
  position: absolute;
  transform: none;
}

.old-slider__preview .slick-prev {
  top: 50%;
  margin-top: -22px;
  left: 0px;
  width: 44px;
  height: 44px;

}

.old-slider__preview .slick-next {
  top: 50%;
  margin-top: -22px;
  right: 0;
  width: 44px;
  height: 44px;
}

.old-slider__preview .slick-prev:before,
.old-slider__preview .slick-next:before {
  content: '';
}

.old-slider__preview .slick-prev:before {
  display: block;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.old-slider__preview .slick-next:before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../assets/img/icons/btn_next.png") no-repeat 0 0;
}

.old-slider__quantity {
  position: absolute;
  font-size: 16px;
  line-height: 1;
  right: 30px;
  bottom: 160px;
  color: #fff;
}

.old-slider__preview .slick-track {
    min-width: 100%;
    text-align: center;
}

.old-slider__preview .slick-initialized .slick-slide {
    display: inline-block;
    float: none;
}



.contacts-map-wrapper{
  width: 100%;
  height: 600px;
  position: relative;
  margin-top: -30px;
}
#contacts-map{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}

.contacts-search-wrap{
  padding-bottom: 30px;

  padding-top: 30px;
      background: #f6f3f2;
}

.contacts-search{
  position: relative;
  max-width: 460px;
}

.contacts-search input[type="text"]{
    width: 100%;
    color: #000;
    padding: 16px 20px;
    font-size: 14px;
    line-height: 1;
    outline: none;
    transition: all 0.2s ease-in;
}

.contacts-search input[type="submit"]{
    position: absolute;
    right: 19px;
    top: 50%;
    display: inline-block;
    padding: 0;
    background: url(../assets/img/svg/search-page.svg) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    text-indent: -9999em;
    border: 0;
    cursor: pointer;
}
.contacts__wrap{
  background: #f6f3f2;
  margin-bottom: -30px;
  padding-bottom: 60px;
}

.object_lat,
.object_long{
  display: none;
}


.contacts__item{
  transition: all 0.2s linear;
      padding: 25px 50px 0;
  background: #fff;
}
.contacts__item.active{
  background: #002c5f;
  color: #fff;
   padding: 20px 50px 0;
}

.contacts__item.active .contacts__info-wrap{
  display: block;
}

.contacts__title{
  position: relative;
}


.contacts__close{
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url(../assets/img/svg/close.svg);
  -webkit-background-size: contain;
  background-size: contain;
}

.contacts__item.active .contacts__close{
  display: inline-block;
}

.contacts__info-wrap{
  font-size: 14px;
  /*margin-top: 25px;*/

  overflow: hidden;
  /*display: none;*/
}

.contacts__info:before{
  content: "";
  display: inline-block;
  height: 1px;
  width:  420px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}

.contacts__info{
    width: 50%;
    float: left;
   /*     padding-top: 20px;*/
    padding-right: 30px;
    position: relative;
     margin-bottom: 20px;
     transition: all 0.2s linear;
}

.contacts__item.active .contacts__info{
  padding-top: 20px;
}

.contacts__info dl dt {
    float: left;
    width: 73px;
}

.contacts__info .dealerphone {
    float: left;
    width: 140px;
}
.contacts__info dl dd {
    padding-left: 73px;
}

.contacts__title h5 a{
  color: #000;
  text-decoration: none!important;
}

.contacts__item.active .contacts__title h5 a{
  color: #fff;
}


.contacts__info a{
/*  text-decoration: underline;*/
color: #0074c8
}
.contacts__info a:hover{

text-decoration: underline;
}
.contacts__item.active .contacts__info a{
  color: #fff;
}


.news-item__date p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  margin-bottom: 10px;
}

.element-list .news-item__content {
  padding: 30px;
}

.specification--modif{
  padding-top: 0;
  padding-bottom: 35px;
  overflow-x: hidden;
}

.specification--modif .specification__wrapper{
  padding: 0;
}

.spec:last-child{
  border-bottom: 1px solid #e4dcd3;
}

.specification--modif .table,
.specification--modif .intable{
  border-right: 0;
}

.specification--modif .intable .table-cell {
    width: 50%;
}

.specification--modif .intable .table-cell:last-child{
  border-right: 0;
}

.specification--modif .table-merged{
  width: 170px;
  min-width: 170px;
  justify-content: center;
  text-align: center;
}

.specification--modif .table-row:last-child .table-merged{
  border-bottom: 0;
}

.specification--modif .spec {
    border-top: 1px solid #e4dcd3;
    border-left: 1px solid #e4dcd3;
    border-right: 1px solid #e4dcd3;
    margin: auto;
    min-width: inherit;
    overflow: hidden;
}

.specification--modif .intable {
    display: block;
    min-width: 400px;
    overflow-x: auto;
}

.specification--modif .table-row{
  min-width: 300px;
  background: #fff;
}

.table {
    overflow: auto;
}


.specification-table-wrap th{
  background: #e4dcd3;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.specification-table-wrap th{
  padding: 0 20px;
}

.specification-table-wrap th,
.specification-table-wrap td{
  text-align: center;
}

.specification-table-wrap th:first-child,
.specification-table-wrap td:first-child{
  text-align: left;
  padding: 12px 30px 12px 30px;
}

.specification-table-wrap table tr td:first-child.nstyled{
  background: transparent;
  width: auto;
  font-family: inherit;
  padding: 0 20px;
  border-bottom: 1px solid #e4dcd3;
  text-align: center;
}


.specification-table-wrap table tr td.specification-double{
  border-right: 1px solid #fff;
}

.specification-table-wrap table tr:nth-last-child(2) td.specification-double{
  border-bottom: 1px solid #e4dcd3;
}


.standard-equipment__list{
  padding: 20px;
  margin-bottom: 30px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

.colored{
  background: #e4dcd3;
}


.workarea .specification-table-wrap--add table tr th:first-child,
.workarea .specification-table-wrap--add table tr td:first-child{
  width: 50%;
  background: #fff;
}

.workarea .specification-table-wrap--add table tr th.colored:first-child,
.workarea .specification-table-wrap--add table tr td.colored:first-child{
  background: #e4dcd3;
}

.specification-table-wrap--add table tr td{
  border-bottom: 1px solid #fff;
}

.specification-table-wrap table{
  margin-bottom: 0;
  border: 0;
}

.specification-table-wrap table td:last-child{
  border-right: 0;
}

.table{
  border-left: 0!important;
}

.used-cars{
  margin: 0;
}

.used-cars__item{
  border-bottom: 1px solid #e4dcd3;
}

.used-cars__item:after{
  content: "";
  display: table;
  clear: both;
}

.workarea li.used-cars__item{
  margin-bottom: 0;
  padding: 30px 0 30px 55px;
}
.workarea li.used-cars__item::before {
    top: 50%;
    margin-top: -10px;
    font-family: inherit;
    color: #a3a3a3;
    font-size: 20px;
}
.used-cars__item:last-child{
  border-bottom: 0;
}

.used-cars__img{
  float: left;
  width: 200px;
  margin-right: 30px;
}
.used-cars__img img{
  display: block;
  max-width: 100%;
  height: auto;
}
.used-cars__info{
/*  overflow: hidden; */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
/*  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;*/
}
.used-cars__title{
  margin-top: -8px;
}
.used-cars__title h3{
  margin-bottom: 9px;
}

.used-cars__info-txt,
.used-cars__info-year,
.used-cars__info-price{
  width: 33.333%;
}

.used-cars__info-price{
  background: #f6f3f2;
  font-size: 20px;
  padding: 50px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;

}
.used-cars__info-price span{
  font-size: 30px;
  font-family: "HyundaiMedium", "Arial", sans-serif;
  margin-right: 5px;
}

.used-cars__info-year{
  padding-left: 30px;
  padding-right: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
          justify-content: space-between;
          color: #909090;
          font-size: 20px;
}
.used-cars__t{
  font-size: 16px;
  margin-bottom: 31px;
  line-height: 1.2;
}
.used-cars__phone{
  font-size: 16px;
  line-height: 1.4;
}
.used-cars__phone strong{
  display: block;
}

.table--additional .specification-table-wrap th:first-child,
.table--additional .specification-table-wrap td:first-child {
    font-family: 'HyundaiRegular', sans-serif;
}

.table--additional .specification-table-wrap th{
  line-height: 1.1;
      padding: 8px 20px;
}

.table--additional .specification-table-wrap th:first-child{
  padding-left:30px;
}

.table--additional .specification-table-wrap td{
  font-family: 'HyundaiRegular', sans-serif;
}

.table--additional .specification-table-wrap th,
.table--additional .specification-table-wrap td.additional-title{
      font-family: "HyundaiMedium", sans-serif;
}

.full-img {
	text-align: center;
}

.specification-table-wrap table td strong{
  white-space: nowrap;
}

.headline-block__file i{
  width: 21px;
    height: 21px;
    right: 20px;
    margin-top: -11px;
    background-size: contain!important;
}

body div.adaptiv, .page-top--center .headline-block.adaptiv{
    display: none;
}


@media screen and (max-width: 1200px){
  .default-slider-wrap {
    padding: 0 20px;
  }
  .default-slider__info {
    padding: 50px 30px 30px;
  }
  .default-slider__img img{
    opacity: 0;
  }
  .default-slider__img {
      position: absolute;
      height: 100%;
      width: 100%;
  }
  .default-slider__item {
    min-height: 500px;
  }
  .default-slider__title {
      font-size: 28px;
      line-height: 38px;
  }
  .loyal-slider__title {
    max-width: 210px;
  }
  .loyal-slider__txt {
      max-width: 100%;
  }
  .overwiew__models-title {
      font-size: 150px;
      line-height: 230px;
  }
}

@media screen and (max-width: 1000px){
  .used-cars__info-year {
      padding-left: 20px;
      padding-right: 20px;
      font-size: 18px;
  }
  .used-cars__info-price {
      font-size: 18px;
      padding: 50px 10px;
  }
  .used-cars__info-price span {
      font-size: 22px;
  }
  .used-cars__t {
      margin-bottom: 10px;
  }
  .workarea li.used-cars__item {
      padding: 30px 0 30px 23px;
  }
  .used-cars__img {
      margin-right: 20px;
  }
  .overwiew__models-title {
      font-size: 130px;
      line-height: 210px;
  }
  .tableFloatingHeaderOriginal{
    position:static!important;
    width: inherit!important;
  }
  .tableFloatingHeader{
    display:none!important;
  }
  .tablex{
    min-width: 0px; max-width: none !important;
  }
  .table--additional .specification-table-wrap th {
      padding: 5px 10px;
      font-size: 13px;
  }
  .specification-table-wrap th {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.1;
  }
}

@media screen and (max-width: 992px){
  .photo-block--right .photo-block__wrapper {
    right: 0;
  }
  .subnav__item {
    margin-bottom: 0;
    display: block;
    padding-right: 0;
  }
	.logo--footer{
		width: 60px;
    	height: 32px;
		bottom: auto!important;
	}
}

@media screen and (max-width: 900px){
  .old__item {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 30px;
  }
  .old-slider__preview-thumb {
      height: 110px;
  }
  .contacts__info {
      width: 100%;
      float: none;
      padding-right: 0;
  }
  .contacts-map-wrapper {
      height: 400px;
  }
  .used-cars__info-year{
    font-size: 16px;
    padding-left: 10px;
      padding-right: 10px;
  }
  .used-cars__info-price{
      font-size: 16px;
  }
  .used-cars__info-price span {
      font-size: 18px;
  }
  .used-cars__title h3 {
      font-size: 26px;
  }
}

@media screen and (max-width: 850px){
  .video-content__img {
    height: auto;
  }
}

@media screen and (max-width: 768px){
  .default-slider {
      padding-bottom: 0;
  }
  .default-slider ul.slick-dots {
      margin-bottom: 0;
      bottom: 25px;
  }
  .default-slider .slick-prev, .default-slider .slick-next {
      margin-top: 10px;
  }
  .default-slider__btn{
    padding: 0 20px;
  }
    .section-title{
      font-size: 27px;
      line-height: 32px;
  }
  .content-item {
    padding: 25px 0 30px;
  }
  .multiple-photo__item{
    margin-bottom: 30px;
  }
  .r-tabs .r-tabs-nav {
        display: none;
    }
    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
    .promo-slider__content {
      padding-bottom: 40px;
    }
  .single-block {
      padding-top: 60px;
      padding-bottom: 60px;
  }
  .single-block__title{
    font-size: 22px;
    line-height: 25px;
  }
  .workarea table.table-blue-scheme th,
  .workarea table.table-blue-scheme td{
    padding: 13px 10px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
  }
  .search__item {
      padding: 25px 0 25px;
    }

  .options__title,
  .options__info{
    width: 50%;
  }
  .old-slider__slide {
    height: 320px;
  }
  .old-slider__preview-thumb {
    height: 75px;
  }
  .options__item {
    font-size: 14px;
  }
  .specification--modif .table-cell {
    padding: 12px 15px;
    font-size: 14px;
    line-height: 16px;
  }
  .used-cars__info{
    display: block;
  }
  .used-cars__img {
      float: none;
      width: 200px;
      margin: 0 auto 30px;
  }
  .used-cars__info-txt,
  .used-cars__info-year,
  .used-cars__info-price {
      width: 100%;
  }
  .used-cars__info-year{
    padding: 0;
    margin-bottom: 10px;
  }
  .used-cars__phone{
    margin-bottom: 10px;
  }
  .used-cars__info-year{
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
  }
  .used-cars__info-year span{
    margin-right: 20px;
  }
  .used-cars__info-year span:last-child{
    margin-right: 0;
  }
  .overwiew__models-title {
      font-size: 100px;
      line-height: 160px;
  }
  .overwiew__models {
      height: 270px;
  }
  .menu-section__item {
      padding: 0 10px;
  }
  .menu-section{
      overflow-x: auto;
  }
  .menu-section::-webkit-scrollbar {
      width: 10px;
      height: 5px;
  }

  .menu-section::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
  }

  .menu-section::-webkit-scrollbar-thumb {
    background-color: #e4dcd3;
    outline: 1px solid slategrey;
  }
}

@media screen and (max-width: 600px){
  .loyal-slider .slick-list {
      overflow: hidden;
  }
  .standard-equipment__list {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
  }
  .specification-table-wrap{
    overflow-x: auto;
  }
  .specification--modif .table-merged {
      min-width: 135px;
  }
}

@media screen and (max-width: 500px){
  .old-slider__slide {
      height: 200px;
  }
  .overwiew__models-title {
      font-size: 65px;
      line-height: 120px;
  }
  .overwiew__models {
      height: 170px;
  }
  .overwiew__wrapper:after {
      width: 50px;
      height: 50px;
      background: url(../assets/img/content/360.png) no-repeat 0 0;
      -webkit-background-size: contain;
      background-size: contain;
  }
}

@media(max-width: 480px){
  .overwiew__models {
    height: 100px;
  }
  .overwiew__models-list {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-banner__visual-area {
	    background-size: contain !important;
	}
	/*.page-top--center .headline-block.adaptiv{
		display:block;
	}*/
	/*.page-top--center .headline-block.destop{
		display:none;
	}*/
	.headline-block h1,
  .headline-block .h1 {
		font-size: 24px;
		line-height: 28px;
	}
}

@media screen and (max-width: 400px){
  .news-list--slider .news-list__item {
      padding: 0 5px;
  }
}

.full-img {
	text-align: center;
}

@media all and (max-width: 767px) {
  .headline-block.destop {
    display: none;
  }

  .headline-block.adaptiv {
    display: block;
  }
  }

  @media all and (min-width: 768px) {
  .headline-block.adaptiv {
    display: none;
  }

  .headline-block.destop {
    display: block;
  }
  }