@charset "UTF-8";
/*
	HTML5 Reset :: style.css
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

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

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:
#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/* 320 */
/* 320 */
/*@mixin SectionPad {
  padding-top:9vw;
  padding-bottom:9vw; 
  @media (min-width: $break-md) {
    padding-top:7vw;
    padding-bottom:7vw;    
  }
  @media (min-width: $break-xxlg) {
    padding-top:5.5vw;
    padding-bottom:5.5vw;   
  }
  @media (min-width: $break-xxxlg) {
    padding-top:6vw;
    padding-bottom:6vw;    
  }
  @media (min-width: $break-xlarge) {
    padding-top:150px;
    padding-bottom:150px;     
  }
}*/
/*@mixin MarginBottom {
  margin-bottom:6vw; 
  @media (min-width: $break-md) {
    margin-bottom:4vw;   
  }
  @media (min-width: $break-xxlg) {
    //margin-bottom:6vw;  
  }
  @media (min-width: $break-xxxlg) {
    //margin-bottom:4vw;   
  }
  @media (min-width: $break-xlarge) {
    margin-bottom:80px;      
  }
}*/
/*
=====---- BOOTSTRAP OVERIDES
*/
/*
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1320px,
);

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 960px,
  xl: 1200px,
  xxl: 1400px,
);
*/
/*/
===------ ELEMENTS SIZES -------===
*/
@font-face {
  font-family: "CFAstySNFMed";
  src: url("../fonts/CFAstySNF-Medium.woff2") format("woff2"), url("../fonts/CFAstySNF-Medium.woff") format("woff"), url("../fonts/CFAstySNF-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "GT America";
  src: url("../fonts/GT-America-LG-Standard-Light.woff2") format("woff2"), url("../fonts/GT-America-LG-Standard-Light.woff") format("woff"), url("../fonts/GT-America-LG-Standard-Light.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "GT America";
  src: url("../fonts/GT-America-LG-Standard-Medium.woff2") format("woff2"), url("../fonts/GT-America-LG-Standard-Medium.woff") format("woff"), url("../fonts/GT-America-LG-Standard-Medium.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
body * {
  -webkit-font-smoothing: antialiased;
}

.cf-transform {
  --stylisticSet: "none";
  font-family: "CFAstySNFMed";
}

.cf-transform .word .letter {
  -webkit-font-feature-settings: var(--stylisticSet);
          font-feature-settings: var(--stylisticSet);
}

/*
===------ COLORS -------===
*/
.btn {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .btn {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .btn {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .btn {
    font-size: 24px;
    line-height: 32px;
  }
}
.btn a {
  color: #FFFFFF;
  background-color: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  padding: 12px 20px;
  border-radius: 24px;
}
@media (min-width: 768px) {
  .btn a {
    padding: 16px 20px;
    border-radius: 32px;
  }
}
@media (min-width: 1440px) {
  .btn a {
    padding: 1.4vw;
    border-radius: 6.33vw;
  }
}
@media (min-width: 2560px) {
  .btn a {
    padding: 36px;
    border-radius: 162px;
  }
}
.btn a:hover {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.btn.full {
  margin-left: auto;
  margin-right: auto;
}
.btn.full a {
  width: 100%;
  margin-bottom: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn.small {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .btn.small {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .btn.small {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .btn.small {
    font-size: 28px;
    line-height: 34px;
  }
}
.btn.small a {
  padding: 8px 20px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .btn.small a {
    padding: 9px 20px;
    border-radius: 30px;
  }
}
@media (min-width: 1440px) {
  .btn.small a {
    padding: 0.643vw 1.3vw;
    border-radius: 6.33vw;
  }
}
@media (min-width: 2560px) {
  .btn.small a {
    padding: 17px 34px;
    border-radius: 162px;
  }
}
.btn.medium {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .btn.medium {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .btn.medium {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .btn.medium {
    font-size: 24px;
    line-height: 32px;
  }
}
.btn.medium a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .btn.medium a {
    padding: 9px 18px;
    border-radius: 30px;
  }
}
@media (min-width: 1440px) {
  .btn.medium a {
    padding: 0.82vw 1.5vw;
    border-radius: 6.33vw;
  }
}
@media (min-width: 2560px) {
  .btn.medium a {
    padding: 21px 39px;
    border-radius: 165px;
  }
}
.btn.medium a span {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
  margin-left: 20px;
}
@media (min-width: 768px) {
  .btn.medium a span {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .btn.medium a span {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .btn.medium a span {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .btn.medium a span {
    margin-left: 21px;
  }
}
@media (min-width: 1440px) {
  .btn.medium a span {
    margin-left: 1.5vw;
  }
}
@media (min-width: 2560px) {
  .btn.medium a span {
    margin-left: 39px;
  }
}
.btn.more {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  width: 100%;
}
@media (min-width: 768px) {
  .btn.more {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .btn.more {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .btn.more {
    font-size: 28px;
    line-height: 34px;
  }
}
.btn.more a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 30px;
  border-radius: 24px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .btn.more a {
    padding: 16px 36px;
    border-radius: 32px;
  }
}
@media (min-width: 1440px) {
  .btn.more a {
    padding: 1.4vw 2.8vw;
    border-radius: 6.33vw;
    line-height: 1.15em;
  }
}
@media (min-width: 2560px) {
  .btn.more a {
    padding: 36px 72px;
    border-radius: 162px;
    line-height: 32px;
  }
}
.btn.more a svg {
  height: 11px;
  width: auto;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .btn.more a svg {
    height: 0.8em;
    margin-left: 10px;
  }
}
@media (min-width: 1440px) {
  .btn.more a svg {
    height: 0.8em;
    margin-left: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .btn.more a svg {
    height: 23px;
    margin-left: 18px;
  }
}
.btn.more a svg path {
  fill: #FFFFFF;
}
.btn.back {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .btn.back {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .btn.back {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .btn.back {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 768px) {
  .btn.back {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .btn.back {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .btn.back {
    margin-bottom: 3.5vw;
  }
}
@media (min-width: 2560px) {
  .btn.back {
    margin-bottom: 90px;
  }
}
.btn.back a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px;
  border-radius: 24px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .btn.back a {
    padding: 16px 20px;
    border-radius: 32px;
  }
}
@media (min-width: 1440px) {
  .btn.back a {
    padding: 1.4vw;
    border-radius: 6.33vw;
    line-height: 1.15em;
  }
}
@media (min-width: 2560px) {
  .btn.back a {
    padding: 36px;
    border-radius: 162px;
    line-height: 32px;
  }
}
.btn.back a svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  height: 11px;
  width: auto;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .btn.back a svg {
    height: 0.8em;
    margin-right: 10px;
  }
}
@media (min-width: 1440px) {
  .btn.back a svg {
    height: 0.8em;
    margin-right: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .btn.back a svg {
    height: 23px;
    margin-right: 18px;
  }
}
.btn.back a svg path {
  fill: #FFFFFF;
}
.btn.outline a {
  background-color: transparent;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.btn.outline.black a {
  border: 1px solid #000000;
  color: #000000;
}
.btn.outline.black a:hover {
  border-color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFFFFF;
}
.btn.outline.white a {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.btn.outline.white a:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.btn.outline.noshadow a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.outline.noshadow a:hover {
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.btn.auto {
  font-size: 16px;
  line-height: 22px;
  line-height: 1em;
}
@media (min-width: 768px) {
  .btn.auto {
    font-size: 16px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
  }
}
@media (min-width: 1440px) {
  .btn.auto {
    font-size: 18px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
  }
}
@media (min-width: 2560px) {
  .btn.auto {
    font-size: 32px;
  }
}
.btn.auto a {
  padding: 0px;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: 300;
  background-color: transparent;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn.auto a:hover {
  letter-spacing: 0.1em;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.auto a span {
  font-weight: 300;
}
.btn.auto a svg {
  height: 14px;
  width: auto;
  margin-left: 7px;
}
@media (min-width: 1440px) {
  .btn.auto a svg {
    height: 0.9vw;
    margin-left: 0.5vw;
  }
}
@media (min-width: 2560px) {
  .btn.auto a svg {
    height: 23px;
    margin-left: 13px;
  }
}
.btn.auto a svg path {
  fill: #000000;
}

.Filters .button {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 8px 16px;
  border-radius: 20px;
  margin: 0 5px 15px 5px;
}
@media (min-width: 768px) {
  .Filters .button {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .Filters .button {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .Filters .button {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .Filters .button {
    padding: 9px 18px;
    border-radius: 30px;
    margin: 0 5px 15px 5px;
  }
}
@media (min-width: 1440px) {
  .Filters .button {
    padding: 0.82vw 1.5vw;
    border-radius: 6.33vw;
    margin: 0 0.7vw 1.4vw 0.7vw;
  }
}
@media (min-width: 2560px) {
  .Filters .button {
    padding: 21px 39px;
    border-radius: 165px;
    margin: 0 18px 36px 18px;
  }
}
.Filters .button:hover {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.Filters .button.selected {
  color: #FFFFFF;
  background-color: #000000;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  pointer-events: none;
}
.tags .item {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  pointer-events: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 8px 16px;
  border-radius: 20px;
  margin: 5px 5px 0 0;
}
@media (min-width: 768px) {
  .tags .item {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .tags .item {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .tags .item {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .tags .item {
    padding: 9px 18px;
    border-radius: 30px;
    margin: 5px 5px 0 0;
  }
}
@media (min-width: 1440px) {
  .tags .item {
    padding: 0.82vw 1.5vw;
    border-radius: 6.33vw;
    margin: 0.7vw 0.7vw 0 0;
  }
}
@media (min-width: 2560px) {
  .tags .item {
    padding: 21px 39px;
    border-radius: 165px;
    margin: 18px 18px 0 0;
  }
}
.tags .item a {
  display: block;
  pointer-events: initial;
  color: #000000;
}
.tags .item:hover {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}

.paging {
  padding: 20px 0 40px 0;
}
@media (min-width: 768px) {
  .paging {
    padding: 40px 0 60px 0;
  }
}
@media (min-width: 1440px) {
  .paging {
    padding: 4.4vw 0 5.4vw 0;
  }
}
@media (min-width: 2560px) {
  .paging {
    padding: 115px 0 140px 0;
  }
}

.main-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main-header > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: flex-end;
          flex-direction: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.main-header > .container.top {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 768px) {
  .main-header > .container.top {
    margin-top: 50px;
  }
}
@media (min-width: 1100px) {
  .main-header > .container.top {
    margin-top: 4.883vw;
  }
}
@media (min-width: 2560px) {
  .main-header > .container.top {
    margin-top: 125px;
  }
}
.main-header > .container.bottom {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11;
  background-color: #F1EEE9;
  -webkit-box-shadow: 0px 10px 10px #F1EEE9;
          box-shadow: 0px 10px 10px #F1EEE9;
  -webkit-transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .main-header > .container.bottom {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.main-header .logo-icon {
  -webkit-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
  mix-blend-mode: difference;
  position: fixed; /*top:13px;*/
  margin-left: -16px;
  left: 50%;
}
@media (min-width: 768px) {
  .main-header .logo-icon {
    left: 46px;
    margin-left: 0;
  }
}
@media (min-width: 1440px) {
  .main-header .logo-icon {
    left: 80px;
  }
}
@media (min-width: 1920px) {
  .main-header .logo-icon {
    left: 140px;
  }
}
.main-header .logo-icon a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-header .logo-icon a img {
  width: 32px;
}
@media (min-width: 768px) {
  .main-header .logo-icon a img {
    width: 40px;
  }
}
@media (min-width: 1024px) {
  .main-header .logo-icon a img {
    width: 4.5vw;
  }
}
@media (min-width: 2560px) {
  .main-header .logo-icon a img {
    width: 116px;
  }
}
.main-header .logo {
  margin-right: auto;
  width: 100%;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  pointer-events: none;
  display: none;
}
@media (min-width: 768px) {
  .main-header .logo {
    display: block;
    width: 50%;
    z-index: 12;
  }
}
.main-header .logo h1,
.main-header .logo p {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  pointer-events: initial;
}
.main-header .logo h1 a,
.main-header .logo p a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-header .logo h1 a img,
.main-header .logo p a img {
  display: block;
}
.main-header .logo h1 a svg,
.main-header .logo p a svg {
  display: block;
}
.main-header .logo h1 a svg path:not(.reserve),
.main-header .logo p a svg path:not(.reserve) {
  fill: #000000;
}
.main-header .MainMenu {
  display: none;
}
@media (min-width: 1100px) {
  .main-header .MainMenu {
    display: block;
  }
}
.main-header .MainMenu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px) {
  .main-header .MainMenu ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.main-header .MainMenu ul li {
  font-size: 28px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .main-header .MainMenu ul li {
    font-size: 16px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
  }
}
@media (min-width: 1440px) {
  .main-header .MainMenu ul li {
    font-size: 18px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
  }
}
@media (min-width: 2560px) {
  .main-header .MainMenu ul li {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .main-header .MainMenu ul li {
    margin: 0 10px;
    height: 24px;
  }
}
@media (min-width: 1024px) {
  .main-header .MainMenu ul li {
    margin: 0 15px;
  }
}
@media (min-width: 1440px) {
  .main-header .MainMenu ul li {
    margin: 0 1.13vw;
    height: 1.95vw;
  }
}
@media (min-width: 2560px) {
  .main-header .MainMenu ul li {
    margin: 0 29px;
    height: 50px;
  }
}
.main-header .MainMenu ul li a {
  color: #000000;
}
@media (min-width: 768px) {
  .main-header .MainMenu ul li a {
    letter-spacing: 0;
  }
}
@media (min-width: 1024px) {
  .main-header .MainMenu ul li a {
    letter-spacing: 0.05em;
  }
}
.main-header .MainMenu ul li a:hover {
  text-decoration: underline;
}
.main-header .MainMenu ul li.media {
  display: none;
}
.main-header .MainMenu ul li.social {
  display: none;
}
.main-header .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 15px;
}
@media (min-width: 768px) {
  .main-header .search {
    margin-left: 15px;
  }
}
@media (min-width: 1440px) {
  .main-header .search {
    margin-left: 1.13vw;
  }
}
@media (min-width: 2560px) {
  .main-header .search {
    margin-left: 29px;
  }
}
.main-header .search a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-header .search svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 768px) {
  .main-header .search svg {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 1440px) {
  .main-header .search svg {
    width: 1.95vw;
    height: 1.95vw;
  }
}
@media (min-width: 2560px) {
  .main-header .search svg {
    width: 50px;
    height: 50px;
  }
}
.main-header .search svg path {
  fill: #000000;
}
.main-header .search:hover svg path {
  fill: rgba(0, 0, 0, 0.8);
}
.main-header .lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 46px;
  height: 24px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 8px;
}
@media (min-width: 768px) {
  .main-header .lang {
    width: 46px;
    height: 24px;
    margin-left: 8px;
  }
}
@media (min-width: 1440px) {
  .main-header .lang {
    width: 3.6vw;
    height: 1.95vw;
    margin-left: 0.6vw;
  }
}
@media (min-width: 2560px) {
  .main-header .lang {
    width: 92px;
    height: 50px;
    margin-left: 15px;
  }
}
.main-header .lang a {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 90px;
  border: 1px solid #000000;
  color: #000000;
}
@media (min-width: 768px) {
  .main-header .lang a {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .main-header .lang a {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .main-header .lang a {
    font-size: 32px;
    line-height: 40px;
  }
}
.main-header .lang a:hover {
  color: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.8);
}
.main-header .contrast {
  border: 0;
  background-color: transparent;
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 46px;
  height: 24px;
  margin-left: 8px;
}
@media (min-width: 1440px) {
  .main-header .contrast {
    width: 3.6vw;
    height: 1.95vw;
    margin-left: 0.6vw;
  }
}
@media (min-width: 2560px) {
  .main-header .contrast {
    width: 92px;
    height: 50px;
    margin-left: 15px;
  }
}
.main-header .contrast * {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-header .contrast span.button {
  font-size: 0;
  background-color: #000000;
  width: 46px;
  height: 24px;
  border-radius: 90px;
}
@media (min-width: 768px) {
  .main-header .contrast span.button {
    width: 46px;
    height: 24px;
  }
}
@media (min-width: 1440px) {
  .main-header .contrast span.button {
    width: 3.6vw;
    height: 1.95vw;
  }
}
@media (min-width: 2560px) {
  .main-header .contrast span.button {
    width: 92px;
    height: 50px;
  }
}
.main-header .contrast span.circle {
  position: absolute;
  background-color: #FFFFFF;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  top: 2px;
  left: calc(100% - 22px);
}
@media (min-width: 1440px) {
  .main-header .contrast span.circle {
    width: 1.65vw;
    height: 1.65vw;
    top: 0.15vw;
    left: calc(100% - 1.8vw);
  }
}
@media (min-width: 2560px) {
  .main-header .contrast span.circle {
    width: 42px;
    height: 42px;
    top: 4px;
    left: calc(100% - 46px);
  }
}
.main-header .contrast:hover span.button {
  background-color: rgba(0, 0, 0, 0.8);
}
.main-header .MobileMenu {
  background-color: transparent;
  border: 0;
  font-size: 0;
  padding: 0;
  margin-right: auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  height: 24px;
}
@media (min-width: 768px) {
  .main-header .MobileMenu {
    margin-right: 0;
  }
}
@media (min-width: 1100px) {
  .main-header .MobileMenu {
    display: none;
  }
}
@media (min-width: 1440px) {
  .main-header .MobileMenu {
    height: 1.95vw;
  }
}
@media (min-width: 2560px) {
  .main-header .MobileMenu {
    height: 50px;
  }
}
.main-header .MobileMenu * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-header .MobileMenu .button .lines {
  position: relative;
  width: 40px;
  height: 8px;
}
.main-header .MobileMenu .button .lines:before, .main-header .MobileMenu .button .lines:after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000000;
  left: 0;
}
@media (min-width: 768px) {
  .main-header .MobileMenu .button .lines:before, .main-header .MobileMenu .button .lines:after {
    right: 0;
    left: auto;
  }
}
.main-header .MobileMenu .button .lines:before {
  top: 0;
  width: 40px;
}
.main-header .MobileMenu .button .lines:after {
  bottom: 0;
  width: 20px;
}
.main-header .logo-square {
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  mix-blend-mode: difference;
  width: 100%;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  display: none;
}
@media (min-width: 768px) {
  .main-header .logo-square {
    display: block;
  }
}
.main-header .logo-square img {
  display: block;
}
.main-header .SearchMegaMenu {
  border-top: 1px solid #000000;
  background-color: #F1EEE9;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
  display: none;
  top: 100%;
}
@media (min-width: 1100px) {
  .main-header .SearchMegaMenu {
    margin-top: 20px;
  }
}
.main-header .SearchMegaMenu > * {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
}
.main-header .SearchMegaMenu .row {
  height: 100%;
}
.main-header .SearchMegaMenu .row > .col {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .main-header .SearchMegaMenu .row > .col {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media (min-width: 1100px) {
  .main-header .SearchMegaMenu .row > .col {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
@media (min-width: 2560px) {
  .main-header .SearchMegaMenu .row > .col {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
.main-header .SearchMegaMenu .row > .col > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
}
.main-header .SearchMegaMenu .row > .col > ul > li {
  font-weight: 300;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-header .SearchMegaMenu .row > .col > ul > li form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  /*@include media-breakpoint-up(large) {
  	margin-left:auto;margin-right:auto;max-width:864px;
  }
  @include media-breakpoint-up(xl) {
  	max-width:1200px;
  }*/
  /* clears the 'X' from Internet Explorer */
  /* clears the 'X' from Chrome */
}
@media (min-width: 768px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form {
    margin-left: auto;
    margin-right: auto;
  }
}
.main-header .SearchMegaMenu .row > .col > ul > li form label {
  display: none;
}
.main-header .SearchMegaMenu .row > .col > ul > li form .icon {
  width: 32px;
  height: 32px;
  margin-right: 30px;
  pointer-events: none;
  /*@include media-breakpoint-up(xl) {
  	margin-right:24px;
  }*/
}
.main-header .SearchMegaMenu .row > .col > ul > li form .icon svg {
  width: 32px;
  height: 32px;
}
.main-header .SearchMegaMenu .row > .col > ul > li form .icon svg path {
  fill: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .icon {
    width: 48px;
    height: 48px;
  }
  .main-header .SearchMegaMenu .row > .col > ul > li form .icon svg {
    width: 48px;
    height: 48px;
  }
}
.main-header .SearchMegaMenu .row > .col > ul > li form .field {
  font-size: 21px;
  line-height: 24px;
  letter-spacing: 0.05em;
  font-weight: 300;
  text-align: left;
  color: #000000;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: transparent;
  border: 0;
  width: 100%;
  padding: 4px;
  outline: none;
  /*@include media-breakpoint-up(xl) {
  	padding:8px;
  }*/
}
@media (min-width: 768px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .field {
    font-size: 24px;
    line-height: 28px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.17em;
  }
}
@media (min-width: 1440px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .field {
    font-size: 36px;
    line-height: 44px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .field {
    font-size: 64px;
    line-height: 78px;
  }
}
.main-header .SearchMegaMenu .row > .col > ul > li form .field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.main-header .SearchMegaMenu .row > .col > ul > li form .field:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.main-header .SearchMegaMenu .row > .col > ul > li form .field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.main-header .SearchMegaMenu .row > .col > ul > li form .field::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.main-header .SearchMegaMenu .row > .col > ul > li form .field::placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.main-header .SearchMegaMenu .row > .col > ul > li form input.field::-ms-clear,
.main-header .SearchMegaMenu .row > .col > ul > li form input.field::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.main-header .SearchMegaMenu .row > .col > ul > li form input.field::-webkit-search-decoration,
.main-header .SearchMegaMenu .row > .col > ul > li form input.field::-webkit-search-cancel-button,
.main-header .SearchMegaMenu .row > .col > ul > li form input.field::-webkit-search-results-button,
.main-header .SearchMegaMenu .row > .col > ul > li form input.field::-webkit-search-results-decoration {
  display: none;
}
.main-header .SearchMegaMenu .row > .col > ul > li form .button {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #000000;
  background-color: transparent;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .button {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .button {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .button {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .button {
    padding: 9px 18px;
    border-radius: 30px;
  }
}
@media (min-width: 1440px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .button {
    padding: 0.82vw 1.5vw;
    border-radius: 6.33vw;
  }
}
@media (min-width: 2560px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .button {
    padding: 21px 39px;
    border-radius: 165px;
  }
}
.main-header .SearchMegaMenu .row > .col > ul > li form .button svg {
  margin-left: 8px;
  width: 24px;
  height: 24px;
}
@media (min-width: 1440px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .button svg {
    margin-left: 12px;
    width: 28px;
    height: 28px;
  }
}
.main-header .SearchMegaMenu .row > .col > ul > li form .button svg path {
  fill: #000000;
}
.main-header .SearchMegaMenu .row > .col > ul > li form .button:hover {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000;
}
.main-header .SearchMegaMenu .row > .col > ul > li form .button:hover svg path {
  fill: #FFFFFF;
}
@media (max-width: 767px) {
  .main-header .SearchMegaMenu .row > .col > ul > li form .button {
    display: none;
  }
}
.main-header .SearchMegaMenu .row > .col > ul > li form button.button {
  opacity: 0;
}
.main-header .SearchMegaMenu .row > .col > ul > li form button.button:focus {
  opacity: 1;
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000;
}
.main-header .SearchMegaMenu .row > .col > ul > li form button.button:focus svg path {
  fill: #FFFFFF;
}
.main-header .SearchMegaMenu .row > .col > ul > li form input.field:focus + button.button {
  opacity: 1;
}
.main-header .SearchMegaMenu.opened {
  opacity: 1;
  pointer-events: initial;
  display: block;
}
.main-header .SearchMegaMenu.opened > * {
  opacity: 1;
}

.main-header > .container.bottom {
  padding-top: 40px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .main-header > .container.bottom {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
@media (min-width: 1100px) {
  .main-header > .container.bottom {
    padding-top: 4.883vw;
    padding-bottom: 1.954vw;
  }
}
@media (min-width: 2560px) {
  .main-header > .container.bottom {
    padding-top: 125px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .main-header .logo {
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
}
.main-header .logo h1 img,
.main-header .logo h1 svg,
.main-header .logo p img,
.main-header .logo p svg {
  width: 250px;
  height: auto;
}
@media (min-width: 768px) {
  .main-header .logo h1 img,
  .main-header .logo h1 svg,
  .main-header .logo p img,
  .main-header .logo p svg {
    width: 180px;
  }
}
@media (min-width: 1024px) {
  .main-header .logo h1 img,
  .main-header .logo h1 svg,
  .main-header .logo p img,
  .main-header .logo p svg {
    width: 18.555vw;
  }
}
@media (min-width: 1440px) {
  .main-header .logo h1 img,
  .main-header .logo h1 svg,
  .main-header .logo p img,
  .main-header .logo p svg {
    width: 16.667vw;
  }
}
@media (min-width: 2560px) {
  .main-header .logo h1 img,
  .main-header .logo h1 svg,
  .main-header .logo p img,
  .main-header .logo p svg {
    width: 427px;
  }
}
.main-header .logo-square img {
  width: 22px;
  margin: 15px 0 5px 0;
}
@media (min-width: 768px) {
  .main-header .logo-square img {
    width: 25px;
    margin: 30px 0 15px 0;
  }
}
@media (min-width: 1024px) {
  .main-header .logo-square img {
    width: 2.93vw;
    margin: 3vw 0 1.5vw 0;
  }
}
@media (min-width: 1440px) {
  .main-header .logo-square img {
    width: 2.778vw;
  }
}
@media (min-width: 2560px) {
  .main-header .logo-square img {
    width: 71px;
    margin: 77px 0 38px 0;
  }
}
.main-header .logo-icon {
  top: 38px;
}
@media (min-width: 768px) {
  .main-header .logo-icon {
    top: 16px;
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 1024px) {
  .main-header .logo-icon {
    top: 1.1vw;
  }
}
@media (min-width: 2560px) {
  .main-header .logo-icon {
    top: 26px;
  }
}
.main-header.sticky > .container.bottom {
  padding-top: 15px;
  padding-bottom: 15px;
  height: 54px;
}
@media (min-width: 768px) {
  .main-header.sticky > .container.bottom {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 64px;
  }
}
@media (min-width: 1024px) {
  .main-header.sticky > .container.bottom {
    padding-top: 2vw;
    padding-bottom: 2vw;
    height: auto;
  }
}
@media (min-width: 2560px) {
  .main-header.sticky > .container.bottom {
    padding-top: 52px;
    padding-bottom: 52px;
  }
}
.main-header.sticky .logo-icon {
  top: 13px;
}
@media (min-width: 768px) {
  .main-header.sticky .logo-icon {
    top: 16px;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1024px) {
  .main-header.sticky .logo-icon {
    top: 1.1vw;
  }
}
@media (min-width: 2560px) {
  .main-header.sticky .logo-icon {
    top: 26px;
  }
}
@media (min-width: 768px) {
  .main-header.sticky .logo {
    opacity: 0;
    visibility: hidden;
  }
}
.main-header.sticky .SearchMegaMenu {
  margin-top: 0;
}

.main-wrapper {
  padding-top: 114px;
}
@media (min-width: 768px) {
  .main-wrapper {
    padding-top: 0;
  }
}

@media (min-width: 1100px) {
  body.home .main-header .SearchMegaMenu {
    margin-top: 2.5vw;
  }
}
@media (min-width: 1440px) {
  body.home .main-header .SearchMegaMenu {
    margin-top: 3vw;
  }
}
@media (min-width: 2560px) {
  body.home .main-header .SearchMegaMenu {
    margin-top: 80px;
  }
}
body.home .main-header.sticky .SearchMegaMenu {
  margin-top: 0;
}

body.home .main-header > .container.top {
  margin-top: 104px;
}
@media (min-width: 768px) {
  body.home .main-header > .container.top {
    margin-top: 124px;
  }
}
@media (min-width: 1100px) {
  body.home .main-header > .container.top {
    margin-top: 4.883vw;
  }
}
@media (min-width: 2560px) {
  body.home .main-header > .container.top {
    margin-top: 125px;
  }
}
body.home .main-header .MainMenu {
  display: none;
}
@media (min-width: 768px) {
  body.home .main-header .MainMenu {
    display: block;
  }
}
body.home .main-header .logo-icon {
  top: 13px;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  body.home .main-header .logo-icon {
    top: 16px;
  }
}
@media (min-width: 1024px) {
  body.home .main-header .logo-icon {
    top: 1.1vw;
  }
}
@media (min-width: 2560px) {
  body.home .main-header .logo-icon {
    top: 26px;
  }
}
body.home .main-header .logo {
  display: block;
}
@media (min-width: 768px) {
  body.home .main-header .logo {
    opacity: 1;
    visibility: visible;
    width: 100%;
    z-index: 9;
  }
}
@media (min-width: 1100px) {
  body.home .main-header .logo {
    width: 50%;
    z-index: 12;
  }
}
body.home .main-header .logo h1 img,
body.home .main-header .logo h1 svg,
body.home .main-header .logo p img,
body.home .main-header .logo p svg {
  width: 250px;
  height: auto;
}
@media (min-width: 768px) {
  body.home .main-header .logo h1 img,
  body.home .main-header .logo h1 svg,
  body.home .main-header .logo p img,
  body.home .main-header .logo p svg {
    width: 260px;
  }
}
@media (min-width: 1024px) {
  body.home .main-header .logo h1 img,
  body.home .main-header .logo h1 svg,
  body.home .main-header .logo p img,
  body.home .main-header .logo p svg {
    width: 26.368vw;
  }
}
@media (min-width: 1440px) {
  body.home .main-header .logo h1 img,
  body.home .main-header .logo h1 svg,
  body.home .main-header .logo p img,
  body.home .main-header .logo p svg {
    width: 31.25vw;
  }
}
@media (min-width: 2560px) {
  body.home .main-header .logo h1 img,
  body.home .main-header .logo h1 svg,
  body.home .main-header .logo p img,
  body.home .main-header .logo p svg {
    width: 800px;
  }
}
body.home .main-header .logo-square {
  display: block;
}
body.home .main-header .logo-square img {
  margin: 5px 0 5px 0;
}
@media (min-width: 768px) {
  body.home .main-header .logo-square img {
    margin: 10px 0 10px 0;
  }
}
@media (min-width: 1440px) {
  body.home .main-header .logo-square img {
    margin: 12px 0 12px 0;
  }
}
@media (min-width: 2560px) {
  body.home .main-header .logo-square img {
    margin: 15px 0 15px 0;
  }
}
@media (min-width: 768px) {
  body.home .main-header .MobileMenu {
    display: none;
  }
}
body.home .main-header.sticky .logo-icon {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1100px) {
  body.home .main-header.sticky .logo {
    opacity: 0;
    visibility: hidden;
  }
}
body.home .main-wrapper {
  padding-top: 0;
}

@media (max-width: 1099px) {
  body:not(.home) .main-header .logo-icon,
  body:not(.home) .main-header .MobileMenu,
  body:not(.home) .main-header .search,
  body:not(.home) .main-header .lang,
  body:not(.home) .main-header .contrast {
    z-index: 11;
  }
  body:not(.home) .main-header .MainMenu {
    opacity: 0;
    visibility: hidden;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 10;
    background-color: #F1EEE9;
    left: 0;
    right: 0;
    top: 0;
    padding: 94px 20px 20px 20px;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  body:not(.home) .main-header .MainMenu {
    padding: 114px 46px 46px 46px;
  }
}
@media (max-width: 1099px) {
  body:not(.home) .main-header .MainMenu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    z-index: 10;
    overflow-y: auto;
    height: calc(100vh - 94px - 20px);
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  body:not(.home) .main-header .MainMenu ul {
    height: calc(100vh - 114px - 46px);
  }
}
@media (max-width: 1099px) {
  body:not(.home) .main-header .MainMenu ul li {
    height: auto;
    margin: 0;
  }
  body:not(.home) .main-header .MainMenu ul li a {
    font-size: 28px;
    line-height: 28px;
    padding: 7px 0;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  body:not(.home) .main-header .MainMenu ul li a {
    padding: 10px 0;
  }
}
@media (max-width: 1099px) {
  body:not(.home) .main-header .MainMenu ul li.media {
    margin-top: 40px;
    display: block;
  }
  body:not(.home) .main-header .MainMenu ul li.media a {
    font-size: 21px;
  }
}
@media (max-width: 1099px) {
  body:not(.home) .main-header .MainMenu ul li.social {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body:not(.home) .main-header .MainMenu ul li.social a {
    font-size: 28px;
    line-height: 1em;
    color: #000000;
    margin-right: 30px;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  body:not(.home) .main-header .MainMenu ul li.social a {
    font-size: 30px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
  }
}
@media (max-width: 1099px) and (min-width: 1440px) {
  body:not(.home) .main-header .MainMenu ul li.social a {
    font-size: 40px;
    font-size: calc(40px + 30 * (100vw - 1440px) / 1120);
  }
}
@media (max-width: 1099px) and (min-width: 2560px) {
  body:not(.home) .main-header .MainMenu ul li.social a {
    font-size: 70px;
  }
}
@media (max-width: 1099px) and (min-width: 1440px) {
  body:not(.home) .main-header .MainMenu ul li.social a {
    margin-right: 2.8vw;
  }
}
@media (max-width: 1099px) and (min-width: 1440px) {
  body:not(.home) .main-header .MainMenu ul li.social a {
    margin-right: 72px;
  }
}
@media (max-width: 1099px) {
  body:not(.home) .main-header .MainMenu ul li.social a:last-child {
    margin-right: 0;
  }
}
@media (max-width: 1099px) {
  body:not(.home) .main-header .MainMenu ul li.social a:hover {
    color: rgba(0, 0, 0, 0.8);
  }
}
@media (max-width: 1099px) {
  body:not(.home) .main-header .MainMenu:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: #F1EEE9;
  }
}
@media (max-width: 1099px) {
  body:not(.home) .main-header .MainMenu.show {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 767px) {
  body.home .main-header .logo-icon,
  body.home .main-header .MobileMenu,
  body.home .main-header .lang,
  body.home .main-header .contrast {
    z-index: 11;
  }
  body.home .main-header .MainMenu {
    opacity: 0;
    visibility: hidden;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 10;
    background-color: #F1EEE9;
    left: 0;
    right: 0;
    top: 0;
    padding: 94px 20px 20px 20px;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  body.home .main-header .MainMenu {
    padding: 114px 46px 46px 46px;
  }
}
@media (max-width: 767px) {
  body.home .main-header .MainMenu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    z-index: 10;
    overflow-y: auto;
    height: calc(100vh - 94px - 20px);
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  body.home .main-header .MainMenu ul {
    height: calc(100vh - 114px - 46px);
  }
}
@media (max-width: 767px) {
  body.home .main-header .MainMenu ul li {
    height: auto;
    margin: 0;
  }
  body.home .main-header .MainMenu ul li a {
    font-size: 28px;
    line-height: 28px;
    padding: 7px 0;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  body.home .main-header .MainMenu ul li a {
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  body.home .main-header .MainMenu ul li.media {
    margin-top: 40px;
    display: block;
  }
  body.home .main-header .MainMenu ul li.media a {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  body.home .main-header .MainMenu ul li.social {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body.home .main-header .MainMenu ul li.social a {
    font-size: 28px;
    line-height: 1em;
    color: #000000;
    margin-right: 30px;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  body.home .main-header .MainMenu ul li.social a {
    font-size: 30px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  body.home .main-header .MainMenu ul li.social a {
    font-size: 40px;
    font-size: calc(40px + 30 * (100vw - 1440px) / 1120);
  }
}
@media (max-width: 767px) and (min-width: 2560px) {
  body.home .main-header .MainMenu ul li.social a {
    font-size: 70px;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  body.home .main-header .MainMenu ul li.social a {
    margin-right: 2.8vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  body.home .main-header .MainMenu ul li.social a {
    margin-right: 72px;
  }
}
@media (max-width: 767px) {
  body.home .main-header .MainMenu ul li.social a:last-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  body.home .main-header .MainMenu ul li.social a:hover {
    color: rgba(0, 0, 0, 0.8);
  }
}
@media (max-width: 767px) {
  body.home .main-header .MainMenu:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: #F1EEE9;
  }
}
@media (max-width: 767px) {
  body.home .main-header .MainMenu.show {
    opacity: 1;
    visibility: visible;
  }
}
.main-footer {
  position: relative;
  margin-top: 3vw;
  background-color: #FFFFFF;
  border-radius: 9px;
  overflow: hidden;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 40px 0 25px 0;
}
@media (min-width: 768px) {
  .main-footer {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .main-footer {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .main-footer {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .main-footer {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .main-footer {
    padding: 5.5vw 0 3.9vw 0;
  }
}
@media (min-width: 2560px) {
  .main-footer {
    padding: 141px 0 100px 0;
  }
}
.main-footer > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main-footer .newsletter {
  margin-bottom: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .main-footer .newsletter {
    margin-bottom: 5.5vw;
    width: 66.666%;
  }
}
@media (min-width: 2560px) {
  .main-footer .newsletter {
    margin-bottom: 141px;
  }
}
.main-footer .newsletter .title {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #000000;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .main-footer .newsletter .title {
    font-size: 30px;
    line-height: 32px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
    line-height: 1.07em;
  }
}
@media (min-width: 1440px) {
  .main-footer .newsletter .title {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 0;
    font-size: calc(40px + 32 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .main-footer .newsletter .title {
    font-size: 72px;
    line-height: 80px;
  }
}
@media (min-width: 1440px) {
  .main-footer .newsletter .title {
    margin-bottom: 1vw;
  }
}
@media (min-width: 2560px) {
  .main-footer .newsletter .title {
    margin-bottom: 26px;
  }
}
.main-footer .newsletter form {
  width: 100%;
}
@media (min-width: 768px) {
  .main-footer .newsletter form {
    padding-right: 10%;
  }
}
@media (min-width: 1024px) {
  .main-footer .newsletter form {
    padding-right: 20%;
  }
}
.main-footer .newsletter form label {
  display: none;
}
.main-footer .newsletter form .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.main-footer .newsletter form .field {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  color: #000000;
  width: 100%;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #000000;
  padding: 12px 0;
  line-height: 18px;
}
@media (min-width: 768px) {
  .main-footer .newsletter form .field {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .main-footer .newsletter form .field {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .main-footer .newsletter form .field {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 768px) {
  .main-footer .newsletter form .field {
    padding: 16px 0;
  }
}
@media (min-width: 1440px) {
  .main-footer .newsletter form .field {
    padding: 1.4vw 0;
    line-height: 1.15em;
  }
}
@media (min-width: 2560px) {
  .main-footer .newsletter form .field {
    padding: 36px 0;
    line-height: 32px;
  }
}
.main-footer .newsletter form .field::-webkit-input-placeholder { /* Edge */
  color: #000000;
  opacity: 1;
}
.main-footer .newsletter form .field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
  opacity: 1;
}
.main-footer .newsletter form .field::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.main-footer .newsletter form .field::-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}
.main-footer .newsletter form .field::placeholder {
  color: #000000;
  opacity: 1;
}
.main-footer .newsletter form .submit {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  border: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #FFFFFF;
  background-color: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 30px;
  border-radius: 24px;
  line-height: 18px;
  margin-left: 20px;
}
@media (min-width: 768px) {
  .main-footer .newsletter form .submit {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .main-footer .newsletter form .submit {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .main-footer .newsletter form .submit {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 768px) {
  .main-footer .newsletter form .submit {
    padding: 16px 36px;
    border-radius: 32px;
    margin-left: 25px;
  }
}
@media (min-width: 1440px) {
  .main-footer .newsletter form .submit {
    padding: 1.4vw 2.8vw;
    border-radius: 6.33vw;
    line-height: 1.15em;
    margin-left: 1.75vw;
  }
}
@media (min-width: 2560px) {
  .main-footer .newsletter form .submit {
    padding: 36px 72px;
    border-radius: 162px;
    line-height: 32px;
    margin-left: 45px;
  }
}
.main-footer .newsletter form .submit svg {
  height: 11px;
  width: auto;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .main-footer .newsletter form .submit svg {
    height: 0.8em;
    margin-left: 10px;
  }
}
@media (min-width: 1440px) {
  .main-footer .newsletter form .submit svg {
    height: 0.8em;
    margin-left: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .main-footer .newsletter form .submit svg {
    height: 23px;
    margin-left: 18px;
  }
}
.main-footer .newsletter form .submit svg path {
  fill: #FFFFFF;
}
.main-footer .newsletter form .submit:hover {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.main-footer .menu {
  margin-bottom: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .main-footer .menu {
    margin-bottom: 5.5vw;
    width: 33.333%;
  }
}
@media (min-width: 2560px) {
  .main-footer .menu {
    margin-bottom: 141px;
  }
}
.main-footer .menu ul li a {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #000000;
}
@media (min-width: 768px) {
  .main-footer .menu ul li a {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .main-footer .menu ul li a {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .main-footer .menu ul li a {
    font-size: 32px;
    line-height: 40px;
  }
}
.main-footer .menu ul li a:hover {
  text-decoration: underline;
}
.main-footer .menu ul + ul {
  margin-top: 20px;
}
.main-footer .cell {
  margin-bottom: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .main-footer .cell {
    margin-bottom: 5.5vw;
    width: 66.666%;
  }
}
@media (min-width: 2560px) {
  .main-footer .cell {
    margin-bottom: 141px;
  }
}
.main-footer .cell .logo {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .main-footer .cell .logo {
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .main-footer .cell .logo {
    margin-bottom: 2vw;
  }
}
@media (min-width: 2560px) {
  .main-footer .cell .logo {
    margin-bottom: 51px;
  }
}
.main-footer .cell .logo a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-footer .cell .logo img {
  height: 28px;
}
@media (min-width: 768px) {
  .main-footer .cell .logo img {
    height: 3vw;
  }
}
@media (min-width: 1440px) {
  .main-footer .cell .logo img {
    height: 2.778vw;
  }
}
@media (min-width: 2560px) {
  .main-footer .cell .logo img {
    height: 72px;
  }
}
@media (min-width: 768px) {
  .main-footer .cell .text {
    padding-right: 10%;
  }
}
@media (min-width: 1024px) {
  .main-footer .cell .text {
    padding-right: 20%;
  }
}
.main-footer .cell .text p {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #000000;
}
@media (min-width: 768px) {
  .main-footer .cell .text p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .main-footer .cell .text p {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .main-footer .cell .text p {
    font-size: 24px;
    line-height: 32px;
  }
}
.main-footer .social {
  margin-bottom: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .main-footer .social {
    margin-bottom: 5.5vw;
    width: 33.333%;
    margin-top: calc(3vw + 25px);
  }
}
@media (min-width: 1440px) {
  .main-footer .social {
    margin-top: 4.778vw;
  }
}
@media (min-width: 2560px) {
  .main-footer .social {
    margin-bottom: 141px;
    margin-top: 123px;
  }
}
.main-footer .social a {
  font-size: 28px;
  line-height: 1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #000000;
  margin-right: 30px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .main-footer .social a {
    font-size: 30px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
  }
}
@media (min-width: 1440px) {
  .main-footer .social a {
    font-size: 40px;
    font-size: calc(40px + 30 * (100vw - 1440px) / 1120);
  }
}
@media (min-width: 2560px) {
  .main-footer .social a {
    font-size: 70px;
  }
}
@media (min-width: 1440px) {
  .main-footer .social a {
    margin-right: 2.8vw;
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 1440px) {
  .main-footer .social a {
    margin-right: 72px;
    margin-bottom: 36px;
  }
}
.main-footer .social a:last-child {
  margin-right: 0;
}
.main-footer .social a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.main-footer .logo-snf {
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .main-footer .logo-snf {
    margin-bottom: 0;
    width: 66.666%;
  }
}
.main-footer .logo-snf a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-footer .logo-snf img {
  height: 36px;
}
@media (min-width: 768px) {
  .main-footer .logo-snf img {
    height: 4vw;
  }
}
@media (min-width: 1440px) {
  .main-footer .logo-snf img {
    height: 3vw;
  }
}
@media (min-width: 2560px) {
  .main-footer .logo-snf img {
    height: 77px;
  }
}
.main-footer .info {
  width: 100%;
}
@media (min-width: 768px) {
  .main-footer .info {
    width: 33.333%;
  }
}
.main-footer .info .links a {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
  white-space: nowrap;
  color: #000000;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .main-footer .info .links a {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .main-footer .info .links a {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .main-footer .info .links a {
    font-size: 24px;
    line-height: 32px;
  }
}
.main-footer .info .links a:last-child {
  margin-right: 0;
}
.main-footer .info .links a:hover {
  text-decoration: underline;
}
.main-footer .info .text {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #000000;
}
@media (min-width: 768px) {
  .main-footer .info .text {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .main-footer .info .text {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .main-footer .info .text {
    font-size: 24px;
    line-height: 32px;
  }
}
.main-footer .info .text p {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #000000;
}
@media (min-width: 768px) {
  .main-footer .info .text p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .main-footer .info .text p {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .main-footer .info .text p {
    font-size: 24px;
    line-height: 32px;
  }
}

.QuoteMotto {
  font-size: 21px;
  line-height: 24px;
  letter-spacing: 0.05em;
  font-weight: 300;
  border-top: 1px solid #000000;
  margin-top: -1px;
  border-bottom: 1px solid #000000;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .QuoteMotto {
    font-size: 24px;
    line-height: 28px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.17em;
  }
}
@media (min-width: 1440px) {
  .QuoteMotto {
    font-size: 36px;
    line-height: 44px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .QuoteMotto {
    font-size: 64px;
    line-height: 78px;
  }
}
@media (min-width: 1440px) {
  .QuoteMotto {
    padding: 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .QuoteMotto {
    padding: 36px 0;
  }
}
.QuoteMotto .name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .QuoteMotto .name {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .QuoteMotto .name {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .QuoteMotto .name {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1440px) {
  .QuoteMotto .name {
    margin-top: 2.8vw;
  }
}
@media (min-width: 2560px) {
  .QuoteMotto .name {
    margin-top: 72px;
  }
}

.Sound {
  position: relative;
  border-bottom: 1px solid #000000;
  padding: 20px 0 20px 0;
}
@media (min-width: 1024px) {
  .Sound {
    padding: 0 0 20px 0;
  }
}
@media (min-width: 1440px) {
  .Sound {
    padding: 0 0 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .Sound {
    padding: 0 0 36px 0;
  }
}

.MainText {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  font-weight: 300;
  padding: 25px 0;
}
@media (min-width: 768px) {
  .MainText {
    font-size: 16px;
    line-height: 22px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.38em;
  }
}
@media (min-width: 1440px) {
  .MainText {
    font-size: 18px;
    line-height: 24px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.34em;
  }
}
@media (min-width: 2560px) {
  .MainText {
    font-size: 32px;
    line-height: 43px;
  }
}
@media (min-width: 1440px) {
  .MainText {
    padding: 1.75vw 0;
  }
}
@media (min-width: 2560px) {
  .MainText {
    padding: 45px 0;
  }
}
.MainText strong {
  font-weight: 500;
}
.MainText p {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  font-weight: 300;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .MainText p {
    font-size: 16px;
    line-height: 22px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.38em;
  }
}
@media (min-width: 1440px) {
  .MainText p {
    font-size: 18px;
    line-height: 24px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.34em;
  }
}
@media (min-width: 2560px) {
  .MainText p {
    font-size: 32px;
    line-height: 43px;
  }
}
@media (min-width: 768px) {
  .MainText p {
    margin-bottom: 1.38em;
  }
}
@media (min-width: 1440px) {
  .MainText p {
    margin-bottom: 1.34em;
  }
}
@media (min-width: 2560px) {
  .MainText p {
    margin-bottom: 39px;
  }
}
.MainText p:last-child {
  margin-bottom: 0;
}
.MainText a {
  color: #000000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  text-decoration: underline;
}
.MainText a:hover {
  text-decoration: none;
}
.MainText em {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .MainText em {
    font-size: 16px;
    line-height: 22px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.38em;
  }
}
@media (min-width: 1440px) {
  .MainText em {
    font-size: 18px;
    line-height: 24px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.34em;
  }
}
@media (min-width: 2560px) {
  .MainText em {
    font-size: 32px;
    line-height: 43px;
  }
}
.MainText .fluid-width-video-wrapper {
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .MainText .fluid-width-video-wrapper {
    margin-bottom: 1.38em;
  }
}
@media (min-width: 1440px) {
  .MainText .fluid-width-video-wrapper {
    margin-bottom: 1.34em;
  }
}
@media (min-width: 2560px) {
  .MainText .fluid-width-video-wrapper {
    margin-bottom: 39px;
  }
}
.MainText h4 + .fluid-width-video-wrapper {
  margin-top: 10px;
}
.MainText figure figcaption {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .MainText figure figcaption {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .MainText figure figcaption {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .MainText figure figcaption {
    font-size: 24px;
    line-height: 32px;
  }
}

.FullWidthPhoto {
  position: relative;
  border-top: 1px solid #000000;
  margin-top: -1px;
  border-bottom: 1px solid #000000;
  padding: 20px 0;
}
@media (min-width: 1440px) {
  .FullWidthPhoto {
    padding: 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .FullWidthPhoto {
    padding: 36px 0;
  }
}
.FullWidthPhoto .image {
  position: relative;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .FullWidthPhoto .image {
    border-radius: 9px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .FullWidthPhoto .image {
    border-radius: 18px;
  }
}
@media (max-width: 1023px) and (min-width: 1440px) {
  .FullWidthPhoto .image {
    border-radius: 1.46vw;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .FullWidthPhoto .image {
    border-radius: 1.17vw;
  }
}
@media (max-width: 1023px) and (min-width: 2560px) {
  .FullWidthPhoto .image {
    border-radius: 30px;
  }
}
@media (max-width: 575px) {
  .FullWidthPhoto .image {
    margin-bottom: 0;
  }
}
.FullWidthPhoto .image:before {
  content: "";
  padding-top: 63%;
  display: block;
}
.FullWidthPhoto .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.FullWidthPhoto .image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.FullWidthPhoto .info {
  color: #FFFFFF;
  position: relative;
}
@media (min-width: 576px) {
  .FullWidthPhoto .info {
    position: absolute;
    left: 0;
    bottom: 20px;
    right: 0;
  }
}
@media (max-width: 1023px) {
  .FullWidthPhoto .info {
    border-radius: 9px;
    padding: 25px 40px;
    background: -o-linear-gradient(182.87deg, #222222 0%, #454545 95.98%);
    background: linear-gradient(267.13deg, #222222 0%, #454545 95.98%);
    -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .FullWidthPhoto .info {
    border-radius: 18px;
  }
}
@media (max-width: 1023px) and (min-width: 1440px) {
  .FullWidthPhoto .info {
    border-radius: 1.46vw;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .FullWidthPhoto .info {
    border-radius: 1.17vw;
  }
}
@media (max-width: 1023px) and (min-width: 2560px) {
  .FullWidthPhoto .info {
    border-radius: 30px;
  }
}
@media (max-width: 575px) {
  .FullWidthPhoto .info {
    padding: 20px 20px 30px 20px;
    background: -o-linear-gradient(182.87deg, #222222 0%, #454545 95.98%);
    background: linear-gradient(267.13deg, #222222 0%, #454545 95.98%);
    -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
    margin-top: -20px;
  }
}
@media (min-width: 1024px) {
  .FullWidthPhoto .info {
    padding: 20px;
    top: 20px;
    bottom: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1440px) {
  .FullWidthPhoto .info {
    padding: 1.4vw;
    top: 1.4vw;
    bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .FullWidthPhoto .info {
    padding: 36px;
    top: 36px;
    bottom: 36px;
  }
}
.FullWidthPhoto .info .desc {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .FullWidthPhoto .info .desc {
    font-size: 16px;
    line-height: 22px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.38em;
  }
}
@media (min-width: 1440px) {
  .FullWidthPhoto .info .desc {
    font-size: 18px;
    line-height: 24px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.34em;
  }
}
@media (min-width: 2560px) {
  .FullWidthPhoto .info .desc {
    font-size: 32px;
    line-height: 43px;
  }
}
.FullWidthPhoto .info .desc p {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .FullWidthPhoto .info .desc p {
    font-size: 16px;
    line-height: 22px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.38em;
  }
}
@media (min-width: 1440px) {
  .FullWidthPhoto .info .desc p {
    font-size: 18px;
    line-height: 24px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.34em;
  }
}
@media (min-width: 2560px) {
  .FullWidthPhoto .info .desc p {
    font-size: 32px;
    line-height: 43px;
  }
}
.FullWidthPhoto .info .caption {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-top: 22px;
}
@media (min-width: 768px) {
  .FullWidthPhoto .info .caption {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .FullWidthPhoto .info .caption {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .FullWidthPhoto .info .caption {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 768px) {
  .FullWidthPhoto .info .caption {
    margin-top: 1.38em;
  }
}
@media (min-width: 1440px) {
  .FullWidthPhoto .info .caption {
    margin-top: 1.34em;
  }
}
@media (min-width: 2560px) {
  .FullWidthPhoto .info .caption {
    margin-top: 39px;
  }
}

.TextWithPhoto {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #000000;
  margin-top: -1px;
  border-bottom: 1px solid #000000;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .TextWithPhoto {
    padding: 30px 0;
  }
}
@media (min-width: 1024px) {
  .TextWithPhoto {
    padding: 2.2vw 0;
  }
}
@media (min-width: 2560px) {
  .TextWithPhoto {
    padding: 57px 0;
  }
}
.TextWithPhoto .desc {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  width: 100%;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .TextWithPhoto .desc {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .TextWithPhoto .desc {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .TextWithPhoto .desc {
    font-size: 64px;
    line-height: 71px;
  }
}
@media (min-width: 576px) {
  .TextWithPhoto .desc {
    width: 50%;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .TextWithPhoto .desc {
    width: 63%;
    padding-right: 3vw;
  }
}
.TextWithPhoto .desc p {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .TextWithPhoto .desc p {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .TextWithPhoto .desc p {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .TextWithPhoto .desc p {
    font-size: 64px;
    line-height: 71px;
  }
}
.TextWithPhoto .info {
  width: 100%;
}
@media (min-width: 576px) {
  .TextWithPhoto .info {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .TextWithPhoto .info {
    width: 37%;
  }
}
.TextWithPhoto .image {
  position: relative;
  overflow: hidden;
  border-radius: 9px;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
@media (min-width: 768px) {
  .TextWithPhoto .image {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .TextWithPhoto .image {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .TextWithPhoto .image {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .TextWithPhoto .image {
    border-radius: 50px;
  }
}
.TextWithPhoto .image:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.TextWithPhoto .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.TextWithPhoto .caption {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .TextWithPhoto .caption {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .TextWithPhoto .caption {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .TextWithPhoto .caption {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .TextWithPhoto .caption {
    margin-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TextWithPhoto .caption {
    margin-top: 36px;
  }
}
.TextWithPhoto .caption strong {
  font-weight: 500;
}
.TextWithPhoto .caption p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .TextWithPhoto .caption p {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .TextWithPhoto .caption p {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .TextWithPhoto .caption p {
    font-size: 28px;
    line-height: 36px;
  }
}
.TextWithPhoto .caption p strong {
  font-weight: 500;
}

.HtmlSection {
  position: relative;
  border-top: 1px solid #000000;
  margin-top: -1px;
  border-bottom: 1px solid #000000;
  padding: 20px 0;
}
@media (min-width: 1440px) {
  .HtmlSection {
    padding: 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .HtmlSection {
    padding: 36px 0;
  }
}

.SimpleDetail .main {
  position: relative;
}
.SimpleDetail .main:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000000;
  top: -1px;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .SimpleDetail .main:before {
    left: 46px;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail .main:before {
    left: 80px;
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .SimpleDetail .main:before {
    left: 140px;
    right: 140px;
  }
}
.SimpleDetail .main .left {
  width: 100%;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .SimpleDetail .main .left {
    padding-right: 6vw;
    width: 66.666%;
    padding-left: 0;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail .main .left {
    padding-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail .main .left {
    padding-right: 154px;
    padding-bottom: 36px;
  }
}
@media (max-width: 575px) {
  .SimpleDetail .main .left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.SimpleDetail .AboutSection + .main:before {
  content: none;
}
.SimpleDetail.SearchResults {
  position: relative;
  overflow: hidden;
  background-color: #F1EEE9;
}
.SimpleDetail.SearchResults > .container {
  position: relative;
}
.SimpleDetail.SearchResults .SearchSection .row > .col {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), color-stop(92.19%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 92.19%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 92.19%);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media (min-width: 1100px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li {
  font-weight: 300;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-left: 16px;
  margin-right: 16px;
  /*@include media-breakpoint-up(large) {
      margin-left:auto;margin-right:auto;max-width:864px;
  }
  @include media-breakpoint-up(xl) {
      max-width:1200px;
  }*/
  /* clears the 'X' from Internet Explorer */
  /* clears the 'X' from Chrome */
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form {
    margin-left: 50px;
    margin-right: 50px;
  }
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form label {
  display: none;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .icon {
  width: 32px;
  height: 32px;
  margin-right: 30px;
  pointer-events: none;
  /*@include media-breakpoint-up(xl) {
      margin-right:24px;
  }*/
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .icon svg {
  width: 32px;
  height: 32px;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .icon svg path {
  fill: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .icon {
    width: 48px;
    height: 48px;
  }
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .icon svg {
    width: 48px;
    height: 48px;
  }
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field {
  font-size: 21px;
  line-height: 24px;
  letter-spacing: 0.05em;
  font-weight: 300;
  text-align: left;
  color: #000000;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: transparent;
  border: 0;
  width: 100%;
  padding: 4px;
  outline: none;
  /*@include media-breakpoint-up(xl) {
      padding:8px;
  }*/
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field {
    font-size: 24px;
    line-height: 28px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.17em;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field {
    font-size: 36px;
    line-height: 44px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field {
    font-size: 64px;
    line-height: 78px;
  }
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field::placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form input.field::-ms-clear,
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form input.field::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form input.field::-webkit-search-decoration,
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form input.field::-webkit-search-cancel-button,
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form input.field::-webkit-search-results-button,
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form input.field::-webkit-search-results-decoration {
  display: none;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #000000;
  background-color: transparent;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button {
    padding: 9px 18px;
    border-radius: 30px;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button {
    padding: 0.82vw 1.5vw;
    border-radius: 6.33vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button {
    padding: 21px 39px;
    border-radius: 165px;
  }
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button svg {
  margin-left: 8px;
  width: 24px;
  height: 24px;
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button svg {
    margin-left: 12px;
    width: 28px;
    height: 28px;
  }
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button svg path {
  fill: #000000;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button:hover {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button:hover svg path {
  fill: #FFFFFF;
}
@media (max-width: 767px) {
  .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button {
    display: none;
  }
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form button.button {
  opacity: 0;
}
.SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form input.field:focus + button.button {
  opacity: 1;
}
.SimpleDetail.SearchResults .SearchFiltersCarousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; /*overflow:hidden;*/
}
.SimpleDetail.SearchResults .SearchFiltersCarousel .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; /*overflow:hidden;*/
  padding: 0;
  width: calc(100% + 20px + 20px);
  /*&:before {
      content:"";position:absolute;top:0;height:1px;background-color:$Black;
      left:20px;right:20px;
      @media (min-width: $break-md) {
          left:46px;right:46px;
      }
      @media (min-width: $break-xxlg) {
          left:80px;right:80px;
      }
      @media (min-width: $break-xxxlg) {
          left:140px;right:140px;
      }
  }*/
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchFiltersCarousel .container {
    width: calc(100% + 46px);
  }
}
@media (min-width: 1024px) {
  .SimpleDetail.SearchResults .SearchFiltersCarousel .container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchFiltersCarousel .container {
    width: calc(100% + 80px);
  }
}
@media (min-width: 1920px) {
  .SimpleDetail.SearchResults .SearchFiltersCarousel .container {
    width: calc(100% + 140px);
  }
}
.SimpleDetail.SearchResults .SearchFiltersCarousel .container .Filters {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 1px solid #000000;
  padding-top: 15px;
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchFiltersCarousel .container .Filters {
    padding-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchFiltersCarousel .container .Filters {
    padding-top: 36px;
  }
}
.SimpleDetail.SearchResults .SearchFiltersCarousel .container .swiper .swiper-wrapper {
  height: auto;
}
@media (min-width: 1024px) {
  .SimpleDetail.SearchResults .SearchFiltersCarousel .container .swiper .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.SimpleDetail.SearchResults .SearchFiltersCarousel .container .swiper .swiper-slide {
  width: auto !important;
}
.SimpleDetail.SearchResults .SearchList {
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchList {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList {
    margin-bottom: 36px;
  }
}
.SimpleDetail.SearchResults .SearchList .SearchCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #000000;
  padding: 40px 0 40px 0;
}
@media (min-width: 1024px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard {
    padding: 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard {
    padding: 72px 0;
  }
}
.SimpleDetail.SearchResults .SearchList .SearchCard .thumb {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .thumb {
    width: 400px;
  }
}
@media (max-width: 1023px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .thumb {
    display: none;
  }
}
.SimpleDetail.SearchResults .SearchList .SearchCard .thumb:before {
  content: "";
  padding-top: 56%;
  display: block;
}
.SimpleDetail.SearchResults .SearchList .SearchCard .thumb > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .thumb > a {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .thumb > a {
    border-radius: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .thumb > a {
    border-radius: 1.17vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .thumb > a {
    border-radius: 30px;
  }
}
.SimpleDetail.SearchResults .SearchList .SearchCard .thumb .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: 1;
}
.SimpleDetail.SearchResults .SearchList .SearchCard .thumb .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info {
  width: 100%;
}
@media (min-width: 1024px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info {
    width: calc(100% - 400px);
    padding-right: 20px;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info {
    padding-right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info {
    padding-right: 36px;
  }
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info .text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .text {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .text {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .text {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .text {
    margin-top: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .text {
    margin-top: 18px;
  }
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info .text a {
  color: #000000;
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info .text a:hover {
  text-decoration: underline;
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info .text .date {
  margin-left: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info .text .date:before {
  content: " •";
  margin-right: 10px;
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info .title {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .title {
    font-size: 64px;
    line-height: 71px;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .title {
    margin-top: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .title {
    margin-top: 18px;
  }
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info .title a {
  color: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info .title a:hover {
  text-decoration: underline;
}
.SimpleDetail.SearchResults .SearchList .SearchCard .info .desc {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .desc {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .desc {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .desc {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .desc {
    margin-top: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .SimpleDetail.SearchResults .SearchList .SearchCard .info .desc {
    margin-top: 18px;
  }
}
.SimpleDetail.SearchResults .SearchList .SearchCard.noresults {
  border-bottom: 0;
}
.SimpleDetail.SearchResults .SearchList .SearchCard.noresults .info {
  width: 100%;
}
@media (min-width: 1024px) {
  .SimpleDetail.SearchResults .SearchList .paging .btn {
    width: 66.666%;
  }
}

.ImageRounded {
  width: 100%;
  border-radius: 9px;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (min-width: 768px) {
  .ImageRounded {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .ImageRounded {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .ImageRounded {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .ImageRounded {
    border-radius: 50px;
  }
}

.SpeakerDetail .MainText {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  padding: 25px 0;
}
@media (min-width: 768px) {
  .SpeakerDetail .MainText {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .MainText {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .MainText {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .MainText {
    padding: 1.75vw 0;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .MainText {
    padding: 45px 0;
  }
}
.SpeakerDetail .MainText p {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .SpeakerDetail .MainText p {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .MainText p {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .MainText p {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .SpeakerDetail .MainText p {
    margin-bottom: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .MainText p {
    margin-bottom: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .MainText p {
    margin-bottom: 40px;
  }
}
.SpeakerDetail .MainText p:last-child {
  margin-bottom: 0;
}
.SpeakerDetail .MainText a {
  color: #000000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  text-decoration: underline;
}
.SpeakerDetail .MainText a:hover {
  text-decoration: none;
}
.SpeakerDetail .QuoteMotto {
  position: relative;
  border: 0;
}
.SpeakerDetail .QuoteMotto:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  height: 1px;
  background-color: #000000;
  width: 100%;
}
@media (min-width: 480px) {
  .SpeakerDetail .QuoteMotto:before {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1024px) {
  .SpeakerDetail .QuoteMotto:before {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .QuoteMotto:before {
    width: calc(33.333% - 1.4vw);
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .QuoteMotto:before {
    width: calc(33.333% - 36px);
  }
}

.EventsFiltersCarousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
}
.EventsFiltersCarousel .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  width: calc(100% + 20px + 20px);
}
@media (min-width: 768px) {
  .EventsFiltersCarousel .container {
    width: calc(100% + 46px);
  }
}
@media (min-width: 1024px) {
  .EventsFiltersCarousel .container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container {
    width: calc(100% + 80px);
  }
}
@media (min-width: 1920px) {
  .EventsFiltersCarousel .container {
    width: calc(100% + 140px);
  }
}
.EventsFiltersCarousel .container:before {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  background-color: #000000;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .EventsFiltersCarousel .container:before {
    left: 46px;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container:before {
    left: 80px;
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .EventsFiltersCarousel .container:before {
    left: 140px;
    right: 140px;
  }
}
.EventsFiltersCarousel .container .Filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 15px;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .Filters {
    margin-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .Filters {
    margin-top: 36px;
  }
}
@media (max-width: 767px) {
  .EventsFiltersCarousel .container .Filters {
    margin-left: -5px;
  }
}
.EventsFiltersCarousel .container .Filters > .title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: 2;
  background-color: #F1EEE9;
}
@media (min-width: 768px) {
  .EventsFiltersCarousel .container .Filters > .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .Filters > .title {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .Filters > .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.EventsFiltersCarousel .container .Filters > .title:after {
  content: "";
  position: absolute;
  left: 100%;
  top: -10px;
  bottom: -10px;
  background: #F1EEE9;
  background: -webkit-gradient(linear, left top, right top, from(rgb(241, 238, 233)), color-stop(30%, rgb(241, 238, 233)), to(rgba(241, 238, 233, 0)));
  background: -o-linear-gradient(left, rgb(241, 238, 233) 0%, rgb(241, 238, 233) 30%, rgba(241, 238, 233, 0) 100%);
  background: linear-gradient(90deg, rgb(241, 238, 233) 0%, rgb(241, 238, 233) 30%, rgba(241, 238, 233, 0) 100%);
}
.EventsFiltersCarousel .container .Filters > .title:before {
  content: "";
  position: absolute;
  right: 100%;
  top: -10px;
  bottom: -10px;
  background-color: #F1EEE9;
}
@media (min-width: 768px) {
  .EventsFiltersCarousel .container .Filters > .title:before {
    left: -46px;
  }
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .Filters > .title:before {
    left: -80px;
  }
}
@media (min-width: 1920px) {
  .EventsFiltersCarousel .container .Filters > .title:before {
    left: -140px;
  }
}
@media (min-width: 768px) {
  .EventsFiltersCarousel .container .Filters > .title {
    margin-right: 15px;
  }
  .EventsFiltersCarousel .container .Filters > .title:after {
    width: 20px;
  }
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .Filters > .title {
    margin-right: 0.7vw;
  }
  .EventsFiltersCarousel .container .Filters > .title:after {
    width: 0.7vw;
  }
}
@media (max-width: 767px) {
  .EventsFiltersCarousel .container .Filters > .title {
    display: none;
  }
}
.EventsFiltersCarousel .container .Filters > .title span {
  padding-top: 10px;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .Filters > .title span {
    padding-top: 0.82vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .Filters > .title span {
    padding-top: 21px;
  }
}
.EventsFiltersCarousel .container .ChangeView {
  display: none;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  .EventsFiltersCarousel .container .ChangeView {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1024px) {
  .EventsFiltersCarousel .container .ChangeView {
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView {
    margin-bottom: 2vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView {
    margin-bottom: 57px;
  }
}
.EventsFiltersCarousel .container .ChangeView .title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
@media (min-width: 768px) {
  .EventsFiltersCarousel .container .ChangeView .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView .title {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.EventsFiltersCarousel .container .ChangeView .GridView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 22px;
  margin-left: 27px;
  margin-right: 20px;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView .GridView {
    width: 1.55vw;
    height: 1.55vw;
    margin-left: 1.9vw;
    margin-right: 1.48vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView .GridView {
    width: 40px;
    height: 40px;
    margin-left: 49px;
    margin-right: 38px;
  }
}
.EventsFiltersCarousel .container .ChangeView .GridView a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.EventsFiltersCarousel .container .ChangeView .GridView a * {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.EventsFiltersCarousel .container .ChangeView .GridView a span {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  border: 2px solid #000000;
  background-color: #000000;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView .GridView a span {
    width: 0.7vw;
    height: 0.7vw;
    border-radius: 0.21vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView .GridView a span {
    width: 18px;
    height: 18px;
  }
}
.EventsFiltersCarousel .container .ChangeView .GridView a span:nth-child(1) {
  margin-bottom: 2px;
  margin-right: 2px;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView .GridView a span:nth-child(1) {
    margin-right: 0.15vw;
    margin-bottom: 0.15vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView .GridView a span:nth-child(1) {
    margin-right: 4px;
    margin-bottom: 4px;
  }
}
.EventsFiltersCarousel .container .ChangeView .GridView a span:nth-child(2) {
  margin-bottom: 2px;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView .GridView a span:nth-child(2) {
    margin-bottom: 0.15vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView .GridView a span:nth-child(2) {
    margin-bottom: 4px;
  }
}
.EventsFiltersCarousel .container .ChangeView .GridView a span:nth-child(3) {
  margin-right: 2px;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView .GridView a span:nth-child(3) {
    margin-right: 0.15vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView .GridView a span:nth-child(3) {
    margin-right: 4px;
  }
}
.EventsFiltersCarousel .container .ChangeView .GridView a.selected {
  cursor: auto;
}
.EventsFiltersCarousel .container .ChangeView .ListView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 30px;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView .ListView {
    width: 2.1vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView .ListView {
    width: 54px;
    height: 40px;
  }
}
.EventsFiltersCarousel .container .ChangeView .ListView a * {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.EventsFiltersCarousel .container .ChangeView .ListView a span {
  width: 30px;
  height: 10px;
  border-radius: 3px;
  border: 2px solid #000000;
  display: block;
  background-color: #000000;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView .ListView a span {
    width: 2.1vw;
    height: 0.7vw;
    border-radius: 0.21vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView .ListView a span {
    width: 52px;
    height: 18px;
    border-radius: 5px;
  }
}
.EventsFiltersCarousel .container .ChangeView .ListView a span:nth-child(1) {
  margin-bottom: 2px;
}
@media (min-width: 1440px) {
  .EventsFiltersCarousel .container .ChangeView .ListView a span:nth-child(1) {
    margin-bottom: 0.15vw;
  }
}
@media (min-width: 2560px) {
  .EventsFiltersCarousel .container .ChangeView .ListView a span:nth-child(1) {
    margin-bottom: 4px;
  }
}
.EventsFiltersCarousel .container .ChangeView .ListView a.selected {
  cursor: auto;
}
.EventsFiltersCarousel .container .swiper .swiper-wrapper {
  height: auto;
}
@media (min-width: 1024px) {
  .EventsFiltersCarousel .container .swiper .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.EventsFiltersCarousel .container .swiper .swiper-slide {
  width: auto !important;
  /*.button {
      @include TinyTextLt;
      color:$Black;background-color:$White;border:1px solid transparent;
      display:inline-flex;//border:0;
      transition: all 0.3s ease-in-out;
      padding:10px 20px;border-radius:22px;         //height:40px;
      margin:0 5px 15px 5px;
      @media (min-width: $break-md) {
          //padding:1.34vw;border-radius:6.33vw;
          //padding:10px 20px;border-radius:22px;          //height:44px;
      } 
      @media (min-width: $break-xxlg) {          //height:58px;
          //padding:1.34vw;
          padding:0.82vw 1.5vw;border-radius:6.33vw;
          margin:0 0.7vw 1.4vw 0.7vw;
      }  
      @media (min-width: $break-xlarge) {          //height:100px;
          padding:21px 39px;border-radius:165px;
          margin:0 18px 36px 18px; 
      }
      &:hover {
          background-color:$WhiteHover;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
      }
      &.selected {
          color:$White;background-color:$Black;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
      }
  }*/
}

.EventsList {
  overflow-x: hidden;
}
.EventsList > .container .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 20px + 20px);
  margin-left: -20px;
  margin-top: -20px;
}
@media (min-width: 1440px) {
  .EventsList > .container .list {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
    margin-top: -1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsList > .container .list {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
    margin-top: -36px;
  }
}
.EventsList .EventCard {
  width: 100%;
  margin: 20px;
}
@media (min-width: 576px) {
  .EventsList .EventCard {
    width: calc(50% - 20px - 20px);
  }
}
@media (min-width: 1024px) {
  .EventsList .EventCard {
    width: calc(33.333% - 20px - 20px);
  }
}
@media (min-width: 1440px) {
  .EventsList .EventCard {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsList .EventCard {
    width: calc(33.333% - 36px - 36px);
    margin: 36px;
  }
}
.EventsList .EventCard .title {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.EventsList .EventCard .thumb {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.EventsList .EventCard .info {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.EventsList .EventCard .rest-info {
  width: 100%;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.EventsList .EventCard .desc {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.EventsList .EventCard .speakers { /*width:100%;*/
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.EventsList .EventCard .btn {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.EventsList .paging .btn {
  width: 100%;
}
@media (min-width: 1024px) {
  .EventsList .paging .btn {
    width: 66.666%;
  }
}

.EventCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  border-top: 1px solid #000000;
}
.EventCard .title {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .EventCard .title {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .EventCard .title {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .EventCard .title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1440px) {
  .EventCard .title {
    padding: 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .EventCard .title {
    padding: 36px 0;
  }
}
.EventCard .title svg {
  width: 12.5%;
  min-width: 40px;
  height: auto;
}
.EventCard .title h2 {
  width: 87.5%;
  padding-left: 12px;
}
@media (min-width: 1440px) {
  .EventCard .title h2 {
    padding-left: 1vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .title h2 {
    padding-left: 26px;
  }
}
.EventCard .title h2 a {
  color: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.EventCard .title h2 a:hover {
  text-decoration: underline;
}
.EventCard .thumb {
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .EventCard .thumb {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .thumb {
    margin-bottom: 36px;
  }
}
.EventCard .thumb:before {
  content: "";
  padding-top: 56%;
  display: block;
}
.EventCard .thumb a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}
@media (min-width: 768px) {
  .EventCard .thumb a {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .EventCard .thumb a {
    border-radius: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .EventCard .thumb a {
    border-radius: 1.17vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .thumb a {
    border-radius: 30px;
  }
}
.EventCard .thumb a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -o-linear-gradient(327.47deg, rgba(0, 0, 0, 0.4) 25.14%, rgba(0, 0, 0, 0) 48.56%);
  background: linear-gradient(122.53deg, rgba(0, 0, 0, 0.4) 25.14%, rgba(0, 0, 0, 0) 48.56%);
  z-index: 2;
}
.EventCard .thumb.PlayVideo * {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.EventCard .thumb.PlayVideo .VideoThumb {
  opacity: 1;
  z-index: 1;
}
.EventCard .thumb.PlayVideo .image {
  opacity: 1;
  z-index: 1;
}
.EventCard .thumb.PlayVideo .VideoThumb + .image {
  opacity: 0;
  z-index: 0;
  pointer-events: none;
}
.EventCard .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: 1;
}
.EventCard .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.EventCard .VideoThumb {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*opacity:0;*/
  z-index: 0;
}
.EventCard .VideoThumb video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.EventCard .VideoThumb iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.EventCard .info {
  border-bottom: 1px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .EventCard .info {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .EventCard .info {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .EventCard .info {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1440px) {
  .EventCard .info {
    padding-bottom: 1.2vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .info {
    padding-bottom: 31px;
  }
}
.EventCard .info * {
  font-weight: 300;
}
.EventCard .info .duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 20px;
}
@media (min-width: 1440px) {
  .EventCard .info .duration {
    margin-right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .info .duration {
    margin-right: 36px;
  }
}
.EventCard .info .duration span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 12px;
  margin-right: 10px;
}
@media (min-width: 1440px) {
  .EventCard .info .duration span {
    width: 0.85vw;
    margin-right: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .info .duration span {
    margin-right: 18px;
  }
}
.EventCard .info .duration svg {
  width: 100%;
  height: auto;
}
.EventCard .info .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.EventCard .info .location span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 5px;
  margin-right: 10px;
}
@media (min-width: 1440px) {
  .EventCard .info .location span {
    width: 0.35vw;
    margin-right: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .info .location span {
    margin-right: 18px;
  }
}
.EventCard .info .location svg {
  width: 100%;
  height: auto;
}
.EventCard .desc {
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0.02em;
  font-weight: 300;
  border-bottom: 1px solid #000000;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .EventCard .desc {
    font-size: calc(22px + 2 * (100vw - 768px) / 671);
    line-height: 1.2em;
  }
}
@media (min-width: 1440px) {
  .EventCard .desc {
    letter-spacing: 0.05em;
    font-size: calc(24px + 18 * (100vw - 1440px) / 1120);
    line-height: 1.3em;
  }
}
@media (min-width: 2560px) {
  .EventCard .desc {
    font-size: 42px;
    line-height: 54px;
  }
}
@media (min-width: 1440px) {
  .EventCard .desc {
    padding: 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .EventCard .desc {
    padding: 36px 0;
  }
}
.EventCard .speakers {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 5px + 5px);
  margin-left: -5px;
  padding: 15px 0;
}
@media (min-width: 1440px) {
  .EventCard .speakers {
    width: calc(100% + 0.5vw + 0.5vw);
    margin-left: -0.5vw;
    padding: 0.9vw 0;
  }
}
@media (min-width: 2560px) {
  .EventCard .speakers {
    width: calc(100% + 13px + 13px);
    margin-left: -13px;
    padding: 23px 0;
  }
}
.EventCard .speakers:after {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  height: 1px;
  background-color: #000000;
}
@media (min-width: 1440px) {
  .EventCard .speakers:after {
    left: 0.5vw;
    right: 0.5vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .speakers:after {
    left: 13px;
    right: 13px;
  }
}
.EventCard .speakers a {
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  width: calc(16.6666666667% - 10px);
  border-radius: 9px;
  margin: 5px 5px;
}
@media (min-width: 1440px) {
  .EventCard .speakers a {
    border-radius: 0.65vw;
  }
}
@media (min-width: 1920px) {
  .EventCard .speakers a {
    border-radius: 0.58vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .speakers a {
    border-radius: 15px;
  }
}
@media (min-width: 576px) {
  .EventCard .speakers a {
    width: calc(20% - 10px);
  }
}
@media (min-width: 768px) {
  .EventCard .speakers a {
    width: calc(16.6666666667% - 10px);
  }
}
@media (min-width: 1440px) {
  .EventCard .speakers a {
    width: calc(14.2857142857% - 1vw);
    margin: 0.5vw 0.5vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .speakers a {
    width: calc(14.2857142857% - 26px);
    margin: 13px 13px;
  }
}
.EventCard .speakers a:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.EventCard .speakers a img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.EventCard .btn {
  margin-top: 20px;
}
@media (min-width: 1440px) {
  .EventCard .btn {
    margin-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventCard .btn {
    margin-top: 36px;
  }
}
.EventCard.Related {
  position: relative;
  border-top: 0;
}
.EventCard.Related .title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
  overflow: hidden;
  padding: 20px;
  bottom: 20px;
}
@media (min-width: 768px) {
  .EventCard.Related .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventCard.Related .title {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventCard.Related .title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .EventCard.Related .title {
    padding: 15px;
    bottom: 15px;
  }
}
@media (min-width: 1024px) {
  .EventCard.Related .title {
    padding: 20px;
    bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .EventCard.Related .title {
    padding: 1.4vw;
    bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventCard.Related .title {
    padding: 36px;
    bottom: 36px;
  }
}
.EventCard.Related .title h2,
.EventCard.Related .title h3 {
  padding: 0;
}
.EventCard.Related .title h2 a,
.EventCard.Related .title h3 a {
  color: #FFFFFF;
}
.EventCard.Related .thumb {
  width: 100%;
  margin: 0;
}

.EventsList .list.GridView .EventCard {
  /*.title {width:100%;order:1;}
  .thumb {width:100%;order:2;}
  .info{width:100%;order:3;}
  .rest-info {width:100%;order:4;}
  .desc {width:100%;order:1;}
  .speakers {width:100%;order:2;}
  .btn {width:100%;order:3;}*/
}
@media (min-width: 768px) {
  .EventsList .list.ListView .EventCard {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .EventsList .list.ListView .EventCard .title { /*width:100%;*/
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .EventsList .list.ListView .EventCard .thumb { /*width:100%;*/
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .EventsList .list.ListView .EventCard .info { /*width:100%;*/
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .EventsList .list.ListView .EventCard .rest-info { /*width:100%;*/
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media (min-width: 1024px) {
  .EventsList .list.ListView .EventCard {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 768px) {
  .EventsList .list.ListView .EventCard .title {
    width: calc(50% - 20px);
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .EventsList .list.ListView .EventCard .title {
    width: calc(33.333% - 20px);
  }
}
@media (min-width: 1440px) {
  .EventsList .list.ListView .EventCard .title {
    width: calc(33.333% - 1.4vw);
    margin-right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsList .list.ListView .EventCard .title {
    width: calc(33.333% - 36px);
    margin-right: 36px;
  }
}
@media (min-width: 768px) {
  .EventsList .list.ListView .EventCard .thumb {
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-bottom: 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
@media (min-width: 1024px) {
  .EventsList .list.ListView .EventCard .thumb {
    width: calc(33.333% - 20px);
  }
}
@media (min-width: 1440px) {
  .EventsList .list.ListView .EventCard .thumb {
    width: calc(33.333% - 1.4vw);
    margin-right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsList .list.ListView .EventCard .thumb {
    width: calc(33.333% - 36px);
    margin-right: 36px;
  }
}
@media (min-width: 768px) {
  .EventsList .list.ListView .EventCard .info {
    width: calc(50% - 20px);
    margin-left: 20px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0;
    padding: 20px 0;
  }
}
@media (min-width: 1024px) {
  .EventsList .list.ListView .EventCard .info {
    width: calc(66.666% - 20px);
  }
}
@media (min-width: 1440px) {
  .EventsList .list.ListView .EventCard .info {
    padding: 1.4vw 0;
    width: calc(66.666% - 1.4vw);
    margin-left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsList .list.ListView .EventCard .info {
    padding: 36px 0;
    width: calc(66.666% - 36px);
    margin-left: 36px;
  }
}
@media (min-width: 768px) {
  .EventsList .list.ListView .EventCard .rest-info {
    width: calc(50% - 20px);
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .EventsList .list.ListView .EventCard .rest-info {
    width: calc(66.666% - 20px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .EventsList .list.ListView .EventCard .rest-info {
    width: calc(66.666% - 1.4vw);
    margin-left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsList .list.ListView .EventCard .rest-info {
    width: calc(66.666% - 36px);
    margin-left: 36px;
  }
}
@media (min-width: 768px) {
  .EventsList .list.ListView .EventCard .desc {
    width: 100%;
    padding: 0 0 20px 0;
    border-top: 0;
  }
}
@media (min-width: 1024px) {
  .EventsList .list.ListView .EventCard .desc {
    border: 0;
  }
}
@media (min-width: 1440px) {
  .EventsList .list.ListView .EventCard .desc {
    padding: 0 0 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .EventsList .list.ListView .EventCard .desc {
    padding: 0 0 36px 0;
  }
}
@media (min-width: 1024px) {
  .EventsList .list.ListView .EventCard .speakers {
    width: calc(50% - 20px);
    margin-right: 20px;
    padding: 0;
    margin-left: 0;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    -ms-flex-line-pack: end;
        align-content: end;
  }
  .EventsList .list.ListView .EventCard .speakers:after {
    content: none;
  }
}
@media (min-width: 1440px) {
  .EventsList .list.ListView .EventCard .speakers {
    width: calc(50% - 1.4vw);
    margin-right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsList .list.ListView .EventCard .speakers {
    width: calc(50% - 36px);
    margin-right: 36px;
  }
}
@media (min-width: 1024px) {
  .EventsList .list.ListView .EventCard .speakers a {
    margin: 10px 10px 0 0;
  }
}
@media (min-width: 1440px) {
  .EventsList .list.ListView .EventCard .speakers a {
    margin: 1vw 1vw 0 0;
  }
}
@media (min-width: 2560px) {
  .EventsList .list.ListView .EventCard .speakers a {
    margin: 26px 26px 0 0;
  }
}
@media (min-width: 768px) {
  .EventsList .list.ListView .EventCard .btn {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .EventsList .list.ListView .EventCard .btn {
    width: calc(50% - 20px);
    margin-left: 20px;
    margin-top: 0;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media (min-width: 1440px) {
  .EventsList .list.ListView .EventCard .btn {
    width: calc(50% - 1.4vw);
    margin-left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsList .list.ListView .EventCard .btn {
    width: calc(50% - 36px);
    margin-left: 36px;
  }
}

.EventDetail > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.EventDetail > .container:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000000;
  top: -1px;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .EventDetail > .container:before {
    left: 46px;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .EventDetail > .container:before {
    left: 80px;
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .EventDetail > .container:before {
    left: 140px;
    right: 140px;
  }
}
.EventDetail .top {
  display: block;
  padding-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .EventDetail .top {
    padding-top: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top {
    padding-top: 2.8vw;
    margin-bottom: 2.8vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top {
    padding-top: 72px;
    margin-bottom: 72px;
  }
}
.EventDetail .top:after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000000;
  bottom: -1px;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .EventDetail .top:after {
    left: 46px;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top:after {
    left: 80px;
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .EventDetail .top:after {
    left: 140px;
    right: 140px;
  }
}
.EventDetail .top .intro {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .EventDetail .top .intro {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .intro {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .intro {
    font-size: 64px;
    line-height: 71px;
  }
}
@media (min-width: 768px) {
  .EventDetail .top .intro {
    padding-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .top .intro {
    width: 100%;
    padding-right: 50%;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .intro {
    padding-bottom: 2.8vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .intro {
    padding-bottom: 72px;
  }
}
.EventDetail .top .columngrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 576px) {
  .EventDetail .top .columngrid {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .top .columngrid {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .columngrid {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .columngrid {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
  }
}
.EventDetail .top .column {
  border-top: 1px solid #000000;
  width: 100%;
  padding: 10px 0;
}
@media (min-width: 576px) {
  .EventDetail .top .column {
    width: calc(50% - 20px - 20px);
    margin: 0 20px;
    padding: 10px 0 20px 0;
  }
}
@media (min-width: 1024px) {
  .EventDetail .top .column {
    width: calc(33.333% - 20px - 20px);
    margin: 0 20px;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .column {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 0 1.4vw;
    padding: 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .column {
    width: calc(33.333% - 36px - 36px);
    margin: 0 36px;
    padding: 36px 0;
  }
}
.EventDetail .top .column.speakers {
  width: 100%;
  margin: 0;
}
@media (min-width: 576px) {
  .EventDetail .top .column.speakers {
    width: calc(100% - 20px - 20px);
    margin: 0 20px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .top .column.speakers {
    width: calc(33.333% - 20px - 20px);
    margin: 0 20px;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .column.speakers {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 0 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .column.speakers {
    width: calc(33.333% - 36px - 36px);
    margin: 0 36px;
  }
}
.EventDetail .top .column .title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .EventDetail .top .column .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .column .title {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .column .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.EventDetail .top .column .cell {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .EventDetail .top .column .cell {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .column .cell {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .column .cell {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .column .cell {
    margin-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .column .cell {
    margin-top: 36px;
  }
}
.EventDetail .top .column .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 5px + 5px);
  margin-left: -5px;
}
@media (min-width: 768px) {
  .EventDetail .top .column .list {
    width: calc(100% + 10px + 10px);
    margin-left: -10px;
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .column .list {
    width: calc(100% + 0.7vw + 0.7vw);
    margin-left: -0.7vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .column .list {
    width: calc(100% + 18px + 18px);
    margin-left: -18px;
  }
}
.EventDetail .top .column .list a {
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  width: calc(20% - 10px);
  border-radius: 9px;
  margin: 5px 5px;
}
@media (min-width: 1440px) {
  .EventDetail .top .column .list a {
    border-radius: 0.65vw;
  }
}
@media (min-width: 1920px) {
  .EventDetail .top .column .list a {
    border-radius: 0.58vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .column .list a {
    border-radius: 15px;
  }
}
@media (min-width: 768px) {
  .EventDetail .top .column .list a {
    width: calc(14.2857142857% - 20px);
    margin: 10px 10px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .top .column .list a {
    width: calc(25% - 20px);
  }
}
@media (min-width: 1440px) {
  .EventDetail .top .column .list a {
    width: calc(25% - 1.4vw);
    margin: 0.7vw 0.7vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .top .column .list a {
    width: calc(25% - 36px);
    margin: 18px 18px;
  }
}
.EventDetail .top .column .list a:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.EventDetail .top .column .list a img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.EventDetail .EventMainVideo .VideoCell {
  background: -webkit-gradient(linear, left top, left bottom, from(#454545), color-stop(85.33%, #222222));
  background: -o-linear-gradient(top, #454545 0%, #222222 85.33%);
  background: linear-gradient(180deg, #454545 0%, #222222 85.33%);
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
  border-radius: 9px;
  overflow: hidden;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .EventDetail .EventMainVideo .VideoCell {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .EventDetail .EventMainVideo .VideoCell {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .EventDetail .EventMainVideo .VideoCell {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .EventMainVideo .VideoCell {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .EventDetail .EventMainVideo .VideoCell {
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 70px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1440px) {
  .EventDetail .EventMainVideo .VideoCell {
    margin-bottom: 2.8vw;
    padding-bottom: 5.6vw;
    padding-left: 9vw;
    padding-right: 9vw;
  }
}
@media (min-width: 1800px) {
  .EventDetail .EventMainVideo .VideoCell {
    margin-bottom: 2.8vw;
    padding-bottom: 5.6vw;
    padding-left: 6.5vw;
    padding-right: 6.5vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .EventMainVideo .VideoCell {
    margin-bottom: 72px;
    padding-bottom: 143px;
    padding-left: 170px;
    padding-right: 170px;
  }
}
.EventDetail .EventMainVideo .VideoCell > .container {
  width: 100%;
}
@media (max-width: 767px) {
  .EventDetail .EventMainVideo .VideoCell > .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.EventDetail .EventMainVideo .VideoCell .info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
}
@media (min-width: 768px) {
  .EventDetail .EventMainVideo .VideoCell .info {
    padding: 20px 0;
  }
}
@media (min-width: 1024px) {
  .EventDetail .EventMainVideo .VideoCell .info {
    padding: calc(2vw - 10px) 0;
  }
}
@media (min-width: 1440px) {
  .EventDetail .EventMainVideo .VideoCell .info {
    padding: 2.1vw 0;
  }
}
@media (min-width: 2560px) {
  .EventDetail .EventMainVideo .VideoCell .info {
    padding: 54px 0;
  }
}
.EventDetail .EventMainVideo .VideoCell .info .title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .EventDetail .EventMainVideo .VideoCell .info .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventDetail .EventMainVideo .VideoCell .info .title {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventDetail .EventMainVideo .VideoCell .info .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.EventDetail .EventMainVideo .VideoCell .info .tags {
  margin-right: -5px;
}
@media (min-width: 1440px) {
  .EventDetail .EventMainVideo .VideoCell .info .tags {
    margin-right: -0.7vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .EventMainVideo .VideoCell .info .tags {
    margin-right: -18px;
  }
}
@media (max-width: 767px) {
  .EventDetail .EventMainVideo .VideoCell .info .tags {
    margin-left: auto;
  }
}
.EventDetail .EventMainVideo .VideoCell .info .tags .item {
  margin: 5px 5px 5px 0;
}
@media (min-width: 1440px) {
  .EventDetail .EventMainVideo .VideoCell .info .tags .item {
    margin: 0.7vw 0.7vw 0.7vw 0;
  }
}
@media (min-width: 2560px) {
  .EventDetail .EventMainVideo .VideoCell .info .tags .item {
    margin: 18px 18px 18px 0;
  }
}
.EventDetail .main:before {
  content: none;
}
.EventDetail .main .EventTitle {
  border-top: 1px solid #000000;
  width: 100%;
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 0.02em;
  font-weight: 300;
  padding: 20px 0 20px 0;
}
@media (min-width: 768px) {
  .EventDetail .main .EventTitle {
    font-size: 30px;
    line-height: 32px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
    line-height: 1.07em;
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .EventTitle {
    font-size: 40px;
    line-height: 44px;
    font-size: calc(40px + 32 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .EventTitle {
    font-size: 72px;
    line-height: 80px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .EventTitle {
    padding: 20px 0 40px 0;
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .EventTitle {
    padding: 1.4vw 0 4.2vw 0;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .EventTitle {
    padding: 36px 0 108px 0;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main > .EventTitle {
    display: none;
  }
}
.EventDetail .main .left {
  width: 100%;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .EventDetail .main .left {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .left {
    padding-right: 6vw;
    width: 66.666%;
    padding-left: 0;
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .left {
    padding-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .left {
    padding-right: 154px;
    padding-bottom: 36px;
  }
}
@media (max-width: 575px) {
  .EventDetail .main .left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.EventDetail .main .left:after {
  content: "";
  display: block;
  background-image: url("../images/snfdialogues_symbol_black.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 32px auto;
  margin: 25px 0;
  height: 26px;
}
@media (min-width: 768px) {
  .EventDetail .main .left:after {
    background-size: 40px auto;
    height: 33px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .left:after {
    background-size: 4.5vw auto;
    height: 3.7vw;
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .left:after {
    margin: 1.75vw 0;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .left:after {
    background-size: 116px auto;
    margin: 45px 0;
    height: 94px;
  }
}
.EventDetail .main .right {
  /*width:100%;//padding-bottom:20px;margin-bottom:20px;     background-color:pink;
  @media (min-width: $break-sm) {
      //width:100%;margin-right:0;//width:calc(50% - 20px);margin-right:20px;
  }
  @media (min-width: $break-md) {
      //width:100%;margin-right:0;
  }
  @media (min-width: $break-xlg) {
      width:calc(33.333% - 20px);margin-left:20px;margin-right:0;//margin:0 0 20px 20px;
      //padding-bottom:20px;margin-bottom:20px;
  }
  @media (min-width: $break-xxlg) {
      width:calc(33.333% - 1.4vw);margin-left:1.4vw;
      //padding-bottom:1.4vw;margin-bottom:1.4vw;
  }
  @media (min-width: $break-xlarge) {
      width:calc(33.333% - 36px);margin-left:36px;
      //padding-bottom:36px;margin-bottom:36px;
  }
  @media (max-width: $break-xlg - 1) {
      order:3;
      border-top:1px solid $Black;
  }*/
  width: 100%;
}
@media (min-width: 576px) {
  .EventDetail .main .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .right {
    width: calc(33.333% - 20px);
    margin-left: 20px;
    margin-right: 0;
    display: block;
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .right {
    width: calc(33.333% - 1.4vw);
    margin-left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .right {
    width: calc(33.333% - 36px);
    margin-left: 36px;
  }
}
@media (max-width: 1023px) {
  .EventDetail .main .right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (max-width: 1023px) {
  .EventDetail .main .right .EventTitle {
    display: none;
  }
}
.EventDetail .main .right .EventsList {
  width: 100%;
}
@media (min-width: 576px) {
  .EventDetail .main .right .EventsList {
    width: calc(50% - 20px - 20px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .right .EventsList {
    width: 100%;
    margin: 0;
  }
}
.EventDetail .main .right .OpinionsBanner {
  width: 100%;
  border-top: 1px solid #000000;
  margin: 20px 0 20px 0;
}
@media (min-width: 576px) {
  .EventDetail .main .right .OpinionsBanner {
    width: calc(50% - 20px - 20px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .right .OpinionsBanner {
    width: 100%;
    margin: 0;
  }
}
.EventDetail .main .right .OpinionsBanner.Vertical .selected > .title {
  text-align: center;
}
@media (max-width: 575px) {
  .EventDetail .main .right .OpinionsBanner.Vertical .selected > .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .EventDetail .main .right .OpinionsBanner.Vertical .selected > .title {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .EventDetail .main .right .OpinionsBanner.Vertical .selected .list {
    margin-top: 20px;
  }
}
@media (min-width: 576px) {
  .EventDetail .main .right .OpinionsBanner.Vertical .selected .list .OpinionCard {
    width: calc(100% - 20px - 20px);
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .right .OpinionsBanner.Vertical .selected .list .OpinionCard {
    width: 100%;
  }
}
.EventDetail .main .right .TopicsBanner {
  width: 100%;
  border-top: 1px solid #000000;
  margin: 20px 0 20px 0;
}
@media (min-width: 576px) {
  .EventDetail .main .right .TopicsBanner {
    width: calc(50% - 20px - 20px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .right .TopicsBanner {
    width: 100%;
    margin: 0;
  }
}
.EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
  border-bottom: 1px solid #000000;
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 0.3em;
  padding: 20px 0 20px 0;
  text-align: center;
}
@media (max-width: 575px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: calc(28px + 7 * (100vw - 768px) / 255);
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: calc(25px + 10 * (100vw - 1024px) / 415);
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: calc(35px + 20 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: 55px;
  }
}
@media (min-width: 576px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 25px 0 0 0;
    border: 0;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 40px 0;
    border-bottom: 1px solid #000000;
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 72px 0;
  }
}
@media (min-width: 576px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list {
    width: calc(100% + 20px + 20px);
    margin-right: -20px;
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin: 40px 0 0 0;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin: 2.8vw 0 0 0;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin: 72px 0 0 0;
  }
}
@media (max-width: 1023px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin-top: 20px;
  }
}
.EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard {
  border: 0;
  padding-top: 0;
}
@media (min-width: 576px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard {
    width: calc(100% - 20px - 20px);
  }
}
@media (min-width: 1024px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard {
    width: 100%;
  }
}
.EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .thumb {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .thumb {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .thumb {
    margin-bottom: 36px;
  }
}
.EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
  width: 100%;
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  text-align: left;
  padding: 0;
  border: 0;
}
@media (min-width: 768px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
    font-size: 64px;
    line-height: 71px;
  }
}
.EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title h2,
.EventDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title h3 {
  width: 100%;
  text-align: center;
  font-weight: 300;
}
.EventDetail .main .bottom {
  width: 100%;
}
@media (min-width: 768px) {
  .EventDetail .main .bottom {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .EventDetail .main .bottom {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .EventDetail .main .bottom.related {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.EventDetail .main .EventsList.Single {
  position: relative;
  padding: 20px 0 20px 0;
}
@media (min-width: 1024px) {
  .EventDetail .main .EventsList.Single {
    padding: 0 0 40px 0;
  }
}
@media (min-width: 1440px) {
  .EventDetail .main .EventsList.Single {
    padding: 0 0 4.2vw 0;
  }
}
@media (min-width: 2560px) {
  .EventDetail .main .EventsList.Single {
    padding: 0 0 108px 0;
  }
}

.EventsBanner {
  padding: 10px 0 0 0;
  border-top: 1px solid #000000;
}
@media (min-width: 1024px) {
  .EventsBanner {
    padding: 1.4vw 0 0 0;
  }
}
@media (min-width: 2560px) {
  .EventsBanner {
    padding: 36px 0 0 0;
  }
}
.EventsBanner .selected > .title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
}
@media (min-width: 768px) {
  .EventsBanner .selected > .title {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventsBanner .selected > .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventsBanner .selected > .title {
    font-size: 28px;
    line-height: 34px;
  }
}
.EventsBanner .selected .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-top: 40px;
  /*&:before {
      @media (min-width: $break-md) {
          content:"";position:absolute;height:1px;background-color:$Black;top:-1px;
          left:20px;right:20px;
          //left:46px;right:46px;
      }
      @media (min-width: $break-xxlg) {
          left:1.4vw;right:1.4vw;
      }
      @media (min-width: $break-xxxlg) {
          left:36px;right:36px;
      }
  }*/
}
@media (min-width: 576px) {
  .EventsBanner .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
  }
}
@media (min-width: 1024px) {
  .EventsBanner .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
    margin-top: 4vw;
    margin-bottom: calc(4vw - 40px);
  }
}
@media (min-width: 1440px) {
  .EventsBanner .selected .list {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
    margin-bottom: 1.2vw;
  }
}
@media (min-width: 2560px) {
  .EventsBanner .selected .list {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
    margin-top: 102px;
    margin-bottom: 30px;
  }
}
.EventsBanner .selected .list .EventCard {
  width: 100%;
  margin: 0 0 40px 0;
}
@media (min-width: 576px) {
  .EventsBanner .selected .list .EventCard {
    width: calc(50% - 20px - 20px);
    margin: 0 20px 40px 20px;
  }
}
@media (min-width: 1024px) {
  .EventsBanner .selected .list .EventCard {
    width: calc(33.333% - 20px - 20px);
  }
}
@media (min-width: 1440px) {
  .EventsBanner .selected .list .EventCard {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 0 1.4vw 2.8vw 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsBanner .selected .list .EventCard {
    width: calc(33.333% - 36px - 36px);
    margin: 0 36px 72px 36px;
  }
}
.EventsBanner .selected .list .EventCard .thumb {
  width: 100%;
}

.EventsList.Single {
  width: 100%;
  position: sticky;
  top: 0;
}
.EventsList.Single > .title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding: 10px 0 40px 0;
}
@media (min-width: 768px) {
  .EventsList.Single > .title {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventsList.Single > .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventsList.Single > .title {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1024px) {
  .EventsList.Single > .title {
    padding: 20px 0;
  }
}
@media (min-width: 1440px) {
  .EventsList.Single > .title {
    padding: 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .EventsList.Single > .title {
    padding: 36px 0;
  }
}
.EventsList.Single .EventCard {
  width: 100%;
  margin: 0;
}

.PhotoGallery {
  padding: 10px 0 0 0;
  border-top: 1px solid #000000;
}
@media (min-width: 1024px) {
  .PhotoGallery {
    padding: 1.4vw 0 0 0;
  }
}
@media (min-width: 2560px) {
  .PhotoGallery {
    padding: 36px 0 0 0;
  }
}
.PhotoGallery .selected > .title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
}
@media (min-width: 768px) {
  .PhotoGallery .selected > .title {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .PhotoGallery .selected > .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .PhotoGallery .selected > .title {
    font-size: 28px;
    line-height: 34px;
  }
}
.PhotoGallery .selected .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-top: 40px;
  /*&:before {
      @media (min-width: $break-md) {
          content:"";position:absolute;height:1px;background-color:$Black;top:-1px;
          left:20px;right:20px;
          //left:46px;right:46px;
      }
      @media (min-width: $break-xxlg) {
          left:1.4vw;right:1.4vw;
      }
      @media (min-width: $break-xxxlg) {
          left:36px;right:36px;
      }
  }*/
}
@media (min-width: 576px) {
  .PhotoGallery .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
  }
}
@media (min-width: 1024px) {
  .PhotoGallery .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
    margin-top: 4vw;
    margin-bottom: calc(4vw - 40px);
  }
}
@media (min-width: 1440px) {
  .PhotoGallery .selected .list {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
    margin-bottom: 1.2vw;
  }
}
@media (min-width: 2560px) {
  .PhotoGallery .selected .list {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
    margin-top: 102px;
    margin-bottom: 30px;
  }
}
.PhotoGallery .selected .list .PhotoCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  position: relative;
  width: 100%;
  margin: 0 0 40px 0;
}
@media (min-width: 576px) {
  .PhotoGallery .selected .list .PhotoCard {
    width: calc(50% - 20px - 20px);
    margin: 0 20px 40px 20px;
  }
}
@media (min-width: 1024px) {
  .PhotoGallery .selected .list .PhotoCard {
    width: calc(33.333% - 20px - 20px);
  }
}
@media (min-width: 1440px) {
  .PhotoGallery .selected .list .PhotoCard {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 0 1.4vw 2.8vw 1.4vw;
  }
}
@media (min-width: 2560px) {
  .PhotoGallery .selected .list .PhotoCard {
    width: calc(33.333% - 36px - 36px);
    margin: 0 36px 72px 36px;
  }
}
.PhotoGallery .selected .list .PhotoCard .thumb {
  position: relative;
  width: 100%;
}
.PhotoGallery .selected .list .PhotoCard .thumb:before {
  content: "";
  padding-top: 56%;
  display: block;
}
.PhotoGallery .selected .list .PhotoCard .thumb a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
}
@media (min-width: 768px) {
  .PhotoGallery .selected .list .PhotoCard .thumb a {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .PhotoGallery .selected .list .PhotoCard .thumb a {
    border-radius: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .PhotoGallery .selected .list .PhotoCard .thumb a {
    border-radius: 1.17vw;
  }
}
@media (min-width: 2560px) {
  .PhotoGallery .selected .list .PhotoCard .thumb a {
    border-radius: 30px;
  }
}
.PhotoGallery .selected .list .PhotoCard .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: 1;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
}
@media (min-width: 768px) {
  .PhotoGallery .selected .list .PhotoCard .image {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .PhotoGallery .selected .list .PhotoCard .image {
    border-radius: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .PhotoGallery .selected .list .PhotoCard .image {
    border-radius: 1.17vw;
  }
}
@media (min-width: 2560px) {
  .PhotoGallery .selected .list .PhotoCard .image {
    border-radius: 30px;
  }
}
.PhotoGallery .selected .list .PhotoCard .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.PhotoGallery .selected .list .PhotoCard .image img:focus {
  border: 1px solid #000000;
}

.EventsHome {
  /*background-color:$OffWhite;*/
  overflow: hidden;
  background-color: #F9F9F9;
  position: relative;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .EventsHome {
    padding: 5.5vw 0;
  }
}
@media (min-width: 2560px) {
  .EventsHome {
    padding: 141px 0;
  }
}
.EventsHome .selected .title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .EventsHome .selected .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventsHome .selected .title {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventsHome .selected .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.EventsHome .selected .title strong {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .EventsHome .selected .title strong {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .EventsHome .selected .title strong {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .EventsHome .selected .title strong {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .EventsHome .selected .title {
    margin-bottom: 3vw;
  }
}
@media (min-width: 2560px) {
  .EventsHome .selected .title {
    margin-bottom: 77px;
  }
}
.EventsHome .selected .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .EventsHome .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
    /*margin-top:4vw;*/
  }
}
@media (min-width: 1440px) {
  .EventsHome .selected .list {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsHome .selected .list {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
    /*margin-top:102px;*/
  }
}
.EventsHome .selected .list .EventCard {
  width: 100%;
  position: relative;
  margin: 0 0 40px 0;
}
@media (min-width: 768px) {
  .EventsHome .selected .list .EventCard {
    width: 100;
    margin: 10px 0 10px 0;
  }
}
@media (min-width: 1100px) {
  .EventsHome .selected .list .EventCard {
    width: calc(33.333% - 20px - 20px);
    margin: 0 20px 0 20px;
  }
}
@media (min-width: 1440px) {
  .EventsHome .selected .list .EventCard {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 0 1.4vw 0 1.4vw;
  }
}
@media (min-width: 2560px) {
  .EventsHome .selected .list .EventCard {
    width: calc(33.333% - 36px - 36px);
    margin: 0 36px 0 36px;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .EventsHome .selected .list .EventCard {
    border-radius: 9px;
    padding: 20px;
    background: -o-linear-gradient(357.49deg, #000000 2.11%, #444444 100%);
    background: linear-gradient(92.51deg, #000000 2.11%, #444444 100%);
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 768px) and (max-width: 1099px) and (min-width: 768px) {
  .EventsHome .selected .list .EventCard {
    border-radius: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1099px) and (min-width: 1440px) {
  .EventsHome .selected .list .EventCard {
    border-radius: 2.1vw;
  }
}
@media (min-width: 768px) and (max-width: 1099px) and (min-width: 1920px) {
  .EventsHome .selected .list .EventCard {
    border-radius: 1.6vw;
  }
}
@media (min-width: 768px) and (max-width: 1099px) and (min-width: 2560px) {
  .EventsHome .selected .list .EventCard {
    border-radius: 50px;
  }
}
.EventsHome .selected .list .EventCard .title {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .EventsHome .selected .list .EventCard > .title {
    padding: 0;
    bottom: auto;
    top: -1px;
    left: -1px;
    right: -1px;
    z-index: 0;
  }
  .EventsHome .selected .list .EventCard > .title:before {
    content: "";
    padding-top: 56.5%;
    display: block;
  }
  .EventsHome .selected .list .EventCard > .title a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .EventsHome .selected .list .EventCard > .title a:focus {
    border: 1px solid blue;
  }
  .EventsHome .selected .list .EventCard > .title .thumb {
    z-index: 1;
  }
}
.EventsHome .selected .list .EventCard .thumb {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1099px) {
  .EventsHome .selected .list .EventCard {
    /*&:before {
        content:"";position:absolute;//z-index:5;
        @include BorderRadius30;
        top:-20px;left:0;right:0;bottom:-20px;
        background:linear-gradient(92.51deg, #000000 2.11%, #444444 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
    }*/
  }
  .EventsHome .selected .list .EventCard .title {
    width: calc(50% - 20px - 20px);
    margin: 0 20px 0 0;
    top: 20px;
    left: 20px;
    bottom: 20px;
  }
  .EventsHome .selected .list .EventCard .thumb {
    width: calc(50% - 20px);
    margin: 0 20px 0 0;
  }
  .EventsHome .selected .list .EventCard .rest-info {
    width: calc(50% - 20px - 20px);
    left: calc(50% + 20px);
    top: 20px;
    bottom: 20px;
  }
  .EventsHome .selected .list .EventCard .rest-info .btn {
    padding-top: 10px;
  }
}
.EventsHome .selected .list .EventCard .rest-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .EventsHome .selected .list .EventCard .rest-info {
    position: absolute;
    z-index: 5;
  }
}
@media (min-width: 1100px) {
  .EventsHome .selected .list .EventCard .rest-info {
    left: calc(100% + 20px + 20px);
    top: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
@media (min-width: 1440px) {
  .EventsHome .selected .list .EventCard .rest-info {
    left: calc(100% + 1.4vw + 1.4vw);
  }
}
@media (min-width: 2560px) {
  .EventsHome .selected .list .EventCard .rest-info {
    left: calc(100% + 36px + 36px);
  }
}
@media (min-width: 768px) {
  .EventsHome .selected .list .EventCard .rest-info .info {
    border: 0;
  }
  .EventsHome .selected .list .EventCard .rest-info .info > svg {
    display: none;
  }
  .EventsHome .selected .list .EventCard .rest-info .info .duration svg path {
    fill: #FFFFFF;
  }
  .EventsHome .selected .list .EventCard .rest-info .info .location svg line {
    stroke: #FFFFFF;
  }
  .EventsHome .selected .list .EventCard .rest-info .info .location svg circle {
    fill: #FFFFFF;
  }
  .EventsHome .selected .list .EventCard .rest-info .title {
    display: none;
  }
  .EventsHome .selected .list .EventCard .rest-info .desc {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    font-weight: 300;
    color: #FFFFFF;
    border: 0;
    padding: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .EventsHome .selected .list .EventCard .rest-info .desc {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 768px) and (min-width: 1440px) {
  .EventsHome .selected .list .EventCard .rest-info .desc {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 768px) and (min-width: 2560px) {
  .EventsHome .selected .list .EventCard .rest-info .desc {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .EventsHome .selected .list .EventCard .rest-info .btn {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    font-weight: 300;
    text-align: right;
    margin-top: auto;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .EventsHome .selected .list .EventCard .rest-info .btn {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 768px) and (min-width: 1440px) {
  .EventsHome .selected .list .EventCard .rest-info .btn {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 768px) and (min-width: 2560px) {
  .EventsHome .selected .list .EventCard .rest-info .btn {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .EventsHome .selected .list .EventCard .rest-info {
    width: 100%;
    color: #000000;
  }
  .EventsHome .selected .list .EventCard .rest-info .info {
    padding-top: 15px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .EventsHome .selected .list .EventCard .rest-info .info > svg {
    width: 42px;
    height: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-right: auto;
    padding-right: 12px;
  }
  .EventsHome .selected .list .EventCard .rest-info .info .duration,
  .EventsHome .selected .list .EventCard .rest-info .info .location {
    padding-top: 3px;
  }
  .EventsHome .selected .list .EventCard .rest-info .title {
    position: relative;
    pointer-events: initial;
    font-size: 21px;
    line-height: 24px;
    font-weight: 300;
    padding: 20px 0 0 0;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .EventsHome .selected .list .EventCard .rest-info .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .EventsHome .selected .list .EventCard .rest-info .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (max-width: 767px) and (min-width: 2560px) {
  .EventsHome .selected .list .EventCard .rest-info .title {
    font-size: 64px;
    line-height: 71px;
  }
}
@media (max-width: 767px) {
  .EventsHome .selected .list .EventCard .rest-info .title a {
    color: #000000;
  }
  .EventsHome .selected .list .EventCard .rest-info .title a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 767px) {
  .EventsHome .selected .list .EventCard .rest-info .desc {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    border: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .EventsHome .selected .list .EventCard .rest-info .desc {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .EventsHome .selected .list .EventCard .rest-info .desc {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (max-width: 767px) and (min-width: 2560px) {
  .EventsHome .selected .list .EventCard .rest-info .desc {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .EventsHome .selected .list .EventCard .rest-info .btn a {
    width: 100%;
    border: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 12px 20px;
    border-radius: 24px;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #000000;
    color: #FFFFFF;
  }
  .EventsHome .selected .list .EventCard .rest-info .btn a:hover {
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 1100px) {
  .EventsHome .selected .list .EventCard:before {
    content: "";
    position: absolute;
    z-index: 5;
    border-radius: 9px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: calc(-100% - 40px - 20px);
    background: -o-linear-gradient(357.49deg, #000000 2.11%, #444444 100%);
    background: linear-gradient(92.51deg, #000000 2.11%, #444444 100%);
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 1100px) and (min-width: 768px) {
  .EventsHome .selected .list .EventCard:before {
    border-radius: 18px;
  }
}
@media (min-width: 1100px) and (min-width: 1440px) {
  .EventsHome .selected .list .EventCard:before {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1100px) and (min-width: 1920px) {
  .EventsHome .selected .list .EventCard:before {
    border-radius: 1.6vw;
  }
}
@media (min-width: 1100px) and (min-width: 2560px) {
  .EventsHome .selected .list .EventCard:before {
    border-radius: 50px;
  }
}
@media (min-width: 1100px) {
  .EventsHome .selected .list .EventCard:hover:before {
    opacity: 1;
    visibility: visible;
  }
  .EventsHome .selected .list .EventCard:hover .thumb {
    z-index: 6;
  }
  .EventsHome .selected .list .EventCard:hover .title {
    z-index: 7;
  }
  .EventsHome .selected .list .EventCard:hover .rest-info {
    z-index: 5;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1440px) {
  .EventsHome .selected .list .EventCard:before {
    top: -1.4vw;
    left: -1.4vw;
    bottom: -1.4vw;
    right: calc(-100% - 2.8vw - 1.4vw);
  }
}
@media (min-width: 2560px) {
  .EventsHome .selected .list .EventCard:before {
    top: -36px;
    left: -36px;
    bottom: -36px;
    right: calc(-100% - 72px - 36px);
  }
}
@media (min-width: 1100px) {
  .EventsHome .selected .list .EventCard:last-child:before {
    left: calc(-100% - 40px - 20px);
    right: -20px;
  }
  .EventsHome .selected .list .EventCard:last-child .rest-info {
    left: calc(-100% - 20px - 20px);
  }
  .EventsHome .selected .list .EventCard:last-child .rest-info .btn {
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .EventsHome .selected .list .EventCard:last-child:before {
    left: calc(-100% - 2.8vw - 1.4vw);
    right: -1.4vw;
  }
  .EventsHome .selected .list .EventCard:last-child .rest-info {
    left: calc(-100% - 1.4vw - 1.4vw);
  }
}
@media (min-width: 2560px) {
  .EventsHome .selected .list .EventCard:last-child:before {
    left: calc(-100% - 72px - 36px);
    right: -36px;
  }
  .EventsHome .selected .list .EventCard:last-child .rest-info {
    left: calc(-100% - 36px - 36px);
  }
}
.EventsHome .selected .paging {
  text-align: center;
  padding: 0;
}
@media (min-width: 768px) {
  .EventsHome .selected .paging {
    padding: 5vw 0 0 0;
  }
}
@media (min-width: 2560px) {
  .EventsHome .selected .paging {
    padding: 128px 0 0 0;
  }
}
@media (max-width: 1099px) {
  .EventsHome .selected .paging a {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    color: #000000;
    border: 1px solid #000000;
  }
  .EventsHome .selected .paging a svg path {
    fill: #000000;
  }
  .EventsHome .selected .paging a:hover {
    border-color: rgba(0, 0, 0, 0.8);
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
  }
  .EventsHome .selected .paging a:hover svg path {
    fill: #FFFFFF;
  }
}

.TopicsFiltersCarousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
}
.TopicsFiltersCarousel .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  width: calc(100% + 20px + 20px);
  /*&:before {
      content:"";position:absolute;top:0;height:1px;background-color:$Black;
      left:20px;right:20px;
      @media (min-width: $break-md) {
          left:46px;right:46px;
      }
      @media (min-width: $break-xxlg) {
          left:80px;right:80px;
      }
      @media (min-width: $break-xxxlg) {
          left:140px;right:140px;
      }
  }*/
}
@media (min-width: 768px) {
  .TopicsFiltersCarousel .container {
    width: calc(100% + 46px);
  }
}
@media (min-width: 1024px) {
  .TopicsFiltersCarousel .container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 1440px) {
  .TopicsFiltersCarousel .container {
    width: calc(100% + 80px);
  }
}
@media (min-width: 1920px) {
  .TopicsFiltersCarousel .container {
    width: calc(100% + 140px);
  }
}
.TopicsFiltersCarousel .container .Filters {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding-top: 15px;
}
@media (min-width: 1440px) {
  .TopicsFiltersCarousel .container .Filters {
    padding-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicsFiltersCarousel .container .Filters {
    padding-top: 36px;
  }
}
.TopicsFiltersCarousel .container .swiper .swiper-wrapper {
  height: auto;
}
@media (min-width: 1024px) {
  .TopicsFiltersCarousel .container .swiper .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.TopicsFiltersCarousel .container .swiper .swiper-slide {
  width: auto !important;
  /*.button {
      @include TinyTextLt;
      color:$Black;background-color:$White;border:1px solid transparent;
      display:inline-flex;//border:0;
      transition: all 0.3s ease-in-out;
      padding:10px 20px;border-radius:22px;         //height:40px;
      margin:0 5px 15px 5px;
      @media (min-width: $break-md) {
          //padding:1.34vw;border-radius:6.33vw;
          //padding:10px 20px;border-radius:22px;          //height:44px;
      } 
      @media (min-width: $break-xxlg) {          //height:58px;
          //padding:1.34vw;
          padding:0.82vw 1.5vw;border-radius:6.33vw;
          margin:0 0.7vw 1.4vw 0.7vw;
      }  
      @media (min-width: $break-xlarge) {          //height:100px;
          padding:21px 39px;border-radius:165px;
          margin:0 18px 36px 18px; 
      }
      &:hover {
          background-color:$WhiteHover;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
      }
      &.selected {
          color:$White;background-color:$Black;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
      }
  }*/
}

.TopicsList {
  overflow-x: hidden;
}
.TopicsList > .container .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 20px + 20px);
  margin-left: -20px;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .TopicsList > .container .list {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicsList > .container .list {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
    margin-bottom: 36px;
  }
}
.TopicsList .TopicCard {
  width: 100%;
  margin: 0 20px;
}
@media (min-width: 576px) {
  .TopicsList .TopicCard {
    width: calc(50% - 20px - 20px);
  }
}
@media (min-width: 1024px) {
  .TopicsList .TopicCard {
    width: calc(33.333% - 20px - 20px);
  }
}
@media (min-width: 1440px) {
  .TopicsList .TopicCard {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 0 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicsList .TopicCard {
    width: calc(33.333% - 36px - 36px);
    margin: 0 36px;
  }
}
.TopicsList .TopicCard .thumb {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.TopicsList .TopicCard .title {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.TopicsList .TopicCard .desc {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.TopicsList .paging .btn {
  width: 100%;
}
@media (min-width: 1024px) {
  .TopicsList .paging .btn {
    width: 66.666%;
  }
}

.TopicCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  border-bottom: 1px solid #000000;
  padding: 40px 0;
}
@media (min-width: 1024px) {
  .TopicCard {
    padding: 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .TopicCard {
    padding: 72px 0;
  }
}
.TopicCard .title {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .TopicCard .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .TopicCard .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .TopicCard .title {
    font-size: 64px;
    line-height: 71px;
  }
}
@media (min-width: 1440px) {
  .TopicCard .title {
    padding-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicCard .title {
    padding-top: 36px;
  }
}
.TopicCard .title h2,
.TopicCard .title h3 {
  font-weight: 300;
}
.TopicCard .title h2 a,
.TopicCard .title h3 a {
  color: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.TopicCard .title h2 a:hover,
.TopicCard .title h3 a:hover {
  text-decoration: underline;
}
.TopicCard .thumb {
  position: relative;
}
.TopicCard .thumb:before {
  content: "";
  padding-top: 56%;
  display: block;
}
.TopicCard .thumb a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}
@media (min-width: 768px) {
  .TopicCard .thumb a {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .TopicCard .thumb a {
    border-radius: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .TopicCard .thumb a {
    border-radius: 1.17vw;
  }
}
@media (min-width: 2560px) {
  .TopicCard .thumb a {
    border-radius: 30px;
  }
}
.TopicCard .thumb a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -o-linear-gradient(327.47deg, rgba(0, 0, 0, 0.4) 25.14%, rgba(0, 0, 0, 0) 48.56%);
  background: linear-gradient(122.53deg, rgba(0, 0, 0, 0.4) 25.14%, rgba(0, 0, 0, 0) 48.56%);
  z-index: 2;
}
.TopicCard .thumb .icons {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 15px;
  bottom: 15px;
}
@media (min-width: 1440px) {
  .TopicCard .thumb .icons {
    right: 1.1vw;
    bottom: 1.1vw;
  }
}
@media (min-width: 2560px) {
  .TopicCard .thumb .icons {
    right: 28px;
    bottom: 28px;
  }
}
.TopicCard .thumb .icons img {
  margin-left: 9px;
  width: 40px;
  height: 40px;
}
@media (min-width: 1440px) {
  .TopicCard .thumb .icons img {
    margin-left: 0.65vw;
    width: 2.8vw;
    height: 2.8vw;
  }
}
@media (min-width: 2560px) {
  .TopicCard .thumb .icons img {
    margin-left: 16px;
    width: 71px;
    height: 71px;
  }
}
.TopicCard .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: 1;
}
.TopicCard .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.TopicCard .desc {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  font-weight: 300;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .TopicCard .desc {
    font-size: 16px;
    line-height: 22px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.38em;
  }
}
@media (min-width: 1440px) {
  .TopicCard .desc {
    font-size: 18px;
    line-height: 24px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.34em;
  }
}
@media (min-width: 2560px) {
  .TopicCard .desc {
    font-size: 32px;
    line-height: 43px;
  }
}
@media (min-width: 1440px) {
  .TopicCard .desc {
    padding-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicCard .desc {
    padding-top: 36px;
  }
}
.TopicCard.Related {
  position: relative;
  border-top: 0;
}
.TopicCard.Related .title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
  overflow: hidden;
  padding: 20px;
  bottom: 20px;
}
@media (min-width: 768px) {
  .TopicCard.Related .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .TopicCard.Related .title {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .TopicCard.Related .title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .TopicCard.Related .title {
    padding: 15px;
    bottom: 15px;
  }
}
@media (min-width: 1024px) {
  .TopicCard.Related .title {
    padding: 20px;
    bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .TopicCard.Related .title {
    padding: 1.4vw;
    bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicCard.Related .title {
    padding: 36px;
    bottom: 36px;
  }
}
.TopicCard.Related .title h2,
.TopicCard.Related .title h3 {
  padding: 0;
}
.TopicCard.Related .title h2 a,
.TopicCard.Related .title h3 a {
  color: #FFFFFF;
}
.TopicCard.Related .thumb {
  width: 100%;
  margin: 0;
}

.TopicDetail .PageTitle .title {
  font-size: 20px;
  line-height: 1em;
  letter-spacing: 0.3em;
}
@media (min-width: 768px) {
  .TopicDetail .PageTitle .title {
    font-size: 22px;
    font-size: calc(22px + 13 * (100vw - 768px) / 671);
  }
}
@media (min-width: 1440px) {
  .TopicDetail .PageTitle .title {
    font-size: 35px;
    font-size: calc(35px + 25 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .PageTitle .title {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .TopicDetail .PageTitle .title {
    margin-bottom: 20px;
  }
}
.TopicDetail > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.TopicDetail > .container:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000000;
  top: -1px;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .TopicDetail > .container:before {
    left: 46px;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .TopicDetail > .container:before {
    left: 80px;
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .TopicDetail > .container:before {
    left: 140px;
    right: 140px;
  }
}
.TopicDetail .top {
  display: block;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /*&:after {
      content:"";position:absolute;height:1px;background-color:$Black;bottom:-1px;
      left:20px;right:20px;
      @media (min-width: $break-md) {
          left:46px;right:46px;
      }
      @media (min-width: $break-xxlg) {
          left:80px;right:80px;
      }
      @media (min-width: $break-xxxlg) {
          left:140px;right:140px;
      }
  }*/
}
@media (min-width: 768px) {
  .TopicDetail .top {
    padding-top: 30px;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .top {
    padding-top: 2.8vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .top {
    padding-top: 72px;
  }
}
.TopicDetail .top header {
  width: 100%;
}
.TopicDetail .top .title {
  width: 100%;
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 0.3em;
  word-break: break-word;
  margin-left: -5px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .TopicDetail .top .title {
    font-size: 30px;
    font-size: calc(28px + 22 * (100vw - 768px) / 671);
  }
}
@media (min-width: 1440px) {
  .TopicDetail .top .title {
    font-size: 50px;
    font-size: calc(50px + 40 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .top .title {
    font-size: 90px;
  }
}
@media (min-width: 768px) {
  .TopicDetail .top .title {
    padding-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .top .title {
    margin-left: -8px;
    padding-bottom: 2.8vw;
  }
}
@media (min-width: 1920px) {
  .TopicDetail .top .title {
    margin-left: -12px;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .top .title {
    margin-left: -15px;
    padding-bottom: 72px;
  }
}
.TopicDetail .top .intro {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  width: 100%;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .TopicDetail .top .intro {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .top .intro {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .top .intro {
    font-size: 64px;
    line-height: 71px;
  }
}
@media (min-width: 768px) {
  .TopicDetail .top .intro {
    padding-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .top .intro {
    padding-right: 6vw;
    width: calc(66.666% - 20px);
    margin-right: 20px;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .top .intro {
    padding-bottom: 2.8vw;
    width: calc(66.666% - 1.4vw);
    margin-right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .top .intro {
    padding-bottom: 72px;
    width: calc(66.666% - 36px);
    margin-right: 36px;
  }
}
.TopicDetail .top .tags {
  width: 100%;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .TopicDetail .top .tags {
    width: calc(33.333% - 20px);
    margin-left: 20px;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .top .tags {
    width: calc(33.333% - 1.4vw);
    margin-left: 1.4vw;
    padding-bottom: 2.8vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .top .tags {
    width: calc(33.333% - 36px);
    margin-left: 36px;
    padding-bottom: 72px;
  }
}
.TopicDetail .main:before {
  content: none;
}
.TopicDetail .main .left {
  width: 100%;
  padding-bottom: 20px;
  padding-top: 10px;
  position: relative;
}
.TopicDetail .main .left:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background-color: #000000;
  right: 0;
}
@media (min-width: 1024px) {
  .TopicDetail .main .left:before {
    right: 10%;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .left:before {
    right: 6vw;
  }
}
@media (min-width: 768px) {
  .TopicDetail .main .left {
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .left {
    padding-right: 6vw;
    width: 66.666%;
    padding-left: 0;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left {
    padding-bottom: 1.4vw;
    padding-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left {
    padding-right: 154px;
    padding-bottom: 36px;
    padding-top: 36px;
  }
}
@media (max-width: 575px) {
  .TopicDetail .main .left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.TopicDetail .main .left:after {
  content: "";
  display: block;
  background-image: url("../images/snfdialogues_symbol_black.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 32px auto;
  margin: 25px 0;
  height: 26px;
}
@media (min-width: 768px) {
  .TopicDetail .main .left:after {
    background-size: 40px auto;
    height: 33px;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .left:after {
    background-size: 4.5vw auto;
    height: 3.7vw;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left:after {
    margin: 1.75vw 0;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left:after {
    background-size: 116px auto;
    margin: 45px 0;
    height: 94px;
  }
}
.TopicDetail .main .left .inside {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .TopicDetail .main .left .inside {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .left .inside {
    padding: 0;
  }
}
.TopicDetail .main .left .featuredImg {
  width: 100%;
  position: relative;
  border-radius: 9px;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .TopicDetail .main .left .featuredImg {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left .featuredImg {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .TopicDetail .main .left .featuredImg {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left .featuredImg {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .TopicDetail .main .left .featuredImg {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left .featuredImg {
    margin-top: 2.8vw;
    margin-bottom: 2.8vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left .featuredImg {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
.TopicDetail .main .left .featuredImg:before {
  content: "";
  padding-top: 56%;
  display: block;
}
.TopicDetail .main .left .featuredImg img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.TopicDetail .main .left .speakers {
  border-bottom: 1px solid #000000;
  width: 100%;
  padding: 10px 0 0 0;
  margin-bottom: 20x;
}
@media (min-width: 576px) {
  .TopicDetail .main .left .speakers {
    padding: 15px 0 0 0;
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left .speakers {
    padding: 0 0 1.4vw 0;
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left .speakers {
    padding: 0 0 36px 0;
    margin-bottom: 36px;
  }
}
.TopicDetail .main .left .speakers .title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .TopicDetail .main .left .speakers .title {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left .speakers .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left .speakers .title {
    font-size: 28px;
    line-height: 34px;
  }
}
.TopicDetail .main .left .speakers .cell {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .TopicDetail .main .left .speakers .cell {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left .speakers .cell {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left .speakers .cell {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 576px) {
  .TopicDetail .main .left .speakers .cell {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left .speakers .cell {
    margin-top: 1.4vw;
    margin-bottom: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left .speakers .cell {
    margin-top: 36px;
    margin-bottom: 18px;
  }
}
.TopicDetail .main .left .speakers .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 5px + 5px);
  margin-left: -5px;
}
@media (min-width: 768px) {
  .TopicDetail .main .left .speakers .list {
    width: calc(100% + 10px + 10px);
    margin-left: -10px;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left .speakers .list {
    width: calc(100% + 0.7vw + 0.7vw);
    margin-left: -0.7vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left .speakers .list {
    width: calc(100% + 18px + 18px);
    margin-left: -18px;
  }
}
.TopicDetail .main .left .speakers .list a {
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  width: calc(20% - 10px);
  border-radius: 9px;
  margin: 5px 5px;
}
@media (min-width: 1440px) {
  .TopicDetail .main .left .speakers .list a {
    border-radius: 0.65vw;
  }
}
@media (min-width: 1920px) {
  .TopicDetail .main .left .speakers .list a {
    border-radius: 0.58vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left .speakers .list a {
    border-radius: 15px;
  }
}
@media (min-width: 768px) {
  .TopicDetail .main .left .speakers .list a {
    width: calc(14.2857142857% - 20px);
    margin: 10px 10px;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .left .speakers .list a {
    width: calc(14.2857142857% - 20px);
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .left .speakers .list a {
    width: calc(14.2857142857% - 1.4vw);
    margin: 0.7vw 0.7vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .left .speakers .list a {
    width: calc(14.2857142857% - 36px);
    margin: 18px 18px;
  }
}
.TopicDetail .main .left .speakers .list a:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.TopicDetail .main .left .speakers .list a img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.TopicDetail .main .right {
  width: 100%;
}
@media (min-width: 576px) {
  .TopicDetail .main .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .right {
    width: calc(33.333% - 20px);
    margin-left: 20px;
    margin-right: 0;
    display: block;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .right {
    width: calc(33.333% - 1.4vw);
    margin-left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .right {
    width: calc(33.333% - 36px);
    margin-left: 36px;
  }
}
@media (max-width: 1023px) {
  .TopicDetail .main .right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.TopicDetail .main .right .EventsList {
  width: 100%;
}
@media (min-width: 576px) {
  .TopicDetail .main .right .EventsList {
    width: calc(50% - 20px - 20px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .right .EventsList {
    width: 100%;
    margin: 0;
  }
}
.TopicDetail .main .right .OpinionsBanner {
  width: 100%;
  border-top: 1px solid #000000;
  margin: 20px 0 20px 0;
}
@media (min-width: 576px) {
  .TopicDetail .main .right .OpinionsBanner {
    width: calc(50% - 20px - 20px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .right .OpinionsBanner {
    width: 100%;
    margin: 0;
  }
}
.TopicDetail .main .right .OpinionsBanner.Vertical .selected > .title {
  text-align: center;
}
@media (max-width: 575px) {
  .TopicDetail .main .right .OpinionsBanner.Vertical .selected > .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .TopicDetail .main .right .OpinionsBanner.Vertical .selected > .title {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .TopicDetail .main .right .OpinionsBanner.Vertical .selected .list {
    margin-top: 20px;
  }
}
@media (min-width: 576px) {
  .TopicDetail .main .right .OpinionsBanner.Vertical .selected .list .OpinionCard {
    width: calc(100% - 20px - 20px);
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .right .OpinionsBanner.Vertical .selected .list .OpinionCard {
    width: 100%;
  }
}
.TopicDetail .main .right .TopicsBanner {
  width: 100%;
  border-top: 1px solid #000000;
  margin: 20px 0 20px 0;
}
@media (min-width: 576px) {
  .TopicDetail .main .right .TopicsBanner {
    width: calc(50% - 20px - 20px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .right .TopicsBanner {
    width: 100%;
    margin: 0;
  }
}
.TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
  border-bottom: 1px solid #000000;
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 0.3em;
  padding: 20px 0 20px 0;
  text-align: center;
}
@media (max-width: 575px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: calc(28px + 7 * (100vw - 768px) / 255);
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: calc(25px + 10 * (100vw - 1024px) / 415);
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: calc(35px + 20 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: 55px;
  }
}
@media (min-width: 576px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 25px 0 0 0;
    border: 0;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 40px 0;
    border-bottom: 1px solid #000000;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 72px 0;
  }
}
@media (min-width: 576px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list {
    width: calc(100% + 20px + 20px);
    margin-right: -20px;
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin: 40px 0 0 0;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin: 2.8vw 0 0 0;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin: 72px 0 0 0;
  }
}
@media (max-width: 1023px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin-top: 20px;
  }
}
.TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard {
  border: 0;
  padding-top: 0;
}
@media (min-width: 576px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard {
    width: calc(100% - 20px - 20px);
  }
}
@media (min-width: 1024px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard {
    width: 100%;
  }
}
.TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .thumb {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .thumb {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .thumb {
    margin-bottom: 36px;
  }
}
.TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
  width: 100%;
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  text-align: left;
  padding: 0;
  border: 0;
}
@media (min-width: 768px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
    font-size: 64px;
    line-height: 71px;
  }
}
.TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title h2,
.TopicDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title h3 {
  width: 100%;
  text-align: center;
  font-weight: 300;
}
.TopicDetail .main .bottom {
  width: 100%;
}
@media (min-width: 768px) {
  .TopicDetail .main .bottom {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .TopicDetail .main .bottom {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.TopicDetail .main .EventsList.Single {
  position: relative;
  padding: 20px 0 20px 0;
}
@media (min-width: 1024px) {
  .TopicDetail .main .EventsList.Single {
    padding: 0 0 40px 0;
  }
}
@media (min-width: 1440px) {
  .TopicDetail .main .EventsList.Single {
    padding: 0 0 4.2vw 0;
  }
}
@media (min-width: 2560px) {
  .TopicDetail .main .EventsList.Single {
    padding: 0 0 108px 0;
  }
}

.TopicsHome {
  position: relative;
  background-color: #F1EEE9;
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
  border-radius: 9px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .TopicsHome {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .TopicsHome {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .TopicsHome {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .TopicsHome {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .TopicsHome {
    padding: 5.5vw 0;
  }
}
@media (min-width: 2560px) {
  .TopicsHome {
    padding: 141px 0;
  }
}
.TopicsHome .selected header .title {
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 0.3em;
  text-align: center;
}
@media (min-width: 768px) {
  .TopicsHome .selected header .title {
    font-size: 30px;
    font-size: calc(28px + 22 * (100vw - 768px) / 671);
  }
}
@media (min-width: 1440px) {
  .TopicsHome .selected header .title {
    font-size: 50px;
    font-size: calc(50px + 40 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .TopicsHome .selected header .title {
    font-size: 90px;
  }
}
.TopicsHome .selected .desc {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .TopicsHome .selected .desc {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .TopicsHome .selected .desc {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .TopicsHome .selected .desc {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .TopicsHome .selected .desc {
    margin-top: 3vw;
    width: 66.666%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 2560px) {
  .TopicsHome .selected .desc {
    margin-top: 77px;
  }
}
.TopicsHome .selected .desc p {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .TopicsHome .selected .desc p {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .TopicsHome .selected .desc p {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .TopicsHome .selected .desc p {
    font-size: 32px;
    line-height: 40px;
  }
}
.TopicsHome .selected .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .TopicsHome .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
    margin-top: 5vw;
    padding-top: 5vw;
  }
}
@media (min-width: 1440px) {
  .TopicsHome .selected .list {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicsHome .selected .list {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
    margin-top: 128px;
    padding-top: 128px;
  }
}
@media (min-width: 768px) {
  .TopicsHome .selected .list:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #000000;
    top: -1px;
    left: 20px;
    right: 20px;
  }
}
@media (min-width: 1440px) {
  .TopicsHome .selected .list:before {
    left: 1.4vw;
    right: 1.4vw;
  }
}
@media (min-width: 1920px) {
  .TopicsHome .selected .list:before {
    left: 36px;
    right: 36px;
  }
}
.TopicsHome .selected .list .TopicCard {
  width: 100%;
  margin: 0 0 40px 0;
  padding: 0;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .TopicsHome .selected .list .TopicCard {
    width: calc(33.333% - 20px - 20px);
    margin: 0 20px 5vw 20px;
  }
}
@media (min-width: 1440px) {
  .TopicsHome .selected .list .TopicCard {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 0 1.4vw 5vw 1.4vw;
  }
}
@media (min-width: 2560px) {
  .TopicsHome .selected .list .TopicCard {
    width: calc(33.333% - 36px - 36px);
    margin: 0 36px 128px 36px;
  }
}
.TopicsHome .selected .list .TopicCard .thumb {
  width: 100%;
}
.TopicsHome .selected .list .TopicCard .title {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .TopicsHome .selected .list .TopicCard .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .TopicsHome .selected .list .TopicCard .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .TopicsHome .selected .list .TopicCard .title {
    font-size: 64px;
    line-height: 71px;
  }
}
.TopicsHome .selected .list .TopicCard .title h2,
.TopicsHome .selected .list .TopicCard .title h3 {
  text-align: center;
  width: 100%;
  font-weight: 300;
}
.TopicsHome .selected .list .TopicCard .title h2 a,
.TopicsHome .selected .list .TopicCard .title h3 a {
  color: #000000;
}
.TopicsHome .selected .list .TopicCard .title h2 a:hover,
.TopicsHome .selected .list .TopicCard .title h3 a:hover {
  text-decoration: underline;
}
.TopicsHome .selected .paging {
  text-align: center;
  padding: 0;
}
@media (max-width: 767px) {
  .TopicsHome .selected .paging .btn a {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.SpeakersFilters {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .SpeakersFilters {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .SpeakersFilters {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .SpeakersFilters {
    margin-bottom: 3.5vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersFilters {
    margin-bottom: 90px;
  }
}
.SpeakersFilters .alphabetical {
  border-top: 1px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 7px 0;
}
@media (min-width: 768px) {
  .SpeakersFilters .alphabetical {
    padding: 9px 0;
  }
}
@media (min-width: 1440px) {
  .SpeakersFilters .alphabetical {
    padding: 0.65vw 0;
  }
}
@media (min-width: 2560px) {
  .SpeakersFilters .alphabetical {
    padding: 17px 0;
  }
}
.SpeakersFilters .alphabetical .lang {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  border: 1px solid #000000;
  border-radius: 50%;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: auto;
  padding: 4.3px 9.3px 4.3px 9.3px;
  margin-top: 3px;
}
@media (min-width: 768px) {
  .SpeakersFilters .alphabetical .lang {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .SpeakersFilters .alphabetical .lang {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .SpeakersFilters .alphabetical .lang {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .SpeakersFilters .alphabetical .lang {
    padding: 4.3px 9.3px 4.3px 9.3px;
    margin-top: 5px;
  }
}
@media (min-width: 1440px) {
  .SpeakersFilters .alphabetical .lang {
    padding: 0.3vw 0.65vw 0.3vw 0.65vw;
    margin-top: 0.4vw;
  }
}
.SpeakersFilters .alphabetical .letters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 10px;
}
@media (min-width: 1440px) {
  .SpeakersFilters .alphabetical .letters {
    margin-left: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersFilters .alphabetical .letters {
    margin-left: 18px;
  }
}
.SpeakersFilters .alphabetical .letters li a {
  font-size: 23px;
  line-height: 1em;
  font-weight: 300;
  color: #000000;
  position: relative;
  display: block;
  border-radius: 9px;
  padding: 2px 5px 5px 5px;
  margin: 0 3px;
}
@media (min-width: 768px) {
  .SpeakersFilters .alphabetical .letters li a {
    font-size: 30px;
  }
}
@media (min-width: 1440px) {
  .SpeakersFilters .alphabetical .letters li a {
    font-size: 30px;
    font-size: calc(30px + 25 * (100vw - 1440px) / 1120);
  }
}
@media (min-width: 2560px) {
  .SpeakersFilters .alphabetical .letters li a {
    font-size: 55px;
  }
}
@media (min-width: 1440px) {
  .SpeakersFilters .alphabetical .letters li a {
    border-radius: 0.65vw;
  }
}
@media (min-width: 1920px) {
  .SpeakersFilters .alphabetical .letters li a {
    border-radius: 0.58vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersFilters .alphabetical .letters li a {
    border-radius: 15px;
  }
}
@media (min-width: 768px) {
  .SpeakersFilters .alphabetical .letters li a {
    padding: 0.2vw 0.55vw 0.5vw 0.55vw;
    margin: 0 0.3vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersFilters .alphabetical .letters li a {
    padding: 5px 14.2px 15px 14.2px;
    margin: 0 7.7px;
  }
}
.SpeakersFilters .alphabetical .letters li a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.SpeakersFilters .alphabetical .letters li a.nodata {
  color: #000000;
  opacity: 0.3;
  cursor: text;
}
.SpeakersFilters .alphabetical .letters li a.active {
  background-color: #FFFFFF;
  -webkit-box-shadow: 4px 0px 0px #FFFFFF, -4px 0px 0px #FFFFFF, -4px 0px 0px #FFFFFF, 4px 0px 0px #FFFFFF;
          box-shadow: 4px 0px 0px #FFFFFF, -4px 0px 0px #FFFFFF, -4px 0px 0px #FFFFFF, 4px 0px 0px #FFFFFF;
}
@media (min-width: 768px) {
  .SpeakersFilters .alphabetical .letters li a.active {
    -webkit-box-shadow: 5px 1px 0px #FFFFFF, -5px 1px 0px #FFFFFF, -5px -1px 0px #FFFFFF, 5px -1px 0px #FFFFFF;
            box-shadow: 5px 1px 0px #FFFFFF, -5px 1px 0px #FFFFFF, -5px -1px 0px #FFFFFF, 5px -1px 0px #FFFFFF;
  }
}
@media (min-width: 1440px) {
  .SpeakersFilters .alphabetical .letters li a.active {
    -webkit-box-shadow: 6px 3px 0px #FFFFFF, -6px 3px 0px #FFFFFF, -6px -3px 0px #FFFFFF, 6px -3px 0px #FFFFFF;
            box-shadow: 6px 3px 0px #FFFFFF, -6px 3px 0px #FFFFFF, -6px -3px 0px #FFFFFF, 6px -3px 0px #FFFFFF;
  }
}
.SpeakersFilters .alphabetical .letters li a.active:before {
  content: "";
  position: absolute;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  z-index: -1;
  border-radius: 9px;
  top: 0px;
  right: -4px;
  bottom: 0px;
  left: -4px;
}
@media (min-width: 1440px) {
  .SpeakersFilters .alphabetical .letters li a.active:before {
    border-radius: 0.65vw;
  }
}
@media (min-width: 1920px) {
  .SpeakersFilters .alphabetical .letters li a.active:before {
    border-radius: 0.58vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersFilters .alphabetical .letters li a.active:before {
    border-radius: 15px;
  }
}
@media (min-width: 768px) {
  .SpeakersFilters .alphabetical .letters li a.active:before {
    top: -1px;
    right: -5px;
    bottom: -1px;
    left: -5px;
  }
}
@media (min-width: 1440px) {
  .SpeakersFilters .alphabetical .letters li a.active:before {
    top: -3px;
    right: -6px;
    bottom: -3px;
    left: -6px;
  }
}

.SpeakersList {
  overflow-x: hidden;
}
.SpeakersList > .container .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 20px + 20px);
  margin-left: -20px;
  margin-top: -20px;
}
@media (min-width: 1440px) {
  .SpeakersList > .container .list {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
    margin-top: -1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersList > .container .list {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
    margin-top: -36px;
  }
}
.SpeakersList .SpeakerCard {
  margin: 20px;
  border-bottom: 1px solid #000000;
  width: 100%;
}
@media (min-width: 576px) {
  .SpeakersList .SpeakerCard {
    width: calc(50% - 20px - 20px);
  }
}
@media (min-width: 1024px) {
  .SpeakersList .SpeakerCard {
    width: calc(33.333% - 20px - 20px);
  }
}
@media (min-width: 1440px) {
  .SpeakersList .SpeakerCard {
    width: calc(25% - 1.4vw - 1.4vw);
    margin: 1.4vw;
  }
}
@media (min-width: 1920px) {
  .SpeakersList .SpeakerCard {
    width: calc(25% - 1.4vw - 1.4vw);
    margin: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersList .SpeakerCard {
    width: calc(20% - 36px - 36px);
    margin: 36px;
  }
}
.SpeakersList .paging .btn {
  width: 100%;
}
@media (min-width: 1024px) {
  .SpeakersList .paging .btn {
    width: 66.666%;
  }
}

.SpeakerCard {
  border-bottom: 1px solid #000000;
}
.SpeakerCard .thumb {
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .SpeakerCard .thumb {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerCard .thumb {
    margin-bottom: 36px;
  }
}
.SpeakerCard .thumb:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.SpeakerCard .thumb a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
}
@media (min-width: 768px) {
  .SpeakerCard .thumb a {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .SpeakerCard .thumb a {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .SpeakerCard .thumb a {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerCard .thumb a {
    border-radius: 50px;
  }
}
.SpeakerCard .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SpeakerCard .name {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .SpeakerCard .name {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakerCard .name {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakerCard .name {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1440px) {
  .SpeakerCard .name {
    margin-bottom: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerCard .name {
    margin-bottom: 18px;
  }
}
.SpeakerCard .name a {
  color: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.SpeakerCard .name a:hover {
  text-decoration: underline;
}
.SpeakerCard .desc {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .SpeakerCard .desc {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakerCard .desc {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakerCard .desc {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .SpeakerCard .desc {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerCard .desc {
    margin-bottom: 36px;
  }
}
.SpeakerCard .btn {
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .SpeakerCard .btn {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerCard .btn {
    margin-bottom: 36px;
  }
}

.SpeakerDetail > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .SpeakerDetail > .container {
    padding-top: 25px;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail > .container {
    padding-top: 1.75vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail > .container {
    padding-top: 45px;
  }
}
.SpeakerDetail > .container:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000000;
  top: -1px;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .SpeakerDetail > .container:before {
    left: 46px;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail > .container:before {
    left: 80px;
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .SpeakerDetail > .container:before {
    left: 140px;
    right: 140px;
  }
}
.SpeakerDetail .left {
  width: 100%;
}
@media (min-width: 480px) {
  .SpeakerDetail .left {
    width: 50%;
    padding-right: 6vw;
  }
}
@media (min-width: 1024px) {
  .SpeakerDetail .left {
    padding-right: 6vw;
    width: 33.333%;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .left {
    padding-right: 154px;
  }
}
.SpeakerDetail .left .thumb {
  position: relative;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  border-radius: 9px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .SpeakerDetail .left .thumb {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .left .thumb {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .SpeakerDetail .left .thumb {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .left .thumb {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .SpeakerDetail .left .thumb {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .SpeakerDetail .left .thumb {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .left .thumb {
    margin-bottom: 3.5vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .left .thumb {
    margin-bottom: 90px;
  }
}
.SpeakerDetail .left .thumb:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.SpeakerDetail .left .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SpeakerDetail .right {
  width: 100%;
}
@media (min-width: 1024px) {
  .SpeakerDetail .right {
    width: 66.666%;
  }
}
.SpeakerDetail .right .info {
  width: 100%;
  border-bottom: 1px solid #000000;
  padding-bottom: 20px;
}
@media (min-width: 480px) {
  .SpeakerDetail .right .info {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1024px) {
  .SpeakerDetail .right .info {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .right .info {
    width: calc(33.333% - 1.4vw);
    padding-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .right .info {
    width: calc(33.333% - 36px);
    padding-bottom: 36px;
  }
}
.SpeakerDetail .right .info .name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .SpeakerDetail .right .info .name {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .right .info .name {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .right .info .name {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .right .info .name {
    margin-bottom: 0.7vw 0;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .right .info .name {
    margin-bottom: 18px 0;
  }
}
.SpeakerDetail .right .info .desc {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .SpeakerDetail .right .info .desc {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .SpeakerDetail .right .info .desc {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .SpeakerDetail .right .info .desc {
    font-size: 24px;
    line-height: 32px;
  }
}

.SpeakerEvents.EventsList > .container .list {
  width: calc(100% + 20px + 20px);
  margin-left: -20px;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .SpeakerEvents.EventsList > .container .list {
    width: calc(66.666% + 20px + 20px);
    margin-left: auto;
    margin-right: -20px;
  }
}
@media (min-width: 1440px) {
  .SpeakerEvents.EventsList > .container .list {
    width: calc(66.666% + 1.4vw + 1.4vw);
    margin-right: -1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList > .container .list {
    width: calc(66.666% + 36px + 36px);
    margin-right: -36px;
  }
}
.SpeakerEvents.EventsList > .container .list .EventCard {
  width: 100%;
}
@media (min-width: 576px) {
  .SpeakerEvents.EventsList > .container .list .EventCard {
    width: calc(50% - 20px - 20px);
  }
}
@media (min-width: 1440px) {
  .SpeakerEvents.EventsList > .container .list .EventCard {
    width: calc(50% - 1.4vw - 1.4vw);
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList > .container .list .EventCard {
    width: calc(50% - 36px - 36px);
  }
}
.SpeakerEvents.EventsList.ListItems {
  margin: 20px 0 0 0;
}
@media (min-width: 1440px) {
  .SpeakerEvents.EventsList.ListItems {
    margin: 1.4vw 0 0 0;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList.ListItems {
    margin: 36px 0 0 0;
  }
}
.SpeakerEvents.EventsList.ListItems > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.SpeakerEvents.EventsList.ListItems .left {
  width: 100%;
}
@media (min-width: 1024px) {
  .SpeakerEvents.EventsList.ListItems .left {
    padding-right: 6vw;
    width: 33.333%;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList.ListItems .left {
    padding-right: 154px;
  }
}
.SpeakerEvents.EventsList.ListItems .left .title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .SpeakerEvents.EventsList.ListItems .left .title {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakerEvents.EventsList.ListItems .left .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList.ListItems .left .title {
    font-size: 28px;
    line-height: 34px;
  }
}
.SpeakerEvents.EventsList.ListItems .right {
  width: 100%;
}
@media (min-width: 1024px) {
  .SpeakerEvents.EventsList.ListItems .right {
    width: 66.666%;
  }
}
.SpeakerEvents.EventsList.ListItems .right .list {
  border-top: 1px solid #000000;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.SpeakerEvents.EventsList.ListItems .right .list .ItemCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 0;
  border-bottom: 1px solid #000000;
  width: 100%;
  margin: 0;
  padding: 40px 0 20px 0;
}
@media (min-width: 576px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard {
    padding: 20px 0 20px 0;
  }
}
@media (min-width: 1024px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard {
    padding: 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard {
    padding: 72px 0;
  }
}
.SpeakerEvents.EventsList.ListItems .right .list .ItemCard .thumb {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  /*&:before {
      content:"";padding-top:56%;display:block;
  }
  > a {
      position:absolute;top:0;right:0;bottom:0;left:0;
      overflow:hidden;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
      @include BorderRadius20;
      //border-radius:9px;
      @media (min-width: $break-md) {
          //border-radius:18px;
      }
      @media (min-width: $break-xxlg) {
          //border-radius:1.5vw;
      }
      @media (min-width: $break-xxxlg) {
          //border-radius:1.1vw;
      }
      @media (min-width: $break-xlarge) {
          //border-radius:30px;
      }
  }
  .image {
      position:absolute;top:0;right:0;bottom:0;left:0;
      opacity:1;z-index:1;
      img {
          object-fit:cover;object-position:center;
          position:absolute;top:0;right:0;bottom:0;left:0;
          width:100%;height:100%;
      }
  }*/
}
@media (min-width: 576px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .thumb {
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .thumb {
    width: calc(50% - 1.4vw);
    margin-right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .thumb {
    width: calc(50% - 36px);
    margin-right: 36px;
  }
}
.SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info {
  display: block; /*flex-wrap:wrap;*/
  border: 0;
  padding-bottom: 0;
  letter-spacing: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info {
    width: 50%;
    padding-left: 20px;
  }
}
@media (min-width: 1440px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info {
    padding-left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info {
    padding-left: 36px;
  }
}
.SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .parent {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  border: 1px solid #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 16px;
  border-radius: 20px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .parent {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .parent {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .parent {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1024px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .parent {
    margin: 0 0 1.4vw 0;
  }
}
@media (min-width: 1440px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .parent {
    padding: 0.82vw 1.5vw;
    border-radius: 6.33vw;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .parent {
    padding: 21px 39px;
    border-radius: 165px;
    margin: 0 0 36px 0;
  }
}
.SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .title {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  padding-top: 0;
  padding-bottom: 0;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .title {
    font-size: 64px;
    line-height: 71px;
  }
}
.SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .title a {
  color: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.SpeakerEvents.EventsList.ListItems .right .list .ItemCard .info .title a:hover {
  text-decoration: underline;
}

.SpeakersCarousel {
  position: relative;
  background-color: #F1EEE9;
  overflow: hidden;
  -webkit-box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.1);
  border-radius: 9px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .SpeakersCarousel {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .SpeakersCarousel {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .SpeakersCarousel {
    padding: 5.5vw 0;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel {
    padding: 141px 0;
  }
}
.SpeakersCarousel > .container {
  overflow: hidden;
}
.SpeakersCarousel .title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .SpeakersCarousel .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .title {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .SpeakersCarousel .title {
    margin-bottom: 3vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .title {
    margin-bottom: 77px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider {
  position: relative;
  border-bottom: 1px solid #000000;
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item {
  cursor: -webkit-grab;
  cursor: grab;
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: calc(100% - 40px);
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info {
    width: 80%;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info {
    width: 50%;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
  width: 60px;
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image {
    border-radius: 0.65vw;
  }
}
@media (min-width: 1920px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image {
    border-radius: 0.58vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image {
    border-radius: 15px;
  }
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image {
    width: 70px;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image {
    width: 5.6vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image {
    width: 144px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right {
  padding-left: 20px;
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right {
    padding-left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right {
    padding-left: 36px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .name {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .name {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .name {
    font-size: 28px;
    line-height: 34px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .name a {
  color: #000000;
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .name a:hover {
  text-decoration: underline;
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .desc {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .desc {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .desc {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .desc {
    font-size: 28px;
    line-height: 36px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto {
  font-size: 21px;
  line-height: 24px;
  letter-spacing: 0.05em;
  font-weight: 300;
  width: calc(100% - 40px);
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto {
    font-size: 24px;
    line-height: 28px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.17em;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto {
    font-size: 36px;
    line-height: 44px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto {
    font-size: 64px;
    line-height: 78px;
  }
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto {
    width: 80%;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto {
    width: 70%;
    padding-top: 1.4vw;
    padding-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto .btn {
  cursor: pointer;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    bottom: -5px;
  }
}
@media (max-width: 767px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .motto .btn {
    text-align: right;
    margin-top: 10px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 40px);
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears {
    width: 80%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears {
    width: 70%;
    padding-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears {
    padding-bottom: 36px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears span:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears span {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears span {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears span {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears span {
    font-size: 28px;
    line-height: 36px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears span strong {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears span strong {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears span strong {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears span strong {
    font-size: 28px;
    line-height: 34px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 20px;
  margin: 0 10px 0 10px;
  width: 25px;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears svg {
    height: auto;
    width: 3.5vw;
    margin-top: -5px;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears svg {
    margin: -5px 0.7vw 0 0.7vw;
    width: 2.5vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears svg {
    margin: -5px 18px 0 18px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears .events {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1px;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears .events {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears .events {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears .events {
    font-size: 28px;
    line-height: 36px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears .events .item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears .events .item {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears .events .item {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears .events .item {
    font-size: 28px;
    line-height: 36px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .buttons {
  position: absolute;
  right: 0;
  top: 0;
  bottom: -1px;
  width: 40px;
  margin-right: -20px;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .buttons {
    width: 46px;
    margin-right: -46px;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .buttons {
    width: 80px;
    margin-right: -80px;
  }
}
@media (min-width: 1920px) {
  .SpeakersCarousel .SpeakersInfoSlider .buttons {
    width: 140px;
    margin-right: -140px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .buttons:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 1px;
  background-color: #000000;
  z-index: 1;
}
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev,
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next {
  position: absolute;
  right: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: none;
  background-color: #F1EEE9;
}
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev svg,
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next svg {
  height: 13px;
  width: auto;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev svg,
  .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next svg {
    height: 15px;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev svg,
  .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next svg {
    height: 1em;
  }
}
@media (min-width: 1920px) {
  .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev svg,
  .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next svg {
    height: 1.4em;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev svg,
  .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next svg {
    height: 23px;
  }
}
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev svg path,
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next svg path {
  fill: #000000;
}
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev.swiper-button-disabled,
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev.swiper-button-disabled svg,
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next.swiper-button-disabled svg {
  opacity: 0.3;
}
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev:hover svg path,
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next:hover svg path {
  fill: rgba(0, 0, 0, 0.8);
}
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev {
  top: 50%;
  bottom: 0;
}
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next {
  top: 0;
  bottom: 50%;
  border-bottom: 1px solid #000000;
}
.SpeakersCarousel .SpeakersInfoThumbs {
  position: relative;
  z-index: 1;
  background-color: #F1EEE9;
  padding: 20px 0;
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoThumbs {
    padding: 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoThumbs {
    padding: 36px 0;
  }
}
@media (max-width: 767px) {
  .SpeakersCarousel .SpeakersInfoThumbs:after {
    content: "";
    position: absolute;
    right: 0;
    left: 100%;
    background-color: #F1EEE9;
    right: -40px;
    top: -21px;
    bottom: 0;
    z-index: 1;
  }
}
.SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb .image {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  margin: 2px;
  border-radius: 9px;
  width: 40px;
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb .image {
    border-radius: 0.65vw;
  }
}
@media (min-width: 1920px) {
  .SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb .image {
    border-radius: 0.58vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb .image {
    border-radius: 15px;
  }
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb .image {
    width: 70px;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb .image {
    width: 5.6vw;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb .image {
    width: 144px;
  }
}
.SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb .image:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SpeakersCarousel .SpeakersInfoThumbs .SpeakerThumbs .thumb.swiper-slide-thumb-active .image {
  border: 2px solid #FFFFFF;
  margin: 0;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoThumbs .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    width: auto;
    height: 100%;
    padding-left: 50px;
    background: -webkit-gradient(linear, right top, left top, color-stop(70%, #F1EEE9), to(rgba(241, 238, 233, 0)));
    background: -o-linear-gradient(right, #F1EEE9 70%, rgba(241, 238, 233, 0) 100%);
    background: linear-gradient(270deg, #F1EEE9 70%, rgba(241, 238, 233, 0) 100%);
    padding-top: 20px 0;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoThumbs .btn {
    padding-top: 1.4vw 0;
  }
}
@media (min-width: 2560px) {
  .SpeakersCarousel .SpeakersInfoThumbs .btn {
    padding-top: 36px 0;
  }
}
@media (max-width: 767px) {
  .SpeakersCarousel .SpeakersInfoThumbs .btn {
    text-align: center;
    padding-top: 40px;
  }
  .SpeakersCarousel .SpeakersInfoThumbs .btn a {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.SpeakersCarousel .SpeakersInfoThumbs .btn:after {
  content: "";
  position: absolute;
  left: 100%;
  background-color: #F1EEE9;
  right: -40px;
  top: -21px;
  bottom: -20px;
}
@media (min-width: 768px) {
  .SpeakersCarousel .SpeakersInfoThumbs .btn:after {
    right: -46px;
  }
}
@media (min-width: 1440px) {
  .SpeakersCarousel .SpeakersInfoThumbs .btn:after {
    right: -80px;
    top: -1.5vw;
    bottom: -1.4vw;
  }
}
@media (min-width: 1920px) {
  .SpeakersCarousel .SpeakersInfoThumbs .btn:after {
    right: -140px;
    top: -37px;
    bottom: -36px;
  }
}
@media (max-width: 767px) {
  .SpeakersCarousel .SpeakersInfoThumbs .btn:after {
    content: none;
  }
}

.OpinionsFiltersCarousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
}
.OpinionsFiltersCarousel .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  width: calc(100% + 20px + 20px);
}
@media (min-width: 768px) {
  .OpinionsFiltersCarousel .container {
    width: calc(100% + 46px);
  }
}
@media (min-width: 1024px) {
  .OpinionsFiltersCarousel .container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 1440px) {
  .OpinionsFiltersCarousel .container {
    width: calc(100% + 80px);
  }
}
@media (min-width: 1920px) {
  .OpinionsFiltersCarousel .container {
    width: calc(100% + 140px);
  }
}
.OpinionsFiltersCarousel .container:before {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  background-color: #000000;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .OpinionsFiltersCarousel .container:before {
    left: 46px;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .OpinionsFiltersCarousel .container:before {
    left: 80px;
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .OpinionsFiltersCarousel .container:before {
    left: 140px;
    right: 140px;
  }
}
.OpinionsFiltersCarousel .container .Filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 15px;
}
@media (min-width: 1440px) {
  .OpinionsFiltersCarousel .container .Filters {
    margin-top: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsFiltersCarousel .container .Filters {
    margin-top: 36px;
  }
}
@media (max-width: 767px) {
  .OpinionsFiltersCarousel .container .Filters {
    margin-left: -5px;
  }
}
.OpinionsFiltersCarousel .container .swiper .swiper-wrapper {
  height: auto;
}
@media (min-width: 1024px) {
  .OpinionsFiltersCarousel .container .swiper .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.OpinionsFiltersCarousel .container .swiper .swiper-slide {
  width: auto !important;
  /*.button {
      @include TinyTextLt;
      color:$Black;background-color:$White;border:1px solid transparent;
      display:inline-flex;//border:0;
      transition: all 0.3s ease-in-out;
      padding:10px 20px;border-radius:22px;          //height:40px;
      margin:0 5px 15px 5px;
      @media (min-width: $break-md) {
          //padding:10px 20px;border-radius:22px;          //height:44px;
      } 
      @media (min-width: $break-xxlg) {          //height:58px;
          //padding:1.34vw;
          padding:0.82vw 1.5vw;border-radius:6.33vw;
          margin:0 0.7vw 1.4vw 0.7vw;
      }  
      @media (min-width: $break-xlarge) {          //height:100px;
          padding:21px 39px;border-radius:165px;
          margin:0 18px 36px 18px; 
      }
      &:hover {
          background-color:$WhiteHover;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
      }
      &.selected {
          color:$White;background-color:$Black;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
      }
  }*/
}

.OpinionsList > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  /*&:before {
      content:"";position:absolute;height:1px;background-color:$Black;top:-1px;
      left:20px;right:20px;
      @media (min-width: $break-md) {
          left:46px;right:46px;
      }
      @media (min-width: $break-xxlg) {
          left:80px;right:80px;
      }
      @media (min-width: $break-xxxlg) {
          left:140px;right:140px;
      }
  }*/
}
.OpinionsList .featured:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000000;
  top: -1px;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .OpinionsList .featured:before {
    left: 46px;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .featured:before {
    left: 80px;
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .OpinionsList .featured:before {
    left: 140px;
    right: 140px;
  }
}
.OpinionsList .featured .OpinionCard {
  padding: 40px 0 20px 0;
}
@media (min-width: 1024px) {
  .OpinionsList .featured .OpinionCard {
    padding: 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .featured .OpinionCard {
    padding: 72px 0;
  }
}
.OpinionsList .featured .OpinionCard .tags {
  position: absolute;
  z-index: 1;
  left: 10px;
  bottom: 10px;
}
@media (min-width: 576px) {
  .OpinionsList .featured .OpinionCard .tags {
    bottom: 20px;
    left: 20px;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .featured .OpinionCard .tags {
    bottom: 1.4vw;
    left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .featured .OpinionCard .tags {
    bottom: 36px;
    left: 36px;
  }
}
.OpinionsList .featured .OpinionCard .tags span {
  /*@include TinyTextLt;
  color:$Black;background-color:$White;border:1px solid transparent;
  display:inline-flex;//border:0;
  //transition: all 0.3s ease-in-out;
  padding:10px 20px;border-radius:22px;         //height:40px;
  //margin:0 5px 15px 5px;
  @media (min-width: $break-md) {
      //padding:1.34vw;border-radius:6.33vw;
      //padding:10px 20px;border-radius:22px;          //height:44px;
  } 
  @media (min-width: $break-xxlg) {          //height:58px;
      //padding:1.34vw;
      padding:0.82vw 1.5vw;border-radius:6.33vw;
      //margin:0 0.7vw 1.4vw 0.7vw;
  }  
  @media (min-width: $break-xlarge) {          //height:100px;
      padding:21px 39px;border-radius:165px;
      //margin:0 18px 36px 18px; 
  }*/
}
@media (max-width: 1023px) {
  .OpinionsList .featured .left {
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 1023px) {
  .OpinionsList .featured .left .OpinionCard {
    padding: 40px 0 40px 0;
  }
}
.OpinionsList .featured .left .OpinionCard .thumb > a {
  border-radius: 9px;
}
@media (min-width: 768px) {
  .OpinionsList .featured .left .OpinionCard .thumb > a {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .featured .left .OpinionCard .thumb > a {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .OpinionsList .featured .left .OpinionCard .thumb > a {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .featured .left .OpinionCard .thumb > a {
    border-radius: 50px;
  }
}
.OpinionsList .featured .left .OpinionCard .info .title {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 0.02em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .OpinionsList .featured .left .OpinionCard .info .title {
    font-size: 30px;
    line-height: 32px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
    line-height: 1.07em;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .featured .left .OpinionCard .info .title {
    font-size: 40px;
    line-height: 44px;
    font-size: calc(40px + 32 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .featured .left .OpinionCard .info .title {
    font-size: 72px;
    line-height: 80px;
  }
}
.OpinionsList .featured .right {
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .OpinionsList .featured .right {
    width: 100%;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 1023px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(1) {
    width: 50%;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}
.OpinionsList .featured .right .OpinionCard:nth-child(1) .thumb .tags {
  left: 10px;
  bottom: 10px;
}
@media (min-width: 1440px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(1) .thumb .tags {
    bottom: 0.7vw;
    left: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(1) .thumb .tags {
    bottom: 18px;
    left: 18px;
  }
}
.OpinionsList .featured .right .OpinionCard:nth-child(1) .info {
  text-align: center;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 15px;
}
@media (min-width: 1024px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(2) {
    border-top: 1px solid #000000;
  }
}
@media (max-width: 1023px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(2) {
    width: 50%;
    padding-left: 20px;
    padding-bottom: 40px;
  }
  .OpinionsList .featured .right .OpinionCard:nth-child(2):before {
    content: "";
    position: absolute;
    left: 20px;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #000000;
  }
}
@media (max-width: 575px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
  .OpinionsList .featured .right .OpinionCard:nth-child(2):before {
    left: 0;
  }
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb:before {
  content: none;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb > a {
  border-radius: 0;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: auto;
  display: none;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .image {
  display: none;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags {
  position: relative;
  bottom: auto;
  left: auto;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
@media (min-width: 768px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item {
    font-size: 28px;
    line-height: 34px;
  }
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item a {
  color: #000000;
  padding-right: 5px;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item a:after {
  content: ",";
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item:hover {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: underline;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item:last-child a {
  padding-right: 0;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item:last-child a:after {
  content: none;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .info {
  margin-top: auto;
}
.OpinionsList .featured .right .OpinionCard:nth-child(2) .info .title {
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0.02em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(2) .info .title {
    font-size: calc(22px + 2 * (100vw - 768px) / 671);
    line-height: 1.2em;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(2) .info .title {
    letter-spacing: 0.05em;
    font-size: calc(24px + 18 * (100vw - 1440px) / 1120);
    line-height: 1.3em;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .featured .right .OpinionCard:nth-child(2) .info .title {
    font-size: 42px;
    line-height: 54px;
  }
}
.OpinionsList .left {
  width: 100%;
}
@media (min-width: 576px) {
  .OpinionsList .left {
    width: 50%;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .OpinionsList .left {
    width: 66.666%;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .left {
    width: 66.666%;
    padding-right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .left {
    padding-right: 36px;
  }
}
.OpinionsList .right {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .OpinionsList .right {
    width: 50%;
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .OpinionsList .right {
    width: 33.333%;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .right {
    width: 33.333%;
    padding-left: 1.4vw;
    padding-bottom: 1.4vw;
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .right {
    padding-left: 36px;
    padding-bottom: 36px;
    margin-bottom: 36px;
  }
}
.OpinionsList .list {
  border-top: 1px solid #000000;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .OpinionsList .list {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .list {
    margin-bottom: 36px;
  }
}
.OpinionsList .list .OpinionCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #000000;
  padding: 40px 0 20px 0;
}
@media (min-width: 1024px) {
  .OpinionsList .list .OpinionCard {
    padding: 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .list .OpinionCard {
    padding: 72px 0;
  }
}
.OpinionsList .list .OpinionCard .thumb {
  width: 100%;
}
@media (min-width: 1024px) {
  .OpinionsList .list .OpinionCard .thumb {
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .list .OpinionCard .thumb {
    width: calc(50% - 1.4vw);
    margin-right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .list .OpinionCard .thumb {
    width: calc(50% - 36px);
    margin-right: 36px;
  }
}
.OpinionsList .list .OpinionCard .info {
  width: 100%;
}
@media (min-width: 1024px) {
  .OpinionsList .list .OpinionCard .info {
    width: 50%;
    padding-left: 20px;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .list .OpinionCard .info {
    padding-left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .list .OpinionCard .info {
    padding-left: 36px;
  }
}
.OpinionsList .list .OpinionCard .info .title {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .OpinionsList .list .OpinionCard .info .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .OpinionsList .list .OpinionCard .info .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .OpinionsList .list .OpinionCard .info .title {
    font-size: 64px;
    line-height: 71px;
  }
}

.OpinionCard .thumb {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .OpinionCard .thumb {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionCard .thumb {
    margin-bottom: 36px;
  }
}
.OpinionCard .thumb:before {
  content: "";
  padding-top: 56%;
  display: block;
}
.OpinionCard .thumb > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
}
@media (min-width: 768px) {
  .OpinionCard .thumb > a {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .OpinionCard .thumb > a {
    border-radius: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .OpinionCard .thumb > a {
    border-radius: 1.17vw;
  }
}
@media (min-width: 2560px) {
  .OpinionCard .thumb > a {
    border-radius: 30px;
  }
}
.OpinionCard .thumb .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: 1;
}
.OpinionCard .thumb .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.OpinionCard .info .title {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .OpinionCard .info .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .OpinionCard .info .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .OpinionCard .info .title {
    font-size: 64px;
    line-height: 71px;
  }
}
.OpinionCard .info .title a {
  color: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.OpinionCard .info .title a:hover {
  text-decoration: underline;
}
.OpinionCard .info .name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .OpinionCard .info .name {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .OpinionCard .info .name {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .OpinionCard .info .name {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1440px) {
  .OpinionCard .info .name {
    margin-top: 0.7vw;
  }
}
@media (min-width: 2560px) {
  .OpinionCard .info .name {
    margin-top: 18px;
  }
}
.OpinionCard .info .name a {
  color: #000000;
}
.OpinionCard .info .name a:hover {
  text-decoration: underline;
}

.OpinionsBanner {
  padding: 10px 0 0 0;
}
@media (min-width: 1024px) {
  .OpinionsBanner {
    border-top: 1px solid #000000;
    padding: 1.4vw 0 0 0;
  }
}
@media (min-width: 2560px) {
  .OpinionsBanner {
    padding: 36px 0 0 0;
  }
}
.OpinionsBanner .selected > .title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
}
@media (min-width: 768px) {
  .OpinionsBanner .selected > .title {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .OpinionsBanner .selected > .title {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .OpinionsBanner .selected > .title {
    font-size: 28px;
    line-height: 34px;
  }
}
.OpinionsBanner .selected .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-top: 40px;
  /*&:before {
      @media (min-width: $break-md) {
          content:"";position:absolute;height:1px;background-color:$Black;top:-1px;
          left:20px;right:20px;
          //left:46px;right:46px;
      }
      @media (min-width: $break-xxlg) {
          left:1.4vw;right:1.4vw;
      }
      @media (min-width: $break-xxxlg) {
          left:36px;right:36px;
      }
  }*/
}
@media (min-width: 768px) {
  .OpinionsBanner .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
  }
}
@media (min-width: 1024px) {
  .OpinionsBanner .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
    margin-top: 4vw;
    margin-bottom: calc(4vw - 40px);
  }
}
@media (min-width: 1440px) {
  .OpinionsBanner .selected .list {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
    margin-bottom: 1.2vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsBanner .selected .list {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
    margin-top: 102px;
    margin-bottom: 30px;
  }
}
.OpinionsBanner .selected .list .OpinionCard {
  width: 100%;
  margin: 0 0 40px 0;
}
@media (min-width: 768px) {
  .OpinionsBanner .selected .list .OpinionCard {
    width: calc(100% - 20px - 20px);
    margin: 0 20px 40px 20px;
  }
}
@media (min-width: 1024px) {
  .OpinionsBanner .selected .list .OpinionCard {
    width: calc(33.333% - 20px - 20px);
  }
}
@media (min-width: 1440px) {
  .OpinionsBanner .selected .list .OpinionCard {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 0 1.4vw 2.8vw 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsBanner .selected .list .OpinionCard {
    width: calc(33.333% - 36px - 36px);
    margin: 0 36px 72px 36px;
  }
}
.OpinionsBanner .selected .list .OpinionCard .info {
  text-align: center;
}
.OpinionsBanner.Vertical {
  padding: 0;
}
.OpinionsBanner.Vertical .selected > .title {
  border-bottom: 1px solid #000000;
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 0.3em;
  padding: 20px 0 20px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .OpinionsBanner.Vertical .selected > .title {
    font-size: calc(28px + 7 * (100vw - 768px) / 255);
  }
}
@media (min-width: 1024px) {
  .OpinionsBanner.Vertical .selected > .title {
    font-size: calc(25px + 10 * (100vw - 1024px) / 415);
  }
}
@media (min-width: 1440px) {
  .OpinionsBanner.Vertical .selected > .title {
    font-size: calc(35px + 20 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .OpinionsBanner.Vertical .selected > .title {
    font-size: 55px;
  }
}
@media (min-width: 576px) {
  .OpinionsBanner.Vertical .selected > .title {
    padding: 25px 0 0 0;
    text-align: left;
    border: 0;
  }
}
@media (min-width: 1024px) {
  .OpinionsBanner.Vertical .selected > .title {
    padding: 40px 0;
    text-align: center;
    border-bottom: 1px solid #000000;
  }
}
@media (min-width: 1440px) {
  .OpinionsBanner.Vertical .selected > .title {
    padding: 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .OpinionsBanner.Vertical .selected > .title {
    padding: 72px 0;
  }
}
.OpinionsBanner.Vertical .selected .list {
  margin-top: 40px;
}
@media (min-width: 576px) {
  .OpinionsBanner.Vertical .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
  }
}
@media (min-width: 1024px) {
  .OpinionsBanner.Vertical .selected .list {
    margin: 40px 0 0 0;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .OpinionsBanner.Vertical .selected .list {
    margin: 2.8vw 0 0 0;
  }
}
@media (min-width: 2560px) {
  .OpinionsBanner.Vertical .selected .list {
    margin: 72px 0 0 0;
  }
}
@media (min-width: 576px) {
  .OpinionsBanner.Vertical .selected .list .OpinionCard {
    width: calc(50% - 20px - 20px);
    margin: 0 20px 40px 20px;
  }
}
@media (min-width: 1024px) {
  .OpinionsBanner.Vertical .selected .list .OpinionCard {
    margin: 0 0 40px 0;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .OpinionsBanner.Vertical .selected .list .OpinionCard {
    margin: 0 0 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .OpinionsBanner.Vertical .selected .list .OpinionCard {
    margin: 0 0 72px 0;
  }
}

.OpinionDetail > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .OpinionDetail > .container {
    padding-top: 25px;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail > .container {
    padding-top: 1.75vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail > .container {
    padding-top: 45px;
  }
}
.OpinionDetail > .container:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000000;
  top: -1px;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .OpinionDetail > .container:before {
    left: 46px;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail > .container:before {
    left: 80px;
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .OpinionDetail > .container:before {
    left: 140px;
    right: 140px;
  }
}
.OpinionDetail .top .left {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .OpinionDetail .top .left {
    margin-bottom: 25px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .top .left {
    padding-right: 6vw;
    width: 33.333%;
    margin-bottom: 0;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .left {
    padding-right: 154px;
  }
}
@media (max-width: 1023px) {
  .OpinionDetail .top .left {
    border-bottom: 1px solid #000000;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .top .left:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #000000;
    width: calc(100% - 6vw);
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .left:after {
    width: calc(100% - 154px);
  }
}
.OpinionDetail .top .left .title {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 0.02em;
  font-weight: 300;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .OpinionDetail .top .left .title {
    font-size: 30px;
    line-height: 32px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
    line-height: 1.07em;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .top .left .title {
    font-size: 40px;
    line-height: 44px;
    font-size: calc(40px + 32 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .left .title {
    font-size: 72px;
    line-height: 80px;
  }
}
@media (min-width: 768px) {
  .OpinionDetail .top .left .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .top .left .title {
    margin-bottom: 2.1vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .left .title {
    margin-bottom: 54px;
  }
}
.OpinionDetail .top .left .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .OpinionDetail .top .left .info {
    padding-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .top .left .info {
    padding-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .left .info {
    padding-bottom: 36px;
  }
}
.OpinionDetail .top .left .info .thumb {
  position: relative;
  overflow: hidden;
  border-radius: 9px;
  width: 40px;
  margin-right: 10px;
}
@media (min-width: 1440px) {
  .OpinionDetail .top .left .info .thumb {
    border-radius: 0.65vw;
  }
}
@media (min-width: 1920px) {
  .OpinionDetail .top .left .info .thumb {
    border-radius: 0.58vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .left .info .thumb {
    border-radius: 15px;
  }
}
@media (min-width: 768px) {
  .OpinionDetail .top .left .info .thumb {
    width: 60px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .top .left .info .thumb {
    width: 5vw;
    margin-right: 20px;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .top .left .info .thumb {
    width: 4.2vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .left .info .thumb {
    width: 108px;
  }
}
.OpinionDetail .top .left .info .thumb:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.OpinionDetail .top .left .info .thumb a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.OpinionDetail .top .left .info .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.OpinionDetail .top .left .info .name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .OpinionDetail .top .left .info .name {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .top .left .info .name {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .left .info .name {
    font-size: 28px;
    line-height: 34px;
  }
}
.OpinionDetail .top .left .info .name a {
  color: #000000;
}
.OpinionDetail .top .left .info .name a:hover {
  text-decoration: underline;
}
.OpinionDetail .top .right {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #000000;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .OpinionDetail .top .right {
    padding-bottom: 25px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .top .right {
    width: calc(66.666% - 20px);
    margin-left: 20px;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .top .right {
    width: calc(66.666% - 1.4vw);
    margin-left: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .right {
    width: calc(66.666% - 36px);
    margin-left: 36px;
  }
}
.OpinionDetail .top .right .thumb {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 9px;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
@media (min-width: 768px) {
  .OpinionDetail .top .right .thumb {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .top .right .thumb {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .OpinionDetail .top .right .thumb {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .right .thumb {
    border-radius: 50px;
  }
}
.OpinionDetail .top .right .thumb:before {
  content: "";
  padding-top: 56%;
  display: block;
}
.OpinionDetail .top .right .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.OpinionDetail .top .right .tags {
  position: absolute;
  z-index: 10;
  right: 5px;
  bottom: 30px;
}
@media (min-width: 576px) {
  .OpinionDetail .top .right .tags {
    right: 15px;
    bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .top .right .tags {
    bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .top .right .tags {
    right: 0.7vw;
    bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .top .right .tags {
    right: 18px;
    bottom: 36px;
  }
}
.OpinionDetail .main:before {
  content: none;
}
.OpinionDetail .main .left {
  width: 100%;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .OpinionDetail .main .left {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .left {
    padding-right: 6vw;
    width: 66.666%;
    padding-left: 0;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .main .left {
    padding-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .main .left {
    padding-right: 154px;
    padding-bottom: 36px;
  }
}
@media (max-width: 575px) {
  .OpinionDetail .main .left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.OpinionDetail .main .right {
  width: 100%;
}
@media (min-width: 576px) {
  .OpinionDetail .main .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .right {
    width: calc(33.333% - 20px);
    margin-left: 20px;
    margin-right: 0;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .main .right {
    width: calc(33.333% - 1.4vw);
    margin-left: 1.4vw;
    padding-bottom: 1.4vw;
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .main .right {
    width: calc(33.333% - 36px);
    margin-left: 36px;
    padding-bottom: 36px;
    margin-bottom: 36px;
  }
}
@media (max-width: 575px) {
  .OpinionDetail .main .right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.OpinionDetail .main .right .EventsList {
  width: 100%;
}
@media (min-width: 576px) {
  .OpinionDetail .main .right .EventsList {
    width: calc(50% - 20px - 20px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .right .EventsList {
    width: 100%;
    margin: 0;
  }
}
.OpinionDetail .main .right .OpinionsBanner {
  width: 100%;
  border-top: 1px solid #000000;
  margin: 20px 0 20px 0;
}
@media (min-width: 576px) {
  .OpinionDetail .main .right .OpinionsBanner {
    width: calc(50% - 20px - 20px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .right .OpinionsBanner {
    width: 100%;
    margin: 0;
  }
}
.OpinionDetail .main .right .OpinionsBanner.Vertical .selected > .title {
  text-align: center;
}
@media (max-width: 575px) {
  .OpinionDetail .main .right .OpinionsBanner.Vertical .selected > .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .OpinionDetail .main .right .OpinionsBanner.Vertical .selected > .title {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .OpinionDetail .main .right .OpinionsBanner.Vertical .selected .list {
    margin-top: 20px;
  }
}
@media (min-width: 576px) {
  .OpinionDetail .main .right .OpinionsBanner.Vertical .selected .list .OpinionCard {
    width: calc(100% - 20px - 20px);
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .right .OpinionsBanner.Vertical .selected .list .OpinionCard {
    width: 100%;
  }
}
.OpinionDetail .main .right .TopicsBanner {
  width: 100%;
  border-top: 1px solid #000000;
  margin: 20px 0 20px 0;
}
@media (min-width: 576px) {
  .OpinionDetail .main .right .TopicsBanner {
    width: calc(50% - 20px - 20px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .right .TopicsBanner {
    width: 100%;
    margin: 0;
  }
}
.OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
  border-bottom: 1px solid #000000;
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 0.3em;
  padding: 20px 0 20px 0;
  text-align: center;
}
@media (max-width: 575px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: calc(28px + 7 * (100vw - 768px) / 255);
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: calc(25px + 10 * (100vw - 1024px) / 415);
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: calc(35px + 20 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    font-size: 55px;
  }
}
@media (min-width: 576px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 25px 0 0 0;
    border: 0;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 40px 0;
    border-bottom: 1px solid #000000;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 2.8vw 0;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected > .title {
    padding: 72px 0;
  }
}
@media (min-width: 576px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list {
    width: calc(100% + 20px + 20px);
    margin-right: -20px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin: 40px 0 0 0;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin: 2.8vw 0 0 0;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin: 72px 0 0 0;
  }
}
@media (max-width: 1023px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list {
    margin-top: 20px;
  }
}
.OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard {
  border: 0;
  padding-top: 0;
}
@media (min-width: 576px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard {
    width: calc(100% - 20px - 20px);
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard {
    width: 100%;
  }
}
.OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .thumb {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .thumb {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .thumb {
    margin-bottom: 36px;
  }
}
.OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
  width: 100%;
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  text-align: left;
  padding: 0;
  border: 0;
}
@media (min-width: 768px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title {
    font-size: 64px;
    line-height: 71px;
  }
}
.OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title h2,
.OpinionDetail .main .right .TopicsBanner.Vertical .selected .list .TopicCard .title h3 {
  width: 100%;
  text-align: center;
  font-weight: 300;
}
.OpinionDetail .main .bottom {
  width: 100%;
}
@media (min-width: 1024px) {
  .OpinionDetail .main .bottom {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 575px) {
  .OpinionDetail .main .bottom {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (max-width: 1023px) {
  .OpinionDetail .main .bottom .OpinionsBanner {
    border-top: 1px solid #000000;
  }
}
@media (min-width: 576px) {
  .OpinionDetail .main .bottom .OpinionsBanner .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
  }
}
.OpinionDetail .main .bottom .OpinionsBanner .selected .list .OpinionCard {
  width: 100%;
}
@media (min-width: 576px) {
  .OpinionDetail .main .bottom .OpinionsBanner .selected .list .OpinionCard {
    width: calc(50% - 20px - 20px);
    margin: 0 20px 40px 20px;
  }
}
@media (min-width: 1024px) {
  .OpinionDetail .main .bottom .OpinionsBanner .selected .list .OpinionCard {
    width: calc(33.333% - 20px - 20px);
  }
}
.OpinionDetail .main .EventsList.Single {
  position: relative;
  padding: 20px 0 20px 0;
}
@media (min-width: 1024px) {
  .OpinionDetail .main .EventsList.Single {
    padding: 0 0 40px 0;
  }
}
@media (min-width: 1440px) {
  .OpinionDetail .main .EventsList.Single {
    padding: 0 0 4.2vw 0;
  }
}
@media (min-width: 2560px) {
  .OpinionDetail .main .EventsList.Single {
    padding: 0 0 108px 0;
  }
}
.OpinionDetail .main .EventsList.Single > .title {
  border-top: 1px solid #000000;
}

.OpinionsHome {
  position: relative;
  background-color: #F9F9F9;
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
  border-radius: 9px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .OpinionsHome {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .OpinionsHome {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .OpinionsHome {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsHome {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .OpinionsHome {
    padding: 5.5vw 0;
  }
}
@media (min-width: 2560px) {
  .OpinionsHome {
    padding: 141px 0;
  }
}
.OpinionsHome .selected header .title {
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 0.3em;
  text-align: center;
}
@media (min-width: 768px) {
  .OpinionsHome .selected header .title {
    font-size: 30px;
    font-size: calc(28px + 22 * (100vw - 768px) / 671);
  }
}
@media (min-width: 1440px) {
  .OpinionsHome .selected header .title {
    font-size: 50px;
    font-size: calc(50px + 40 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .OpinionsHome .selected header .title {
    font-size: 90px;
  }
}
.OpinionsHome .selected .desc {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .OpinionsHome .selected .desc {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .OpinionsHome .selected .desc {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .OpinionsHome .selected .desc {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .OpinionsHome .selected .desc {
    margin-top: 3vw;
    width: 66.666%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 2560px) {
  .OpinionsHome .selected .desc {
    margin-top: 77px;
  }
}
.OpinionsHome .selected .desc p {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .OpinionsHome .selected .desc p {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .OpinionsHome .selected .desc p {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .OpinionsHome .selected .desc p {
    font-size: 32px;
    line-height: 40px;
  }
}
.OpinionsHome .selected .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .OpinionsHome .selected .list {
    width: calc(100% + 20px + 20px);
    margin-left: -20px;
    margin-top: 5vw;
    padding-top: 5vw;
  }
}
@media (min-width: 1440px) {
  .OpinionsHome .selected .list {
    width: calc(100% + 1.4vw + 1.4vw);
    margin-left: -1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsHome .selected .list {
    width: calc(100% + 36px + 36px);
    margin-left: -36px;
    margin-top: 128px;
    padding-top: 128px;
  }
}
@media (min-width: 768px) {
  .OpinionsHome .selected .list:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #000000;
    top: -1px;
    left: 20px;
    right: 20px;
  }
}
@media (min-width: 1440px) {
  .OpinionsHome .selected .list:before {
    left: 1.4vw;
    right: 1.4vw;
  }
}
@media (min-width: 1920px) {
  .OpinionsHome .selected .list:before {
    left: 36px;
    right: 36px;
  }
}
.OpinionsHome .selected .list .OpinionCard {
  width: 100%;
  margin: 0 0 40px 0;
}
@media (min-width: 768px) {
  .OpinionsHome .selected .list .OpinionCard {
    width: calc(33.333% - 20px - 20px);
    margin: 0 20px 5vw 20px;
  }
}
@media (min-width: 1440px) {
  .OpinionsHome .selected .list .OpinionCard {
    width: calc(33.333% - 1.4vw - 1.4vw);
    margin: 0 1.4vw 5vw 1.4vw;
  }
}
@media (min-width: 2560px) {
  .OpinionsHome .selected .list .OpinionCard {
    width: calc(33.333% - 36px - 36px);
    margin: 0 36px 128px 36px;
  }
}
.OpinionsHome .selected .list .OpinionCard .info {
  text-align: center;
}
.OpinionsHome .selected .list .OpinionCard .info .title {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .OpinionsHome .selected .list .OpinionCard .info .title {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .OpinionsHome .selected .list .OpinionCard .info .title {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .OpinionsHome .selected .list .OpinionCard .info .title {
    font-size: 64px;
    line-height: 71px;
  }
}
.OpinionsHome .selected .paging {
  text-align: center;
  padding: 0;
}
@media (max-width: 767px) {
  .OpinionsHome .selected .paging .btn a {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

body.blackbgd {
  background-color: #000000;
  color: #FFFFFF;
}
body.blackbgd .main-header > .container.bottom {
  background-color: #000000;
  -webkit-box-shadow: 0px 10px 10px #000000;
          box-shadow: 0px 10px 10px #000000;
}
body.blackbgd .main-header .logo h1 a svg path:not(.reserve),
body.blackbgd .main-header .logo p a svg path:not(.reserve) {
  fill: #FFFFFF;
}
body.blackbgd .main-header .MainMenu ul li a {
  color: #FFFFFF;
}
body.blackbgd .main-header .search svg path {
  fill: #FFFFFF;
}
body.blackbgd .main-header .search:hover svg path {
  fill: rgba(255, 255, 255, 0.8);
}
body.blackbgd .main-header .lang a {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
body.blackbgd .main-header .lang a:hover {
  color: #000000;
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
body.blackbgd .main-header .contrast span.button {
  background-color: #FFFFFF;
}
body.blackbgd .main-header .contrast span.circle {
  background-color: #000000;
  left: 2px;
}
@media (min-width: 768px) {
  body.blackbgd .main-header .contrast span.circle {
    left: 2px;
  }
}
@media (min-width: 1440px) {
  body.blackbgd .main-header .contrast span.circle {
    left: 0.15vw;
  }
}
@media (min-width: 2560px) {
  body.blackbgd .main-header .contrast span.circle {
    left: 4px;
  }
}
body.blackbgd .main-header .contrast:hover span.button {
  background-color: rgba(255, 255, 255, 0.8);
}
body.blackbgd .main-header .MobileMenu .button .lines:before, body.blackbgd .main-header .MobileMenu .button .lines:after {
  background-color: #FFFFFF;
}
body.blackbgd .main-header .SearchMegaMenu {
  border-color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(49.93%, #000000));
  background: -o-linear-gradient(top, #222222 0%, #000000 49.93%);
  background: linear-gradient(180deg, #222222 0%, #000000 49.93%);
  background-color: #000000;
  -webkit-box-shadow: 0 5px 20px rgba(255, 255, 255, 0.2);
          box-shadow: 0 5px 20px rgba(255, 255, 255, 0.2);
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .icon svg path {
  fill: rgba(255, 255, 255, 0.5);
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .field {
  color: #FFFFFF;
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .field::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .field::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .button {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .button svg path {
  fill: #FFFFFF;
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .button:hover {
  color: #000000;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
}
body.blackbgd .main-header .SearchMegaMenu .row > .col > ul > li form .button:hover svg path {
  fill: #000000;
}
body.blackbgd .OpinionsFiltersCarousel .container:before {
  background-color: #FFFFFF;
}
body.blackbgd .OpinionsList .featured:before {
  background-color: #FFFFFF;
}
@media (min-width: 1024px) {
  body.blackbgd .OpinionsList .featured .right .OpinionCard:nth-child(2) {
    border-color: #FFFFFF;
  }
}
@media (max-width: 1023px) {
  body.blackbgd .OpinionsList .featured .right .OpinionCard:nth-child(2):before {
    background-color: #FFFFFF;
  }
}
body.blackbgd .OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item a {
  color: #FFFFFF;
}
body.blackbgd .OpinionsList .featured .right .OpinionCard:nth-child(2) .thumb .tags .item a:hover {
  text-decoration: underline;
}
body.blackbgd .OpinionsList .list {
  border-color: #FFFFFF;
}
body.blackbgd .OpinionsList .list .OpinionCard {
  border-color: #FFFFFF;
}
body.blackbgd .OpinionCard .info .title a {
  color: #FFFFFF;
}
body.blackbgd .OpinionCard .info .name a {
  color: #FFFFFF;
}
@media (min-width: 1024px) {
  body.blackbgd .OpinionsBanner {
    border-color: #FFFFFF;
  }
}
body.blackbgd .OpinionsBanner.Vertical .selected > .title {
  border-color: #FFFFFF;
}
body.blackbgd .OpinionDetail > .container:before {
  background-color: #FFFFFF;
}
@media (max-width: 1023px) {
  body.blackbgd .OpinionDetail .top .left {
    border-color: #FFFFFF;
  }
}
@media (min-width: 1024px) {
  body.blackbgd .OpinionDetail .top .left:after {
    background-color: #FFFFFF;
  }
}
body.blackbgd .OpinionDetail .top .left .info .name a {
  color: #FFFFFF;
}
body.blackbgd .OpinionDetail .top .right {
  border-color: #FFFFFF;
}
@media (max-width: 1023px) {
  body.blackbgd .OpinionDetail .main .left {
    border-color: #FFFFFF;
  }
}
@media (max-width: 575px) {
  body.blackbgd .OpinionDetail .main .right {
    border-color: #FFFFFF;
  }
}
body.blackbgd .SpeakersFilters .alphabetical {
  border-color: #FFFFFF;
}
body.blackbgd .SpeakersFilters .alphabetical .lang {
  border-color: #FFFFFF;
}
body.blackbgd .SpeakersFilters .alphabetical .letters li a {
  color: #FFFFFF;
}
body.blackbgd .SpeakersFilters .alphabetical .letters li a:hover {
  color: rgba(255, 255, 255, 0.8);
}
body.blackbgd .SpeakersFilters .alphabetical .letters li a.nodata {
  color: #FFFFFF;
}
body.blackbgd .SpeakersFilters .alphabetical .letters li a.active {
  color: #000000;
}
body.blackbgd .SpeakersFilters .alphabetical .letters li a.active:before {
  background-color: #555555;
}
body.blackbgd .SpeakerCard {
  border-color: #FFFFFF;
}
body.blackbgd .SpeakerCard .name a {
  color: #FFFFFF;
}
body.blackbgd .SpeakerDetail > .container:before {
  background-color: #FFFFFF;
}
body.blackbgd .SpeakerDetail .right .info {
  border-color: #FFFFFF;
}
body.blackbgd .SpeakerDetail .right .MainText a {
  color: #FFFFFF;
}
body.blackbgd .SpeakerEvents.ListItems .right .list {
  border-color: #FFFFFF;
}
body.blackbgd .SpeakerEvents.ListItems .right .list .ItemCard .info .parent {
  border-color: #FFFFFF;
}
body.blackbgd .SpeakerEvents.ListItems .right .list .ItemCard .info .title a {
  color: #FFFFFF;
}
body.blackbgd .EventsFiltersCarousel .container:before {
  background-color: #FFFFFF;
}
body.blackbgd .EventsFiltersCarousel .container .Filters > .title {
  background-color: #000000;
}
body.blackbgd .EventsFiltersCarousel .container .Filters > .title:after {
  background: #000000;
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(30%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
}
body.blackbgd .EventsFiltersCarousel .container .Filters > .title:before {
  background-color: #000000;
}
body.blackbgd .EventsFiltersCarousel .container .ChangeView .GridView a span {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
body.blackbgd .EventsFiltersCarousel .container .ChangeView .ListView a span {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
body.blackbgd .EventCard {
  border-color: #FFFFFF;
}
body.blackbgd .EventCard .title svg path {
  fill: #FFFFFF;
}
body.blackbgd .EventCard .title h2 a {
  color: #FFFFFF;
}
body.blackbgd .EventCard .info {
  border-color: #FFFFFF;
}
body.blackbgd .EventCard .info .duration svg path {
  fill: #FFFFFF;
}
body.blackbgd .EventCard .info .location svg line {
  stroke: #FFFFFF;
}
body.blackbgd .EventCard .info .location svg circle {
  fill: #FFFFFF;
}
body.blackbgd .EventCard .desc {
  border-color: #FFFFFF;
}
body.blackbgd .EventCard .speakers:after {
  background-color: #FFFFFF;
}
body.blackbgd .EventDetail > .container:before {
  background-color: #FFFFFF;
}
body.blackbgd .EventDetail .top:after {
  background-color: #FFFFFF;
}
body.blackbgd .EventDetail .top .column {
  border-top: 1px solid #FFFFFF;
}
body.blackbgd .EventDetail .VideoCell {
  background: -webkit-gradient(linear, left top, left bottom, from(#454545), color-stop(85.33%, #222222));
  background: -o-linear-gradient(top, #454545 0%, #222222 85.33%);
  background: linear-gradient(180deg, #454545 0%, #222222 85.33%);
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
}
body.blackbgd .EventDetail .VideoCell .info .title {
  color: #FFFFFF;
}
body.blackbgd .EventDetail .main .EventTitle {
  border-top: 1px solid #FFFFFF;
}
body.blackbgd .EventDetail .main .left:after {
  background-image: url("../images/snfdialogues_symbol.svg");
}
@media (max-width: 1023px) {
  body.blackbgd .EventDetail .main .right {
    border-top: 1px solid #FFFFFF;
  }
}
body.blackbgd .EventsBanner {
  border-color: #FFFFFF;
}
body.blackbgd .PhotoGallery {
  border-color: #FFFFFF;
}
body.blackbgd .VideoHome {
  background-color: #222222;
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
}
body.blackbgd .VideoHome > .container {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.7)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.7) 100%);
}
body.blackbgd .EventsHome {
  background-color: #222222;
}
@media (min-width: 768px) {
  body.blackbgd .EventsHome .selected .list .EventCard .rest-info .info .duration svg path {
    fill: #FFFFFF;
  }
  body.blackbgd .EventsHome .selected .list .EventCard .rest-info .info .location svg line {
    stroke: #FFFFFF;
  }
  body.blackbgd .EventsHome .selected .list .EventCard .rest-info .info .location svg circle {
    fill: #FFFFFF;
  }
  body.blackbgd .EventsHome .selected .list .EventCard .rest-info .desc {
    color: #FFFFFF;
  }
}
@media (max-width: 767px) {
  body.blackbgd .EventsHome .selected .list .EventCard .rest-info {
    color: #FFFFFF;
  }
  body.blackbgd .EventsHome .selected .list .EventCard .rest-info .info svg path {
    fill: #FFFFFF;
  }
  body.blackbgd .EventsHome .selected .list .EventCard .rest-info .title a {
    color: #FFFFFF;
  }
  body.blackbgd .EventsHome .selected .list .EventCard .rest-info .btn a {
    background-color: #FFFFFF;
    color: #000000;
  }
  body.blackbgd .EventsHome .selected .list .EventCard .rest-info .btn a:hover {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
@media (max-width: 1099px) {
  body.blackbgd .EventsHome .selected .paging a {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
  }
  body.blackbgd .EventsHome .selected .paging a svg path {
    fill: #FFFFFF;
  }
  body.blackbgd .EventsHome .selected .paging a:hover {
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
    color: #000000;
  }
  body.blackbgd .EventsHome .selected .paging a:hover svg path {
    fill: #000000;
  }
}
body.blackbgd .AboutSection {
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(49.93%, #222222));
  background: -o-linear-gradient(top, #000000 0%, #222222 49.93%);
  background: linear-gradient(180deg, #000000 0%, #222222 49.93%);
  background-color: #222222;
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
}
body.blackbgd .AboutSection > .container > .symbol {
  mix-blend-mode: difference;
}
@media (min-width: 768px) {
  body.blackbgd .AboutSection .bottom .item:nth-child(2), body.blackbgd .AboutSection .bottom .item:nth-child(3) {
    border-color: #FFFFFF;
  }
}
@media (min-width: 2560px) {
  body.blackbgd .AboutSection .bottom .item {
    padding-right: 72px;
  }
  body.blackbgd .AboutSection .bottom .item:nth-child(2), body.blackbgd .AboutSection .bottom .item:nth-child(3) {
    border-color: #FFFFFF;
  }
}
body.blackbgd .OpinionsHome {
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(95.3%, #222222));
  background: -o-linear-gradient(top, #000000 0%, #222222 95.3%);
  background: linear-gradient(180deg, #000000 0%, #222222 95.3%);
  background-color: #222222;
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  body.blackbgd .OpinionsHome .selected .list:before {
    background-color: #FFFFFF;
  }
}
body.blackbgd .SpeakersCarousel {
  background-color: #000000;
  -webkit-box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.1);
}
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider {
  border-color: #FFFFFF;
}
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .image {
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .info .right .name a {
  color: #FFFFFF;
}
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .SpeakerInfo .item .appears svg path {
  fill: #FFFFFF;
}
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .buttons:before {
  background-color: #FFFFFF;
}
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev,
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next {
  background-color: #000000;
}
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev svg path,
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next svg path {
  fill: #FFFFFF;
}
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-prev:hover svg path,
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next:hover svg path {
  fill: rgba(255, 255, 255, 0.8);
}
body.blackbgd .SpeakersCarousel .SpeakersInfoSlider .buttons .swiper-button-next {
  border-color: #FFFFFF;
}
body.blackbgd .SpeakersCarousel .SpeakersInfoThumbs {
  background-color: #000000;
}
@media (max-width: 767px) {
  body.blackbgd .SpeakersCarousel .SpeakersInfoThumbs:after {
    background-color: #000000;
  }
}
@media (min-width: 768px) {
  body.blackbgd .SpeakersCarousel .SpeakersInfoThumbs .btn {
    background: -webkit-gradient(linear, right top, left top, color-stop(70%, #000000), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(right, #000000 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(270deg, #000000 70%, rgba(0, 0, 0, 0) 100%);
  }
}
body.blackbgd .SpeakersCarousel .SpeakersInfoThumbs .btn:after {
  background-color: #000000;
}
body.blackbgd .TopicsHome {
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(95.3%, #222222));
  background: -o-linear-gradient(top, #000000 0%, #222222 95.3%);
  background: linear-gradient(180deg, #000000 0%, #222222 95.3%);
  background-color: #222222;
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  body.blackbgd .TopicsHome .selected .list:before {
    background-color: #FFFFFF;
  }
}
body.blackbgd .TopicsHome .selected .list .TopicCard .title h2 a,
body.blackbgd .TopicsHome .selected .list .TopicCard .title h3 a {
  color: #FFFFFF;
}
body.blackbgd .TopicDetail > .container:before {
  background-color: #FFFFFF;
}
body.blackbgd .TopicDetail .tags .item {
  background-color: #000000;
  border-color: #FFFFFF;
}
body.blackbgd .TopicDetail .tags .item a {
  color: #FFFFFF;
}
body.blackbgd .TopicDetail .tags .item:hover {
  background-color: #333333;
  border-color: #333333;
}
body.blackbgd .TopicDetail .tags .item.selected {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
body.blackbgd .TopicDetail .main .left:before {
  background-color: #FFFFFF;
}
body.blackbgd .TopicDetail .main .left:after {
  background-image: url("../images/snfdialogues_symbol.svg");
}
body.blackbgd .TopicDetail .main .left .speakers {
  border-color: #FFFFFF;
}
body.blackbgd .TopicDetail .main .right .OpinionsBanner {
  border-color: #FFFFFF;
}
body.blackbgd .TopicDetail .main .right .TopicsBanner {
  border-color: #FFFFFF;
}
body.blackbgd .TopicDetail .main .right .TopicsBanner.Vertical .selected > .title {
  border-color: #FFFFFF;
}
body.blackbgd .TopicsFiltersCarousel .container .Filters {
  border-color: #FFFFFF;
}
body.blackbgd .TopicCard {
  border-color: #FFFFFF;
}
body.blackbgd .TopicCard .title h2 a,
body.blackbgd .TopicCard .title h3 a {
  color: #FFFFFF;
}
body.blackbgd .QuoteMotto {
  border-color: #FFFFFF;
}
body.blackbgd .Sound {
  border-color: #FFFFFF;
}
body.blackbgd .MainText a {
  color: #FFFFFF;
}
body.blackbgd .FullWidthPhoto {
  border-color: #FFFFFF;
}
body.blackbgd .TextWithPhoto {
  border-color: #FFFFFF;
}
body.blackbgd .HtmlSection {
  border-color: #FFFFFF;
}
body.blackbgd .SpeakerDetail .MainText a {
  color: #FFFFFF;
}
body.blackbgd .SpeakerDetail .QuoteMotto:before {
  background-color: #FFFFFF;
}
body.blackbgd .SimpleDetail .AboutSection {
  background: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(49.93%, #000000));
  background: -o-linear-gradient(top, #222222 0%, #000000 49.93%);
  background: linear-gradient(180deg, #222222 0%, #000000 49.93%);
  background-color: #000000;
}
body.blackbgd .SimpleDetail .main:before {
  background-color: #FFFFFF;
}
body.blackbgd .SimpleDetail.SearchResults {
  background-color: #000000;
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col {
  background: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(70%, #000000));
  background: -o-linear-gradient(top, #222222 0%, #000000 70%);
  background: linear-gradient(180deg, #222222 0%, #000000 70%);
  background-color: #000000;
  -webkit-box-shadow: 0 5px 20px rgba(255, 255, 255, 0.2);
          box-shadow: 0 5px 20px rgba(255, 255, 255, 0.2);
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .icon {
  /*@include media-breakpoint-up(xl) {
      margin-right:24px;
  }*/
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .icon svg path {
  fill: rgba(255, 255, 255, 0.5);
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field {
  color: #FFFFFF;
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .field::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button svg path {
  fill: #FFFFFF;
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button:hover {
  color: #000000;
  background-color: #F1EEE9;
  border-color: #F1EEE9;
}
body.blackbgd .SimpleDetail.SearchResults .SearchSection .row > .col > ul > li form .button:hover svg path {
  fill: #000000;
}
body.blackbgd .SimpleDetail.SearchResults .SearchFiltersCarousel .container .Filters {
  border-color: #FFFFFF;
}
body.blackbgd .SimpleDetail.SearchResults .SearchList .SearchCard {
  border-color: #FFFFFF;
}
body.blackbgd .SimpleDetail.SearchResults .SearchList .SearchCard .thumb > a {
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
body.blackbgd .SimpleDetail.SearchResults .SearchList .SearchCard .info .text a {
  color: #FFFFFF;
}
body.blackbgd .SimpleDetail.SearchResults .SearchList .SearchCard .info .title a {
  color: #FFFFFF;
}
body.blackbgd .btn a {
  color: #000000;
  background-color: #FFFFFF;
}
body.blackbgd .btn a:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
body.blackbgd .btn.more a svg path {
  fill: #000000;
}
body.blackbgd .btn.back a svg path {
  fill: #000000;
}
body.blackbgd .btn.outline a {
  background-color: transparent;
}
body.blackbgd .btn.outline.black a {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
body.blackbgd .btn.outline.black a:hover {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
  color: #000000;
}
body.blackbgd .btn.outline.white a {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
body.blackbgd .btn.outline.white a:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #000000;
}
body.blackbgd .btn.auto a {
  color: #FFFFFF;
  background-color: transparent;
}
body.blackbgd .btn.auto a svg path {
  fill: #FFFFFF;
}
body.blackbgd .Filters .button {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #FFFFFF;
}
body.blackbgd .Filters .button:hover {
  background-color: #333333;
  border-color: #333333;
}
body.blackbgd .Filters .button.selected {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

@media (max-width: 1099px) {
  body.blackbgd .main-header .MainMenu,
  body.home.blackbgd .main-header .MainMenu {
    background-color: #000000;
  }
  body.blackbgd .main-header .MainMenu ul li.social a,
  body.home.blackbgd .main-header .MainMenu ul li.social a {
    color: #FFFFFF;
  }
  body.blackbgd .main-header .MainMenu ul li.social a:hover,
  body.home.blackbgd .main-header .MainMenu ul li.social a:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  body.blackbgd .main-header .MainMenu:before,
  body.home.blackbgd .main-header .MainMenu:before {
    background-color: #000000;
  }
}
body {
  font-family: "GT America";
  font-weight: 300;
  background-color: #F1EEE9;
  color: #000000;
  min-width: 360px;
  opacity: 1;
}
body.hide {
  opacity: 0;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

button,
input {
  font-family: "GT America";
}

.container {
  max-width: 2560px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .container {
    padding: 0 46px;
  }
}
@media (min-width: 1440px) {
  .container {
    padding: 0 80px;
  }
}
@media (min-width: 1920px) {
  .container {
    padding: 0 140px;
  }
}

@media (min-width: 768px) {
  .PageTitle .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .PageTitle .container {
    padding-bottom: 3vw;
  }
}
@media (min-width: 768px) and (min-width: 2560px) {
  .PageTitle .container {
    padding-bottom: 77px;
  }
}
.PageTitle .title {
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 0.3em;
  margin-bottom: auto;
  word-break: break-word;
  margin-left: -5px;
}
@media (min-width: 768px) {
  .PageTitle .title {
    font-size: 30px;
    font-size: calc(28px + 22 * (100vw - 768px) / 671);
  }
}
@media (min-width: 1440px) {
  .PageTitle .title {
    font-size: 50px;
    font-size: calc(50px + 40 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .PageTitle .title {
    font-size: 90px;
  }
}
@media (min-width: 1440px) {
  .PageTitle .title {
    margin-left: -8px;
  }
}
@media (min-width: 1920px) {
  .PageTitle .title {
    margin-left: -12px;
  }
}
@media (min-width: 2560px) {
  .PageTitle .title {
    margin-left: -15px;
  }
}
.PageTitle .curated {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  margin: 30px 0 15px 0;
}
@media (min-width: 768px) {
  .PageTitle .curated {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .PageTitle .curated {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .PageTitle .curated {
    font-size: 32px;
    line-height: 40px;
  }
}
.PageTitle .curated strong {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .PageTitle .curated strong {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .PageTitle .curated strong {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .PageTitle .curated strong {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .PageTitle .curated {
    margin: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.PageTitle .topics_description {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  font-weight: 300;
  margin: 30px 0 40px 0;
}
@media (min-width: 768px) {
  .PageTitle .topics_description {
    font-size: 16px;
    line-height: 22px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.38em;
  }
}
@media (min-width: 1440px) {
  .PageTitle .topics_description {
    font-size: 18px;
    line-height: 24px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.34em;
  }
}
@media (min-width: 2560px) {
  .PageTitle .topics_description {
    font-size: 32px;
    line-height: 43px;
  }
}
@media (min-width: 768px) {
  .PageTitle .topics_description {
    width: 50%;
    margin: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.BannersHome {
  position: relative;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .BannersHome {
    padding-bottom: 5.5vw;
    padding-top: 1.5vw;
  }
}
@media (min-width: 1024px) {
  .BannersHome {
    padding-bottom: 5.5vw;
    padding-top: 2.5vw;
  }
}
@media (min-width: 2560px) {
  .BannersHome {
    padding-bottom: 141px;
    padding-top: 64px;
  }
}
.BannersHome .BannersSlider {
  border-radius: 9px;
  overflow: hidden;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(222.24%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, #FFFFFF 0%, rgba(255, 255, 255, 0) 222.24%);
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 222.24%);
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider {
    border-radius: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .BannersHome .BannersSlider {
    border-radius: 1.17vw;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider {
    border-radius: 30px;
  }
}
.BannersHome .BannersSlider .BannerInfo {
  width: 100%;
}
.BannersHome .BannersSlider .BannerInfo .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /*flex-shrink:initial;*/
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
  padding: 0 0 40px 0;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item {
    padding: 20px 20px 46px 20px;
  }
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .BannerInfo .item {
    padding: 20px;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item {
    padding: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item {
    padding: 36px;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .left {
    width: 50%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 20px 0 0;
  }
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .BannerInfo .item .left {
    width: 66.666%;
    padding-right: 16.666%;
    position: relative;
    padding-left: 46px;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left {
    padding-left: 80px;
  }
}
@media (min-width: 1920px) {
  .BannersHome .BannersSlider .BannerInfo .item .left {
    padding-left: 140px;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left .info .text {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #000000;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .text {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .text {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .text {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .text {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .text {
    padding-right: 20px;
    width: auto;
    margin-bottom: 0;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left .info .text.red {
  position: relative;
  color: #FE000F;
  padding-left: 30px;
}
.BannersHome .BannersSlider .BannerInfo .item .left .info .text.red:before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  background-color: #FE000F;
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .text.red {
    padding-left: 2.084vw;
  }
  .BannersHome .BannersSlider .BannerInfo .item .left .info .text.red:before {
    width: 1.39vw;
    height: 1.39vw;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .text.red {
    padding-left: 54px;
  }
  .BannersHome .BannersSlider .BannerInfo .item .left .info .text.red:before {
    width: 36px;
    height: 36px;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left .info .date {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #000000;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .date {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .date {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .date {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .date {
    width: 100%;
  }
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info .date {
    width: auto;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .info {
    margin-bottom: 36px;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left .title {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 0.02em;
  font-weight: 300;
  color: #000000;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .title {
    font-size: 30px;
    line-height: 32px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
    line-height: 1.07em;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .title {
    font-size: 40px;
    line-height: 44px;
    font-size: calc(40px + 32 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .title {
    font-size: 72px;
    line-height: 80px;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .title {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .title {
    margin-bottom: 36px;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left .title a {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 0.02em;
  font-weight: 300;
  color: #000000;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .title a {
    font-size: 30px;
    line-height: 32px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
    line-height: 1.07em;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .title a {
    font-size: 40px;
    line-height: 44px;
    font-size: calc(40px + 32 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .title a {
    font-size: 72px;
    line-height: 80px;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left .title a:hover {
  text-decoration: underline;
}
.BannersHome .BannersSlider .BannerInfo .item .left .desc {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #000000;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .desc {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .desc {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .desc {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .desc {
    margin: 0;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left .btn {
  margin-bottom: 20px;
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .btn {
    position: absolute;
    right: 20px;
    bottom: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .btn {
    right: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .left .btn {
    right: 36px;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .left .btn a {
  background-color: #000000;
  color: #FFFFFF;
}
.BannersHome .BannersSlider .BannerInfo .item .left .btn a:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.BannersHome .BannersSlider .BannerInfo .item .left .btn.red a {
  background-color: #FE000F;
}
.BannersHome .BannersSlider .BannerInfo .item .left .btn.red a:hover {
  background-color: rgba(254, 0, 15, 0.8);
}
.BannersHome .BannersSlider .BannerInfo .item .right {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .right {
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .BannerInfo .item .right {
    width: 33.333%;
    position: relative;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .right .thumb {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .BannerInfo .item .right .thumb {
    margin-bottom: 0;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .right .thumb:before {
  content: "";
  padding-top: 56%;
  display: block;
}
.BannersHome .BannersSlider .BannerInfo .item .right .thumb > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: 9px;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .BannerInfo .item .right .thumb > a {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .BannerInfo .item .right .thumb > a {
    border-radius: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .BannersHome .BannersSlider .BannerInfo .item .right .thumb > a {
    border-radius: 1.17vw;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .BannerInfo .item .right .thumb > a {
    border-radius: 30px;
  }
}
.BannersHome .BannersSlider .BannerInfo .item .right .thumb .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: 1;
}
.BannersHome .BannersSlider .BannerInfo .item .right .thumb .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.BannersHome .BannersSlider .buttons {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .buttons {
    width: 46px;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .buttons {
    width: 80px;
  }
}
@media (min-width: 1920px) {
  .BannersHome .BannersSlider .buttons {
    width: 140px;
  }
}
@media (max-width: 1099px) {
  .BannersHome .BannersSlider .buttons {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    top: auto;
    right: 0;
    height: 46px;
  }
}
@media (max-width: 767px) {
  .BannersHome .BannersSlider .buttons {
    height: 40px;
  }
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .buttons:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
}
.BannersHome .BannersSlider .buttons .swiper-button-prev,
.BannersHome .BannersSlider .buttons .swiper-button-next {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: none;
}
@media (min-width: 1100px) {
  .BannersHome .BannersSlider .buttons .swiper-button-prev,
  .BannersHome .BannersSlider .buttons .swiper-button-next {
    background-color: #FFFFFF;
  }
}
.BannersHome .BannersSlider .buttons .swiper-button-prev svg,
.BannersHome .BannersSlider .buttons .swiper-button-next svg {
  height: 13px;
  width: auto;
}
@media (min-width: 768px) {
  .BannersHome .BannersSlider .buttons .swiper-button-prev svg,
  .BannersHome .BannersSlider .buttons .swiper-button-next svg {
    height: 15px;
  }
}
@media (min-width: 1440px) {
  .BannersHome .BannersSlider .buttons .swiper-button-prev svg,
  .BannersHome .BannersSlider .buttons .swiper-button-next svg {
    height: 1em;
  }
}
@media (min-width: 1920px) {
  .BannersHome .BannersSlider .buttons .swiper-button-prev svg,
  .BannersHome .BannersSlider .buttons .swiper-button-next svg {
    height: 1.4em;
  }
}
@media (min-width: 2560px) {
  .BannersHome .BannersSlider .buttons .swiper-button-prev svg,
  .BannersHome .BannersSlider .buttons .swiper-button-next svg {
    height: 23px;
  }
}
.BannersHome .BannersSlider .buttons .swiper-button-prev svg path,
.BannersHome .BannersSlider .buttons .swiper-button-next svg path {
  fill: #000000;
}
.BannersHome .BannersSlider .buttons .swiper-button-prev.swiper-button-disabled,
.BannersHome .BannersSlider .buttons .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.BannersHome .BannersSlider .buttons .swiper-button-prev.swiper-button-disabled svg,
.BannersHome .BannersSlider .buttons .swiper-button-next.swiper-button-disabled svg {
  opacity: 0.3;
}
.BannersHome .BannersSlider .buttons .swiper-button-prev:hover svg path,
.BannersHome .BannersSlider .buttons .swiper-button-next:hover svg path {
  fill: rgba(0, 0, 0, 0.8);
}
.BannersHome .BannersSlider .buttons .swiper-button-prev {
  top: 50%;
  bottom: 0;
}
.BannersHome .BannersSlider .buttons .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.BannersHome .BannersSlider .buttons .swiper-button-next {
  top: 0;
  bottom: 50%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 1099px) {
  .BannersHome .BannersSlider .buttons .swiper-button-prev,
  .BannersHome .BannersSlider .buttons .swiper-button-next {
    width: 50%;
    top: 0;
    bottom: 0;
  }
  .BannersHome .BannersSlider .buttons .swiper-button-prev {
    left: 0;
    right: 50%;
  }
  .BannersHome .BannersSlider .buttons .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .BannersHome .BannersSlider .buttons .swiper-button-next {
    left: 50%;
    right: 0;
    border-bottom: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
  }
}

.VideoHome {
  position: relative;
  background-color: #F9F9F9;
  border-radius: 9px;
  overflow: hidden;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
  height: 30vh;
  min-height: 270px;
}
@media (min-width: 768px) {
  .VideoHome {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .VideoHome {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .VideoHome {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .VideoHome {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .VideoHome {
    height: 50vh;
  }
}
@media (min-width: 1024px) {
  .VideoHome {
    height: 80vh;
  }
}
.VideoHome.VimeoHome {
  height: 25vh;
}
@media (min-width: 768px) {
  .VideoHome.VimeoHome {
    height: 50vh;
  }
}
@media (min-width: 1024px) {
  .VideoHome.VimeoHome {
    height: 60vh;
  }
}
@media (min-width: 1440px) {
  .VideoHome.VimeoHome {
    height: 80vh;
  }
}
.VideoHome .trigger-top,
.VideoHome .trigger-bottom {
  width: 100%;
  z-index: 0;
  position: fixed;
}
.VideoHome .trigger-top {
  top: 20%;
}
.VideoHome .trigger-bottom {
  bottom: 20%;
}
.VideoHome .tracker {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
}
.VideoHome .VideoThumb {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 9px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .VideoHome .VideoThumb {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .VideoHome .VideoThumb {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .VideoHome .VideoThumb {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .VideoHome .VideoThumb {
    border-radius: 50px;
  }
}
.VideoHome .VideoThumb video {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.VideoHome .VideoThumb iframe {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  min-width: 150vw;
  min-height: 140vh;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.VideoHome .VideoThumb .video-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
}
@media (min-width: 768px) {
  .VideoHome .VideoThumb .video-btns {
    top: auto;
    bottom: 20px;
    right: 46px;
    margin-bottom: -10px;
  }
}
@media (min-width: 1024px) {
  .VideoHome .VideoThumb .video-btns {
    bottom: 4vw;
  }
}
@media (min-width: 1440px) {
  .VideoHome .VideoThumb .video-btns {
    right: 80px;
  }
}
@media (min-width: 2560px) {
  .VideoHome .VideoThumb .video-btns {
    bottom: 103px;
  }
}
@media (min-width: 1920px) {
  .VideoHome .VideoThumb .video-btns {
    right: 140px;
  }
}
.VideoHome .VideoThumb .sound {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .VideoHome .VideoThumb .sound {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .VideoHome .VideoThumb .sound {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .VideoHome .VideoThumb .sound {
    font-size: 24px;
    line-height: 32px;
  }
}
.VideoHome .VideoThumb .sound a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.VideoHome .VideoThumb .sound .soundOff,
.VideoHome .VideoThumb .sound .soundOn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
}
@media (min-width: 1440px) {
  .VideoHome .VideoThumb .sound .soundOff,
  .VideoHome .VideoThumb .sound .soundOn {
    width: 3.5vw;
    height: 4vw;
  }
}
@media (min-width: 2560px) {
  .VideoHome .VideoThumb .sound .soundOff,
  .VideoHome .VideoThumb .sound .soundOn {
    width: 90px;
    height: 102px;
  }
}
.VideoHome .VideoThumb .sound .soundOff path,
.VideoHome .VideoThumb .sound .soundOn path {
  fill: #FFFFFF;
}
.VideoHome .VideoThumb .sound .soundOff:hover,
.VideoHome .VideoThumb .sound .soundOn:hover {
  text-decoration: none;
}
.VideoHome .VideoThumb .sound .soundOff:hover path,
.VideoHome .VideoThumb .sound .soundOn:hover path {
  fill: rgba(255, 255, 255, 0.8);
}
.VideoHome .VideoThumb .sound.mute .soundOn {
  display: none;
}
.VideoHome .VideoThumb .sound.mute .soundOff {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.VideoHome .VideoThumb .sound.unmute .soundOn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.VideoHome .VideoThumb .sound.unmute .soundOff {
  display: none;
}
.VideoHome .VideoThumb .status {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-right: 20px;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .VideoHome .VideoThumb .status {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .VideoHome .VideoThumb .status {
    font-size: calc(14px + 10 * (100vw - 1440px) / 1120);
    line-height: 1.33em;
  }
}
@media (min-width: 2560px) {
  .VideoHome .VideoThumb .status {
    font-size: 24px;
    line-height: 32px;
  }
}
.VideoHome .VideoThumb .status a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.VideoHome .VideoThumb .status .playIcon,
.VideoHome .VideoThumb .status .pauseIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
}
@media (min-width: 1440px) {
  .VideoHome .VideoThumb .status .playIcon,
  .VideoHome .VideoThumb .status .pauseIcon {
    width: 3.5vw;
    height: 4vw;
  }
}
@media (min-width: 2560px) {
  .VideoHome .VideoThumb .status .playIcon,
  .VideoHome .VideoThumb .status .pauseIcon {
    width: 90px;
    height: 102px;
  }
}
.VideoHome .VideoThumb .status .playIcon path,
.VideoHome .VideoThumb .status .pauseIcon path {
  fill: #FFFFFF;
}
.VideoHome .VideoThumb .status .playIcon:hover,
.VideoHome .VideoThumb .status .pauseIcon:hover {
  text-decoration: none;
}
.VideoHome .VideoThumb .status .playIcon:hover path,
.VideoHome .VideoThumb .status .pauseIcon:hover path {
  fill: rgba(255, 255, 255, 0.8);
}
.VideoHome .VideoThumb .status.pause .playIcon {
  display: none;
}
.VideoHome .VideoThumb .status.pause .pauseIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.VideoHome .VideoThumb .status.play .playIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.VideoHome .VideoThumb .status.play .pauseIcon {
  display: none;
}
.VideoHome > .container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: 9px;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.7)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.7) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 768px) {
  .VideoHome > .container {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .VideoHome > .container {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .VideoHome > .container {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .VideoHome > .container {
    border-radius: 50px;
  }
}
.VideoHome .info {
  padding: 20px 0 20px 0;
}
@media (min-width: 1024px) {
  .VideoHome .info {
    padding: 4vw 0;
  }
}
@media (min-width: 2560px) {
  .VideoHome .info {
    padding: 103px 0;
  }
}
.VideoHome .info > img {
  width: 32px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .VideoHome .info > img {
    width: 40px;
  }
}
@media (min-width: 1024px) {
  .VideoHome .info > img {
    width: 4.5vw;
  }
}
@media (min-width: 1440px) {
  .VideoHome .info > img {
    margin-bottom: 1.4vw;
  }
}
@media (min-width: 2560px) {
  .VideoHome .info > img {
    width: 116px;
    margin-bottom: 36px;
  }
}
.VideoHome .info .title {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 0.02em;
  font-weight: 300;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .VideoHome .info .title {
    font-size: 30px;
    line-height: 32px;
    font-size: calc(30px + 10 * (100vw - 768px) / 671);
    line-height: 1.07em;
  }
}
@media (min-width: 1440px) {
  .VideoHome .info .title {
    font-size: 40px;
    line-height: 44px;
    font-size: calc(40px + 32 * (100vw - 1440px) / 1120);
    line-height: 1.1em;
  }
}
@media (min-width: 2560px) {
  .VideoHome .info .title {
    font-size: 72px;
    line-height: 80px;
  }
}
@media (min-width: 768px) {
  .VideoHome .info .title {
    max-width: 80%;
  }
}
@media (min-width: 1024px) {
  .VideoHome .info .title {
    max-width: 70%;
  }
}
@media (min-width: 1100px) {
  .VideoHome .info .title {
    max-width: 60%;
  }
}
.VideoHome .info .title a {
  color: #FFFFFF;
}
.VideoHome .info .title a:hover {
  text-decoration: underline;
}
.VideoHome .info .btn {
  margin-top: 20px;
}
@media (min-width: 1440px) {
  .VideoHome .info .btn {
    margin-top: 2vw;
  }
}
@media (min-width: 2560px) {
  .VideoHome .info .btn {
    margin-top: 52px;
  }
}

.AboutSection {
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), color-stop(92.19%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 92.19%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 92.19%);
  background-color: #F1EEE9;
  border-radius: 9px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
  padding: 40px 0;
}
@media (min-width: 768px) {
  .AboutSection {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .AboutSection {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  .AboutSection {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  .AboutSection {
    border-radius: 50px;
  }
}
@media (min-width: 768px) {
  .AboutSection {
    padding: 5.5vw 0;
  }
}
@media (min-width: 2560px) {
  .AboutSection {
    padding: 141px 0;
  }
}
.AboutSection > .container {
  position: relative;
}
.AboutSection > .container > .symbol {
  position: absolute;
  mix-blend-mode: difference;
  width: 42px;
  top: -20px;
  right: 20px;
}
@media (min-width: 768px) {
  .AboutSection > .container > .symbol {
    top: 0;
    width: 6vw;
    right: 46px;
  }
}
@media (min-width: 1440px) {
  .AboutSection > .container > .symbol {
    width: 7vw;
    right: 80px;
  }
}
@media (min-width: 2560px) {
  .AboutSection > .container > .symbol {
    width: 180px;
    right: 140px;
  }
}
.AboutSection > .container > .symbol img {
  width: 100%;
  height: auto;
}
.AboutSection .top {
  padding-top: 15px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .AboutSection .top {
    padding-top: 0;
    padding-right: 30%;
  }
}
.AboutSection .top header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  top: -7px;
  padding-right: 40px;
}
@media (min-width: 768px) {
  .AboutSection .top header {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .AboutSection .top header {
    font-size: 18px;
    line-height: 22px;
    font-size: calc(18px + 14 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .AboutSection .top header {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .AboutSection .top header {
    top: -10px;
    padding-right: 5vw;
  }
}
@media (min-width: 1024px) {
  .AboutSection .top header {
    top: -1.2vw;
  }
}
@media (min-width: 2560px) {
  .AboutSection .top header {
    top: -31px;
    padding-right: 128px;
  }
}
.AboutSection .top header .title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.AboutSection .top .desc {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .AboutSection .top .desc {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .AboutSection .top .desc {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .AboutSection .top .desc {
    font-size: 64px;
    line-height: 71px;
  }
}
.AboutSection .top .desc p {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .AboutSection .top .desc p {
    font-size: 24px;
    line-height: 26px;
    font-size: calc(24px + 12 * (100vw - 768px) / 671);
    line-height: 1.11em;
  }
}
@media (min-width: 1440px) {
  .AboutSection .top .desc p {
    font-size: 36px;
    line-height: 40px;
    font-size: calc(36px + 28 * (100vw - 1440px) / 1120);
    line-height: 1.11em;
  }
}
@media (min-width: 2560px) {
  .AboutSection .top .desc p {
    font-size: 64px;
    line-height: 71px;
  }
}
.AboutSection .top .btn {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .AboutSection .top .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 2.8vw;
  }
}
.AboutSection .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .AboutSection .bottom {
    padding-top: 5.5vw;
  }
}
@media (min-width: 2560px) {
  .AboutSection .bottom {
    padding-top: 141px;
  }
}
.AboutSection .bottom .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-align: center;
}
.AboutSection .bottom .item:nth-child(2), .AboutSection .bottom .item:nth-child(3) {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .AboutSection .bottom .item {
    text-align: left;
    width: 33.333%;
    padding-right: 2.8vw;
  }
  .AboutSection .bottom .item:nth-child(2), .AboutSection .bottom .item:nth-child(3) {
    border-left: 1px solid #000000;
    padding-left: 2.8vw;
    padding-top: 0;
  }
}
@media (min-width: 2560px) {
  .AboutSection .bottom .item {
    padding-right: 72px;
  }
  .AboutSection .bottom .item:nth-child(2), .AboutSection .bottom .item:nth-child(3) {
    border-left: 1px solid #000000;
    padding-left: 72px;
  }
}
.AboutSection .bottom .item .number {
  font-weight: 300;
  line-height: 0.7em;
  font-size: 90px;
}
@media (min-width: 768px) {
  .AboutSection .bottom .item .number {
    font-size: calc(90px + 30 * (100vw - 768px) / 671);
  }
}
@media (min-width: 1440px) {
  .AboutSection .bottom .item .number {
    font-size: calc(120px + 120 * (100vw - 1440px) / 1120);
  }
}
@media (min-width: 2560px) {
  .AboutSection .bottom .item .number {
    font-size: 240px;
  }
}
.AboutSection .bottom .item .text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .AboutSection .bottom .item .text {
    font-size: 14px;
    line-height: 18px;
    font-size: calc(14px + 2 * (100vw - 768px) / 671);
    line-height: 1.25em;
  }
}
@media (min-width: 1440px) {
  .AboutSection .bottom .item .text {
    font-size: 16px;
    line-height: 20px;
    font-size: calc(16px + 12 * (100vw - 1440px) / 1120);
    line-height: 1.22em;
  }
}
@media (min-width: 2560px) {
  .AboutSection .bottom .item .text {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 768px) {
  .AboutSection .bottom .item .text {
    margin-top: 2.8vw;
  }
}
@media (min-width: 1440px) {
  .AboutSection .bottom .item .text {
    margin-top: 2.8vw;
  }
}
@media (min-width: 2560px) {
  .AboutSection .bottom .item .text {
    margin-top: 72px;
  }
}

body.home .EventsHome,
body.home .AboutSection,
body.home .TopicsHome,
body.home .OpinionsHome,
body.home .SpeakersCarousel {
  padding-bottom: 90px;
}
@media (min-width: 768px) {
  body.home .EventsHome,
  body.home .AboutSection,
  body.home .TopicsHome,
  body.home .OpinionsHome,
  body.home .SpeakersCarousel {
    padding-bottom: calc(5.5vw + 50px);
  }
}
@media (min-width: 2560px) {
  body.home .EventsHome,
  body.home .AboutSection,
  body.home .TopicsHome,
  body.home .OpinionsHome,
  body.home .SpeakersCarousel {
    padding-bottom: 191px;
  }
}
body.home .AboutSection,
body.home .TopicsHome,
body.home .OpinionsHome,
body.home .SpeakersCarousel,
body.home .main-footer {
  margin-top: -50px;
}
body.home .PageTitle + .EventsHome,
body.home .BannersHome + .EventsHome {
  border-radius: 9px;
  -webkit-box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -10px 16px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  body.home .PageTitle + .EventsHome,
  body.home .BannersHome + .EventsHome {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  body.home .PageTitle + .EventsHome,
  body.home .BannersHome + .EventsHome {
    border-radius: 2.1vw;
  }
}
@media (min-width: 1920px) {
  body.home .PageTitle + .EventsHome,
  body.home .BannersHome + .EventsHome {
    border-radius: 1.6vw;
  }
}
@media (min-width: 2560px) {
  body.home .PageTitle + .EventsHome,
  body.home .BannersHome + .EventsHome {
    border-radius: 50px;
  }
}

.skip-to-main-content-link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: #222222;
  color: #FFFFFF;
  opacity: 0;
}
.skip-to-main-content-link:focus {
  left: 0;
  opacity: 1;
}

.visually-hidden {
  position: absolute;
  left: -1px;
  top: -1px;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.EventHtmlBanner {
  border: 0;
}

.EventDetail > .EventHtmlBanner.container::before {
  content: none;
}

.EventDetail > .EventHtmlBanner.container {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .EventDetail > .EventHtmlBanner.container {
    margin-bottom: 30px;
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  .EventDetail > .EventHtmlBanner.container {
    margin-bottom: 1.5vw;
    margin-top: 0;
  }
}
@media (min-width: 2560px) {
  .EventDetail > .EventHtmlBanner.container {
    margin-bottom: 38px;
  }
}