@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap");
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;
}

i, em {
  font-style: italic;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* https://engageinteractive.co.uk/blog/top-10-scss-mixins */
/* my mixins */
/* AFFIL2020 */
body {
  font-family: "Open Sans", sans-serif;
}

.ui-widget,
textarea, input {
  font-family: "Open Sans", sans-serif;
}

.roboto {
  font-family: "Roboto Slab", serif;
}

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

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

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

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

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

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

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

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

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* VARIABLES */
/* COLORS */
/**/
/* old */
/* blog */
/* */
/* BODY */
html, body {
  margin: 0px;
  padding: 0px;
  text-align: left;
}

body {
  -webkit-text-size-adjust: 100%;
}

/* EXTRA RESET */
a {
  outline: none;
  cursor: pointer;
  -ms-user-select: none;
}

* {
  background-repeat: no-repeat;
}

textarea, input {
  outline: none;
}

b, strong {
  font-weight: 700;
}

/* LAYOUT HELPERS */
.cb, .clr {
  clear: both;
  font-size: 1px;
  line-height: 1px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.nowrap, .nobr {
  white-space: nowrap;
}

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

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

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

*, :before, :after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*-webkit-backface-visibility:hidden;*/
}

/* CONTENT */
html {
  min-height: 100vh;
  min-width: 320px;
  overflow: auto !important;
}

body {
  min-height: 100vh;
  background: #414143;
  position: relative;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.4;
  color: #383838;
  min-width: 320px; /*overflow:hidden;*/
}

@media (max-width: 1400px) {
  body {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .mobileHide {
    display: none;
  }
}
* {
  font-feature-settings: "liga" 0;
}

a {
  color: inherit;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a:hover {
  color: inherit;
}

p {
  margin-bottom: 18px;
}

b, strong {
  font-weight: 500;
}

hr {
  margin-top: 0px;
  margin-bottom: 20px;
  background: #e3e3e3;
}

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

span.radiovy > span {
  font-size: 1.3em;
}

/*
	https://bennettfeely.com/clippy/
	https://getbootstrap.com/docs/3.4/customize/
	xs = Extra small <576px. Max container width None (auto)
	sm = Small ≥576px. Max container width 540px.
	md = Medium ≥768px. Max container width 720px.
	lg = Large ≥1024px. Max container width 960px.
	xl = Extra large ≥1200px. Max container width 1140px.
*/
/* GRID */
body {
  /*max-width:1920px;
  min-width:1900px;
  margin:auto;*/
}

.container {
  max-width: 1900px !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 5px;
  padding-left: 5px;
}

/* GLOBAL */
#wpadminbar {
  z-index: 9999999;
}

/* stop mouseovers */
/**/
.lg-backdrop {
  z-index: 999999997;
}

.lg-outer {
  z-index: 999999998;
}

/* GLOBAL */
.nav.nav-top ul li,
.nav.nav-subcontext {
  position: absolute;
  top: 3px;
  right: 10px;
  bottom: auto;
  left: auto;
  z-index: 99;
}
.nav.nav-top ul li .list.list-subnav,
.nav.nav-subcontext .list.list-subnav {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  max-height: 0px;
  background: #bcbdbf;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  min-width: 300px;
  position: absolute;
  top: 1px;
  right: -4px;
  bottom: auto;
  left: auto;
  z-index: 98;
  transition: all 0.25s linear;
}
.nav.nav-top ul li .list.list-subnav li,
.nav.nav-subcontext .list.list-subnav li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.nav.nav-top ul li .list.list-subnav .subnav-item,
.nav.nav-subcontext .list.list-subnav .subnav-item {
  text-align: left;
  margin-bottom: 15px;
}
.nav.nav-top ul li .list.list-subnav .subnav-item a,
.nav.nav-subcontext .list.list-subnav .subnav-item a {
  display: block;
  padding-left: 25px;
  position: relative;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 400;
  text-decoration: none;
}
.nav.nav-top ul li .list.list-subnav .subnav-item a:before,
.nav.nav-subcontext .list.list-subnav .subnav-item a:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px #414143 solid;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: auto;
  left: 0px;
}
.nav.nav-top ul li .list.list-subnav .subnav-item.active a:before,
.nav.nav-subcontext .list.list-subnav .subnav-item.active a:before {
  background: #414143;
}
.nav.nav-top ul li.open,
.nav.nav-subcontext.open {
  z-index: 999;
}
.nav.nav-top ul li.open .list.list-subnav,
.nav.nav-subcontext.open .list.list-subnav {
  max-height: 400px;
  padding-top: 25px;
  padding-bottom: 5px;
}
.nav.nav-top ul li.open .sub-hamburger span:nth-of-type(1),
.nav.nav-subcontext.open .sub-hamburger span:nth-of-type(1) {
  top: 10px;
  transform: rotate(29deg);
}
.nav.nav-top ul li.open .sub-hamburger span:nth-of-type(2),
.nav.nav-subcontext.open .sub-hamburger span:nth-of-type(2) {
  top: 10px;
  transform: rotate(29deg);
}
.nav.nav-top ul li.open .sub-hamburger span:nth-of-type(3),
.nav.nav-subcontext.open .sub-hamburger span:nth-of-type(3) {
  top: 10px;
  transform: rotate(-29deg);
}
.nav.nav-top ul li .sub-hamburger,
.nav.nav-subcontext .sub-hamburger {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  display: block;
  width: 20px;
  height: 20px;
  transition: all 0.25s linear;
  cursor: pointer;
  z-index: 99;
}
.nav.nav-top ul li .sub-hamburger span,
.nav.nav-subcontext .sub-hamburger span {
  width: 20px;
  height: 2px;
  background: #141414;
  position: absolute;
  top: 4px;
  right: auto;
  bottom: auto;
  left: 0px;
  transition: all 0.25s linear;
}
.nav.nav-top ul li .sub-hamburger span:nth-of-type(1),
.nav.nav-subcontext .sub-hamburger span:nth-of-type(1) {
  top: 4px;
}
.nav.nav-top ul li .sub-hamburger span:nth-of-type(2),
.nav.nav-subcontext .sub-hamburger span:nth-of-type(2) {
  top: 10px;
}
.nav.nav-top ul li .sub-hamburger span:nth-of-type(3),
.nav.nav-subcontext .sub-hamburger span:nth-of-type(3) {
  top: 16px;
}
.nav.nav-top ul li .sub-hamburger:hover span,
.nav.nav-subcontext .sub-hamburger:hover span {
  background: #fff;
}

.nav.nav-top ul li {
  position: relative !important;
  right: auto;
  top: auto;
}
.nav.nav-top ul li .sub-hamburger {
  top: auto;
  right: 15px;
  bottom: 10px;
  z-index: 99;
}
.nav.nav-top ul li .sub-hamburger span {
  background: #fff;
}
.nav.nav-top ul li .list.list-subnav {
  top: calc(100% + 5px);
  right: 4px;
  padding-top: 0px !important;
  padding-left: 2px;
  padding-bottom: 0px !important;
  padding-right: 2px;
  background: #ddd;
}
.nav.nav-top ul li .list.list-subnav > span {
  margin-top: 2px;
  display: block;
  background: #2d2926;
  padding: 12px 15px;
  text-align: center;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  border-radius: 5px;
  margin-bottom: 2px;
}
.nav.nav-top ul li .list.list-subnav li {
  margin-bottom: 2px !important;
}
.nav.nav-top ul li .list.list-subnav li a {
  padding: 12px 15px;
  text-align: center;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 15px !important;
  line-height: 1;
  font-weight: 400;
  text-transform: none;
  backround: #71bf45;
  border-radius: 5px;
}
.nav.nav-top ul li .list.list-subnav li a:before {
  display: none;
}
.nav.nav-top ul li .list.list-subnav.open {
  max-height: 500px;
}

.breadcrumb {
  padding: 15px 0px 15px 0px;
  margin-bottom: 0px;
  background: transparent;
}
.breadcrumb .container .row .col-12 a.home .icon.icon-home {
  font-size: 15px;
  color: #f7a92f;
}
.breadcrumb .container .row .col-12 a {
  color: #f7a92f;
}
.breadcrumb .container .row .col-12 a:after {
  content: "G";
  font-family: "ceskysteak";
  transform: rotate(-90deg);
  font-size: 9px;
  margin-left: 4px;
  position: relative;
  top: -1px;
  display: inline-block;
  color: #383838;
}
.breadcrumb .container .row .col-12 a:last-of-type {
  color: #383838;
  cursor: auto;
}
.breadcrumb .container .row .col-12 a:last-of-type:hover {
  text-decoration: none;
}
.breadcrumb .container .row .col-12 a:last-of-type:after {
  display: none;
}

@media (max-width: 767px) {
  .breadcrumb {
    background: #e8e3da;
  }
}
.header {
  position: relative;
  background: #fff;
}
.header:before {
  content: "";
  display: block;
  height: 53px;
  background: #333333;
  z-index: 1;
  position: absolute;
  top: auto;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.header .col-12 {
  height: 145px;
  position: relative;
  z-index: 2;
}
.header .col-12 .record {
  width: 50px;
  height: 60px;
  position: absolute;
  top: 28px;
  right: 92px;
  bottom: auto;
  left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.header .col-12 .record > a {
  font-size: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 60px;
}
.header .col-12 .record > a .icon {
  display: block;
  width: 30px;
  height: 44px;
  background: transparent url("../gfx/icon/record11.png") center center no-repeat;
  background-size: contain;
}
.header .col-12 .menu-toggle {
  position: absolute;
  top: 34px;
  right: 15px;
  bottom: auto;
  left: auto;
  width: 40px;
  height: 46px;
  transition: all 0.25s linear;
  display: none;
}
.header .col-12 .menu-toggle span {
  width: 40px;
  height: 4px;
  background: #141414;
  position: absolute;
  top: 4px;
  right: auto;
  bottom: auto;
  left: 0px;
  transition: all 0.25s linear;
}
.header .col-12 .menu-toggle span:nth-of-type(1) {
  top: 3px;
}
.header .col-12 .menu-toggle span:nth-of-type(2) {
  top: 16px;
}
.header .col-12 .menu-toggle span:nth-of-type(3) {
  top: 29px;
}
.header .col-12 .menu-toggle span:nth-of-type(4) {
  top: 42px;
}
.header .col-12 .menu-toggle.active span:nth-of-type(1) {
  top: 31px;
  transform: rotate(45deg);
}
.header .col-12 .menu-toggle.active span:nth-of-type(2) {
  top: 31px;
  transform: rotate(45deg);
}
.header .col-12 .menu-toggle.active span:nth-of-type(3) {
  top: 31px;
  transform: rotate(-45deg);
}
.header .col-12 .menu-toggle:hover span {
  background: #71bf45;
}
.header .col-12 .locality {
  margin: 0px;
  width: 640px;
  position: absolute;
  top: 58px;
  right: auto;
  bottom: auto;
  left: 50%;
  margin-left: -320px;
  text-align: center;
  color: #333;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
}
.header .col-12 .nav.nav-main {
  width: 640px;
  position: absolute;
  top: 109px;
  right: auto;
  bottom: auto;
  left: 50%;
  margin-left: -320px;
}
.header .col-12 .nav.nav-main ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  letter-spacing: 1px;
}
.header .col-12 .nav.nav-main ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.header .col-12 .nav.nav-main ul li {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  display: inline;
}
.header .col-12 .nav.nav-main ul li a {
  color: #fff;
  text-decoration: none;
  margin: 0px 5px;
}
.header .col-12 .nav.nav-main ul li a:hover {
  text-decoration: underline;
}
.header .col-12 .nav.nav-main ul li:after {
  content: "|";
  color: #fff;
  margin: 0px 3px;
}
.header .col-12 .nav.nav-main ul li:last-of-type:after {
  display: none;
}
.header .col-12 .search {
  position: absolute;
  top: 43px;
  right: 300px;
  bottom: auto;
  left: auto;
  padding: 0px 5px;
  width: 15%;
}
.header .col-12 .search form {
  width: 100%;
  height: 36px;
  position: relative;
}
.header .col-12 .search form input[type=text] {
  width: 100%;
  height: 36px;
  border: 1px #5a5a5c solid;
  border-radius: 6px;
  padding: 0px 15px;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}
.header .col-12 .search form input[type=submit] {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  background: transparent url("../gfx/icon/search.png") center center no-repeat;
  background-size: 26px 20px;
  border: none;
  cursor: pointer;
}
.header .col-12 .login {
  position: absolute;
  top: 109px;
  right: 300px;
  bottom: auto;
  left: auto;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  letter-spacing: 1px;
  color: #fff;
}
.header .col-12 .login a {
  color: #fff;
  margin: 0px 5px;
  text-decoration: none;
}
.header .col-12 .login a:hover {
  text-decoration: underline;
}
.header .col-12 .user {
  /* 102 + 16 */
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0px;
  right: 160px;
  bottom: auto;
  left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .col-12 .user .image {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px #5a5a5c solid;
  border-radius: 50%;
  overflow: hidden;
}
.header .col-12 .user .badge {
  position: absolute;
  top: 13px;
  right: 15px;
  bottom: auto;
  left: auto;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #71bf45;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  z-index: 1;
}
.header .col-12 .logo {
  position: absolute;
  top: 0px;
  right: auto;
  bottom: auto;
  left: 20px;
  /*display:flex;*/
  text-decoration: none;
}
.header .col-12 .logo img {
  width: 335px;
  height: auto;
  margin-right: 10px;
}
.header .col-12 .logo .claim {
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 300;
  /*margin-top:66px;*/
  position: absolute;
  top: auto;
  right: auto;
  bottom: 6px;
  left: 132px;
  white-space: nowrap;
}

@media (max-width: 1600px) {
  .header .col-12 .user {
    right: 130px;
  }
  .header .col-12 .search,
  .header .col-12 .login {
    right: 270px;
  }
  .header .col-12 .search {
    width: 14%;
  }
}
@media (max-width: 1440px) {
  /*.header .col-12 {
  	height:130px;
  }
  .header .col-12 .logo {
  	img {
  		width:270px;
  	}
  	.claim {
  		left:106px;
  		bottom:1px;
  	}
  }
  .header .col-12 .user {
  	width:105px;
  	height:105px;
  	right:115px;

  	.image {
  		width:80px;
  		height:80px;
  	}
  }
  .header .col-12 .search, .header .col-12 .login {
  	right:220px;
  }
  .header .col-12 .login {
  	top:88px;
  }
  .header .col-12 .search {
  	width:184px;
  	top:30px;
  }
  .header .col-12 .nav.nav-main,
  .header .col-12 .locality {
  	width:540px;
  	text-align:left;
  	margin-left:0px;
  	left:320px;
  }
  .header .col-12 .locality {
  	top:42px;
  }
  .header .col-12 .nav.nav-main {
  	top:87px;

  		ul {
  		text-align:left;
  		justify-content:flex-start;
  	}		
  }
  */
}
@media (max-width: 1280px) {
  .header .col-12 .nav.nav-main {
    width: 390px;
  }
}
@media (max-width: 1045px) {
  .header .col-12 .nav.nav-main {
    top: 5px;
    left: auto;
    right: 0px;
  }
  .header .col-12 .nav.nav-main ul {
    color: #383838;
  }
  .header .col-12 .nav.nav-main ul li:after,
  .header .col-12 .nav.nav-main ul li a {
    color: #383838;
  }
}
@media (max-width: 767px) {
  .header {
    position: relative;
    border-top: 9px #71bf45 solid;
  }
  .header:before {
    height: 110px;
    background: #414143;
  }
  .header .col-12 {
    height: 200px;
  }
  .header .col-12 .user {
    right: 15px;
  }
  .header .col-12 .menu-toggle {
    width: 63px;
    height: 63px;
    position: absolute;
    top: auto;
    right: 37px;
    bottom: 17px;
    left: auto;
    border-radius: 5px;
    background: #71bf45;
    display: block;
  }
  .header .col-12 .menu-toggle span {
    display: block;
    height: 3px;
    width: 47px;
    background: #fff;
    position: absolute;
    left: 8px;
    top: 0px;
  }
  .header .col-12 .menu-toggle span:nth-of-type(1) {
    top: 12px;
  }
  .header .col-12 .menu-toggle span:nth-of-type(2) {
    top: 30px;
  }
  .header .col-12 .menu-toggle span:nth-of-type(3) {
    top: 48px;
  }
  .header .col-12 .menu-toggle:hover span {
    background: #fff;
  }
  .header .col-12 .search {
    top: auto;
    bottom: 17px;
    width: auto;
    right: 120px;
    left: 120px;
  }
  .header .col-12 .search form {
    height: 63px;
  }
  .header .col-12 .search form input[type=text] {
    height: 63px;
    font-size: 20px;
  }
  .header .col-12 .search form input[type=submit] {
    width: 63px;
    height: 63px;
    background-size: 40px auto;
  }
  .header .col-12 .login {
    top: 47px;
    right: 120px;
    color: #383838;
  }
  .header .col-12 .login a {
    color: #383838;
    font-size: 17px;
  }
  .header .col-12 .locality,
  .header .col-12 .nav.nav-main {
    display: none;
  }
  .header .col-12 .logo .claim {
    color: #383838;
    bottom: 22px;
    white-space: nowrap;
  }
  body.menu-active .header .col-12 .menu-toggle span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 30px;
  }
  body.menu-active .header .col-12 .menu-toggle span:nth-of-type(2) {
    transform: rotate(45deg);
    top: 30px;
  }
  body.menu-active .header .col-12 .menu-toggle span:nth-of-type(3) {
    transform: rotate(-45deg);
    top: 30px;
  }
}
@media (max-width: 660px) {
  .header .col-12 .login a {
    margin: 0px;
  }
  .header .col-12 {
    height: 140px;
  }
  .header:before {
    height: 85px;
  }
  .header .col-12 .logo {
    left: 0px;
  }
  .header .col-12 .logo .claim {
    left: 66px;
    font-size: 9px;
    bottom: 16px;
  }
  .header .col-12 .logo img {
    width: 170px;
  }
  .header .col-12 .login {
    right: 70px;
    top: 22px;
    display: none;
  }
  .header .col-12 .login a {
    font-size: 13px;
    letter-spacing: -0.2px;
  }
  .header .col-12 .user {
    width: 65px;
    height: 65px;
    right: 0px;
  }
  .header .col-12 .user .image {
    width: 50px;
    height: 50px;
  }
  .header .col-12 .user .badge {
    top: 0px;
    right: 0px;
    transform: scale(0.7);
  }
  .header .col-12 .search {
    left: 60px;
    right: 60px;
  }
  .header .col-12 .search form {
    height: 46px;
  }
  .header .col-12 .search form input[type=text] {
    height: 46px;
  }
  .header .col-12 .search form input[type=submit] {
    width: 46px;
    height: 46px;
    background-size: 25px auto;
  }
  .header .col-12 .menu-toggle {
    width: 45px;
    height: 45px;
    right: 10px;
  }
  .header .col-12 .menu-toggle span {
    height: 2px;
    width: 29px;
  }
  .header .col-12 .menu-toggle span:nth-of-type(1) {
    top: 12px;
  }
  .header .col-12 .menu-toggle span:nth-of-type(2) {
    top: 22px;
  }
  .header .col-12 .menu-toggle span:nth-of-type(3) {
    top: 32px;
  }
  body.menu-active .header .col-12 .menu-toggle span:nth-of-type(1) {
    top: 22px;
  }
  body.menu-active .header .col-12 .menu-toggle span:nth-of-type(2) {
    top: 22px;
  }
  body.menu-active .header .col-12 .menu-toggle span:nth-of-type(3) {
    top: 22px;
  }
}
@media (max-width: 420px) {
  .header .col-12 .login {
    display: none;
  }
}
@media (max-width: 1200px) {
  /*.header .col-12 {
  	height:90px;
  }
  .header .col-12 .logo {
  	left:15px;

  	img {
  		width:215px;
  	}
  }
  .header .col-12 .user {
  	height:85px;
  	width:85px;
  	right:5px;

  	.badge {
  		width:25px;
  		height:25px;
  		top:3px;
  		right:9px;
  	}
  	.image {
  		width:67px;
  		height:67px;
  	}
  }
  .header .col-12 .locality {
  	font-size:20px;
  	top:31px;
  }
  .header .col-12 .nav.nav-main {
  	top:62px;

  	ul {
  		li {
  			font-size:14px;
  		}
  	}
  }
  .header .col-12 .login {
  	top:66px;
  	right:95px;
  	font-size:14px;
  }
  .header .col-12 .search {
  	top:23px;
  	right:95px;

  	form {
  		input[type="text"] {
  			height:33px;
  			font-size:13px;
  		}
  		input[type="submit"] {
  			height:32px;
  		}
  	}
  }*/
}
@media (max-width: 991px) {
  /*.header .col-12 {
  	height:90px;
  }
  .header .col-12 .logo {
  	left:15px;

  	img {
  		width:73px;
  		height:73px;
  		object-fit:cover;
  		object-position:left top;
  	}
  }
  .header .col-12 .locality {
  	left:100px;
  	text-align:left;
  	margin-left:0px;
  	max-width:53%;
  	overflow:hidden;
  	text-overflow:ellipsis;
  	white-space:nowrap;
  }
  .header .col-12 .nav.nav-main {
  	left:100px;
  	margin-left:-5px;

  	ul {
  		text-align:left;
  	}
  }*/
}
@media (max-width: 767px) {
  /*.header .col-12 {
  	height:80px;

  	.record {
  		display:flex;
  	}
  }
  .header .col-12 .logo {
  	top:21px;
  }
  .header .col-12 .user {
  	top:10px;
  }
  .header .col-12 .menu-toggle {
  	display:block;
  }
  .header .col-12 .nav.nav-main,
  .header .col-12 .locality,
  .header .col-12 .search,
  .header .col-12 .login {
  	display:none;
  }
  .header .col-12 .user {
  	right:155px;
  }*/
}
.footer {
  padding: 50px 0px;
  background: #272525;
}
.footer .container .row {
  justify-content: space-between;
  /*> div:nth-of-type(2) {
  	text-align:center;
  }
  > div:nth-of-type(3) {
  	text-align:right;
  }*/
}
.footer .container .row > div {
  -ms-flex: 1;
  flex: 1;
  max-width: none;
}
.footer .container .row .logo img {
  width: 600px;
  height: auto;
  margin-bottom: 50px;
}
.footer .container .row .footer-links a {
  margin: 0px 30px;
}
.footer .container .row .footer-links a img {
  height: 45px;
  width: auto;
}
.footer .container .row .footer-nav,
.footer .container .row .footer-block {
  padding: 0px 25px;
  margin-bottom: 60px;
}
.footer .container .row .footer-nav b,
.footer .container .row .footer-block b {
  font-weight: 700;
}
.footer .container .row .footer-nav p,
.footer .container .row .footer-block p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0px;
}
.footer .container .row .footer-nav p a,
.footer .container .row .footer-block p a {
  color: #fff;
  text-decoration: none;
}
.footer .container .row .footer-nav p a:hover,
.footer .container .row .footer-block p a:hover {
  text-decoration: underline;
}
.footer .container .row .footer-nav ul,
.footer .container .row .footer-block ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.footer .container .row .footer-nav ul li,
.footer .container .row .footer-block ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.footer .container .row .footer-nav ul li,
.footer .container .row .footer-block ul li {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0px;
  white-space: nowrap;
}
.footer .container .row .footer-nav ul li a,
.footer .container .row .footer-block ul li a {
  color: #fff;
  text-decoration: none;
}
.footer .container .row .footer-nav ul li a:hover,
.footer .container .row .footer-block ul li a:hover {
  text-decoration: underline;
}

@media (max-width: 1170px) {
  .footer .container > div > div.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer .container .row {
    justify-content: space-between;
  }
  .footer .container .row > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .footer .container .row > div:nth-of-type(2) {
    text-align: right;
  }
}
@media (max-width: 991px) {
  /*.footer {
  	.container {
  		> div:nth-of-type(1) > div {
  			-ms-flex: 0 0 100%;
  			flex: 0 0 100%;
  			max-width: 100%;
  		}
  		> div:nth-of-type(2) {
  			>  div:nth-of-type(1),
  			>  div:nth-of-type(2) {
  				-ms-flex: 0 0 50%;
  				flex: 0 0 50%;
  				max-width: 50%;
  			}
  			>  div:nth-of-type(3) {
  				-ms-flex: 0 0 100%;
  				flex: 0 0 100%;
  				max-width: 100%;
  				text-align:center;
  			}
  		}
  	}
  }*/
  .footer .container .row .footer-nav ul li, .footer .container .row .footer-block ul li {
    white-space: normal;
  }
}
@media (max-width: 767px) {
  .footer .container > div > div.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center !important;
  }
  .footer .container > div:nth-of-type(1) > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .footer .container > div:nth-of-type(2) > div:nth-of-type(1),
  .footer .container > div:nth-of-type(2) > div:nth-of-type(2) {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
  }
  .footer .container > div:nth-of-type(2) > div:nth-of-type(4),
  .footer .container > div:nth-of-type(2) > div:nth-of-type(3) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center !important;
  }
  .footer .container > div:nth-of-type(2) > div:nth-of-type(4) section,
  .footer .container > div:nth-of-type(2) > div:nth-of-type(3) section {
    text-align: center !important;
  }
  .footer .container .row .logo img {
    width: 400px;
  }
  .footer .container .row .footer-links a {
    margin: 0px 15px;
  }
  .footer .container .row .footer-links a img {
    height: 25px;
  }
}
@media (max-width: 730px) {
  .footer .container .row .footer-nav, .footer .container .row .footer-block {
    margin-bottom: 30px;
  }
  .footer .container .row .logo img {
    margin-bottom: 20px;
  }
  .footer .container .row .logo img {
    width: 300px;
  }
  .footer .container .row > div,
  .footer .container .row > div:nth-of-type(3) {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center;
  }
}
@media (max-width: 500px) {
  .footer .container .row .footer-nav ul li,
  .footer .container .row .footer-block ul li,
  .footer .container .row .footer-nav p,
  .footer .container .row .footer-block p {
    font-size: 13px;
  }
}
.btn {
  background: #71bf45;
  border: none;
  max-width: 200px;
  cursor: pointer;
  width: 100%;
  max-height: 56px;
  display: block;
  padding: 20px 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  border: none;
  border-radius: 5px;
  text-decoration: none;
}
.btn:active, .btn:focus {
  outline: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn:hover {
  background: #7dc950 !important;
  color: #fff;
}
.btn.btn-primary {
  color: #fff;
}
.btn.btn-primary:focus, .btn.btn-primary:active {
  border: 1px #141414 solid !important;
  background: transparent !important;
  color: #141414;
}
.btn.btn-primary:hover {
  background: #7dc950 !important;
  color: #fff;
}
.btn.btn-secondary {
  color: #e00b0b;
}
.btn.btn-secondary:focus, .btn.btn-secondary:active {
  border: 1px #e00b0b solid !important;
  background: transparent !important;
  color: #e00b0b;
}
.btn.btn-secondary:hover {
  background: #e00b0b !important;
  color: #fff;
}
.btn.btn-grey {
  color: #383838;
  background: #e3e3e3;
}
.btn.btn-grey:focus, .btn.btn-grey:active {
  border: 1px #e3e3e3 solid !important;
  background: transparent !important;
  color: #e3e3e3;
}
.btn.btn-grey:hover {
  background: #f2f2f2 !important;
  color: #383838;
}

/* stop mouseovers */
/* end */
.megamenu {
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 210px;
  bottom: 0px;
  z-index: 9999;
  background: #424041;
  color: #71bf45;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s linear;
}
.megamenu .mobileNo {
  display: none !important;
}
.megamenu .row > .col-12 {
  padding-top: 0px;
}
.megamenu .row > .col-12 > .col-12 ul li.record {
  display: none;
}
.megamenu .row > .col-12 > .megamenu-slider {
  padding: 0px 30px;
  margin-bottom: 0px;
  overflow: hidden;
  background: #242021;
  max-height: 0px;
}
.megamenu .row > .col-12 > .megamenu-slider.active {
  max-height: 500px;
  padding: 15px 30px;
  margin-bottom: 3px;
}
.megamenu .row > .col-12 > .megamenu-slider .slick-prev, .megamenu .row > .col-12 > .megamenu-slider .slick-next {
  height: 126px;
  background: #242021;
  width: 40px;
  z-index: 9;
  margin: 0px;
  top: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.megamenu .row > .col-12 > .megamenu-slider .slick-prev:before, .megamenu .row > .col-12 > .megamenu-slider .slick-next:before {
  content: "";
  font-size: 0px;
  display: block;
  position: relative;
  opacity: 1;
}
.megamenu .row > .col-12 > .megamenu-slider .slick-prev {
  left: -30px;
}
.megamenu .row > .col-12 > .megamenu-slider .slick-prev:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27.5px 15px 27.5px 0;
  border-color: transparent #fff transparent transparent;
  left: 12px;
}
.megamenu .row > .col-12 > .megamenu-slider .slick-next {
  right: -30px;
}
.megamenu .row > .col-12 > .megamenu-slider .slick-next:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27.5px 0 27.5px 15px;
  border-color: transparent transparent transparent #fff;
  left: 15px;
}
.megamenu .row > .col-12 > .megamenu-slider ul li {
  padding: 0px 5px;
  text-align: center;
}
.megamenu .row > .col-12 > .megamenu-slider ul li .img {
  overflow: hidden;
  border-radius: 5px;
  max-width: 125px;
  margin: auto;
  margin-bottom: 16px;
}
.megamenu .row > .col-12 > .megamenu-slider ul li .img img {
  width: 100%;
}
.megamenu .row > .col-12 > .megamenu-slider ul li .txt h3 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  color: #fff;
}
.megamenu .row > .col-12 > .megamenu-slider ul li .txt p {
  margin: 0px;
  padding: 0px;
  color: #fff;
}
.megamenu .row > .col-12 > .megamenu-slider#megamenu-slider-actual .slick-prev,
.megamenu .row > .col-12 > .megamenu-slider#megamenu-slider-actual .slick-next {
  top: 30px;
}
.megamenu .row > .col-12 > .megamenu-slider#megamenu-slider-actual ul li .img {
  max-width: 200px;
}
.megamenu .row > .col-12 > a.megamenu-item {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  padding: 12px 15px;
  color: #fff;
  background: #595a5c;
  border-bottom: 3px #424041 solid;
  text-decoration: none;
  position: relative;
}
.megamenu .row > .col-12 > a.megamenu-item:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: auto;
  left: auto;
}
.megamenu .row > .col-12 > a.megamenu-item.active {
  background: #71bf45;
}
.megamenu .row > .col-12 > a.megamenu-item.active:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: 12px;
  right: 15px;
  bottom: auto;
  left: auto;
}
.megamenu .row > .col-12 > .col-12.menu-type-2 {
  background: #fff;
}
.megamenu .row > .col-12 > .col-12.menu-type-2 .menu-title {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  padding: 12px 15px;
  border-bottom: 3px #424041 solid;
}
.megamenu .row > .col-12 > .col-12.menu-type-2 ul li a {
  background: #fff;
  color: #383838;
}
.megamenu .row > .col-12 > .col-12,
.megamenu .row > .col-12 .nav.nav-main {
  padding: 0px;
}
.megamenu .row > .col-12 > .col-12 ul,
.megamenu .row > .col-12 .nav.nav-main ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.megamenu .row > .col-12 > .col-12 ul li,
.megamenu .row > .col-12 .nav.nav-main ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.megamenu .row > .col-12 > .col-12 ul li,
.megamenu .row > .col-12 .nav.nav-main ul li {
  width: 100%;
}
.megamenu .row > .col-12 > .col-12 ul li a,
.megamenu .row > .col-12 .nav.nav-main ul li a {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  padding: 12px 15px;
  color: #fff;
  background: #595a5c;
  border-bottom: 3px #424041 solid;
  text-decoration: none;
}
.megamenu .row > .col-12 > .col-12 ul li a .badge,
.megamenu .row > .col-12 .nav.nav-main ul li a .badge {
  font-weight: 400;
  font-size: 11px;
}
.megamenu .row > .col-12 .search {
  padding: 10px 15px;
  width: 100%;
}
.megamenu .row > .col-12 .search form {
  width: 100%;
  height: 38px;
  position: relative;
}
.megamenu .row > .col-12 .search form input[type=text] {
  width: 100%;
  height: 38px;
  border: 1px #5a5a5c solid;
  border-radius: 6px;
  padding: 0px 15px;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}
.megamenu .row > .col-12 .search form input[type=submit] {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  background: transparent url("../gfx/icon/search.png") center center no-repeat;
  border: none;
  cursor: pointer;
}
.megamenu .row > .col-12 .login {
  padding: 8px 15px;
  color: #242021;
  border-bottom: 2px #242021 solid;
}
.megamenu .row > .col-12 .login a {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  color: #242021;
  text-decoration: none;
}
.megamenu .row > .col-12 .menu-toggle {
  display: block;
  position: absolute;
  top: 36px;
  right: 15px;
  bottom: auto;
  left: auto;
  width: 44px;
  height: 34px;
  transition: all 0.25s linear;
}
.megamenu .row > .col-12 .menu-toggle span {
  width: 44px;
  height: 2px;
  background: #141414;
  position: absolute;
  top: 4px;
  right: auto;
  bottom: auto;
  left: 0px;
  transition: all 0.25s linear;
}
.megamenu .row > .col-12 .menu-toggle span:nth-of-type(1) {
  top: 16px;
  transform: rotate(45deg);
}
.megamenu .row > .col-12 .menu-toggle span:nth-of-type(2) {
  top: 16px;
  left: 22px;
  width: 0px;
}
.megamenu .row > .col-12 .menu-toggle span:nth-of-type(3) {
  top: 16px;
  transform: rotate(-45deg);
}
.megamenu .row > .col-12 .menu-toggle:hover span {
  background: #fff;
}
.megamenu.active {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {
  .megamenu {
    display: block;
  }
}
@media (max-width: 660px) {
  .megamenu {
    top: 140px;
  }
}
.nav.nav-top {
  position: relative;
  z-index: 9999;
}
.nav.nav-top .col-12 {
  padding: 10px 0px 10px 0px;
}
.nav.nav-top .col-12 > ul {
  margin: 0px 0px;
  display: flex;
}
.nav.nav-top .col-12 > ul > li {
  padding: 0px 5px;
  flex: 1;
  position: relative;
  /*&:hover {
  	> ul {
  		max-height:250px;
  	}
  }*/
}
.nav.nav-top .col-12 > ul > li.record, .nav.nav-top .col-12 > ul > li.menu-toggle2 {
  /*max-width:4.166666%;*/
}
.nav.nav-top .col-12 > ul > li.record {
  max-width: 130px;
}
.nav.nav-top .col-12 > ul > li.record > a {
  height: 100px;
  margin-top: -35px;
  font-size: 0px;
  line-height: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 200px;
  margin-top: -135px;
}
.nav.nav-top .col-12 > ul > li.record > a .icon {
  display: block;
  width: 60px;
  height: 80px;
  background: transparent url("../gfx/icon/record12.png") center center no-repeat;
  background-size: contain;
  width: 80px;
  height: 120px;
}
.nav.nav-top .col-12 > ul > li > a {
  display: block;
  height: 65px;
  background: #71bf45;
  border-radius: 5px;
  color: #fff;
  font-family: "Roboto Slab", serif;
  padding: 12px 8px;
  text-decoration: none;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 300;
}
.nav.nav-top .col-12 > ul > li > a .badge {
  position: absolute;
  top: -25px;
  right: 0px;
  bottom: auto;
  left: 0px;
  color: #fff;
  text-transform: none;
}
.nav.nav-top .col-12 > ul > li > a:hover {
  background: #7dc950;
}
.nav.nav-top .col-12 > ul > li > a > span.radiovy > span {
  font-size: 1em;
}
.nav.nav-top .col-12 > ul > li.icon > a {
  font-size: 0px;
}
.nav.nav-top .col-12 > ul > li.icon > a .icon {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/record01.png") center center no-repeat;
}
.nav.nav-top .col-12 > ul > li > ul {
  position: absolute;
  top: 100%;
  right: 5px;
  bottom: auto;
  left: auto;
  overflow: hidden;
  max-height: 0px;
  transition: all 0.25s linear;
}
.nav.nav-top .col-12 > ul > li > ul > li {
  width: 100%;
  margin-top: 1px;
}
.nav.nav-top .col-12 > ul > li > ul > li > a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  background: #71bf45;
  white-space: nowrap;
}
.nav.nav-top .col-12 > ul > li > ul > li > a:hover {
  background: #7dc950;
}

@media (max-width: 1440px) {
  /*.nav.nav-top .col-12 > ul > li.record {
  	max-width:110px;
  }*/
}
@media (max-width: 767px) {
  .nav.nav-top .col-12 {
    padding: 0px;
  }
  .nav.nav-top .col-12 ul li {
    display: none;
  }
  .nav.nav-top .col-12 ul li.record {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 17px;
    left: 37px;
    position: absolute !important;
    padding: 0px;
    display: block;
  }
  .nav.nav-top .col-12 ul li.record a {
    width: 63px;
    height: 63px;
    margin: 0px;
  }
  .nav.nav-top .col-12 ul li.record a .icon {
    width: 63px;
    height: 63px;
    background-size: contain;
  }
  .nav.nav-top .col-12 ul li.record .sub-hamburger,
  .nav.nav-top .col-12 ul li.record .list.list-subnav {
    /*display:none;*/
    right: auto;
    left: 0px;
  }
  .nav.nav-top .col-12 ul li.record .sub-hamburger li,
  .nav.nav-top .col-12 ul li.record .list.list-subnav li {
    display: block;
  }
  .nav.nav-top .col-12 ul li.record .sub-hamburger li a,
  .nav.nav-top .col-12 ul li.record .list.list-subnav li a {
    width: auto;
    height: auto;
  }
}
@media (max-width: 660px) {
  .nav.nav-top .col-12 ul li.record {
    left: 10px;
  }
  .nav.nav-top .col-12 ul li.record a {
    width: 45px;
    height: 45px;
  }
}
.channels, .section.audiofiles {
  margin-bottom: 10px;
}
.channels .subheader, .section.audiofiles .subheader {
  padding: 5px 20px 15px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: #fff;
  width: 100%;
}
.channels .subheader h2, .section.audiofiles .subheader h2 {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 90px);
}
.channels .subheader a.more, .section.audiofiles .subheader a.more {
  color: #fff;
  text-decoration: none;
}
.channels .subheader a.more:hover, .section.audiofiles .subheader a.more:hover {
  text-decoration: underline;
}
.channels .channel-playbutton, .section.audiofiles .channel-playbutton {
  background: #fff;
  height: 323px;
  margin-bottom: 7px;
  display: flex;
  padding: 0px;
  flex-direction: column;
  position: relative;
  border-radius: 5px;
}
.channels .channel-playbutton .play, .section.audiofiles .channel-playbutton .play {
  border: none;
  cursor: pointer;
  background: transparent;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 50px 10px;
  transition: all 0.25s linear;
  overflow: hidden;
}
.channels .channel-playbutton .play .icon, .section.audiofiles .channel-playbutton .play .icon {
  width: 90%;
  max-width: 200px;
  max-height: 90%;
  aspect-ratio: 1/1;
  transition: all 0.25s linear;
}
.channels .channel-playbutton .play span, .section.audiofiles .channel-playbutton .play span {
  position: absolute;
  top: auto;
  right: 10px;
  bottom: 25px;
  left: 10px;
  font-size: 25px;
  line-height: 1;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  transition: all 0.25s linear;
}
.channels .channel-playbutton .play:hover .icon, .section.audiofiles .channel-playbutton .play:hover .icon {
  transform: scale(1.1);
}
.channels .channel-playbutton .play:hover span, .section.audiofiles .channel-playbutton .play:hover span {
  /*transform:scale(1.2);*/
}
.channels .channel-block, .section.audiofiles .channel-block {
  padding: 15px;
  background: #242021;
  height: 100%;
  height: 253px;
  border-radius: 5px;
  position: relative;
  font-size: 0px;
}
.channels .channel-block img, .section.audiofiles .channel-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.channels .channel-block .nav.nav-subcontext .sub-hamburger span, .section.audiofiles .channel-block .nav.nav-subcontext .sub-hamburger span {
  background: #454547;
}
.channels .slider, .section.audiofiles .slider {
  padding: 0px 30px;
  margin-bottom: 0px;
  overflow: hidden;
}
.channels .slider ul, .section.audiofiles .slider ul {
  opacity: 0;
  visibility: hidden;
}
.channels .slider:after, .section.audiofiles .slider:after {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-15px) translateY(-15px);
  background: transparent url("../gfx/icon/loading-svgrepo-com.svg") center center no-repeat;
  background-size: contain;
  animation: rotate 2s linear infinite;
  filter: brightness(0) invert(1);
}
@keyframes rotate {
  from {
    transform: rotate(0deg); /* Počáteční pozice, žádné otočení */
  }
  to {
    transform: rotate(360deg); /* Konečná pozice, otočení o 360 stupňů */
  }
}
.channels .slider.slider-initialized:after, .section.audiofiles .slider.slider-initialized:after {
  display: none;
}
.channels .slider.slider-initialized ul, .section.audiofiles .slider.slider-initialized ul {
  opacity: 1;
  visibility: visible;
}
.channels .slider .slick-prev, .channels .slider .slick-next, .section.audiofiles .slider .slick-prev, .section.audiofiles .slider .slick-next {
  height: 126px;
  background: #242021;
  width: 40px;
  z-index: 9;
  margin: 0px;
  top: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.channels .slider .slick-prev:before, .channels .slider .slick-next:before, .section.audiofiles .slider .slick-prev:before, .section.audiofiles .slider .slick-next:before {
  content: "";
  font-size: 0px;
  display: block;
  position: relative;
  opacity: 1;
}
.channels .slider .slick-prev, .section.audiofiles .slider .slick-prev {
  left: -40px;
}
.channels .slider .slick-prev:before, .section.audiofiles .slider .slick-prev:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27.5px 15px 27.5px 0;
  border-color: transparent #fff transparent transparent;
  left: 12px;
}
.channels .slider .slick-next, .section.audiofiles .slider .slick-next {
  right: -40px;
}
.channels .slider .slick-next:before, .section.audiofiles .slider .slick-next:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27.5px 0 27.5px 15px;
  border-color: transparent transparent transparent #fff;
  left: 15px;
}
.channels .slider ul li, .section.audiofiles .slider ul li {
  padding: 4px 5px;
  text-align: center;
}
.channels .slider ul li .img, .section.audiofiles .slider ul li .img {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 5px;
  max-width: 125px;
  margin: auto;
  margin-bottom: 16px;
}
.channels .slider ul li .img img, .section.audiofiles .slider ul li .img img {
  width: 100%;
}
.channels .slider ul li .txt, .section.audiofiles .slider ul li .txt {
  position: relative;
  z-index: 2;
}
.channels .slider ul li .txt h3, .section.audiofiles .slider ul li .txt h3 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  color: #fff;
}
.channels .slider ul li .txt p, .section.audiofiles .slider ul li .txt p {
  margin: 0px;
  padding: 0px;
  color: #fff;
}
.channels .slider ul li.active, .section.audiofiles .slider ul li.active {
  position: relative;
}
.channels .slider ul li.active:before, .section.audiofiles .slider ul li.active:before {
  content: "";
  display: block;
  background: #444;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: -4px;
  left: 0px;
  z-index: 1;
  border-radius: 5px;
}

.channels .slider ul.list.list-subnav li.active:before,
.section.audiofiles .slider ul.list.list-subnav li.active:before {
  right: auto !important;
}

.section.audiofiles .section.channel-block {
  background: #333333 !important;
  margin-bottom: 10px;
  height: auto;
}
.section.audiofiles .section.channel-block .slider .slick-prev, .section.audiofiles .section.channel-block .slider .slick-next {
  height: 126px;
  background: #333;
}

@media (max-width: 1170px) {
  .channels > .container > .row .col-md-4,
  .channels > .container > .row .col-md-5 {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
}
@media (max-width: 767px) {
  .channels .container .row .col-md-9 {
    /*margin-bottom:7px;*/
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .channels .container .row .col-md-5 {
    display: none;
  }
  .channels .container .row .col-md-4,
  .channels .container .row .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .channels .subheader, .section.audiofiles .subheader {
    padding: 5px 0px 20px 0px;
  }
  .channels .channel-block,
  .section.audiofiles .channel-block {
    height: 100%;
  }
}
@media (max-width: 700px) {
  .channels .subheader, .section.audiofiles .subheader {
    padding-top: 0px;
  }
  .channels .subheader h2, .section.audiofiles .subheader h2 {
    font-size: 16px;
    width: calc(100% - 10px);
  }
}
@media (max-width: 580px) {
  .channels .container .row .col-md-4 {
    margin-bottom: 7px;
    display: none;
  }
  .channels .container .row .col-md-9 {
    margin-bottom: 7px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: none;
  }
  .channels .container .row .col-md-5 {
    display: none;
  }
  .channels .container .row .col-md-4,
  .channels .container .row .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.section.actual-podcast {
  background: #242021;
  height: 100%;
  height: 323px;
  margin-bottom: 7px;
  display: flex;
  padding: 15px;
  flex-direction: column;
  position: relative;
  border-radius: 5px;
}
.section.actual-podcast.channel-header .slider ul li .img {
  text-align: center;
}
.section.actual-podcast.channel-header .slider ul li .img img {
  margin: auto;
  width: 85%;
}
.section.actual-podcast .nav.nav-subcontext .sub-hamburger span {
  background: #454547;
}
.section.actual-podcast h2 {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
}
.section.actual-podcast .slider {
  padding: 0px;
  /*width:240px;*/
  color: #fff;
  width: 100%;
  margin: auto;
}
.section.actual-podcast .slider .slick-prev, .section.actual-podcast .slider .slick-next {
  height: 126px;
  background: #242021;
  width: 40px;
  z-index: 999;
  margin: 0px;
  top: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.section.actual-podcast .slider .slick-prev:before, .section.actual-podcast .slider .slick-next:before {
  content: "";
  font-size: 0px;
  display: block;
  position: relative;
  opacity: 1;
}
.section.actual-podcast .slider .slick-prev {
  left: -40px;
}
.section.actual-podcast .slider .slick-prev:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27.5px 15px 27.5px 0;
  border-color: transparent #fff transparent transparent;
  left: 12px;
}
.section.actual-podcast .slider .slick-next {
  right: -40px;
}
.section.actual-podcast .slider .slick-next:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27.5px 0 27.5px 15px;
  border-color: transparent transparent transparent #fff;
  left: 15px;
}
.section.actual-podcast .slider ul {
  /*@include list-reset();*/
  margin: auto;
  width: 240px;
}
.section.actual-podcast .slider ul li .txt {
  text-align: center;
}
.section.actual-podcast .slider ul li .txt h3 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  color: #fff;
  padding-top: 7px;
}
.section.actual-podcast .slider ul li .img {
  max-width: none;
  width: 100%;
  position: relative;
}
.section.actual-podcast .slider ul li .img img {
  width: 100%;
}
.section.actual-podcast .slider ul li .img:after {
  content: "";
  background: transparent url("../gfx/icon/tools-play11.png") center center no-repeat;
  background-size: 100px auto;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

@media (max-width: 700px) {
  .section.actual-podcast {
    height: 250px;
  }
  .section.actual-podcast .slider {
    margin-top: 0px;
  }
  .section.actual-podcast .slider ul {
    width: 180px;
  }
  .section.actual-podcast h2 {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .section.actual-podcast .slider ul li .img:after {
    background-size: 60px auto;
    left: auto;
    top: auto;
    right: 3px;
    bottom: 3px;
    width: 60px;
    height: 60px;
  }
}
.nav.nav-profile.margin-top, .nav.nav-profile.top-margin {
  margin-top: -77px;
}
.nav.nav-profile .row > div {
  margin-bottom: 10px;
}
.nav.nav-profile .row > div h2 {
  margin: 0px;
  padding: 0px;
  background: #fff;
  padding: 20px 0px 15px 0px;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
}
.nav.nav-profile .row > div .nav.nav-subcontext .sub-hamburger span {
  background: #454547;
}
.nav.nav-profile .row > div ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background: #fff;
  padding: 20px 0px 15px 0px;
  border-radius: 5px;
  text-align: center;
  width: 100%;
}
.nav.nav-profile .row > div ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.nav.nav-profile .row > div ul li {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  display: inline;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
}
.nav.nav-profile .row > div ul li a {
  color: #383838;
  text-decoration: none;
  /*margin:0px 10px;*/
  text-transform: uppercase;
}
.nav.nav-profile .row > div ul li a:hover {
  text-decoration: underline;
}
.nav.nav-profile .row > div ul li:after {
  content: "|";
  position: relative;
  left: 2px;
}
.nav.nav-profile .row > div ul li:last-of-type:after {
  display: none;
}

@media (max-width: 767px) {
  .nav.nav-profile.margin-top,
  .nav.nav-profile.top-margin {
    margin-top: 0px;
  }
  .nav.nav-profile.type-homepage {
    display: none;
  }
  .nav.nav-profile .container .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.main-content .row {
  margin-bottom: 10px;
}
.main-content .section.section-type-feed,
.main-content .section.section-type-profile {
  /*background:#313131;*/
}
.main-content .section.section-type-feed h2,
.main-content .section.section-type-profile h2 {
  margin: 0px;
  padding: 0px;
  padding: 18px 20px 18px 20px;
  background: #303030;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 5px;
  font-family: "Roboto Slab", serif;
  color: #fff;
  position: relative;
}
.main-content .section.section-type-feed h2 .nav.nav-subcontext .sub-hamburger span,
.main-content .section.section-type-profile h2 .nav.nav-subcontext .sub-hamburger span {
  background: #fff;
}
.main-content .section.section-type-feed h2.green,
.main-content .section.section-type-profile h2.green {
  background: #71bf45;
}
.main-content .section.section-type-feed a.section-btn,
.main-content .section.section-type-profile a.section-btn {
  padding: 21px 50px 21px 50px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  background: #58595b;
  text-align: center;
  display: block;
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
  border-radius: 5px;
}
.main-content .section.section-type-feed a.section-btn:hover,
.main-content .section.section-type-profile a.section-btn:hover {
  background: #66686a;
}

.main-content.profile span.info {
  display: inline-block;
  margin-right: 2px;
  margin-left: 2px;
  width: 18px;
  height: 18px;
  position: relative;
  margin-bottom: -3px;
  background: transparent url("../gfx/icon/info-green.svg") center center no-repeat;
  background-size: contain;
}
.main-content.profile span.info.white {
  background: transparent url("../gfx/icon/info-white.svg") center center no-repeat;
  background-size: contain;
}
.main-content.profile .section.profile-image {
  background: #58595b;
  position: relative;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-content.profile .section.profile-image .square-inner {
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.main-content.profile .section.profile-image .square-inner .play {
  position: relative;
  display: block;
}
.main-content.profile .section.profile-image .square-inner .play:after {
  content: "";
  background: transparent url(../gfx/icon/tools-play11.png) center center no-repeat;
  background-size: 100px auto;
  position: absolute;
  display: block;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.main-content.profile .section.profile-image .square-inner .file-input {
  cursor: pointer;
  width: 100%;
  max-width: 300px;
  margin-top: 10px;
  display: block;
  padding: 20px 15px;
  color: #fff;
  background: #404042;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  text-align: center;
}
.main-content.profile .section.profile-image .square-inner .file-input:hover {
  background: #4a4a4c;
}
.main-content.profile .section.profile-image .square-inner .img {
  max-width: 250px;
  position: relative;
}
.main-content.profile .section.profile-image .square-inner .img img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
}
.main-content.profile .section.profile-image .square-inner .img .icon.verified {
  display: block;
  width: 50px;
  height: 50px;
  background: transparent url("../gfx/icon/verified.png") 0px 0px no-repeat;
  position: absolute;
  top: 20px;
  right: -25px;
  bottom: auto;
  left: auto;
  background-size: contain;
}
.main-content.profile .section.profile-image .square-inner .img a.btn {
  background: transparent;
  border: 2px #fff solid;
  font-weight: 500;
  max-width: none;
  color: #fff;
  text-transform: none;
  padding: 12px 20px;
  position: absolute;
  top: auto;
  right: 20px;
  bottom: 5px;
  left: 20px;
  width: auto;
}
.main-content.profile .article.profile-details {
  background: #58595b;
  padding: 30px 40px;
  padding-bottom: 15px;
  color: #fff;
  height: 100%;
  border-radius: 5px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.main-content.profile .article.profile-details h2 {
  margin: 0px;
  padding: 0px;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.main-content.profile .article.profile-details p b, .main-content.profile .article.profile-details p strong {
  font-weight: 700;
}
.main-content.profile .article.profile-details .personal-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: auto;
  column-gap: 10px;
}
.main-content.profile .article.profile-details .personal-tools .btn.btn-white {
  background: transparent;
  border: 2px #fff solid;
  font-weight: 500;
  max-width: none;
  color: #fff;
  text-transform: none;
  padding: 12px 20px;
  width: auto;
  margin-bottom: 0px;
}
.main-content.profile .article.profile-details .personal-tools .tool {
  padding-right: 50px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
  font-family: "Roboto Slab", serif;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
}
.main-content.profile .article.profile-details .personal-tools .tool.edit-intro:after {
  content: "";
  width: 42px;
  height: 60px;
  display: block;
  background: transparent url("../gfx/icon/profile-rec.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: -5px;
  right: 0px;
  bottom: auto;
  left: auto;
}
.main-content.profile .article.profile-details .personal-tools .tool.play-intro {
  margin-left: auto;
  padding-right: 60px;
}
.main-content.profile .article.profile-details .personal-tools .tool.play-intro:after {
  content: "";
  width: 60px;
  height: 60px;
  display: block;
  background: transparent url("../gfx/icon/profile-play.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: -5px;
  right: -12px;
  bottom: auto;
  left: auto;
}
.main-content.profile .article.profile-text {
  background: #58595b;
  padding: 30px 40px;
  padding-bottom: 15px;
  color: #fff;
  height: 100%;
  position: relative;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
.main-content.profile .article.profile-text h1 {
  margin: 0px;
  padding: 0px;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  text-transform: none;
}
.main-content.profile .article.profile-text p b {
  font-weight: 700;
}
.main-content.profile .article.profile-text .social {
  display: flex;
  width: auto;
  justify-content: flex-end;
  grid-gap: 10px;
  margin: 0px -5px;
  flex-wrap: wrap;
  margin-top: auto;
}
.main-content.profile .article.profile-text .social .btn.btn-white {
  background: transparent;
  border: 2px #fff solid;
  font-weight: 500;
  max-width: none;
  color: #fff;
  text-transform: none;
  padding: 12px 20px;
  width: auto;
  margin-bottom: 0px;
}
.main-content.profile .article.profile-text .social .btn.btn-white.left {
  margin-right: auto;
}
.main-content.profile .article.profile-text .social .social-item {
  width: 45px;
  height: 45px;
  padding: 0px 5px;
}
.main-content.profile .article.profile-text .social .social-item.fr {
  margin-left: auto;
}
.main-content.profile .article.profile-text .social .social-item .item {
  height: 40px;
  width: 45px;
  font-size: 0px;
  font-family: "Roboto Slab", serif;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
}
.main-content.profile .article.profile-text .social .social-item .item.audio .icon {
  width: 24px;
  height: 38px;
  background: transparent url("../gfx/icon/record02.png") 0px 0px no-repeat;
  display: block;
  margin-left: 15px;
}
.main-content.profile .article.profile-text .social .social-item .item.fb {
  background: transparent url("../gfx/icon/profile-fb.png") center center no-repeat;
  background-size: contain;
}
.main-content.profile .article.profile-text .social .social-item .item.inst {
  background: transparent url("../gfx/icon/profile-inst.png") center center no-repeat;
  background-size: contain;
}
.main-content.profile .article.profile-text .social .social-item .item.in {
  background: transparent url("../gfx/icon/profile-in.png") center center no-repeat;
  background-size: contain;
}
.main-content.profile .article.profile-text .social .social-item .item.tw {
  background: transparent url("../gfx/icon/profile-tw.png") center center no-repeat;
  background-size: contain;
}
.main-content.profile .article.profile-text .social .social-item .item.tt {
  background: transparent url("../gfx/icon/profile-tt.png") center center no-repeat;
  background-size: contain;
}

.main-content.profile#profileScene .section.profile-image {
  height: 100%;
}

.section.my-channels {
  /*background:#303030;*/
  margin-bottom: 10px;
}
.section.my-channels .form.form-filters {
  padding: 10px;
  background: #303030;
  border-radius: 5px;
  padding-bottom: 0px;
}
.section.my-channels .form.form-filters form {
  max-width: 315px;
  margin: auto;
}

.main-content.account .section {
  padding-left: 15px;
  padding-right: 15px;
}
.main-content.account .section.profile-image {
  margin-bottom: 10px;
  min-height: 500px;
}
.main-content.account .section.profile-image p {
  color: #fff;
  padding-top: 15px;
}
.main-content.account .section.section-type-account {
  background: #303030;
  padding-top: 60px;
  padding-bottom: 40px;
  border-radius: 5px;
}
.main-content.account .section.section-type-account h2 {
  margin: 0px;
  padding: 0px;
  max-width: 315px;
  margin: auto;
  margin-bottom: 15px;
  padding: 20px 0px 20px 0px;
  background: #303030;
  /*border-bottom:5px $green solid;*/
  position: relative;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}
.main-content.account .section.section-type-account h2:after {
  content: "";
  display: block;
  height: 5px;
  background: #71bf45;
  position: absolute;
  top: auto;
  right: 5px;
  bottom: 0px;
  left: 5px;
}
.main-content.account .section.section-type-account h3 {
  margin: 0px;
  padding: 0px;
  width: 100%;
  margin: auto;
  padding: 20px 0px 20px 0px;
  background: #303030;
  position: relative;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}
.main-content.account .section.section-type-account h3:after {
  content: "";
  display: block;
  height: 5px;
  background: #71bf45;
  position: absolute;
  top: auto;
  right: 5px;
  bottom: 0px;
  left: 5px;
}
.main-content.account .section.section-type-account p {
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}
.main-content.account .section.section-type-account .form form .form-item.form-item-textarea textarea,
.main-content.account .section.section-type-account .form .form-inner .form-item.form-item-textarea textarea {
  padding: 15px 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  text-transform: none;
}
.main-content.account .section.section-type-account.change-password .form form .form-item.form-item-submit input {
  background: #404042;
}
.main-content.account .section.section-type-account.change-password .form form .form-item.form-item-submit input:hover {
  background: #4b4b4d;
}
.main-content.account .section.section-type-account.political-functions .form h3.accordeon-header {
  margin: 0px;
  padding: 0px;
  padding: 25px 27px;
  padding-left: 83px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  color: #fff;
  background: #58595b;
  cursor: pointer;
}
.main-content.account .section.section-type-account.political-functions .form h3.accordeon-header:after {
  border: none;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: 0px;
  left: 0px;
  background: #58595b;
  width: 55px;
  border-right: 10px #312f30 solid;
  z-index: 1;
  height: auto;
}
.main-content.account .section.section-type-account.political-functions .form h3.accordeon-header:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 17px;
  border-color: transparent transparent transparent #fff;
  z-index: 2;
  display: block;
  font-size: 0px;
  position: absolute;
  top: 25px;
  right: auto;
  bottom: auto;
  left: 14px;
}
.main-content.account .section.section-type-account.political-functions .form h3.accordeon-header.active:before {
  transform: rotate(90deg);
}
.main-content.account .section.section-type-account.political-functions .form .accordeon-item {
  width: 100%;
  display: none;
  margin-bottom: 10px;
}
.main-content.account .section.section-type-account.political-functions .form .accordeon-item.active {
  display: block;
}
.main-content.account .section.section-type-account.political-functions .form .accordeon-item .form-item.buttonset {
  padding-left: 5px;
  padding-right: 5px;
}
.main-content.account .section.section-type-account.political-functions .form .accordeon-item .form-item.buttonset > label {
  background: #242021;
}
.main-content.account .section.section-type-account.political-functions .form .accordeon-item .form-item.buttonset > label:last-of-type {
  margin-bottom: 0px;
}
.main-content.account .section.section-type-account.political-functions .form .accordeon-item .form-item.buttonset > label p {
  padding: 25px 27px;
}
.main-content.account .section.section-type-account.political-detail {
  margin-bottom: 10px;
}
.main-content.account .section.section-type-account.clen-strany {
  margin-bottom: 10px;
}
.main-content.account .section.section-type-account.next-functions {
  margin-bottom: 10px;
}
.main-content.account .section.section-type-account.audio-profile {
  margin-bottom: 10px;
}
.main-content.account .section.section-type-account.account-verification {
  margin-bottom: 10px;
}
.main-content.account .section.section-type-account.account-verification .verification-info {
  text-align: center;
  padding-top: 30px;
}
.main-content.account .section.section-type-account.account-verification .verification-info .icon {
  display: block;
  width: 45px;
  height: 45px;
  margin: auto;
  margin-bottom: 13px;
}
.main-content.account .section.section-type-account.account-verification .verification-info .icon.icon-ok {
  background: transparent url("../gfx/icon/verified.png") 0px 0px no-repeat;
  background-size: contain;
}
.main-content.account .section.section-type-account.account-verification .verification-info p {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
}
.main-content.account .col-md-3 .section .form .form-inner,
.main-content.account .col-md-3 .section .form form {
  max-width: 315px;
  width: auto;
  margin: 0px auto;
}
.main-content.account .col-md-4 .section h2 {
  max-width: 500px;
}
.main-content.account .col-md-4 .section .form .form-inner,
.main-content.account .col-md-4 .section .form form {
  max-width: 500px;
  width: auto;
  margin: 0px auto;
}
.main-content.account .col-md-12 .section h2,
.main-content.account .col-md-6 .section h2 {
  max-width: 630px;
}
.main-content.account .col-md-12 .section .form .form-inner,
.main-content.account .col-md-12 .section .form form,
.main-content.account .col-md-6 .section .form .form-inner,
.main-content.account .col-md-6 .section .form form {
  max-width: 630px;
  width: auto;
  margin: 0px auto;
}

@media (max-width: 1400px) {
  .main-content.account .section.section-type-account {
    padding-top: 15px;
  }
  .main-content.account .section.section-type-account h3,
  .main-content.account .section.section-type-account h2 {
    font-size: 20px;
  }
  .main-content.profile .section.profile-image .square-inner .file-input,
  .main-content.account .section.section-type-account.account-verification .verification-info p {
    font-size: 14px;
  }
  .main-content.account .section.section-type-account .form form .form-item.form-item-textarea textarea, .main-content.account .section.section-type-account .form .form-inner .form-item.form-item-textarea textarea {
    font-size: 13px;
  }
  .main-content.account .section.section-type-account.political-functions .form .accordeon-item .form-item.buttonset > label p,
  .main-content.account .section.section-type-account.political-functions .form h3.accordeon-header {
    padding: 21px 27px;
  }
  .main-content.account .section.section-type-account.political-functions .form h3.accordeon-header {
    padding-left: 83px;
  }
}
@media (max-width: 991px) {
  #formRegistrationUser .main-content.account .container .row .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    /*order:1;		*/
    margin-bottom: 10px;
  }
  #formRegistrationUser .main-content.account .container .row .col-md-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    /*order:2;*/
  }
  #formRegistrationUser .main-content.account .container .row .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #formRegistrationUser .main-content.account .section.section-type-account {
    margin-bottom: 10px;
  }
  .main-content.account#MyAccount .container .row .col-md-3 {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    /*order:1;		*/
    margin-bottom: 10px;
  }
  .main-content.account#MyAccount .container .row .col-md-6 {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
    /*order:2;*/
  }
  .main-content.account#MyAccount .container .row > div:nth-of-type(3) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .main-content.account .section.section-type-account {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  #formRegistrationUser .main-content.account .container .row .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    /*order:1;		*/
    margin-bottom: 10px;
  }
  #formRegistrationUser .main-content.account .container .row .col-md-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    /*order:2;*/
  }
  #formRegistrationUser .main-content.account .container .row .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #formRegistrationUser .main-content.account .col-md-4 .section .form .form-inner,
  #formRegistrationUser .main-content.account .col-md-4 .section .form form,
  #formRegistrationUser .main-content.account .col-md-3 .section .form .form-inner,
  #formRegistrationUser .main-content.account .col-md-3 .section .form form,
  #formRegistrationUser .main-content.account .section.section-type-account h2 {
    max-width: none;
  }
  .main-content.account#MyAccount .container .row .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 2;
    margin-bottom: 10px;
  }
  .main-content.account#MyAccount .container .row .col-md-6 {
    -ms-flex: 0 0 1006%;
    flex: 0 0 1006%;
    max-width: 100%;
    order: 1;
  }
  .main-content.account#MyAccount .container .row > div:nth-of-type(3) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .main-content.account#MyAccount .section.profile-image:after {
    display: none;
  }
  .main-content.account#MyAccount .section.section-type-account h2,
  .main-content.account#MyAccount .col-md-3 .section .form .form-inner,
  .main-content.account#MyAccount .col-md-3 .section .form form {
    max-width: none;
  }
  .main-content.account#MyAccount .col-md-12 .section .form .form-inner,
  .main-content.account#MyAccount .col-md-12 .section .form form,
  .main-content.account#MyAccount .col-md-6 .section .form .form-inner,
  .main-content.account#MyAccount .col-md-6 .section .form form {
    max-width: none;
  }
  #politicalDiv .section.section-type-account h2,
  #politicalDiv .form .form-inner, #politicalDiv .form form,
  #kandidatkaSnemovnaDiv .section.section-type-account h2,
  #kandidatkaSnemovnaDiv .form .form-inner,
  #kandidatkaSnemovnaDiv .form form {
    max-width: none;
  }
}
.main-content.record .section {
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
}
.main-content.record .section.section-type-record {
  background: #59595b;
  padding-top: 60px;
  padding-bottom: 40px;
  border-radius: 5px;
}
.main-content.record .section.section-type-record h2 {
  margin: 0px;
  padding: 0px;
  max-width: 315px;
  margin: auto;
  margin-bottom: 15px;
  padding: 20px 0px 20px 0px;
  background: #59595b;
  position: relative;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}
.main-content.record .section.section-type-record h2:after {
  content: "";
  display: block;
  height: 5px;
  background: #71bf45;
  position: absolute;
  top: auto;
  right: 5px;
  bottom: 0px;
  left: 5px;
}
.main-content.record .section.section-type-record .verification-info {
  text-align: center;
  padding: 10px 20px 0px 20px;
  margin-bottom: 25px;
  width: 100%;
}
.main-content.record .section.section-type-record .verification-info .icon {
  display: block;
  width: 45px;
  height: 45px;
  margin: auto;
  margin-bottom: 0px;
}
.main-content.record .section.section-type-record .verification-info .icon.icon-ok {
  background: transparent url("../gfx/icon/verified.png") 0px 0px no-repeat;
  background-size: contain;
}
.main-content.record .section.section-type-record .verification-info p {
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
}
.main-content.record .section.section-type-record.featured-image h2 {
  display: none;
}
.main-content.record .section.section-type-record.featured-image .form .form-inner .img,
.main-content.record .section.section-type-record.featured-image .form form .img {
  padding: 0px 5px;
}
.main-content.record .section.section-type-record.featured-image .form .form-inner .img img,
.main-content.record .section.section-type-record.featured-image .form form .img img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-content.record .section.section-type-record.featured-image .form .form-inner .form-item.form-item-button input,
.main-content.record .section.section-type-record.featured-image .form form .form-item.form-item-button input {
  display: none;
}
.main-content.record .section.section-type-record.featured-image .form .form-inner .form-item.form-item-button button,
.main-content.record .section.section-type-record.featured-image .form form .form-item.form-item-button button {
  background: #353535;
  cursor: pointer;
}
.main-content.record .section.section-type-record.featured-image .form .form-inner .form-item.form-item-button button:hover,
.main-content.record .section.section-type-record.featured-image .form form .form-item.form-item-button button:hover {
  background: #4a4a4c;
}
.main-content.record .section.section-type-record.record-detail, .main-content.record .section.section-type-record.record-context, .main-content.record .section.section-type-record.record-items {
  background: #303030;
}
.main-content.record .section.section-type-record.record-detail h2, .main-content.record .section.section-type-record.record-context h2, .main-content.record .section.section-type-record.record-items h2 {
  background: #303030;
}
.main-content.record .section.section-type-record.record-detail .form .form-inner .form-item.form-item-textarea textarea,
.main-content.record .section.section-type-record.record-detail .form form .form-item.form-item-textarea textarea, .main-content.record .section.section-type-record.record-context .form .form-inner .form-item.form-item-textarea textarea,
.main-content.record .section.section-type-record.record-context .form form .form-item.form-item-textarea textarea, .main-content.record .section.section-type-record.record-items .form .form-inner .form-item.form-item-textarea textarea,
.main-content.record .section.section-type-record.record-items .form form .form-item.form-item-textarea textarea {
  height: 160px;
}
.main-content.record .section.section-type-record.record-detail .form .form-inner .form-item.form-item-submit,
.main-content.record .section.section-type-record.record-detail .form form .form-item.form-item-submit, .main-content.record .section.section-type-record.record-context .form .form-inner .form-item.form-item-submit,
.main-content.record .section.section-type-record.record-context .form form .form-item.form-item-submit, .main-content.record .section.section-type-record.record-items .form .form-inner .form-item.form-item-submit,
.main-content.record .section.section-type-record.record-items .form form .form-item.form-item-submit {
  display: flex;
  /*justify-content:space-between;*/
  justify-content: flex-end;
  padding-top: 25px;
}
.main-content.record .section.section-type-record.record-detail .form .form-inner .form-item.form-item-submit input,
.main-content.record .section.section-type-record.record-detail .form form .form-item.form-item-submit input, .main-content.record .section.section-type-record.record-context .form .form-inner .form-item.form-item-submit input,
.main-content.record .section.section-type-record.record-context .form form .form-item.form-item-submit input, .main-content.record .section.section-type-record.record-items .form .form-inner .form-item.form-item-submit input,
.main-content.record .section.section-type-record.record-items .form form .form-item.form-item-submit input {
  /*width:33.33%;*/
  min-width: calc(33.33% - 10px);
  width: auto;
  margin-left: 7px;
}
.main-content.record .section.section-type-record.record-detail .form .form-inner .form-item.buttonset,
.main-content.record .section.section-type-record.record-detail .form form .form-item.buttonset {
  /*padding-top:7px;*/
}
.main-content.record .section.section-type-record.record-context {
  padding-top: 0px;
}
.main-content.record .section.section-type-record.audio-tool .form-item img {
  width: 100%;
}
.main-content.record .section.section-type-record.select-record h2 {
  text-align: center;
}
.main-content.record .section.section-type-record.select-record .form form select, .main-content.record .section.section-type-record.select-record .form .form-inner select {
  background: #353535;
}
.main-content.record .section.section-type-record.select-record .audio-limit {
  text-align: center;
  padding-top: 40px;
}
.main-content.record .section.section-type-record.select-record .audio-limit p {
  font-size: 23px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  margin-bottom: 0px;
  color: #fff;
}
.main-content.record .section.section-type-record.select-record .audio-limit p.value {
  padding-top: 7px;
}
.main-content.record .col-md-3 .section .form .form-inner,
.main-content.record .col-md-3 .section .form form {
  max-width: 315px;
  width: auto;
  margin: 0px auto;
}
.main-content.record .col-md-4 .section h2 {
  max-width: 500px;
}
.main-content.record .col-md-4 .section .form .form-inner,
.main-content.record .col-md-4 .section .form form {
  max-width: 500px;
  width: auto;
  margin: 0px auto;
}
.main-content.record .col-md-6 .section h2 {
  max-width: 630px;
}
.main-content.record .col-md-6 .section .form .form-inner,
.main-content.record .col-md-6 .section .form form {
  max-width: 630px;
  width: auto;
  margin: 0px auto;
}

.main-content.board .section h2 {
  text-align: center;
  padding: 18px 20px 18px 20px;
  position: relative;
}
.main-content.board.homepage .section {
  background: transparent;
}
.main-content.board.homepage .section h2:nth-of-type(1) {
  margin-top: 0px;
}
.main-content.board.homepage .section .article.description {
  background: #242021;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 10px;
  color: #fff;
  font-family: "Roboto Slab", serif;
}
.main-content.board.homepage .section .article.description p:last-of-type {
  margin-bottom: 0px;
}

.list.list-authors {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.list.list-authors li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.list.list-authors .list-item {
  margin-bottom: 10px;
}
.list.list-authors .list-item > a {
  background: #242021;
  padding: 13px 15px;
  display: flex;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
}
.list.list-authors .list-item > a:hover {
  background: #302b2c;
}
.list.list-authors .list-item > a .img {
  width: 114px;
  height: 114px;
  display: block;
  font-size: 0px;
  overflow: hidden;
  border-radius: 3px;
}
.list.list-authors .list-item > a .img img {
  width: 100%;
}
.list.list-authors .list-item > a .txt {
  width: calc(100% - 114px);
  padding: 0px 10px 0px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.list.list-authors .list-item > a .txt h3 {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 7px;
}
.list.list-authors .list-item > a .txt p {
  margin-bottom: 0px;
  opacity: 0.4;
}

.list.list-audiofiles {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.list.list-audiofiles li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.list.list-audiofiles .banner {
  margin-bottom: 10px;
}
.list.list-audiofiles .banner a {
  display: block;
  font-size: 0px;
}
.list.list-audiofiles .banner a img {
  width: 100%;
}
.list.list-audiofiles .list-item {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  position: relative;
  border-radius: 5px;
  background: #333333;
  padding: 10px;
  /*&.type-event {
  	.event-open {
  		border: solid white;
  		opacity:0.4;
  		cursor: pointer;
  		border-width: 0 2px 2px 0;
  		display: inline-block;
  		padding: 6px;
  		transform: rotate(45deg);
  		-webkit-transform: rotate(45deg);
  		@include pa(auto,10px,10px,auto);
  		transition: all 0.45s linear;

  		&.active {
  			transform: rotate(-135deg);
  			-webkit-transform: rotate(-135deg);		
  			bottom:4px;			
  		}
  	}
  	.tools-2 {
  		justify-content: flex-start;
  		flex-wrap: wrap;

  		.btn {
  			margin-right:7px;
  			background:transparent;
  			border:2px $white solid;
  			color:$white;
  			min-width:120px;
  			padding:7px 10px;
  			width:auto;

  			&:hover {
  				background:$white !important;
  				color:$textColor;
  			}
  		}
  		.social {
  			display: flex;
  			flex-wrap: wrap;

  			a {
  				width:36px;
  				height:36px;
  				margin-right:7px;
  				display:block;
  				overflow:hidden;
  				border-radius:8px;
  				margin-bottom: 10px;

  				&.fb {
  					background:transparent url('../gfx/icon/profile-fb.png') center center no-repeat;
  					background-size:cover;
  				}
  				&.inst {
  					background:transparent url('../gfx/icon/profile-inst.png') center center no-repeat;
  					background-size:cover;
  				}
  			}
  		}
  	}
  	.event-detail {
  		overflow:hidden;
  		max-height:0px;
  		transition: all 0.45s linear;

  		&.active {
  			max-height:400px;
  		}
  		ul {
  			margin-bottom:18px;
  			li {
  				padding-left:12px;
  				position:relative;

  				&:before {
  					content:'•';
  					color:#757e6d;
  					opacity:1;
  					font-size:18px;
  					@include pa(-2px,auto,auto,0px);
  				}
  				b {
  					opacity:1;
  					color:#757e6d;
  				}
  				span {
  					opacity:0.4;
  				}
  			}
  		}
  	}
  }*/
}
.list.list-audiofiles .list-item .nav.nav-subcontext .sub-hamburger span {
  background: #454547;
}
.list.list-audiofiles .list-item.active {
  z-index: 99999;
}
.list.list-audiofiles .list-item.load-next {
  background: #939496;
  padding: 0px;
}
.list.list-audiofiles .list-item.load-next a, .list.list-audiofiles .list-item.load-next span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  text-decoration: none;
  width: 100%;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  color: #383838;
}
.list.list-audiofiles .list-item.load-next a:hover {
  background: #BCBEC2;
}
.list.list-audiofiles .list-item.load-next.loading span:after {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background: transparent url("../gfx/icon/spin.gif") center center no-repeat;
  background-size: 37px auto;
  margin-left: 5px;
}
.list.list-audiofiles .list-item .toggle {
  width: 20px;
  height: 13px;
  display: block;
  position: absolute;
  top: 6px;
  right: 36px;
  bottom: auto;
  left: auto;
  background: transparent url("../gfx/icon/arrow-top.png") center center no-repeat;
  background-size: contain;
  z-index: 99;
  transition: all 0.25s linear;
}
.list.list-audiofiles .list-item.open .toggle {
  transform: rotate(180deg);
  top: 8px;
}
.list.list-audiofiles .list-item .tools .icon.icon-1.play .icon-inner {
  cursor: pointer;
  width: 60px;
  height: 60px;
  display: block;
  background: transparent url("../gfx/icon/tools-play11.png") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list.list-audiofiles .list-item .tools-2 .player.placeholder {
  display: block;
  width: 120px;
  height: 33px;
  background: transparent url("../gfx/icon/audio-placeholder.png") center center no-repeat;
  background-size: 100% 33px;
  margin: 0px 5px;
}
.list.list-audiofiles .list-item .tools-2 .buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0px -5px 0px 0px;
  margin-left: auto;
  margin-right: -27px;
}
.list.list-audiofiles .list-item .tools-2 .buttons > .icon {
  width: 33px;
  height: 33px;
  display: block;
  margin: 0px 5px;
}
.list.list-audiofiles .list-item .tools-2 .buttons > .icon.icon1 {
  background: transparent url("../gfx/icon/tools-2-icon1.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-audiofiles .list-item .tools-2 .buttons > .icon.icon2 {
  background: transparent url("../gfx/icon/tools-2-icon2.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-audiofiles .list-item .tools-2 .buttons > .icon.icon3 {
  background: transparent url("../gfx/icon/tools-2-icon3.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-audiofiles .list-item .tools-2 .buttons > .icon.icon4 {
  background: transparent url("../gfx/icon/tools-2-icon4.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-audiofiles .list-item .tools-2 .buttons > .icon.icon5 {
  background: transparent url("../gfx/icon/tools-2-icon5.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-audiofiles .list-item .tools-2 .buttons > .icon.icon6 {
  background: transparent url("../gfx/icon/tools-2-icon6.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-audiofiles .list-item .tools-2 .buttons .record {
  width: 24px;
  height: 33px;
  display: block;
  margin: 0px 5px;
  background: transparent url("../gfx/icon/record13.png") center left no-repeat;
  background-size: 24px 33px;
}
.list.list-audiofiles .list-item .tools-2 .responses {
  display: block;
  width: 60px;
  min-width: 60px;
  height: 33px;
  background: transparent url("../gfx/icon/tools-2-icon0.png") center center no-repeat;
  background-size: 100% 33px;
  padding-left: 13px;
  color: #a1a1a1;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin: 0px 5px 0px 10px;
}
.list.list-audiofiles .list-item .tools-2 .responses.active {
  background: transparent url("../gfx/icon/tools-2-icon0-active.png") center center no-repeat;
  background-size: 100% 33px;
  color: #71bf45;
}
.list.list-audiofiles .list-item .tools-2 .share2 {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.list.list-audiofiles .list-item .tools-2 .share2 i {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.list.list-audiofiles .list-item .tools-2 .share2 i.fb {
  background: transparent url("../gfx/icon/share-fb.svg") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share2 i.messenger {
  background: transparent url("../gfx/icon/share-messenger.svg") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share2 i.twitter {
  background: transparent url("../gfx/icon/share-twitter.svg") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share2 i.instagram {
  background: transparent url("../gfx/icon/share-instagram.svg") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share2 i.linkedin {
  background: transparent url("../gfx/icon/share-linkedin.svg") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share2 i.tiktok {
  background: transparent url("../gfx/icon/share-tiktok.svg") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share2 i.email {
  background: transparent url("../gfx/icon/share-mail.svg") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share2 i.at {
  background: transparent url("../gfx/icon/share-at.svg") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share {
  position: relative;
}
.list.list-audiofiles .list-item .tools-2 .share .open-share {
  display: block;
  width: 33px;
  min-width: 33px;
  height: 33px;
  background: transparent url("../gfx/icon/tools-2-icon5.png") center center no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: all 0.15s linear;
}
.list.list-audiofiles .list-item .tools-2 .share .share-links {
  background: #595a5c;
  padding: 7px 10px;
  border-radius: 0px 0px 5px 5px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: absolute;
  top: 53px;
  right: auto;
  bottom: auto;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s linear;
}
.list.list-audiofiles .list-item .tools-2 .share .share-links span {
  color: #fefeff;
  font-family: "Roboto Slab", serif;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 400;
}
.list.list-audiofiles .list-item .tools-2 .share .share-links .fb, .list.list-audiofiles .list-item .tools-2 .share .share-links .tw, .list.list-audiofiles .list-item .tools-2 .share .share-links .mail {
  width: 25px;
  height: 25px;
  display: block;
  cursor: pointer;
}
.list.list-audiofiles .list-item .tools-2 .share .share-links .fb {
  background: transparent url("../gfx/icon/profile-fb.png") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share .share-links .tw {
  background: transparent url("../gfx/icon/profile-tw.png") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share .share-links .mail {
  width: 36px;
  background: transparent url("../gfx/icon/profile-mail.png") center center no-repeat;
  background-size: contain;
}
.list.list-audiofiles .list-item .tools-2 .share.active .open-share {
  transform: rotate(90deg);
}
.list.list-audiofiles .list-item .tools-2 .share.active .share-links {
  opacity: 1;
  visibility: visible;
}
.list.list-audiofiles .list-item .tools-2 .likes {
  display: flex;
  align-items: center;
}
.list.list-audiofiles .list-item .tools-2 .likes .plus, .list.list-audiofiles .list-item .tools-2 .likes .minus {
  display: block;
  width: 33px;
  height: 33px;
  cursor: pointer;
}
.list.list-audiofiles .list-item .tools-2 .likes .plus {
  background: transparent url("../gfx/icon/tools-2-plus.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-audiofiles .list-item .tools-2 .likes .minus {
  background: transparent url("../gfx/icon/tools-2-minus.png") center right no-repeat;
  background-size: 33px 33px;
}
.list.list-audiofiles .list-item .tools-2 .likes .num {
  display: flex;
  align-items: center;
  width: 66px;
  height: 33px;
  color: #a1a1a1;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}
.list.list-audiofiles .list-item .tools-2 .likes .num.num-plus {
  background: transparent url("../gfx/icon/tools-2-num-left.png") center center no-repeat;
  background-size: 100% 33px;
  padding-left: 13px;
}
.list.list-audiofiles .list-item .tools-2 .likes .num.num-minus {
  background: transparent url("../gfx/icon/tools-2-num-right.png") center center no-repeat;
  background-size: 100% 33px;
  padding-right: 13px;
  justify-content: flex-end;
}
.list.list-audiofiles .list-item.type-1 {
  flex-direction: row-reverse;
}
.list.list-audiofiles .list-item.type-1 .txt {
  width: calc(100% - 95px);
  padding-right: 20px;
}
.list.list-audiofiles .list-item.type-1 .txt p.info {
  opacity: 0.4;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  padding-top: 10px;
  margin-bottom: 10px;
}
.list.list-audiofiles .list-item.type-1 .txt h3 {
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.list.list-audiofiles .list-item.type-1 .tools {
  padding-right: 5px;
  width: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list.list-audiofiles .list-item.type-2 .img, .list.list-audiofiles .list-item.type-3 .img, .list.list-audiofiles .list-item.type-4 .img {
  width: 120px;
}
.list.list-audiofiles .list-item.type-2 .img img, .list.list-audiofiles .list-item.type-3 .img img, .list.list-audiofiles .list-item.type-4 .img img {
  width: 100%;
  overflow: hidden;
  border-radius: 3px;
}
.list.list-audiofiles .list-item.type-2 .txt, .list.list-audiofiles .list-item.type-3 .txt, .list.list-audiofiles .list-item.type-4 .txt {
  padding-left: 42px;
  width: calc(100% - 120px);
  padding-right: 20px;
}
.list.list-audiofiles .list-item.type-2 .txt p.info, .list.list-audiofiles .list-item.type-3 .txt p.info, .list.list-audiofiles .list-item.type-4 .txt p.info {
  opacity: 0.4;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  padding-top: 10px;
  margin-bottom: 10px;
}
.list.list-audiofiles .list-item.type-2 .txt h3, .list.list-audiofiles .list-item.type-3 .txt h3, .list.list-audiofiles .list-item.type-4 .txt h3 {
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.list.list-audiofiles .list-item.type-2 .tools, .list.list-audiofiles .list-item.type-3 .tools, .list.list-audiofiles .list-item.type-4 .tools {
  width: 60px;
  height: 60px;
  z-index: 2;
  position: absolute;
  top: 63px;
  right: auto;
  bottom: auto;
  left: 100px;
}
.list.list-audiofiles .list-item.type-3 .img, .list.list-audiofiles .list-item.type-4 .img {
  width: 195px;
}
.list.list-audiofiles .list-item.type-3 .txt, .list.list-audiofiles .list-item.type-4 .txt {
  width: calc(100% - 195px);
  display: flex;
  flex-direction: column;
}
.list.list-audiofiles .list-item.type-3 .txt .tools-2, .list.list-audiofiles .list-item.type-4 .txt .tools-2 {
  margin-top: auto;
  padding-bottom: 10px;
}
.list.list-audiofiles .list-item.type-3 .tools, .list.list-audiofiles .list-item.type-4 .tools {
  position: absolute;
  top: 145px;
  right: auto;
  bottom: auto;
  left: 170px;
}
.list.list-audiofiles .list-item.type-4 {
  display: block;
  padding: 0px;
}
.list.list-audiofiles .list-item.type-4 .list-item-inner {
  display: flex;
  padding: 10px;
}
.list.list-audiofiles .list-item.type-4 .txt p {
  opacity: 0.4;
}
.list.list-audiofiles .list-item.type-4 .item-open {
  border: solid white;
  opacity: 0.4;
  cursor: pointer;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: auto;
  right: -17px;
  bottom: 20px;
  left: auto;
  transition: all 0.45s linear;
}
.list.list-audiofiles .list-item.type-4 .item-open.active {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  bottom: 12px;
}
.list.list-audiofiles .list-item.type-4 .tools-2 {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.list.list-audiofiles .list-item.type-4 .tools-2 .btn {
  margin-right: 7px;
  background: transparent;
  border: 2px #fff solid;
  color: #fff;
  min-width: 120px;
  padding: 7px 10px;
  width: auto;
}
.list.list-audiofiles .list-item.type-4 .tools-2 .btn:hover {
  background: #fff !important;
  color: #383838;
}
.list.list-audiofiles .list-item.type-4 .tools-2 .social {
  display: flex;
  flex-wrap: wrap;
}
.list.list-audiofiles .list-item.type-4 .tools-2 .social a {
  width: 36px;
  height: 36px;
  margin-right: 7px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 10px;
}
.list.list-audiofiles .list-item.type-4 .tools-2 .social a.fb {
  background: transparent url("../gfx/icon/profile-fb.png") center center no-repeat;
  background-size: cover;
}
.list.list-audiofiles .list-item.type-4 .tools-2 .social a.inst {
  background: transparent url("../gfx/icon/profile-inst.png") center center no-repeat;
  background-size: cover;
}
.list.list-audiofiles .list-item.type-4 .item-more {
  position: relative;
}
.list.list-audiofiles .list-item.type-4 .item-detail {
  overflow: hidden;
  max-height: 0px;
  transition: all 0.45s linear;
}
.list.list-audiofiles .list-item.type-4 .item-detail.active {
  max-height: 400px;
}
.list.list-audiofiles .list-item.type-4 .item-detail ul {
  margin-bottom: 18px;
}
.list.list-audiofiles .list-item.type-4 .item-detail ul li {
  padding-left: 12px;
  position: relative;
}
.list.list-audiofiles .list-item.type-4 .item-detail ul li:before {
  content: "•";
  color: #757e6d;
  opacity: 1;
  font-size: 18px;
  position: absolute;
  top: -2px;
  right: auto;
  bottom: auto;
  left: 0px;
}
.list.list-audiofiles .list-item.type-4 .item-detail ul li b {
  opacity: 1;
  color: #757e6d;
}
.list.list-audiofiles .list-item.type-4 .item-detail ul li span {
  opacity: 0.4;
}
.list.list-audiofiles .list-item.type-calendar-item .img {
  width: 120px;
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px #fff solid;
  border-radius: 4px;
}
.list.list-audiofiles .list-item.type-calendar-item .img span {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  font-weight: bold;
  display: block;
  width: 85%;
  text-align: center;
}
.list.list-audiofiles .list-item.type-calendar-item .img span:first-of-type:after {
  height: 2px;
  background: #fff;
  display: block;
  content: "";
  width: 100%;
  margin: 4px 0px;
}
.list.list-audiofiles .list-item.type-calendar-item .txt p {
  opacity: 0.4;
}

/*.section.audiofiles {

	.list.list-audiofiles {
		@include list-reset();

		.banner {
			margin-bottom:10px;

			a {
				display:block;
				font-size:0px;

				img {
					width:100%;
				}
			}
		}
		.list-item {
			color:$white;
			display:flex;
			margin-bottom:10px;
			position:relative;

			.tools {
				width:170px;
				border-left:10px #313131 solid;
				border-right:10px #313131 solid;

				.tools-row {
					display:flex;
					margin:0px -5px;
					border-bottom:10px #313131 solid;

					.icon {
						height:65px;
						display:block;
						padding:0px 5px;

						&.icon-1 { width:33.33%; }
						&.icon-2 { width:66.66%; }
						&.icon-3 { width:100%; }

						.icon-inner {
							@include fc();
							height:100%;
							background-color:#242021;
							background-position:center center;
							background-repeat:no-repeat;
							cursor:pointer;
							@include font(16px,1,400);
							@include font2();
							text-transform:uppercase;

							&:hover {
								background-color:#2d282a;
							}
						}
						&.play .icon-inner { background-image:url('../gfx/icon/tools-play.png'); }
						&.foo .icon-inner { background-image:url('../gfx/icon/tools-icon.png'); }
						&.record .icon-inner { background-image:url('../gfx/icon/tools-record.png'); }
					}
				}
				> div:last-of-type {
					border-bottom:none;
				}
			}
			.txt {
				width: calc(100% - 120px);
				padding:17px;
				background:#242021;

				.info { margin-bottom:10px; }
				h3 {
					margin:0px; padding:0px;
					@include font(16px,1.2,700);
					@include font2();
					text-transform:uppercase;	
					color:$white;					
					margin-bottom:1px;
				}
				p:last-of-type {
					margin-bottom:0px;
				}
			}
		}
	}
	&.audiofiles-table {
		.list.list-audiofiles {
			.list-item {
				padding:0px 0px 0px 17px;
				min-height:150px;
				position:relative;

				.img {
					width:114px;
					height:114px;
					display:block;
					font-size:0px;
					overflow:hidden;
					border-radius:3px;
					margin-bottom:17px;
					position:relative;
					top:17px;

					img {
						width:100%;
					}					
				}
				.txt {
					width: calc(100% - 284px);
				}
				&:before {
					content:'';
					display:block;
					@include pa(0px,auto,0px,0px);
					background:#242021;
					width:140px;
				}			
			}
			&.noimages {
				.list-item {
					min-height:1px;

					.img { display:none; }
					.txt { width: calc(100% - 170px); }
					&:before { display:none; }
				}
			}
		}
	}
	&.audiofiles-image {
		.list.list-audiofiles {
			.list-item {
				padding:17px;
				background:#242021;

				.txt {
					padding-top:0px;
					padding-bottom:0px;
					padding-right:0px;

					h3 {
						font-size:20px;
					}
				}
				.img {
					width:114px;
					height:114px;
					display:block;
					font-size:0px;
					overflow:hidden;
					border-radius:3px;
					margin-bottom:60px;

					img {
						width:100%;
					}					
				}
				.tools {
					border:none;
					width:128px;
					@include pa(auto,auto,0px,10px);

					.tools-row {
						margin:0px;

						.icon {
							padding:0px;

							.icon-inner:hover {
								background-color:transparent;
							}
						}
					}
				}
				&.default {}
				&.image-play {
					.img {
						width:154px;
						height:154px;
					}
					.txt {
						width: calc(100% - 160px);
					}
					.tools {
						width:154px;
						height:154px;
						@include pa(17px,auto,auto,17px);

						.tools-row {
							align-items:flex-end;
							justify-content:center;
							width:154px;
							height:154px;

							.icon {
								position: relative;
    							top: 25px;
								width: 50px;
								height: 50px;
								margin-bottom: 0px;
								background: #fff;
								border-radius: 50%;
								padding: 0px;
								overflow: hidden;								

								.icon-inner {
									width: 50px;
									height: 50px;
									background: #fff;
									background-repeat:no-repeat;
									background-image: url('../gfx/icon/play-black.svg');
									background-position: center center;
									background-size: 30px 30px;
								}
							}
						}
					}
				}
			}
		}
	}
}
.section.section-type-feed.audiofiles {
	.list.list-audiofiles {
		.list-item {
			.txt {
				width: calc(100% - 60px);
			}
			.tools {
				background: #242021;
				width:60px;
				border-left:none;
				border-right:none;

				.tools-row {
					margin:0px;
					height:100%;
					flex-direction:column;
					align-items:center;
					justify-content:flex-end;

					.icon {
						width:33px;
						height:33px;
						background:$white;
						border-radius:50%;
						padding:0px;
						overflow:hidden;
						margin-bottom:12px;

						.icon-inner {
							width:33px;
							height:33px;
							background-color:$white;
						}
						&.play .icon-inner { background-image:url('../gfx/icon/play-black.svg'); background-size: 15px auto; background-position:center center; }
					}
				}
			}
			&.default {

			}
			&.headline-first {
				.txt {
					h3 { margin-bottom:7px; }
					.info { margin-bottom:7px; }
				}
			}
			&.player {
				flex-wrap:wrap;

				.tools {
					display:none;
				}
				.txt {
					width:100%;
				}
				.player-tools {
					display:flex;
					align-items:center;
					justify-content:flex-start;
					color:$white;
					background: #242021;
					width:100%;
					padding:0px 17px 17px 17px;

					> div { height:33px; }
					.bar {
						position:relative;
						width:100px;
						height:33px;

						.icon {
							width:33px;
							height:33px;
							display:block;
							@include pa(0px,auto,auto,25px);
							background:transparent url('../gfx/icon/play-both.svg') center center no-repeat;
							background-size:contain;
						}
						&:before {
							content:'';
							display:block;
							height:2px;
							background:$white;
							@include pa(50%,0px,auto,0px);
							margin-top:-1px;
						}
					}
					.audio {
						width:70px;
						height:33px;
						background:transparent url('../gfx/icon/sound.svg') center center no-repeat;
						background-size:contain;
						margin-right:25px;
					}
					.time {
						@include font(14px,1,400);
						height:auto;
						padding:0px 7px;
					}
					.items {
						margin-left:auto;
						display:flex;
						justify-content:flex-end;

						span {
							margin:0px 3px;
							display:block;
							width:33px;
							height:33px;
							border-radius:50%;
							overflow:hidden;
							@include fc();
						}
						.no,
						.minus {
							background:transparent url('../gfx/icon/minus.svg') center center no-repeat;
							background-size:contain;
						}
						.plus {
							background:transparent url('../gfx/icon/plus.svg') center center no-repeat;
							background-size:contain;
						}
						.no em {
							font-style:normal;
							color:$white;
							@include font(16px,1,700);
							background:#242021;
							display:block;
							width:25px;
							height:25px;
							@include fc();
							border-radius:50%;
							overflow:hidden;
						}
						.add-no {
							width:auto;
							padding:0px 12px;
							letter-spacing:3px;
							background:$white;
							border-radius:17px;
							color:#242021;
							@include font(16px,1,700);
						}
						.push,
						.alert {
							background:transparent url('../gfx/icon/player-icons1.svg') 0px center no-repeat;
							background-size:auto 33px;
						}
						.alert {
							background-position:100% center;
						}
						.record {
							background:transparent url('../gfx/icon/record.svg') center center no-repeat;
							background-size:auto 33px;
						}
					}
				}
				&.player-1 {}
				&.player-2 {}
				&.player-3, &.player-4 {
					.player-tools {
						position:relative;
						padding-left:0px;
						z-index:99;

						.time {
							width:90px;
							text-align:center;
							margin-right:15px;
						}
						.bar {
							margin-left:7px;
						}
					}
				}
				&.player-4 {
					.player-tools {
						padding-left:104px;

						.time {
							@include pa(auto,auto,25px,0px);
						}
						.bar {
							width:100%;
						}
					}
				}
			}
			&.image-play {
				padding-left:17px;

				&:before {
					content: '';
					display: block;
					position: absolute;
					top: 0px;
					right: auto;
					bottom: 0px;
					left: 0px;
					background: #242021;
					width: 120px;					
				}
				.img {
					width: 90px;
					height: 90px;
					display: block;
					font-size: 0px;
					overflow: hidden;
					border-radius: 3px;
					margin-bottom: 17px;
					position: relative;
					top: 17px;					

					img {
						width: 100%;	
						height: 100%;
						object-fit:cover;					
					}
				}
				.txt {
					width: calc(100% - 90px) !important;
				}
				.tools {
					background:transparent !important;
					@include pa(17px,auto,auto,17px);
					width:90px !important;
					height:90px !important;
					@include fc();

					.tools-row {
						justify-content:center;

						.icon {
							width:50px;
							height:50px;
							margin-bottom:0px;

							.icon-inner {
								width:50px;
								height:50px;
								background-size:30px 30px;
							}
						}
					}
				}
				&.image-play-1 {

				}
				&.image-play-2 {
					.tools .tools-row .icon {
						background:transparent !important;
						border:3px $white solid;
						width:54px;
						height:54px;

						.icon-inner {
							background-color:transparent;
							background-image:url('../gfx/icon/play-white.svg');
						}
					}
				}
				&.image-play-3 {
					.img {
						margin-bottom:40px;
					}
					.tools {
						align-items:flex-end;

						.tools-row {
							justify-content:flex-end;

							.icon {
								position:relative;
								top:25px;
							}
						}
					}
				}
			}
		}
	}
	&.audiofiles-table {
		.list.list-audiofiles {
			.list-item {
				padding-bottom:65px;
				background: #242021;

				.txt {
					width: calc(100% - 120px);
				}
				.tools {
					height:65px;
					@include pa(auto,auto,0px,0px);
					width:50%;
					padding-left:17px;

					.tools-row {
						flex-direction:row;
						justify-content:flex-start;
						align-items:flex-end;

						.icon {
							background:transparent;
							margin-right:10px;

							.icon-inner {
								background-color:transparent;
							}
							&.play .icon-inner {
								background-color:$white;
								background-image:url('../gfx/icon/tools-play2.png');
							}
						}
					}
				}
				.tools-right {
					height:65px;
					@include pa(auto,0px,0px,auto);
					width:50%;
					padding-right:17px;
					display:flex;
					flex-direction:row;
					justify-content:flex-end;
					align-items:flex-end;

					.social {
						padding:3px 20px;
						border:1px $white solid;
						border-top:none;
						min-width:110px;
						text-align:center;
						@include font2();
						font-weight:700;
						text-transform:lowercase;
						margin-bottom:12px;
					}
					.icon {
						margin-left:14px;
						height:65px;
						display:block;
						padding:0px 5px;

						&.icon-1 { width:42px; }
						&.icon-2 { width:42px; }
						&.icon-3 { width:42px; }

						.icon-inner {
							@include fc();
							height:100%;
							background-color:#242021;
							background-position:center center;
							background-repeat:no-repeat;
							cursor:pointer;
							@include font(16px,1,400);
							@include font2();
							text-transform:uppercase;
							background-color:transparent;

							&:hover {
								background-color:#2d282a;
							}
						}
						&.record .icon-inner {
							background-image:url('../gfx/icon/tools-record.png');
						}
					}
				}
				&.default {

				}
			}
		}
	}
}*/
@media (max-width: 767px) {
  .list.list-audiofiles .list-item.type-3 .img,
  .list.list-audiofiles .list-item.type-4 .img {
    width: 135px;
  }
  .list.list-audiofiles .list-item.type-3 .txt,
  .list.list-audiofiles .list-item.type-4 .txt {
    width: calc(100% - 135px);
    min-height: 215px;
  }
  .list.list-audiofiles .list-item.type-3 .tools,
  .list.list-audiofiles .list-item.type-4 .tools {
    top: 105px;
    left: 110px;
  }
  .list.list-audiofiles .list-item.type-3 .txt .tools-2,
  .list.list-audiofiles .list-item.type-4 .txt .tools-2 {
    margin-left: -175px;
  }
}
@media (max-width: 580px) {
  .list.list-audiofiles .list-item.type-4 .txt h3 {
    cursor: pointer;
  }
  .list.list-audiofiles .list-item.type-4 .txt h3 + p {
    display: none;
  }
}
@media (max-width: 380px) {
  .list.list-audiofiles .list-item.type-3 .txt, .list.list-audiofiles .list-item.type-4 .txt {
    min-height: 245px;
  }
  .list.list-audiofiles .list-item.type-3 .txt .tools-2,
  .list.list-audiofiles .list-item.type-4 .txt .tools-2 {
    height: 82px;
  }
  .list.list-audiofiles .list-item .tools-2 .likes {
    flex-wrap: wrap;
  }
  .list.list-audiofiles .list-item .tools-2 .share2 {
    padding-top: 5px;
  }
  .list.list-audiofiles .list-item .tools-2 {
    align-items: flex-end;
  }
}
li.responses {
  margin-top: -5px !important;
  margin-bottom: 10px !important;
}

.list-item.has-responses {
  padding-bottom: 0px !important;
}

.list.list-responses {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  padding-top: 5px;
}
.list.list-responses li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.list.list-responses > li:last-of-type {
  margin-bottom: 0px;
}
.list.list-responses .response-item {
  background: #636466;
  border-radius: 5px;
  display: block;
  justify-content: flex-start;
  margin-bottom: 5px;
  padding: 0px;
  position: relative;
}
.list.list-responses .response-item .response-item-inner {
  display: flex;
  padding: 10px;
  padding-right: 30px;
}
.list.list-responses .response-item > ul.list.list-responses {
  padding-top: 0px;
  position: relative;
}
.list.list-responses .response-item > ul.list.list-responses:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #939496 transparent;
  position: absolute;
  top: -12px;
  right: auto;
  bottom: auto;
  left: 105px;
}
.list.list-responses .response-item > ul.list.list-responses > .response-item > ul.list.list-responses:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #BCBEC2 transparent;
  position: absolute;
  top: -12px;
  right: auto;
  bottom: auto;
  left: 105px;
}
.list.list-responses .response-item > ul.list.list-responses > .response-item > ul.list.list-responses > .response-item-bottom {
  border-top: none;
}
.list.list-responses .response-item > ul.list.list-responses > .response-item > ul.list.list-responses > .response-item-bottom .toggle {
  filter: brightness(0) invert(0);
  opacity: 0.5;
}
.list.list-responses .response-item > ul.list.list-responses > .response-item > ul.list.list-responses > .response-item-bottom p {
  color: #666;
}
.list.list-responses .response-item > ul.list.list-responses > .response-item > ul.list.list-responses > .response-item-bottom:after, .list.list-responses .response-item > ul.list.list-responses > .response-item > ul.list.list-responses > .response-item-bottom:before {
  background: #939496;
}
.list.list-responses .response-item > ul.list.list-responses > .response-item > ul.list.list-responses .response-item {
  background: #BCBEC2;
}
.list.list-responses .response-item > ul.list.list-responses > .response-item-bottom:after, .list.list-responses .response-item > ul.list.list-responses > .response-item-bottom:before {
  background: #636466;
}
.list.list-responses .response-item .img {
  width: 56px !important;
  height: 56px;
  margin-right: 10px;
}
.list.list-responses .response-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  overflow: hidden;
}
.list.list-responses .response-item .title {
  width: 80px;
  margin: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  opacity: 0.7;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-right: 15px;
}
.list.list-responses .response-item .title b {
  text-transform: uppercase;
  display: block;
  font-weight: 700;
}
.list.list-responses .response-item .buttons {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: 0px -5px 0px 0px;
  filter: brightness(0) invert(1);
  opacity: 0.7;
}
.list.list-responses .response-item .buttons > .icon {
  width: 33px;
  height: 33px;
  display: block;
  margin: 0px 5px;
}
.list.list-responses .response-item .buttons > .icon.icon1 {
  background: transparent url("../gfx/icon/tools-2-icon1.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-responses .response-item .buttons > .icon.icon2 {
  background: transparent url("../gfx/icon/tools-2-icon2.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-responses .response-item .buttons > .icon.icon3 {
  background: transparent url("../gfx/icon/tools-2-icon3.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-responses .response-item .buttons > .icon.icon4 {
  background: transparent url("../gfx/icon/tools-2-icon4.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-responses .response-item .buttons > .icon.icon5 {
  background: transparent url("../gfx/icon/tools-2-icon5.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-responses .response-item .buttons > .icon.icon6 {
  background: transparent url("../gfx/icon/tools-2-icon6.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-responses .response-item .buttons .record {
  width: 24px;
  height: 33px;
  display: block;
  margin: 0px 5px;
  background: transparent url("../gfx/icon/record13.png") center left no-repeat;
  background-size: 24px 33px;
}
.list.list-responses .response-item .responses {
  display: block;
  width: 60px;
  height: 33px;
  background: transparent url("../gfx/icon/tools-2-icon0.png") center center no-repeat;
  background-size: 100% 33px;
  padding-left: 13px;
  color: #a1a1a1;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin: 0px 5px 0px 10px;
}
.list.list-responses .response-item .share2 {
  display: flex;
  align-items: center;
  column-gap: 5px;
  margin-left: 5px;
}
.list.list-responses .response-item .share2 i {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.list.list-responses .response-item .share2 i.fb {
  background: transparent url("../gfx/icon/share-fb.svg") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item .share2 i.messenger {
  background: transparent url("../gfx/icon/share-messenger.svg") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item .share2 i.twitter {
  background: transparent url("../gfx/icon/share-twitter.svg") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item .share2 i.instagram {
  background: transparent url("../gfx/icon/share-instagram.svg") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item .share2 i.linkedin {
  background: transparent url("../gfx/icon/share-linkedin.svg") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item .share2 i.tiktok {
  background: transparent url("../gfx/icon/share-tiktok.svg") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item .share2 i.email {
  background: transparent url("../gfx/icon/share-mail.svg") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item .share2 i.at {
  background: transparent url("../gfx/icon/share-at.svg") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item .middle {
  margin-left: 20px;
}
.list.list-responses .response-item .middle p {
  margin: 0px;
  margin-bottom: 7px;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  opacity: 0.7;
}
.list.list-responses .response-item .middle p b {
  font-weight: 700;
}
.list.list-responses .response-item .middle .likes {
  display: flex;
  align-items: center;
}
.list.list-responses .response-item .middle .likes * {
  filter: brightness(0) invert(1);
  opacity: 0.7;
}
.list.list-responses .response-item .middle .likes .plus, .list.list-responses .response-item .middle .likes .minus {
  display: block;
  width: 33px;
  height: 33px;
  cursor: pointer;
}
.list.list-responses .response-item .middle .likes .plus {
  background: transparent url("../gfx/icon/tools-2-plus.png") center left no-repeat;
  background-size: 33px 33px;
}
.list.list-responses .response-item .middle .likes .minus {
  background: transparent url("../gfx/icon/tools-2-minus.png") center right no-repeat;
  background-size: 33px 33px;
}
.list.list-responses .response-item .middle .likes .num {
  display: flex;
  align-items: center;
  width: 66px;
  height: 33px;
  color: #a1a1a1;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}
.list.list-responses .response-item .middle .likes .num.num-plus {
  background: transparent url("../gfx/icon/tools-2-num-left.png") center center no-repeat;
  background-size: 100% 33px;
  padding-left: 13px;
}
.list.list-responses .response-item .middle .likes .num.num-minus {
  background: transparent url("../gfx/icon/tools-2-num-right.png") center center no-repeat;
  background-size: 100% 33px;
  padding-right: 13px;
  justify-content: flex-end;
}
.list.list-responses .response-item .player.placeholder {
  display: block;
  width: 120px;
  height: 33px;
  background: transparent url("../gfx/icon/audio-placeholder.png") center center no-repeat;
  background-size: 100% 33px;
  margin: 0px 5px;
  filter: brightness(0) invert(1);
  opacity: 0.7;
  margin-top: auto;
  margin-left: auto;
}
.list.list-responses .response-item .button {
  width: 55px;
  height: 55px;
}
.list.list-responses .response-item .button .icon {
  width: 55px;
  height: 55px;
  display: block;
  cursor: pointer;
}
.list.list-responses .response-item .button.play .icon {
  background: transparent url("../gfx/icon/tools-play12.png") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item .button.pause .icon {
  background: transparent url("../gfx/icon/tools-pause11.png") center center no-repeat;
  background-size: contain;
}
.list.list-responses .response-item.response-item-2 {
  background: #939496;
  z-index: 5;
}
.list.list-responses .response-item.response-item-2 .middle p,
.list.list-responses .response-item.response-item-2 .title {
  color: #000;
  opacity: 0.6;
}
.list.list-responses .response-item.response-item-2 .middle .likes {
  filter: brightness(0) invert(0);
  opacity: 0.7;
}
.list.list-responses .response-item.response-item-2 .player.placeholder,
.list.list-responses .response-item.response-item-2 .buttons {
  filter: brightness(0) invert(0);
  opacity: 0.7;
}
.list.list-responses .response-item-bottom {
  border: 2px #a5a6a8 solid;
  border-top: 0px;
  border-radius: 10px;
  padding: 10px 20px;
  position: relative;
  text-align: center;
}
.list.list-responses .response-item-bottom .toggle {
  width: 20px;
  height: 13px;
  display: block;
  position: absolute;
  top: 50%;
  right: 36px;
  bottom: auto;
  left: auto;
  margin-top: -7px;
  background: transparent url("../gfx/icon/arrow-top.png") center center no-repeat;
  background-size: contain;
  z-index: 99;
  transition: all 0.25s linear;
  transform: rotate(180deg);
  filter: brightness(0) invert(1);
  opacity: 0.7;
}
.list.list-responses .response-item-bottom:before, .list.list-responses .response-item-bottom:after {
  content: "";
  width: 15px;
  height: 10px;
  display: block;
  background: #333;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: auto;
  left: auto;
}
.list.list-responses .response-item-bottom:after {
  left: -2px;
}
.list.list-responses .response-item-bottom:before {
  right: -2px;
}
.list.list-responses .response-item-bottom p {
  margin: 0px;
  color: #a5a6a8;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.list.list-responses .response-item-bottom p a {
  text-decoration: none;
}

@media (max-width: 767px) {
  .list.list-responses .response-item .img,
  .list.list-responses .response-item .title,
  .list.list-responses .response-item.response-item-2 .title {
    display: none;
  }
}
@media (max-width: 380px) {
  .list.list-responses .response-item .middle .likes {
    flex-wrap: wrap;
  }
  .list.list-responses .response-item .share2 {
    padding-top: 5px;
  }
}
.tagcloud .tagcloud-content {
  overflow: hidden;
  border-radius: 5px;
}
.tagcloud .tagcloud-content img {
  width: 100%;
}

.player-bar {
  padding: 8px 3px;
  margin: 0px 10px;
  background: #fff;
  background: #111;
  /*border-top:1px $greyLight solid;*/
  border-radius: 9px 9px 0px 0px;
}
.player-bar.fixed {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
}
.player-bar .current-audio {
  display: flex;
  height: 100%;
}
.player-bar .current-audio .txt {
  background: #fff;
  flex: 1;
  padding: 10px;
  display: flex;
  display: block;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 95px;
  border-radius: 7px;
  border: 2px #dcdddf solid;
  background: #000;
  color: #ddd;
}
.player-bar .current-audio .txt .info {
  margin-bottom: 2px;
}
.player-bar .current-audio .txt .img {
  float: left;
  border: none;
  border-radius: 5px;
  font-size: 0px;
  width: 95px;
  height: 95px;
  overflow: hidden;
  margin-right: 15px;
}
.player-bar .current-audio .txt .img img {
  width: 100%;
  border: 2px #dcdddf solid;
}
.player-bar .current-audio .txt h3 {
  margin: 0px;
  padding: 0px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Roboto Slab", serif;
  color: #71bf45;
  margin-bottom: 1px;
}
.player-bar .current-audio .txt p:last-of-type {
  margin-bottom: 0px;
}
.player-bar .current-audio .player-tool {
  width: 50%;
  padding: 10px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.player-bar .current-audio .player-tool img {
  width: 100%;
}
.player-bar .current-audio #audioPlayer2 {
  margin-left: 10px;
  flex: 1;
  padding: 10px;
  position: relative;
  border-radius: 7px;
  /*border:2px #dcdddf solid;*/
  background: #dcdddf;
  /* button */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
  /* track */
}
.player-bar .current-audio #audioPlayer2 input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.player-bar .current-audio #audioPlayer2 input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: none;
  transform: rotate(0deg);
  background: transparent url("../gfx/icon/noun_play_86420.svg") center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer2 input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar .current-audio #audioPlayer2 input#audioPlayer2VolumeSlider::-webkit-slider-thumb {
  background: #71bf45;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border-radius: 50%;
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-moz-range-thumb {
  box-shadow: none;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  transform: rotate(0deg);
  background: transparent url("../gfx/icon/noun_play_86420.svg") center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer2 input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar .current-audio #audioPlayer2 input#audioPlayer2VolumeSlider::-moz-range-thumb {
  background: #71bf45;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-ms-thumb {
  box-shadow: none;
  border: 1px solid #000000;
  height: 20px;
  width: 20px;
  cursor: pointer;
  transform: rotate(0deg);
  background: transparent url "../gfx/icon/noun_play_86420.svg" center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer2 input#audioPlayer2VolumeSlider::-ms-thumb {
  background: #71bf45;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  border: none;
}
.player-bar .current-audio #audioPlayer2 input[type=range]:focus::-webkit-slider-runnable-track {
  background: none;
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-moz-range-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  border: none;
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-ms-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-ms-fill-lower {
  background: none;
  border: none;
  border-radius: 2.6px;
  box-shadow: none;
}
.player-bar .current-audio #audioPlayer2 input[type=range]:focus::-ms-fill-lower {
  background: none;
}
.player-bar .current-audio #audioPlayer2 input[type=range]::-ms-fill-upper {
  background: #71bf45;
  border: none;
  border-radius: 2.6px;
  box-shadow: none;
}
.player-bar .current-audio #audioPlayer2 input[type=range]:focus::-ms-fill-upper {
  background: #71bf45;
}
.player-bar .current-audio #audioPlayer2 span#audioPlayer2DurationTime,
.player-bar .current-audio #audioPlayer2 span#audioPlayer2CurrentTime {
  font-size: 14px;
  position: absolute;
  left: 60px;
  top: 62px;
}
.player-bar .current-audio #audioPlayer2 span#audioPlayer2DurationTime {
  left: auto;
  right: 10px;
}
.player-bar .current-audio #audioPlayer2 span#audioPlayer2VolumeInfo {
  font-size: 14px;
  position: absolute;
  left: 220px;
  top: 15px;
}
.player-bar .current-audio #audioPlayer2 input#audioPlayer2VolumeSlider {
  position: absolute;
  left: 55px;
  top: 16px;
  width: 150px;
  height: 18px;
  background: transparent url(../gfx/icon/dot.png?v=1) center center repeat-x;
}
.player-bar .current-audio #audioPlayer2 input#audioPlayer2SeekSlider {
  position: absolute;
  left: 97px;
  top: 59px;
  width: calc(100% - 150px);
  height: 25px;
  background: transparent url(../gfx/icon/dot.png?v=1) center center repeat-x;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonMute,
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonPlay,
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonClose {
  width: 20px;
  height: 20px;
  position: absolute;
  border: none;
  cursor: pointer;
  padding: 0px;
  background: transparent;
  outline: none;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonMute {
  width: 40px;
  height: 20px;
  left: 10px;
  top: 15px;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonMute:after {
  content: "";
  width: 35px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 5px;
  background: transparent url("../gfx/icon/player2-volume.svg?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonMute.active:after {
  background: transparent url("../gfx/icon/player2-volume2.svg?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonPlay {
  /*width:40px;
  height:20px;
  left:10px;
  top:60px;*/
  width: 30px;
  height: 40px;
  left: 15px;
  top: 60px;
  background: #71bf45;
  border-radius: 5px;
  top: 50px;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonPlay:after {
  /*content:'';
  width:40px;
  height:20px;
  @include pa(0px,0px,0px,0px);
  background:transparent url('../gfx/icon/player2-play.png?v=1') center center no-repeat;
  background-size:contain;*/
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 9px;
  right: auto;
  bottom: auto;
  left: 11px;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonPlay.active:after {
  border: none;
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/player2-pause-w.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonPlay.preloader:after {
  background: transparent url("../gfx/icon/spin.gif") center center no-repeat;
  background-size: 40px auto;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonClose {
  left: auto;
  right: 10px;
  top: 13px;
  opacity: 0.4;
}
.player-bar .current-audio #audioPlayer2 button#audioPlayer2ButtonClose:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/player2-close.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer {
  /*background:#eee;*/
  padding: 10px 10px;
  position: relative;
  width: 50%;
  /* button */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
  /* track */
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonClose,
.player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay,
.player-bar .current-audio #audioPlayer button#audioPlayerButtonMute {
  width: 35px;
  height: 35px;
  border: 2px #383838 solid;
  background-color: transparent;
  border-radius: 50%;
  font-size: 0px;
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  top: 160px;
  left: 160px;
}
.player-bar .current-audio #audioPlayer input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}
.player-bar .current-audio #audioPlayer input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.player-bar .current-audio #audioPlayer input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
.player-bar .current-audio #audioPlayer input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.player-bar .current-audio #audioPlayer input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: none;
  transform: rotate(0deg);
  background: transparent url("../gfx/icon/noun_play_86420.svg") center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar .current-audio #audioPlayer input#audioPlayer2VolumeSlider::-webkit-slider-thumb {
  background: #71bf45;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border-radius: 50%;
}
.player-bar .current-audio #audioPlayer input[type=range]::-moz-range-thumb {
  box-shadow: none;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  transform: rotate(0deg);
  background: transparent url("../gfx/icon/noun_play_86420.svg") center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar .current-audio #audioPlayer input#audioPlayer2VolumeSlider::-moz-range-thumb {
  background: #71bf45;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.player-bar .current-audio #audioPlayer input[type=range]::-ms-thumb {
  box-shadow: none;
  border: 1px solid #000000;
  height: 20px;
  width: 20px;
  cursor: pointer;
  transform: rotate(0deg);
  background: transparent url "../gfx/icon/noun_play_86420.svg" center center no-repeat;
  background-size: contain;
}
.player-bar .current-audio #audioPlayer input#audioPlayer2VolumeSlider::-ms-thumb {
  background: #71bf45;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.player-bar .current-audio #audioPlayer input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  border: none;
}
.player-bar .current-audio #audioPlayer input[type=range]:focus::-webkit-slider-runnable-track {
  background: none;
}
.player-bar .current-audio #audioPlayer input[type=range]::-moz-range-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  border: none;
}
.player-bar .current-audio #audioPlayer input[type=range]::-ms-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.player-bar .current-audio #audioPlayer input[type=range]::-ms-fill-lower {
  background: none;
  border: none;
  border-radius: 2.6px;
  box-shadow: none;
}
.player-bar .current-audio #audioPlayer input[type=range]:focus::-ms-fill-lower {
  background: none;
}
.player-bar .current-audio #audioPlayer input[type=range]::-ms-fill-upper {
  background: #71bf45;
  border: none;
  border-radius: 2.6px;
  box-shadow: none;
}
.player-bar .current-audio #audioPlayer input[type=range]:focus::-ms-fill-upper {
  background: #71bf45;
}
.player-bar .current-audio #audioPlayer span, .player-bar .current-audio #audioPlayer input {
  position: absolute;
  top: 160px;
  left: 160px;
}
.player-bar .current-audio #audioPlayer br {
  display: none;
}
.player-bar .current-audio #audioPlayer span#audioPlayerCurrentTime {
  left: 75px;
  top: 27px;
  font-size: 16px;
}
.player-bar .current-audio #audioPlayer span#audioPlayerDurationTime {
  right: 25px;
  left: auto;
  top: 27px;
  font-size: 16px;
}
.player-bar .current-audio #audioPlayer span#audioPlayerVolumeInfo {
  left: 210px;
  top: 77px;
  font-size: 16px;
  display: block;
  width: 40px;
  text-align: left;
  white-space: nowrap;
}
.player-bar .current-audio #audioPlayer input#audioPlayerSeekSlider {
  left: 120px;
  top: 28px;
  background: transparent url("../gfx/icon/dot.png?v=1") center center repeat-x;
  width: calc(100% - 195px);
}
.player-bar .current-audio #audioPlayer input#audioPlayerVolumeSlider {
  left: 75px;
  top: 78px;
  background: transparent url("../gfx/icon/dot.png?v=1") center center repeat-x;
  width: 120px;
  width: calc(100% - 200px);
  max-width: 120px;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay {
  left: 25px;
  top: 20px;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay:after {
  content: "";
  width: 34px;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/noun_play_86420.svg") center center no-repeat;
  background-size: 15px auto;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay.active:after {
  background: transparent url("../gfx/icon/noun_play pause_86425.svg") center center no-repeat;
  background-size: 19px auto;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay.preloader {
  border-color: #fff;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay.preloader:after {
  background: transparent url("../gfx/icon/spin.gif") center center no-repeat;
  background-size: 65px auto;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonMute {
  left: 25px;
  top: 70px;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonMute:after {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/mute.png?v=1") center center no-repeat;
  background-size: 20px auto;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonMute.active:after {
  background: transparent url("../gfx/icon/unmute.png?v=1") center center no-repeat;
  background-size: 23px auto;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonClose {
  left: auto;
  right: 25px;
  top: 70px;
}
.player-bar .current-audio #audioPlayer button#audioPlayerButtonClose:after {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/tools-2-icon6.png?v=1") -4px -3px no-repeat;
  background-size: 38px auto;
  filter: brightness(0%);
}
.player-bar .banner {
  height: 100%;
  background: #fff;
  border-radius: 7px;
  border: 2px #dcdddf solid;
  background: #000;
}
.player-bar .banner a {
  display: block;
  font-size: 0px;
}
.player-bar .banner a img {
  width: 100%;
}

@media (max-width: 991px) {
  .player-bar .current-audio #audioPlayer span#audioPlayerVolumeInfo {
    left: calc(100% - 200px + 90px);
  }
  /**/
  #divBottomPlayer .container .row .col-md-4 {
    display: none;
  }
  #divBottomPlayer .container .row .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .player-bar .current-audio .txt h3 {
    font-size: 20px;
  }
  .player-bar .current-audio #audioPlayer2 {
    min-height: 95px;
  }
}
@media (max-width: 820px) {
  .player-bar {
    padding-bottom: 10px;
  }
  .player-bar .row {
    position: static;
  }
  .player-bar .row > div {
    position: static;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .player-bar .current-audio {
    flex-wrap: wrap;
  }
  .player-bar .current-audio .txt {
    width: 100%;
  }
  .player-bar .current-audio .txt h3 {
    font-size: 16px;
  }
  .player-bar .current-audio #audioPlayer {
    width: 100%;
    padding: 5px;
    height: 65px;
    position: absolute;
    top: auto;
    right: 5px;
    bottom: 5px;
    left: 5px;
    width: auto;
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay {
    left: 7px;
  }
  .player-bar .current-audio #audioPlayer span#audioPlayerCurrentTime {
    left: 60px;
  }
  .player-bar .current-audio #audioPlayer input#audioPlayerSeekSlider {
    left: 110px;
    width: calc(100% - 390px);
  }
  .player-bar .current-audio #audioPlayer span#audioPlayerDurationTime {
    right: auto;
    left: calc(100% - 390px + 130px);
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonMute {
    top: 20px;
    left: calc(100% - 390px + 180px);
  }
  .player-bar .current-audio #audioPlayer input#audioPlayerVolumeSlider {
    top: 28px;
    left: calc(100% - 390px + 230px);
    width: calc(100% - 350px);
    max-width: 110px;
  }
  .player-bar .current-audio #audioPlayer span#audioPlayerVolumeInfo {
    display: none;
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonClose {
    top: 20px;
    right: 0px;
  }
}
@media (max-width: 680px) {
  .player-bar .current-audio {
    flex-wrap: wrap;
  }
  .player-bar .current-audio #audioPlayer2,
  .player-bar .current-audio .txt {
    width: 100% !important;
    flex: auto;
    margin-left: 0px;
  }
  .player-bar .current-audio .txt {
    border-bottom: 1px #383838 solid;
  }
}
@media (max-width: 500px) {
  .player-bar .row {
    position: static;
  }
  .player-bar .row > div {
    position: static;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .player-bar .row > div.col-md-4 {
    display: none;
  }
  .player-bar .current-audio .txt h3 {
    font-size: 15px;
  }
  .player-bar .current-audio .txt p {
    font-size: 12px;
  }
  .player-bar .current-audio .txt .info {
    margin-bottom: 0px;
  }
  .player-bar .current-audio #audioPlayer {
    height: 55px;
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay,
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonMute,
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonClose {
    width: 25px;
    height: 25px;
    top: 20px;
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay:after,
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonMute:after,
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonClose:after {
    width: 22px;
    height: 22px;
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay:after {
    background-size: 15px auto;
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonPlay.active:after {
    background-size: 15px auto;
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonMute.active:after {
    background-size: 15px auto;
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonClose:after {
    background-size: 28px auto;
  }
  .player-bar .current-audio #audioPlayer span#audioPlayerDurationTime,
  .player-bar .current-audio #audioPlayer span#audioPlayerCurrentTime {
    top: 25px;
    font-size: 12px;
  }
  .player-bar .current-audio #audioPlayer span#audioPlayerCurrentTime {
    left: 44px;
  }
  .player-bar .current-audio #audioPlayer span#audioPlayerDurationTime {
    left: calc(100% - 250px + 95px);
  }
  .player-bar .current-audio #audioPlayer input#audioPlayerSeekSlider {
    left: 85px;
    top: 23px;
    width: calc(100% - 250px);
  }
  .player-bar .current-audio #audioPlayer button#audioPlayerButtonMute {
    left: calc(100% - 250px + 125px);
  }
  .player-bar .current-audio #audioPlayer input#audioPlayerVolumeSlider {
    top: 23px;
    left: calc(100% - 250px + 160px);
    width: calc(100% - 220px);
    max-width: 55px;
  }
  /**/
  .player-bar {
    padding: 5px;
  }
  .player-bar .container > .row > div {
    padding: 0px;
  }
  .player-bar .current-audio .txt {
    border-bottom: 1px #383838 solid !important;
  }
}
.player-bar#divBottomRecorder .current-audio .recorder-tool {
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%;
  position: relative;
  display: flex;
  min-height: 95px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool .side-info {
  background: #fff;
  height: 100%;
  width: calc(50% - 10px);
  margin-left: 10px;
  width: 50%;
  border-radius: 7px;
  border: 2px #dcdddf solid;
  background: #000;
  padding: 15px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool .side-info h2 {
  margin: 0px;
  padding: 0px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Roboto Slab", serif;
  color: #71bf45;
  margin-bottom: 5px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool .side-info p {
  position: relative;
  padding-left: 19px;
  margin-bottom: 1px;
  color: #ddd;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool .side-info p:last-of-type {
  margin-bottom: 0px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool .side-info p:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: block;
  background: #71bf45;
  position: absolute;
  top: 8px;
  right: auto;
  bottom: auto;
  left: 4px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool:after {
  content: "";
  background: #fff;
  height: 100%;
  width: calc(50% - 10px);
  margin-left: 10px;
  width: 50%;
  border-radius: 7px;
  /*border:2px $green solid;*/
  background: #dcdddf;
  display: none;
}
.player-bar#divBottomRecorder .current-audio .txt {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  min-height: 95px;
  border: 2px #dcdddf solid;
  background: #000;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool,
.player-bar#divBottomRecorder .current-audio .txt {
  position: relative;
  border-radius: 7px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #audioRecorder,
.player-bar#divBottomRecorder .current-audio .txt #audioRecorder {
  position: absolute;
  top: 0px;
  right: 6px;
  bottom: auto;
  left: auto;
  z-index: 5;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #audioRecorder button#audioRecorderButtonClose,
.player-bar#divBottomRecorder .current-audio .txt #audioRecorder button#audioRecorderButtonClose {
  width: 35px;
  height: 35px;
  border: 2px #383838 solid;
  background-color: transparent;
  border-radius: 50%;
  font-size: 0px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #audioRecorder button#audioRecorderButtonClose:after,
.player-bar#divBottomRecorder .current-audio .txt #audioRecorder button#audioRecorderButtonClose:after {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/tools-2-icon6.png?v=1") -4px -3px no-repeat;
  background-size: 38px auto;
  filter: brightness(0%);
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea,
.player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea {
  position: absolute;
  top: auto;
  right: 0px;
  bottom: 8px;
  left: auto;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea button,
.player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea button {
  min-width: 80px;
  font-family: "Roboto Slab", serif;
  width: auto !important;
  height: 30px !important;
  background: #71bf45 !important;
  color: #fff !important;
  padding: 5px 10px !important;
  font-size: 10px !important;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase !important;
  border-radius: 5px !important;
  position: absolute;
  top: auto;
  right: 0px;
  bottom: 0px;
  left: auto;
  margin-right: 7px !important;
  border: none !important;
  cursor: pointer;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea button:hover,
.player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea button:hover {
  background: #fff !important;
  color: #71bf45 !important;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea button.grey,
.player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea button.grey {
  background: #5a5a5c !important;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea button.grey:hover,
.player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea button.grey:hover {
  background: #fff !important;
  color: #5a5a5c !important;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea.flex,
.player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea.flex {
  display: flex;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea.flex button,
.player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea.flex button {
  position: static;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader,
.player-bar#divBottomRecorder .current-audio .txt #recorderError,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder {
  background: #dcdddf;
  min-height: 121px;
  padding: 10px;
  margin-left: 10px;
  height: 100%;
  width: 50%;
  position: relative;
  border-radius: 7px;
  border: 2px #dcdddf solid;
  /* button */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
  /* track */
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range],
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range],
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range],
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range],
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range],
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range],
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range],
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]:focus,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]:focus,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]:focus,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]:focus,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]:focus,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]:focus,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]:focus,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: none;
  transform: rotate(0deg);
  background: transparent url("../gfx/icon/noun_play_86420.svg") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#audioPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#audioPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#audioPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#audioPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#audioPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#audioPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#audioPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#recorderPlayer2VolumeSlider::-webkit-slider-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#audioPlayer2VolumeSlider::-webkit-slider-thumb {
  background: #71bf45;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border-radius: 50%;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-moz-range-thumb {
  box-shadow: none;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  transform: rotate(0deg);
  background: transparent url("../gfx/icon/noun_play_86420.svg") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#audioPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#audioPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#audioPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#audioPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#audioPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#audioPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#audioPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#recorderPlayer2VolumeSlider::-moz-range-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#audioPlayer2VolumeSlider::-moz-range-thumb {
  background: #71bf45;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-ms-thumb {
  box-shadow: none;
  border: 1px solid #000000;
  height: 20px;
  width: 20px;
  cursor: pointer;
  transform: rotate(0deg);
  background: transparent url "../gfx/icon/noun_play_86420.svg" center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#audioPlayer2VolumeSlider::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#audioPlayer2VolumeSlider::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#audioPlayer2VolumeSlider::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#audioPlayer2VolumeSlider::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#audioPlayer2VolumeSlider::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#audioPlayer2VolumeSlider::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#audioPlayer2VolumeSlider::-ms-thumb,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#audioPlayer2VolumeSlider::-ms-thumb {
  background: #71bf45;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  border: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]:focus::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]:focus::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]:focus::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]:focus::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]:focus::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]:focus::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]:focus::-webkit-slider-runnable-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]:focus::-webkit-slider-runnable-track {
  background: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-moz-range-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-moz-range-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-moz-range-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-moz-range-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-moz-range-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-moz-range-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-moz-range-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-moz-range-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  border: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-ms-track,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-ms-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-ms-fill-lower {
  background: none;
  border: none;
  border-radius: 2.6px;
  box-shadow: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]:focus::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]:focus::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]:focus::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]:focus::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]:focus::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]:focus::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]:focus::-ms-fill-lower,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]:focus::-ms-fill-lower {
  background: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]::-ms-fill-upper {
  background: #71bf45;
  border: none;
  border-radius: 2.6px;
  box-shadow: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input[type=range]:focus::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input[type=range]:focus::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input[type=range]:focus::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input[type=range]:focus::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input[type=range]:focus::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input[type=range]:focus::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input[type=range]:focus::-ms-fill-upper,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input[type=range]:focus::-ms-fill-upper {
  background: #71bf45;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderPlayer2CurrentTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderRecorderCurrentTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader span#recorderPlayer2CurrentTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader span#recorderRecorderCurrentTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError span#recorderPlayer2CurrentTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError span#recorderRecorderCurrentTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder span#recorderPlayer2CurrentTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder span#recorderRecorderCurrentTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderPlayer2CurrentTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderRecorderCurrentTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader span#recorderPlayer2CurrentTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader span#recorderRecorderCurrentTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderError span#recorderPlayer2CurrentTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderError span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderError span#recorderRecorderCurrentTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderError span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder span#recorderPlayer2CurrentTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder span#recorderRecorderCurrentTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder span#recorderRecorderDurationTime {
  font-size: 14px;
  position: absolute;
  left: 60px;
  top: 52px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderError span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderError span#recorderRecorderDurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder span#recorderPlayer2DurationTime,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder span#recorderRecorderDurationTime {
  left: auto;
  right: 10px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderPlayer2VolumeInfo,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader span#recorderPlayer2VolumeInfo,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError span#recorderPlayer2VolumeInfo,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder span#recorderPlayer2VolumeInfo,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderPlayer2VolumeInfo,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader span#recorderPlayer2VolumeInfo,
.player-bar#divBottomRecorder .current-audio .txt #recorderError span#recorderPlayer2VolumeInfo,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder span#recorderPlayer2VolumeInfo {
  font-size: 14px;
  position: absolute;
  left: 220px;
  top: 15px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderPlayer2SeekSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderRecorderSeekSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#recorderPlayer2SeekSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#recorderRecorderSeekSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#recorderPlayer2SeekSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#recorderRecorderSeekSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#recorderPlayer2SeekSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#recorderRecorderSeekSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderPlayer2SeekSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderRecorderSeekSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#recorderPlayer2SeekSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#recorderRecorderSeekSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#recorderPlayer2SeekSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#recorderRecorderSeekSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#recorderPlayer2SeekSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#recorderRecorderSeekSlider {
  position: absolute;
  left: 97px;
  top: 49px;
  width: calc(100% - 150px);
  height: 25px;
  background: transparent url("../gfx/icon/dot.png?v=1") center center repeat-x;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderPlayer2SeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderRecorderSeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#recorderPlayer2SeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#recorderRecorderSeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#recorderPlayer2SeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#recorderRecorderSeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#recorderPlayer2SeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#recorderRecorderSeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderPlayer2SeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderRecorderSeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#recorderPlayer2SeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#recorderRecorderSeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#recorderPlayer2SeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#recorderRecorderSeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#recorderPlayer2SeekSlider:disabled,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#recorderRecorderSeekSlider:disabled {
  opacity: 0.2;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderPlayer2VolumeSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#recorderPlayer2VolumeSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#recorderPlayer2VolumeSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#recorderPlayer2VolumeSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderPlayer2VolumeSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#recorderPlayer2VolumeSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderError input#recorderPlayer2VolumeSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#recorderPlayer2VolumeSlider {
  position: absolute;
  left: 55px;
  top: 16px;
  width: 150px;
  height: 18px;
  background: transparent url(../gfx/icon/dot.png?v=1) center center repeat-x;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderClose {
  width: 20px;
  height: 20px;
  position: absolute;
  border: none;
  cursor: pointer;
  padding: 0px;
  background: transparent;
  outline: none;
  font-size: 0px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonMute {
  width: 40px;
  height: 20px;
  left: 10px;
  top: 15px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonMute:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonMute:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonMute:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonMute:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonMute:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonMute:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonMute:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonMute:after {
  content: "";
  width: 35px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 5px;
  background: transparent url("../gfx/icon/player2-volume.svg?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonMute.active:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonMute.active:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonMute.active:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonMute.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonMute.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonMute.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonMute.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonMute.active:after {
  background: transparent url("../gfx/icon/player2-volume2.svg?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderdUpload,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderdUpload {
  width: 40px;
  height: 20px;
  right: 40px;
  top: 9px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderdUpload:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderdUpload:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderdUpload:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderdUpload:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderdUpload:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderdUpload:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderdUpload:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderdUpload:after {
  content: "";
  width: 40px;
  height: 30px;
  position: absolute;
  top: -5px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/recorder2-file.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordLoader,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordLoader {
  width: 40px;
  height: 20px;
  left: 10px;
  top: 50px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordLoader:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordLoader:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordLoader:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordLoader:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordLoader:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordLoader:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordLoader:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordLoader:after {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  top: -15px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/spin.gif") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordStop,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordStop {
  width: 40px;
  height: 20px;
  left: 10px;
  top: 50px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordStop:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordStop:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordStop:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordStop:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordStop:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordStop:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordStop:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordStop:after {
  content: "";
  width: 40px;
  height: 30px;
  position: absolute;
  top: -5px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/player2-stop-red.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordStart,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordStart {
  width: 40px;
  height: 20px;
  left: 10px;
  top: 52px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordStart:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordStart:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordStart:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordStart:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordStart:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordStart:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordStart:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordStart:after {
  content: "";
  width: 40px;
  height: 30px;
  position: absolute;
  top: -5px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/recorder2-record-red.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordStart.active:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderRecordStart.active:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderRecordStart.active:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderRecordStart.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderRecordStart.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderRecordStart.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderRecordStart.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderRecordStart.active:after {
  background: transparent url("../gfx/icon/player2-stop.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonPlay,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonPlay {
  width: 30px;
  height: 40px;
  left: 14px;
  top: 60px;
  background: #71bf45;
  border-radius: 5px;
  top: 40px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonPlay:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonPlay:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonPlay:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonPlay:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonPlay:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonPlay:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonPlay:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonPlay:after {
  /*content:'';
  width:40px;
  height:20px;
  @include pa(0px,0px,0px,0px);
  background:transparent url('../gfx/icon/player2-play.png?v=1') center center no-repeat;
  background-size:contain;*/
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 9px;
  right: auto;
  bottom: auto;
  left: 11px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonPlay.active:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonPlay.active:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonPlay.active:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonPlay.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonPlay.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonPlay.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonPlay.active:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonPlay.active:after {
  border: none;
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/player2-pause-w.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonPlay:hover,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonPlay:hover,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonPlay:hover,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonPlay:hover,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonPlay:hover,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonPlay:hover,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonPlay:hover,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonPlay:hover {
  /*background:$white;*/
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonPlay:hover:before,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonPlay:hover:before,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonPlay:hover:before,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonPlay:hover:before,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonPlay:hover:before,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonPlay:hover:before,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonPlay:hover:before,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonPlay:hover:before {
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #71bf45;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderLoaderClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderErrorClose,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderClose {
  left: auto;
  right: 10px;
  top: 13px;
  opacity: 0.4;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderLoaderClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderErrorClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderPlayer2ButtonClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderLoaderClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderErrorClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader button#recorderRecorderClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderPlayer2ButtonClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderLoaderClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderErrorClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError button#recorderRecorderClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderPlayer2ButtonClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderLoaderClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderErrorClose:after,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder button#recorderRecorderClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderPlayer2ButtonClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderLoaderClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderErrorClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer button#recorderRecorderClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderPlayer2ButtonClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderLoaderClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderErrorClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader button#recorderRecorderClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderPlayer2ButtonClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderLoaderClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderErrorClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderError button#recorderRecorderClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderPlayer2ButtonClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderLoaderClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderErrorClose:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderRecorder button#recorderRecorderClose:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/player2-close.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError #recorderErrorMessage,
.player-bar#divBottomRecorder .current-audio .txt #recorderError #recorderErrorMessage {
  color: red;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader #recorderLoaderMessage,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader #recorderLoaderMessage {
  position: relative;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader #recorderLoaderMessage:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderLoader #recorderLoaderMessage:after {
  content: "";
  display: block;
  background: transparent url("../gfx/icon/spin.gif") center center no-repeat;
  background-size: 50px auto;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 20px;
  right: auto;
  bottom: auto;
  left: -10px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer #recorderPlayerControllArea {
  position: absolute;
  top: 7px;
  right: 45px;
  bottom: auto;
  left: auto;
  height: 35px;
  display: flex;
  flex-direction: row-reverse;
  column-gap: 5px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea button,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer #recorderPlayerControllArea button {
  width: 30px;
  height: 30px;
  border: none;
  cursor: pointer;
  padding: 0px;
  background: transparent;
  outline: none;
  font-size: 0px;
  position: relative;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea button:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer #recorderPlayerControllArea button:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonSave,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonSave {
  display: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonSave:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonSave:after {
  background: transparent url("../gfx/icon/recorder2-save.png?v=1") -3px -5px no-repeat;
  background-size: auto 35px;
  width: 30px;
  height: 30px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonSaveConcept,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonSaveConcept {
  display: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonSaveConcept:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonSaveConcept:after {
  background: transparent url("../gfx/icon/recorder2-saveconcept.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonNewRecord:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonNewRecord:after {
  background: transparent url("../gfx/icon/recorder2-record.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonUpload:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer #recorderPlayerControllArea button#recorderPlayer2ButtonUpload:after {
  background: transparent url("../gfx/icon/recorder2-file.png?v=1") center center no-repeat;
  background-size: contain;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayer2VolumeSlider,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayer2VolumeInfo,
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerControllArea,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayer2ButtonMute,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayer2VolumeSlider,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayer2VolumeInfo,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerControllArea { /*display:none;*/ }
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerTexterArea,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerTexterArea {
  position: relative;
  margin-right: 30px;
  padding-right: 45px;
  top: -4px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerTexterArea label,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerTexterArea label {
  width: auto;
  font-family: "Roboto Slab", serif;
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: 80px;
  right: auto;
  bottom: auto;
  left: 0px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerTexterArea #recorderPlayer2TexterText,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerTexterArea #recorderPlayer2TexterText {
  border: 2px #71bf45 solid;
  border-radius: 5px;
  border-top: none;
  padding: 1px 5px;
  width: calc(100% - 55px - 110px);
  background: transparent;
  position: absolute;
  top: 80px;
  right: auto;
  bottom: auto;
  left: 110px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerTexterArea button,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerTexterArea button {
  width: 30px;
  height: 30px;
  border: none;
  cursor: pointer;
  padding: 0px;
  background: transparent;
  outline: none;
  font-size: 0px;
  position: relative;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerTexterArea button:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerTexterArea button:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerTexterArea button#recorderPlayer2TexterButtonSave,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerTexterArea button#recorderPlayer2TexterButtonSave {
  position: absolute;
  top: 1px;
  right: 0px;
  bottom: auto;
  left: auto;
  display: none;
}
.player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerTexterArea button#recorderPlayer2TexterButtonSave:after,
.player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerTexterArea button#recorderPlayer2TexterButtonSave:after {
  background: transparent url("../gfx/icon/recorder2-save.png?v=1") -3px -5px no-repeat;
  background-size: auto 33px;
}
.player-bar#divBottomRecorder .current-audio #audioWave {
  height: 80px !important;
  margin-bottom: 10px;
}
.player-bar#divBottomRecorder .current-audio #audioWave wave {
  height: 80px !important;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor,
.player-bar#divBottomRecorder .current-audio #audioControlRecording {
  width: 100%;
  position: relative;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.uploadAudioFile,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.saveAudioPost,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.rec,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.stop,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.play,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.uploadAudioFile,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.saveAudioPost,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.rec,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.stop,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.play {
  padding: 0px;
  margin: 0px;
  width: 35px;
  height: 35px;
  border: 2px #383838 solid;
  background-color: transparent;
  border-radius: 50%;
  font-size: 0px;
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  top: 50px;
  left: 50px;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.uploadAudioFile span,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.saveAudioPost span,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.rec span,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.stop span,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.play span,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.uploadAudioFile span,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.saveAudioPost span,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.rec span,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.stop span,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.play span {
  display: none;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.uploadAudioFile:hover,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.saveAudioPost:hover,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.rec:hover,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.stop:hover,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.play:hover,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.uploadAudioFile:hover,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.saveAudioPost:hover,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.rec:hover,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.stop:hover,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.play:hover {
  background-color: transparent !important;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.stop,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.play,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.stop,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.play {
  left: 0px;
  top: 0px;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.stop:after,
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.play:after,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.stop:after,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.play:after {
  content: "";
  width: 30.5px;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/noun_Record_3450005.svg") center center no-repeat;
  background-size: 22px auto;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.stop:after,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.stop:after {
  width: 30px;
  height: 31px;
  background: transparent url("../gfx/icon/noun_Stop_86418.svg") center center no-repeat;
  background-size: 16px auto;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.uploadAudioFile,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.uploadAudioFile {
  left: 45px;
  top: 0px;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.uploadAudioFile:after,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.uploadAudioFile:after {
  content: "";
  width: 30.5px;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/noun_open_1509612.svg") center center no-repeat;
  background-size: 22px auto;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.saveAudioPost,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.saveAudioPost {
  left: 92px;
  top: 0px;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.saveAudioPost:after,
.player-bar#divBottomRecorder .current-audio #audioControlRecording .btn.btn-primary.saveAudioPost:after {
  content: "";
  width: 30.5px;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/save-regular.svg") center center no-repeat;
  background-size: 22px auto;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor #audioInfoRecording,
.player-bar#divBottomRecorder .current-audio #audioControlEditor #audioInfoProcessing,
.player-bar#divBottomRecorder .current-audio #audioControlRecording #audioInfoRecording,
.player-bar#divBottomRecorder .current-audio #audioControlRecording #audioInfoProcessing {
  position: absolute;
  top: 0px;
  right: 0px;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.play:after {
  content: "";
  width: 34px;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/noun_play_86420.svg") center center no-repeat;
  background-size: 15px auto;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.rec {
  left: 140px;
  top: 0px;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.rec:after {
  content: "";
  width: 30.5px;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url("../gfx/icon/noun_Record_3450005.svg") center center no-repeat;
  background-size: 22px auto;
}
.player-bar#divBottomRecorder .current-audio #audioControlEditor .btn.btn-primary.uploadAudioFile {
  left: 45px;
}

@media (max-width: 1530px) {
  #divBottomRecorder > .container > .row > .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #divBottomRecorder > .container > .row > .col-md-4 {
    display: none;
  }
}
@media (max-width: 1440px) {
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerTexterArea button:after, .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerTexterArea button:after {
    width: 46px;
    height: 50px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerTexterArea button#recorderPlayer2TexterButtonSave:after, .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive #recorderPlayerTexterArea button#recorderPlayer2TexterButtonSave:after {
    background: transparent url(../gfx/icon/recorder2-save-green.png?v=1) -10px -12px no-repeat;
    background-size: auto 62px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea,
  .player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea {
    bottom: 16px;
  }
}
@media (max-width: 1390px) {
  .player-bar#divBottomRecorder .current-audio .recorder-tool:after {
    width: 33.33%;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder {
    width: 66.66%;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea,
  .player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea {
    bottom: 42px;
  }
}
@media (max-width: 1350px) {
  .player-bar#divBottomRecorder .current-audio #audioWave {
    width: 400px !important;
  }
}
@media (max-width: 1170px) {
  .player-bar#divBottomRecorder .current-audio #audioWave {
    width: 100% !important;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool, .player-bar .current-audio .txt {
    width: 50%;
  }
}
@media (max-width: 1080px) {
  .player-bar#divBottomRecorder .current-audio .recorder-tool:after {
    width: 20%;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .player-bar#divBottomRecorder .current-audio .recorder-tool .side-info,
  .player-bar#divBottomRecorder .current-audio .recorder-tool:after {
    display: none;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder {
    width: 100%;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderSaveArea,
  .player-bar#divBottomRecorder .current-audio .txt #recorderSaveArea {
    bottom: 3px;
  }
}
@media (max-width: 820px) {
  .player-bar#divBottomRecorder .container > .row > div {
    position: relative;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 740px) {
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderPlayer2VolumeSlider, .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader input#recorderPlayer2VolumeSlider, .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError input#recorderPlayer2VolumeSlider, .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder input#recorderPlayer2VolumeSlider, .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderPlayer2VolumeSlider, .player-bar#divBottomRecorder .current-audio .txt #recorderLoader input#recorderPlayer2VolumeSlider, .player-bar#divBottomRecorder .current-audio .txt #recorderError input#recorderPlayer2VolumeSlider, .player-bar#divBottomRecorder .current-audio .txt #recorderRecorder input#recorderPlayer2VolumeSlider {
    width: 110px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderPlayer2VolumeInfo, .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader span#recorderPlayer2VolumeInfo, .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError span#recorderPlayer2VolumeInfo, .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder span#recorderPlayer2VolumeInfo, .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderPlayer2VolumeInfo, .player-bar#divBottomRecorder .current-audio .txt #recorderLoader span#recorderPlayer2VolumeInfo, .player-bar#divBottomRecorder .current-audio .txt #recorderError span#recorderPlayer2VolumeInfo, .player-bar#divBottomRecorder .current-audio .txt #recorderRecorder span#recorderPlayer2VolumeInfo {
    left: 180px;
  }
}
@media (max-width: 680px) {
  .player-bar#divBottomRecorder .container > .row > div .txt,
  .player-bar#divBottomRecorder .container > .row > div .recorder-tool {
    width: 100% !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer, .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderLoader, .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderError, .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderRecorder {
    margin-left: 0px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool {
    min-height: 120px;
  }
}
@media (max-width: 420px) {
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer {
    min-height: 125px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive {
    min-height: 95px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderRecorderRecordLoader {
    top: 87px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer button#recorderPlayer2ButtonPlay {
    top: 42px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderPlayer2CurrentTime,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderPlayer2DurationTime,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderRecorderCurrentTime,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer span#recorderRecorderDurationTime,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderPlayer2CurrentTime,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderPlayer2DurationTime,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderRecorderCurrentTime,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer span#recorderRecorderDurationTime {
    /*top:90px;*/
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderPlayer2SeekSlider,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer input#recorderRecorderSeekSlider,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderPlayer2SeekSlider,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer input#recorderRecorderSeekSlider {
    /*top:87px;*/
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer #recorderPlayerControllArea {
    top: 10px;
    right: 35px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive button#recorderRecorderRecordLoader {
    top: 60px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive button#recorderPlayer2ButtonPlay {
    top: 42px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive span#recorderPlayer2CurrentTime,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive span#recorderPlayer2DurationTime,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive span#recorderRecorderCurrentTime,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive span#recorderRecorderDurationTime,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive span#recorderPlayer2CurrentTime,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive span#recorderPlayer2DurationTime,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive span#recorderRecorderCurrentTime,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive span#recorderRecorderDurationTime {
    top: 62px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive input#recorderPlayer2SeekSlider,
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive input#recorderRecorderSeekSlider,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive input#recorderPlayer2SeekSlider,
  .player-bar#divBottomRecorder .current-audio .txt #recorderPlayer.texterActive input#recorderRecorderSeekSlider {
    top: 57px;
  }
  .player-bar#divBottomRecorder .current-audio .recorder-tool #recorderPlayer.texterActive #recorderPlayerControllArea {
    top: 10px;
    right: 35px;
  }
}
.form-item.record-audio #audioWave {
  margin-bottom: 7px;
  width: 100% !important;
  overflow: hidden;
}
.form-item.record-audio #audioWave wave {
  width: 100%;
  overflow: hidden !important;
}
.form-item.record-audio #audioControlEditor,
.form-item.record-audio #audioControlRecording {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.form-item.record-audio #audioControlEditor p#audioInfoProcessing,
.form-item.record-audio #audioControlEditor p#audioInfoRecording,
.form-item.record-audio #audioControlRecording p#audioInfoProcessing,
.form-item.record-audio #audioControlRecording p#audioInfoRecording {
  float: none;
  margin-left: auto;
  margin-bottom: 0px;
}
.form-item.record-audio #audioControlEditor .btn.btn-primary,
.form-item.record-audio #audioControlRecording .btn.btn-primary {
  background: transparent;
  border: none !important;
  min-width: 1px;
  padding: 0px;
  width: auto;
  max-width: none;
  width: 50px;
  height: 50px;
  border-radius: 0px;
}
.form-item.record-audio #audioControlEditor .btn.btn-primary:hover,
.form-item.record-audio #audioControlRecording .btn.btn-primary:hover {
  background: transparent !important;
}
.form-item.record-audio #audioControlEditor .btn.btn-primary span,
.form-item.record-audio #audioControlRecording .btn.btn-primary span {
  font-size: 0px;
  width: 50px;
  height: 50px;
  display: block;
}
.form-item.record-audio #audioControlEditor .btn.btn-primary span .glyphicon,
.form-item.record-audio #audioControlRecording .btn.btn-primary span .glyphicon {
  width: 50px;
  height: 50px;
  display: block;
  filter: brightness(0) invert(1);
}
.form-item.record-audio #audioControlEditor .btn.btn-primary.play span .glyphicon,
.form-item.record-audio #audioControlRecording .btn.btn-primary.play span .glyphicon {
  background: transparent url("../gfx/icon/noun_play_86420.svg") center center no-repeat;
  background-size: 30px auto;
}
.form-item.record-audio #audioControlEditor .btn.btn-primary.stop span .glyphicon,
.form-item.record-audio #audioControlRecording .btn.btn-primary.stop span .glyphicon {
  background: transparent url("../gfx/icon/noun_Stop_86418.svg") center center no-repeat;
  background-size: 30px auto;
}
.form-item.record-audio #audioControlEditor .btn.btn-primary.uploadAudioFile span .glyphicon,
.form-item.record-audio #audioControlRecording .btn.btn-primary.uploadAudioFile span .glyphicon {
  background: transparent url("../gfx/icon/noun_open_1509612.svg") center center no-repeat;
  background-size: 35px auto;
}
.form-item.record-audio #audioControlEditor .btn.btn-primary.rec span .glyphicon,
.form-item.record-audio #audioControlRecording .btn.btn-primary.rec span .glyphicon {
  background: transparent url("../gfx/icon/noun_Record_3450005.svg") center center no-repeat;
  background-size: 30px auto;
}

#formPoliticalAgreementDeny .form-item.form-item-submit input[type=submit] {
  background: #404042 !important;
}
#formPoliticalAgreementDeny .form-item.form-item-submit input[type=submit]:hover {
  background: #4b4b4d !important;
}

.form {
  /*margin:0px -5px;*/
}
.form .form-inner,
.form form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.form.form-basic h2 {
  font-size: 18px !important;
}
.form .form-part {
  padding: 30px 10px 0px 10px;
  width: 100%;
}
.form .form-part .form-item.form-item-text input, .form .form-part .form-item.form-item-text textarea,
.form .form-part .form-item.form-item-textarea input,
.form .form-part .form-item.form-item-textarea textarea {
  text-transform: none;
}
.form .form-item {
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  position: relative;
}
.form .form-item label {
  opacity: 0;
  visibility: hidden;
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 300;
  color: #fff;
  z-index: 9;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: auto;
  left: 15px;
  transition: all 0.25s linear;
}
.form .form-item ::-webkit-textarea-placeholder,
.form .form-item ::-webkit-input-placeholder { /* Edge */
  color: #fff;
  text-transform: uppercase;
}
.form .form-item :-ms-textarea-placeholder,
.form .form-item :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  text-transform: uppercase;
}
.form .form-item ::placeholder {
  color: #fff;
  text-transform: uppercase;
}
.form .form-item.form-item-2 {
  width: 50%;
}
.form .form-item.form-item-3 {
  width: 75%;
}
.form .form-item.form-item-4 {
  width: 25%;
}
.form .form-item.form-item-5 {
  width: 33.33%;
}
.form .form-item.form-item-new-post {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form .form-item.form-item-new-post .audio-limit {
  width: 100%;
  text-align: left;
}
.form .form-item.form-item-new-post .audio-limit p {
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  display: inline-block;
}
.form .form-item.form-item-new-post button,
.form .form-item.form-item-new-post input {
  background-color: #71bf45;
  border-radius: 5px;
  border: none;
  color: #383838;
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 400;
  /*max-width:130px;*/
  width: 49%;
  padding: 10px 12px 10px 45px;
  cursor: pointer;
  text-align: left;
}
.form .form-item.form-item-new-post button b,
.form .form-item.form-item-new-post input b {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
.form .form-item.form-item-new-post button#postRecordAudio,
.form .form-item.form-item-new-post input#postRecordAudio {
  background-image: url("../gfx/icon/recorder2-record.png");
  background-position: 7px center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.form .form-item.form-item-new-post button#postPlayAudio,
.form .form-item.form-item-new-post input#postPlayAudio {
  background-image: url("../gfx/icon/player2-play-b.png");
  background-position: 11px center;
  background-repeat: no-repeat;
  background-size: 20px auto;
}
.form .form-item.form-item-new-post button:hover,
.form .form-item.form-item-new-post input:hover {
  background-color: #7dc950;
}
.form .form-item.form-item-datetime input {
  background: #58595b;
  width: 100%;
  max-height: 56px;
  display: block;
  padding: 20px 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  /*text-transform:uppercase;*/
  border: none;
  transition: all 0.25s linear;
  border-radius: 5px;
}
.form .form-item.form-item-file input, .form .form-item.form-item-text input {
  background: #58595b;
  width: 100%;
  max-height: 56px;
  display: block;
  padding: 20px 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  /*text-transform:uppercase;*/
  border: none;
  transition: all 0.25s linear;
  border-radius: 5px;
}
.form .form-item.form-item-file.focus label, .form .form-item.form-item-text.focus label {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 15px;
}
.form .form-item.form-item-file.focus input, .form .form-item.form-item-text.focus input {
  padding: 25px 10px 15px 10px;
}
.form .form-item.form-item-file.focus input:focus::placeholder, .form .form-item.form-item-text.focus input:focus::placeholder {
  color: transparent;
}
.form .form-item.form-item-textarea textarea {
  background: #58595b;
  width: 100%;
  height: 250px;
  display: block;
  padding: 15px 10px !important;
  margin-bottom: 10px;
  color: #fff;
  border: none;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  transition: all 0.25s linear;
  border-radius: 5px;
}
.form .form-item.form-item-textarea.focus label {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 15px;
}
.form .form-item.form-item-textarea.focus textarea {
  padding: 20px 10px 15px 10px !important;
}
.form .form-item.form-item-textarea.focus textarea:focus::placeholder {
  color: transparent;
}
.form .form-item.form-item-select select {
  background: #58595b;
  width: 100%;
  max-height: 56px;
  padding: 17px 10px;
  margin-bottom: 10px;
  color: #fff;
  border: none;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  border-radius: 5px;
}
.form .form-item.form-item-tagcloud .tagcloud-content {
  margin-bottom: 10px;
  font-size: 0px;
  border-radius: 5px;
}
.form .form-item.form-item-tagcloud .tagcloud-content img {
  width: 100%;
  border-radius: 5px;
}
.form .form-item.form-item-datetime {
  display: flex;
  align-items: center;
}
.form .form-item.form-item-datetime input {
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
.form .form-item.form-item-datetime span,
.form .form-item.form-item-datetime label {
  display: block;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  color: #fff !important;
  opacity: 1;
  visibility: visible;
  padding: 0px 20px 0px 0px;
  text-transform: uppercase;
  position: relative;
  top: -4px;
}
.form .form-item.form-item-table {
  position: relative;
}
.form .form-item.form-item-table a.add-row {
  position: absolute;
  top: auto;
  right: -35px;
  bottom: 23px;
  left: auto;
  display: block;
  width: 30px;
  height: 30px;
  background: #71bf45;
  border-radius: 50%;
}
.form .form-item.form-item-table a.add-row:after, .form .form-item.form-item-table a.add-row:before {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
}
.form .form-item.form-item-table a.add-row:after {
  height: 20px;
  width: 2px;
  top: 5px;
  left: 14px;
}
.form .form-item.form-item-table a.add-row:before {
  height: 2px;
  width: 20px;
  top: 14px;
  left: 5px;
}
.form .form-item.form-item-table table {
  margin: 0px -5px;
}
.form .form-item.form-item-table table thead tr td:nth-of-type(1), .form .form-item.form-item-table table thead tr th:nth-of-type(1), .form .form-item.form-item-table table tbody tr td:nth-of-type(1), .form .form-item.form-item-table table tbody tr th:nth-of-type(1) {
  width: 25%;
}
.form .form-item.form-item-table table thead tr td:nth-of-type(2), .form .form-item.form-item-table table thead tr th:nth-of-type(2), .form .form-item.form-item-table table tbody tr td:nth-of-type(2), .form .form-item.form-item-table table tbody tr th:nth-of-type(2) {
  width: auto;
  text-align: center;
}
.form .form-item.form-item-table table thead tr td:nth-of-type(2) input, .form .form-item.form-item-table table thead tr th:nth-of-type(2) input, .form .form-item.form-item-table table tbody tr td:nth-of-type(2) input, .form .form-item.form-item-table table tbody tr th:nth-of-type(2) input {
  text-align: center;
}
.form .form-item.form-item-table table thead tr td:nth-of-type(3), .form .form-item.form-item-table table thead tr th:nth-of-type(3), .form .form-item.form-item-table table tbody tr td:nth-of-type(3), .form .form-item.form-item-table table tbody tr th:nth-of-type(3) {
  width: 20%;
}
.form .form-item.form-item-table table thead tr td:nth-of-type(4), .form .form-item.form-item-table table thead tr th:nth-of-type(4), .form .form-item.form-item-table table tbody tr td:nth-of-type(4), .form .form-item.form-item-table table tbody tr th:nth-of-type(4) {
  width: 40px;
}
.form .form-item.form-item-table table thead tr th {
  padding: 20px 15px 30px 15px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  color: #fff;
  text-transform: uppercase;
}
.form .form-item.form-item-table table tbody tr td {
  padding: 0px 5px;
}
.form .form-item.form-item-table table tbody tr td span {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  color: #fff;
  text-transform: uppercase;
}
.form .form-item.form-item-table table tbody tr td input {
  background: #58595b;
  width: 100%;
  display: block;
  padding: 20px 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  /*text-transform:uppercase;*/
  border: none;
}
.form .form-item.form-item-table table.table-tickets tbody tr th:nth-of-type(1),
.form .form-item.form-item-table table.table-tickets tbody tr td:nth-of-type(1), .form .form-item.form-item-table table.table-tickets thead tr th:nth-of-type(1),
.form .form-item.form-item-table table.table-tickets thead tr td:nth-of-type(1) {
  width: 70%;
}
.form .form-item.form-item-table table.table-tickets tbody tr th:nth-of-type(2),
.form .form-item.form-item-table table.table-tickets tbody tr td:nth-of-type(2), .form .form-item.form-item-table table.table-tickets thead tr th:nth-of-type(2),
.form .form-item.form-item-table table.table-tickets thead tr td:nth-of-type(2) {
  width: 20%;
}
.form .form-item.form-item-table table.table-tickets tbody tr th:nth-of-type(3),
.form .form-item.form-item-table table.table-tickets tbody tr td:nth-of-type(3), .form .form-item.form-item-table table.table-tickets thead tr th:nth-of-type(3),
.form .form-item.form-item-table table.table-tickets thead tr td:nth-of-type(3) {
  width: 10%;
}
.form .form-item.form-item-table table.table-tickets tr td label {
  position: static;
  opacity: 1;
  visibility: visible;
  font-size: 14px;
  padding-left: 10px;
  text-transform: uppercase;
}
.form .form-item.form-item-list .list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background: #58595b;
  padding: 20px;
}
.form .form-item.form-item-list .list li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.form .form-item.form-item-list .list li {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  color: #fff;
  position: relative;
  padding-left: 21px;
}
.form .form-item.form-item-list .list li .remove {
  width: 11px;
  height: 11px;
  display: block;
  position: absolute;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 0px;
  transform: rotate(45deg);
  cursor: pointer;
}
.form .form-item.form-item-list .list li .remove:after, .form .form-item.form-item-list .list li .remove:before {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
}
.form .form-item.form-item-list .list li .remove:after {
  height: 11px;
  width: 1px;
  top: 0px;
  left: 5px;
}
.form .form-item.form-item-list .list li .remove:before {
  height: 1px;
  width: 11px;
  top: 5px;
  left: 0px;
}
.form .form-item.form-item-button button {
  background: #58595b;
  width: 100%;
  max-height: 56px;
  display: block;
  padding: 20px 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  border: none;
  border-radius: 5px;
}
.form .form-item.form-item-submit input {
  background: #71bf45;
  cursor: pointer;
  width: 100%;
  max-height: 56px;
  display: block;
  padding: 20px 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  border: none;
  border-radius: 5px;
}
.form .form-item.form-item-submit input:hover {
  background: #7dc950;
}
.form .form-item.form-item-submit input.grey {
  background: #5a5a5c !important;
}
.form .form-item.form-item-submit input.grey:hover {
  background: #6a6a6c !important;
}
.form .form-item .form-sub-item.form-sub-item-checkbox, .form .form-item.form-item-checkbox {
  padding-left: 15px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row-reverse;
  margin-bottom: 10px;
  position: relative;
}
.form .form-item .form-sub-item.form-sub-item-checkbox input, .form .form-item.form-item-checkbox input {
  width: 17px;
  height: 17px;
  margin-right: 15px;
  position: absolute;
  left: -15px;
  top: -15px;
  display: none;
}
.form .form-item .form-sub-item.form-sub-item-checkbox label, .form .form-item.form-item-checkbox label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding-left: 0px;
  color: #fff;
  opacity: 1;
  visibility: visible;
  position: static;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
}
.form .form-item .form-sub-item.form-sub-item-checkbox label:before, .form .form-item.form-item-checkbox label:before {
  content: "";
  width: 17px;
  height: 17px;
  margin-right: 15px;
  display: block;
  background: transparent url("../gfx/icon/checkbox.png") 0px 100% no-repeat;
  background-size: 17px auto;
}
.form .form-item .form-sub-item.form-sub-item-checkbox label.checked:before, .form .form-item.form-item-checkbox label.checked:before {
  background-position: 0px 0px;
}
.form .form-item .form-sub-item.form-sub-item-checkbox.form-item-float, .form .form-item.form-item-checkbox.form-item-float {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}
.form .form-item .form-sub-item.form-sub-item-checkbox.form-item-float label, .form .form-item.form-item-checkbox.form-item-float label {
  margin-right: 7px;
  margin-bottom: 7px;
  padding: 6px;
  background: #58595b;
  border-radius: 7px;
}
.form .form-item .form-sub-item.form-sub-item-checkbox.form-item-float label:hover, .form .form-item.form-item-checkbox.form-item-float label:hover {
  background: #939496;
}
.form .form-item .form-sub-item.form-sub-item-checkbox input {
  margin-bottom: 0px;
}
.form .form-item.form-item-toggle {
  padding-top: 12px;
}
.form .form-item.form-item-toggle label {
  background: transparent;
  cursor: pointer;
  width: 100%;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 25px;
  margin-bottom: 10px;
  color: #71bf45;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  border: 2px #71bf45 solid;
  border-radius: 0px;
  box-shadow: none !important;
}
.form .form-item.form-item-toggle label .ui-checkboxradio-icon-space,
.form .form-item.form-item-toggle label .ui-checkboxradio-icon {
  display: none;
}
.form .form-item.form-item-toggle label.ui-state-active {
  background: #71bf45;
  color: #fff;
}
.form .form-item.buttonset {
  padding-left: 5px;
  padding-right: 5px;
}
.form .form-item.buttonset > label {
  display: block;
  opacity: 1;
  visibility: visible;
  left: auto;
  top: auto;
  bottom: auto;
  right: auto;
  background: #58595b;
  margin-bottom: 10px;
  position: relative;
  padding-left: 55px;
  border-radius: 5px;
}
.form .form-item.buttonset > label p {
  margin: 0px;
  padding: 0px;
  /*padding:25px 27px;*/
  padding: 20px 27px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  color: #fff;
}
.form .form-item.buttonset > label input {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 12px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  z-index: 2;
}
.form .form-item.buttonset > label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: 0px;
  left: 0px;
  width: 55px;
  border-right: 10px #303030 solid;
  z-index: 1;
}
.form .form-item.buttonset.buttonset-grid {
  display: flex;
  flex-wrap: wrap;
}
.form .form-item.buttonset.buttonset-grid > label {
  width: calc(50% - 5px);
}
.form .form-item.buttonset.buttonset-grid > label:nth-of-type(even) {
  margin-left: 10px;
}
.form .form-item.error input, .form .form-item.error textarea {
  border-bottom: 2px #e00b0b solid;
}
.form .form-item .select2.select2-container {
  margin-bottom: 10px;
}
.ui-timepicker-container.ui-timepicker-standard {
  z-index: 999;
}

@media (max-width: 1400px) {
  .form .form-item.buttonset > label p,
  .main-content.account .section.section-type-account.political-functions .form h3.accordeon-header,
  .form .form-item.form-item-submit input,
  .form .form-item.form-item-datetime input, .form .form-item.form-item-file input, .form .form-item.form-item-text input {
    font-size: 14px;
  }
  .form .form-part {
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .main-content.account .section.section-type-account .form form .form-item.form-item-textarea textarea, .main-content.account .section.section-type-account .form .form-inner .form-item.form-item-textarea textarea,
  .form .form-item .form-sub-item.form-sub-item-checkbox label, .form .form-item.form-item-checkbox label,
  .form .form-item.buttonset > label p, .main-content.account .section.section-type-account.political-functions .form h3.accordeon-header, .form .form-item.form-item-submit input, .form .form-item.form-item-datetime input, .form .form-item.form-item-file input, .form .form-item.form-item-text input {
    font-size: 12px;
  }
  .form .form-item.form-item-textarea textarea {
    height: 150px;
    padding: 10px 10px !important;
  }
  .form .form-item.form-item-submit input,
  .form .form-item.form-item-datetime input, .form .form-item.form-item-file input, .form .form-item.form-item-text input {
    max-height: 46px;
    height: 46px;
    padding: 10px 10px;
  }
  .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__clear,
  .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__arrow {
    height: 46px !important;
  }
  .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single {
    height: 46px !important;
    padding: 15px 10px !important;
    font-size: 12px !important;
  }
  .form .form-item.buttonset > label p {
    padding: 15px 27px;
  }
  .main-content.account .section.section-type-account p {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .form .form-item.form-item-3,
  .form .form-item.form-item-5,
  .form .form-item.form-item-2 {
    width: 100%;
  }
}
*::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
p::-moz-selection {
  background-color: #007cc6;
  color: #fff;
}

*::selection,
h1::selection,
h2::selection,
h3::selection,
p::selection {
  background-color: #007cc6;
  color: #fff;
}

.textpage {
  padding-bottom: 75px;
  position: relative;
}
.textpage hr {
  width: 1140px !important;
  margin: 0px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0px;
  left: 50%;
  margin-left: -570px;
}
.textpage .row img {
  max-width: 100%;
}
.textpage .row img {
  margin-bottom: 15px;
  max-width: 100%;
}
.textpage .row .article {
  padding: 25px 25px;
  background: #e3e3e3;
  border-radius: 5px;
}
.textpage .row .article:after {
  clear: both;
  display: block;
  content: "";
}
.textpage .row .article h1 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  color: #141414;
  margin-bottom: 30px;
  position: relative;
  border: none;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
}
.textpage .row .article h2 {
  padding: 0px;
  margin: 0px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #141414;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-family: "Roboto Slab", serif;
}
.textpage .row .article h2:before, .textpage .row .article h2:after {
  display: none;
}
.textpage .row .article h3 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #141414;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
}
.textpage .row .article h4 {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: #141414;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
}
.textpage .row .article h5 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 30px;
  font-family: "Roboto Slab", serif;
}
.textpage .row .article .excerpt p {
  font-size: 24px;
  line-height: 1.6;
  font-weight: 400;
}
.textpage .row .article .featured-image {
  margin-bottom: 20px;
}
.textpage .row .article blockquote {
  margin: 0px;
  padding: 0px;
  padding: 40px 100px;
  border: none !important;
  margin-bottom: 20px;
  text-align: center;
}
.textpage .row .article blockquote p {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
  color: #103970;
  font-style: italic;
  position: relative;
  margin-bottom: 0px;
  display: inline-block;
}
.textpage .row .article blockquote p:before {
  content: '"';
  position: absolute;
  top: -5px;
  right: auto;
  bottom: auto;
  left: -25px;
  font-size: 60px;
  line-height: 0;
  font-weight: 400;
  color: #00b2ed;
}
.textpage .row .article blockquote p:after {
  content: '"';
  position: absolute;
  top: auto;
  right: -25px;
  bottom: -5px;
  left: auto;
  font-size: 60px;
  line-height: 0;
  font-weight: 400;
  color: #00b2ed;
}
.textpage .row .article p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}
.textpage .row .article p a {
  color: #383838;
  text-decoration: underline;
  font-weight: 400;
}
.textpage .row .article p a:hover {
  text-decoration: none;
}
.textpage .row .article p a strong, .textpage .row .article p a b {
  font-weight: 700;
}
.textpage .row .article p b a, .textpage .row .article p strong a {
  font-weight: 700;
}
.textpage .row .article img {
  max-width: 100%;
  height: auto;
}
.textpage .row .article img.alignleft,
.textpage .row .article img[align=left],
.textpage .row .article img[style*="float: left"],
.textpage .row .article img[style*="float:left"] {
  margin: 5px 30px 10px 0px;
  float: left;
}
.textpage .row .article img.alignright,
.textpage .row .article img[align=right],
.textpage .row .article img[style*="float: right"],
.textpage .row .article img[style*="float:right"] {
  margin: 5px 0px 10px 30px;
  float: right;
}
.textpage .row .article ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
  padding-top: 0px;
  margin-left: 0px;
  list-style-type: none;
}
.textpage .row .article ul > li {
  padding-left: 25px;
  position: relative;
  margin-bottom: 1px;
  color: #383838;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}
.textpage .row .article ul > li a {
  color: #383838;
  text-decoration: underline;
  font-weight: 700;
}
.textpage .row .article ul > li a:hover {
  text-decoration: none;
}
.textpage .row .article ul > li:before {
  content: "";
  background: #71bf45;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border-radius: 0px;
  position: absolute;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 0px;
}
.textpage .row .article ul.list li:before {
  display: none;
}
.textpage .row .article ul ul, .textpage .row .article ul ol {
  margin-left: 15px;
  padding-top: 10px;
  margin-bottom: 10px;
}
.textpage .row .article ol {
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
  counter-reset: item;
}
.textpage .row .article ol > li {
  counter-increment: item;
  list-style-type: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 4px;
  color: #383838;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  /*> ol {
  	> li:before {
  		background:$blue;
  	}
  }*/
}
.textpage .row .article ol > li a {
  color: #383838;
  text-decoration: underline;
  font-weight: 700;
}
.textpage .row .article ol > li a:hover {
  text-decoration: none;
}
.textpage .row .article ol ul, .textpage .row .article ol ol {
  margin-left: 15px;
  padding-top: 10px;
  margin-bottom: 10px;
}
.textpage .row .article ol.list li:before {
  display: none;
}
.textpage .row .article ul ul,
.textpage .row .article ul ol,
.textpage .row .article ol ol,
.textpage .row .article ol ul {
  margin-bottom: 15px;
}
.textpage .row .article ul li ul li:before {
  /*background:$blue;*/
}
.textpage .row .article ul li ul li ul li:before {
  /*background:$blueLight;*/
}
.textpage .row .article ol ul > li:before, .textpage .row .article ul ul > li:before {
  content: "";
  border: 1px #737373 solid;
  border: none;
  background: #71bf45;
  width: 10px;
  height: 10px;
  border-radius: 0%;
  position: absolute;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 0px;
}
.textpage .row .article ol > li:before {
  display: inline-block;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #71bf45;
  width: auto;
  height: auto;
  border-radius: 50%;
  margin-right: 0px;
  font-weight: 700;
  content: counter(item) ". ";
  text-align: center;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: auto;
  left: 0px;
}
.textpage .row .article table {
  border-spacing: 0px;
  border-collapse: 0px;
  width: auto;
  width: 100%;
  margin-bottom: 40px;
}
.textpage .row .article table.fl {
  margin-right: 70px !important;
}
.textpage .row .article table.fr {
  margin-left: 70px !important;
}
.textpage .row .article table thead td,
.textpage .row .article table thead th {
  color: #fff !important;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  text-align: center;
  padding-left: 13px !important;
  padding-right: 13px !important;
  height: 50px !important;
  vertical-align: middle;
  background: #737373;
  border-bottom: 1px #fff solid;
  border-right: 1px #fff solid;
  border-left: 1px #fff solid;
}
.textpage .row .article table tr th:first-of-type {
  border-left: none !important;
}
.textpage .row .article table tr th:last-of-type {
  border-right: none !important;
}
.textpage .row .article table td {
  color: #383838;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  padding-left: 13px !important;
  padding-right: 13px !important;
  height: 50px !important;
  background: transparent;
  vertical-align: middle;
  border-bottom: 1px #fff solid !important;
  border-right: 1px #fff solid !important;
  border-left: 1px #fff solid !important;
}
.textpage .row .article table tr td:first-of-type {
  border-left: none !important;
  color: #71bf45;
  font-weight: 700;
}
.textpage .row .article table tr td:last-of-type {
  border-right: none !important;
}
.textpage .row .article table tr:nth-of-type(even) td {
  background: #fff;
}
.textpage .row .article table.center td, .textpage .row .article table.center th {
  text-align: center;
}
.textpage .row .article .gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -30px;
}
.textpage .row .article .gallery .gallery-item {
  width: 33.33%;
  padding: 0px 30px;
}
.textpage .row .article .gallery .gallery-item img {
  width: 100%;
}

@media (max-width: 767px) {
  .textpage {
    padding-bottom: 45px;
  }
  .textpage .row img {
    margin-bottom: 12px;
  }
  .textpage .row .article {
    padding: 20px 20px;
  }
  .textpage .row .article h1 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .textpage .row .article h2 {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .textpage .row .article h3 {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .textpage .row .article h4 {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .textpage .row .article h5 {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .textpage .row .article .excerpt p {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;
  }
  .textpage .row .article blockquote {
    padding: 40px 100px;
    margin-bottom: 20px;
  }
  .textpage .row .article blockquote p {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;
  }
  .textpage .row .article blockquote p:before {
    content: '"';
    position: absolute;
    top: -5px;
    right: auto;
    bottom: auto;
    left: -25px;
    font-size: 60px;
    line-height: 0;
    font-weight: 400;
    color: #00b2ed;
  }
  .textpage .row .article blockquote p:after {
    content: '"';
    position: absolute;
    top: auto;
    right: -25px;
    bottom: -5px;
    left: auto;
    font-size: 60px;
    line-height: 0;
    font-weight: 400;
    color: #00b2ed;
  }
  .textpage .row .article p {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
  }
  .textpage .row .article img {
    max-width: 100%;
    height: auto;
  }
  .textpage .row .article ul {
    margin-bottom: 20px;
  }
  .textpage .row .article ul > li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 1px;
    color: #383838;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
  }
  .textpage .row .article ul > li:before {
    content: "";
    background: #71bf45;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border-radius: 0px;
    position: absolute;
    top: 5px;
    right: auto;
    bottom: auto;
    left: 0px;
  }
  .textpage .row .article ol {
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px;
    counter-reset: item;
  }
  .textpage .row .article ol > li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 4px;
    color: #383838;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    /*> ol {
    	> li:before {
    		background:$blue;
    	}
    }*/
  }
  .textpage .row .article ol > li a {
    color: #383838;
    text-decoration: underline;
    font-weight: 700;
  }
  .textpage .row .article ol > li a:hover {
    text-decoration: none;
  }
  .textpage .row .article ol ul, .textpage .row .article ol ol {
    margin-left: 15px;
    padding-top: 10px;
    margin-bottom: 10px;
  }
  .textpage .row .article ol.list li:before {
    display: none;
  }
  .textpage .row .article ul ul,
  .textpage .row .article ul ol,
  .textpage .row .article ol ol,
  .textpage .row .article ol ul {
    margin-bottom: 15px;
  }
  .textpage .row .article ul li ul li:before {
    /*background:$blue;*/
  }
  .textpage .row .article ul li ul li ul li:before {
    /*background:$blueLight;*/
  }
  .textpage .row .article ol ul > li:before, .textpage .row .article ul ul > li:before {
    content: "";
    border: 1px #737373 solid;
    border: none;
    background: #71bf45;
    width: 10px;
    height: 10px;
    border-radius: 0%;
    position: absolute;
    top: 5px;
    right: auto;
    bottom: auto;
    left: 0px;
  }
  .textpage .row .article ol > li:before {
    display: inline-block;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
  }
  .textpage .row .article table {
    border-spacing: 0px;
    border-collapse: 0px;
    width: auto;
    width: 100%;
    margin-bottom: 40px;
  }
  .textpage .row .article table.fl {
    margin-right: 70px !important;
  }
  .textpage .row .article table.fr {
    margin-left: 70px !important;
  }
  .textpage .row .article table thead td,
  .textpage .row .article table thead th {
    color: #fff !important;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    text-align: center;
    padding-left: 13px !important;
    padding-right: 13px !important;
    height: 50px !important;
    vertical-align: middle;
    background: #737373;
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
    border-left: 1px #fff solid;
  }
  .textpage .row .article table tr th:first-of-type {
    border-left: none !important;
  }
  .textpage .row .article table tr th:last-of-type {
    border-right: none !important;
  }
  .textpage .row .article table td {
    color: #383838;
    text-align: center;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    padding-left: 13px !important;
    padding-right: 13px !important;
    height: 50px !important;
    background: transparent;
    vertical-align: middle;
    border-bottom: 1px #fff solid !important;
    border-right: 1px #fff solid !important;
    border-left: 1px #fff solid !important;
  }
  .textpage .row .article table tr td:first-of-type {
    border-left: none !important;
    color: #71bf45;
    font-weight: 700;
  }
  .textpage .row .article table tr td:last-of-type {
    border-right: none !important;
  }
  .textpage .row .article table tr:nth-of-type(even) td {
    background: #fff;
  }
  .textpage .row .article table.center td, .textpage .row .article table.center th {
    text-align: center;
  }
  body.template-type-textpage .channels {
    display: none;
  }
}
/*
@media (max-width: 768px) {
	.textpage .container .row .article h2 {
		font-size: 20px;
    	line-height: 26px;
	}
	body.admin .textpage h1 {
		font-size:22px;
	}
	body.admin .textpage h2 {
		    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px;
	}
}*/
.paginator {
  position: relative;
  text-align: center;
}
.paginator .pages {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  display: flex;
  justify-content: flex-end;
  padding-top: 7px;
}
.paginator .pages a {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #f7a92f;
  font-family: "Askan-Bold";
  text-decoration: none;
  width: 33px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #f7a92f solid;
  border-left: none;
}
.paginator .pages a:nth-of-type(1) {
  border-left: 1px #f7a92f solid;
}
.paginator .pages a.active, .paginator .pages a:hover {
  background: #f1e2ce;
}

@media (max-width: 767px) {
  body.mobile-show-mainfeed .main-content.board.homepage .container .row > div {
    display: none;
  }
  body.mobile-show-mainfeed .main-content.board.homepage .container .row > div.col-md-6 {
    display: block;
  }
  body.mobile-show-channels .main-content.board.homepage .container .row > div {
    display: none;
  }
  body.mobile-show-channels .main-content.board.homepage .container .row > div:nth-of-type(1) {
    display: block;
  }
  body.mobile-show-top .main-content.board.homepage .container .row > div {
    display: none;
  }
  body.mobile-show-top .main-content.board.homepage .container .row > div:nth-of-type(3) {
    display: block;
  }
}
.main-content.homepage-unregistered .container .container {
  padding-right: 10px;
  padding-left: 10px;
}
.main-content.homepage-unregistered .row {
  margin-bottom: 0px;
}
.main-content.homepage-unregistered .row .first-2,
.main-content.homepage-unregistered .row .first {
  display: none;
}

.hp-block {
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
  padding-top: 2px;
}
.hp-block.coming-soon:after {
  content: "";
  width: 100px;
  height: 44px;
  position: absolute;
  top: 5px;
  right: 7px;
  bottom: auto;
  left: auto;
  background: transparent url("../gfx/icon/comingsoon.svg") 0px 0px no-repeat;
  background-size: contain;
  display: block;
}
.hp-block.hp-block-2 .img img {
  height: 618px;
}
.hp-block.hp-block-2 .txt .txt-inner {
  top: 26px;
  transition: all 0.5s linear;
}
.hp-block.hp-block-2 .txt .txt-inner h2 {
  margin-bottom: 15px;
  height: 21px;
  overflow: hidden;
  transition: all 0.25s linear;
}
.hp-block.hp-block-2 .txt .txt-inner p {
  margin-bottom: 7px;
}
.hp-block.hp-block-2:hover .txt .txt-inner {
  top: 26px;
}
.hp-block.hp-block-2:hover .txt .txt-inner h2 {
  height: 21px;
}
.hp-block.hp-block-3 > h2 {
  top: 17px;
}
.hp-block.hp-block-3 .txt .txt-inner h2 {
  height: 24px;
  position: relative;
  top: -5px;
}
.hp-block > h2 {
  position: absolute;
  top: 25px;
  right: 40px;
  bottom: auto;
  left: 40px;
  color: #fff;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 700;
}
.hp-block .img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: right top;
}
.hp-block .txt {
  /*background:rgba(52,51,52,0.75);*/
  position: absolute;
  top: 100px;
  right: 12px;
  bottom: 12px;
  left: 12px;
  overflow: hidden;
  border-radius: 5px;
}
.hp-block .txt:after {
  content: "";
  display: block;
  position: absolute;
  top: 33px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  top: 0px;
  background: rgba(52, 51, 52, 0.75);
  clip-path: polygon(30px 0, 50px 20px, 70px 0, 100% 0, 100% 100%, 0 100%, 0 0);
  transition: all 0.25s linear;
}
.hp-block .txt .txt-inner {
  color: #fff;
  position: absolute;
  top: 122px;
  right: 0px;
  bottom: 10px;
  left: 0px;
  z-index: 5;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
  transition: all 0.25s linear;
}
.hp-block .txt .txt-inner h2 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 1px;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  height: 21px;
  overflow: hidden;
  transition: all 0.25s linear;
}
.hp-block .txt .txt-inner p {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 300;
  margin-bottom: 0px;
}
.hp-block:hover .txt:after {
  background: rgba(5, 5, 5, 0.85);
}
.hp-block:hover .txt .txt-inner {
  top: 30px;
}
.hp-block:hover .txt .txt-inner h2 {
  height: 0px;
}

@media (max-width: 1680px) {
  .hp-block .img img {
    height: calc(590px - 15vw);
  }
  .hp-block .txt .txt-inner {
    top: calc(414px - 15vw);
  }
  .hp-block.hp-block-2 {
    height: 100%;
    padding-bottom: 14px;
  }
  .hp-block.hp-block-2 .img {
    height: 100%;
  }
  .hp-block.hp-block-2 .img img {
    height: 100%;
  }
  .hp-block.hp-block-2 .txt .txt-inner {
    bottom: 32px;
  }
  .hp-block.hp-block-2 .txt:after {
    bottom: 15px;
  }
}
@media (max-width: 1440px) {
  /*.main-content.homepage-unregistered {
  	.container {
  		.row {
  			.col-md-9 {
  				-ms-flex: 0 0 66.66%;
  				flex: 0 0 66.66%;
  				max-width: 66.66%;

  				.row {
  					.col-md-4 {
  						-ms-flex: 0 0 50%;
  						flex: 0 0 50%;
  						max-width: 50%;	

  						&.last {
  							display:none;
  						}
  					}
  				}	
  			}
  			.col-md-3 {
  				-ms-flex: 0 0 50%;
  				flex: 0 0 50%;
  				max-width: 50%;					
  			}
  			.first {
  				display:block;
  			}
  		}
  	}
  	> .container > .row > .col-md-3 {
  		-ms-flex: 0 0 33.33%;
  		flex: 0 0 33.33%;
  		max-width: 33.33%;				
  	}
  }
  .hp-block .img img {
  	height: calc(590px - 22vw);
  }
  .hp-block .txt .txt-inner {
  	top: calc(414px - 22vw);
  }
  .hp-block.hp-block-2 .img img {
  }
  .hp-block.hp-block-2 {
  	height:100%;
  	padding-bottom:14px;

  	.img {
  		height:100%;

  		img {
  			height:100%;
  		}
  	}
  }
  .hp-block.hp-block-2 .txt .txt-inner {
  	bottom:32px;
  }
  .hp-block.hp-block-2 .txt:after {
  	bottom:15px;
  }*/
}
@media (max-width: 1170px) {
  /*.main-content.homepage-unregistered {
  	.container {
  		.row {
  			.col-md-9 {
  				-ms-flex: 0 0 50%;
  				flex: 0 0 50%;
  				max-width: 50%;

  				.row {
  					.col-md-4 {
  						-ms-flex: 0 0 100%;
  						flex: 0 0 100%;
  						max-width: 100%;	

  						&.last {
  							display:none;
  						}
  						&.last-2 {
  							display:none;
  						}
  					}
  				}	
  			}
  			.col-md-3 {
  				-ms-flex: 0 0 50%;
  				flex: 0 0 50%;
  				max-width: 50%;					
  			}
  			.first-2,
  			.first {
  				display:block;
  			}
  		}
  	}
  	> .container > .row > .col-md-3 {
  		-ms-flex: 0 0 50%;
  		flex: 0 0 50%;
  		max-width: 50%;				
  	}
  }*/
  /**/
  /**/
  /*.hp-block .img img {
  	height: calc(590px - 29vw);
  }
  .hp-block .txt .txt-inner {
  	top: calc(414px - 29vw);
  }*/
  .main-content.homepage-unregistered .container .row .col-md-9 {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
  .main-content.homepage-unregistered .container .row .col-md-9 .row .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .main-content.homepage-unregistered .container .row .col-md-9 .row .col-md-4.last {
    display: none;
  }
  .main-content.homepage-unregistered .container .row .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .main-content.homepage-unregistered .container .row .first {
    display: block;
  }
  .main-content.homepage-unregistered > .container > .row > .col-md-3 {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .hp-block .img img {
    height: calc(590px - 22vw);
  }
  .hp-block .txt .txt-inner {
    top: calc(414px - 22vw);
  }
  .hp-block.hp-block-2 {
    height: 100%;
    padding-bottom: 14px;
  }
  .hp-block.hp-block-2 .img {
    height: 100%;
  }
  .hp-block.hp-block-2 .img img {
    height: 100%;
  }
  .hp-block.hp-block-2 .txt .txt-inner {
    bottom: 32px;
  }
  .hp-block.hp-block-2 .txt:after {
    bottom: 15px;
  }
}
/*@media (max-width: 767px) {
	.main-content.homepage-unregistered {
		.container {
			.row {
				.col-md-9,
				.col-md-3 {
					-ms-flex: 0 0 100%;
					flex: 0 0 100%;
					max-width: 100%;					
				}
			}
		}
		> .container > .row > .col-md-3 {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;				
		}
	}
	.hp-block .img img {

	}

	.hp-block .img img {
		height: calc(590px - 41vw);
	}
	.hp-block .txt .txt-inner {
		top: 30px;
	}
	.hp-block:hover {
		.txt .txt-inner h2 {
			height:21px;
			margin-bottom:1px;
		}
	}
	.hp-block.hp-block-2 .img img {
	}
	.hp-block.hp-block-2 {
		height:auto;
		padding-bottom:14px;

		.img {
			height:auto;

			img {
				height: calc(770px - 38vw);
			}
		}
		&:hover {
			.txt .txt-inner h2 {
				height:26px;
				margin-bottom:10px;
			}
		}
	}
	.hp-block.hp-block-2 .txt .txt-inner {
		bottom:32px;
	}
	.hp-block.hp-block-2 .txt:after {
		bottom:15px;
	}
}*/
/*@media (max-width: 580px) {
	.hp-block .img img {
		height: calc(590px - 50vw);
	}
	.hp-block .txt .txt-inner {
	}
	.hp-block.hp-block-2 .img img {
	}
	.hp-block.hp-block-2 {
		height:auto;
		padding-bottom:14px;

		.img {
			height:auto;

			img {
				height: calc(770px - 32vw);
			}
		}
	}
	.hp-block.hp-block-2 .txt .txt-inner {
		bottom:32px;
	}
	.hp-block.hp-block-2 .txt:after {
		bottom:15px;
	}
	.main-content.homepage-unregistered .container .row .col-md-9 .row .col-md-4 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;		
	}
}*/
/*@media (max-width: 480px) {
	.hp-block .img img {
		height: calc(590px - 65vw);
	}
	.hp-block .txt .txt-inner {
	}
	.hp-block .img {
		position:relative;
	}
	.hp-block.hp-block-2 .img img {
	}
	.hp-block.hp-block-2 {
		height:auto;
		padding-bottom:14px;

		.img {
			height:auto;

			img {
				height: calc(790px - 32vw);
			}
		}
	}
	.hp-block.hp-block-2 .txt .txt-inner {
		bottom:32px;
	}
	.hp-block.hp-block-2 .txt:after {
		bottom:15px;
	}
}*/
/*@media (max-width: 410px) {
	.hp-block .img img {
		height: calc(590px - 45vw);
	}
	.hp-block.hp-block-2 {
		.img {
			img {
				height: calc(790px + 55vw);
			}
		}
	}
}*/
/*@media (max-width: 395px) {
	.hp-block.hp-block-2 {
		.img {
			img {
				height: calc(790px - 16vw);
			}
		}
	}
}*/
@media (max-width: 767px) {
  .main-content.homepage-unregistered .container .row .col-md-9,
  .main-content.homepage-unregistered .container .row .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .main-content.homepage-unregistered > .container > .row > .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hp-block {
    position: relative;
    padding-top: 0px;
    margin-bottom: 0px;
    border-bottom: 15px #414143 solid;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .hp-block .img {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .hp-block > h2 {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    padding: 20px 45px;
  }
  .hp-block .txt {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0px 15px;
    padding: 25px 0px;
    margin-top: auto;
    margin-bottom: 10px;
  }
  .hp-block .txt .txt-inner {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
  }
  .hp-block .txt .txt-inner h2 {
    height: auto;
  }
  .hp-block .txt:after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .hp-block.hp-block-2 .txt {
    bottom: auto;
    top: auto;
  }
  .hp-block.hp-block-2 .txt .txt-inner {
    bottom: auto;
    top: auto;
  }
  .hp-block.hp-block-2 .txt .txt-inner h2 {
    height: auto;
  }
  .hp-block.hp-block-2 .txt:after {
    bottom: 0px;
  }
  .hp-block.hp-block-2:hover .txt .txt-inner {
    top: auto;
  }
  .hp-block.hp-block-2:hover .txt .txt-inner h2 {
    height: auto;
  }
  .hp-block:hover .txt .txt-inner {
    top: auto;
  }
  .hp-block:hover .txt .txt-inner h2 {
    height: auto;
  }
}
@media (max-width: 580px) {
  .main-content.homepage-unregistered .container .row .col-md-9 .row .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.main-content.homepage-unregistered.profile.homepage-teasers .col-xl-4 {
  padding-bottom: 15px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block {
  position: relative;
  padding-top: 0px;
  margin-bottom: 0px;
  /*border-bottom:15px #414143 solid;*/
  height: auto;
  display: block;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 320px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block .img {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block .img img {
  height: 100%;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block > h2 {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  padding: 20px 45px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block .txt {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  margin: 0px 15px;
  padding: 25px 0px;
  margin-top: auto;
  margin-bottom: 15px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block .txt .txt-inner {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block .txt .txt-inner h2 {
  height: auto;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block .txt:after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1 .img, .main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type2 .img {
  z-index: 1;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1 .img:after, .main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type2 .img:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgb(2, 18, 18);
  background: linear-gradient(0deg, rgb(2, 18, 18) 0%, rgb(88, 88, 88) 100%);
  opacity: 0.9;
  z-index: 2;
  display: block;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type2 {
  background: #272525;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type2 .txt {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type2 h2 {
  position: relative;
  z-index: 2;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type2 .buttons {
  margin-top: auto;
  position: relative;
  z-index: 9;
  display: flex;
  padding: 0px 30px;
  padding-bottom: 0px;
  padding-top: 30px;
  column-gap: 15px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type2 .buttons .btn {
  flex: 1;
  width: 100%;
  max-width: none;
  margin-bottom: 0px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1 {
  background: #272525;
  padding: 15px 30px;
  flex-direction: row;
  align-items: center;
  transition: all 0.25s linear;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1 h2 {
  /*text-transform: none !important;*/
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1 .cover {
  width: 50%;
  padding-right: 7px;
  position: relative;
  z-index: 2;
  text-align: center;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1 .cover img {
  max-width: 85%;
  height: auto;
  border-radius: 5px;
  margin: auto;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1 .cta {
  width: 50%;
  padding-left: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1 .cta h2 {
  color: #fff;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 20px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1 .cta .play {
  padding: 0px;
  cursor: pointer;
  width: 160px;
  height: 160px;
  display: block;
  background: transparent url("../gfx/icon/tools-play11-green.png") center center no-repeat;
  background-size: contain;
  border: none;
  transition: all 0.25s linear;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1:hover {
  background: #111;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-cta-type1:hover .cta .play {
  width: 170px;
  height: 170px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-2 .txt {
  bottom: auto;
  top: auto;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-2 .txt .txt-inner {
  bottom: auto;
  top: auto;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-2 .txt .txt-inner h2 {
  height: auto;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-2 .txt:after {
  bottom: 0px;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-2:hover .txt .txt-inner {
  top: auto;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block.hp-block-2:hover .txt .txt-inner h2 {
  height: auto;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block:hover .txt .txt-inner {
  top: auto;
}
.main-content.homepage-unregistered.profile.homepage-teasers .hp-block:hover .txt .txt-inner h2 {
  height: auto;
}

@media (max-width: 1170px) {
  /*.main-content.homepage-unregistered.profile.homepage-teasers {
  	> .container > .row > .col-md-6 {
  		-ms-flex: 0 0 66.66%;
  		flex: 0 0 66.66%;
  		max-width: 66.66%;			
  	}
  }*/
}
@media (max-width: 767px) {
  .main-content.homepage-unregistered.profile.homepage-teasers {
    /*> .container > .row > .col-md-6 {
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;			
    }
    > .container > .row > div:nth-of-type(1){ order:2; }
    > .container > .row > div:nth-of-type(2){ order:1; }
    > .container > .row > div:nth-of-type(3){ order:3; }*/
  }
  .main-content.homepage-unregistered.profile.homepage-teasers .col-xl-4 {
    padding-bottom: 0px;
  }
}
.cookies-bar {
  z-index: 999999999;
  background: #e3e3e3;
  padding: 15px 20px;
  position: fixed;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-top: 1px #5a5a5c solid;
}
.cookies-bar .cookies-bar-content {
  max-width: 1400px;
  margin: auto;
  display: flex;
  width: 100%;
  align-items: center;
}
.cookies-bar .cookies-bar-content p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 0px;
}
.cookies-bar .cookies-bar-content .btn {
  width: 150px;
  margin-left: 20px;
  text-decoration: none;
}
.cookies-bar .cookies-bar-content .btn.btn-secondary {
  background: #5a5a5c;
  color: #fff;
}
.cookies-bar .cookies-bar-content .btn.btn-secondary:hover {
  background: #888 !important;
}

.cookies-bar-overlay {
  position: fixed;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.5);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-body {
  font-family: inherit;
  display: block;
  position: relative;
  background-color: #fff;
  color: #383838;
}
.modal-body.hidden {
  display: none;
}
.modal-body .cookies-bar-container {
  overflow: auto;
  height: 100%;
  max-height: 380px;
}
.modal-body .cookies-bar-container .cookies-bar-message p {
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
  margin-bottom: 15px;
}
.modal-body .cookies-bar-container .cookies-bar-message p a {
  color: #383838;
  font-weight: 600 !important;
}
.modal-body .cookies-bar-container .cookies-bar-settings {
  border-top: 1px #5a2d1c solid;
  padding: 15px 0px 0px 0px;
  margin-bottom: 20px;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section {
  border-bottom: 1px #5a2d1c solid;
  margin-bottom: 15px;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section.active .top .arrow {
  transform: rotate(-135deg);
  top: 2px;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section.active .info {
  display: block;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top h2 {
  font-size: 16px;
  line-height: 1;
  color: #383838;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p {
  margin: 0px;
  font-size: 16px;
  line-height: 1;
  margin-left: auto;
  font-weight: 600 !important;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p a {
  color: #71bf45;
  text-decoration: none;
  font-weight: 600 !important;
  font-size: 0px;
  width: 60px;
  height: 27px;
  border: 1px #71bf45 solid;
  border-radius: 13px;
  display: block;
  position: relative;
  background: #fff;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p a:after {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 12px;
  background: #71bf45;
  position: absolute;
  top: 1px;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p a:before {
  content: "";
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  top: 6px;
  right: 100%;
  margin-right: 7px;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p a:hover {
  text-decoration: underline;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p a.on {
  border: 1px #666 solid;
  background: #eee;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p a.on:after {
  left: 2px;
  background: #666;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p a.on:before {
  content: "Zakázáno";
  color: #666;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p a.off:after {
  right: 2px;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .top p a.off:before {
  content: "Povoleno";
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info {
  display: none;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info p {
  margin: 0px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #787674;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table {
  font-family: inherit;
  margin-bottom: 15px;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th {
  float: none;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th.cookielawinfo-column-3,
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th.cookielawinfo-column-4 {
  font-size: 0px;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th.cookielawinfo-column-3:after,
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th.cookielawinfo-column-4:after {
  content: "";
  font-size: 12px;
  font-weight: 700;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th.cookielawinfo-column-3:after {
  content: "Expirace";
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th.cookielawinfo-column-4:after {
  content: "Popis";
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th {
  background: #eee;
  color: #787674;
  font-size: 12px;
  font-weight: 700;
  border-left: 1px #787674 solid;
  border-bottom: 1px #787674 solid;
  border-top: 1px #787674 solid;
  padding: 10px;
  vertical-align: top;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th:last-of-type {
  border-right: 1px #787674 solid;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table tbody tr td {
  background: #fff;
  font-size: 12px;
  border-left: 1px #787674 solid;
  border-bottom: 1px #787674 solid;
  padding: 10px;
  vertical-align: top;
}
.modal-body .cookies-bar-container .cookies-bar-settings .settings-section .info table tbody tr td:last-of-type {
  border-right: 1px #787674 solid;
}
.modal-body .cookies-bar-container .cookies-bar-buttons {
  display: flex;
  column-gap: 20px;
  padding-bottom: 20px;
}
.modal-body .cookies-bar-container .cookies-bar-buttons .btn.btn-default,
.modal-body .cookies-bar-container .cookies-bar-buttons .btn.btn-primary {
  flex: 1;
  color: #fff;
  border: 1px #71bf45 solid;
  line-height: 25px;
  padding: 11px 2px;
  text-align: center;
  font-weight: 700 !important;
  text-decoration: none;
}
.modal-body .cookies-bar-container .cookies-bar-buttons .btn.btn-default:hover,
.modal-body .cookies-bar-container .cookies-bar-buttons .btn.btn-primary:hover {
  color: #fff !important;
  background: #7dc950 !important;
  border: 1px #7dc950 solid !important;
}
.modal-body .cookies-bar-container .cookies-bar-buttons .btn.btn-primary {
  border: 1px #5a5a5c solid;
  background: #5a5a5c;
}
.modal-body .cookies-bar-container .cookies-bar-buttons .btn.btn-primary:hover {
  color: #fff !important;
  border: 1px #888 solid !important;
  background: #888 !important;
}
.modal-body .close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: white;
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
}
.modal-body .close:after, .modal-body .close:before {
  content: "";
  width: 20px;
  height: 2px;
  background: #383838;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  top: 7px;
  left: -2px;
}
.modal-body .close:before {
  transform: rotate(-45deg);
}

@media (max-width: 991px) {
  .modal-body .cookies-bar-container {
    max-height: 470px;
  }
}
@media (max-width: 767px) {
  .cookies-bar .cookies-bar-content {
    flex-direction: column;
  }
  .cookies-bar .cookies-bar-content p {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 15px;
  }
  .cookies-bar .cookies-bar-content .btn {
    width: 150px;
    margin-left: 20px;
    text-decoration: none;
    font-size: 13px;
    padding: 10px 10px;
  }
  .modal-body .cookies-bar-container .cookies-bar-buttons .btn.btn-default, .modal-body .cookies-bar-container .cookies-bar-buttons .btn.btn-primary {
    line-height: 13px;
  }
}
@media (max-width: 580px) {
  .cookies-bar-popup .cookies-bar-container .cookies-bar-settings .settings-section .info p,
  .cookies-bar-popup .cookies-bar-container .cookies-bar-message p {
    font-size: 12px;
    line-height: 16px;
  }
  .cookies-bar-popup .cookies-bar-container .cookies-bar-settings .settings-section .info table tbody tr td,
  .cookies-bar-popup .cookies-bar-container .cookies-bar-settings .settings-section .info table thead tr th {
    font-size: 11px;
  }
  .cookies-bar-popup .cookies-bar-container .cookies-bar-buttons .btn.btn-primary {
    font-size: 14px;
    padding: 13px 2px;
  }
  .cookies-bar-popup .cookies-bar-container .cookies-bar-settings .settings-section .top p,
  .cookies-bar-popup .cookies-bar-container .cookies-bar-settings .settings-section .top h2 {
    font-size: 14px;
  }
  .modal-body .cookies-bar-container .cookies-bar-buttons {
    flex-direction: column;
  }
  .modal-body .cookies-bar-container .cookies-bar-buttons a:first-of-type {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .cookies-bar-popup .cookies-bar-container .cookies-bar-buttons {
    flex-direction: column;
  }
  .cookies-bar-popup .cookies-bar-container .cookies-bar-buttons a:first-of-type {
    margin-bottom: 10px;
  }
}
.form.form-basic.form-topics {
  color: white;
  font-size: 25px;
  position: relative;
}
.form.form-basic.form-topics .subtopics-container {
  display: none;
}
.form.form-basic.form-topics .list.list-topics {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  margin: 0px 5px;
}
.form.form-basic.form-topics .list.list-topics > .list-item {
  flex: 1 1 auto;
  position: relative;
}
.form.form-basic.form-topics .list.list-topics > .list-item i {
  font-style: normal;
  padding: 0px 20px;
  /*border:1px red solid;*/
  position: relative;
}
.form.form-basic.form-topics .list.list-topics > .list-item > .checkbox,
.form.form-basic.form-topics .list.list-topics > .list-item > .label {
  text-align: center;
  background: #71bf45;
  border-radius: 8px;
  font-family: "Roboto Slab", serif;
  margin-bottom: 10px;
  display: block;
  padding: 7px 0px;
  cursor: pointer;
  /*&:after,
  &:before {
  	content:'';
  	display:inline-block;
  	background:$white;
  	width:14px;
  	height:14px;
  	border-radius:7px;
  	margin-right:5px;
  	opacity:0;
  }*/
}
.form.form-basic.form-topics .list.list-topics > .list-item.test .label {
  background: #e00b0b;
}
.form.form-basic.form-topics .list.list-topics > .list-item.open {
  z-index: 10;
}
.form.form-basic.form-topics .list.list-topics > .list-item.open .label {
  position: relative;
}
.form.form-basic.form-topics .list.list-topics > .list-item.open .label:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  outline: 5px solid #aaa;
  display: block;
  border-radius: 8px;
}
.form.form-basic.form-topics .list.list-topics > .list-item.open:before {
  content: "";
  background: #aaa;
  position: absolute;
  top: 50%;
  right: -4px;
  bottom: -20px;
  left: -4px;
  display: block;
  z-index: -1;
}
.form.form-basic.form-topics .list.list-topics > .list-item.checked .checkbox,
.form.form-basic.form-topics .list.list-topics > .list-item.checked .label {
  outline: 3px solid #fff;
  outline-offset: -3px;
}
.form.form-basic.form-topics .list.list-topics > .list-item.checked .checkbox > i:before,
.form.form-basic.form-topics .list.list-topics > .list-item.checked .label > i:before {
  content: "";
  display: inline-block;
  background: #fff;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  margin-right: 5px;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 3px;
  margin-top: -5px;
  background: transparent url("../gfx/icon/checkbox.png") top left no-repeat;
  background-size: 100% auto;
  border-radius: 0px;
}
.form.form-basic.form-topics .list.list-topics > .list-item.checked-inside .checkbox > i:before,
.form.form-basic.form-topics .list.list-topics > .list-item.checked-inside .label > i:before {
  content: "";
  display: inline-block;
  background: #fff;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  margin-right: 5px;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 3px;
  margin-top: -5px;
  background: transparent url("../gfx/icon/checkbox.png") top left no-repeat;
  background-size: 100% auto;
  border-radius: 0px;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item {
  width: calc(100% + 10px);
  background: #aaa;
  padding: 10px 5px 0px 5px;
  margin: 0px -4px 10px -4px;
  border-radius: 8px;
  z-index: 10;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  margin: 0px 5px;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item {
  flex: 1 1 auto;
  position: relative;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item i {
  font-style: normal;
  padding: 0px 20px;
  /*border:1px red solid;*/
  position: relative;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item > .checkbox,
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item > .label {
  text-align: center;
  background: #5a5a5c;
  border-radius: 8px;
  font-family: "Roboto Slab", serif;
  margin-bottom: 10px;
  display: block;
  padding: 7px 0px;
  cursor: pointer;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.checked .checkbox,
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.checked .label {
  outline: 3px solid #fff;
  outline-offset: -3px;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.checked .checkbox > i:before,
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.checked .label > i:before {
  content: "";
  display: inline-block;
  background: #fff;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  margin-right: 5px;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 3px;
  margin-top: -5px;
  background: transparent url("../gfx/icon/checkbox.png") top left no-repeat;
  background-size: 100% auto;
  border-radius: 0px;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.checked-inside .checkbox > i:before,
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.checked-inside .label > i:before {
  content: "";
  display: inline-block;
  background: #fff;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  margin-right: 5px;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 3px;
  margin-top: -5px;
  background: transparent url("../gfx/icon/checkbox.png") top left no-repeat;
  background-size: 100% auto;
  border-radius: 0px;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.open {
  z-index: 10;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.open .label {
  position: relative;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.open .label:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  outline: 5px solid #fff;
  display: block;
  border-radius: 8px;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .list-item.open:before {
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  right: -4px;
  bottom: -10px;
  left: -4px;
  display: block;
  z-index: -1;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .bottomtopics-item {
  width: calc(100% + 10px);
  background: #fff;
  padding: 10px 5px 0px 5px;
  margin: 0px -4px 10px -4px;
  border-radius: 8px;
  z-index: 10;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .bottomtopics-item .list.list-subtopics {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  margin: 0px 5px;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .bottomtopics-item .list.list-subtopics > .list-item {
  flex: 1 1 auto;
  position: relative;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .bottomtopics-item .list.list-subtopics > .list-item > .checkbox,
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .bottomtopics-item .list.list-subtopics > .list-item > .label {
  text-align: center;
  background: #aaa;
  border-radius: 8px;
  font-family: "Roboto Slab", serif;
  margin-bottom: 10px;
  display: block;
  padding: 7px 12px;
  cursor: pointer;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .bottomtopics-item .list.list-subtopics > .list-item.checked .checkbox,
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .bottomtopics-item .list.list-subtopics > .list-item.checked .label {
  outline: 3px solid #5a5a5c;
  outline-offset: -3px;
}
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .bottomtopics-item .list.list-subtopics > .list-item.checked .checkbox > i:before,
.form.form-basic.form-topics .list.list-topics > .subtopics-item .list.list-subtopics > .bottomtopics-item .list.list-subtopics > .list-item.checked .label > i:before {
  content: "";
  display: inline-block;
  background: #fff;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  margin-right: 5px;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 3px;
  margin-top: -5px;
  background: transparent url("../gfx/icon/checkbox.png") top left no-repeat;
  background-size: 100% auto;
  border-radius: 0px;
}

.main-content.windows .container-fluid {
  max-width: 1920px;
}
.main-content.windows .windows-header {
  height: 580px;
  display: flex;
  justify-content: center;
  background: #141414;
  border-radius: 6px;
  overflow: hidden;
  margin: 0px 7.5px;
  margin-bottom: 24px;
}
.main-content.windows .windows-header .inner {
  max-width: 845px;
  width: 100%;
  height: 580px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-content.windows .windows-header .inner .logo {
  background: #fff;
  margin: 0px 80px;
  width: calc(100% - 160px);
  font-size: 0px;
  line-height: 0;
  text-align: center;
  flex: 1;
}
.main-content.windows .windows-header .inner .logo img {
  margin: auto;
  max-height: 100%;
}
.main-content.windows .windows-header .inner .column {
  width: 100%;
  background: #98c265;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  flex: 1;
}
.main-content.windows .windows-header .inner .column h1 {
  font-family: "Roboto Slab", serif;
  font-size: 60px;
  line-height: 64px;
  font-weight: 700;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
  text-align: center;
}
.main-content.windows .windows-header .inner .column h1 b {
  font-weight: 400;
}
.main-content.windows .windows-header .inner .column p {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.main-content.windows .windows-header .inner .column p:last-of-type {
  margin-bottom: 0px;
}
.main-content.windows .windows-header .inner .column p b {
  font-weight: 600;
}
.main-content.windows .load-next {
  background: #e00b0b;
  height: 76px;
  background: transparent !important;
  text-align: center;
  width: 100%;
  padding: 10px;
}
.main-content.windows .load-next .btn {
  margin: auto;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  padding: 18px 10px;
  width: 100%;
  max-width: none;
}
.main-content.windows .windows-masonry {
  display: flex;
  flex-wrap: wrap;
}
.main-content.windows .windows-masonry .windows-item {
  width: 25%;
  padding: 10px;
}
.main-content.windows .windows-masonry .windows-item.padding .item-inner {
  padding: 15px;
}
.main-content.windows .windows-masonry .windows-item .item-inner {
  border-radius: 6px;
  overflow: hidden;
  color: #fff;
  position: relative;
}
.main-content.windows .windows-masonry .windows-item .item-inner .block-link {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.main-content.windows .windows-masonry .windows-item .item-inner .img {
  width: 100%;
  font-size: 0px;
  line-height: 0px;
}
.main-content.windows .windows-masonry .windows-item .item-inner .img img {
  width: 100%;
}
.main-content.windows .windows-masonry .windows-item .item-inner .txt {
  padding: 20px;
  text-align: center;
}
.main-content.windows .windows-masonry .windows-item .item-inner .txt h2 {
  font-family: "Roboto Slab", serif;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 8px;
}
.main-content.windows .windows-masonry .windows-item .item-inner .txt p {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 0px;
}
.main-content.windows .windows-masonry .windows-item.green .item-inner {
  background: #4e794c;
}
.main-content.windows .windows-masonry .windows-item.biege .item-inner {
  background: #8a7946;
}
.main-content.windows .windows-masonry .windows-item.blue .item-inner {
  background: #325ea9;
}
.main-content.windows .windows-masonry .windows-item.grey .item-inner {
  background: #39566f;
}
.main-content.windows .windows-masonry .windows-item.red .item-inner {
  background: #cd2f31;
}
.main-content.windows .windows-masonry .windows-item.dark .item-inner {
  background: #111229;
}
.main-content.windows .windows-masonry .windows-item.black .item-inner {
  background: #000008;
}

@media (max-width: 1440px) {
  .main-content.windows .windows-masonry .windows-item {
    width: 33.33%;
  }
}
@media (max-width: 1140px) {
  .main-content.windows .windows-header {
    height: 450px;
    margin-bottom: 24px;
  }
  .main-content.windows .windows-header .inner {
    max-width: 545px;
    height: 450px;
  }
  .main-content.windows .windows-header .inner .logo {
    margin: 0px 80px;
    width: calc(100% - 160px);
  }
  .main-content.windows .windows-header .inner .column {
    padding: 30px;
  }
  .main-content.windows .windows-header .inner .column h1 {
    font-size: 50px;
    line-height: 54px;
    font-weight: 700;
    margin-bottom: 12px;
  }
  .main-content.windows .windows-header .inner .column p {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
  }
}
@media (max-width: 900px) {
  .main-content.windows .windows-masonry .windows-item {
    width: 50%;
  }
}
@media (max-width: 580px) {
  .main-content.windows .windows-masonry .windows-item {
    width: 100%;
  }
}
/* lp */
.landing-page-2023-01 .landing-page-nav {
  background: #fff;
}
.landing-page-2023-01 .landing-page-nav .list.list-nav {
  display: flex;
  width: 100%;
  max-width: 720px;
  margin: auto;
}
.landing-page-2023-01 .landing-page-nav .list.list-nav .list-item {
  flex: 1;
  padding: 0px 4px;
}
.landing-page-2023-01 .landing-page-nav .list.list-nav .list-item a {
  display: block;
  padding: 16px 10px;
  width: 100%;
  background: #8cbe4f;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
}
.landing-page-2023-01 .landing-page-nav .list.list-nav .list-item a:hover {
  background: #71bf45;
}
.landing-page-2023-01 .landing-page-main {
  background: #fff;
  padding-bottom: 35px;
}
.landing-page-2023-01 .landing-page-main .logo {
  margin: auto;
  width: 260px;
  height: auto;
  font-size: 0px;
}
.landing-page-2023-01 .landing-page-main .logo img {
  width: 260px;
  height: auto;
}
.landing-page-2023-01 .landing-page-header {
  background: #999 url("../img/lp23-01-bck.jpg") center center no-repeat;
  background-size: cover;
}
.landing-page-2023-01 .landing-page-header .h-inner {
  height: 550px;
  max-width: 720px;
  margin: auto;
  background: #8cbe4f;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
}
.landing-page-2023-01 .landing-page-header .h-inner .icon {
  width: 180px;
  height: 180px;
  margin-bottom: 65px;
}
.landing-page-2023-01 .landing-page-header .h-inner .icon img {
  width: 180px;
  height: 180px;
}
.landing-page-2023-01 .landing-page-header .h-inner .icon b {
  text-transform: uppercase;
  font-size: 18px;
}
.landing-page-2023-01 .landing-page-header .h-inner .icon a {
  text-decoration: none;
}
.landing-page-2023-01 .landing-page-header .h-inner .icon a:hover {
  text-decoration: underline;
}
.landing-page-2023-01 .landing-page-header .h-inner h1 {
  font-size: 65px;
  line-height: 1.1;
  font-weight: normal;
  font-family: "Roboto Slab", serif;
}
.landing-page-2023-01 .landing-page-header .h-inner h1 strong {
  font-weight: bold;
}
.landing-page-2023-01 .landing-page-header .h-inner p {
  font-size: 35px;
  line-height: 1.5;
  font-weight: normal;
  font-family: "Roboto Slab", serif;
  margin: 0px;
}

@media (max-width: 580px) {
  .landing-page-2023-01 .landing-page-header {
    padding-top: 90px;
  }
  .landing-page-2023-01 .landing-page-header .container {
    padding: 0px;
  }
  .landing-page-2023-01 .landing-page-header .container .row {
    margin: 0px;
  }
  .landing-page-2023-01 .landing-page-header .container .row > div {
    padding: 0px;
  }
  .landing-page-2023-01 .landing-page-header .h-inner {
    height: auto;
  }
  .landing-page-2023-01 .landing-page-header .h-inner .icon {
    margin-bottom: 45px;
  }
  .landing-page-2023-01 .landing-page-header .h-inner .icon,
  .landing-page-2023-01 .landing-page-header .h-inner .icon img {
    width: 150px;
    height: 150px;
  }
  .landing-page-2023-01 .landing-page-header .h-inner h1 {
    font-size: 45px;
  }
  .landing-page-2023-01 .landing-page-header .h-inner p {
    font-size: 20px;
  }
  .landing-page-2023-01 .landing-page-header .h-inner .icon b {
    font-size: 14px;
  }
  .landing-page-2023-01 .landing-page-main .logo,
  .landing-page-2023-01 .landing-page-main .logo img {
    width: 200px;
  }
  .landing-page-2023-01 .landing-page-nav {
    position: relative;
    z-index: 5;
  }
  .landing-page-2023-01 .landing-page-nav .container {
    padding: 0px;
  }
  .landing-page-2023-01 .landing-page-nav .container .row {
    margin: 0px;
  }
  .landing-page-2023-01 .landing-page-nav .container .row > div {
    padding: 0px;
  }
  .landing-page-2023-01 .landing-page-nav .list.list-nav {
    flex-wrap: wrap;
  }
  .landing-page-2023-01 .landing-page-nav .list.list-nav .list-item {
    flex: auto;
    padding: 0px;
  }
  .landing-page-2023-01 .landing-page-nav .list.list-nav > li:nth-of-type(1) {
    width: 100%;
    margin-bottom: 6px;
  }
  .landing-page-2023-01 .landing-page-nav .list.list-nav > li:nth-of-type(2) {
    width: calc(50% - 3px);
    margin-right: 3px;
  }
  .landing-page-2023-01 .landing-page-nav .list.list-nav > li:nth-of-type(3) {
    width: calc(50% - 3px);
    margin-left: 3px;
  }
}
/* bootstrap elements */
/*_pageModal*/
.modal-backdrop.show {
  opacity: 0;
}

.modal {
  background: rgba(0, 0, 0, 0.7);
}
.modal .modal-content > .form form .modal-body {
  padding-top: 25px;
}
.modal .modal-content > .form form .modal-body .form-inner {
  margin: 0px -5px;
  width: auto;
}
.modal .modal-content > .form form .modal-body .form-item.form-item-2 {
  width: 100%;
}
.modal .modal-content > .form form .modal-body .form-item.form-item-6 {
  width: 50%;
}
.modal .modal-content > .form form .modal-body .form-item.buttonset {
  padding-left: 0px;
  padding-right: 0px;
}
.modal .modal-content > .form form .modal-body .form-item.buttonset > label:before {
  border-right: 10px #c8c9cb solid;
}
.modal .modal-content > .form form .modal-body .select2.select2-container {
  margin-bottom: 10px;
}
.modal .modal-content > .form form .modal-body > p {
  color: #383838;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
}
.modal .modal-content > .form form .modal-body textarea {
  background: #58595b;
  width: 100%;
  height: 75px;
  display: block;
  padding: 15px 10px !important;
  margin-bottom: 10px;
  color: #fff;
  border: none;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  transition: all 0.25s linear;
  border-radius: 5px;
  resize: none;
}
.modal ::-webkit-textarea-placeholder,
.modal ::-webkit-input-placeholder { /* Edge */
  color: #383838 !important;
  text-transform: uppercase;
}
.modal :-ms-textarea-placeholder,
.modal :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #383838 !important;
  text-transform: uppercase;
}
.modal ::placeholder {
  color: #383838 !important;
  text-transform: uppercase;
}
.modal .modal-dialog {
  border: none;
  background: #c8c9cb;
  border-radius: 5px;
}
.modal .modal-dialog .modal-content {
  background: #c8c9cb;
  border: none;
  border-radius: 5px;
  overflow: hidden;
}
.modal .modal-dialog .modal-content h3 {
  color: #383838;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  margin-bottom: 20px;
}
.modal .modal-dialog .modal-content h3.desktop-hidden {
  display: none;
}
.modal .modal-dialog .modal-content p {
  font-size: 14px;
}
.modal .modal-dialog .modal-content .btn {
  margin-bottom: 0px;
  width: 100%;
  background: #71bf45;
  max-width: none;
  text-transform: none;
  font-size: 18px;
  line-height: 47px;
  font-weight: 400;
  height: 47px;
  padding: 0px;
  text-decoration: none;
}
.modal .modal-dialog .modal-content .btn:hover {
  background: #fff !important;
  color: #71bf45 !important;
}
.modal .modal-dialog .modal-content .form-check {
  padding-left: 15px;
  margin-bottom: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.modal .modal-dialog .modal-content .form-check input {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  position: absolute;
  left: -50px;
  top: -50px;
  display: none;
}
.modal .modal-dialog .modal-content .form-check label {
  padding-left: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.modal .modal-dialog .modal-content .form-check label:before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 20px;
  display: block;
  background: transparent url("../gfx/icon/checkbox.png") 0px 100% no-repeat;
  background-size: 30px auto;
}
.modal .modal-dialog .modal-content .form-check label.checked:before {
  background-position: 0px 0%;
}
.modal .modal-dialog .modal-content .form-check-label {
  color: #383838;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
}
.modal .modal-dialog .modal-content span.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 15px;
  margin-right: 20px;
}
.modal .modal-dialog .modal-content span.icon.icon-1 {
  background: transparent url("../gfx/icon/modal-info.png") center center no-repeat;
  background-size: contain;
}
.modal .modal-dialog .modal-header {
  border-bottom: none;
  background: #71bf45;
  color: #fff;
  padding: 10px 25px;
}
.modal .modal-dialog .modal-header .modal-title {
  padding-top: 5px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
}
.modal .modal-dialog .modal-header .close {
  color: #fff;
  cursor: pointer;
  font-size: 35px;
  font-weight: 300;
  line-height: 1;
  opacity: 1;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.modal .modal-dialog .modal-top {
  background: #fff;
  padding: 25px;
  padding-bottom: 0px;
  padding-top: 35px;
  margin-bottom: -15px;
  z-index: 5;
  position: relative;
}
.modal .modal-dialog .modal-top .row {
  margin-right: -15px;
  margin-left: -15px;
  align-items: flex-end;
}
.modal .modal-dialog .modal-top .row > div {
  padding: 0px 15px;
}
.modal .modal-dialog .modal-top .row > div h3 {
  color: #71bf45;
}
.modal .modal-dialog .modal-body {
  background: #c8c9cb;
  padding: 25px;
  padding-top: 25px;
  padding-bottom: 0px;
}
.modal .modal-dialog .modal-body .row {
  margin-right: -15px;
  margin-left: -15px;
}
.modal .modal-dialog .modal-body .row > div {
  padding: 0px 15px;
}
.modal .modal-dialog .modal-footer {
  border-top: none;
  background: #c8c9cb;
  border-radius: 0px 0px 5px 5px;
  padding-top: 0px;
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
}
.modal .modal-dialog #modalSearchPodcastResults,
.modal .modal-dialog #modalSearchUserResults {
  margin-top: -15px;
  margin-left: -25px;
  margin-right: -25px;
}
.modal .modal-dialog #modalSearchPodcastResults p,
.modal .modal-dialog #modalSearchUserResults p {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  margin-left: 25px;
}
.modal .modal-dialog #modalSearchPodcastResults .table,
.modal .modal-dialog #modalSearchUserResults .table {
  margin-bottom: 0px;
}
.modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:first-of-type,
.modal .modal-dialog #modalSearchUserResults .table tbody tr td:first-of-type {
  width: 128px;
  padding-left: 25px;
}
.modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:first-of-type a,
.modal .modal-dialog #modalSearchUserResults .table tbody tr td:first-of-type a {
  display: block;
  font-size: 0px;
}
.modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:first-of-type img,
.modal .modal-dialog #modalSearchUserResults .table tbody tr td:first-of-type img {
  width: 88px;
  height: 88px;
  border-radius: 5px;
}
.modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:last-of-type,
.modal .modal-dialog #modalSearchUserResults .table tbody tr td:last-of-type {
  padding-right: 25px;
}
.modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:nth-of-type(2),
.modal .modal-dialog #modalSearchUserResults .table tbody tr td:nth-of-type(2) {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
}
.modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:nth-of-type(3) .btn,
.modal .modal-dialog #modalSearchUserResults .table tbody tr td:nth-of-type(3) .btn {
  background: transparent;
  border: 2px #fff solid;
}
.modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:nth-of-type(3) .btn:hover,
.modal .modal-dialog #modalSearchUserResults .table tbody tr td:nth-of-type(3) .btn:hover {
  color: #383838 !important;
}
.modal .modal-dialog #modalSearchPodcastResults .table tbody tr td,
.modal .modal-dialog #modalSearchUserResults .table tbody tr td {
  vertical-align: middle;
  padding: 10px 5px;
  border-top: none;
}
.modal .modal-dialog #modalSearchPodcastResults .table tbody tr:nth-of-type(odd) td,
.modal .modal-dialog #modalSearchUserResults .table tbody tr:nth-of-type(odd) td {
  background: #949597;
}
.modal .modal-dialog form#reportForm .form-item label {
  display: block;
  left: 25px;
  top: -10px;
  font-size: 12px;
  font-weight: 300;
  text-transform: none;
}
.modal .modal-dialog form#reportForm .form-item.focus label {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: -2px;
  right: auto;
  bottom: auto;
  left: 25px;
  color: #383838;
}
.modal .modal-dialog form#reportForm .form-item.focus input {
  padding: 25px 10px 15px 20px;
}
.modal .modal-dialog form#reportForm .form-item.focus input:focus::placeholder {
  color: transparent;
}
.modal .modal-dialog form#reportForm .form-item.focus ::-webkit-textarea-placeholder,
.modal .modal-dialog form#reportForm .form-item.focus ::-webkit-input-placeholder { /* Edge */
  color: #fff !important;
  text-transform: uppercase;
}
.modal .modal-dialog form#reportForm .form-item.focus :-ms-textarea-placeholder,
.modal .modal-dialog form#reportForm .form-item.focus :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff !important;
  text-transform: uppercase;
}
.modal .modal-dialog form#reportForm .form-item.focus ::placeholder {
  color: #fff !important;
  text-transform: uppercase;
}
.modal .modal-dialog form#reportForm .form-item.buttonset label {
  left: auto;
  top: auto;
}
.modal .modal-dialog form#modalSearchPodcastForm, .modal .modal-dialog form#modalSearchUserForm {
  margin-bottom: 25px;
  display: flex;
}
.modal .modal-dialog form#modalSearchPodcastForm .form-group, .modal .modal-dialog form#modalSearchUserForm .form-group {
  width: calc(100% - 185px);
  padding-right: 10px;
  margin-bottom: 0px;
}
.modal .modal-dialog form#modalSearchPodcastForm button, .modal .modal-dialog form#modalSearchUserForm button {
  width: 185px;
}
.modal .modal-dialog form .form-group {
  margin-bottom: 25px;
}
.modal .modal-dialog form .form-group.form-group-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.modal .modal-dialog form .form-group a {
  color: #383838;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
}
.modal .modal-dialog form .form-group label {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  display: none;
}
.modal .modal-dialog form .form-group .form-control {
  border: none;
  width: 100%;
  height: 47px;
  display: block;
  padding: 0px 20px;
  margin-bottom: 10px;
  color: #383838;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  transition: all 0.25s linear;
  border-radius: 5px;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  .modal .modal-content > .form form .modal-body {
    width: 100%;
  }
  .modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:first-of-type,
  .modal .modal-dialog #modalSearchUserResults .table tbody tr td:first-of-type {
    width: 70px;
  }
  .modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:first-of-type img,
  .modal .modal-dialog #modalSearchUserResults .table tbody tr td:first-of-type img {
    width: 58px;
    height: 58px;
  }
  .modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:nth-of-type(2),
  .modal .modal-dialog #modalSearchPodcastResults .btn,
  .modal .modal-dialog #modalSearchUserResults .table tbody tr td:nth-of-type(2),
  .modal .modal-dialog #modalSearchUserResults .btn {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .modal .modal-dialog .modal-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal .modal-dialog .modal-header {
    padding: 5px 20px;
  }
  .modal .modal-dialog .modal-header .modal-title {
    font-size: 18px;
  }
  .modal .modal-dialog .modal-body {
    padding: 25px 20px;
    padding-bottom: 0px;
  }
  .modal .modal-dialog form .form-group {
    margin-bottom: 15px;
  }
  .modal .modal-dialog form .form-group .form-control {
    height: 37px;
    font-size: 12px;
  }
  .modal .modal-dialog .modal-content .btn {
    height: 37px;
    line-height: 37px;
    font-size: 16px;
  }
  .modal .modal-content > .form form .modal-body > p,
  .modal .modal-content > .form form .modal-body textarea,
  .modal .modal-dialog form .form-group a,
  .modal .modal-dialog .modal-content .form-check-label {
    font-size: 12px;
  }
  .modal .modal-dialog .modal-content span.icon,
  .modal .modal-dialog .modal-content .form-check label:before {
    width: 26px;
    height: 26px;
    margin-right: 14px;
    background-size: 26px auto;
  }
  .modal .modal-content > .form form .modal-body .form-item.buttonset > label:before {
    border-right: 5px #c8c9cb solid;
    width: 48px;
  }
  .modal hr {
    margin-bottom: 5px;
  }
  .modal .form .form-item.buttonset > label p, .modal .main-content.account .section.section-type-account.political-functions .form h3.accordeon-header, .modal .form .form-item.form-item-submit input, .modal .form .form-item.form-item-datetime input, .modal .form .form-item.form-item-file input, .modal .form .form-item.form-item-text input {
    font-size: 12px;
  }
  .modal .form .form-item.buttonset > label {
    padding-left: 45px;
  }
  .modal .form .form-item.buttonset > label p {
    padding: 15px 20px;
  }
  .modal .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single {
    height: 46px;
    font-size: 12px;
    padding: 15px 10px;
  }
  .modal .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__arrow {
    height: 46px;
  }
  .modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:first-of-type,
  .modal .modal-dialog #modalSearchUserResults .table tbody tr td:first-of-type {
    width: 50px;
  }
  .modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:first-of-type img,
  .modal .modal-dialog #modalSearchUserResults .table tbody tr td:first-of-type img {
    width: 48px;
    height: 48px;
  }
  .modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:nth-of-type(2),
  .modal .modal-dialog #modalSearchPodcastResults .btn,
  .modal .modal-dialog #modalSearchUserResults .table tbody tr td:nth-of-type(2),
  .modal .modal-dialog #modalSearchUserResults .btn {
    font-size: 12px;
  }
  .modal .modal-dialog .modal-content .modal-top {
    padding-bottom: 20px;
  }
  .modal .modal-dialog .modal-content .row.mobile-hidden {
    display: none;
  }
  .modal .modal-dialog .modal-content h3.desktop-hidden {
    display: block;
    color: #383838;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .modal .modal-dialog .modal-body > .row > div:nth-of-type(1) {
    margin-bottom: 25px;
  }
}
.alert {
  border: none;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.alert.alert-danger {
  background: #e00b0b;
  color: #fff;
}
.alert.alert-success {
  background: #71bf45;
  color: #fff;
}
.form-item + .snemovnaRoles,
.form-item + .obecRoles,
.form-item + .senatRoles,
.form-item + .krajRoles {
  padding-top: 10px;
  width: 100%;
}

.select2.select2-container.select2-container--default {
  width: 100% !important;
}
.select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--multiple {
  height: 56px;
  border: none;
  border-radius: 5px;
  padding: 0px 0px;
  background: #58595b;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
}
.select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  padding: 3px 3px 3px 20px;
  color: #383838;
}
.select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  height: 20px;
}
.select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single {
  height: 56px;
  border: none;
  border-radius: 5px;
  padding: 20px 10px;
  background: #58595b;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  position: relative;
}
.select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  line-height: 1.2;
  color: #fff;
}
.select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #fff;
}
.select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__clear {
  font-size: 20px;
  color: #fff;
  width: 20px;
  height: 56px;
  margin-right: 0px;
  position: absolute;
  top: 0px;
  right: 50px;
  bottom: auto;
  left: auto;
}
.select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__arrow {
  width: 40px;
  height: 56px;
}
.select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
  border-width: 8px 8px 0 8px;
  margin-left: -8px;
  margin-top: -4px;
}
.select2.select2-container.select2-container--default.select2-container--focus.select2-container--open .selection .select2-selection.select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
  border-width: 0 8px 8px 8px;
}

.select2-results__options .select2-results__option {
  padding-left: 20px;
}
.select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #71bf45 !important;
}

.ui-datepicker {
  z-index: 999999 !important;
}

/* ultimate responsive tweaks */
@media (max-width: 1440px) {
  .main-content .section.section-type-feed a.section-btn, .main-content .section.section-type-profile a.section-btn,
  body {
    font-size: 16px;
  }
  html {
    zoom: 0.85;
    -moz-transform: scale(0.85);
    -moz-transform-origin: 0 0;
  }
}
@media (max-width: 991px) {
  html {
    zoom: 0.8;
    -moz-transform: scale(0.8);
    -moz-transform-origin: 0 0;
  }
}
body.lightmode {
  /**/
  /* forms */
}
body.lightmode .main-content.record .section.section-type-record.featured-image .form .form-inner .form-item.form-item-button button, body.lightmode .main-content.record .section.section-type-record.featured-image .form form .form-item.form-item-button button,
body.lightmode .modal .modal-dialog .modal-body,
body.lightmode .list.list-responses .response-item-bottom:before, body.lightmode .list.list-responses .response-item-bottom:after,
body.lightmode .list.list-audiofiles .list-item.type-calendar-item .img,
body.lightmode .channels .slider ul li.active:before, body.lightmode .section.audiofiles .slider ul li.active:before,
body.lightmode .header:before, body.lightmode {
  background: #f5f5f5;
}
body.lightmode .main-content.record .section.section-type-record.featured-image .form .form-inner .form-item.form-item-button button, body.lightmode .main-content.record .section.section-type-record.featured-image .form form .form-item.form-item-button button,
body.lightmode .header .col-12 .logo .claim,
body.lightmode .header .col-12 .nav.nav-main ul li a,
body.lightmode .header .col-12 .login a {
  color: #333;
  font-weight: bold;
}
body.lightmode .modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:nth-of-type(2), body.lightmode .modal .modal-dialog #modalSearchUserResults .table tbody tr td:nth-of-type(2),
body.lightmode .modal .modal-dialog #modalSearchPodcastResults p, body.lightmode .modal .modal-dialog #modalSearchUserResults p,
body.lightmode .main-content.account .section.section-type-account p,
body.lightmode .main-content.record .section.section-type-record.select-record .audio-limit p,
body.lightmode .main-content.record .section.section-type-record h2,
body.lightmode .main-content.board.homepage .section .article.description,
body.lightmode .list.list-audiofiles .list-item,
body.lightmode .channels .slider ul li .txt h3, body.lightmode .section.audiofiles .slider ul li .txt h3,
body.lightmode .section.actual-podcast h2,
body.lightmode .channels .subheader h2, body.lightmode .section.audiofiles .subheader h2 {
  color: #333;
  font-weight: bold;
}
body.lightmode .main-content .section.section-type-feed h2 .nav.nav-subcontext .sub-hamburger span, body.lightmode .main-content .section.section-type-profile h2 .nav.nav-subcontext .sub-hamburger span {
  background: #333;
}
body.lightmode .main-content.profile .section.profile-image,
body.lightmode .main-content.record .section.section-type-record,
body.lightmode .main-content.record .section.section-type-record h2,
body.lightmode .section.audiofiles .section.channel-block,
body.lightmode .main-content.board.homepage .section .article.description,
body.lightmode .list.list-audiofiles .list-item,
body.lightmode .section.actual-podcast,
body.lightmode .section.my-channels .form.form-filters,
body.lightmode .channels .slider .slick-prev, body.lightmode .channels .slider .slick-next, body.lightmode .section.audiofiles .slider .slick-prev, body.lightmode .section.audiofiles .slider .slick-next,
body.lightmode .channels .channel-block, body.lightmode .section.audiofiles .channel-block {
  background: #eee !important;
}
body.lightmode .channels .slider .slick-prev:before, body.lightmode .section.audiofiles .slider .slick-prev:before {
  border-style: solid;
  border-width: 27.5px 15px 27.5px 0;
  border-color: transparent #333 transparent transparent;
}
body.lightmode .channels .slider .slick-next:before, body.lightmode .section.audiofiles .slider .slick-next:before {
  border-style: solid;
  border-width: 27.5px 0 27.5px 15px;
  border-color: transparent transparent transparent #333;
}
body.lightmode .modal .modal-dialog #modalSearchPodcastResults .table tbody tr:nth-of-type(odd) td, body.lightmode .modal .modal-dialog #modalSearchUserResults .table tbody tr:nth-of-type(odd) td,
body.lightmode .main-content .section.section-type-feed h2, body.lightmode .main-content .section.section-type-profile h2,
body.lightmode .main-content.account .section.section-type-account,
body.lightmode .main-content.account .section.section-type-account h3,
body.lightmode .main-content.profile .article.profile-text,
body.lightmode .main-content.profile .article.profile-details,
body.lightmode .main-content.account .section.section-type-account h2 {
  background: #eee !important;
  color: #333;
  font-weight: bold;
}
body.lightmode .main-content.profile .article.profile-details .personal-tools .btn.btn-white,
body.lightmode .main-content.profile .section.profile-image .square-inner .img a.btn,
body.lightmode .modal .modal-dialog #modalSearchPodcastResults .table tbody tr td:nth-of-type(3) .btn, body.lightmode .modal .modal-dialog #modalSearchUserResults .table tbody tr td:nth-of-type(3) .btn {
  border: 2px #333 solid;
  color: #333;
}
body.lightmode .list.list-responses .response-item-bottom p a,
body.lightmode .list.list-audiofiles .list-item.type-1 .txt p.info,
body.lightmode .list.list-audiofiles .list-item.type-4 .txt p,
body.lightmode .list.list-audiofiles .list-item.type-calendar-item .txt p,
body.lightmode .list.list-audiofiles .list-item.type-2 .txt p.info,
body.lightmode .list.list-audiofiles .list-item.type-3 .txt p.info,
body.lightmode .list.list-audiofiles .list-item.type-4 .txt p.info {
  opacity: 1;
  color: #333 !important;
}
body.lightmode .list.list-audiofiles .list-item .tools-2 .buttons,
body.lightmode .list.list-audiofiles .list-item .tools-2 .player.placeholder,
body.lightmode .list.list-audiofiles .list-item .tools-2 .likes,
body.lightmode .list.list-audiofiles .list-item .tools-2 .responses,
body.lightmode .list.list-audiofiles .list-item .tools-2 .buttons .record,
body.lightmode .list.list-audiofiles .list-item .tools-2 .likes .plus {
  filter: brightness(0.5) saturate(0%);
}
body.lightmode .main-content .section.section-type-feed h2.green, body.lightmode .main-content .section.section-type-profile h2.green {
  background: #71bf45 !important;
  color: #fff !important;
}
body.lightmode .main-content .section.section-type-feed h2.green .nav.nav-top ul li .sub-hamburger span, body.lightmode .main-content .section.section-type-feed h2.green .nav.nav-subcontext .sub-hamburger span, body.lightmode .main-content .section.section-type-profile h2.green .nav.nav-top ul li .sub-hamburger span, body.lightmode .main-content .section.section-type-profile h2.green .nav.nav-subcontext .sub-hamburger span {
  background: #fff !important;
}
body.lightmode .form-item label {
  color: #333;
}
body.lightmode .form-item ::-webkit-textarea-placeholder,
body.lightmode .form-item ::-webkit-input-placeholder { /* Edge */
  color: #333;
}
body.lightmode .form-item :-ms-textarea-placeholder,
body.lightmode .form-item :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}
body.lightmode .form-item ::placeholder {
  color: #333;
}
body.lightmode .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single,
body.lightmode .modal .modal-content > .form form .modal-body textarea,
body.lightmode .main-content.record .section.section-type-record.select-record .form form select, body.lightmode .main-content.record .section.section-type-record.select-record .form .form-inner select,
body.lightmode .form .form-item.form-item-table table tbody tr td input,
body.lightmode .form .form-item.form-item-list .list,
body.lightmode .form .form-item.buttonset > label,
body.lightmode .form .form-item.form-item-datetime input,
body.lightmode .form .form-item.form-item-textarea textarea,
body.lightmode .form .form-item.form-item-file input, body.lightmode .form .form-item.form-item-text input {
  background: #f5f5f5;
  color: #333 !important;
  border: 1px #333 solid;
}
body.lightmode .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__rendered,
body.lightmode .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single,
body.lightmode .form .form-item.form-item-table table tbody tr td span,
body.lightmode .main-content.record .section.section-type-record .verification-info p,
body.lightmode .form .form-item.form-item-table table thead tr th,
body.lightmode .form .form-item.form-item-list .list li,
body.lightmode .form .form-item.buttonset > label p,
body.lightmode .form .form-item.form-item-datetime span, body.lightmode .form .form-item.form-item-datetime label {
  color: #333 !important;
}
body.lightmode .form .form-item.form-item-list .list li .remove {
  filter: invert(100%);
}
body.lightmode .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single .select2-selection__arrow b {
  border-color: #333 transparent transparent transparent;
  border-width: 8px 8px 0 8px;
}

/*
	1400
	25 > 20
	22 > 19
	17 > 15
	16 > 14
	body 14 > 13
*/

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