@charset "UTF-8";

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

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

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none
}

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

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.no-js .owl-carousel {
  display: block
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: a
}

@keyframes a {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none
}

.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791
}

* {
  box-sizing: border-box;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

body,
html {
  height: auto;
  min-height: 100%;
  background-color: #fff
}

.padded,
footer,
header,
main,
section {
  max-width: 2500px;
  z-index: 9;
  position: relative;
  margin: auto;
  width: 100%;
  display: block
}

main,
section {
  padding: 40px 15px
}

main.carousel,
section.carousel {
  padding: 0
}

@media only screen and (min-width:750px) {

  main,
  section {
    padding: 40px 20px
  }
}

@media only screen and (min-width:1101px) {

  main,
  section {
    padding: 60px 20px
  }

  main.closer,
  section.closer {
    padding: 40px 20px
  }
}

.padded {
  background-color: #fff
}

#page {
  z-index: 11;
  position: relative;
  margin: auto;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background: #fff;
  padding-top: 54px;
}

@media only screen and (min-width:750px) {
  #page {
    padding-top: 80px;
    padding-bottom: 390px
  }
}

.modal-open #page {
  filter: blur(10px)
}

:root .modal-open #page:after,
_:-ms-fullscreen:after {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #072a3e;
  z-index: 1006;
  opacity: .9
}

.top-section {}

@media only screen and (min-width:750px) {
  .top-section {}

  .top-section main,
  .top-section section {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .top-section .readable {
    max-width: 70%;
    padding-right: 80px
  }
}

@media only screen and (min-width:1101px) {
  .top-section .readable {
    max-width: 660px
  }
}

@media only screen and (min-width:1200px) {
  .top-section .readable {
    max-width: calc(100% - 610px)
  }
}

.wrap {
  position: relative;
  margin: auto;
  max-width: 1338px;
  display: block;
  clear: both
}

.wrap.narrow {
  max-width: 1060px;
}

.wrap.flex:after,
.wrap.flex:before {
  display: none;
}


img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

img.fw {
  width: 100%
}

.col_1,
.col_2,
.col_3 {
  position: relative
}

.col_1 {
  padding-bottom: 30px
}

@media only screen and (min-width:750px) {
  .col_1 {
    width: 260px;
    float: left;
    padding-right: 20px
  }
}

.col_2 {
  min-height: 10px
}

.centered-content {
  margin: auto;
  max-width: 1060px;
}

.centered-content.border {
  border-top: 3px solid #eeeff0;
  padding-top: 20px;
}

.centered-content.bb {
  border-bottom: 1px solid #d2d7dc;
  padding-bottom: 10px;
}

@media only screen and (min-width:750px) {
  .col_2 {
    float: left;
    width: calc(100% - 260px)
  }
}

@media only screen and (min-width:1101px) {
  .col_2 {
    float: left;
    width: calc(100% - 600px)
  }
}

@media only screen and (min-width:750px) {
  .col_2_3 {
    float: left;
    width: calc(100% - 260px)
  }
}

@media only screen and (min-width:1101px) {
  .col_2_3 {
    float: left;
    /*width: calc(100% - 340px)*/
  }

  .col_2_3.padded {
    padding-left: 40px;
    border-bottom: none
  }
}

@media only screen and (min-width:750px) {
  .col_3 {
    float: left;
    width: 100%;
    clear: both
  }
}

@media only screen and (min-width:1101px) {
  .col_3 {
    width: 340px;
    padding-left: 40px;
    float: left;
    clear: none
  }
}

body,
html {
  font-family: Rajdhani, sans-serif;
  line-height: 1.2;
  font-size: 18px;
  color: #172f57;
  width: 100%;
  height: 100%;
  text-rendering: optimizelegibility;
  padding: 0;
  margin: 0;
  font-style: normal;
  font-weight: 400
}

.serif {
  font-family: Rajdhani, sans-serif;
}

@media only screen and (min-width:750px) {

  body,
  html {
    font-size: 18px
  }
}

p {
  margin: 0 0 1em
}

hr {
  clear: both;
  border: none;
  height: 1px;
  background: #eb0027;
  margin: 20px 0
}

main+hr,
section+hr {
  margin: 0
}

.bold,
b,
strong {
  font-weight: 900
}

em,
i {
  font-style: italic
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: Rajdhani, sans-serif;
  -webkit-margin-before: 0;
  display: block;
  position: relative;
  text-transform: uppercase;
  line-height: normal;
  font-weight: 700;
  color: #c81428
}

.h1:after,
.h2:after,
.h3:after,
.h4:after,
.h5:after,
.h6:after,
h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
  content: "";
  width: 30px;
  position: absolute;
  bottom: -10px;
  left: 0;
  display: block;
  height: 2px;
  background-color: #c81428
}

.h1.blue,
.h2.blue,
.h3.blue,
.h4.blue,
.h5.blue,
.h6.blue,
h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue {
  color: #072a3e
}

.h1.blue:after,
.h2.blue:after,
.h3.blue:after,
.h4.blue:after,
.h5.blue:after,
.h6.blue:after,
h1.blue:after,
h2.blue:after,
h3.blue:after,
h4.blue:after,
h5.blue:after,
h6.blue:after {
  background-color: #072a3e
}

.h1.nb:after,
.h2.nb:after,
.h3.nb:after,
.h4.nb:after,
.h5.nb:after,
.h6.nb:after,
h1.nb:after,
h2.nb:after,
h3.nb:after,
h4.nb:after,
h5.nb:after,
h6.nb:after {
  display: none
}

.h1.tac,
.h2.tac,
.h3.tac,
.h4.tac,
.h5.tac,
.h6.tac,
h1.tac,
h2.tac,
h3.tac,
h4.tac,
h5.tac,
h6.tac {
  max-width: 800px !important;
  text-align: center
}

.h1.tac:after,
.h2.tac:after,
.h3.tac:after,
.h4.tac:after,
.h5.tac:after,
.h6.tac:after,
h1.tac:after,
h2.tac:after,
h3.tac:after,
h4.tac:after,
h5.tac:after,
h6.tac:after {
  left: 50%;
  margin-left: -15px
}

.h1.cw,
.h2.cw,
.h3.cw,
.h4.cw,
.h5.cw,
.h6.cw,
h1.cw,
h2.cw,
h3.cw,
h4.cw,
h5.cw,
h6.cw {
  color: #fff
}

.h1.cw:after,
.h2.cw:after,
.h3.cw:after,
.h4.cw:after,
.h5.cw:after,
.h6.cw:after,
h1.cw:after,
h2.cw:after,
h3.cw:after,
h4.cw:after,
h5.cw:after,
h6.cw:after {
  background-color: #fff
}

.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: 900
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #c81428
}

.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #c81428;
  text-decoration: none
}

.tac .h1,
.tac .h2,
.tac .h3,
.tac .h4,
.tac .h5,
.tac .h6,
.tac h1,
.tac h2,
.tac h3,
.tac h4,
.tac h5,
.tac h6 {
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.tac .h2,
.tac h2 {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto
}

.h1,
h1 {
  font-size: 36px;
  margin: 0 0 10px;
  display: block;
  font-weight: 400;
  color: #172f57;
  text-transform: none
}

h1.smaller {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 700;
}

.h1:after,
h1:after {
  display: none
}

.h1.small,
h1.small {
  font-size: 24px
}

.h2,
.testimonials article h3,
h2 {
  font-size: 24px;
  text-decoration: none;
  display: block;
  letter-spacing: .4px;
  margin: 0 auto 30px
}

.h2.bigger,
.testimonials article h3.bigger,
h2.bigger {
  font-size: 26px
}

.h3,
.seminars:not(.top-section) strong,
h3 {
  font-size: 20px;
  margin-bottom: 30px
}

.h3.bigger,
.seminars:not(.top-section) strong.bigger,
h3.bigger {
  font-size: 26px
}

h1+h3,
h2+h3 {
  max-width: 700px
}

.h4,
h4 {
  font-size: 18px;
  margin-bottom: 30px
}

.h4.subtitle,
h4.subtitle {
  font-size: 12px;
  margin-bottom: 0
}

.h4.smaller,
h4.smaller {
  font-size: 16px;
  margin-bottom: 0
}

.h5,
h5 {
  font-size: 16px;
  margin-bottom: .5em
}

@media only screen and (min-width:750px) {

  .h1,
  h1 {
    font-size: 42px;
    margin-bottom: 20px
  }

  .h1.small,
  .h2,
  .testimonials article h3,
  h1.small,
  h2 {
    font-size: 24px
  }

  h1.smaller {
    font-size: 28px;
  }

  .h3,
  h3 {
    font-size: 20px
  }

  .h3.bigger,
  h3.bigger {
    font-size: 26px
  }

  h4.subtitle {
    font-size: 16px
  }
}

@media only screen and (min-width:1101px) {

  .h1,
  h1 {
    font-size: 50px
  }

  .h1.small,
  h1.small {
    font-size: 26px
  }

  h1.smaller {
    font-size: 32px;
  }
}

a {
  color: #eb0027;
  transition: color .2s ease-in;
  cursor: pointer
}

a,
a:hover {
  text-decoration: none
}

a:hover {
  color: #ad001d
}

a.tdu {
  text-decoration: underline
}

p {
  line-height: 1.4em
}

p:last-child {
  margin-bottom: 0
}

a [href~="tel:"],
a [href~="tel:"]:hover {
  text-decoration: none
}

.text {
  background-color: #fff
}

.text .wrap {
  max-width: 300px
}

.text .text-content .h1,
.text .text-content .h2,
.text .text-content .h3,
.text .text-content .h4,
.text .text-content .h5,
.text .text-content .h6,
.text .text-content h1,
.text .text-content h2,
.text .text-content h3,
.text .text-content h4,
.text .text-content h5,
.text .text-content h6 {
  color: #c81428
}

.text-content .img {
  overflow: hidden;
  border-radius: 9px;
  margin-bottom: 40px;
}

.text-content .img img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width:750px) {
  .text .wrap {
    max-width: 570px
  }
}

.text-content {
  font-family: Merriweather, Times, Times New Roman, Georgia, serif;
  color: #283250;
  text-align: left;
  font-size: 16px
}

.text-content.narrow {
  max-width: 330px
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5 {
  text-align: left;
  color: #c81428
}

.text-content .h1,
.text-content .h2,
.text-content .h3,
.text-content .h4,
.text-content .h5,
.text-content .h6,
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6 {
  clear: both;
  display: block;
  padding-top: 20px
}

.text-content .h1:first-child,
.text-content .h2:first-child,
.text-content .h3:first-child,
.text-content .h4:first-child,
.text-content .h5:first-child,
.text-content .h6:first-child,
.text-content h1:first-child,
.text-content h2:first-child,
.text-content h3:first-child,
.text-content h4:first-child,
.text-content h5:first-child,
.text-content h6:first-child {
  padding-top: 0
}

.text-content .bold,
.text-content b,
.text-content strong {
  font-family: Merriweather, Times, Times New Roman, Georgia, serif
}

.text-content ul {
  padding: 0 20px 0 0
}

.text-content ul li {
  padding: 0 0 10px 30px;
  list-style-type: none;
  position: relative;
  line-height: 1.5em
}

.text-content ul li:before {
  content: "• ";
  color: #c81428;
  display: inline-block;
  width: 30px;
  vertical-align: middle;
  margin-left: -30px
}

.text-content ul li ol,
.text-content ul li ul {
  padding-top: 10px
}

.text-content ol {
  padding: 0 20px 0 0;
  counter-reset: a
}

.text-content ol li {
  display: block;
  list-style-type: none;
  padding: 0 0 10px 30px;
  line-height: 1.5em
}

.text-content ol li:before {
  content: counter(a) ". ";
  counter-increment: a;
  color: #c81428;
  display: inline-block;
  width: 30px;
  vertical-align: middle;
  margin-left: -30px
}

.text-content ol li ol,
.text-content ol li ul {
  padding-top: 10px
}

.text-content p {
  line-height: 1.5em;
  margin-bottom: 20px
}

.text-content p:last-child {
  margin-bottom: 0
}

.text-content p+ul {
  margin-top: 0
}

.text-content table {
  border-collapse: collapse;
  width: 100%
}

.text-content a {
  color: #eb0027;
  text-decoration: underline
}

.text-content a:hover {
  text-decoration: none
}

.text-content blockquote,
.text-content q {
  padding: 0 20px;
  font-size: 16px;
  color: #172f57;
  margin: 0 0 20px
}

.text-content blockquote p,
.text-content q p {
  display: inline
}

.text-content blockquote:before,
.text-content q:before {
  content: "“ "
}

.text-content blockquote:after,
.text-content q:after {
  content: " ”"
}

@media only screen and (min-width:750px) {

  .text-content blockquote,
  .text-content q {
    font-size: 18px
  }
}

.text-content.seminar .h1,
.text-content.seminar .h2,
.text-content.seminar .h3,
.text-content.seminar .h4,
.text-content.seminar .h5,
.text-content.seminar .h6,
.text-content.seminar h1,
.text-content.seminar h2,
.text-content.seminar h3,
.text-content.seminar h4,
.text-content.seminar h5,
.text-content.seminar h6 {
  text-transform: none;
  font-weight: 600;
  margin-bottom: 15px
}

.text-content.seminar .h1:after,
.text-content.seminar .h2:after,
.text-content.seminar .h3:after,
.text-content.seminar .h4:after,
.text-content.seminar .h5:after,
.text-content.seminar .h6:after,
.text-content.seminar h1:after,
.text-content.seminar h2:after,
.text-content.seminar h3:after,
.text-content.seminar h4:after,
.text-content.seminar h5:after,
.text-content.seminar h6:after {
  display: none
}

.text-content.seminar ul li {
  padding-left: 0
}

.text-content.seminar ul li:before {
  width: 20px;
  font-size: 25px;
  line-height: 8px;
  color: #172f57;
  margin-left: -20px;
  position: relative;
  top: -2px
}

.btn {
  display: inline-block;
  color: #c81428;
  padding: 9px 25px 7px;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  font-family: Rajdhani, sans-serif;
  font-weight: 500;
  transition: all .2s ease-in;
  border-radius: 21px;
  position: relative;
  text-decoration: none !important;
  white-space: nowrap;
  background-color: transparent;
  background-image: none;
  text-align: center
}

.btn,
.btn:hover {
  border: 1px solid #c81428
}

.btn:hover {
  color: #fff;
  text-decoration: none;
  background: #c81428
}

.btn.blue-text {
  color: #172f57
}

.btn.blue-text:hover {
  color: #fff
}

.btn.arrow:after {
  content: "";
  display: inline-block;
  height: 20px;
  width: 15px;
  vertical-align: middle;
  background: url(../img/ico/arrow-v.svg) no-repeat 50% transparent;
  transform: rotate(-90deg);
  margin-left: 10px;
  position: relative;
  top: -1px
}

.btn.arrow:before,
.btn.arrow:hover:after {
  background: url(../img/ico/arrow-v-white.svg) no-repeat 50% transparent
}

.btn.white {
  border: 1px solid #fff;
  color: #fff
}

.btn.white:hover {
  border: 1px solid #fff;
  text-decoration: underline
}

.btn.red {
  color: #fff;
  border: 1px solid #c81428;
  background-color: #c81428
}

.btn.red:hover {
  color: #fff;
  border: 1px solid #940f1e;
  background-color: #940f1e
}


@media only screen and (min-width:750px) {
  .btn {
    padding: 9px 45px 7px;
    border-radius: 19px
  }

  .btn.sm {
    padding: 9px 25px 7px;
    border-radius: 19px
  }

  .btn.big {
    font-size: 26px;
    border-radius: 26px;
    padding: 15px 45px 15px 40px
  }

  .btn.wide {
    font-size: 22px;
    border-radius: 26px;
    padding: 10px 85px
  }
}

@media only screen and (min-width:1101px) {
  .btn {
    padding: 9px 75px 7px
  }
}

.explode {
  width: 55px;
  height: 55px;
  margin: auto;
  font-size: 0;
  position: relative;
  display: inline-block
}

.explode:before {
  content: "";
  position: absolute;
  border: 1px solid #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  border-radius: 50%;
  transition-duration: .5s;
  transition-property: top, right, bottom, left, opacity, border-color
}

.explode:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 0
}

.explode.blue:before {
  border: 1px solid #072a3e
}

.explode.btt {
  background: url(../img/ico/circle_icon/icon_up_circle.svg) no-repeat 50% transparent;
  background-size: 46px 46px;
  position: absolute;
  right: 0;
  bottom: 10px
}

.explode.arr {
  background: url(../img/ico/circle_icon/icon_down_circle.svg) no-repeat 50% transparent;
  background-size: 46px 46px
}

@media only screen and (min-width:1101px) {
  .explode.btt {
    right: 20px;
    top: 20px;
    bottom: auto
  }
}

.read-more-btn {
  display: inline-block;
  font-weight: 900;
  transition: color .2s ease
}

.read-more-btn:after,
.read-more-btn:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #172f57;
  transition: border-color .3s ease;
  margin: 0 0 0 7px
}

.read-more-btn:before {
  display: none;
  border-width: 5px 10px 5px 0;
  border-color: transparent #172f57 transparent transparent;
  margin: 0 7px 0 0
}

.read-more-btn.back:before {
  display: inline-block
}

.read-more-btn.back:after {
  display: none
}

.read-more-btn:hover:after {
  border-color: transparent transparent transparent #c81428
}

.read-more-btn:hover:before {
  border-color: transparent #c81428 transparent transparent
}

.read-more-btn.white:after {
  border-color: transparent transparent transparent #fff
}

button,
input,
select,
textarea {
  line-height: 1.35em;
  font-family: Rajdhani, sans-serif;
  transition: color .2s ease-in, background-color .2s ease-in
}

button,
input[type=submit] {
  cursor: pointer
}

input.search {
  max-width: 400px !important;
  padding-right: 0;
  display: inline-block !important;
  width: auto !important;
  clear: none !important;
  float: left;
  border-bottom: none !important
}

input.search+button {
  float: left;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  border: none;
  min-height: 28px;
  background: url(../img/ico/icon-search.svg) no-repeat 50% transparent
}

@media only screen and (min-width:750px) {
  input.search {
    font-size: 36px !important
  }

  input.search+button {
    font-size: 36px
  }
}

.form-row,
.form-section {
  position: relative;
  clear: both;
  border: 2px solid transparent;
  padding: 10px 20px
}

.form-row.req .hint:after,
.form-section.req .hint:after {
  content: " * ";
  color: red;
  display: inline
}

.form-row.error,
.form-section.error {
  padding: 20px 20px 30px;
  border-bottom: 2px solid #c81428;
  border-top: 2px solid #c81428;
  margin-bottom: 40px
}

.form-row.error:after,
.form-row.error:before,
.form-section.error:after,
.form-section.error:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -18px;
  height: 38px;
  width: 38px;
  text-align: center;
  font-weight: 500;
  font-size: 16px
}

.form-row.error:before,
.form-section.error:before {
  background: url(../img/ico/error-icon.svg) no-repeat 50% #f3f3f3
}

.form-row.error:after,
.form-section.error:after {
  content: "Error";
  bottom: -60px;
  color: #c81428
}

@media only screen and (min-width:750px) {

  .form-row,
  .form-section {
    padding: 20px
  }

  .form-row.error,
  .form-section.error {
    border: 2px solid #c81428;
    padding: 30px 20px
  }
}

@media only screen and (min-width:1101px) {

  .form-row,
  .form-section {
    padding: 20px
  }

  .form-row.error,
  .form-section.error {
    margin-bottom: 20px;
    padding: 30px 20px
  }

  .form-row.error:after,
  .form-row.error:before,
  .form-section.error:after,
  .form-section.error:before {
    top: 50%;
    left: auto;
    margin-top: -20px
  }

  .form-row.error:before,
  .form-section.error:before {
    right: -19px
  }

  .form-row.error:after,
  .form-section.error:after {
    text-align: left;
    right: -70px;
    font-size: 26px;
    line-height: 38px
  }
}

.inline-error-message {
  display: none;
  font-weight: 500;
  text-align: left;
  color: #ffa3b3 !important;
  font-size: 18px;
  padding: 15px 60px 15px 0;
  margin-top: 5px;
  background: url(../img/ico/error-icon-pink.svg) no-repeat 100% transparent
}

.inline-error-message.visible {
  display: block
}

@media only screen and (min-width:750px) {
  .inline-error-message {
    font-size: 26px;
    position: absolute;
    bottom: -40px;
    right: 40px
  }

  .inline-error-message#login-error {
    bottom: 3px
  }
}

.error-message {
  padding: 5px 0 0;
  color: #c81428;
  font-size: 14px;
  font-weight: 900;
  text-align: left
}

@media only screen and (min-width:750px) {
  .error-message {
    font-size: 16px
  }
}

.error .error-message,
.error .inline-error-message {
  display: block
}

.form-section {
  border: none;
  border-bottom: 2px solid #c81428;
  padding: 20px 0
}

.form-section .form-row {
  padding: 0;
  padding-top: 10px
}

.form-section.np .form-row {
  padding-top: 0
}

.form-section .expandable {
  margin-top: 0;
  margin-bottom: 0;
  height: 40px
}

.form-section .expandable .form-section-label {
  cursor: pointer
}

.form-section .expandable .trigger {
  display: block;
  width: 24px;
  height: 24px;
  top: 13px;
  right: 0;
  background: url(../img/ico/down-arrow.svg) no-repeat 50% transparent;
  background-size: contain
}

.form-section .expandable .trigger:hover {
  top: 13px
}

@media only screen and (min-width:750px) {
  .form-section .expandable {
    overflow: hidden;
    height: 50px
  }
}

label {
  position: relative;
  cursor: pointer
}

label .hint {
  font-family: Rajdhani, sans-serif;
  position: absolute;
  z-index: 0;
  opacity: 0;
  transition: opacity .2s ease-in;
  top: 0;
  left: 0;
  white-space: nowrap
}

label.not-empty .hint,
label.visible .hint {
  opacity: 1;
  z-index: 99
}

label .hint+input,
label .hint+textarea {
  margin-top: 20px
}

label .hint+.mce-tinymce,
label .hint+select+.nice-select {
  margin-top: 25px
}

label .hint+input+input {
  margin-top: 20px
}

label input,
label textarea {
  z-index: 9
}

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

label.radio.invisible input[type=radio]:checked+.logo {
  box-shadow: 0 0 25px #fff
}

label.checkbox {
  display: block;
  clear: both
}

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

label.checkbox input[type=checkbox]+span {
  width: 66px;
  height: 36px;
  background: #4f5671;
  display: block;
  border-radius: 18px;
  position: relative;
  float: left;
  transition: .3s;
  margin-right: 10px
}

label.checkbox input[type=checkbox]+span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  transition: .3s
}

label.checkbox input[type=checkbox]+span:after {
  top: 6px;
  left: 13px;
  content: "";
  position: absolute;
  background-color: transparent;
  width: 7px;
  height: 16px;
  border: solid #50b4a0;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: .3s
}

label.checkbox input[type=checkbox]:checked+span {
  background-color: #818598
}

label.checkbox input[type=checkbox]:checked+span:before {
  top: 0;
  left: 30px
}

label.checkbox input[type=checkbox]:checked+span:after {
  left: 43px;
  opacity: 1
}

label.seemless input[type=checkbox],
label.seemless input[type=radio] {
  display: none
}

label.seemless span {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  padding-right: 20px
}

label.seemless input[type=checkbox]:checked+span,
label.seemless input[type=radio]:checked+span {
  color: #c81428
}

label.seemless input[type=checkbox]:checked+span:after,
label.seemless input[type=checkbox]:checked+span:before,
label.seemless input[type=radio]:checked+span:after,
label.seemless input[type=radio]:checked+span:before {
  opacity: 1
}

label.seemless input[type=radio]:checked+span:after,
label.seemless input[type=radio]:checked+span:before {
  opacity: 0
}

@media only screen and (min-width:750px) {
  label .hint {
    top: -2px
  }

  label.checkbox {
    line-height: 36px
  }
}

.checkboxes {
  padding-bottom: 0
}

.bigger label span {
  font-size: 14px;
  font-family: Rajdhani, sans-serif
}

@media only screen and (min-width:1101px) {
  .bigger label span {
    font-size: 20px
  }
}

.info {
  display: block;
  padding-top: 10px;
  margin-bottom: 0
}

.info.spaced {
  padding-top: 10px;
  padding-bottom: 20px
}

form {
  display: block;
  max-width: 680px;
  margin: auto
}

form a {
  color: #172f57;
  text-decoration: underline
}

form a:hover {
  text-decoration: none;
  color: #172f57
}

@media only screen and (min-width:750px) {
  form {
    max-width: 800px
  }

  form.search-form {
    max-width: 900px
  }
}

::-moz-placeholder {
  color: #072a3e
}

::-ms-placeholder {
  color: #072a3e
}

::-webkit-input-placeholder {
  color: #072a3e
}

:-ms-input-placeholder,
::-ms-input-placeholder {
  color: #072a3e
}

::placeholder {
  color: #072a3e
}

:focus::-moz-placeholder {
  opacity: .5 !important
}

:focus::-ms-placeholder {
  opacity: .5 !important
}

:focus::-webkit-input-placeholder {
  opacity: .5 !important
}

:focus:-ms-input-placeholder,
:focus::-ms-input-placeholder {
  opacity: .5 !important
}

:focus::placeholder {
  opacity: .5 !important
}

@keyframes b {
  0% {
    background: transparent;
    color: inherit
  }
}

.mce-tinymce.required {
  border: 1px solid #c81428
}

input:not([type=checkbox]),
textarea {
  display: block;
  clear: both;
  width: 100%;
  color: #172f57;
  border: none;
  border-bottom: 1px solid #bbb;
  padding: 10px 0;
  font-size: 18px;
  background-color: transparent;
  transition: color .2s ease-in, border-color .2s ease-in, background-color .2s ease-in
}

input:not([type=checkbox]):focus,
textarea:focus {
  border-bottom: 1px solid #172f57;
  color: #172f57
}

input:not([type=checkbox]):hover,
textarea:hover {
  border-bottom: 1px solid #172f57
}

input:not([type=checkbox]).nogood,
textarea.nogood {
  border-bottom: 1px solid #c81428
}

input:not([type=checkbox]).valid,
textarea.valid {
  background-image: url(../img/ico/correct-input.svg);
  background-repeat: no-repeat;
  background-position: 100%
}

input:not([type=checkbox]).small,
textarea.small {
  font-size: 16px
}

@media only screen and (min-width:750px) {

  input:not([type=checkbox]),
  textarea {
    font-size: 20px
  }

  input:not([type=checkbox]).small,
  textarea.small {
    font-size: 16px
  }
}

@media only screen and (min-width:1101px) {

  input:not([type=checkbox]),
  textarea {
    font-size: 26px
  }

  input:not([type=checkbox]).small,
  textarea.small {
    font-size: 16px
  }

  input:not([type=checkbox]).big,
  textarea.big {
    font-size: 26px
  }
}

select.nogood {
  border-bottom: 1px solid #c81428
}

select.nogood+.nice-select {
  border: 1px solid #c81428
}

.form-label,
.form-section-label {
  display: block;
  clear: both;
  width: 100%;
  color: #172f57;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 500
}

@media only screen and (min-width:750px) {

  .form-label,
  .form-section-label {
    font-size: 20px
  }
}

@media only screen and (min-width:1101px) {

  .form-label,
  .form-section-label {
    font-size: 26px
  }
}

input:not([type=checkbox]):not([type=file]) {
  padding-top: 2px;
  padding-bottom: 2px
}

fieldset {
  padding-bottom: 20px
}

.tabs {
  position: relative
}

.tabs-list {
  position: relative;
  height: 100%
}

.tabs-list>li {
  display: block;
  position: relative;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 1
}

.tabs-list>li.active {
  z-index: 9;
  visibility: visible
}

.tab-content {
  height: 300px;
  position: relative
}

@media only screen and (min-width:750px) {
  .tab-content {
    height: 100%
  }
}

.tabs-bookmarks {
  clear: both;
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 40px
}

.tabs-bookmarks>ul {
  display: table-row
}

.tabs-bookmarks>ul>li {
  display: table-cell;
  cursor: pointer;
  padding-right: 30px
}

.tabs-bookmarks>ul>li a {
  transition: border-color .2s ease;
  border-bottom: 1px solid transparent
}

.tabs-bookmarks>ul>li:last-child {
  border-right: none
}

.tabs-bookmarks>ul>li a {
  display: block;
  padding: 3px 0;
  text-align: center;
  font-size: 15px;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff
}

.tabs-bookmarks>ul>li.active a,
.tabs-bookmarks>ul>li:hover a {
  border-bottom: 1px solid #fff
}

.tabs-list .tab-bookmark {
  display: none
}

@media only screen and (min-width:750px) {
  .tabs-list .tab-bookmark {
    display: none
  }
}

#login-screen:after,
#login-screen:before,
#mobile-menu .main-nav:after,
#mobile-menu .main-nav:before,
#mobile-menu .main-nav>ul:after,
#mobile-menu .main-nav>ul:before,
#mobile-menu .main-nav>ul>li:after,
#mobile-menu .main-nav>ul>li:before,
#mobile-menu .main-nav>ul>li ul:after,
#mobile-menu .main-nav>ul>li ul:before,
.article-detail article figure:after,
.article-detail article figure:before,
.articles-list:after,
.articles-list:before,
.articles-list>ul:after,
.articles-list>ul:before,
.articles-list>ul>li:after,
.articles-list>ul>li:before,
.cf:after,
.cf:before,
.clearfix:after,
.clearfix:before,
.col_1:after,
.col_1:before,
.col_2:after,
.col_2:before,
.col_3:after,
.col_3:before,
.discussion-part ul:not(.info-line):after,
.discussion-part ul:not(.info-line):before,
.discussion-part ul:not(.info-line)>li:after,
.discussion-part ul:not(.info-line)>li:before,
.form-row:after,
.form-row:before,
.form-section:after,
.form-section:before,
.law-list:after,
.law-list:before,
.law-list>ul:after,
.law-list>ul:before,
.law-list>ul>li:after,
.law-list>ul>li:before,
.modal .modal-contents:after,
.modal .modal-contents:before,
.padded:after,
.padded:before,
.pagination ul:after,
.pagination ul:before,
.social-stripe:after,
.social-stripe:before,
.wrap:after,
.wrap:before,
article:after,
article:before,
footer:after,
footer:before,
header:after,
header:before,
label:after,
label:before,
main:after,
main:before,
section:after,
section:before {
  content: "";
  display: table;
  clear: both
}

.dib {
  display: inline-block
}

.fl {
  float: left !important
}

.fr {
  float: right !important
}

.nod {
  display: none !important
}

.hidden {
  display: none
}

.ttu,
.tu {
  text-transform: uppercase !important
}

.t {
  display: table;
  border-collapse: collapse;
  height: 100%;
  width: 100%
}

.tr {
  display: table-row
}

.td {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.ptb {
  padding-top: 40px;
  padding-bottom: 40px
}

.pt {
  padding-top: 20px
}

@media only screen and (min-width:750px) {
  .pt {
    padding-top: 40px
  }
}

.pt2 {
  padding-top: 26px
}

.desktop {
  display: none
}

@media only screen and (min-width:750px) {
  .desktop {
    display: block
  }
}

.mobile {
  display: block
}

@media only screen and (min-width:750px) {
  .mobile {
    display: none !important
  }
}

.desktop_tablet {
  display: none
}

@media only screen and (min-width:750px) {
  .desktop_tablet {
    display: block
  }
}

@media only screen and (min-width:1101px) {
  .tablet_mobile {
    display: none
  }
}

.pb2 {
  padding-bottom: 40px
}

.pba {
  padding-bottom: 20px
}

.tac {
  text-align: center
}

@media only screen and (min-width:1101px) {
  .pb {
    padding-bottom: 20px
  }
}

@media only screen and (min-width:750px) {
  .t-two-cols {
    column-count: 2;
    column-gap: 0;
    -moz-column-count: 2;
    -moz-column-gap: 0;
    -webkit-column-count: 2;
    -webkit-column-gap: 0
  }

  .t-two-cols li,
  .t-two-cols p,
  .t-two-cols table {
    break-inside: avoid-column
  }

  .t-two-cols h1,
  .t-two-cols h2,
  .t-two-cols h3,
  .t-two-cols h4,
  .t-two-cols h5,
  .t-two-cols ol,
  .t-two-cols p,
  .t-two-cols table,
  .t-two-cols ul {
    padding-right: 20px
  }
}

@media only screen and (min-width:750px) {
  .t-three-cols {
    column-count: 3;
    column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    -webkit-column-count: 3;
    -webkit-column-gap: 0
  }
}

.bgi {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .3s ease-in;
  position: relative;
  min-height: 100px
}

.bgi.center,
.bgi.logo {
  background-position: 50%
}

.bgi.logo {
  border: 1px solid #bbb;
  background-size: 50% auto
}

.bgi>img {
  display: none !important
}

.bgi.a {
  opacity: 1
}

.bgi * {
  z-index: 2
}

header {
  width: 100%;
  max-width: 100vw;
  z-index: 100;
  background-color: transparent;
  position: fixed;
  height: 54px;
  top: 0;
  left: 0;
  padding: 10px 15px;
  z-index: 1000;
  border-bottom: 1px solid #fff;
  transition: background-color .25s ease-in-out;
  overflow: hidden;
  background: url(../img/welcome.jpg) no-repeat top #fff;
  background-size: cover
}

header a {
  color: #fff
}

.dk-logo {
  display: inline-block;
  width: 255px;
  color: transparent;
  height: 40px;
  font-size: 0;
  background: url(../img/logo_blue.png) no-repeat 0 transparent;
  background-size: contain;
}

.dk-logo strong {
  display: none
}

.sub-logo {
  font-size: 20px;
  color: #8a8d97;
}

.hpw {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0px;
}


@media only screen and (min-width:1101px) {
  .dk-logo {
    width: 521px;
    height: 71px;
  }
}

header #logo {
  display: inline-block;
  background: url(../img/DK_web_logo_01_m.png) no-repeat 0 transparent;
  background-size: contain;
  width: 60px;
  height: 33px;
  opacity: 1;
  transition: opacity .1s ease-in, height .3s ease-in;
  float: left;
  z-index: 99;
  line-height: 35px;
  font-size: 30px;
  color: #fff;
  font-weight: 500;
  white-space: nowrap;
  position: relative;
  top: 2px
}

header #logo strong {
  display: none
}

header .triggers {
  padding-left: 10px;
  height: 33px
}

header a.login,
header a.mt,
header a.search {
  display: block;
  float: right;
  width: 33px;
  height: 33px;
  position: relative;
  transform: rotate(0deg);
  transition: color .2s ease-in-out;
  cursor: pointer;
  margin-left: 5px
}

header a.login,
header a.search {
  text-align: center;
  vertical-align: middle;
  width: 28px
}

header a.login span,
header a.search span {
  display: none
}

header a.login i,
header a.search i {
  position: relative;
  top: 5px;
  font-size: 24px;
  transition: color .3s ease-in-out
}

header a.mt span {
  display: block;
  position: absolute;
  height: 2px;
  width: 18px;
  background: #fff;
  opacity: 1;
  left: 8px;
  transform: rotate(0deg);
  transition: .25s ease-in-out
}

header a.mt span:first-child {
  top: 8px;
  transform-origin: left center
}

header a.mt span:nth-child(2) {
  top: 15px;
  transform-origin: left center
}

header a.mt span:nth-child(3) {
  top: 22px;
  transform-origin: left center
}

header #arrow_bg {
  display: none
}

@media only screen and (min-width:750px) {
  header {
    padding: 10px 20px;
    border-bottom: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    height: 80px;
    padding-top: 22px
  }

  header #logo {}

  header #arrow_bg {
    width: 5000px;
    left: -2500px;
    bottom: 0;
    transition: left .3s ease-in-out;
    z-index: 1
  }

  header #arrow_bg,
  header #bg1,
  header #bg2 {
    height: 100%;
    display: block;
    position: absolute;
    top: 0
  }

  header #bg1,
  header #bg2 {
    background: url(../img/menu_bg_line.png) no-repeat 0 100% transparent;
    width: 100%;
    left: 0
  }

  header #bg1:after,
  header #bg2:after {
    content: "";
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    top: -500px;
    left: 0;
    background: url(../img/menu_bg_arrow.png) no-repeat 0 100% transparent
  }

  header #bg1 {
    transition: opacity .3s ease-in-out;
    opacity: 0;
    background: url(../img/menu_bg.png) no-repeat 0 100% transparent
  }

  header #bg2:after {
    background: url(../img/menu_bg_line_arrow.png) no-repeat 0 100% transparent
  }



  header .wrap {
    z-index: 9
  }

  header .triggers {
    padding-top: 1px
  }

  header .triggers .mt {
    display: none
  }

  header a.login i,
  header a.search i {
    font-size: 21px
  }
}

@media only screen and (min-width:1101px) {
  header #logo {
    width: 255px;
    color: transparent;
    height: 40px;
    top: 0;
    font-size: 0;
    background: url(../img/DK_web_logo_01.png) no-repeat 0 transparent;
    background-size: contain
  }

  header #logo strong {
    display: block;
    font-weight: 500
  }

  header #logo span {
    display: none
  }
}

@media only screen and (min-width:750px) {
  .has_active_menu #bg1 {
    background: url(../img/menu_bg_arrow.png) no-repeat 0 100% transparent
  }

  .has_active_menu #bg2 {
    /*background: url(../img/menu_bg_line_arrow.png) no-repeat 0 100% transparent*/
    background: url(../img/menu_bg_arrow_white.png) no-repeat 0 100% transparent
  }

  /*
  .has_active_menu.article_detail:not(.sticky) #bg1 {
    background: url(../img/menu_bg_arrow_white.png) no-repeat 0 100% transparent
  }
*/
  .has_active_menu.article_detail:not(.sticky) #bg2 {
    background: url(../img/menu_bg_arrow_white.png) no-repeat 0 100% transparent
  }


}

.sticky header {
  background-color: hsla(225, 8%, 51%, .8)
}

@media only screen and (min-width:750px) {
  .sticky header {
    background-color: transparent
  }

  .sticky header #bg1 {
    opacity: 1
  }
}

#main-menu {
  display: none;
  position: relative;
  z-index: 90
}

@media only screen and (min-width:750px) {
  #main-menu {
    display: block;
    top: 3px;
  }

  #main-menu ul {
    display: block;
    width: 100%;
    white-space: nowrap;
  }

  #main-menu ul li {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    float: left
  }

  #main-menu ul li a {
    display: block;
    padding: 5px 0;
    color: #fff
  }

  #main-menu ul li.active a,
  #main-menu ul li.current a {
    color: #fff;
    font-weight: 700
  }
}

@media only screen and (min-width:1100px) {
  #main-menu ul li a:after {
    display: block;
    content: attr(title);
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden
  }

  #main-menu {
    top: 0px;
  }

  #main-menu ul li {
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  #main-menu ul li:hover {
    font-weight: 700
  }
}

#page.open header {
  background-color: #283250
}

#page.open header a.mt span {
  background-color: #fff
}

#page.open header a.mt span:first-child {
  transform: rotate(45deg);
  top: 8px;
  left: 8px;
  width: 24px
}

#page.open header a.mt span:nth-child(2) {
  width: 0;
  opacity: 0
}

#page.open header a.mt span:nth-child(3) {
  transform: rotate(-45deg);
  top: 25px;
  left: 8px;
  width: 24px
}

#page.open #mobile-menu {
  right: 0;
  opacity: 1
}

#mobile-menu {
  z-index: 999;
  width: 100vw;
  right: -100vw;
  position: fixed;
  opacity: 0;
  top: 0;
  height: 100vh;
  overflow: auto;
  background: #283250;
  padding: 10px;
  transition: opacity .2s ease-in
}

#mobile-menu .wrap {
  padding: 0
}

#mobile-menu .main-nav {
  display: block;
  text-align: center;
  clear: both;
  padding: 80px 20px 20px
}

#mobile-menu .main-nav>ul {
  text-align: center;
  border-bottom: 2px solid #8b97ab;
  padding-bottom: 20px
}

#mobile-menu .main-nav>ul>li {
  font-size: 16px;
  display: block;
  clear: both;
  padding: 10px 0 40px;
  font-family: Lucida Console, Courier, monospace
}

#mobile-menu .main-nav>ul>li a {
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  font-size: 16px
}

#mobile-menu .main-nav>ul>li a:hover {
  color: #fff;
  text-decoration: none
}

#mobile-menu .main-nav>ul>li.active>a {
  font-weight: 900
}

#mobile-menu .main-nav>ul>li.search {
  display: none
}

#mobile-menu .main-nav>ul>li ul {
  padding: 2px 0 0
}

#mobile-menu .main-nav>ul>li ul li {
  display: block;
  padding: 0;
  font-weight: 400;
  font-size: 16px
}

#mobile-menu .main-nav>ul>li ul li a {
  display: inline-block;
  padding: 2px 0;
  font-size: 22px
}

#mobile-menu .main-nav>ul>li ul li.active>a {
  color: #fff
}

@media only screen and (min-width:750px) {
  #mobile-menu {
    display: none
  }
}

footer {
  background-color: #272b35;
  min-height: 60px;
  padding: 40px 20px 10px;
  z-index: 5
}

footer,
footer a {
  color: #fff
}

footer a:hover {
  color: #072a3e
}

footer h4 {
  border-bottom: none;
  margin-bottom: 10px;
  color: #fff
}

footer h4:after {
  display: none
}

footer .col {
  padding-bottom: 30px
}

footer ul {
  display: block;
  list-style-type: none
}

footer ul li {
  font-weight: 900
}

footer nav {
  display: block
}

footer nav ul li {
  margin-bottom: 7px
}

footer nav ul li a {
  position: relative
}

footer nav ul li a:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #fff;
  margin-right: 10px;
  margin-top: 6px;
  transition: border-color .3s ease
}

footer nav ul li a:hover {
  color: #072a3e
}

footer nav ul li a:hover:before {
  border-color: transparent transparent transparent #072a3e
}

@media only screen and (min-width:750px) {
  footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0
  }

  footer .col {
    float: left;
    width: 50%;
    padding-right: 50px
  }

  footer .col+.col {
    padding-right: 20px;
    width: 25%
  }

  footer .col+.col+.col {
    padding-right: 0
  }

  footer ul li {
    margin-bottom: 7px
  }

  footer nav {
    display: block
  }

  footer nav ul li a:before {
    top: 0;
    left: -20px;
    margin-right: 0;
    position: absolute
  }
}

@media only screen and (min-width:1101px) {
  footer h4 {
    margin-bottom: 20px
  }

  footer .col {
    width: 35%;
    padding-right: 60px
  }

  footer .col+.col {
    width: 20%;
    padding-right: 20px
  }

  footer .col+.col+.col {
    padding-right: 0
  }
}

.ico {
  position: relative;
  display: block;
  padding-left: 30px;
  color: #c81428;
  white-space: nowrap;
  transition: background-position .3s ease-in;
  text-decoration: none !important
}

.ico:hover {
  color: #ad001d;
  text-decoration: none
}

.ico.mono {
  font-family: Lucida Console, Courier, monospace
}

.ico.more-down {
  padding-bottom: 60px;
  padding-left: 0;
  background: url(../img/ico/button-more.svg) no-repeat bottom transparent
}

.ico.more-down:before {
  content: "";
  display: none;
  background: url(../img/ico/button-more-rollover.svg)
}

.ico.more-down:hover {
  background: url(../img/ico/button-more-rollover.svg) no-repeat bottom transparent
}

.ico.more-down.white {
  font-size: 20px;
  background: url(../img/ico/button-more-white.svg) no-repeat bottom transparent;
  background-size: 34px 34px
}

.ico.more-down.white:hover {
  color: #fff;
  background: url(../img/ico/button-more-white-hover.svg) no-repeat bottom transparent;
  background-size: 34px 34px
}

.ico.more-down-small,
.ico.more-up-small {
  color: #fff;
  padding-bottom: 20px;
  padding-left: 0;
  background: url(../img/ico/down-arrow.svg) no-repeat bottom transparent
}

.ico.more-down-small:before,
.ico.more-down-small:hover,
.ico.more-up-small:before,
.ico.more-up-small:hover {
  color: #fff;
  background: url(../img/ico/down-arrow-hover.svg) no-repeat bottom transparent
}

.ico.more-up-small {
  padding-bottom: 0;
  padding-top: 20px;
  background: url(../img/ico/up-arrow.svg) no-repeat top transparent
}

.ico.more-up-small:before,
.ico.more-up-small:hover {
  background: url(../img/ico/up-arrow-hover.svg) no-repeat top transparent
}

.ico.technology {
  background: url(../img/ico/icon-technology.svg) no-repeat 0 0 transparent
}

.ico.locations {
  background: url(../img/ico/icon-location.svg) no-repeat 0 0 transparent
}

.ico.people {
  background: url(../img/ico/icon-person-red.svg) no-repeat left 2px transparent
}

.ico.fav {
  background: url(../img/ico/favourite.svg) no-repeat left 2px transparent
}

.ico.more {
  padding: 20px 40px 20px 0;
  line-height: 30px;
  float: left;
  clear: both
}

.ico.more:after {
  content: "";
  display: block;
  float: right;
  background: url(../img/ico/button-more.svg) no-repeat 50% transparent;
  background-size: 22px 22px;
  width: 30px;
  height: 30px;
  transform: rotate(-90deg);
  margin-right: -40px
}

.ico.more:before {
  content: "";
  display: none;
  background: url(../img/ico/button-more-rollover.svg)
}

.ico.more:hover:after {
  background: url(../img/ico/button-more-rollover.svg) no-repeat 50% transparent;
  background-size: 22px 22px
}

.ico.big {
  font-weight: 500
}

@media only screen and (min-width:750px) {
  .ico.more {
    padding: 0 40px 0 0
  }

  .ico.more:after,
  .ico.more:hover:after {
    background-size: 26px 26px
  }

  .ico.more.white {
    font-size: 26px
  }

  .ico.mono {
    font-size: 15px
  }

  .ico.locations,
  .ico.technology {
    background-position: left 5px
  }

  .ico.people {
    background-position: left 6px
  }

  .ico.big {
    font-size: 26px !important
  }
}

.red {
  color: #c81428
}

.hidden-text {
  line-height: 20;
  font-size: 0
}

@media only screen and (min-width:750px) {
  .carousel .owl-stage {
    right: 0
  }

  .carousel .owl,
  .carousel .owl-carousel {
    padding-bottom: 0
  }

  .carousel.arrows .owl-nav {
    display: block;
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%
  }

  .carousel.arrows .owl-nav.disabled {
    display: none
  }

  .carousel.arrows .owl-nav div {
    transition: opacity .3s ease-in;
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../img/ico/icon_left_red.svg) no-repeat 50% transparent;
    background-size: 20px 35px
  }

  .carousel.arrows .owl-nav div:before {
    content: "";
    display: none;
    background: url(../img/ico/icon_left_blue.svg)
  }

  .carousel.arrows .owl-nav div:hover {
    background: url(../img/ico/icon_left_blue.svg) no-repeat 50% transparent;
    background-size: 20px 35px
  }

  .carousel.arrows .owl-nav div.disabled {
    opacity: .3;
    pointer-events: none
  }

  .carousel.arrows .owl-nav div.owl-prev {
    left: 0
  }

  .carousel.arrows .owl-nav div.owl-next {
    right: 0;
    transform: rotate(180deg)
  }
}

.line {
  display: block;
  padding-bottom: 10px;
  border-bottom: 2px solid #c81428;
  color: #c81428
}

.inline-menu {
  padding-top: 12px;
  text-align: center;
  display: block;
  white-space: nowrap;
  font-size: 16px
}

.inline-menu li {
  vertical-align: top;
  display: inline-block;
  padding: 0 15px;
  position: relative;
  font-weight: 500
}

.inline-menu li:first-child {
  padding-left: 0
}

.inline-menu li:last-child {
  padding-right: 0
}

.inline-menu li.active a {
  color: #eb0027
}

.inline-menu a {
  vertical-align: top;
  display: inline-block;
  text-decoration: none;
  color: #172f57
}

.inline-menu a:hover {
  text-decoration: none;
  color: #eb0027
}

.inline-menu li+li:before {
  content: "|";
  color: #c81428;
  position: absolute;
  top: -3px;
  left: -5px;
  font-size: 28px
}

.inline-menu.desktop {
  display: none
}

.inline-menu.blue li+li:before {
  color: #072a3e
}

@media only screen and (min-width:750px) {
  .inline-menu.desktop {
    display: block
  }
}

.owl,
.owl-carousel {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  padding-bottom: 70px
}

.owl-carousel .owl-video-tn,
.owl .owl-video-tn {
  background-position: 50%;
  background-size: cover
}

.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage-outer .owl-stage,
.owl .owl-stage-outer,
.owl .owl-stage-outer .owl-stage {
  height: 100%
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item-video,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-video-wrapper,
.owl .owl-stage-outer .owl-stage .owl-item,
.owl .owl-stage-outer .owl-stage .owl-item .item,
.owl .owl-stage-outer .owl-stage .owl-item .item-video,
.owl .owl-stage-outer .owl-stage .owl-item .owl-video-wrapper {
  height: 100%;
  display: block
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item .item-video .img,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item-video a,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item-video iframe,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item .img,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item a,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item iframe,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-video-wrapper .img,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-video-wrapper a,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-video-wrapper iframe,
.owl .owl-stage-outer .owl-stage .owl-item .item-video .img,
.owl .owl-stage-outer .owl-stage .owl-item .item-video a,
.owl .owl-stage-outer .owl-stage .owl-item .item-video iframe,
.owl .owl-stage-outer .owl-stage .owl-item .item .img,
.owl .owl-stage-outer .owl-stage .owl-item .item a,
.owl .owl-stage-outer .owl-stage .owl-item .item iframe,
.owl .owl-stage-outer .owl-stage .owl-item .owl-video-wrapper .img,
.owl .owl-stage-outer .owl-stage .owl-item .owl-video-wrapper a,
.owl .owl-stage-outer .owl-stage .owl-item .owl-video-wrapper iframe {
  height: 100%;
  width: 100%;
  display: block;
  background-position: 50%;
  background-size: cover;
  position: relative;
  color: #172f57
}

.owl-carousel .owl-dots,
.owl .owl-dots {
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  width: 100%;
  height: 10px;
  text-align: left;
  z-index: 10;
  margin: auto;
  max-width: 1338px;
  display: block;
  text-align: center
}

.owl-carousel .owl-dots .owl-dot,
.owl .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 5px;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  border: 1px solid #c81428;
  transition: background-color .2s ease-in, opacity .2s ease-in
}

.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover,
.owl .owl-dots .owl-dot.active,
.owl .owl-dots .owl-dot:hover {
  background: #c81428
}

.owl-carousel .owl-nav,
.owl .owl-nav {
  margin: auto;
  display: block;
  display: none
}

.modal,
.modal-title {
  display: none
}

.modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(21, 41, 78, .65)
}

.modal.open {
  display: block
}

.modal .modal-title {
  display: block !important;
  font-size: 30px;
  clear: both;
  color: #c81428
}

.modal .text-content {
  padding-top: 0;
  padding-bottom: 20px
}

.modal .modal-content {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px
}

.modal .modal-footer {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center
}

.modal .modal-footer a {
  margin-top: 20px;
  display: block;
  text-align: center
}

.modal .modal-contents {
  clear: both
}

@media only screen and (min-width:750px) {
  .modal .modal-content {
    padding: 40px 60px;
    min-width: 600px
  }
}

.close-ico,
.close-ico-white,
.modal .close {
  display: block;
  color: #fff;
  float: left;
  margin-bottom: 10px;
  position: relative;
  background: url(../img/ico/circle_icon/icon_close_circle.svg) no-repeat 50% transparent;
  background-size: 46px 46px
}

.close-ico-white.blue,
.close-ico.blue,
.modal .blue.close {
  background: url(../img/ico/circle_icon/icon_close_circle_blue.svg) no-repeat 50% transparent;
  background-size: 46px 46px
}

#login-screen {
  height: 100%
}

#login-window {
  width: 100%;
  height: 100%;
  background-color: rgba(46, 47, 81, .83)
}

#login-window .modal-content {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  transform: translate(0)
}

#login-window .modal-content * {
  color: #fff
}

#login-window .btn {
  width: 100%
}

#login-window .form-row,
#login-window .form-section {
  padding-left: 0;
  padding-right: 0
}

#login-window .tabs {
  padding-left: 20px;
  padding-right: 20px
}

#login-window ::-moz-placeholder {
  color: #fff
}

#login-window ::-ms-placeholder {
  color: #fff
}

#login-window ::-webkit-input-placeholder {
  color: #fff
}

#login-window :-ms-input-placeholder,
#login-window ::-ms-input-placeholder {
  color: #fff
}

#login-window ::placeholder {
  color: #fff
}

#login-window input:not([type=checkbox]):-webkit-autofill,
#login-window textarea:-webkit-autofill {
  border-bottom: 1px solid #fff;
  -webkit-text-fill-color: #c81428;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  padding-left: 10px
}

#login-window input.nice-select.open:not([type=checkbox]):-webkit-autofill,
#login-window input:not([type=checkbox]):-webkit-autofill,
#login-window input:not([type=checkbox]):-webkit-autofill:active,
#login-window input:not([type=checkbox]):-webkit-autofill:focus,
#login-window input:not([type=checkbox]):-webkit-autofill:hover,
#login-window textarea.nice-select.open:-webkit-autofill,
#login-window textarea:-webkit-autofill,
#login-window textarea:-webkit-autofill:active,
#login-window textarea:-webkit-autofill:focus,
#login-window textarea:-webkit-autofill:hover {
  animation: b 0s forwards;
  transition: background-color 5000s ease-in-out 0s
}

#login-screen {
  max-width: 450px;
  margin: auto
}

.fh {
  width: 100%;
  min-height: 100vh;
  position: relative
}

.welcome {
  background: url(../img/welcome.jpg) no-repeat top transparent;
  background-size: cover
}

.welcome * {
  color: #fff
}

.welcome h1 {
  padding-right: 0 !important
}

.welcome main .wrap {
  padding-bottom: 60px;
  text-align: center
}

.welcome main .arr {
  position: absolute;
  bottom: 20px;
  width: 40px;
  height: 40px;
  left: 50%;
  margin-left: -20px
}

@media only screen and (min-width:750px) {
  .welcome main {
    height: auto
  }

  .welcome main .wrap {
    text-align: left;
    padding-bottom: 0
  }

  .welcome main .arr {
    display: none
  }
}

@media only screen and (min-width:1101px) {
  .welcome main .wrap {
    padding-bottom: 60px
  }
}

@media only screen and (min-width:1101px) and (min-height:800px) {
  .welcome {
    position: relative
  }

  .welcome #actual {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 58px
  }
}

@media only screen and (min-width:750px) {
  .readable {
    max-width: 70%
  }
}

@media only screen and (min-width:1101px) {
  .readable {}
}

.readable2 {
  max-width: 680px;
  margin: auto
}

@media only screen and (min-width:750px) {
  .readable2 {
    max-width: 800px
  }
}

@media only screen and (min-width:1101px) {
  .readable2 {
    padding-left: 20px;
    padding-right: 20px
  }
}

.btns {
  display: block;
  clear: both;
  text-align: center;
  padding: 60px 0 20px
}

.btns.np {
  padding: 20px 0 0
}

.btns.above {
  padding: 10px 0 60px
}


.btns.np,
.btns.tl {
  text-align: left
}

@media only screen and (max-width:749px) {
  .btns .btn {
    display: block;
    width: 80%;
    margin: auto
  }

  .btns .btn+.btn {
    margin-top: 10px
  }
}

@media only screen and (min-width:750px) {
  .btns .btn+.btn {
    margin-left: 20px
  }

  .btns.fll {
    padding: 0;
    position: absolute;
    width: 30%;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    text-align: left
  }

  .btns.fll .btn {
    float: left;
    clear: both;
    min-width: 250px
  }

  .btns.fll .btn+.btn {
    margin: 20px 0 0
  }
}

@media only screen and (min-width:1101px) {
  .btns.fll {
    width: calc(100% - 660px)
  }
}

@media only screen and (min-width:1200px) {
  .btns.fll {
    width: 610px
  }
}

.cols {
  background-color: hsla(0, 0%, 100%, .15)
}

.cols ul li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #fff
}

.cols ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}

.cols ul li a {
  display: block
}

.cols ul li a>strong {
  display: block;
  font-size: 24px;
  padding-bottom: 10px
}

@media only screen and (min-width:750px) {
  .cols ul li {
    float: left;
    width: 33%;
    width: 33.33333%;
    border-bottom: none;
    margin-bottom: 0;
    border-right: 1px solid #fff;
    padding-left: 40px;
    padding-right: 30px
  }

  .cols ul li:last-child {
    border-right: none
  }

  .cols ul li:first-child {
    padding-left: 0
  }
}

.info-line {
  display: block;
  font-size: 0;
  position: relative;
  top: 1px;
  width: 100%;
}

.info-line li {
  vertical-align: top;
  display: inline-block;
  position: relative;
  font-size: 14px
}

.info-line li:first-child {
  padding-left: 0
}

.info-line a {
  vertical-align: top;
  display: inline-block;
  text-decoration: underline
}

.info-line a:hover {
  text-decoration: none
}

.info-line li+li:before {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  content: "/"
}

.info-line-actions {
  margin: 5px 0px 12px 0px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}

.info-line-actions .actions {
  position: relative;
  left: -4px;
}


@media only screen and (min-width:750px) {
  .info-line {
    white-space: nowrap
  }

  .info-line,
  .info-line li {}

  .info-line li {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 33.33%
  }

  .info-line.two-items li {
    max-width: 50%
  }

  .info-line-actions {
    flex-direction: row;
    gap: 10px;
    align-items: center;
  }
}

.info-list {
  font-size: 14px;
  display: block;
  padding-top: 2px;
  margin-bottom: 8px
}

.info-list li {
  display: block;
  padding-bottom: 2px
}

.info-table {
  border-collapse: collapse;
  margin-bottom: 10px
}

.info-table td,
.info-table th {
  padding: 2px 10px 2px 0;
  font-size: 14px
}

.info-table th {
  font-weight: 900
}

.info-table td:first-child {
  width: 30%
}

.actual {
  padding-top: 0;
}

.actual .wrap {
  padding-top: 30px;
  border-top: 3px solid #d2d7dc;
}

.hp-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.hp-list .info-line {
  color: #172f57;
}


@media only screen and (min-width:750px) {}

.seminars:not(.top-section) strong {
  display: block;
  text-transform: none;
  margin-bottom: 0;
  max-height: 118px;
  overflow: hidden;
  padding: 20px;
  position: relative
}

.seminars:not(.top-section) .info-line {
  display: block;
  width: 100%;
  background-color: rgba(112, 126, 158, .85);
  padding: 15px 60px 15px 20px;
  margin: 0
}

.seminars:not(.top-section) .read-more-btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 18px
}

.seminars:not(.top-section)>li {
  font-size: 14px;
  margin-bottom: 30px;
  position: relative;
  text-align: left;
  opacity: 1;
  transition: opacity .3s ease-in-out
}

.seminars:not(.top-section)>li:after {
  content: "";
  display: block;
  background-color: #f01e32;
  width: 25px;
  height: 2px;
  position: absolute;
  top: 67px;
  left: -13px;
  z-index: 5
}

.seminars:not(.top-section)>li:last-child {
  margin-bottom: 0
}

.seminars:not(.top-section)>li>a {
  background-color: rgba(112, 126, 158, .6);
  position: relative;
  z-index: 2;
  display: block;
  padding-bottom: 80px;
  height: 100%;
  color: #fff
}

.seminars:not(.top-section)>li>a>.tooltiptext {
  top: auto;
  bottom: 25px;
  right: 90px;
  left: auto
}

.seminars:not(.top-section)>li>a:after,
.seminars:not(.top-section)>li>a:before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  z-index: 1;
  opacity: .3;
  transition: opacity .3s ease-in-out
}

.seminars:not(.top-section)>li>a:after {
  display: none
}

.seminars:not(.top-section)>li.article>a:before {
  background-image: url(../img/ico/actual/icon_clanky_bila.svg)
}

.seminars:not(.top-section)>li.law-case>a:before {
  background-image: url(../img/ico/actual/icon_judikaty_bila.svg)
}

.seminars:not(.top-section)>li.comittee>a:before {
  background-image: url(../img/ico/actual/icon_koov_bila.svg)
}

.seminars:not(.top-section)>li.seminar>a:before {
  background-image: url(../img/ico/actual/icon_seminare_bila.svg)
}

.seminars:not(.top-section)>li.job>a:before {
  background-image: url(../img/ico/actual/icon_prace_bila.svg)
}

.seminars:not(.top-section)>li.counseling>a:before {
  background-image: url(../img/ico/actual/icon_poradna_bila.svg)
}

.seminars:not(.top-section).collections>li>a:before {
  opacity: 1
}

.seminars:not(.top-section).collections>li>a:after {
  display: block;
  opacity: 1;
  z-index: 0;
  background-color: #fff;
  width: 80px;
  height: 80px;
  bottom: 0;
  right: 0
}

.seminars:not(.top-section).collections>li.article>a:before {
  background-image: url(../img/ico/actual/icon_clanky_cervena.svg)
}

.seminars:not(.top-section).collections>li.law-case>a:before {
  background-image: url(../img/ico/actual/icon_judikaty_cervena.svg)
}

.seminars:not(.top-section).collections>li.comittee>a:before {
  background-image: url(../img/ico/actual/icon_koov_cervena.svg)
}

.seminars:not(.top-section).collections>li.seminar>a:before {
  background-image: url(../img/ico/actual/icon_seminare_cervena.svg)
}

.seminars:not(.top-section).collections>li.job>a:before {
  background-image: url(../img/ico/actual/icon_prace_cervena.svg)
}

.seminars:not(.top-section).collections>li.counseling>a:before {
  background-image: url(../img/ico/actual/icon_poradna_cervena.svg)
}

.seminars:not(.top-section) .actions {
  z-index: 9
}

.seminars:not(.top-section) .actions .calendar:hover i,
.seminars:not(.top-section) .actions .note:hover i,
.seminars:not(.top-section) .actions .read-later:hover i {
  color: #fff
}

.seminars:not(.top-section) .actions .calendar.added i,
.seminars:not(.top-section) .actions .note.added i,
.seminars:not(.top-section) .actions .read-later.added i {
  color: #fff;
  opacity: 1
}

@media only screen and (min-width:750px) {
  .seminars:not(.top-section) {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: -20px
  }

  .seminars:not(.top-section) strong {
    padding: 20px 30px
  }

  .seminars:not(.top-section) .info-line {
    padding: 15px 60px 15px 30px
  }

  .seminars:not(.top-section) .read-more-btn {
    bottom: 30px;
    left: 30px
  }

  .seminars:not(.top-section)>li {
    float: left;
    width: 50%;
    border: 20px solid transparent;
    margin-bottom: 0
  }

  .seminars:not(.top-section)>li:after {
    width: 30px;
    top: 77px;
    left: -15px
  }

  .seminars:not(.top-section):hover>li {
    opacity: .5
  }

  .seminars:not(.top-section):hover>li:hover,
  .seminars:not(.top-section):hover>li:hover>a:before {
    opacity: 1
  }
}

@media only screen and (min-width:1101px) {
  .seminars:not(.top-section)>li {
    width: 33%;
    width: 33.33333%
  }

  .seminars:not(.top-section)>li:after {
    width: 40px;
    left: -20px
  }

  .seminars:not(.top-section)>li>a {
    padding-bottom: 90px
  }

  .seminars:not(.top-section).collections>li {
    width: 50%
  }
}

.rounded {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden
}

.rounded .bgi {
  background-position: 50%
}

.testimonials .item {
  max-width: 600px;
  margin: auto
}

.testimonials aside {
  display: block
}

.testimonials article {
  padding-top: 20px
}

.testimonials article h3 {
  margin-bottom: 3px;
  color: #172f57
}

.testimonials article h3:after {
  display: none
}

.testimonials article strong {
  display: block;
  color: #c81428;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 5px
}

@media only screen and (min-width:750px) {
  .testimonials aside {
    width: 190px;
    float: left
  }

  .testimonials article {
    width: calc(100% - 190px);
    padding-left: 40px;
    float: left
  }
}

.tooltip {
  position: relative
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 99;
  top: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity .3s ease-in;
  font-size: 14px;
  line-height: 18px;
}

.tooltip .tooltiptext:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, .5)
}

.tooltip .tooltiptext.ar:after {
  bottom: auto;
  top: 50%;
  left: 100%;
  margin-left: 0;
  margin-top: -5px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(0, 0, 0, .5)
}

.tooltip .tooltiptext.w {
  color: #000;
  background-color: #fff
}

.tooltip .tooltiptext.w:after {
  border-color: transparent transparent #fff
}

.tooltip .tooltiptext.w.ar:after {
  border-color: transparent transparent transparent #fff
}

.actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

.actions button {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  font-size: 0;
  line-height: 0;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
}

.actions button,
.actions button:hover {
  color: #bea27d
}

.actions button i,
.actions button span {
  transition: color .2s ease-in-out, opacity .2s ease-in-out, top .2s cubic-bezier(.175, .885, .32, 1.275);
  text-align: center;
  font-style: normal;
  color: #bea27d
}

.actions .calendar:hover i,
.actions .paid:hover i,
.actions .note:hover i,
.actions .read-later:hover i {
  color: #c81428
}

.actions .calendar i,
.actions .paid i,
.actions .note i,
.actions .read-later i {
  font-size: 28px
}

.actions .paid,
.actions .recomended {
  width: 30px;
  cursor: default;
}

.actions .paid i {
  display: inline-block;
  width: 30px;
  height: 26px;
  background: url(../img/ico/crown.svg) no-repeat 4px center transparent;
  background-size: 24px 24px;
}

.actions .recomended i {
  display: inline-block;
  width: 30px;
  height: 26px;
  background: url(../img/ico/star.svg) no-repeat 4px center transparent;
  background-size: 22px 22px;
}

.actions .has-comment i {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../img/ico/dk.png) no-repeat 4px bottom transparent;
  position: relative;
  top: 2px;
}


.actions .calendar.added i,
.actions .note.added i,
.actions .read-later.added i {
  color: #c81428
}

.actions .calendar,
.actions .read-later {
  position: relative;
  top: 2px;
}

.actions .calendar i,
.actions .paid i,
.actions .read-later i {
  font-size: 26px
}

.actions .calendar .tooltiptext,
.actions .paid .tooltiptext,
.actions .read-later .tooltiptext {
  margin-top: -3px
}

.articles .col_2 h3 {
  display: block;
  clear: both
}

@media only screen and (min-width:750px) {
  .articles {
    padding-bottom: 40px
  }
}

.law-list {
  clear: both
}

.law-list>ul {
  display: block
}

.law-list>ul>li {
  display: block;
  position: relative;
  margin-top: 20px;
  padding-bottom: 20px;
  clear: both;
  border-bottom: 1px solid #d2d7dc;
  padding-left: 40px;
  padding-right: 0
}

.law-list>ul>li:first-child {
  margin-top: 0
}

.law-list>ul>li:last-child {
  margin-bottom: 30px
}

.law-list>ul>li .actions {
  right: 0
}

.law-list>ul>li strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
}

.law-list .info-line {
  margin-bottom: 0
}

.law-list a {
  color: #172f57;
  display: block
}

.law-list a:hover {
  color: #172f57;
  text-decoration: none
}

.law-list a:hover .read-more-btn {
  color: #c81428
}

@media only screen and (min-width:750px) {

  .law-list>ul>li .actions {
    right: 0
  }
}

@media only screen and (min-width:1101px) {

  .law-list>ul>li {
    padding-right: 0
  }

  .law-list>ul>li .actions {
    right: 0
  }

  .law-list>ul>li strong {
    font-size: 24px;
  }
}

.articles-list {
  clear: both
}

.articles-list>ul {
  display: block
}

.articles-list>ul>li {
  display: block;
  position: relative;
  margin-bottom: 30px
}

.articles-list>ul>li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.articles-list>ul>li .actions {
  top: 165px
}

.articles-list a {
  color: #172f57;
  display: block
}

.articles-list p {
  font-family: Merriweather, Times, Times New Roman, Georgia, serif;
}


.articles-list a .txt>strong {
  transition: color .2s ease
}

.articles-list a:hover {
  color: #172f57;
  text-decoration: none
}

.articles-list a:hover .read-more-btn {
  color: #c81428
}

.articles-list a:hover .read-more-btn:after {
  border-color: transparent transparent transparent #c81428
}

.articles-list a:hover .img .bgi {
  transform: scale(1.1)
}

.articles-list a:hover .txt>strong {
  color: #c81428
}

.articles-list .img {
  overflow: hidden;
  width: 100%;
  height: 150px;
  margin-bottom: 15px;
  position: relative;
}


.articles-list .img .bgi {
  transition: all .4s ease;
  transform: scale(1);
  height: 100%
}

.articles-list .txt {
  font-size: 16px
}

.articles-list .txt>strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
}

.articles-list .price {
  text-transform: uppercase;
  display: block;
  font-weight: 900;
}

.articles-list .price strong {
  text-transform: none;
  color: #c81428
}

.articles-list .read-more-btn {
  text-transform: uppercase
}


@media only screen and (min-width:750px) {

  .articles-list>ul>li {
    float: left;
    width: 32%;
    margin-right: 2%
  }

  .articles-list>ul>li:nth-child(3n) {
    margin-right: 0
  }

  .articles-list>ul>li:last-child {}

  .articles-list .img {
    height: 200px
  }


  .articles-list.rows>ul>li {
    float: none;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 15px;
    clear: both;
    border-bottom: 1px solid #d2d7dc;
    padding-left: 0;
    padding-right: 0
  }

  .articles-list.rows>ul>li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .articles-list.rows>ul>li:first-child {
    margin-top: 0
  }

  .articles-list.rows>ul>li .img {
    float: left;
    height: 190px;
    width: 170px
  }

  .articles-list.rows>ul>li .txt {
    float: left;
    width: calc(100% - 170px);
    padding-left: 20px;
    font-size: 15px
  }

  .articles-list.rows>ul>li .txt>strong {
    font-size: 20px;
    position: relative;
    top: -4px
  }

  .articles-list.rows>ul>li .read-more-btn {
    font-size: 18px;
    position: absolute;
    bottom: 30px;
    left: 190px
  }

  .articles-list.rows>ul>li .actions {
    right: 0;
    top: -3px
  }
}

@media only screen and (min-width:1101px) {

  .articles-list.rows>ul>li .txt>strong {
    font-size: 24px;
  }

  .articles-list.rows>ul>li {
    padding-left: 40px;
    padding-right: 0
  }

  .articles-list.rows>ul>li .img {
    float: left;
    height: 170px;
    width: 270px
  }

  .articles-list.rows>ul>li .txt {
    float: left;
    width: calc(100% - 270px)
  }

  .articles-list.rows>ul>li .actions {
    right: 0
  }

}

#search-results {
  max-width: 680px;
  margin: auto
}

#search-results.fw {
  max-width: 100%
}

@media only screen and (min-width:750px) {
  #search-results {
    max-width: 800px
  }
}

@media only screen and (min-width:1101px) {
  #search-results {
    max-width: 900px;
    padding-left: 20px;
    padding-right: 20px
  }

  #search-results .articles-list.seminars-list {
    padding-left: 0
  }

  #search-results .news-list {
    padding-left: 40px
  }
}

.collections-list .h4,
.left-menu .h4 {
  display: block;
  margin-bottom: 10px;
  line-height: 20px;
  position: relative;
  text-decoration: none
}

.collections-list .h4:before,
.left-menu .h4:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/ico/icon_up_blue.svg) no-repeat 50% transparent;
  background-size: contain;
  transition: transform .2s ease;
  transform: rotate(0deg)
}

.not-logged .left-menu {
  pointer-events: none;
  opacity: .2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.left-menu {
  padding-top: 25px
}

.left-menu ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease
}

.left-menu ul li {
  margin-bottom: 9px;
  font-weight: 500;
  position: relative
}

.left-menu ul li span.count {
  color: #aab4be;
  position: absolute;
  right: 0
}

.left-menu ul li a {
  color: #172f57;
  text-decoration: none;
  display: block;
  position: relative
}

.left-menu ul li.active a,
.left-menu ul li.active label,
.left-menu ul li:hover a,
.left-menu ul li:hover label {
  color: #c81428
}

.left-menu .h4.open:before {
  transform: rotate(180deg)
}

.left-menu .h4.open+ul {
  max-height: 1800px
}

.left-menu+.left-menu {
  border-top: 1px solid #d2d7dc;
  margin-top: 20px
}

.left-menu.delete .h4:before {
  display: none
}

.pagination {
  background-color: #fff;
  padding-top: 20px;
  position: relative;
  padding-bottom: 20px
}

.pagination .go {
  width: 50px;
  height: 50px;
  background: url(../img/ico/icon_left_red.svg) no-repeat 50% transparent;
  background-size: 20px 35px;
  font-size: 0;
  line-height: 10;
  display: block;
  position: absolute;
  top: 0
}

.pagination .go.next {
  right: 0;
  transform: rotate(180deg)
}

.pagination .go.prev {
  left: 0
}

.pagination .go.inactive {
  background: url(../img/ico/icon_left_blue.svg) no-repeat 50% transparent;
  background-size: 20px 35px;
  pointer-events: none
}

.pagination ul {
  display: block;
  margin: auto;
  width: calc(100% - 120px);
  padding-top: 10px;
  text-align: center
}

.pagination ul li {
  display: inline-block;
  width: 35px;
  height: 35px
}

.pagination ul li a,
.pagination ul li span {
  border-radius: 50%;
  display: block;
  width: 35px;
  height: 35px;
  color: #172f57;
  text-align: center;
  line-height: 35px;
  font-weight: 700
}

.pagination ul li a:hover,
.pagination ul li span:hover {
  color: #c81428
}

.pagination ul li a.active,
.pagination ul li span.active {
  color: #c81428;
  border: 1px solid #c81428;
  pointer-events: none
}

@media only screen and (min-width:750px) {
  .pagination .wrap>div {
    margin: auto;
    position: relative;
    width: calc(100% - 0px)
  }
}

@media only screen and (min-width:1101px) {

  .pagination {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pagination .wrap>div {
    position: relative;
    padding-left: 300px;
  }

  .pagination .go.prev {
    left: 280px;
  }
}


h2.user-comment {
  cursor: pointer;
  margin-bottom: 10px
}

h2.user-comment i {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 30px;
  margin-left: 20px;
  top: 0;
  background: url(../img/ico/icon_up_blue.svg) no-repeat 50% transparent;
  background-size: contain;
  transition: transform .2s ease;
  transform: rotate(180deg)
}

h2.user-comment.closed i {
  transform: rotate(0deg)
}

h2.user-comment.closed+.user-comment-text {
  max-height: 0
}

.user-comment-text {
  max-height: 800px;
  overflow: hidden;
  transition: max-height .5s ease
}

.user-comment-text p:last-child {
  margin-bottom: 15px
}

.user-comment-text p:first-child {
  margin-top: 15px
}

.comment {
  padding-top: 0 !important;
  position: relative
}

.comment-text {
  color: #c81428;
  padding-left: 30px;
  background: url(../img/ico/dk.png) no-repeat left 6px transparent;
}

.top-section {
  padding-bottom: 0 !important
}

.top-section h1 {
  padding-right: 60px
}

.top-section .readable a {
  text-decoration: none;
  border-bottom: 1px solid #fff
}

.top-section .readable a:hover {
  text-decoration: none;
  color: #fff
}

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

.info td,
.info th {
  text-align: left;
  padding-bottom: 10px
}

.info th {
  white-space: nowrap;
  padding-right: 20px
}

.info td {
  font-weight: 600;
  font-family: Merriweather, Times, Times New Roman, Georgia, serif;
}

.info-button {
  display: flex;
  flex-direction: column;
  gap: 10px;
}


@media only screen and (min-width:1101px) {

  .info-button {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .info:not(.list-view) {
    display: block;
    margin-top: 0
  }

  .info:not(.list-view) tbody {
    display: flex;
    flex-direction: row;
    margin-top: 0
  }

  .info:not(.list-view) tr {
    display: block;
    padding-right: 20px;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 20px
  }

  .info:not(.list-view) tr:first-child {
    padding-left: 0
  }

  .info:not(.list-view) tr:last-child {
    border-right: none
  }

  .info:not(.list-view) td,
  .info:not(.list-view) th {
    display: block;
    white-space: normal;
    padding-right: 0
  }

  .info:not(.list-view) td {
    padding-bottom: 0
  }

  .info:not(.list-view) th {
    padding-top: 0
  }

  .top-section.committee h1,
  .top-section.job h1,
  .top-section.law-case h1,
  .top-section.seminar h1 {
    font-size: 30px
  }
}

.centered {
  position: relative
}

@media only screen and (min-width:1101px) {
  .centered {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    width: calc(100% - 520px);
    margin: auto
  }

  .centered .readable {
    max-width: 100%
  }
}

.article-detail {
  padding-bottom: 40px
}

.article-detail.user-comment {
  background-color: #eeeff0
}

.article-detail.user-comment article {
  border-bottom: none;
  padding-bottom: 0
}

.article-detail .author {
  text-align: center
}

.article-detail .author .bgi {
  margin: auto
}

.article-detail .author h3 {
  margin-top: 10px;
  color: #072a3e;
  margin-bottom: 0
}

.article-detail .author h3:after {
  display: none
}

.article-detail .author strong {
  color: #c81428;
  display: block;
  font-weight: 500;
  padding-bottom: 5px
}

.article-detail .author a {
  color: #072a3e
}

.article-detail .author a:hover {
  color: #c81428
}

.article-detail article {
  padding-bottom: 20px
}

.article-detail article figure {
  font-size: 16px;
  clear: both;
  margin-bottom: 20px
}

.article-detail article figure em {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-style: normal;
  float: right
}

.article-detail article figure figcaption {
  float: left;
  margin-top: 5px
}

.article-detail article.excerpt {
  border-bottom: 1px solid #d2d7dc
}

.article-detail article.excerpt+article {
  margin-top: 20px
}

@media only screen and (min-width:1101px) {
  .article-detail {
    padding-top: 0px
  }

  .article-detail.user-comment:not(.hidden)+.article-detail {
    padding-top: 40px;
  }

  .article-detail .col_2 article {
    padding-left: 40px;
    padding-right: 40px
  }

  .article-detail article {
    padding-bottom: 40px;
    border-bottom: 1px solid #d2d7dc
  }

  .article-detail article.excerpt+article {
    margin-top: 40px
  }

  .article-detail.user-comment {
    padding-top: 20px;
    padding-bottom: 10px
  }
}

@media only screen and (min-width:1101px) {
  article.col_2 {
    padding-left: 40px;
    padding-right: 40px
  }
}

.article-footer {
  padding-top: 40px;
  text-align: center;
  border-top: 1px solid #d2d7dc
}

.article-footer .go {
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  text-align: center;
  color: #072a3e;
  font-size: 16px
}

.article-footer .go span {
  color: #c81428;
  text-decoration: underline
}

.article-footer .go:hover {
  color: #c81428
}

.article-footer .back {
  margin-bottom: 10px
}

@media only screen and (min-width:750px) {
  .article-footer .back {
    position: absolute;
    left: 0;
    top: 10px;
    margin-bottom: 0
  }

  .article-footer .disc {
    position: absolute;
    top: 10px;
    right: 0
  }
}

@media only screen and (min-width:1101px) {
  .article-footer {
    border-top: none
  }

  .article-footer .back {
    left: 40px
  }

  .article-footer .disc {
    right: 40px
  }
}

.social-stripe {
  display: block;
  margin: auto;
  width: 260px;
  white-space: nowrap;
  text-align: center
}

.social-stripe li {
  vertical-align: top;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  margin-right: 10px
}

.social-stripe li a {
  display: block;
  width: 100%;
  height: 100%
}

.social-stripe li a:before {
  border: 1px solid #072a3e
}

.social-stripe li a:hover:before {
  opacity: 1;
  border: 1px solid #c81428
}

.social-stripe .fb {
  background: url(../img/ico/icon_facebook_circle.svg) no-repeat 50% transparent;
  background-size: contain
}

.social-stripe .fb:after,
.social-stripe .fb:hover {
  background: url(../img/ico/icon_facebook_circle_red.svg) no-repeat 50% transparent;
  background-size: contain
}

.social-stripe .fb:after {
  content: "";
  display: none
}

.social-stripe .gp {
  background: url(../img/ico/icon_google_circle.svg) no-repeat 50% transparent;
  background-size: contain
}

.social-stripe .gp:after,
.social-stripe .gp:hover {
  background: url(../img/ico/icon_google_circle_red.svg) no-repeat 50% transparent;
  background-size: contain
}

.social-stripe .gp:after {
  content: "";
  display: none
}

.social-stripe .tw {
  background: url(../img/ico/icon_twitter_circle.svg) no-repeat 50% transparent;
  background-size: contain
}

.social-stripe .tw:after,
.social-stripe .tw:hover {
  background: url(../img/ico/icon_twitter_circle_red.svg) no-repeat 50% transparent;
  background-size: contain
}

.social-stripe .tw:after {
  content: "";
  display: none
}

.social-stripe .in {
  background: url(../img/ico/icon_linkedin_circle.svg) no-repeat 50% transparent;
  background-size: contain
}

.social-stripe .in:after,
.social-stripe .in:hover {
  background: url(../img/ico/icon_linkedin_circle_red.svg) no-repeat 50% transparent;
  background-size: contain
}

.social-stripe .in:after {
  content: "";
  display: none
}

.search form {
  clear: both;
  display: block;
  padding-top: 20px
}

.search input[type=search] {
  border: 1px solid #072a3e;
  line-height: 33px;
  height: 30px;
  border-radius: 15px;
  padding-left: 35px;
  padding-right: 10px;
  background: url(../img/ico/icon_search_blue.svg) no-repeat 10px transparent;
  background-size: 15px 15px;
  font-size: 16px;
  margin-bottom: 9px
}

#note-window {
  z-index: 999;
  width: 100vw;
  right: -100vw;
  position: fixed;
  z-index: 1005;
  opacity: 0;
  left: auto;
  top: 0;
  height: 100vh;
  overflow: auto;
  padding: 30px 20px 100px;
  transition: opacity .3s ease-in, right .3s ease-in;
  display: block;
  background-color: rgba(21, 41, 78, .85)
}

#note-window .mce-content-body,
#note-window div.mce-edit-area {
  background: transparent
}

#note-window .mce-tinymce {
  margin-bottom: 20px;
  background: transparent
}

#note-window .mce-statusbar {
  display: none
}

#note-window textarea {
  background-image: linear-gradient(left, transparent 10px, transparent 0), linear-gradient(right, transparent 10px, transparent 0), linear-gradient(transparent 40px, #ccc 0, #ccc 41px, transparent 0);
  background-size: 100% 100%, 100% 100%, 100% 41px;
  line-height: 41px;
  font-family: Arial, Helvetica, Sans-serif;
  padding: 8px;
  font-size: 16px;
  height: 205px;
  color: #fff;
  border-bottom: none;
  margin-bottom: 40px
}

#note-window textarea:focus,
#note-window textarea:hover {
  border: none;
  color: #fff
}

#note-window h5 {
  color: #fff;
  margin-bottom: 30px
}

#note-window h5:after {
  background-color: #fff;
  width: 120px
}

#note-window.expanded {
  right: 0;
  opacity: 1
}

#note-window .note-content {
  display: block;
  clear: both;
  padding: 40px 20px 0
}

#note-window .note-content .btn {
  width: 100%
}

@media only screen and (min-width:750px) {
  #note-window {
    right: -350px;
    width: 350px
  }

  #note-window textarea {
    height: 328px;
    margin-bottom: 60px
  }
}

.discussion-part {
  padding-top: 0
}

.discussion-part h4 {
  display: block;
  text-align: center;
  color: #bbbec5
}

.discussion-part h4:after {
  display: none
}

.discussion-part .rounded {
  width: 42px;
  height: 42px;
  min-height: 35px;
  float: left
}

.discussion-part .txt {
  width: calc(100% - 50px);
  padding-left: 15px;
  padding-bottom: 10px;
  float: left
}

.discussion-part label .hint {
  top: -15px
}

.discussion-part .discussion p {
  display: inline-block;
  min-height: 42px;
  border: 1px solid #dddee2;
  border-radius: 21px;
  padding: 10px 15px;
  margin-bottom: 5px;
  font-family: Merriweather, Times, Times New Roman, Georgia, serif;
  font-size: 16px
}

.discussion-part .discussion p a,
.discussion-part .discussion p strong {
  font-weight: 700;
  color: #c81428
}

.discussion-part .info-line {
  display: block;
  clear: both;
  padding-left: 16px
}

.discussion-part .info-line a {
  color: #172f57;
  text-decoration: none
}

.discussion-part .info-line a:hover {
  color: #c81428
}

.discussion-part .btns {
  padding: 0
}

.discussion-part #reply-to {
  display: block;
  text-align: center;
  font-weight: 700;
  color: #c81428;
  margin: 0;
  display: none
}

.discussion-part form {
  display: block
}

.discussion-part form textarea {
  padding: 0;
  font-size: 18px
}

.discussion-part form button {
  min-width: 280px
}

.discussion-part form .form-row,
.discussion-part form .form-section {
  padding: 0
}

.discussion-part form .form-row.tac,
.discussion-part form .form-section.tac {
  padding-top: 20px
}

.discussion-part ul:not(.info-line) {
  clear: both;
  padding: 0;
  margin: 0;
  display: block
}

.discussion-part ul:not(.info-line)>li {
  clear: both;
  display: block;
  list-style-type: none;
  padding-bottom: 10px
}

.discussion-part ul:not(.info-line)>li ul:not(.info-line) {
  padding-left: 55px
}

.discussion-part ul:not(.info-line)>li:last-child {
  padding-bottom: 0
}

.discussion-part ul:not(.info-line)>li span {
  font-weight: 600
}

.discussion-part ul:not(.info-line)>li span:empty {
  display: none
}

.discussion-part ul:not(.info-line)>li .comment_up_vote span {
  color: #005f04
}

.discussion-part ul:not(.info-line)>li .comment_down_vote span {
  color: #f10
}

.discussion-part .centered {
  border-top: 1px solid #d2d7dc;
  padding-top: 40px
}

@media only screen and (min-width:750px) {
  .discussion-part form button {
    min-width: 320px
  }
}

.actual-lists {
  clear: both
}

.news-list {
  width: calc(100% + 20px);
  margin-left: -10px;
  position: relative
}

.news-list .img {
  height: 150px;
  overflow: hidden;
  position: relative
}

.news-list .img .bgi {
  height: 100%;
  transition: all .4s ease;
  transform: scale(1)
}

.news-list .img.noimg {
  background-color: #bbbec5
}

.news-list .img.noimg:after {
  content: "A";
  font-size: 120px;
  position: absolute;
  bottom: 20px;
  line-height: 80px;
  left: -10px;
  color: #8996a4
}

.news-list a {
  color: #172f57;
  display: block
}

.news-list a .txt {
  font-size: 16px
}

.news-list a .txt>strong {
  transition: color .2s ease;
  font-size: 18px
}

.news-list a:hover {
  color: #172f57;
  text-decoration: none
}

.news-list a:hover .read-more-btn {
  color: #c81428
}

.news-list a:hover .read-more-btn:after {
  border-color: transparent transparent transparent #c81428
}

.news-list a:hover .img .bgi {
  transform: scale(1.1)
}

.news-list a:hover .txt>strong {
  color: #c81428
}

.news-list>ul>li {
  color: #172f57;
  display: block
}

.news-list>ul>li .txt {
  font-size: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c81428 !important;
  margin-bottom: 30px
}

.news-list>ul>li .txt>strong {
  display: block;
  padding-top: 18px;
  transition: color .2s ease;
  padding-right: 60px
}

.news-list>ul>li:hover {
  color: #172f57;
  text-decoration: none
}

.news-list .actions {
  top: 167px;
  right: 0
}

@media only screen and (min-width:750px) {
  .news-list>ul>li .txt {
    font-size: 16px
  }

  .news-list>ul>li .txt>strong {
    font-size: 20px
  }
}

@media only screen and (min-width:1101px) {
  .news-list {
    width: calc(100% + 40px);
    margin-left: -20px
  }

  .news-list .img {
    height: 200px
  }

  .news-list .img.noimg:after {
    font-size: 150px;
    left: -15px
  }

  .news-list>ul>li .txt {
    font-size: 16px
  }

  .news-list>ul>li .txt>strong {
    font-size: 20px
  }

  .news-list .actions {
    top: 216px
  }
}

.grid-item,
.grid-sizer {
  position: relative;
  width: 100%
}

@media only screen and (min-width:750px) {

  .grid-item,
  .grid-sizer {
    width: 50%
  }
}

@media only screen and (min-width:1101px) {

  .grid-item,
  .grid-sizer {
    width: 33.333%
  }
}

.grid-item {
  float: left;
  border: 10px solid transparent;
  border-top: 0
}

@media only screen and (min-width:1101px) {
  .grid-item {
    border: 20px solid transparent;
    border-top: 0
  }
}

.avatar {
  text-align: center
}

.avatar input {
  display: none
}

@media only screen and (min-width:750px) {
  #profile-page {
    max-width: 800px;
    margin: auto
  }
}

.profile-image,
.profile-image span {
  display: block;
  text-align: center
}

.profile-image span {
  padding-top: 20px;
  text-transform: uppercase
}

.profile-image .bgi {
  margin: auto
}

.profile-image .bgi:after,
.profile-image .bgi:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: opacity .2s ease-in-out;
  z-index: 9
}

.profile-image .bgi:after {
  background: url(../img/ico/plus.svg) no-repeat 50% transparent;
  background-size: 60px 60px;
  z-index: 10
}

.profile-image:hover .bgi:before {
  opacity: .8
}

.profile-image:hover .bgi:after {
  opacity: 1
}

@media only screen and (min-width:750px) {
  .profile-image {
    float: left
  }

  .profile-image span {
    font-size: 20px
  }
}

#profile-logout {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px
}

#not-logged-in-modal .modal-content {
  background-color: #fff;
  padding: 20px
}

#not-logged-in-modal .btns {
  padding: 0;
  text-align: left
}

#not-logged-in-modal h3 {
  color: #172f57;
  margin-bottom: 10px;
  text-transform: none;
  font-size: 30px
}

#not-logged-in-modal h3:after {
  display: none
}

#not-logged-in-modal .modal-contents {
  padding: 20px 40px
}

.profile-details {
  padding-bottom: 20px
}

.profile-details .left-menu:first-child {
  padding-top: 0
}

.profile-details .left-menu .h4 {
  font-size: 20px;
  margin-bottom: 20px
}

@media only screen and (max-width:749px) {
  .profile-details .left-menu .h4 {
    padding-right: 30px
  }
}

.profile-details .left-menu ul li {
  margin-bottom: 15px
}

.profile-details .left-menu ul li a {
  padding-right: 30px;
  position: relative
}

@media only screen and (max-width:749px) {
  .profile-details {
    padding-top: 20px;
    text-align: center
  }

  .profile-details h1 {
    margin-top: 0;
    padding-bottom: 20px;
    padding: 0
  }

  .email {
    padding-top: 30px;
    padding-bottom: 20px
  }

  .email>strong {
    display: block;
    font-size: 20px
  }

  .news {
    text-align: left;
    padding-top: 20px
  }
}

@media only screen and (min-width:750px) {
  .profile-details {
    text-align: left
  }

  .email {
    padding-top: 60px;
    padding-bottom: 60px
  }
}

.top-section main.profile-head {
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
}

.top-section main.profile-head form {
  max-width: none
}

.top-section main.profile-head .contents h1 {
  font-size: 30px;
  display: block;
  margin-bottom: 20px;
  font-weight: 400;
  color: #fff;
}

@media only screen and (min-width:750px) {
  .top-section main.profile-head .contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .top-section main.profile-head .contents h1 {
    font-size: 45px
  }
}

#admin-table {
  width: 100%;
  margin-bottom: 30px
}

#admin-table tr {
  border-bottom: 1px solid #bbb;
  transition: background-color .2s ease-in-out
}

#admin-table tr:hover {
  background-color: #f3f3f3
}

#admin-table td,
#admin-table th {
  font-size: 15px;
  text-align: left;
  padding: 5px 10px 5px 0;
  vertical-align: top
}

#admin-table td {
  padding: 15px 10px 15px 0
}

#admin-table th {
  font-weight: 900
}

#admin-table img {
  max-width: 80px;
  height: auto
}

#admin-table .title {
  font-weight: 600
}

.existing-image {
  display: block;
  clear: both;
  padding-top: 10px
}

.existing-image strong {
  display: block;
  padding-bottom: 10px
}

.existing-image img {
  max-width: 200px;
  height: auto
}

#messages {
  display: block;
  clear: both
}

#messages div {
  clear: both;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600
}

#messages div.success {
  color: #50b4a0;
  border: 1px solid #50b4a0
}

#messages div.error {
  color: #c81428;
  border: 1px solid #c81428
}

#collections-modal .modal-content {
  background-color: #fff;
  padding: 20px;
  min-width: 320px
}

#collections-modal .btns .btn {
  width: 100%
}

#collections-modal .btns .btn+.btn {
  margin-left: 0
}

#collections-modal ul,
#collections-modal ul li {
  display: block
}

#collections-modal h3 {
  color: #172f57;
  margin-bottom: 10px;
  text-transform: none;
  font-size: 30px
}

#collections-modal h3:after {
  display: none
}

#collections-modal .modal-contents {
  padding: 20px 40px
}

#collections-modal #edit-collections-done,
#collections-modal .add-item,
#collections-modal .edit-items {
  display: none
}

#collections-modal .delete {
  display: none;
  margin-top: 10px
}

#collections-modal .delete a {
  color: #c81428
}

#collections-modal.in-admin #add-collection,
#collections-modal.in-admin #edit-collections {
  display: none !important
}

#collections-modal.add-new .add-item {
  display: block
}

#collections-modal.add-new .update-item {
  display: none
}

#collections-modal.add-new.exists .delete,
#collections-modal.add-new.exists .update-item {
  display: block
}

#collections-modal.add-new.exists .add-item,
#collections-modal.add-new .save-collections {
  display: none
}

#collections-modal.edit-items .edit-items {
  display: block !important
}

#collections-modal.edit-items #edit-collections,
#collections-modal.edit-items #edit-collections-done,
#collections-modal.edit-items .add-to-collections {
  display: none !important
}

#collections-modal.edit-items .update-item,
#collections-modal.editing #edit-collections {
  display: none
}

#collections-modal.editing .add-to-collections {
  opacity: 0;
  pointer-events: none
}

#collections-modal.editing #edit-collections-done {
  display: block
}

#collections-modal.editing .collections-list ul#collections li {
  cursor: ns-resize
}

#collections-modal.editing .collections-list ul#collections li span {
  right: 30px
}

#collections-modal.editing .collections-list ul#collections li .remove {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -4px;
  right: 0;
  cursor: pointer;
  z-index: 11;
  background: url(../img/ico/button-close-white.svg) no-repeat 100% transparent;
  background-size: contain
}

#collections-modal.editing .collections-list ul#collections li:after,
#collections-modal.editing .collections-list ul#collections li:before {
  content: "";
  position: absolute;
  background: url(../img/ico/icon_up_blue.svg) no-repeat 50% transparent;
  background-size: contain;
  transform: rotate(0deg);
  width: 10px;
  height: 8px;
  top: 2px;
  left: 4px;
  transition: none
}

#collections-modal.editing .collections-list ul#collections li:after {
  background: url(../img/ico/icon_up_blue.svg) no-repeat 50% transparent;
  background-size: contain;
  opacity: 1;
  transform: rotate(-180deg);
  top: 11px
}

#collections-modal.editing .collections-list ul#collections li a {
  cursor: ns-resize
}

#collections-modal.editing .collections-list ul#collections li a:after,
#collections-modal.editing .collections-list ul#collections li a:before {
  display: none
}

#collections-modal.editing .collections-list ul#collections li a strong {
  cursor: text;
  padding-right: 20px
}

@media only screen and (min-width:750px) {
  #collections-modal .modal-content {
    min-width: 500px
  }
}

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

.collections-list {
  padding-top: 25px
}

.collections-list ul {
  max-height: 60vh;
  overflow: auto
}

.collections-list ul li {
  margin-bottom: 5px;
  font-weight: 500;
  position: relative
}

.collections-list ul li .remove {
  display: none
}

.collections-list ul li span {
  color: #aab4be;
  position: absolute;
  right: 10px;
  top: 0
}

.collections-list ul li a {
  color: #172f57;
  text-decoration: none;
  display: block;
  position: relative;
  padding-left: 40px;
  padding-right: 60px;
  min-height: 30px
}

.collections-list ul li a strong {
  font-weight: 400;
  display: inline-block;
  min-width: 20px;
  max-width: 280px
}

.collections-list ul li a:after,
.collections-list ul li a:before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  left: -3px;
  top: -1px;
  background: url(../img/ico/plus.svg) no-repeat 50% transparent;
  background-size: 25px 25px;
  z-index: 9;
  transform: rotate(0deg);
  opacity: 1;
  transition: transform .2s ease-in-out
}

.collections-list ul li a:after {
  background: url(../img/ico/plus-red.svg) no-repeat 50% transparent;
  background-size: 25px 25px;
  z-index: 11;
  opacity: 0
}

.collections-list ul li.action a {
  font-weight: 900
}

.collections-list ul li.action a:after,
.collections-list ul li.action a:before {
  display: none
}

.collections-list ul li.selected a,
.collections-list ul li:hover a {
  color: #c81428
}

.collections-list ul li.selected a:after,
.collections-list ul li:hover a:after {
  opacity: 1
}

.collections-list ul li.selected a:after,
.collections-list ul li.selected a:before {
  transform: rotate(45deg)
}

.collections-list .h4 {
  margin-bottom: 20px
}

.collections-list .h4:before {
  transform: rotate(180deg);
  right: 5px
}

.colletions-list {
  padding-top: 20px;
  clear: both
}

.colletions-list .actions {
  position: absolute;
  top: 10px;
  right: 10px;
}

#cboxOverlay,
#cboxWrapper,
#colorbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden
}

#cboxWrapper {
  max-width: none
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%
}

#cboxBottomLeft,
#cboxMiddleLeft {
  clear: left
}

#cboxContent {
  position: relative
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

#cboxTitle {
  margin: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
  cursor: pointer
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box
}

#cboxOverlay {
  background: rgba(52, 52, 52, .7);
  opacity: .9
}

#colorbox {
  outline: 0
}

#cboxContent {
  margin-top: 0
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc
}

#cboxCurrent,
#cboxTitle {
  display: none
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none
}

#cboxClose.nice-select.open,
#cboxClose:active,
#cboxNext.nice-select.open,
#cboxNext:active,
#cboxPrevious.nice-select.open,
#cboxPrevious:active,
#cboxSlideshow.nice-select.open,
#cboxSlideshow:active {
  outline: 0
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff
}

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -32px;
  background: url(../svg/Icon-Chevron-Right-White-2px-58x30.svg) no-repeat 50% transparent;
  transform: rotate(180deg);
  width: 40px;
  height: 65px;
  text-indent: -9999px
}

#cboxPrevious:hover {
  background-position: 50%
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -32px;
  background: url(../svg/Icon-Chevron-Right-White-2px-58x30.svg) no-repeat 50% transparent;
  width: 40px;
  height: 65px;
  text-indent: -9999px
}

#cboxNext:hover {
  background-position: 50%
}

#cboxClose {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  background: url(../svg/Icon-X-White-10x.svg) no-repeat 50% transparent;
  background-size: 21px 21px;
  width: 32px;
  height: 32px;
  text-indent: -9999px
}

#cboxClose:hover {
  background-position: 50%
}

#colorbox.vid #cboxClose {
  position: absolute;
  top: 10px;
  right: 10px
}

#colorbox.vid #cboxLoadedContent {
  border: 40px solid #000;
  background: #000
}

#cboxOverlay.vid {
  background: #000;
  opacity: .7
}

#colorbox.vid #cboxPrevious {
  left: 5px;
  display: none
}

#colorbox.vid #cboxNext {
  right: 5px;
  display: none
}

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid #bbb;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  height: 44px;
  line-height: 42px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all .2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto
}

.nice-select:hover {
  border-color: #aeaeae
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #bbbec5
}

.nice-select:after {
  content: "";
  display: block;
  height: 8px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: rotate(0deg);
  transition: all .15s ease-in-out;
  width: 12px;
  background: url(../img/ico/down-arrow-blue.svg) no-repeat 50% transparent
}

.nice-select:before {
  content: ""
}

.nice-select:before,
.nice-select:hover:after {
  background: url(../img/ico/down-arrow-hover.svg) no-repeat 50% transparent
}

.nice-select.open:after {
  transform: rotate(-180deg)
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  max-height: 250px;
  overflow: auto
}

.nice-select.disabled {
  border-color: silver;
  color: #bbbec5;
  pointer-events: none
}

.nice-select.disabled:after {
  border-color: #f2f3f4
}

.nice-select.wide {
  width: 100%
}

.nice-select.right {
  float: right
}

.nice-select.right .list {
  left: auto;
  right: 0
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px
}

.nice-select.small:after {
  height: 4px;
  width: 4px
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px
}

.nice-select .list {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(55, 69, 74, .11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
  z-index: 109;
  left: 0 !important;
  right: 0 !important
}

.nice-select .list:hover .option:not(:hover) {
  background-color: #fff !important;
  color: #072a3e !important
}

.nice-select .optgroup .option {
  padding-left: 36px
}

.nice-select .optgroup .label {
  padding-left: 18px;
  cursor: text
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 42px;
  list-style: none;
  min-height: 42px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all .2s
}

.nice-select .option.focus,
.nice-select .option:hover {
  background-color: #072a3e;
  color: #fff
}

.nice-select .option.selected {
  background-color: #072a3e !important;
  color: #fff !important
}

.nice-select .option.selected:hover {
  color: #fff;
  background-color: #072a3e
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #bbbec5;
  cursor: default
}

.no-csspointerevents .nice-select .list {
  display: none
}

.no-csspointerevents .nice-select.open .list {
  display: block
}

.nosvg .nice-select:after {
  background: url(../img/ico/down-arrow-blue.png) no-repeat 50% transparent
}

.nosvg .nice-select:before,
.nosvg .nice-select:hover:after {
  background: url(../img/ico/down-arrow-hover.png) no-repeat 50% transparent
}

/*!
 * Datepicker v0.6.4
 * https://github.com/fengyuanchen/datepicker
 *
 * Copyright (c) 2014-2017 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2017-11-24T14:38:19.628Z
 */
.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 16px;
  left: 0;
  line-height: 40px;
  position: fixed;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 280px;
  z-index: -1;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  font-family: Lucida Console, Courier, monospace
}

@media only screen and (min-width:750px) {
  .datepicker-container {
    line-height: 40px;
    width: 350px;
    font-size: 16px
  }
}

.datepicker-container:after,
.datepicker-container:before {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

.datepicker-dropdown {
  border: 1px solid #ccc;
  box-shadow: 0 3px 6px #ccc;
  box-sizing: content-box;
  position: absolute;
  z-index: 1
}

.datepicker-inline {
  position: static
}

.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #eb0027
}

.datepicker-top-left:after,
.datepicker-top-left:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
  border-top: 0;
  left: 10px;
  top: -5px
}

.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: #eb0027
}

.datepicker-top-left:after,
.datepicker-top-right:after {
  border-bottom-color: #fff;
  top: -4px
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #eb0027
}

.datepicker-bottom-left:after,
.datepicker-bottom-left:before,
.datepicker-bottom-right:after,
.datepicker-bottom-right:before {
  border-bottom: 0;
  bottom: -5px;
  left: 10px
}

.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
  border-top-color: #eb0027
}

.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
  border-top-color: #fff;
  bottom: -4px
}

.datepicker-bottom-right:after,
.datepicker-bottom-right:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
  left: auto;
  right: 10px
}

.datepicker-panel>ul {
  margin: 0;
  padding: 0;
  width: 100%
}

.datepicker-panel>ul:after,
.datepicker-panel>ul:before {
  content: " ";
  display: table
}

.datepicker-panel>ul:after {
  clear: both
}

.datepicker-panel>ul>li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 40px
}

@media only screen and (min-width:750px) {
  .datepicker-panel>ul>li {
    width: 50px;
    height: 40px
  }
}

.datepicker-panel>ul>li:hover {
  background-color: rgba(235, 0, 39, .2)
}

.datepicker-panel>ul>li.muted,
.datepicker-panel>ul>li.muted:hover {
  color: #999
}

.datepicker-panel>ul>li.highlighted {
  background-color: rgba(235, 0, 39, .2)
}

.datepicker-panel>ul>li.highlighted:hover {
  background-color: rgba(235, 0, 39, .3)
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
  color: #eb0027
}

.datepicker-panel>ul>li.disabled,
.datepicker-panel>ul>li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default
}

.datepicker-panel>ul>li.disabled.highlighted,
.datepicker-panel>ul>li.disabled:hover.highlighted {
  background-color: rgba(235, 0, 39, .2)
}

.datepicker-panel>ul>li[data-view="month next"],
.datepicker-panel>ul>li[data-view="month prev"],
.datepicker-panel>ul>li[data-view="year next"],
.datepicker-panel>ul>li[data-view="year prev"],
.datepicker-panel>ul>li[data-view="years next"],
.datepicker-panel>ul>li[data-view="years prev"],
.datepicker-panel>ul>li[data-view=next] {
  font-size: 18px
}

.datepicker-panel>ul>li[data-view="month current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="years current"] {
  width: 200px
}

@media only screen and (min-width:750px) {

  .datepicker-panel>ul>li[data-view="month current"],
  .datepicker-panel>ul>li[data-view="year current"],
  .datepicker-panel>ul>li[data-view="years current"] {
    width: 250px
  }
}

.datepicker-panel>ul[data-view=months]>li,
.datepicker-panel>ul[data-view=years]>li {
  height: 52.5px;
  line-height: 52.5px;
  width: 25%
}

@media only screen and (min-width:750px) {

  .datepicker-panel>ul[data-view=months]>li,
  .datepicker-panel>ul[data-view=years]>li {
    height: 70px;
    line-height: 70px
  }
}

.datepicker-panel>ul[data-view=week]>li,
.datepicker-panel>ul[data-view=week]>li:hover {
  background-color: #fff;
  cursor: default
}

.datepicker-hide {
  display: none
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  opacity: 0;
  height: 6px;
  bottom: 0
}

.ps__rail-x,
.ps__rail-y {
  display: none;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  position: absolute
}

.ps__rail-y {
  opacity: .5;
  width: 6px;
  right: 0
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display: block;
  background-color: #c81428
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
  opacity: 1
}

.ps__rail-x:focus,
.ps__rail-x:hover,
.ps__rail-y:focus,
.ps__rail-y:hover {
  background-color: #c81428;
  opacity: 1
}

.ps__thumb-x {
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px
}

.ps__thumb-x,
.ps__thumb-y {
  background-color: #af0824;
  border-radius: 6px;
  position: absolute
}

.ps__thumb-y {
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 0;
  cursor: pointer
}

.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
  background-color: #af0824;
  height: 6px
}

.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
  background-color: #af0824;
  width: 6px
}

@supports (-ms-overflow-style:none) {
  .ps {
    overflow: auto !important
  }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
  .ps {
    overflow: auto !important
  }
}

.banners .banner-wrap {
  position: relative
}

@media only screen and (min-width:1101px) {
  .banners {
    display: block
  }
}

.banner-wrap {
  max-width: 340px;
  margin: auto;
  padding: 40px 20px
}

@media only screen and (min-width:1101px) {
  .banner-wrap {
    padding: 0
  }
}

.banner.logo {
  display: block;
  text-align: center
}

.banner.logo img,
.banner.logo object {
  max-width: 90%;
  max-height: 300px;
  height: auto;
  margin: auto
}

.banner.logo+p {
  margin-top: 20px
}

.fancy {
  opacity: 0
}

.fancy.animate {
  transition: opacity 1s ease-in
}

.fancy.animate.a1,
.fancy.animate.a2,
.fancy.animate.a3,
.fancy.animate.a4,
.fancy.animate.a5,
.fancy.animate.a6,
.fancy.animate.a7,
.fancy.animate.a8 {
  transition: opacity 1s ease-in;
  animation: d .5s ease-out forwards;
  animation-delay: 0s
}

.fancy.animate.a2 {
  animation-delay: .3s
}

.fancy.animate.a3 {
  animation-delay: .6s
}

.fancy.animate.a4 {
  animation-delay: .9s
}

.fancy.animate.a5 {
  animation-delay: 1.2s
}

.fancy.animate.a6 {
  animation-delay: 1.5s
}

.fancy.animate.a7 {
  animation-delay: 1.8s
}

.fancy.animate.a8 {
  animation-delay: 2.1s
}

.fancy.animate.a9 {
  animation-delay: 2.4s
}

.fancy.animate.ab {
  opacity: 0;
  transform: translateY(280px);
  transition: opacity .4s ease-in;
  animation: c .6s ease-out forwards;
  animation-delay: .3s
}

.fancy.animate.text-fade {
  transition: opacity 1s ease-in;
  animation: d 1s ease-out forwards;
  animation-delay: .1s
}

.shown {
  transform: translateX(0);
  transform: translateY(0);
  animation: none
}

@keyframes c {
  to {
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes d {
  to {
    opacity: 1
  }
}

@media print {

  footer,
  header {
    display: none
  }
}

.serif {
  font-family: Merriweather, Times, Times New Roman, Georgia, serif;
}

.author-with-actions {
  position: relative;
}

.author-with-actions .author {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 80px 0 0;
}

.author-with-actions .rounded {
  width: 60px;
  height: 60px;
  min-height: 60px;
}

.author-info strong {
  display: block;
  font-family: Rajdhani, sans-serif;
  line-height: normal;
  font-weight: 700;
  color: #c81428;
}

.author-info {
  flex-grow: 1;
  margin: 0;
  width: 100%;
}

.author-info .info-line {
  margin: 0;
  width: 100%;
}

.author-info .info-line li {
  max-width: 50%;
  flex-grow: 1;
}

.article-excerpt {
  font-weight: 700;
  display: block;
  margin: 30px 0 0 0;
}

.inpage-video {
  position: relative;
  overflow: hidden;
  border-radius: 9px;
  margin-bottom: 40px;
}

.inpage-video video {
  position: relative;
  z-index: 1;
  display: block;
  width: calc(100% + 4px);
  left: -2px;
  top: -1px;
  margin-top: -1px;
  margin-bottom: -1px;
  height: auto;
}

.duration {
  position: absolute;
  z-index: 5;
  bottom: 20px;
  left: 20px;
  border-radius: 4px;
  background: #fff;
  padding: 4px 8px;
  font-weight: 700;
  display: block;
}

.play-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: url(../img/ico/ico-play.svg) no-repeat center center transparent;
  background-size: contain;
  z-index: 9;
  font-family: Rajdhani, sans-serif;
}

.play-video {
  cursor: pointer;
}


.articles-list .img .play-icon {
  width: 60px;
  height: 60px;
}

.articles-list .duration {
  bottom: 10px;
  left: 10px;
}


.payment {
  margin-bottom: 40px;

}

.payment .btn {
  font-weight: 900;
  color: #fff;
}

.payment form {
  max-width: none;
}

.hp-cols {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.hp-right {
  border-top: 3px solid #d2d7dc;
  padding-top: 20px;
}

.hp-left {
  border-top: 3px solid #d2d7dc;
  padding-top: 20px;
}

@media only screen and (min-width:768px) {

  .hp-left,
  .hp-right {
    padding-top: 40px;
  }
}

.hp-right .info-line {
  margin: 0;
}

.hp-left .articles-list.rows>ul>li {
  padding-left: 0;
}

.related .articles-list.rows>ul>li {
  padding-left: 0;
}


.hp-bottom .articles-list.rows>ul>li {
  padding-left: 0;
}

.actual-wrap {}

.hp-actual {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  position: relative;
  top: -5px;
}

.hp-actual>li {
  border-bottom: 1px solid #d2d7dc;
  padding-bottom: 20px;
}

.hp-actual>li:last-child {
  border-bottom: none;
}

.hp-actual a {
  color: #172f57;
  display: block;
  font-weight: 900;
}

.main-article-section {
  padding-top: 0;
  padding-bottom: 0;
}

.articles-section {
  padding-top: 40px;
}

.main-article-wrap {
  border-top: 3px solid #d2d7dc;
  padding-top: 40px;
}

.mat {
  font-weight: 900;
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
  font-family: Rajdhani, sans-serif;
}

.main-article {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #172f57;
}

.main-article:hover {
  color: #172f57;
}

.main-article .img {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.main-article .info-line-actions {
  margin: 10px 0px 20px 0px;
}

.main-article .bgi {
  height: 100%;
  min-height: 200px;
}

.main-article .txt {
  font-family: Merriweather, Times, Times New Roman, Georgia, serif;
}

.main-article .info-line {
  color: #c81428;
}

.main-article:hover .img .bgi {
  transform: scale(1.1)
}

.main-article:hover .txt>strong {
  color: #c81428
}

.main-article .img .bgi {
  transition: all .4s ease;
  transform: scale(1);
  height: 100%
}

@media only screen and (min-width:768px) {


  .main-article {
    flex-direction: row;
    gap: 40px;
  }

  .main-article .img {
    width: 50%;
  }

  .main-article .txt {
    width: 50%;
  }

  .mat {
    font-size: 25px;
  }
}

@media only screen and (min-width:1101px) {
  .hp-cols {
    flex-direction: row;
    gap: 80px;
  }

  .main-article .bgi {
    min-height: 300px;
  }

  .mat {
    font-size: 35px;
  }

  .hp-right {
    width: 35%;
  }

  .hp-left {
    width: 65%;
  }

}

.banner-row {
  padding-top: 20px;
  padding-bottom: 20px;
}

.headline-text-sort {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 0 0 20px 0px;
  align-items: flex-start;
}

.headline-text h1 {
  margin: 0;
}

.headline-text .text-content {
  padding-top: 30px;

}

.headline-text {
  display: flex;
  width: 100%;
  flex-direction: column;
  border-top: 3px solid #d2d7dc;
  padding: 20px 0px;
}

.headline-sort {
  padding: 20px 0px 10px 0px;
}

.headline-sort .inline-menu {
  padding: 0;
}

@media only screen and (min-width:1101px) {
  .col_2_3 .headline-text-sort {
    padding-left: 40px;
  }

  .headline-sort {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.serif.smaller+.actions {
  position: relative;
  margin-top: -20px;
}

.serif.smaller+.actions+.readable {
  padding-top: 20px;
}

.top-section.profile {
  background: url("../img/article.jpg") no-repeat 50% 50% transparent;
  background-size: cover;
}

#menus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1600px;
}

header .triggers {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}

header #logo {
  position: absolute;
  left: 0;
}

.user-btns {
  display: none;
}

@media only screen and (min-width:1201px) {

  #menus {}


  .user-btns {
    display: flex;
    align-items: center;
  }

  .user-btns li {
    display: block;
    position: relative;
    padding: 0 5px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    width: 110px;
  }

  .user-btns li+li {
    width: 100px;
  }


  .user-btns li a:hover {
    font-weight: 900;
  }

  .user-btns li+li:before {
    content: "|";
    color: #9195a4;
    position: absolute;
    top: -3px;
    left: -5px;
    font-size: 22px
  }

  .user-btns .open-registration {
    color: #ffffff;
  }

  .user-btns .open-login {
    color: #d7ae79;
  }

}

.h-link {
  cursor: pointer;
  color: #b29166;
  text-decoration: underline;
}

.h-link:hover {
  text-decoration: none;
}