@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
@font-face {
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif  ;
	src: url('../fonts/OpenSans-Light.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans-Semibold.ttf');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans-LightItalic.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans-SemiboldItalic.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
	src: url('../fonts/RobotoSlab-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotaSlab' ;
	src: url('../fonts/RobotoSlab-Bold.ttf');
	font-weight: bold;
	font-style: normal;
}

::-webkit-scrollbar-track {
  border-radius: 3px;
  /* // background-color: #524f4f; */
  background-color: #516575;
}

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  /* // background-color: #9c9797; */
  /* background-color: #f56a6a; */
  background-color: #334049;
}

::-webkit-scrollbar {
  width: 3px;
}

/*
	Editorial by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {

  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; 
	zoom: 100%;
}

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

body {
  line-height: 1;
}
body.lock {
	overflow: hidden;
}



ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

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

body {
  -webkit-text-size-adjust: none; }

mark {
  background-color: transparent;
  color: inherit; }

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

input, select, textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none; }


/* Basic */
@-ms-viewport {
  width: device-width; }

body {
  -ms-overflow-style: scrollbar; }

@media screen and (max-width: 480px) {
  html, body {
    min-width: 320px; } }

html {
  box-sizing: border-box; }

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

body {
  background: #ffffff; }
  body.is-preload *, body.is-preload *:before, body.is-preload *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after {
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -ms-transition: none !important;
    transition: none !important; }

/* Type */
body, input, select, textarea {
  color: #96a3ad;
  /* color: #7f888f; */
  font-family: "Open Sans", sans-serif;
  font-size: 13pt;
  font-weight: 400;
  line-height: 1.65; }
  @media screen and (max-width: 2380px) {
    body, input, select, textarea {
      font-size: 11pt; } }
  @media screen and (max-width: 1680px) {
    body, input, select, textarea {
      font-size: 10pt; } }
  @media screen and (max-width: 460px) {
    body, input, select, textarea {
      font-size: 9pt; } }

a {
  -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  
  color: #f56a6a;
  text-decoration: none }
  a:hover {
    border-bottom-color: #f56a6a;
    color: #f56a6a !important; }
    a:hover strong {
      color: inherit; 
		}

strong, b {
  color: #3d4449;
  font-weight: 600; }

em, i {
  font-style: italic; }

p {
  margin: 0 0 0.125em 0; }

h1, h2, h3, h4, h5, h6 {
  color: #3d4449;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 1em 0;
	text-wrap: balance;
}
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
    border-bottom: 0; }

h1 {
  font-size: 3.3em;
  margin: 0 0 0.5em 0;
  line-height: 1.3; }

h2 {
  font-size: 1.75em; }

h3 {
  font-size: 1.25em; }

h4 {
  font-size: 1.1em; }

h5 {
  font-size: 0.9em; }

h6 {
  font-size: 0.7em; }

@media screen and (max-width: 1680px) {
  h1 {
    font-size: 2.74em; } }

@media screen and (max-width: 980px) {
  h1 {
    font-size: 2.18em; } }

@media screen and (max-width: 736px) {
  h1 {
    font-size: 2.0em;
    line-height: 1.4; }
  h2 {
    font-size: 1.5em; } }

@media screen and (max-width: 400px) {
  h1 {
    font-size: 1.95em; } }

sub {
  font-size: 0.8em;
  position: relative;
  top: 0.5em; }

sup {
  font-size: 0.8em;
  position: relative;
  top: -0.5em; }

blockquote {
  border-left: solid 3px rgba(210, 215, 217, 0.75);
  font-style: italic;
  margin: 0 0 2em 0;
  padding: 0.5em 0 0.5em 2em; }

code {
  background: rgba(230, 235, 237, 0.25);
  border-radius: 0.375em;
  border: solid 1px rgba(210, 215, 217, 0.75);
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  margin: 0 0.25em;
  padding: 0.25em 0.65em; }

pre {
  -webkit-overflow-scrolling: touch;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  margin: 0 0 2em 0; }
  pre code {
    display: block;
    line-height: 1.75;
    padding: 1em 1.5em;
    overflow-x: auto; }

hr {
  border: 0;
  border-bottom: solid 1px rgba(210, 215, 217, 0.75);
  margin: 2em 0; }
  hr.major {
    margin: 3em 0; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

/* Row */
.row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: stretch; }
  .row > * {
    box-sizing: border-box; }
  .row.gtr-uniform > * > :last-child {
    margin-bottom: 0; }
  .row.aln-left {
    justify-content: flex-start; }
  .row.aln-center {
    justify-content: center; }
  .row.aln-right {
    justify-content: flex-end; }
  .row.aln-top {
    align-items: flex-start; }
  .row.aln-middle {
    align-items: center; }
  .row.aln-bottom {
    align-items: flex-end; }
  .row > .imp {
    order: -1; }
  .row > .col-1 {
    width: 8.33333%; }
  .row > .off-1 {
    margin-left: 8.33333%; }
  .row > .col-2 {
    width: 16.66667%; }
  .row > .off-2 {
    margin-left: 16.66667%; }
  .row > .col-3 {
    width: 25%; }
  .row > .off-3 {
    margin-left: 25%; }
  .row > .col-4 {
    width: 33.33333%; }
  .row > .off-4 {
    margin-left: 33.33333%; }
  .row > .col-5 {
    width: 41.66667%; }
  .row > .off-5 {
    margin-left: 41.66667%; }
  .row > .col-6 {
    width: 50%; }
  .row > .off-6 {
    margin-left: 50%; }
  .row > .col-7 {
    width: 58.33333%; }
  .row > .off-7 {
    margin-left: 58.33333%; }
  .row > .col-8 {
    width: 66.66667%; }
  .row > .off-8 {
    margin-left: 66.66667%; }
  .row > .col-9 {
    width: 75%; }
  .row > .off-9 {
    margin-left: 75%; }
  .row > .col-10 {
    width: 83.33333%; }
  .row > .off-10 {
    margin-left: 83.33333%; }
  .row > .col-11 {
    width: 91.66667%; }
  .row > .off-11 {
    margin-left: 91.66667%; }
  .row > .col-12 {
    width: 100%; }
  .row > .off-12 {
    margin-left: 100%; }
  .row.gtr-0 {
    margin-top: 0;
    margin-left: 0em; }
    .row.gtr-0 > * {
      padding: 0 0 0 0em; }
    .row.gtr-0.gtr-uniform {
      margin-top: 0em; }
      .row.gtr-0.gtr-uniform > * {
        padding-top: 0em; }
  .row.gtr-25 {
    margin-top: 0;
    margin-left: -0.375em; }
    .row.gtr-25 > * {
      padding: 0 0 0 0.375em; }
    .row.gtr-25.gtr-uniform {
      margin-top: -0.375em; }
      .row.gtr-25.gtr-uniform > * {
        padding-top: 0.375em; }
  .row.gtr-50 {
    margin-top: 0;
    margin-left: -0.75em; }
    .row.gtr-50 > * {
      padding: 0 0 0 0.75em; }
    .row.gtr-50.gtr-uniform {
      margin-top: -0.75em; }
      .row.gtr-50.gtr-uniform > * {
        padding-top: 0.75em; }
  .row {
    margin-top: 0;
    margin-left: -1.5em; }
    .row > * {
      padding: 0 0 0 1.5em; }
    .row.gtr-uniform {
      margin-top: -1.5em; }
      .row.gtr-uniform > * {
        padding-top: 1.5em; }
  .row.gtr-150 {
    margin-top: 0;
    margin-left: -2.25em; }
    .row.gtr-150 > * {
      padding: 0 0 0 2.25em; }
    .row.gtr-150.gtr-uniform {
      margin-top: -2.25em; }
      .row.gtr-150.gtr-uniform > * {
        padding-top: 2.25em; }
  .row.gtr-200 {
    margin-top: 0;
    margin-left: -3em; }
    .row.gtr-200 > * {
      padding: 0 0 0 3em; }
    .row.gtr-200.gtr-uniform {
      margin-top: -3em; }
      .row.gtr-200.gtr-uniform > * {
        padding-top: 3em; }
  @media screen and (max-width: 1680px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-xlarge {
        order: -1; }
      .row > .col-1-xlarge {
        width: 8.33333%; }
      .row > .off-1-xlarge {
        margin-left: 8.33333%; }
      .row > .col-2-xlarge {
        width: 16.66667%; }
      .row > .off-2-xlarge {
        margin-left: 16.66667%; }
      .row > .col-3-xlarge {
        width: 25%; }
      .row > .off-3-xlarge {
        margin-left: 25%; }
      .row > .col-4-xlarge {
        width: 33.33333%; }
      .row > .off-4-xlarge {
        margin-left: 33.33333%; }
      .row > .col-5-xlarge {
        width: 41.66667%; }
      .row > .off-5-xlarge {
        margin-left: 41.66667%; }
      .row > .col-6-xlarge {
        width: 50%; }
      .row > .off-6-xlarge {
        margin-left: 50%; }
      .row > .col-7-xlarge {
        width: 58.33333%; }
      .row > .off-7-xlarge {
        margin-left: 58.33333%; }
      .row > .col-8-xlarge {
        width: 66.66667%; }
      .row > .off-8-xlarge {
        margin-left: 66.66667%; }
      .row > .col-9-xlarge {
        width: 75%; }
      .row > .off-9-xlarge {
        margin-left: 75%; }
      .row > .col-10-xlarge {
        width: 83.33333%; }
      .row > .off-10-xlarge {
        margin-left: 83.33333%; }
      .row > .col-11-xlarge {
        width: 91.66667%; }
      .row > .off-11-xlarge {
        margin-left: 91.66667%; }
      .row > .col-12-xlarge {
        width: 100%; }
      .row > .off-12-xlarge {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }
  @media screen and (max-width: 1280px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-large {
        order: -1; }
      .row > .col-1-large {
        width: 8.33333%; }
      .row > .off-1-large {
        margin-left: 8.33333%; }
      .row > .col-2-large {
        width: 16.66667%; }
      .row > .off-2-large {
        margin-left: 16.66667%; }
      .row > .col-3-large {
        width: 25%; }
      .row > .off-3-large {
        margin-left: 25%; }
      .row > .col-4-large {
        width: 33.33333%; }
      .row > .off-4-large {
        margin-left: 33.33333%; }
      .row > .col-5-large {
        width: 41.66667%; }
      .row > .off-5-large {
        margin-left: 41.66667%; }
      .row > .col-6-large {
        width: 50%; }
      .row > .off-6-large {
        margin-left: 50%; }
      .row > .col-7-large {
        width: 58.33333%; }
      .row > .off-7-large {
        margin-left: 58.33333%; }
      .row > .col-8-large {
        width: 66.66667%; }
      .row > .off-8-large {
        margin-left: 66.66667%; }
      .row > .col-9-large {
        width: 75%; }
      .row > .off-9-large {
        margin-left: 75%; }
      .row > .col-10-large {
        width: 83.33333%; }
      .row > .off-10-large {
        margin-left: 83.33333%; }
      .row > .col-11-large {
        width: 91.66667%; }
      .row > .off-11-large {
        margin-left: 91.66667%; }
      .row > .col-12-large {
        width: 100%; }
      .row > .off-12-large {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }
  @media screen and (max-width: 980px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-medium {
        order: -1; }
      .row > .col-1-medium {
        width: 8.33333%; }
      .row > .off-1-medium {
        margin-left: 8.33333%; }
      .row > .col-2-medium {
        width: 16.66667%; }
      .row > .off-2-medium {
        margin-left: 16.66667%; }
      .row > .col-3-medium {
        width: 25%; }
      .row > .off-3-medium {
        margin-left: 25%; }
      .row > .col-4-medium {
        width: 33.33333%; }
      .row > .off-4-medium {
        margin-left: 33.33333%; }
      .row > .col-5-medium {
        width: 41.66667%; }
      .row > .off-5-medium {
        margin-left: 41.66667%; }
      .row > .col-6-medium {
        width: 50%; }
      .row > .off-6-medium {
        margin-left: 50%; }
      .row > .col-7-medium {
        width: 58.33333%; }
      .row > .off-7-medium {
        margin-left: 58.33333%; }
      .row > .col-8-medium {
        width: 66.66667%; }
      .row > .off-8-medium {
        margin-left: 66.66667%; }
      .row > .col-9-medium {
        width: 75%; }
      .row > .off-9-medium {
        margin-left: 75%; }
      .row > .col-10-medium {
        width: 83.33333%; }
      .row > .off-10-medium {
        margin-left: 83.33333%; }
      .row > .col-11-medium {
        width: 91.66667%; }
      .row > .off-11-medium {
        margin-left: 91.66667%; }
      .row > .col-12-medium {
        width: 100%; }
      .row > .off-12-medium {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }
  @media screen and (max-width: 736px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-small {
        order: -1; }
      .row > .col-1-small {
        width: 8.33333%; }
      .row > .off-1-small {
        margin-left: 8.33333%; }
      .row > .col-2-small {
        width: 16.66667%; }
      .row > .off-2-small {
        margin-left: 16.66667%; }
      .row > .col-3-small {
        width: 25%; }
      .row > .off-3-small {
        margin-left: 25%; }
      .row > .col-4-small {
        width: 33.33333%; }
      .row > .off-4-small {
        margin-left: 33.33333%; }
      .row > .col-5-small {
        width: 41.66667%; }
      .row > .off-5-small {
        margin-left: 41.66667%; }
      .row > .col-6-small {
        width: 50%; }
      .row > .off-6-small {
        margin-left: 50%; }
      .row > .col-7-small {
        width: 58.33333%; }
      .row > .off-7-small {
        margin-left: 58.33333%; }
      .row > .col-8-small {
        width: 66.66667%; }
      .row > .off-8-small {
        margin-left: 66.66667%; }
      .row > .col-9-small {
        width: 75%; }
      .row > .off-9-small {
        margin-left: 75%; }
      .row > .col-10-small {
        width: 83.33333%; }
      .row > .off-10-small {
        margin-left: 83.33333%; }
      .row > .col-11-small {
        width: 91.66667%; }
      .row > .off-11-small {
        margin-left: 91.66667%; }
      .row > .col-12-small {
        width: 100%; }
      .row > .off-12-small {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }
  @media screen and (max-width: 480px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-xsmall {
        order: -1; }
      .row > .col-1-xsmall {
        width: 8.33333%; }
      .row > .off-1-xsmall {
        margin-left: 8.33333%; }
      .row > .col-2-xsmall {
        width: 16.66667%; }
      .row > .off-2-xsmall {
        margin-left: 16.66667%; }
      .row > .col-3-xsmall {
        width: 25%; }
      .row > .off-3-xsmall {
        margin-left: 25%; }
      .row > .col-4-xsmall {
        width: 33.33333%; }
      .row > .off-4-xsmall {
        margin-left: 33.33333%; }
      .row > .col-5-xsmall {
        width: 41.66667%; }
      .row > .off-5-xsmall {
        margin-left: 41.66667%; }
      .row > .col-6-xsmall {
        width: 50%; }
      .row > .off-6-xsmall {
        margin-left: 50%; }
      .row > .col-7-xsmall {
        width: 58.33333%; }
      .row > .off-7-xsmall {
        margin-left: 58.33333%; }
      .row > .col-8-xsmall {
        width: 66.66667%; }
      .row > .off-8-xsmall {
        margin-left: 66.66667%; }
      .row > .col-9-xsmall {
        width: 75%; }
      .row > .off-9-xsmall {
        margin-left: 75%; }
      .row > .col-10-xsmall {
        width: 83.33333%; }
      .row > .off-10-xsmall {
        margin-left: 83.33333%; }
      .row > .col-11-xsmall {
        width: 91.66667%; }
      .row > .off-11-xsmall {
        margin-left: 91.66667%; }
      .row > .col-12-xsmall {
        width: 100%; }
      .row > .off-12-xsmall {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }

/* Section/Article */
section.special, article.special {
  text-align: center; }

header p {
  font-family: "Roboto Slab", serif;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-top: -0.5em;
  text-transform: uppercase; }

header.major > :last-child {
  border-bottom: solid 3px #f56a6a;
  display: inline-block;
  margin: 0 0 2em 0;
  padding: 0 0.75em 0.5em 0; }

header.main > :last-child {
  margin: 0 0 1em 0; }

/* Form */
form {
  margin: 0 0 2em 0; }

label {
  color: #3d4449;
  display: block;
  font-size: 0.9em;
  font-weight: 600;
  margin: 0 0 1em 0; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: #ffffff;
  border-radius: 0.375em;
  border: none;
  border: solid 1px rgba(210, 215, 217, 0.75);
  color: inherit;
  display: block;
  outline: 0;
  padding: 0 1em;
  text-decoration: none;
  width: 100%; }
  input[type="text"]:invalid,
  input[type="password"]:invalid,
  input[type="email"]:invalid,
  input[type="tel"]:invalid,
  input[type="search"]:invalid,
  input[type="url"]:invalid,
  select:invalid,
  textarea:invalid {
    box-shadow: none; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="search"]:focus,
  input[type="url"]:focus,
  select:focus,
  textarea:focus {
    border-color: #f56a6a;
    box-shadow: 0 0 0 1px #f56a6a; }

select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(210, 215, 217, 0.75)' /%3E%3C/svg%3E");
  background-size: 1.25em;
  background-repeat: no-repeat;
  background-position: calc(100% - 1em) center;
  height: 2.75em;
  padding-right: 2.75em;
  text-overflow: ellipsis; }
  select option {
    color: #3d4449;
    background: #ffffff; }
  select:focus::-ms-value {
    background-color: transparent; }
  select::-ms-expand {
    display: none; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select {
  height: 2.75em; }

textarea {
  padding: 0.75em 1em; }

/* input[type="checkbox"],
input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: block;
  float: left;
  margin-right: -2em;
  opacity: 0;
  width: 1em;
  z-index: -1; } */
  /* input[type="checkbox"] + label,
  input[type="radio"] + label {
    text-decoration: none;
    color: #7f888f;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    padding-left: 2.4em;
    padding-right: 0.75em;
    position: relative; } */
    /* input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      text-transform: none !important;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900; } */
    /* input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      background: #ffffff;
      border-radius: 0.375em;
      border: solid 1px rgba(210, 215, 217, 0.75);
      content: '';
      display: inline-block;
      font-size: 0.8em;
      height: 2.0625em;
      left: 0;
      line-height: 2.0625em;
      position: absolute;
      text-align: center;
      top: 0;
      width: 2.0625em; } */
  /* input[type="checkbox"]:checked + label:before,
  input[type="radio"]:checked + label:before {
    background: #3d4449;
    border-color: #3d4449;
    color: #ffffff;
    content: '\f00c'; } */
  /* input[type="checkbox"]:focus + label:before,
  input[type="radio"]:focus + label:before {
    border-color: #f56a6a;
    box-shadow: 0 0 0 1px #f56a6a; } */

/* input[type="checkbox"] + label:before {
  border-radius: 0.375em; } */

input[type="radio"] + label:before {
  border-radius: 100%; }

::-webkit-input-placeholder {
  color: #9fa3a6 !important;
  opacity: 1.0; }

:-moz-placeholder {
  color: #9fa3a6 !important;
  opacity: 1.0; }

::-moz-placeholder {
  color: #9fa3a6 !important;
  opacity: 1.0; }

:-ms-input-placeholder {
  color: #9fa3a6 !important;
  opacity: 1.0; }

/* Box */
.box {
  border-radius: 0.375em;
  border: solid 1px rgba(210, 215, 217, 0.75);
  margin-bottom: 2em;
  padding: 1.5em; }
  .box > :last-child,
  .box > :last-child > :last-child,
  .box > :last-child > :last-child > :last-child {
    margin-bottom: 0; }
  .box.alt {
    border: 0;
    border-radius: 0;
    padding: 0; }

/* Icon */
.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative; }
  .icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400; }
  .icon > .label {
    display: none; }
  .icon:before {
    line-height: inherit; }
  .icon.solid:before {
    font-weight: 900; }
  .icon.brands:before {
    font-family: 'Font Awesome 5 Brands'; }

/* Image */
.image {
  border-radius: 0.375em;
  border: 0;
  display: inline-block;
  position: relative; }
  .image img {
    border-radius: 0.375em;
    display: block; }
  .image.left, .image.right {
    max-width: 40%; }
    .image.left img, .image.right img {
      width: 100%; }
  .image.left {
    float: left;
    padding: 0 1.5em 1em 0;
    top: 0.25em; }
  .image.right {
    float: right;
    padding: 0 0 1em 1.5em;
    top: 0.25em; }
  .image.fit {
    display: block;
    margin: 0 0 2em 0;
    width: 100%; }
    .image.fit img {
      width: 100%; }
  .image.main {
    display: block;
    margin: 0 0 3em 0;
    width: 100%; }
    .image.main img {
      width: 100%; }

a.image {
  overflow: hidden; }
  a.image video {
    -moz-transition: -moz-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    transition: transform 0.2s ease; }
		a.image iframe {
			-moz-transition: -moz-transform 0.2s ease;
			-webkit-transition: -webkit-transform 0.2s ease;
			-ms-transition: -ms-transform 0.2s ease;
			transition: transform 0.2s ease; }
  a.image img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); 
    transition: transform 0.3s ease 0s;
}
  a.image:hover img {
    -moz-transform: scale(1.075);
    -webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075); 
    transition: transform 0.3s ease 0s;
}

/* List */
ol {
  list-style: decimal;
  margin: 0 0 2em 0;
  padding-left: 1.25em; }
  ol li {
    padding-left: 0.25em; }

ul {
  list-style: disc;
  margin: 0 0 2em 0;
  padding-left: 1em; }
  ul li {
    padding-left: 0.5em; }
  ul.alt {
    list-style: none;
    padding-left: 0; }
    ul.alt li {
      border-top: solid 1px rgba(210, 215, 217, 0.75);
      padding: 0.5em 0; }
      ul.alt li:first-child {
        border-top: 0;
        padding-top: 0; }

dl {
  margin: 0 0 2em 0; }
  dl dt {
    display: block;
    font-weight: 600;
    margin: 0 0 1em 0; }
  dl dd {
    margin-left: 2em; }

/* Actions */
ul.actions {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  cursor: default;
  list-style: none;
  margin-left: -1em;
  padding-left: 0; }
  ul.actions li {
    padding: 0 0 0 1em;
    vertical-align: middle; }
ul.actions .button {
	width: 13rem;
}
@media (max-width: calc(580px / 0.7)) {
	ul.actions .button {
		width: 13rem;
		width: calc(150px + (208 - 150) * ((100vw - (320px / 0.7)) / ((580 / 0.7) - (320 / 0.7))));
	}
}
  ul.actions li a._active {
    text-decoration: underline;
	
    color: #565f66 !important;
    box-shadow: inset 0 0 0 2px #3d4449;
    transition: all .3s ease 0s;
  }
    
  ul.actions.special {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
    margin-left: 0; }
    ul.actions.special li:first-child {
      padding-left: 0; }
  ul.actions.stacked {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0; }
    ul.actions.stacked li {
      padding: 1.3em 0 0 0; }
      ul.actions.stacked li:first-child {
        padding-top: 0; }
  ul.actions.fit {
    width: calc(100% + 1em); }
    ul.actions.fit li {
      -moz-flex-grow: 1;
      -webkit-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      -moz-flex-shrink: 1;
      -webkit-flex-shrink: 1;
      -ms-flex-shrink: 1;
      flex-shrink: 1;
      width: 100%; }
      ul.actions.fit li > * {
        width: 100%; }
    ul.actions.fit.stacked {
      width: 100%; }

/* Icons */
ul.icons {
  cursor: default;
  list-style: none;
  padding-left: 0; }
  ul.icons li {
    display: inline-block;
    padding: 0 1em 0 0; }
    ul.icons li:last-child {
			
      padding-right: 0; }
    ul.icons li .icon {
      color: inherit; }
      ul.icons li .icon:before {
        font-size: 1.25em; }

/* Contact */
ul.contact {
  list-style: none;
  padding: 0; }
  ul.contact li {
    text-decoration: none;
    border-top: solid 1px rgba(210, 215, 217, 0.75);
    margin: 1.5em 0 0 0;
    padding: 1.5em 0 0 3em;
    position: relative; }
    ul.contact li:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      text-transform: none !important;
      font-family: 'Font Awesome 5 Free';
      font-weight: 400; }
    ul.contact li:before {
      color: #f56a6a;
      display: inline-block;
      font-size: 1.5em;
      height: 1.125em;
      left: 0;
      line-height: 1.125em;
      position: absolute;
      text-align: center;
      top: 1em;
      width: 1.5em; }
    ul.contact li:first-child {
      border-top: 0;
      margin-top: 0;
      padding-top: 0; }
      ul.contact li:first-child:before {
        top: 0; }
    ul.contact li a {
      color: inherit; }

/* Pagination */
ul.pagination {
  cursor: default;
  list-style: none;
  padding-left: 0; }
  ul.pagination li {
    display: inline-block;
    padding-left: 0;
    vertical-align: middle; }
    ul.pagination li > .page {
      -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      border-bottom: 0;
      border-radius: 0.375em;
      display: inline-block;
      font-size: 0.8em;
      font-weight: 600;
      height: 2em;
      line-height: 2em;
      margin: 0 0.125em;
      min-width: 2em;
      padding: 0 0.5em;
      text-align: center; }
      ul.pagination li > .page.active {
        background-color: #f56a6a;
        color: #ffffff !important; }
        ul.pagination li > .page.active:hover {
          background-color: #f67878; }
        ul.pagination li > .page.active:active {
          background-color: #f45c5c; }
    ul.pagination li:first-child {
      padding-right: 0.75em; }
    ul.pagination li:last-child {
      padding-left: 0.75em; }
  @media screen and (max-width: 480px) {
    ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
      display: none; 
		}
    ul.pagination li:first-child {
      padding-right: 0; } }

/* Table */
.table-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto; }

table {
  margin: 0 0 2em 0;
  width: 100%; }
  table tbody tr {
    border: solid 1px rgba(210, 215, 217, 0.75);
    border-left: 0;
    border-right: 0; }
    table tbody tr:nth-child(2n + 1) {
      background-color: rgba(230, 235, 237, 0.25); }
  table td {
    padding: 0.75em 0.75em; }
  table th {
    color: #3d4449;
    font-size: 0.9em;
    font-weight: 600;
    padding: 0 0.75em 0.75em 0.75em;
    text-align: left; }
  table thead {
    border-bottom: solid 2px rgba(210, 215, 217, 0.75); }
  table tfoot {
    border-top: solid 2px rgba(210, 215, 217, 0.75); }
  table.alt {
    border-collapse: separate; }
    table.alt tbody tr td {
      border: solid 1px rgba(210, 215, 217, 0.75);
      border-left-width: 0;
      border-top-width: 0; }
      table.alt tbody tr td:first-child {
        border-left-width: 1px; }
    table.alt tbody tr:first-child td {
      border-top-width: 1px; }
    table.alt thead {
      border-bottom: 0; }
    table.alt tfoot {
      border-top: 0; }

/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  background-color: transparent;
  border-radius: 0.375em;
  border: 0;
  box-shadow: inset 0 0 0 2px #f56a6a;
  color: #f56a6a !important;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto Slab", serif;
  font-size: 0.8em;
  font-weight: 700;
  height: 3.5em;
  letter-spacing: 0.075em;
  line-height: 3.5em;
  padding: 0 2.25em;
	margin-top: 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap; }
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  button:hover,
  .button:hover {
    background-color: rgba(245, 106, 106, 0.05); }
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active,
  button:active,
  .button:active {
    background-color: rgba(245, 106, 106, 0.15); }
  input[type="submit"].icon:before,
  input[type="reset"].icon:before,
  input[type="button"].icon:before,
  button.icon:before,
  .button.icon:before {
    margin-right: 0.5em; }
  input[type="submit"].fit,
  input[type="reset"].fit,
  input[type="button"].fit,
  button.fit,
  .button.fit {
    width: 100%; }
  input[type="submit"].small,
  input[type="reset"].small,
  input[type="button"].small,
  button.small,
  .button.small {
    font-size: 0.6em; }
  input[type="submit"].large,
  input[type="reset"].large,
  input[type="button"].large,
  button.large,
  .button.large {
    font-size: 1em;
    height: 3.65em;
    line-height: 3.65em; }
  input[type="submit"].primary,
  input[type="reset"].primary,
  input[type="button"].primary,
  button.primary,
  .button.primary {
    background-color: #f56a6a;
    box-shadow: none;
    color: #ffffff !important; }
    input[type="submit"].primary:hover,
    input[type="reset"].primary:hover,
    input[type="button"].primary:hover,
    button.primary:hover,
    .button.primary:hover {
      background-color: #f67878; }
    input[type="submit"].primary:active,
    input[type="reset"].primary:active,
    input[type="button"].primary:active,
    button.primary:active,
    .button.primary:active {
      background-color: #f45c5c; }
  input[type="submit"].disabled, input[type="submit"]:disabled,
  input[type="reset"].disabled,
  input[type="reset"]:disabled,
  input[type="button"].disabled,
  input[type="button"]:disabled,
  button.disabled,
  button:disabled,
  .button.disabled,
  .button:disabled {
    pointer-events: none;
    opacity: 0.25; }

/* Mini Posts */
.mini-posts article {
  border-top: solid 1px rgba(210, 215, 217, 0.75);
  margin-top: 2em;
  padding-top: 2em; }
  .mini-posts article .image {
    display: block;
    margin: 0 0 1.5em 0; }
    .mini-posts article .image img {
      display: block;
      width: 100%; }
  .mini-posts article:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0; }
/* .newsPreviewActive {
	display: none;
} */

.newsPreview {
	display: none;
}

/* Features */
.features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* grid-auto-columns: 400px; */
  row-gap: 20px;
  margin-bottom: 4rem;
}
	
  .leaders article {
    /* -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 0 3em 3em;
    position: relative;
    width: calc(50% - 3em);  */
	}

	.features article {
    /* -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden; */
    /* justify-content: center; */
    /* column-gap: 30px;
    margin: 0 0 3em 3em;
    position: relative; */
    /* width: calc(50% - 3em);  */
	}
	.features article {
    display: flex;
    column-gap: 20px;
    border-radius: 0.375em;
    /* row-gap: px; */
    /* position: relative; */
    /* width: calc(50% - 3em);  */
	}
  .features__wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* grid-auto-columns: 400px; */
    gap: 20px;
  }
	.features article span {
    flex: 0 0 173px;
    height: 173px;
    display: flex;
    position: relative;

    /* width: 173px !important; */
    /* height: 173px !important; */

    /* height: 173px; */
    /* width: calc(50% - 3em);  */
	}
	.features article span img {
    /* display: none; */
    /* max-height: 173px; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.375em;
	}
		/* .avatar {
			width: 200px;
			height: 200px;
			border: solid 2px rgba(210, 215, 217, 0.75);
			border-radius: 50%;
		} */
    /* .leaders article:nth-child(2n - 1) {
      margin-right: 1.5em; }
    .leaders article:nth-child(2n) {
      margin: 0 0 40px 20px; 
    } */
    /* .leaders article:nth-last-child(1) {
      margin-bottom: 0; } */
    .features article .icon  {
      /* -moz-flex-grow: 0;
      -webkit-flex-grow: 0;
      -ms-flex-grow: 0; */
      /* flex-grow: 0; */
      /* -moz-flex-shrink: 0; */
      /* -webkit-flex-shrink: 0; */
      /* -ms-flex-shrink: 0; */
      /* flex-shrink: 0; */
      /* display: block; */
      /* height: 145px;
      width: 145px; */
      /* line-height: 10em; */
      /* margin: 0 2em 0 0; */
      /* text-align: center; */
      /* width: 145px;  */
    } 
				
			
																							.features article .HOV {
																								background-image: url(../images/структура_клубів/Ніжинське/Олексій_Чернета.jpg);}
																								.features article .SGF {
																									background-image: url(../images/структура_клубів/безуглівка/Ганна_Сидоренко.jpg);}
																									.features article .MVV {
																										background-image: url(../images/структура_клубів/Бібліотеки/Валентина_Матюшенко.jpg);}
																										.features article .DTM {
																											background-image: url(../images/структура_клубів/Бібліотеки/reserve.jpg);}
																											.features article .MVI {
																												background-image: url(../images/структура_клубів/Бібліотеки/reserve.jpg);}
																												.features article .AVM {
																													background-image: url(../images/структура_клубів/Бібліотеки/reserve.jpg);}
																													.features article .KOP {
																														background-image: url(../images/структура_клубів/Бібліотеки/Ольга_Коваль.jpg);}
																														.features article .reserve {
																															background-image: url(../images/структура_клубів/талалаївський_БК/Reserve.png);}
																						
																							
																							
																							
			

  @media screen and (max-width: 1024px) {
    .features {
      margin-top: 1em;
      margin-bottom: 2em;
      width: 100%;
      grid-template-columns: repeat(1, 1fr); 
    }
  }

  @media screen and (max-width: 530px) {
    article {
      flex-direction: column;
    }
    article span {
      max-width: 173px;
      max-height: 173px;
    }
    .archiveBlock h1, h3 {
      margin-bottom: 0em !important;
    }
    /* .archiveBlock h2 {
      margin-bottom: 0em !important;
    } */
  }
  /* @media screen and (max-width: 480px) {
    .features article {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -moz-align-items: -moz-flex-start;
      -webkit-align-items: -webkit-flex-start;
      -ms-align-items: -ms-flex-start;
      align-items: flex-start; } */
      /* .features article .icon { */
        /* height: 6em; */
        /* line-height: 6em; */
        /* margin: 0 0 1.5em 0; */
        /* width: 6em;  */
      /* } */
        /* .features article .icon:before {
          font-size: 1.5rem; }
        .features article .icon:after {
          height: 4em;
          margin: -2em 0 0 -2em;
          width: 4em; } } */
  /* @media screen and (max-width: 480px) {
    .features article .icon:before {
      font-size: 1.25rem; } } */

/* Posts */
.sorting-buttons {
	display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 1.125rem;


}
.sorting-buttons ul li {
	list-style: none !important;

}
.sorting-buttons-top ul {
	margin: 0 0 1em 0;
	
}
.sorting-buttons-top ul li {
	padding: 0;
	
}
.postsView {
	display: none;
}

.postsViewButton{
	
	width: 100%;
	margin-top: 0px;
  display: flex;
  justify-content: center;
	/* margin-left: auto;
	margin-right: auto; */
}
.postsViewButton a {
	/* width: auto;
		margin-left: auto;
	margin-right: auto; */
}

#postsViewButton {
position: relative;
top: 0px;
}

.buttonDecoration {
	text-decoration: underline;
	background-color: rgba(245, 106, 106, 0.05);
	

}
#photoView, #videoView, #ollView {
	zoom: 75%;
  /* text-transform: none; */
  /* font-size: large; */
}
#photoView span, #videoView span, #ollView span {
  font-size: large;
}

.hidden {
	display: none;
	
}
.posts {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  /* justify-content: space-between; */
  row-gap: 80px;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 4em -6em;
  width: calc(100% + 6em);
}
.posts article > img:hover {
	transition: all 0.3s ease 0s;
}
/* @media screen and (max-width: 1700px) {
  .posts {
    width: calc(100% + 6em);
  }
} */
	.posts article a :hover {
		cursor: pointer;
	}
/* @media screen and (max-width: 1024px) {
  
} */
  

	/* .posts article {
 		--widthA: calc(33.33333% - 6em);
 		--heightA: calc(var(--widthA) * 1.5);
 	
 		height: var(--heightA);
} */
  .posts article {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    padding-bottom: 45px;
    margin-left: 6em;
    flex-shrink: 1;
    position: relative;
    width: calc((100% / 3 - 6em));
	
		/* --heightA: calc(var(--widthA) * 1.5);
		height: var(--heightA); */
		
		

		}
    

		/* .posts article h3 {
			--heightB: calc(var(--heightA) / 3);
			height: var(--heightB);
			
		 } */

		 /* .posts article p  {
			height: calc(100% / 3); 
			overflow: hidden;} */
	

	
    /* .posts article:before {
      background: rgba(210, 215, 217, 0.75);
      content: '';
      display: block;
      height: calc(100% + 6em);
      left: -3em;
      position: absolute;
      top: 0;
      width: 1px; } */
    .posts article:after {
      background: rgba(210, 215, 217, 0.75);
      bottom: -3em;
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      right: 0;
      transform: translate(0%, -50%);
      width: calc(100% + 6em); }

  
        
      
    /* .posts article > :last-child {
      margin-bottom: 0; 
    } */
    .posts article .image  {
      display: block;
      margin: 0 0 2em 0; 
    }

		.posts-button {
			position: absolute;
			bottom: 0px;
			
		}

    .show__video-content .iframe__video {
      position: relative;
      padding: 0px 0px 56.3% 0px;
    }
    .show__video-content .iframe__video .iframe, .show__video-content .iframe__video .to-play {
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .show__video-content .iframe__video .to-play.removed__img {
      opacity: 0;
      visibility: hidden;
      z-index: -1;
    }
    .show__video-content._active {
      display: flex;
      justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.678);
      z-index: 2;
    }
    .show__video-content._active .iframe__video-wrap {
      width: calc(320px + (640 - 320) * ((100vw - 320px) / (1250 - 320)));
      max-width: 640px;
    }
    .show__video-content._active .iframe__video {
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /* max-width: 940px; */
      /* max-height: 600px; */
      /* height: 400px; */
      padding: 0px 0px 56.3% 0px;
      /* background-color: rgba(0, 0, 0, 0.377); */
      z-index: 2;
    }
		/* .posts video   {
			background-color: red;
			width: 100%;
			height: (55% + 4.5em);
			
			display: block;
			border-radius: 00.375em;
		
		} */
		/* .img {
			width: 416px;
			height: 256px;
			background-image: url(../images/до\ дню\ танцю\ compressed.png);
		} */
		/* .video-icon {
			width: 10%;
			height: 20px;
			background-image: url(../images/video-icon.png);
			background-repeat: no-repeat;
			background-position: center;
		} */

		/* video view block start */
		.test-view {
      /* opacity: 0;
      visibility: hidden; */
      display: none;
      /* transform: scale(0); */
      /* transform: rotateZ(-45deg); */
      transition: scale 0.3s ease 0s;
			z-index: 6;
		}
		/* .test-view .popup{
      opacity: 0;
      transition: opacity 0.3s ease 0s;
		} */
		.test-view._active {

      display: block;
      /* transform: rotateY(0deg); */
			z-index: 6;
		}
		/* .test-view._active .popup{
      opacity: 1;

		}  */
		
		.popup {
      position: relative;
			background-color: black;
			opacity: 0.8;
			position: fixed;
			z-index: 10;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.7;
			background-color: #000;
			
		}
		.testOne {
			position: relative;
			padding-top: 52.25%;
		}
		.testOne:before {
			display: block;
			content: "";
			width: 100%;
		}

		
		.gallery-view {
			/* background-color: black; */
			/* opacity: 0.2; */
			max-width: 750px;
			max-height: auto;
			background-size: cover;
			position: fixed;
			top: 46%;
			left: 50%;
			z-index: 10;
			width: 85%;
			height: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			-webkit-box-shadow: 0 0 26px rgba(0, 0, 0, 0.8);
			box-shadow: 0 0 26px rgba(0, 0, 0, 0.8);
		}

		.video-block {
			max-width: 750px;
			max-height: auto;
			background-size: cover;
			position: fixed;
			top: 46%;
			left: 50%;
			z-index: 10;
			width: 85%;
			height: auto;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			-webkit-box-shadow: 0 0 26px rgba(0, 0, 0, 0.8);
			box-shadow: 0 0 26px rgba(0, 0, 0, 0.8);
		}

		.video-view {
			z-index: 11;
			position: fixed;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			-webkit-box-shadow: 0 0 26px rgba(0, 0, 0, 0.8);
			box-shadow: 0 0 26px rgba(0, 0, 0, 0.8);
		}
		iframe {
			max-width: 800px;
			max-height: 450px;
      min-height: 450px;
			--widthA: 100%;
			--widthB: calc(var(--widthA) - 15vw );
			--heightA: calc(var(--widthB) / 16 );
			--heightB: calc(var(--heightA) * 20 );
			width: var(--widthB);
			height: var(--heightB);
			
		
		
		}



		/* .inactive_video {
			display: none;
		} */
	
		
		/* video view block finish */


		/* Archive */
		#culture, #young, #sport, #family, #copy, #сouncil, #culturalInstitutions {
			/* display: none; */


			width: 100%;
			height: 100vh;
			position: fixed;
			opacity: 0;
			visibility: hidden;
			/* transform: scale(0.5); */
			top: 0;
			left: 0;

			z-index: 10001;
			transition: all 0.3s ease 0s;
		}
		#culture.show_block, 
		#young.show_block, 
		#sport.show_block, 
		#family.show_block, 
		#copy.show_block, 
		#сouncil.show_block, 
		#culturalInstitutions._active {
			opacity: 1;
			visibility: visible;
			transition: all 0.3s ease 0s;
		}

		.archiveBlock {
			transform: translate(-50%, -50%);
			opacity: 0;
			/* visibility: hidden; */
			transition: all 0.3s ease 0.8s;
		} 
		#culture.show_block .archiveBlock, 
		#young.show_block .archiveBlock, 
		#sport.show_block .archiveBlock, 
		#family.show_block .archiveBlock, 
		#copy.show_block .archiveBlock, 
		#сouncil.show_block .archiveBlock, 
		#culturalInstitutions._active .archiveBlock {
			/* opacity: 1;
			visibility: visible;
			transition: all 0.3s ease 0s; */
			transform: translate(-50%, -50%);
			opacity: 1;
			/* visibility: visible; */
			transition: all 0.3s ease 0s;
		}
    #culturalInstitutions._active {
      display: block;
			visibility: visible;
			opacity: 1;
			transition: all 0.3s ease 0s;
    }

		
    #blocks__lb-1, 
    #blocks__lb-2, 
    #blocks__lb-3, 
    #blocks__lb-4, 
    #blocks__lb-5, 
    #blocks__bc-1, 
    #blocks__bc-2, 
    #blocks__bc-3, 
    #blocks__bc-4 {
      /* display: none; */
			visibility: hidden;
			opacity: 0;
			transition: all 0.3s ease 0s;
    }
    #blocks__lb-1._active, 
    #blocks__lb-2._active, 
    #blocks__lb-3._active, 
    #blocks__lb-4._active, 
    #blocks__lb-5._active, 
    #blocks__bc-1._active, 
    #blocks__bc-2._active, 
    #blocks__bc-3._active, 
    #blocks__bc-4._active {
      display: block;
			visibility: visible;
			opacity: 1;
			transition: all 0.3s ease 0s;
    }

		.archiveHidden {
			background-color: #000;
			opacity: .75;
			width: 100%;
			height: 100vh;
		}

		.opacity {
	
			width: 100%;
			height: 100%;
			opacity: 1 !important;
		}
		.archiveBlock {
			
			padding: 4em 1.5em 2em 1.5em;
			max-width: 760px;
			/* max-height: 80vh; */
			max-height: 580px !important;
			/* opacity: 0.2; */
			background-color: rgb(176, 201, 210) ;
			
			background-size: cover;
			/* background-repeat: no-repeat; */
			position: absolute;
			top: 46%;
			left: 50%;
			z-index: 10001;
			width: 70%;
			height: 90vh;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			/* transform:scale(0.5) translate(-50%, -50%); */
			transform: translate(-50%, -50%);
			/* transform-origin: center; */
			-webkit-box-shadow: 0 0 26px rgba(0, 0, 0, 0.8);
			box-shadow: 0 0 26px rgba(0, 0, 0, 0.8);
		}
		.archiveBlock ul li {
			list-style-type: circle;
		}
		/* .archiveBlock a:hover {
			text-decoration: none !important;
			list-style: none;
			width: 100%;
			height: auto;
			z-index: 20;

		} */

		.archiveBlock h1, h2, h3 {
			text-align: center;
			margin-bottom: 2em;
		
		}

		.archiveBlock .sorting-buttons {
			text-align: center;
			display: flex;

			justify-content: center;
			
		}

		.sorting-buttons-top ul li a {
			padding: 0 10px 0 10px;
		}

		.archiveButton {
			background-color: black;
			position: absolute;
			bottom: 0;
			right: 0;
			z-index: 20;
		}

		/* Мережа закладів культури */

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

		.content h3 {
			text-align: start;
		}

		.culturalInstitutions a:hover {
			text-decoration: underline;
			cursor: pointer;
		}

		/* carusel start */

		/* .example-desc {
			margin:3px 0;
			padding:5px;
		} */

		.culturalInstitutions p {
			margin-bottom: 1em;
			/* display: inline-block; */
		}

	
		.clubPhoto img {
			width: 100%;
			/* height: 300px; */
			background-repeat: no-repeat;
			background-size:cover;
			background-position: center;
			background-position-y: top;
			
		}

		/* .clubPhotoTwo {
			background-image: url(../images/Мережа_закладів_культури/Безуглівський-сільський-клуб.jpg);
		} */
		/* .clubPhotoThree {
			background-image: url(../images/Мережа_закладів_культури/Великодорізький-сільський-клуб.jpg);
		} */

		/* .libraryPhotoTwo {
			background-image: url(../images/купала/1.jpg);
		} */

		/* .clubPhotoOne {
			background-image: url(../images/Мережа_закладів_культури/Будинок-культури.jpg);
		} */

		/* .libraryPhotoOne {
			background-image: url(../images/красуня/1.jpg);
		} */

		/* .libraryPhotoThree {
			background-image: url(../images/красуня/10.jpg);
		} */

		/* .clubPhotoFour {
			background-image: url(../images/Мережа_закладів_культури/Ніжинський-сільський-клуб.jpg);
		} */

		/* .libraryPhotoFour {
			background-image: url(../images/красуня/14.jpg);
		} */
		/* .libraryPhotoFive {
			background-image: url(../images/жіночий_футбол/8.jpg);
		} */
		.archiveBlock {
			overflow: auto;
		}
		/* .archiveBlock{
			display: -webkit-flex;
			width: 100%;
		} */
		.institutions {
			padding-top: 1.5em;
			max-height: 95vh;
			min-height: 00px;
			height: auto;
			top: 50%;
		}
		.institutions ul {
			/* margin: 1.5em 0 1em 1em; */
			/* display: flex; */
			padding-left: 0;
		}

		.institutions a {
			display: inline-block;
			margin: 0;
			/* padding: 1em 2em 1em 2em; */
		}
		.institutions a:hover {
			cursor: pointer;
			text-decoration: underline;

		}

	


		.culturalInstitutions a {
			cursor: pointer;
			display: inline-block;
			margin: 0;
			padding: 1em 2em 1em 0;
			
		}
		.culturalInstitutions li {
			padding-left: 0;
		}
		
		.culturalInstitutions a:hover {
			text-decoration: underline;
		}
		.institutions ul > li {
			list-style-type: none; 
			
		}

		.workingHours p {
			margin: 1em 2.5em 1em 2em;
		}
		#workersOne, #workingHoursOne, #informationsOneParOne, #informationsOneParTwo, #workersTwo, #workingHoursTwo, #informationsTwoParOne, #informationsTwoParTwo, #workersThree, #workingHoursThree, #informationsThreeParOne, #informationsThreeParTwo, #workersLbTwo, #workingHoursLbTwo, #informationsLbTwoParOne, #informationsLbTwoParTwo, #workersLbOne, #workingHoursLbOne, #informationsLbOneParOne, #informationsLbOneParTwo, #workersLbThree, #workingHoursLbThree, #informationsLbThreeParOne, #informationsLbThreeParTwo, #workersFour, #workingHoursFour, #informationsFourParOne, #informationsFourParTwo, #workersLbFour, #workingHoursLbFour, #informationsLbFourParOne, #informationsLbFourParTwo, #workersLbFive, #workingHoursLbFive, #informationsLbFiveParOne, #informationsLbFiveParTwo {
			display: none;
		}
    /* #blocks__lb-1, #block__lb-2, #block__lb-3, #block__lb-4, #block__lb-5, #block__bc-1, #block__bc-2, #block__bc-3, #block__bc-4  {
      display: none;
    } */
    #blocks__lb-1, #block__lb-2, #block__lb-3, #block__lb-4, #block__lb-5, #block__bc-1, #block__bc-2, #block__bc-3, #block__bc-4  {
      display: none;
    }
	
		

		.sortingButtonsActive {
			text-decoration: underline;
			
			color: #565f66 !important;
			box-shadow: inset 0 0 0 2px #3d4449;
			
		
		}

		/* .sortingButtonsActive:hover {
			text-decoration: underline;
			color: #3d4449 !important;
			box-shadow: inset 0 0 0 2px #3d4449;
			
		} */

		.institutionsForm {
			display: flex;
			justify-content: space-around
		}
		.institutionsForm > .button {
			margin: 1em auto;
		}

		.institutionsBtn {
			position: relative;
		}

		.institutionsGaleryWrapperOpacity {
			display: none;
			position: absolute;
			top: 0;
			left: auto;
			width: 100%;
			height: 100vh;
			
			z-index: 10002;
			opacity: 0.8;
			background-color: #3d4449;
		}
		.institutionsGaleryWrapper {
			display: none;
			position: absolute;
      overflow: scroll;
      /* display: flex;
      justify-content: center; */
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			
			z-index: 10002;
			
			/* background-color: #3d4449; */
		}

		.institutionsGaleryWrapperOneViewOne, .institutionsGaleryWrapperOneViewTwo, .institutionsGaleryWrapperOneViewFour, .institutionsGaleryWrapperOneViewThree, .institutionsGaleryWrapperOneViewFive, .institutionsGaleryWrapperOneViewSix, .institutionsGaleryWrapperOneViewSeven, .institutionsGaleryWrapperOneViewEight, .institutionsGaleryWrapperOneViewNine,  .institutionsGaleryWrapperOneViewTen, .institutionsGaleryWrapperOneViewEleven, .institutionsGaleryWrapperOneViewTwelve, .institutionsGaleryWrapperOneViewThirteen, .institutionsGaleryWrapperOneViewFiveteen, .institutionsGaleryWrapperOneViewSixteen, .institutionsGaleryWrapperOneViewSeventeen, .institutionsGaleryWrapperThreeViewOne, .institutionsGaleryWrapperThreeViewTwo, .institutionsGaleryWrapperThreeViewFour, .institutionsGaleryWrapperThreeViewThree, .institutionsGaleryWrapperThreeViewFive, .institutionsGaleryWrapperThreeViewSix, .institutionsGaleryWrapperThreeViewSeven, .institutionsGaleryWrapperThreeViewEight, .institutionsGaleryWrapperThreeViewNine, .institutionsGaleryWrapperTwoViewOne, .institutionsGaleryWrapperTwoViewTwo, .institutionsGaleryWrapperTwoViewFour, .institutionsGaleryWrapperTwoViewThree, .institutionsGaleryWrapperTwoViewFive, .institutionsGaleryWrapperTwoViewSix, .institutionsGaleryWrapperTwoViewSeven, .institutionsGaleryWrapperTwoViewEight, .institutionsGaleryWrapperTwoViewNine,  .institutionsGaleryWrapperTwoViewEleven, .institutionsGaleryWrapperTwoViewTwelve, .institutionsGaleryWrapperTwoViewThirteen, .institutionsGaleryWrapperTwoViewFiveteen, .institutionsGaleryWrapperTwoViewSixteen, .institutionsGaleryWrapperTwoViewSeventeen,  .institutionsGaleryWrapperFourViewOne, .institutionsGaleryWrapperFourViewTwo, .institutionsGaleryWrapperFourViewFive, .institutionsGaleryWrapperFourViewSix,  .institutionsGaleryWrapperFourViewNine, .institutionsGaleryWrapperFourViewTen, .institutionsGaleryWrapperFourViewEleven, .institutionsGaleryWrapperFourViewTwelve, .institutionsGaleryWrapperFiveViewOne, .institutionsGaleryWrapperFiveViewTwo,  .institutionsGaleryWrapperFiveViewFive, .institutionsGaleryWrapperFiveViewSix, .institutionsGaleryWrapperFiveViewSeven, .institutionsGaleryWrapperFiveViewEight, .institutionsGaleryWrapperFiveViewNine, .institutionsGaleryWrapperFiveViewEleven, .institutionsGaleryWrapperFiveViewTwelve, .institutionsGaleryWrapperFiveViewThirteen, .institutionsGaleryWrapperFiveViewFourteen, .institutionsGaleryWrapperFiveViewFiveteen, .institutionsGaleryWrapperFiveViewSixteen, .institutionsGaleryWrapperFiveViewSeventeen {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 80%;
			height: 80%;
			max-width: 960px;
			max-height: 540px;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			z-index: 10003;
		}

	

		.institutionsGaleryOneViewNine {
			width: 100%;
		}

	
		.institutionsGaleryWrapperOneViewNine {
		
			text-align: center;
			/* width: 100%; */
			height: auto;
			max-width: 960px;
			max-height: 540px;
			z-index: 10003;
		}
		
	
		/* Великодорізька бібл */

	


		/* .institutionsGaleryWrapperThreeViewNine {
		
			text-align: center;
			
			height: auto;
			max-width: 960px;
			max-height: 540px;
			z-index: 10003;
		} */
	
		

		.institutionsGalery {
			display: flex;
      justify-content: center;
      /* overflow: hidden; */
		}
		.institutionsGalery :hover {
			-moz-transform: scale(1) !important;
			-webkit-transform: scale(1) !important;
			-ms-transform: scale(1) !important;
			transform: scale(1) !important; 
		}
    .institutionsGalery img {
      overflow: hidden;
			/* margin: auto 0; */
      /* position: absolute; */
      /* top: 50%; */
      /* left: 50%; */
      /* width: 100%; */
      /* max-width: 100%; */
      /* height: 100%; */
      /* transform: translate(-50%, -50%); */
      
		}
		

		

		/* #informationsOneParTwo {
			display: flex;
		} */
		@media (max-width: 2210px) {
			.institutionsPosts  article {
				width: calc(50% - 6em);
			}
		}
		@media (max-width: 960px) {
			.sorting-buttons {
				margin: 1em 0.5em 0.5em 0;
				font-size: 0.7em;
			}
			.sorting-buttons.sorting-buttons-top {
				/* margin: 1em 0.5em 0.5em 0; */
				font-size: 0.8em;
			}
		}

		@media (max-width: 640px) {
			.sorting-buttons {
				/* margin: 1em 0.5em 0.5em 0; */
				padding: 0 1.2em;
				font-size: 0.6em;
				/* transform: scale(0.8); */
			}
			.sorting-buttons.sorting-buttons-top {
				/* margin: 1em 0.5em 0.5em 0; */
				padding: 0;
			}
		}
		@media (max-width: calc(580px / 0.7)) {
			.archiveBlock {
				width: 85%;
			}
			/* .btn-top-wrapper {
				right: 30px;
				bottom: 30px;
			} */
		}
		.checkbox {
			position: absolute;
			z-index: -1;
			opacity: 1;
		}
		
		input[type="radio"]:checked + label {
			background: #3d4449;
			color: #fff;
			border-color: #3d4449;
		}


	


/* .checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px;
} */

/* .checkbox + label {
  position: relative;
  max-width: 600px;
  height: 50px;
  display: flex;
  margin-left: auto;
  padding-left: 30px;
  margin: 10px auto 10px;
  background-color: #304352;
  cursor: pointer;
  transition: 0.3s;
} */

/* .order-form-textblock {
  line-height: 20px;
  box-sizing: border-box;
} */

/* .order-name {
  margin-right: 10px;
  color: #fefefe;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: 0.3s;
} */

/* .order-text {

  color: transparent;

  transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
 
} */

/* .check-mark {
  width: 45px;
  height: 40px;
  position: absolute;
  right: 41px;
  top: 6px;
  
} */

/* i::after { */
  /* width: 100%;
	height: 100%; */
  /* position: absolute;
	top: 0;
	left: 0; */
  /* content: "\2713"; */
  /* font-size: 29px; */
  /* color: #fefefe; */
/* } */



/* .checkbox + label:hover {
	background-color:  #E8EAEC;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
} */

/* .checkbox + label:hover .order-name {
	color: #E44C65;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
} */

/* .checkbox + label:hover .order-text {
	opacity: 1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s; 
} */











/* form input[type=submit]:hover {
	background-color: #000;
} */

/* card-avatar */




/* .checkbox + label:before {
  content: '';
  position: absolute;
	width: 30px;
  height: 30px;
	top: 12px;
  right: 45px;
  box-shadow: 0 2px 3px rgba(0,0,0,.2);
  transition: 0.6s;
} */

/* .checkbox + label:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 9px;
  right: 45px;
  box-shadow: 0 2px 3px rgba(0,0,0,.2);
  transition: 0.15s;
  background-color: #304352;
} */


/* .checkbox:checked + label:after {
  right: 15px;
  transition: 0.6s;
} */


	
			

		/* #carousel a {
			width: 700px;
			height: 500px;
			background-image: url(../images/Lux_6267_2.jpg);
		} */
		/* #carousel-view {
			display: none;
			position: fixed;
			z-index: 13;
			top: 0;
			left: 50%;
			width: 100%;
			height: 100%;
			background-color: black; opacity: 0.2;
		} */
		.carousel {
						/* -webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg); */
			/* width: 300px;
			height: 200px; */
			margin: 60px auto;
			/* border:1px solid #222; */
			
			position: fixed;
			top: 35%;
			left: 50% ;
			
	
			clear:both;
			/* overflow:hidden; */
			/* background:#FFF; */
		}



		#area-two, 
    #area-six, 
    #area-seven, 
    #area-fifteen, 
    #area-eleven,  
    #area-ten, 
    #area-twelve, 
    #area-thirteen, 
    #area-fifteen, 
    #area-sixteen, 
    #area-seventeen, 
    #area-nineteen, 
    #area-twenty, 
    #area-twentyOne, 
    #area-twentyTwo, 
    #area-twentyThree, 
    #area-twentySix, 
    #area-twentySeven, 
    #area-twentyEight, 
    #area-twentyNine, 
    #area-thirty, 
    #area-thirtyTwo, 
    #area-ThirtyThree, 
    #area-34, 
    #area-35, 
    #area-36, 
    #area-37, 
    #area-37, 
    #area-38, 
    #area-39, 
    #area-40, 
    #area-41, 
    #area-42, 
    #area-43, 
    #area-44, 
    #area-45, 
    #area-46, 
    #area-47, 
    #area-48, 
    #area-49, 
    #area-50, 
    #area-51, 
    #area-52, 
    #area-53, 
    #area-54, 
    #area-55, 
    #area-56, 
    #area-57, 
    #area-58, 
    #area-59, 
    #area-60, 
    #area-61, 
    #area-62, 
    #area-63, 
    #area-64, 
    #area-65, 
    #area-66, 
    #area-67, 
    #area-68, 
    #area-69,
    #area-70,
    #area-71,
    #area-72,
    #area-73,
    #area-74,
    #area-75,
    #area-76,
    #area-77,
    #area-78,
    #area-79,
    #area-80,
    #area-81,
    #area-82,
    #area-83,
    #area-84,
    #area-85,
    #area-86,
    #area-87,
    #area-88,
    #area-89,
    #area-90,
    #area-91,
    #area-92,
    #area-93,
    #area-94,
    #area-95,
    #area-96,
    #area-97,
    #area-98,
    #area-99,
    #area-100,
    #area-101,
    #area-102,
    #area-103,
    #area-104,
    #area-105,
    #area-106,
    #area-107,
    #area-108,
    #area-109,
    #area-110,
    #area-111,
    #area-112,
    #area-113,
    #area-114,
    #area-115,
    #area-116,
    #area-117
    {
			width: 0px;
		}


		.carousel img {
			zoom: 200%;
			/* position: relative; */
			/* top: 200px;
			left: 400px; */

			/* opacity: 1; */
			/* width: calc(50% - 6em);
			height: calc(40% - 6em); */
			/* -webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg); */
			width: 480px;
			height: 270px;
			visibility:hidden; /* hide images until carousel can handle them */
			cursor:pointer; /* otherwise it's not as obvious items can be clicked */
			/* opacity: 1 !important; */
		}

		/* .carousel-square {
			width: 400px !important;
			height: 300px !important;
		} */

		.vertical {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
			/* width: 270px !important; */
			/* height: 360px !important; */
		}

		
		
	
		
		/* #carousel-view {
			display: none;
			width: 700px;
			height: 500px;
			background-image: url(../images/katia.jpg);
		} */
		/* .carousel-center {
			width: 900px !important;
			height: 600px !important;
		} */
		/* .zoom-carousel {
			width: 900px !important;
			height: 600px !important;
		} */

		.split-left {
			width:450px;
			float:left;
		}
		.split-right {
			width:400px;
			float:left;
			margin-left:10px;
		}
		#callback-output {
			height:250px;
			overflow:scroll;
		}
		textarea#newoptions {
			width:430px;
		}
		/* .nav {
			width: 80px; margin: 20px auto
		} */
   

		@media screen and (max-width: 1420px) {
			.carousel img {
				zoom: 160%;
			}
				 }

		@media screen and (max-width: 1420px) and (orientation: portrait) {
			.carousel {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
			}
				 }
		/* carusel finish */
		
      .posts article .image img {
        display: block;
        width: 100%; }
  @media screen and (min-width: 1681px) {
    .posts article:nth-child(3n + 1):before {
      display: none; }
    .posts article:nth-child(3n + 1):after {
      width: 100%; }
      .posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before, .posts article:nth-last-child(3):before {
        height: 100%; }
      .posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after, .posts article:nth-last-child(3):after {
        display: none; } }
  @media screen and (max-width: 1680px) {
    .posts article {
			width: calc(50% - 6em);}
  		/* --heightA: calc(var(--widthA) * 1.5);
  		width: var(--widthA);
			height: var(--heightA); } */
      /* .posts article:nth-last-child(3) {
        margin-bottom: 6em; }  */
      }
  
	 /* @media screen and (max-width: 1580px) {
    .posts article {
      max-height: 500px; }
       } */
  @media screen and (min-width: 481px) and (max-width: 1680px) {
    .posts article:nth-child(2n + 1):before {
      display: none; }
    .posts article:nth-child(2n + 1):after {
      width: 100%; 
    }
    /* .posts article:nth-last-child(1), .posts article:nth-last-child(2) {
      margin-bottom: 0; } */
      .posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before {
        height: 100%; }
      .posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after {
        display: none; } }
  @media screen and (max-width: 736px) {
    .posts {
      margin: 0 0 2em -4.5em;
      width: calc(100% + 4.5em);
      row-gap: 15px;
    }
      .posts article {
        margin: 0 0 4.5em 4.5em;
        width: calc(100% - 4.5em); }
        .posts article:before {
          height: calc(100% + 4.5em);
          left: -2.25em; }
        .posts article:after {
          bottom: -2.25em;
          width: calc(100% + 4.5em); }
        .posts article:nth-last-child(3) {
          margin-bottom: 4.5em; } }
  @media screen and (max-width: 620px) {
    .posts {
      margin: 0 0 2em 0;
      width: 100%; }
      .posts article {
        margin: 0 0 4.5em 0;
        width: 100%; }
        .posts article:before {
          display: none; }
        .posts article:after {
          width: 100%; }
        .posts article:last-child {
          margin-bottom: 0; }
          .posts article:last-child:after {
            display: none; } }

/* Wrapper */
#wrapper {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
	/* background-color: blanchedalmond; */
  min-height: 100vh; }

/* Main */
#main {
  -moz-flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-shrink: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  width: 100%; }

	#main > .innerWrap {
		width: 100%;
		background-color: #ffffff;
	}

  #main > .innerWrap > .inner {
		padding: 2em calc(16px + (96 - 16) * ((100vw - 320px) / (1920 - 320))) 0.1em calc(16px + (96 - 16) * ((100vw - 320px) / (1920 - 320)));
    /* padding-bottom: 0.1em;
		padding-top: 0;
		padding-left: 20vh;
		padding-right: 20vh; */
    margin: 0 auto;
    max-width: 110em;
		background-color: #ffffff;
	 }
    #main > .inner > section {
      padding: 6em 0 4em 0 ;
      border-top: solid 2px rgba(210, 215, 217, 0.75); }
      #main > .inner > section:first-of-type {
        border-top: 0 !important; }
  @media screen and (min-width: 1680px) {
		#main > .innerWrap > .inner {
			padding: 2em 6em 0.1em 6em;

		 }
	}
  @media screen and (max-width: 1680px) {
    #main > .inner {
      padding: 0 5em 0.1em 5em ; }
      #main > .inner > section {
        padding: 5em 0 3em 0 ; } }
  @media screen and (max-width: 1280px) {
    #main > .inner {
      padding: 0 4em 0.1em 4em ; }
      #main > .inner > section {
        padding: 4em 0 2em 0 ; } }
  @media screen and (max-width: 736px) {
    #main > .inner {
      padding: 0 2em 0.1em 2em ; }
      #main > .inner > section {
        padding: 3em 0 1em 0 ; } }

/* Sidebar */


#search form {
  text-decoration: none;
  position: relative; }
  #search form:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }
  #search form:before {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    color: #7f888f;
    content: '\f002';
    cursor: default;
    display: block;
    font-size: 1.5em;
    height: 2em;
    line-height: 2em;
    opacity: 0.325;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 2em; }
  #search form input[type="text"] {
    padding-right: 2.75em; }

#sidebar {
  -moz-flex-grow: 0;
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -moz-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  -webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  -ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  background-color: #f5f6f7;
  font-size: 0.9em;
  position: relative;
  width: 26em; }
  #sidebar h2 {
    font-size: 1.38889em; }
  #sidebar > .inner {
    padding: 2.22222em 2.22222em 2.44444em 2.22222em ;
    position: relative;
    width: 26em; }
    #sidebar > .inner > * {
      border-bottom: solid 2px rgba(210, 215, 217, 0.75);
      margin: 0 0 3.5em 0;
      padding: 0 0 3.5em 0; }
      #sidebar > .inner > * > :last-child {
        margin-bottom: 0; }
      #sidebar > .inner > *:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0; }
    #sidebar > .inner > .alt {
      background-color: #eff1f2;
      border-bottom: 0;
      margin: -2.22222em 0 4.44444em -2.22222em;
      padding: 2.22222em;
      width: calc(100% + 4.44444em); }

  #sidebar .toggle {
		
    text-decoration: none;
    -moz-transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
    transition: left 0.5s ease;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border: 0;
    display: block;
    height: 7.5em;
    left: 26em;
    line-height: 7.5em;
    outline: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-indent: -15em;
    white-space: nowrap;
    top: 0;
    width: 6em;
    z-index: 10000;

	}
		/* .togglePositions {
			position: fixed;
			top: 0;
			left: 50px;
		} */
    #sidebar .toggle:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      text-transform: none !important;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900; }
    #sidebar .toggle:before {
      content: '\2630';
      font-size: 2rem;
      height: inherit;
      left: 0;
      line-height: inherit;
      position: absolute;
      text-indent: 0;
      top: 0;
      width: inherit; }
  #sidebar.inactive {
    margin-left: -26em; }
  @media screen and (max-width: 1680px) {
    #sidebar {
      width: 24em; }
      #sidebar > .inner {
        padding: 1.66667em 1.66667em 1.33333em 1.66667em ;
        width: 24em; }
        #sidebar > .inner > .alt {
          margin: -1.66667em 0 3.33333em -1.66667em;
          padding: 1.66667em;
          width: calc(100% + 3.33333em); }
      #sidebar .toggle {
        height: 6.25em;
        left: 24em;
        line-height: 6.25em;
        text-indent: 5em;
        width: 5em; }
        #sidebar .toggle:before {
          font-size: 1.5rem; }
      #sidebar.inactive {
        margin-left: -24em; } }
  @media screen and (max-width: 1280px) {
    #sidebar {
      box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      z-index: 10000; }
      #sidebar.inactive {
        box-shadow: none; }
      #sidebar > .inner {
        -webkit-overflow-scrolling: touch;
        height: 100%;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        top: 0; }
        #sidebar > .inner:after {
          content: '';
          display: block;
          height: 4em;
          width: 100%; }
      #sidebar .toggle {
        text-indent: 6em;
        width: 6em; }
        #sidebar .toggle:before {
          font-size: 1.5rem;
          margin-left: -0.4375em; }
      body.is-preload #sidebar {
        display: none; } }
  @media screen and (max-width: 736px) {
    #sidebar .toggle {
      text-indent: 7.25em;
      width: 7.25em; }
      #sidebar .toggle:before {
        color: #7f888f;
        margin-left: -0.0625em;
        margin-top: -0.25em;
        font-size: 1.1rem;
        z-index: 1; }
      #sidebar .toggle:after {
        background: rgba(222, 225, 226, 0.75);
        border-radius: 0.375em;
        content: '';
        height: 3.5em;
        left: 1em;
        position: absolute;
        top: 1em;
        width: 5em; } }



/* Header */
#header {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border-bottom: solid 5px #f56a6a;
  padding: 6em 0 1em 0;
  position: relative; }



	#header strong {
		color: rgb(176, 201, 210);
	}
	#header a:hover > strong{
		color: #f56a6a;
		transition: color 0.2s ease-in-out;
	}
  #header > * {
    -moz-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0; }
  #header .logo {
    border-bottom: 0;
    color: inherit;
    font-family: "Roboto Slab", serif;
    font-size: 1.125em; }
  #header .icons {
    text-align: right; }
  @media screen and (max-width: 1680px) {
    #header {
      padding-top: 5em; } }
  @media screen and (max-width: 736px) {
    #header {
      padding-top: 6.5em; }
      #header .logo {
        font-size: 1.25em;
        margin: 0; }
      #header .icons {
        height: 5em;
        line-height: 5em;
        position: absolute;
        right: -0.5em;
        top: 0; } }

/* Banner */


.banner-slide {
  position: absolute;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: -8;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  margin: 0;
  padding: 0;

}

.show {
	z-index: 100000;
}
#rotator ul {
	padding-left: 0;
}
.bannerHide {
	padding: 0vh 6em 0 6em;
	/* display: -webkit-box; */
  /* display: -ms-flexbox; */
  /* display: flex; */
  /* -webkit-box-align: center; */
  /* -ms-flex-align: center; */
  /* align-items: center; */
  /* text-align: center; */
  height: 100vh;

}
.bannerOpacity {
	/* width: 100%; */
	/* height: 100%; */
	/* position: absolute; */
	left: 0;
	/* bottom: 0; */
	/* opacity: 0.85; */
  /* background-color: #455663; */
	width: 100%;
  height: 100vh;
  /* background-color: #455663; */
  position: absolute;
  opacity: 0.85;
  background-color: #455663;
}

.banner-block {
  display: block;
  position: absolute;
	margin: 0 6em 0 0;

	
  /* max-width: 110em; */

  /* top: 50%; */
  /* left: 50%; */
  /* margin-right: -50%; */
  /* -webkit-transform: translate(-50%, -50%); */
  /* -ms-transform: translate(-50%, -50%); */
  /* transform: translate(-50%, -50%); */
}



#rotator,
#rotator ul,
#rotator ul li {
  width: 100%;
  height: 100%;
}

.rotator-slide {
	background-origin: border-box;
	background-repeat: no-repeat;
  /* background-size: contain; */
	background-position: center center;
	background-size: cover;
 
  /* float: left; */
  position: absolute;
  list-style: none;
}

.slide-4 {
  background-image: url(../images/банер/3.jpg);

	

}

.slide-3 {
  background-image: url(../images/банер/16.jpg);

}

.slide-1 {
  background-image: url(../images/банер/2.jpg);
	
}

.slide-2 {
  background-image: url(../images/банер/20.jpg);
	
}
.slide-5 {
  background-image: url(../images/банер/24.jpg);
	
}
.slide-6 {
  background-image: url(../images/банер/25.jpg);
	
}
.slide-7 {
  background-image: url(../images/банер/4.jpg);
	
}
.slide-8 {
  background-image: url(../images/банер/22.jpg);

}
.slide-9 {
  background-image: url(../images/банер/1.jpg);
	
}



#banner {
	width: 50%;
	height: 90vh;
	/* position: absolute; */
  /* padding: 6em 6em 6em 6em ; */
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; 
	/* background-image: url(../images/банер/1.jpg); */
	/* background-repeat: no-repeat; */
	/* background-size: cover; */
	/* background-position: center; */

}


	#banner h1 {
		color: rgb(176, 201, 210) !important;
		margin-top: -0.125em;
	}


  #banner .content {
		padding: 4em 2em 0 0em ;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    width: 50%; }
  /* #banner .image {
		background-image: url(../images/Lux_6267_.jpg);
		background-size: cover;
		background-position: center -75px;
		background-repeat: no-repeat;
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    display: block;
    margin: 0 0 2em 4em;
    width: 50%; } */
	    #banner .image img {
      height: 100%;
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      width: 100%; }
  @media screen and (orientation: portrait) {
    #banner {
      -moz-flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; 
		}
			#banner {
				width: 100%;
			}
      #banner h1 br {
        display: none; }
      #banner .content {
				padding: 2em 2em 4em 2em ;
        -moz-flex-grow: 0;
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        width: 100%; }
      /* #banner .image {
				background-image: url(../images/Lux_6267_2.jpg);
				background-position: center -35px;
        -moz-flex-grow: 0;
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        margin: 0 0 4em 0;
        height: 33em;
        max-height: 50vh;
        min-height: 18em;
        width: 100%; } */
			 }
			
	/* @media screen and (orientation: landscape) and (min-width: 655px) {
		#banner {
			align-items: flex-end;	
			width: 100%;
		}

		#banner h1 br {
			display: none; 
		}
		
		} */

		@media (max-width: 1420px) and (orientation: landscape) {
			#banner {
				align-items: flex-end;	
				width: 100%;
				height: 80vh;
			}
	
			#banner h1 br {
				display: none; 
			}
			
			}
			
			 
  @media (max-width: 780px) {
		.bannerHide {
			padding: 0 1em 1em 2.5em;
		}
		#banner .content {
			padding: 1em 0 3em 0;
		}
		/* .banner-block header > a, #banner .content  {
			zoom: 0.95;
		} */
			}

/* Footer */
#footer .copyright {
  color: #9fa3a6;
  opacity: 0.5;
  font-size: 0.9em; 
}

  #footer .copyright a {
    color: inherit; 
  
  }

/* Menu */
#menu ul {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #3d4449;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  letter-spacing: 0.075em;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  text-transform: uppercase; }
  #menu ul a, #menu ul span {
    border-bottom: 0;
    color: inherit;
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    padding: 0.625em 0; }
    #menu ul a:hover, #menu ul span:hover {
      color: #f56a6a; }
    #menu ul a.opener, #menu ul span.opener {
      -moz-transition: color 0.2s ease-in-out;
      -webkit-transition: color 0.2s ease-in-out;
      -ms-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out;
      text-decoration: none;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      position: relative; }
      #menu ul a.opener:before, #menu ul span.opener:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        text-transform: none !important;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900; }
      #menu ul a.opener:before, #menu ul span.opener:before {
        -moz-transition: color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
        -webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
        color: #9fa3a6;
        content: '\2B07';
        position: absolute;
        right: 0; }
      #menu ul a.opener:hover:before, #menu ul span.opener:hover:before {
        color: #f56a6a; }
      /* #menu ul a.opener.active + ul, #menu ul span.opener.active + ul {
        display: block; 
											} */
      #menu ul a.opener.active:before, #menu ul span.opener.active:before {
        /* transition: all 0.8s ease-out; */
				-moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg); 
				}

#menu > ul > li {
  border-top: solid 1px rgba(210, 215, 217, 0.75);
  margin: 0.5em 0 0 0;
  padding: 0.5em 0 0 0; }
  #menu > ul > li > ul {
    color: #9fa3a6;
    display: none;
    margin: 0.5em 0 1.5em 0;
    padding-left: 1em; }
    #menu > ul > li > ul a, #menu > ul > li > ul span {
      font-size: 0.8em; }
    #menu > ul > li > ul > li {
      margin: 0.125em 0 0 0;
      padding: 0.125em 0 0 0; }
  #menu > ul > li:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0; }

		/* #toTop {
			display: none;
		}
		
		.top-btn {
			width: 40px;
			height: 40px;
			position: fixed;
			right: 50px;
			bottom: 50px;
			border-radius: 50%;
			background-color: #fefefe;
			z-index: 4;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.3);
			box-shadow: 2px 0 6px rgba(0, 0, 0, 0.3);
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s;
		}
		
		.top-arrow {
			width: 10px;
			height: 10px;
			position: absolute;
			top: 52%;
			left: 52%;
			margin-right: -50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			border-left: 2px solid #212222;
			border-top: 2px solid #212222;
			/* border-right: 2px solid ;
			border-bottom: 2px solid ; */
			/* -webkit-box-sizing: border-box;
			box-sizing: border-box;
		
			-webkit-transition: 0.5s;
		
			-o-transition: 0.5s;
		
			transition: 0.5s;
		} */
		/* #toTop:hover .top-btn {
			background-color: #E44C65;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s;
		}
		
		#toTop:hover .top-arrow {
			border-color: #FFFFFF;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s;
		}  */
    #btn-home {
      display: none;
      
    }
    .btn-top-wrapper {
      position: fixed;
      right: 50px;
      bottom: 50px;
    }
    .top-btn {
      width: 40px;
      height: 40px;
      
      border-radius: 50%;
      background-color: #fefefe;
      z-index: 4;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.3);
      box-shadow: 2px 0 6px rgba(0, 0, 0, 0.3);
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
    }
    
    .top-arrow {
      width: 10px;
      height: 10px;
      position: absolute;
      top: 52%;
      left: 52%;
      margin-right: -50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-left: 2px solid #212222;
      border-top: 2px solid #212222;
      /* border-right: 2px solid ;
      border-bottom: 2px solid ; */
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    
      -webkit-transition: 0.5s;
    
      -o-transition: 0.5s;
    
      transition: 0.5s;
    }
    	.top-btn:hover {
			background-color: #f56a6a;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s;
		}
		
		.top-btn:hover .top-arrow {
			border-color: #FFFFFF;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s;
		} 
		@media (max-width: calc(580px / 0.7)) {
			.btn-top-wrapper {
				right: calc(20px + (50 - 20) * ((100vw - (320px / 0.7)) / ((580 / 0.7) - (320 / 0.7))));
				bottom: calc(20px + (50 - 20) * ((100vw - (320px / 0.7)) / ((580 / 0.7) - (320 / 0.7))));
				/* bottom: 30px; */
			}
		}