@charset "UTF-8";
/* DEFAULT */
/*
Usage

@include keyframes(slide-down) {
	0% { opacity: 1; }
	90% { opacity: 0; }
}

.element {
	width: 100px;
	height: 100px;
	background: black;
	@include animation('slide-down 5s 3');
}

*/
/*
Usage

a {
	color: gray;
	@include transition(color .3s ease);
}


*/
/*
Usage

.article {
	@include clearfix();
}
*/
/*
Usage

.ellipsis {
  @include nowrap-ellipsis;
}
*/
/*
Usage

//@include button-reset();

*/
/*
Usage

@include skew(25,10);
@include transform-origin(top left);

*/
@import url("https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&display=swap");
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ol,
ul {
  list-style: none;
}

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

/*
font-weight reference

light = 300
regular = 400
medium = 500
semi-bold = 600
bold = 700

*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Cairo;
  color: #000;
  font-weight: normal;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-style: normal;
  font-weight: 600;
}

h1 {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 34px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  h1 {
    margin: 0 auto 0;
    font-size: 28px;
    font-size: 1.75rem;
  }
}

h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
  }
}

h3 {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 35px;
  color: #959595;
}
@media only screen and (min-width: 768px) {
  h3 {
    line-height: 26px;
  }
}

h4 {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #595959;
}

h5,
h6 {
  color: #959595;
}

h5 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 32px;
}

h6 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 32px;
}

p {
  margin: 0 0 27px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 22px;
  color: #595959;
}
@media only screen and (min-width: 768px) {
  p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
  }
}

a,
a:focus {
  color: #29292E;
  text-decoration: none;
}

a:hover {
  color: black;
}
a:hover, a:active {
  outline: 0;
}

/* help classes */
.hidden {
  display: none !important;
  visibility: hidden;
}

.hide-to-tablet {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .hide-to-tablet {
    display: inline-block !important;
  }
}

.hide-mobile {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .hide-mobile {
    display: inline-block !important;
  }
}

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

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

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

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

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.adapt {
  margin: 0 auto;
  padding: 0 15px;
  font-size: 0px;
  font-size: 0rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1025px) {
  .adapt {
    padding: 0 25px;
  }
}
@media only screen and (min-width: 1440px) {
  .adapt {
    max-width: 1240px;
  }
}

@media only screen and (min-width: 768px) {
  .iPad-adapt {
    text-align: left;
    max-width: 640px;
  }
}
@media only screen and (min-width: 1025px) {
  .iPad-adapt {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .iPad-adapt {
    max-width: inherit;
  }
}
@media only screen and (min-width: 1240px) {
  .header .iPad-adapt {
    padding: 0;
    width: 50%;
    max-width: 50%;
    position: relative;
  }
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

sub,
sup {
  position: relative;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  display: block;
}

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

figure figcaption {
  display: block;
}

address {
  font-style: normal;
}

label,
button {
  cursor: pointer;
  outline: none;
}

@font-face {
  font-family: "icons";
  src: url("../fonts/other-svg-icons/fonts/icomoon.eot?gspjv7");
  src: url("../fonts/other-svg-icons/fonts/icomoon.eot?gspjv7#iefix") format("embedded-opentype"), url("../fonts/other-svg-icons/fonts/icomoon.ttf?gspjv7") format("truetype"), url("../fonts/other-svg-icons/fonts/icomoon.woff?gspjv7") format("woff"), url("../fonts/other-svg-icons/fonts/icomoon.svg?gspjv7#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before,
[class*=icon-]:before,
[class^=icon-]:after,
[class*=icon-]:after {
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}

.icon-access:before, .icon-access:after,
.icon-arrow-left-regular:before,
.icon-arrow-left-regular:after,
.icon-arrow-right-regular:before,
.icon-arrow-right-regular:after,
.icon-badge-check-light:before,
.icon-badge-check-light:after,
.icon-book-reader-light:before,
.icon-book-reader-light:after,
.icon-book:before,
.icon-book:after,
.icon-cart:before,
.icon-cart:after,
.icon-check-light:before,
.icon-check-light:after,
.icon-clock:before,
.icon-clock:after,
.icon-creativity:before,
.icon-creativity:after,
.icon-dollar:before,
.icon-dollar:after,
.icon-facebook:before,
.icon-facebook:after,
.icon-gaming:before,
.icon-gaming:after,
.icon-gift:before,
.icon-gift:after,
.icon-go-down:before,
.icon-go-down:after,
.icon-heart:before,
.icon-heart:after,
.icon-hearth:before,
.icon-hearth:after,
.icon-influence:before,
.icon-influence:after,
.icon-instagram:before,
.icon-instagram:after,
.icon-linking-out:before,
.icon-linking-out:after,
.icon-location:before,
.icon-location:after,
.icon-market:before,
.icon-market:after,
.icon-phone:before,
.icon-phone:after,
.icon-rocket:before,
.icon-rocket:after,
.icon-sales:before,
.icon-sales:after,
.icon-shield-check-light:before,
.icon-shield-check-light:after,
.icon-smiley:before,
.icon-smiley:after,
.icon-stopwatch-light:before,
.icon-stopwatch-light:after,
.icon-testemony-quotation:before,
.icon-testemony-quotation:after,
.icon-times-light:before,
.icon-times-light:after,
.icon-traffic:before,
.icon-traffic:after,
.icon-transparency:before,
.icon-transparency:after,
.icon-calendar-blank:before,
.icon-calendar-blank:after,
.icon-checkbox-blank-circle-outline:before,
.icon-checkbox-blank-circle-outline:after,
.icon-checkbox-marked-circle-outline:before,
.icon-checkbox-marked-circle-outline:after,
.icon-magnify:before,
.icon-magnify:after,
.icon-twitter-circle:before,
.icon-twitter-circle:after,
.icon-video:before,
.icon-video:after,
.icon-wallet:before,
.icon-wallet:after {
  font-family: "icons";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}

.icon-chevron-down:before {
  content: "";
}

.icon-map-marker:before {
  content: "";
}

.icon-record-circle-outline:before {
  content: "";
}

.icon-calendar-month-outline:before {
  content: "";
}

.icon-calendar-blank:before {
  content: "";
}

.icon-checkbox-blank-circle-outline:before {
  content: "";
}

.icon-checkbox-marked-circle-outline:before {
  content: "";
}

.icon-magnify:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-twitter-circle:before {
  content: "";
}

.icon-access:before {
  content: "";
}

.icon-after-access:after {
  content: "";
}

.icon-current-access {
  content: "";
}

.icon-arrow-left-regular:before {
  content: "";
}

.icon-after-arrow-left-regular:after {
  content: "";
}

.icon-current-arrow-left-regular {
  content: "";
}

.icon-arrow-right-regular:before {
  content: "";
}

.icon-after-arrow-right-regular:after {
  content: "";
}

.icon-current-arrow-right-regular {
  content: "";
}

.icon-badge-check-light:before {
  content: "";
}

.icon-after-badge-check-light:after {
  content: "";
}

.icon-current-badge-check-light {
  content: "";
}

.icon-book-reader-light:before {
  content: "";
}

.icon-after-book-reader-light:after {
  content: "";
}

.icon-current-book-reader-light {
  content: "";
}

.icon-book:before {
  content: "";
}

.icon-after-book:after {
  content: "";
}

.icon-current-book {
  content: "";
}

.icon-cart:before {
  content: "";
}

.icon-after-cart:after {
  content: "";
}

.icon-current-cart {
  content: "";
}

.icon-check-light:before {
  content: "";
}

.icon-after-check-light:after {
  content: "";
}

.icon-current-check-light {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-after-clock:after {
  content: "";
}

.icon-current-clock {
  content: "";
}

.icon-creativity:before {
  content: "";
}

.icon-after-creativity:after {
  content: "";
}

.icon-current-creativity {
  content: "";
}

.icon-dollar:before {
  content: "";
}

.icon-after-dollar:after {
  content: "";
}

.icon-current-dollar {
  content: "";
}

.icon-gaming:before {
  content: "";
}

.icon-after-gaming:after {
  content: "";
}

.icon-current-gaming {
  content: "";
}

.icon-gift:before {
  content: "";
}

.icon-after-gift:after {
  content: "";
}

.icon-current-gift {
  content: "";
}

.icon-go-down:before {
  content: "";
}

.icon-after-go-down:after {
  content: "";
}

.icon-current-go-down {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-after-heart:after {
  content: "";
}

.icon-current-heart {
  content: "";
}

.icon-hearth:before {
  content: "";
}

.icon-after-hearth:after {
  content: "";
}

.icon-current-hearth {
  content: "";
}

.icon-influence:before {
  content: "";
}

.icon-after-influence:after {
  content: "";
}

.icon-current-influence {
  content: "";
}

.icon-linking-out:before {
  content: "";
}

.icon-after-linking-out:after {
  content: "";
}

.icon-current-linking-out {
  content: "";
}

.icon-location:before {
  content: "";
}

.icon-after-location:after {
  content: "";
}

.icon-current-location {
  content: "";
}

.icon-market:before {
  content: "";
}

.icon-after-market:after {
  content: "";
}

.icon-current-market {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-after-phone:after {
  content: "";
}

.icon-current-phone {
  content: "";
}

.icon-rocket:before {
  content: "";
}

.icon-after-rocket:after {
  content: "";
}

.icon-current-rocket {
  content: "";
}

.icon-sales:before {
  content: "";
}

.icon-after-sales:after {
  content: "";
}

.icon-current-sales {
  content: "";
}

.icon-shield-check-light:before {
  content: "";
}

.icon-after-shield-check-light:after {
  content: "";
}

.icon-current-shield-check-light {
  content: "";
}

.icon-smiley:before {
  content: "";
}

.icon-after-smiley:after {
  content: "";
}

.icon-current-smiley {
  content: "";
}

.icon-stopwatch-light:before {
  content: "";
}

.icon-after-stopwatch-light:after {
  content: "";
}

.icon-current-stopwatch-light {
  content: "";
}

.icon-testemony-quotation:before {
  content: "";
}

.icon-after-testemony-quotation:after {
  content: "";
}

.icon-current-testemony-quotation {
  content: "";
}

.icon-times-light:before {
  content: "";
}

.icon-after-times-light:after {
  content: "";
}

.icon-current-times-light {
  content: "";
}

.icon-traffic:before {
  content: "";
}

.icon-after-traffic:after {
  content: "";
}

.icon-current-traffic {
  content: "";
}

.icon-transparency:before {
  content: "";
}

.icon-after-transparency:after {
  content: "";
}

.icon-current-transparency {
  content: "";
}

.icon-video:before {
  content: "";
}

.icon-after-video:after {
  content: "";
}

.icon-current-video {
  content: "";
}

.icon-wallet:before {
  content: "";
}

.icon-after-wallet:after {
  content: "";
}

.icon-current-wallet {
  content: "";
}

@media only screen and (min-width: 1025px) {
  a:hover {
    -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

/*

::-moz-selection {
	background-color: $color_text_selection;
	color: $color_white;
	text-shadow: none;
}

::selection {
	background-color: $color_text_selection;
	color: $color_white;
	text-shadow: none;
}

*/
html,
body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  width: 100%;
}

html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  color: #000;
  font-size: 16px;
  font-size: 1rem;
}

body {
  min-height: 100%;
  height: 100%;
  font-family: Cairo;
  color: #232635;
  background-color: #F0F0F0;
  -ms-overflow-style: scrollbar;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  text-align: left;
}

table {
  margin: 0 0 27px;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
}
table caption {
  padding: 0 0 22px;
  font-family: Cairo;
  font-size: 18px;
  font-size: 1.125rem;
  color: #000;
  text-align: left;
}
table .person img {
  margin-right: 10px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: top;
}
table .person h5 {
  margin: 6px 0 0;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
}
table label strong {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #000;
  font-weight: 600;
}

td,
th {
  padding: 14px 17px 10px 0;
  vertical-align: top;
  border-bottom: 1px solid #dcdcdc;
}

th {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
  color: #000;
}

td {
  color: #232635;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  @page {
    margin: 0.5cm;
  }
  h2, h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  pre, blockquote {
    border: 1px solid #ddd;
    page-break-inside: avoid;
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr {
    page-break-inside: avoid;
  }
}
/* header & footer */
.header {
  z-index: 3;
  text-align: left;
  position: relative;
}
.header .adapt {
  position: relative;
}

.logo {
  display: block;
  opacity: 1;
  position: absolute;
  top: 15px;
  left: 15px;
  transition-property: opacity;
  transition-duration: 200ms;
}
@media only screen and (min-width: 1366px) {
  .in-scroll .logo {
    opacity: 0;
    pointer-events: none;
  }
}
.logo img {
  height: 35px;
}
@media only screen and (min-width: 768px) {
  .logo {
    left: 60px;
  }
}
@media only screen and (min-width: 1366px) {
  .logo {
    left: 15px;
    position: relative;
  }
  .logo img {
    height: 60px;
  }
}

.small-logo {
  display: none;
  opacity: 0;
  flex: 1;
  margin-left: 25px;
  transition-property: opacity;
  transition-duration: 200ms;
}
@media only screen and (min-width: 1366px) {
  .small-logo {
    display: block;
  }
}
@media only screen and (min-width: 1366px) {
  .in-scroll .small-logo {
    opacity: 1;
  }
}
.small-logo img:hover {
  filter: brightness(80%);
}

.menu-container {
  width: 100%;
  position: fixed;
  top: 107px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  display: none;
  opacity: 0;
  -webkit-transition: opacity ease-out 200ms;
  -moz-transition: opacity ease-out 200ms;
  -ms-transition: opacity ease-out 200ms;
  -o-transition: opacity ease-out 200ms;
  transition: opacity ease-out 200ms;
  z-index: 2;
}
@media only screen and (min-width: 1366px) {
  .menu-container {
    display: block;
    opacity: 1;
    position: static;
    background: none;
  }
}
@media only screen and (min-width: 1366px) {
  .menu-container .mobile-logo {
    display: none;
  }
}
.menu-container.is-block {
  display: block;
}
.menu-container.show {
  display: block;
  opacity: 1;
}

.main-nav {
  padding: 25px 15px 20px;
  overflow-y: auto;
  height: calc(100vh - 90px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .main-nav {
    padding: 25px 60px 20px;
  }
}
@media only screen and (min-width: 992px) {
  .main-nav {
    padding: 25px 15px 20px;
  }
}
@media only screen and (min-width: 1366px) {
  .main-nav {
    transition-property: top;
    transition-duration: 200ms;
    margin-top: 0;
    height: auto;
    padding: 0;
    overflow-y: inherit;
    position: absolute;
    top: 185px;
    left: 25px;
    right: 25px;
    background: none;
  }
}
@media only screen and (min-width: 1366px) {
  .in-scroll .main-nav {
    top: 25px;
  }
}
.main-nav li {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
@media only screen and (min-width: 1366px) {
  .main-nav li {
    padding: 0;
    display: inline-block;
  }
  .main-nav li:last-child {
    margin-right: 0;
  }
}
.main-nav li:hover a {
  color: #A3A3A3;
}
.main-nav a {
  color: #fff;
  text-decoration: none;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 35px;
  font-weight: bold;
}
@media only screen and (min-width: 1366px) {
  .main-nav a {
    padding: 12px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1366px) {
  .main-nav .active:before {
    content: "";
    position: absolute;
    left: 8px;
    right: 3px;
    bottom: -27px;
    height: 5px;
    background: #29292E;
  }
}
.main-nav .button-outline {
  position: relative;
  text-transform: uppercase;
}
@media only screen and (min-width: 1366px) {
  .main-nav .button-outline {
    border: 1px solid #F0F3F9;
    border-radius: 5px;
  }
}
@media only screen and (min-width: 1366px) {
  .main-nav .button-outline:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    animation: glowing-white 1.5s ease-out infinite;
  }
}
.menu-symbol {
  overflow: visible;
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-appearance: none;
  width: 50px;
  height: 40px;
  top: 0;
  right: 0;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
.menu-symbol:focus {
  outline: none;
}
@media only screen and (min-width: 768px) {
  .menu-symbol {
    right: 46px;
  }
}
@media only screen and (min-width: 1025px) {
  .menu-symbol {
    right: 16px;
  }
}
@media only screen and (min-width: 1366px) {
  .menu-symbol {
    display: none;
  }
}
.menu-symbol span,
.menu-symbol button {
  width: 18px;
  height: 24px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 17px;
  right: 15px;
  z-index: 3;
  margin: 8px 0 0 2px;
  background-color: transparent;
  border-top: 2px solid #fff;
  opacity: 1;
  -webkit-transition: border-top-color 0.5s;
  -moz-transition: border-top-color 0.5s;
  -ms-transition: border-top-color 0.5s;
  -o-transition: border-top-color 0.5s;
  transition: border-top-color 0.5s;
  text-indent: -999em;
}
@media only screen and (min-width: 480px) {
  .menu-symbol span,
.menu-symbol button {
    top: 16px;
    right: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .menu-symbol span,
.menu-symbol button {
    top: 13px;
    right: 19px;
  }
}
.menu-symbol span:before,
.menu-symbol button:before {
  content: "";
  background-color: #fff;
  transform-origin: 50% 100%;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  position: absolute;
  width: 18px;
  height: 2px;
  left: 0;
  top: -7px;
}
.menu-symbol span:after,
.menu-symbol button:after {
  content: "";
  background-color: #fff;
  transform-origin: 50% 100%;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  position: absolute;
  width: 18px;
  height: 2px;
  left: 0;
  top: 3px;
}
.menu-symbol span:focus,
.menu-symbol button:focus {
  outline: none;
}
.full-width-search-box .menu-symbol span,
.full-width-search-box .menu-symbol button {
  top: 8px;
  border-top: 0;
}
.menu-symbol.close {
  opacity: 1;
  text-shadow: none;
}
.menu-symbol.close:hover {
  opacity: 1;
  text-shadow: none;
}
.menu-symbol.close span,
.menu-symbol.close button {
  border-top-color: transparent;
}
.menu-symbol.close span:before,
.menu-symbol.close button:before {
  content: "";
  background-color: #fff;
  transform-origin: 50% 100%;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  position: absolute;
  width: 18px;
  height: 2px;
  left: 0;
  width: 25px;
  height: 2px;
  -moz-transform: translateY(8px) translateX(2px) rotate(45deg);
  -ms-transform: translateY(8px) translateX(2px) rotate(45deg);
  -webkit-transform: translateY(8px) translateX(2px) rotate(45deg);
  transform: translateY(8px) translateX(2px) rotate(45deg);
  top: -9px;
  left: -4px;
}
.full-width-search-box .menu-symbol.close span:before,
.full-width-search-box .menu-symbol.close button:before {
  width: 14px;
}
.menu-symbol.close span:after,
.menu-symbol.close button:after {
  content: "";
  background-color: #fff;
  transform-origin: 50% 100%;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  position: absolute;
  width: 18px;
  height: 2px;
  left: 0;
  width: 25px;
  height: 2px;
  -moz-transform: translateY(-1px) translateX(3px) rotate(-45deg);
  -ms-transform: translateY(-1px) translateX(3px) rotate(-45deg);
  -webkit-transform: translateY(-1px) translateX(3px) rotate(-45deg);
  transform: translateY(-1px) translateX(3px) rotate(-45deg);
  top: 0;
  left: -4px;
}
.full-width-search-box .menu-symbol.close span:after,
.full-width-search-box .menu-symbol.close button:after {
  width: 14px;
}
.menu-symbol.black span,
.menu-symbol.black button {
  border-top-color: #232635;
}
.menu-symbol.black span:before, .menu-symbol.black span:after,
.menu-symbol.black button:before,
.menu-symbol.black button:after {
  background-color: #232635;
}
.menu-symbol.black.close span,
.menu-symbol.black.close button {
  border-top-color: #fff;
}
.menu-symbol.close span,
.menu-symbol.close button {
  border-top-color: #232635;
}
.menu-symbol.close span:before, .menu-symbol.close span:after,
.menu-symbol.close button:before,
.menu-symbol.close button:after {
  background-color: #fff;
}

@media only screen and (min-width: 1366px) {
  .menu-symbol-back {
    top: 30px;
    right: 20px;
    display: inline-block;
  }
}
@media only screen and (min-width: 1240px) {
  .menu-symbol-back {
    right: 30px;
    width: auto;
    height: auto;
    display: inline-block;
    white-space: nowrap;
  }
}
.menu-symbol-back span {
  border: none;
}
@media only screen and (min-width: 1240px) {
  .menu-symbol-back span {
    margin: 0 0 0 10px;
    position: static;
    width: auto;
    height: auto;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-indent: 0;
  }
}
@media only screen and (min-width: 1240px) {
  .menu-symbol-back span:before, .menu-symbol-back span:after {
    display: none !important;
  }
}
.menu-symbol-back i {
  display: none;
}
@media only screen and (min-width: 1240px) {
  .menu-symbol-back i {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    display: inline-block;
    vertical-align: top;
  }
}

.prepare-sticky .sticky-wrap {
  -webkit-transform: translate3d(0, -80px, 0);
  -moz-transform: translate3d(0, -80px, 0);
  -ms-transform: translate3d(0, -80px, 0);
  -o-transform: translate3d(0, -80px, 0);
  transform: translate3d(0, -80px, 0);
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.sticky .sticky-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition-property: right;
  transition-duration: 200ms;
}
@media only screen and (min-width: 1366px) {
  .agenda-active .sticky .sticky-wrap {
    right: 280px;
  }
}
.no-scroll .sticky-wrap {
  height: auto;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  bottom: 0;
}

.upper-menu {
  background-color: #000;
  height: 35px;
  display: flex;
  flex-direction: row-reverse;
}
.menu .upper-menu {
  display: none;
}
.menu .upper-menu.show {
  display: flex;
}
.upper-menu .socials {
  padding: 6px 15px 0;
}
.upper-menu .socials li {
  margin-right: 5px;
}
@media only screen and (min-width: 1366px) {
  .upper-menu .socials {
    padding: 6px 0 0;
  }
}
.upper-menu .right-nav {
  display: flex;
}
.upper-menu .lang {
  width: fit-content;
  padding: 0 29px 0;
}
.upper-menu .lang li {
  display: inline-block;
  margin-right: 5px;
}
.upper-menu .lang li p {
  color: #A4A4A4;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  transition: 200ms color;
}
.upper-menu .lang li p:hover {
  color: #fff;
}
.upper-menu .lang li.active {
  margin-right: 11px;
}
.upper-menu .lang li.active p {
  color: #fff;
}
.upper-menu .lang li.active p:hover {
  color: #A3A3A3;
}
@media only screen and (min-width: 1366px) {
  .upper-menu .lang {
    padding: 0 29px 0 0;
  }
}
.upper-menu .search {
  width: fit-content;
  margin-top: 8px;
  margin-right: 15px;
}
@media only screen and (min-width: 1366px) {
  .upper-menu .search {
    display: none;
  }
}
.upper-menu .calendar {
  width: fit-content;
  margin-top: 8px;
  margin-right: 15px;
}
@media only screen and (min-width: 1366px) {
  .upper-menu .calendar {
    margin-right: 32px;
  }
}
.upper-menu .calendar li:hover [class^=icon-]:before {
  color: #A3A3A3;
}
.upper-menu [class^=icon-]:before {
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  transition: 200ms color;
}
@media only screen and (min-width: 1366px) {
  .upper-menu {
    padding: 5px 0;
  }
}

.menu {
  position: relative;
  background: url(../images/home-banner/home_banner-black.jpg) center no-repeat;
  background-size: cover;
  height: 100%;
}
@media only screen and (min-width: 1366px) {
  .menu {
    padding: 25px 26px 135px;
    transition-property: padding-bottom;
    transition-duration: 200ms;
  }
}
@media only screen and (min-width: 1366px) {
  .in-scroll .menu {
    height: 50px;
    padding: 25px 26px 0;
    -webkit-box-shadow: 0 10px 19px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 10px 19px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 10px 19px 0 rgba(0, 0, 0, 0.35);
  }
}
.menu .logo {
  transition: 200ms all;
}
.menu .logo:hover {
  filter: brightness(80%);
}

.two-logos {
  position: fixed;
  flex-wrap: wrap;
  margin: 0 0 19px;
  width: auto;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 200ms;
}
@media only screen and (min-width: 1366px) {
  .in-scroll .two-logos {
    position: fixed;
    opacity: 0;
  }
}
.two-logos div {
  margin-right: 12px;
  display: inline-block;
}
.two-logos img {
  flex: 1;
  object-fit: contain;
  max-height: 63px;
  max-width: 168px;
}
@media only screen and (min-width: 1366px) {
  .two-logos img {
    max-height: 63px;
    max-width: 168px;
  }
}
@media only screen and (min-width: 1366px) {
  .two-logos {
    display: inline-block;
    position: fixed;
    opacity: 1;
    top: 83px;
    right: 20px;
  }
}
.main-nav .two-logos {
  display: flex;
  opacity: 1;
  flex-wrap: nowrap;
}
.main-nav .two-logos div {
  display: flex;
  flex: 1;
}
@media only screen and (min-width: 1366px) {
  .main-nav .two-logos {
    display: none;
  }
}

.sub-nav {
  margin: 10px 0 25px;
  display: none;
}
.main-nav .sub-nav {
  display: block;
}
.sub-nav li {
  position: relative;
}
@media only screen and (min-width: 1366px) {
  .sub-nav li {
    padding: 0 10px;
    display: inline-block;
  }
  .sub-nav li:last-child {
    margin-right: 0;
  }
}
.sub-nav a {
  color: #A4A4A4;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  font-weight: normal;
}
.sub-nav a:hover {
  color: #fff;
}
@media only screen and (min-width: 1366px) {
  .sub-nav {
    display: block;
    margin-top: 0;
    height: auto;
    padding: 0;
    margin-right: 28px;
    overflow-y: inherit;
    top: 36px;
    right: 60px;
    left: auto;
    background: none;
  }
  .main-nav .sub-nav {
    display: none;
  }
  .sticky .sub-nav {
    top: 30px;
  }
}

.search-input {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1366px) {
  .search-input {
    display: block;
  }
}
.search-input:hover input {
  border-color: #A4A4A4;
}
.search-input:hover i {
  color: #fff;
}
.search-input input {
  padding: 3.5px 8.5px;
  padding-right: 27px;
  color: #A4A4A4;
  background-color: rgba(0, 0, 0, 0.8);
  transition: 200ms all;
  border-color: #313131;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
}
.search-input input:focus {
  border-color: #A4A4A4;
}
.search-input input::placeholder {
  color: #A4A4A4;
}
.search-input i {
  font-size: 18px;
  font-size: 1.125rem;
  color: #A4A4A4;
  transition: 200ms color;
}
.search-input [class^=icon-]:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 8.5px;
  right: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.footer {
  position: fixed;
  bottom: 0;
  background: #000;
  padding: 23px 0 48px;
  font-size: 0px;
  font-size: 0rem;
  transition-property: width;
  transition-duration: 200ms;
}
@media only screen and (min-width: 1366px) {
  .footer {
    padding: 32px 0 21px;
    width: calc(100%);
  }
  .agenda-active .footer {
    width: calc(100% - 280px);
  }
}

.footer-nav {
  padding: 0 0 22px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 600px) {
  .footer-nav {
    width: 60%;
  }
}
@media only screen and (min-width: 1366px) {
  .footer-nav {
    width: 100%;
    flex: 1 33%;
    margin-left: 35px;
  }
}
.footer-nav ul :not(:first-child) {
  width: 121px;
}
@media only screen and (min-width: 600px) {
  .footer-nav ul {
    flex: 1;
  }
}
.footer-nav li {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
  text-align: left;
}
.footer-nav li:hover a {
  color: #fff;
}
.footer-nav a {
  color: #6D6D6D;
  text-decoration: none;
}

@media only screen and (min-width: 1366px) {
  .logo-footer {
    margin: 0 0 16px;
  }
}
.logo-footer h2 {
  margin: 30px 0 20px;
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 60px;
  color: #fff;
}
.logo-footer h3 {
  font-size: 16px;
  font-size: 1rem;
  opacity: 0.54;
  color: #F7F9FC;
  letter-spacing: 0;
}
.logo-footer img:hover {
  filter: brightness(80%);
}

.footers-bottom {
  width: 100%;
  position: relative;
}
.footers-bottom .intro {
  margin-bottom: 39px;
}
.footers-bottom .intro p {
  margin: 0;
  padding: 26px 0 31px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  color: #6D6D6D;
}
@media only screen and (min-width: 1366px) {
  .footers-bottom .intro p {
    margin-bottom: 47px;
    padding: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .footers-bottom .intro p {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1366px) {
  .footers-bottom {
    display: flex;
  }
}

.logos {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.logos div {
  max-width: calc(33% - 14px);
  margin-right: 12px;
  border: 1px solid #343434;
}
.logos img {
  width: calc(100% - 20px);
  flex: 1;
  margin: 25px 10px;
}

.socials {
  width: fit-content;
  flex: 1;
}
.footers-bottom .socials {
  margin: 20px 0;
}
.socials li {
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-right: 3px;
  color: #fff;
  transition: 200ms color;
}
.socials li:hover [class^=icon-]:before {
  color: #A3A3A3;
}
.socials [class^=icon-]:before {
  width: 18px;
  height: 18px;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1366px) {
  .socials {
    flex: none;
    margin-right: 41px;
    padding: 6px 0 0;
  }
  .footers-bottom .socials {
    margin: 0;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 600px) {
  .flex-wrapper {
    width: 60%;
  }
}
@media only screen and (min-width: 1366px) {
  .flex-wrapper {
    width: 100%;
    flex: 1 33%;
  }
}

.footers-bottom .two-logos {
  display: flex;
  position: relative;
  justify-content: space-between;
  flex-wrap: nowrap;
  opacity: 1;
}
.footers-bottom .two-logos div {
  display: flex;
  flex: 1;
}
@media only screen and (min-width: 1366px) {
  .footers-bottom .two-logos {
    top: auto;
    right: auto;
    margin: 45px 15px;
  }
}
@media only screen and (min-width: 1366px) and (min-width: 1440px) {
  .footers-bottom .two-logos {
    margin: 20px 15px 45px;
  }
}

/* sidebar */
.layout-container {
  transition-property: padding-right;
  transition-duration: 200ms;
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 1366px) {
  .agenda-active .layout-container {
    padding-right: 280px;
  }
}

.layout-sidebar-banner {
  z-index: 9;
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100%;
  background-color: #fff;
  box-shadow: 1px 0 2px 1px rgba(0, 0, 0, 0.6);
  transition: right 200ms;
  overflow: scroll;
  overflow-x: hidden;
}
.agenda-active .layout-sidebar-banner {
  right: 0;
}

.region-sidebar-banner {
  margin-top: 30px;
  padding: 0 15px;
}
@media only screen and (min-width: 1366px) {
  .region-sidebar-banner {
    padding: 0 25px;
  }
}

.agenda-active .dark-overlay {
  display: block;
}

.view-header {
  display: flex;
  border-bottom: 4px solid #000;
  padding-bottom: 8px;
  margin-bottom: 9px;
}
.view-header .close {
  cursor: pointer;
}
.view-header h2 {
  margin: 0;
  flex: 1;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 26px;
}
.view-header p {
  padding: 0;
  margin: 0;
}

.item-list li {
  padding: 7px 0 9px;
  border-bottom: 2px solid #D7D7D7;
}
.item-list li:hover h2 {
  text-decoration: underline;
}
.item-list li .date {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  color: #7E7E7E;
}
.item-list li h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  font-weight: bold;
  margin: 0 0 4px;
}
.item-list li .location p {
  margin: 0;
}

.view-footer {
  margin-top: 17px;
}
.view-footer a {
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  font-weight: bold;
}
.view-footer a:hover {
  text-decoration: underline;
}

.dark-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 4;
}
@media only screen and (min-width: 1366px) {
  .dark-overlay {
    display: none !important;
  }
}

/* main */
.page {
  margin: 0 auto;
  background-color: #F0F0F0;
  padding: 0 15px;
  width: 100%;
  font-size: 0px;
  font-size: 0rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 1366px) {
  .page {
    padding: 0 25px;
  }
}

.main {
  margin: 0 auto;
  width: 100%;
  max-width: 1086px;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
}
@media only screen and (min-width: 1366px) {
  .main {
    padding-top: 284px;
    max-width: 1089px;
  }
}

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

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

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

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

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

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

.slick-slider {
  margin: auto;
}
.slick-slider.slick-dotted {
  margin: auto;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
  width: 25px;
  height: 25px;
}
@media only screen and (min-width: 768px) {
  .slick-slider .slick-prev,
.slick-slider .slick-next {
    width: 45px;
    height: 45px;
  }
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  width: 25px;
  height: 25px;
  content: "";
  display: block;
}
@media only screen and (min-width: 768px) {
  .slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
    width: 45px;
    height: 45px;
    background-size: 23px 40px !important;
    background-position: 10px 2px !important;
  }
}
.slick-slider .slick-prev:before {
  background: url(../images/svg/nav/arrow-gray-left.svg) 6px 2px no-repeat;
}
.slick-slider .slick-next:before {
  background: url(../images/svg/nav/arrow-gray-right.svg) 6px 2px no-repeat;
}
.slick-slider .slick-dots {
  display: none;
  bottom: 20px;
}
.slick-slider .slick-dots li button:before {
  font-size: 9px;
}
@media only screen and (min-width: 1366px) {
  .slick-slider .slick-dots {
    display: block;
  }
}

/* MODULES */
.teaser {
  padding-top: 115px;
  background: transparent linear-gradient(159deg, #232635 0%, #3659A8 100%, #4279F0 100%) 0 0 no-repeat padding-box;
}
@media only screen and (min-width: 768px) {
  .teaser {
    padding-top: 0;
    background: transparent linear-gradient(110deg, #232635 0%, #3659A8 100%, #4279F0 100%) 0 0 no-repeat padding-box;
  }
}
@media only screen and (min-width: 1240px) {
  .teaser {
    width: 100vw;
    height: 100vh;
  }
}
@media only screen and (min-width: 1920px) {
  .teaser {
    padding-top: 115px;
    width: 100%;
    height: 100%;
  }
}
.teaser .adapt {
  padding-bottom: 5px;
  position: relative;
  min-height: 350px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .teaser .adapt {
    padding-bottom: 40px;
  }
}

.start-here {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .start-here {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 1240px) {
  .start-here {
    padding: 0;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
  }
}
@media only screen and (min-width: 1920px) {
  .start-here {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .start-here {
    text-align: center;
  }
  .iPad-adapt .start-here {
    text-align: left;
  }
}
@media only screen and (min-width: 1440px) {
  .start-here {
    text-align: left;
    max-width: 700px;
  }
}
@media only screen and (min-width: 1440px) {
  .start-here h1,
.start-here p {
    max-width: 750px;
  }
}
.start-here h1 {
  margin: 0 0 30px;
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 45px;
  font-weight: 600;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .start-here h1 {
    margin: 75px 0 25px;
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 60px;
  }
}
.start-here p {
  margin: 0 0 40px;
  color: #fff;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 26px;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  .start-here p {
    margin: 0 0 45px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 35px;
  }
}

.hero-photo {
  text-align: center;
}
@media only screen and (min-width: 1240px) {
  .hero-photo {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
  }
}
@media only screen and (min-width: 1920px) {
  .hero-photo {
    height: 100%;
  }
}
.hero-photo img {
  margin: 0 auto;
}

.text-only {
  padding: 40px 0 25px;
  background: #f7f9fc;
}
@media only screen and (min-width: 768px) {
  .text-only {
    padding: 80px 0 70px;
  }
}
.text-only .adapt {
  max-width: 760px;
}
.text-only h2 {
  margin: 0 0 35px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 40px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .text-only h2 {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 60px;
  }
}
.text-only p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .text-only p {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .text-only.with-actions {
    padding: 105px 0 20px;
  }
}

.up-to-cols {
  padding: 40px 0 0;
  background: #fff;
}
@media only screen and (min-width: 1440px) {
  .up-to-cols .adapt {
    padding: 0;
  }
}
.up-to-cols h2 {
  color: #F0F0F0;
  text-align: center;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .up-to-cols h2 {
    margin: 0 0 55px;
  }
}
@media only screen and (min-width: 992px) {
  .up-to-cols h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .up-to-cols ul {
    font-size: 0px;
    font-size: 0rem;
  }
}
@media only screen and (min-width: 768px) {
  .up-to-cols li {
    display: inline-block;
    width: calc(50% - 45px);
    vertical-align: top;
  }
  .up-to-cols li:nth-child(2n-1) {
    margin-right: 45px;
  }
  .up-to-cols li:nth-child(2n) {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .up-to-cols li {
    width: calc(100%/4 - 30px);
  }
  .up-to-cols li:nth-child(3n-2) {
    margin: 0 15px;
  }
  .up-to-cols li:nth-child(3n-1) {
    margin: 0 15px;
  }
  .up-to-cols li:nth-child(3n) {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .photo-text + .up-to-cols {
    margin-top: -20px;
  }
}

.photo-text {
  text-align: left;
  padding: 40px 0;
}
.photo-text.white-breaker {
  background-color: #f7f9fc;
}
@media only screen and (min-width: 1440px) {
  .photo-text.white-breaker {
    padding: 120px 0 40px;
  }
}
@media only screen and (min-width: 992px) {
  .photo-text.white-breaker .adapt {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .photo-text {
    padding: 80px 0;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .photo-text {
    text-align: left;
  }
}
@media only screen and (min-width: 1440px) {
  .photo-text {
    padding: 185px 0 160px;
  }
}
.photo-text h2 {
  margin: 0 0 20px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .photo-text h2 {
    margin: 0 0 35px;
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  .photo-text h2 {
    max-width: 450px;
  }
}
.photo-text h3 {
  margin: 0 0 10px;
  color: #a8a8a8;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .photo-text h3 {
    margin: 0 0 25px;
  }
}
@media only screen and (min-width: 1440px) {
  .photo-text h3 {
    max-width: 450px;
  }
}
@media only screen and (min-width: 992px) {
  .photo-text figure {
    width: 50%;
    margin: 5px 0 0;
    display: inline-block;
    vertical-align: top;
  }
}
.photo-text img {
  margin: 0 auto;
  max-width: 100%;
}
@media only screen and (min-width: 1440px) {
  .photo-text img {
    float: right;
  }
}
.photo-text .detail {
  padding-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .photo-text .detail {
    width: 50%;
    padding: 25px 60px;
    padding-top: 0;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1024px) {
  .photo-text .detail {
    padding: 35px 50px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .photo-text .detail {
    padding: 95px 80px 15px;
    padding-top: 0;
  }
}
.photo-text p {
  margin: 0 0 30px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
}
@media only screen and (min-width: 768px) {
  .photo-text p {
    line-height: 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .photo-text p {
    max-width: 450px;
  }
}
.photo-text .contact-action {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 9px 15px;
  color: #fff;
  background: #29292E;
  text-decoration: none;
  font-family: Cairo;
  border-radius: 3px;
  line-height: 20px;
}
.photo-text .contact-action:hover {
  color: #fff;
}
.photo-text .actions {
  margin: 0 auto 10px;
  padding: 10px 0 20px;
}
@media only screen and (min-width: 768px) {
  .photo-text .actions {
    margin: 0 auto 10px;
  }
}
@media only screen and (min-width: 992px) {
  .photo-text .actions {
    margin: 0 auto 40px;
  }
}
.photo-text.mobile-reverse .adapt {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .photo-text.mobile-reverse .adapt {
    display: block;
  }
}
.photo-text.mobile-reverse figure {
  order: 2;
}
@media only screen and (min-width: 1440px) {
  .photo-text.mobile-reverse img {
    float: left;
  }
}
.photo-text.mobile-reverse .detail {
  order: 1;
}
@media only screen and (min-width: 1440px) {
  .photo-text.desktop-padding {
    padding-bottom: 0;
  }
}
.page-thank-you .photo-text {
  color: #232635;
  padding-top: 100px;
}
@media only screen and (min-width: 1440px) {
  .page-thank-you .photo-text {
    padding: 0;
  }
}
.page-thank-you .photo-text h2 {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 62px;
  font-weight: 600;
  margin: 30px 0;
}
@media only screen and (min-width: 768px) {
  .page-thank-you .photo-text h2 {
    font-size: 80px;
    font-size: 5rem;
    line-height: 86px;
  }
}
.page-thank-you .photo-text p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 31px;
}
@media only screen and (min-width: 768px) {
  .page-thank-you .photo-text p {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 46px;
  }
}
@media only screen and (min-width: 992px) {
  .page-thank-you .photo-text p {
    margin: 0 0 50px;
  }
}
.page-thank-you .photo-text img {
  max-width: 180px;
}
@media only screen and (min-width: 768px) {
  .page-thank-you .photo-text img {
    margin: 0 auto 30px;
    max-width: 300px;
  }
}
@media only screen and (min-width: 1240px) {
  .page-thank-you .photo-text img {
    max-width: 400px;
  }
}
@media only screen and (min-width: 992px) {
  .page-thank-you .photo-text.mobile-reverse {
    display: table;
    width: 100%;
  }
}
.page-thank-you .photo-text.mobile-reverse figure {
  order: 1;
}
@media only screen and (min-width: 992px) {
  .page-thank-you .photo-text.mobile-reverse figure {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: calc(100vh - 180px);
  }
}
@media only screen and (min-width: 1440px) {
  .page-thank-you .photo-text.mobile-reverse figure {
    height: calc(100vh - 80px);
  }
}
.page-thank-you .photo-text.mobile-reverse img {
  margin: 0 auto;
  float: none;
}
@media only screen and (min-width: 1240px) {
  .page-thank-you .photo-text.mobile-reverse img {
    margin-right: 30px;
    float: right;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 1440px) {
  .page-thank-you .photo-text.mobile-reverse img {
    margin-right: 0;
    height: calc(100vh - 80px);
  }
}
.page-thank-you .photo-text.mobile-reverse .detail {
  order: 2;
}
@media only screen and (min-width: 992px) {
  .page-thank-you .photo-text.mobile-reverse .detail {
    display: table-cell;
    vertical-align: middle;
    height: calc(100vh - 180px);
  }
}
@media only screen and (min-width: 768px) {
  .page-thank-you .photo-text.mobile-reverse .detail {
    margin: 0 auto;
    max-width: 540px;
  }
}
@media only screen and (min-width: 992px) {
  .page-thank-you .photo-text.mobile-reverse .detail {
    max-width: inherit;
  }
}
.page-thank-you .photo-text.mobile-reverse .actions {
  order: 3;
}

.photo-only {
  padding: 132px 0 60px;
}
.photo-only img {
  margin: 0 auto;
}

.quotes {
  margin: 100px 0 132px;
}
.quotes:before {
  font-size: 58px;
  font-size: 3.625rem;
  display: block;
  overflow: hidden;
  top: 0;
  left: 50%;
  margin-bottom: 40px;
  color: #d2d2d2;
}

.trusted-brands {
  padding: 20px 0;
}
.trusted-brands .brand-list figure {
  padding: 20px 30px;
}

.big-screen-wrap {
  font-size: 0px;
  font-size: 0rem;
  width: 100%;
}
@media only screen and (min-width: 1240px) {
  .big-screen-wrap {
    display: table;
  }
}

.modal {
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 200ms;
}
.modal.prepare-transition {
  display: block;
}
.modal.active {
  opacity: 1;
  display: block;
}

.modal-close {
  color: #000;
  float: right;
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 50px;
  top: 5px;
  right: 25px;
  position: absolute;
  transition: color 200ms;
}
.modal-close:hover, .modal-close:focus {
  color: #555555;
  text-decoration: none;
  cursor: pointer;
}

/*  SIGNUP */
.signup-cta {
  min-height: 100vh;
  padding: 110px 0 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .signup-cta {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 1240px) {
  .signup-cta {
    padding: 0;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    min-height: 100vh;
  }
}
.signup-cta .adapt {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .signup-cta .adapt {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1240px) {
  .signup-cta .iPad-adapt {
    text-align: center;
    max-width: 560px !important;
    padding: 0;
  }
}
.signup-cta .start-here h1 {
  color: #f7f9fc;
  font-size: 50px;
  font-size: 3.125rem;
}
@media only screen and (min-width: 768px) {
  .signup-cta .start-here h1 {
    margin-bottom: 60px;
    font-size: 80px;
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1240px) {
  .signup-cta .start-here h1 {
    margin-top: 0;
  }
}
.signup-cta .start-here p {
  color: #f7f9fc;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 31px;
}
@media only screen and (min-width: 768px) {
  .signup-cta .start-here p {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 46px;
  }
}
.signup-cta .start-here .list-bonuses {
  color: #f7f9fc;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 24px;
  margin: 0 0 30px 20px;
  list-style-image: url(../images/svg-icons/raw/check-light.svg);
}
.signup-cta .start-here .list-bonuses li {
  margin: 10px 0;
}
.signup-cta .start-here .actions i {
  float: right;
}

.signup-content {
  background: #fff;
  padding: 50px 0 80px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-transition: opacity ease-out 200ms;
  -moz-transition: opacity ease-out 200ms;
  -ms-transition: opacity ease-out 200ms;
  -o-transition: opacity ease-out 200ms;
  transition: opacity ease-out 200ms;
  z-index: 2;
}
@media only screen and (min-width: 1240px) {
  .signup-content {
    opacity: 1;
    position: static;
    background: none;
    padding: 0;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
  }
}
@media only screen and (min-width: 1240px) {
  .signup-content.show {
    display: table-cell;
  }
}
@media only screen and (min-width: 768px) {
  .signup-content .iPad-adapt {
    text-align: center;
  }
}
@media only screen and (min-width: 1240px) {
  .signup-content .iPad-adapt {
    padding: 0;
    max-width: 420px;
  }
}
@media only screen and (min-width: 1240px) {
  .signup-content .modal-header {
    display: none;
  }
}
@media only screen and (min-width: 1366px) {
  .signup-content .modal-header .menu-symbol {
    display: block;
  }
}
.signup-content h2 {
  margin: 0 0 20px;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 26px;
  color: #232635;
}
@media only screen and (min-width: 768px) {
  .signup-content h2 {
    margin: 0 0 25px;
  }
}
.signup-content p {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .signup-content p {
    margin: 0 0 45px;
  }
}
@media only screen and (min-width: 768px) {
  .signup-content fieldset + p {
    padding-top: 10px;
  }
}

.signup-form {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .signup-form {
    margin: 0 auto;
  }
}
.signup-form .input-text {
  overflow: visible;
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 14px 20px 13px;
  margin: 0 0 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  color: #232635;
}
.signup-form .input-text:focus {
  outline: none;
}
.signup-form .input-text::placeholder {
  color: #aaa;
}
.signup-form .has-error {
  border-color: #f6568b;
  color: #f6568b;
}
.signup-form label {
  display: none;
}
.signup-form p {
  margin: 0 0 20px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #aaa;
  line-height: 17px;
  text-align: left;
  font-family: Roboto, sans-serif;
}
.signup-form .actions a {
  text-transform: none;
}
.signup-form .actions i {
  float: right;
}

/* COMPONENTS */
.title-bar {
  background-color: #FFFFFF;
  margin: 17px 0 20px;
}
.title-bar h2 {
  padding: 14px 0 0;
  margin: 0;
  margin-bottom: 7px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  letter-spacing: 2.39px;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
}
@media only screen and (min-width: 600px) {
  .title-bar h2 {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: 9.5px;
  }
}
.title-bar p {
  line-height: 20px;
  padding: 0 7px 12px;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .title-bar p {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 20px 12px;
  }
}

.featured-title {
  margin: 17px 0;
  text-align: center;
}
.featured-title h2 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 24px;
  color: #000000;
}
@media only screen and (min-width: 1366px) {
  .featured-title h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1440px) {
  .featured-title h2 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
@media only screen and (min-width: 600px) {
  .featured-title {
    margin: 30px 0;
    padding: 0;
  }
}

.lab-title {
  margin: 0 0 35px;
}
.lab-title h2 {
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 24px;
}
@media only screen and (min-width: 1366px) {
  .lab-title h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 26px;
  }
}

.mobile-logo {
  background-color: black;
  padding: 125px 15px 10px;
  width: auto;
  transition-property: opacity;
  transition-duration: 200ms;
  opacity: 1;
}
.mobile-logo .wrapper {
  margin: 0 auto;
  display: flex;
  position: relative;
  justify-content: space-between;
  flex-wrap: nowrap;
  max-width: 400px;
}
.mobile-logo a {
  margin-right: 12px;
  display: flex;
  flex: 1;
}
.mobile-logo img {
  max-height: 63px;
  max-width: 168px;
  object-fit: contain;
}
@media only screen and (min-width: 1366px) {
  .mobile-logo {
    display: none;
  }
}

.card {
  margin: 20px 0 20px;
  flex: 1 1 auto;
}
@media only screen and (min-width: 1366px) {
  .card {
    flex: 1 1 calc(33% - 25px);
    margin: 0 12.5px 20px;
    max-width: 349px;
  }
}
@media only screen and (min-width: 1440px) {
  .card {
    max-width: 349px;
  }
}

.card-image {
  position: relative;
  height: auto;
  min-height: 100%;
  transition: 200ms all;
}
.card-image img {
  top: 0;
  left: 0;
  height: 200px;
  width: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (min-width: 600px) {
  .card-image img {
    height: 290px;
  }
}
@media only screen and (min-width: 1366px) {
  .card-image img {
    height: 230px;
  }
}
@media only screen and (min-width: 1366px) {
  .card-image {
    min-height: auto;
  }
}
.card-image:hover {
  filter: brightness(90%);
}

.card-date {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
}
.card-date .inner {
  position: absolute;
  background-color: #000;
  top: 0;
  right: 20px;
  padding: 10px;
}
.card-date .inner p {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 23px;
  text-align: center;
  margin: 0;
  color: #fff;
}

.card-body {
  margin: 15px 14px 10px;
}
@media only screen and (min-width: 600px) {
  .thumbnail-card .card-body {
    margin-bottom: 66px;
  }
}
@media only screen and (min-width: 1366px) {
  .thumbnail-card .card-body {
    margin-bottom: 0;
  }
}
.banner-card .card-body {
  padding: 17px;
  margin: 0;
}
@media only screen and (min-width: 1366px) {
  .banner-card .card-body {
    padding: 0;
    margin: 15px 14px 10px;
  }
}
@media only screen and (min-width: 1440px) {
  .banner-card .card-body {
    margin: 17px;
  }
}
.card-body h3 {
  color: #7E7E7E;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 23px;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .card-body h3 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1366px) {
  .card-body h3 {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 23px;
  }
}
@media only screen and (min-width: 1440px) {
  .card-body h3 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 26px;
  }
}
.card-body h2 {
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .card-body h2 {
    margin: 4px 0 11px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1366px) {
  .card-body h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1440px) {
  .card-body h2 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
  }
}
.card-body h2:hover {
  text-decoration: underline;
}
.card-body .card-content {
  color: #595959;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 22px;
}
@media only screen and (min-width: 600px) {
  .card-body .card-content {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 26px;
    margin: 0;
  }
}
@media only screen and (min-width: 1366px) {
  .card-body .card-content {
    margin: 24px 0 0;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1440px) {
  .card-body .card-content {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1366px) {
  .image-card {
    flex: 2 2 calc(66% - 25px);
    max-width: 718px;
  }
  .agenda-active .image-card {
    max-width: calc(66% - 18px);
  }
}
@media only screen and (min-width: 1440px) {
  .image-card {
    max-width: 718px;
  }
  .agenda-active .image-card {
    max-width: 718px;
  }
}

.banner-card {
  border-top: 4px solid;
  transition-duration: 200ms;
  transition-property: background-color;
}
.banner-card.ddt {
  background-color: #39BB9D;
  border-color: #39BB9D;
}
.banner-card.pina {
  background-color: #4495D1;
  border-color: #4495D1;
}
.banner-card.kibla {
  background-color: #F15B5B;
  border-color: #F15B5B;
}
.banner-card:hover {
  background-color: #000;
}
.banner-card h2 {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 26px;
  font-weight: normal;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .banner-card h2 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
  }
}
.banner-card h2:hover {
  text-decoration: none;
}
.banner-card .card-image:hover {
  filter: none;
}
.banner-card .card-content {
  display: none;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 25px;
  margin: 21px 0;
}
@media only screen and (min-width: 1366px) {
  .banner-card .card-content {
    display: block;
    padding: 0;
    margin: 11px 0 28px;
  }
}
@media only screen and (min-width: 1440px) {
  .banner-card .card-content {
    margin-bottom: 24px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 26px;
  }
}

.thumbnail-card {
  background-color: #fff;
  border-bottom: 4px solid #000;
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
}
.thumbnail-card.ddt {
  border-color: #39BB9D;
}
.thumbnail-card.pina {
  border-color: #4495D1;
}
.thumbnail-card.kibla {
  border-color: #F15B5B;
}
@media only screen and (min-width: 1366px) {
  .thumbnail-card {
    flex: 1 1 calc(33% - 25px);
    max-width: 349px;
  }
}

.featured-card {
  flex: 1 1 auto;
  background-color: #fff;
  border-bottom: 3.5px solid;
}
.featured-card.ddt {
  border-color: #39BB9D;
}
.featured-card.pina {
  border-color: #4495D1;
}
.featured-card.kibla {
  border-color: #F15B5B;
}
@media only screen and (min-width: 1366px) {
  .featured-card {
    flex: 1 1 calc(33% - 25px);
    max-width: calc(33% - 25px);
  }
}

.featured-card {
  position: relative;
  padding-bottom: 40px;
}
.featured-card .card-body {
  margin: 10px 15px 13px;
}
.featured-card .card-body .card-header {
  display: flex;
}
.featured-card .card-body .card-header h3 {
  flex: 1;
}
.featured-card .card-body .card-header .date {
  flex: 2;
  text-align: right;
}
.featured-card .card-body .card-content {
  margin: 9px 0;
}
@media only screen and (min-width: 1366px) {
  .featured-card .card-body .card-content {
    margin: 13px 0;
  }
}

.featured-card .location {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.lab-intro-card {
  margin: 0 0 20px;
  background-color: #fff;
  border-bottom: 4px solid #000;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1366px) {
  .lab-intro-card {
    flex: 1 1 calc(33% - 25px);
    margin: 10px 12.5px;
    max-width: 349px;
  }
}
.lab-intro-card.ddt {
  border-color: #39BB9D;
}
.lab-intro-card.pina {
  border-color: #4495D1;
}
.lab-intro-card.kibla {
  border-color: #F15B5B;
}

.lab-intro-card .card-body {
  margin: 10px 14px 13px;
}
.lab-intro-card .card-body h2 {
  margin-bottom: 6px;
}
.lab-intro-card .card-body .card-content {
  margin: 0 0 36px;
}

.location p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  font-weight: 600;
  margin: 0;
}
.ddt .location p {
  color: #39BB9D;
}
.pina .location p {
  color: #4495D1;
}
.kibla .location p {
  color: #F15B5B;
}
.location i {
  height: 9px;
  width: 9px;
  display: inline-block;
  margin-right: 2px;
}
.location [class^=icon-]:before {
  width: 9px;
  height: 9px;
  font-size: 9px;
  font-size: 0.5625rem;
  display: block;
  overflow: hidden;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
}

.post {
  margin: 0 0 21px;
  border-top: 8px solid;
  padding: 20px 10px 0;
  background-color: #fff;
}
@media only screen and (min-width: 1366px) {
  .post {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1366px) {
  .post .post-wrapper {
    max-width: 720px;
    margin: 36px auto 72px;
  }
}
.post.ddt {
  border-color: #39BB9D;
}
.post.pina {
  border-color: #4495D1;
}
.post.kibla {
  border-color: #F15B5B;
}

.post-header {
  margin: 0 0 12px;
}
.post-header a {
  text-decoration: none;
}
.post-header h3 {
  margin: 0 0 7px;
}
.post-header .post-info i {
  margin-right: 5px;
}
.post-header .post-info [class^=icon-]:before {
  font-size: 15px;
  font-size: 0.9375rem;
  cursor: default;
}
@media only screen and (min-width: 1366px) {
  .post-header .post-info [class^=icon-]:before {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.post-image {
  position: relative;
}
.post-image img {
  width: 100%;
}
@media only screen and (min-width: 1366px) {
  .post-image {
    margin: 0 0 30px;
  }
}
.post-image .post-logo-banner {
  position: absolute;
  width: calc(100% - 20px);
  padding: 0 10px;
  height: 32px;
}
.ddt .post-image .post-logo-banner {
  background-color: #39BB9D;
}
.pina .post-image .post-logo-banner {
  background-color: #4495D1;
}
.kibla .post-image .post-logo-banner {
  background-color: #F15B5B;
}
.post-image .post-logo-banner .background-img-wrapper {
  height: 32px;
  position: relative;
}
.ddt .post-image .post-logo-banner .background-img-wrapper {
  background: url("../images/logos/ddt-logo-medium-white.png") center right no-repeat;
  background-size: auto 32px;
}
.pina .post-image .post-logo-banner .background-img-wrapper {
  background: url("../images/logos/pina-logo-medium-white.png") center right no-repeat;
  background-size: auto 32px;
}
.kibla .post-image .post-logo-banner .background-img-wrapper {
  background: url("../images/logos/kibla-logo-medium-white.png") center right no-repeat;
  background-size: auto 40px;
}

.post-content {
  margin: 15px 0 30px;
}
.post-content ol,
.post-content ul {
  list-style: inside;
}

.post-footer {
  border-top: 4px solid #E3E3E3;
  padding-bottom: 7px;
}
.post-footer p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 32px;
  font-style: italic;
  color: #959595;
  margin: 0;
}

@media only screen and (min-width: 1366px) {
  .post-header-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1366px) {
  .post-header-wrapper .socials {
    margin-right: 0;
  }
}

.post-info {
  margin: 19px 0 0;
}
@media only screen and (min-width: 1366px) {
  .post-info {
    margin: 8px 0 0;
  }
}
.post-info p {
  margin: 0;
}

.post-socials {
  margin: 10px 0;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: flex-end;
}
.post-socials h6 {
  margin-right: 7px;
}
.post-socials .socials {
  margin: 7px 0 0;
  flex: none;
}
@media only screen and (min-width: 1366px) {
  .post-socials .socials {
    margin: 0;
  }
}
.post-socials [class^=icon-]:before {
  color: #515151;
}

.subsection {
  margin: 0 0 18px;
}
@media only screen and (min-width: 1366px) {
  .subsection {
    margin: 0 0 23px;
  }
}
.filters .subsection {
  margin: 0;
}
.subsection li {
  margin: 0;
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 26px;
  text-align: center;
  color: #777777;
  border: 1px solid #D4D4D4;
  border-radius: 3px;
}
@media only screen and (min-width: 1366px) {
  .subsection li {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 29px;
    margin: 2px 0;
  }
}
.subsection li:hover {
  background-color: #EDEDED;
}
.subsection li a {
  color: #777777;
  padding: 0 9px;
  cursor: pointer;
}
.subsection li.active {
  background-color: #000;
}
.subsection li.active:hover {
  background-color: #333333;
}
.subsection li.active a {
  color: #fff;
}

.labs-table {
  background-color: #fff;
  color: #fff;
  padding: 37px 0 60px;
  border-top: 8px solid #000;
}
.labs-table .labs-wrapper {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 15px;
}
.labs-table p {
  margin: 20px 0;
}
.labs-table a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  margin: 0;
  padding: 17px;
  color: #fff;
  display: inline-block;
  width: calc(100% - 80px);
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .labs-table a {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
  }
}
.labs-table li {
  position: relative;
}
.labs-table li ul {
  border-top: 1px solid #fff;
}
.labs-table li ul.ddt {
  background-color: #39BB9D;
}
.labs-table li ul.ddt li:not(:first-child) {
  background-color: #74CFBA;
}
.labs-table li ul.ddt li:not(:first-child):hover {
  background-color: #000;
}
.labs-table li ul.pina {
  background-color: #4495D1;
}
.labs-table li ul.pina li:not(:first-child) {
  background-color: #7AB4DF;
}
.labs-table li ul.pina li:not(:first-child):hover {
  background-color: #000;
}
.labs-table li ul.kibla {
  background-color: #F15B5B;
}
.labs-table li ul.kibla li:not(:first-child) {
  background-color: #F58C8C;
}
.labs-table li ul.kibla li:not(:first-child):hover {
  background-color: #000;
}
.labs-table li ul li {
  padding: 0;
  padding-left: 10px;
  border-bottom: 1px solid #fff;
}
.labs-table li ul li:first-child {
  font-weight: bold;
}
.labs-table li ul li:hover {
  background-color: #000;
}
.labs-table i {
  display: inline-block;
  line-height: 13px;
  vertical-align: middle;
  margin-right: 20px;
}
.labs-table [class^=icon-]:before {
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  transform: rotate(270deg);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.static-component {
  background-color: #fff;
  padding: 37px 0 60px;
  margin: 20px 0;
  border-top: 8px solid #000;
}
.static-component img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.static-component h1 {
  text-transform: capitalize;
}
.static-component h2 {
  margin: 0 0 13px;
}
@media only screen and (min-width: 768px) {
  .static-component h2 {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 26px;
  }
}
.static-component p {
  margin: 20px 0;
}
.page-contact .static-component p {
  color: #595959;
}
.static-component label {
  line-height: 26px;
  color: #5E5E5E;
  margin: 15px 0 0;
}
.static-component input {
  box-sizing: border-box;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  background-color: #fff;
  width: 100%;
  margin-bottom: 7.5px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 31px;
}
@media only screen and (min-width: 600px) {
  .static-component input {
    height: 33px;
    padding: 4px 10px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    margin-bottom: 5px;
  }
}
.static-component textarea {
  padding: 0;
  margin: 0 0 15px;
}
.static-component ul {
  margin: 13px 0 0;
}
.static-component ul p {
  margin: 0;
}
.static-component .search-input input {
  color: #000;
}
.static-component .search-input [class^=icon-]:before {
  color: #DDDDDD;
}
@media only screen and (min-width: 600px) {
  .static-component .actions {
    max-width: 100px;
    margin: 0 0 70px;
  }
}
.static-component .actions a {
  font-size: 15px;
  font-size: 0.9375rem;
}
@media only screen and (min-width: 600px) {
  .static-component .actions a {
    min-width: inherit;
    padding: 10px 20px 9px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.static-wrapper {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 15px;
}

.partner-logos {
  margin: 0 0 5px;
}
.partner-logos h2 {
  padding: 0 0 17px;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 24px;
  text-align: center;
  color: #000000;
}
@media only screen and (min-width: 1366px) {
  .partner-logos h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 26px;
  }
}
.partner-logos li {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  margin-bottom: 10px;
}
.partner-logos li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .partner-logos li:nth-child(2n-1) {
    margin-right: 8px;
  }
  .partner-logos li:nth-child(2n) {
    margin-left: 8px;
  }
}
@media only screen and (min-width: 768px) {
  .partner-logos li {
    width: calc(25% - 18px);
    margin: 0 10px 20px;
  }
  .partner-logos li:nth-child(4n-3) {
    margin-left: 0;
  }
  .partner-logos li:nth-child(4n) {
    margin-right: 0;
  }
}

.newsletter-signup {
  margin: 0;
  margin-bottom: 21px;
  padding: 0 15px 24px;
  background-color: #C7C7CD;
  background: url(../images/home-banner/home_banner-invert-cb.jpg) center no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 600px) {
  .newsletter-signup {
    padding: 25px 25px;
  }
}
.newsletter-signup .wrapper {
  margin: 0 auto;
  max-width: 324px;
}
.newsletter-signup .actions {
  margin: 27px 0 0;
}
@media only screen and (min-width: 600px) {
  .newsletter-signup .actions {
    max-width: none;
    width: fit-content;
    margin: 27px auto;
  }
  .newsletter-signup .actions a {
    padding: 10px 20px;
  }
}
.newsletter-signup #email {
  box-sizing: border-box;
  border: 1px solid #C6C6C6;
  border-radius: 3px;
  background-color: #fff;
  width: 100%;
  margin-bottom: 7.5px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 31px;
}
@media only screen and (min-width: 600px) {
  .newsletter-signup #email {
    display: none;
  }
}
.newsletter-signup label {
  line-height: 26px;
  color: #5E5E5E;
}
.newsletter-signup h2 {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 26px;
  text-align: center;
  color: #000;
  padding: 16px 0 12px;
  font-weight: bold;
  margin: 0;
}

.desktop-input {
  display: none;
  width: 100%;
}
.desktop-input .actions {
  display: inline-block;
}
.desktop-input .actions a {
  min-width: auto;
  padding: 0 15px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 33px;
}
.desktop-input #email {
  max-width: 240px;
  height: 33px;
  display: inline-block;
  padding: 4px 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  margin-right: 7px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 600px) {
  .desktop-input {
    display: inline-block;
  }
}

.terms {
  margin: 20px 0;
}
.terms .checkbox {
  display: none;
  margin: 0 0 8px;
}
.terms .checkbox + label {
  background: url(../images/svg-icons/raw/checkbox-blank-circle-outline.svg) no-repeat left;
  background-size: 15px 15px;
  display: inline-block;
  padding: 0 0 0 20px;
}
.terms .checkbox:checked + label {
  background: url(../images/svg-icons/raw/checkbox-marked-circle-outline.svg) no-repeat left;
  background-size: 15px 15px;
}
.terms a {
  font-weight: bold;
}

.filters {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 18px;
}
@media only screen and (min-width: 1366px) {
  .filters {
    margin: 0 0 23px;
    flex-wrap: nowrap;
  }
}
.filters .subsection {
  margin-top: 10px;
}
@media only screen and (min-width: 1366px) {
  .filters .subsection {
    margin: 0;
  }
}

.single-select-wrapper {
  display: flex;
  margin-top: 10px;
}
@media only screen and (min-width: 1366px) {
  .single-select-wrapper {
    margin: 0;
  }
}

.single-select {
  flex: 1 40%;
  margin-right: 10px;
  position: relative;
}
@media only screen and (min-width: 1366px) {
  .single-select {
    margin: 0 5px;
  }
}
.single-select select {
  cursor: pointer;
  border-radius: 0;
  padding: 2px 12px;
  padding-right: 24px;
  margin-right: 28px;
  color: #777777;
  margin-bottom: 0;
  background: transparent;
  border: 1px solid #D4D4D4;
}
.single-select select.active {
  color: #000000;
}
.single-select option {
  border-top: 1px solid #fff;
  background: #F0F0F0;
  color: #777777 !important;
}
.single-select fieldset {
  position: relative;
}
.single-select i {
  position: absolute;
  top: 0;
  right: 5px;
  transition: all 200ms;
  color: #777777;
  pointer-events: none;
}
.single-select i.rotate-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 4px;
}

.full-width-search-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-right: 35px;
  -webkit-animation: opacity-fadein 0.3s forwards;
  animation: opacity-fadein 0.3s forwards;
}
.mobile-search-active .full-width-search-box {
  display: flex;
  opacity: 1;
  width: 100%;
  background-color: #000;
}
.full-width-search-box .menu-symbol {
  right: 35px;
}
.full-width-search-box #close-mobile-search {
  margin: 0 12px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  margin-top: -5px;
}
.full-width-search-box #close-mobile-search span {
  color: #fff;
  font-style: normal;
  cursor: pointer;
}
.full-width-search-box #close-mobile-search span:hover {
  color: #DDDDDD;
}

.header-search-box {
  display: flex;
  width: 100%;
}
@media only screen and (min-width: 1366px) {
  .header-search-box {
    display: none;
  }
}
.header-search-box input[type=text] {
  padding: 0;
  padding-left: 10px;
  padding-right: 45px;
  width: calc(100% - 45px);
  color: #A4A4A4;
  background-color: #000;
  border-color: #313131;
  border-radius: 3px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
}
.mobile-search-active .header-search-box input[type=text] {
  margin: 4px 7px;
}
.header-search-box input[type=text]:focus {
  border-color: #A4A4A4;
}
.header-search-box input[type=text]::placeholder {
  color: #A4A4A4;
}
.header-search-box i {
  position: absolute;
  right: 85px;
  top: 7.5px;
}
.header-search-box [class^=icon-]:before {
  width: 20px;
  height: 20px;
  color: #A4A4A4;
  font-size: 20px;
  font-size: 1.25rem;
  display: block;
  overflow: hidden;
  top: 8.5px;
  right: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.card-pagination {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.card-pagination li {
  margin: 0;
  margin-right: 3px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 26px;
  text-align: center;
  color: #777777;
  border: 1px solid #D4D4D4;
  border-radius: 3px;
  width: 39px;
  cursor: pointer;
}
@media only screen and (min-width: 1366px) {
  .card-pagination li {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 29px;
  }
}
.card-pagination li:first-child, .card-pagination li:last-child {
  width: 82px;
}
.card-pagination li:hover {
  background-color: #EDEDED;
}
.card-pagination li.active {
  background-color: #000;
}
.card-pagination li.active:hover {
  background-color: #333333;
}
.card-pagination li.active a {
  color: #fff;
}
.card-pagination li.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.card-pagination li.disabled a {
  color: #A3A3A3;
}
.card-pagination .icon-chevron-down:before {
  font-size: 18px;
  font-size: 1.125rem;
  width: 18px;
  height: 18px;
}
.card-pagination .icon-chevron-down.left:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.card-pagination .icon-chevron-down.right:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.archive-filters {
  position: relative;
  max-width: 512px;
}
.archive-filters .subsection {
  margin: 20px 0 12px;
}
@media only screen and (min-width: 600px) {
  .archive-filters .subsection {
    margin: 20px 0 30px;
  }
}
.archive-filters .search-input {
  position: relative;
  margin: 30px 0 12px;
}
.archive-filters .single-select-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
}
.archive-filters .single-select {
  margin: 0;
  flex: 1 1 33%;
  max-width: 32%;
}
.archive-filters .actions {
  margin: 12px 0 0;
  flex: 1 1 33%;
  max-width: 100%;
}
@media only screen and (min-width: 600px) {
  .archive-filters .actions {
    max-width: 32%;
  }
}

.latest-news {
  padding: 20px 0 0;
  margin: 30px 0 0;
  border-top: 4px solid #E3E3E3;
  max-width: 715px;
}
.latest-news ul {
  margin: 13px 0 0;
}
.latest-news ul a:hover {
  text-decoration: underline;
}

.search-results {
  margin: 48px 0;
}
.search-results ul h2 {
  font-weight: normal;
}
@media only screen and (min-width: 600px) {
  .search-results ul h2 {
    margin: 0;
  }
}
.search-results li {
  padding: 3px 0 15px;
  border-top: 1px solid #E3E3E3;
  list-style: none;
}
.search-results h6 {
  line-height: 22px;
}
.search-results a:hover .title {
  text-decoration: underline;
}
.info {
  margin: 5px 0 0;
}
@media only screen and (min-width: 1366px) {
  .info {
    margin: 2px 0 0;
  }
}
.info p {
  margin: 0;
}
.info i {
  color: #515151;
  margin-right: 3px;
}

.gallery {
  width: calc(100% + 11px);
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5.5px 34px;
}
.gallery a {
  margin: 5.5px;
  flex: 1 1 calc(25% - 11px);
  max-height: 143px;
  min-height: 143px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.gallery a img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  min-height: 143px;
  object-fit: cover;
  transition: transform 0.15s ease;
}
.gallery a:hover img {
  transform: scale(1.05);
  z-index: 5;
}

.sl-overlay {
  background: #000;
}

.sl-wrapper .sl-navigation button {
  color: #fff;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 20px;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 10px;
}
.sl-wrapper .sl-close {
  color: #fff;
}

.animate-start {
  animation: 0.5s ease-in-out both start-animation;
}

.delay-1 {
  animation-delay: 100ms;
}

.delay-2 {
  animation-delay: 200ms;
}

.delay-3 {
  animation-delay: 300ms;
}

.delay-4 {
  animation-delay: 400ms;
}

.delay-5 {
  animation-delay: 500ms;
}

.delay-6 {
  animation-delay: 600ms;
}

.delay-7 {
  animation-delay: 700ms;
}

.delay-8 {
  animation-delay: 800ms;
}

.delay-9 {
  animation-delay: 900ms;
}

.delay-10 {
  animation-delay: 1000ms;
}

@keyframes start-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.rounded-icons li {
  padding-top: 59px;
  position: relative;
}
.rounded-icons [class^=icon-]:before {
  border-radius: 50%;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.5;
  text-align: center;
  background: linear-gradient(30deg, rgba(255, 255, 255, 0) 13%, #fff 100%);
  width: 38px;
  height: 38px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.actions {
  margin: 0 auto 13px;
}
@media only screen and (min-width: 768px) {
  .actions {
    margin: 0 auto 70px;
  }
}
@media only screen and (min-width: 1240px) {
  .actions.hide-desktop {
    display: none;
  }
}
.actions li {
  margin: 0 0 10px;
  vertical-align: top;
  font-size: 15px;
  font-size: 0.9375rem;
  display: block;
}
@media only screen and (min-width: 1366px) {
  .actions li {
    margin: 0 0 5px;
  }
}
@media only screen and (min-width: 768px) {
  .actions .full-width {
    font-size: 17px;
    font-size: 1.0625rem;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .actions .full-width i {
    display: none;
  }
}
.actions a {
  border-radius: 3px;
  padding: 8px 20px;
  text-decoration: none;
  color: #fff;
  min-width: 170px;
  display: block;
  line-height: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .actions a {
    min-width: 207px;
    padding: 15px 20px 14px;
  }
}
.actions a:hover {
  background: #555555;
}
.actions .button-action {
  background: #29292E;
  cursor: pointer;
}
.actions .button-action-outline {
  border: 1px solid #fff;
}
.actions .button-action-outline:hover:after {
  animation: glowing-white 1.5s ease-out infinite;
}
.actions .button-action-outline-blue {
  border: solid 1px #29292E;
  color: #29292E;
  background: #fff;
}
.actions .button-action-outline-blue:hover {
  color: #29292E;
}

@keyframes glowing-blue {
  0% {
    box-shadow: 0 0 #29292E;
  }
  100% {
    box-shadow: 0 0 10px 14px transparent;
  }
}
@keyframes glowing-white {
  0% {
    box-shadow: 0 0 #fff;
  }
  100% {
    box-shadow: 0 0 10px 14px transparent;
  }
}
.brand-action {
  padding: 15px 0;
  color: #00f8ff;
  display: inline-block;
}

.text-button {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 23px;
  color: #29292E;
  order: 3;
  text-decoration: none;
}
.text-button i {
  padding-right: 16px;
}

.newsletter-modal {
  position: relative;
  top: 50%;
  transform: translate(0, -50%) !important;
  background-color: #fff;
  margin: auto;
  padding: 50px 70px;
  border: none;
  max-width: 1041px;
}
.newsletter-modal .static-wrapper {
  max-width: 900px;
}
.newsletter-modal .small-text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 22px;
}
@media only screen and (min-width: 600px) {
  .newsletter-modal .small-text {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 26px;
  }
}
.newsletter-modal h1 {
  text-transform: none;
}
.newsletter-modal label {
  margin: 0;
}
.newsletter-modal input {
  margin-bottom: 15px;
}
@media only screen and (min-width: 600px) {
  .newsletter-modal .actions {
    max-width: none;
    width: fit-content;
    margin: 0;
  }
  .newsletter-modal .actions a {
    padding: 10px 40px;
  }
}

@media only screen and (min-width: 1366px) {
  .featured-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 20px -12.5px 0;
  }
}

/* lists */
@media only screen and (min-width: 768px) {
  .icon-list {
    position: relative;
    margin: 0 auto;
  }
}
.icon-list li {
  padding: 0 0 40px;
  position: relative;
  text-align: center;
}
.icon-list [class^=icon-]:before {
  color: #515151;
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -48px;
  line-height: 96px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-list .icon-shield-check-light:before,
.icon-list .icon-stopwatch-light:before {
  padding-left: 5px;
}
.icon-list h4 {
  padding-top: 116px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  font-weight: 600;
}
.icon-list p {
  margin: 0 auto 20px;
  max-width: 180px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
}
.blocquote-list {
  text-align: center;
  margin: 0 0 17px;
  max-width: 718px;
}
.blocquote-list blockquote {
  margin: 0 auto;
  width: 100%;
  max-width: 718px;
}
.blocquote-list .text {
  position: absolute;
  margin: 9px;
  padding: 0 3px;
  color: #FFFFFF;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  background-color: #000;
}
@media only screen and (min-width: 600px) {
  .blocquote-list .text {
    margin: 20px;
    padding: 3px 10px;
    font-weight: bold;
  }
}
.blocquote-list .author {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
.blocquote-list .author-logo img {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .curators-list, .vendors-list {
    margin: 0 auto;
  }
}
.curators-list li, .vendors-list li {
  margin: 0 0 30px 20px;
  opacity: 0.3;
  -webkit-transition: opacity 300ms ease-in;
  -moz-transition: opacity 300ms ease-in;
  -ms-transition: opacity 300ms ease-in;
  -o-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
  display: inline-block;
}
.curators-list li:hover, .vendors-list li:hover {
  opacity: 1;
}
.curators-list li:first-child, .vendors-list li:first-child {
  margin-left: 0;
}
.curators-list img, .vendors-list img {
  max-width: inherit;
  width: inherit;
}

/* forms */
form fieldset {
  padding: 0;
  border-width: 0;
}
form [disabled] {
  background: #e6e6e6;
}

input,
textarea {
  border: 1px solid #ccc;
}

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

input[type=search] {
  -webkit-appearance: none;
}

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

input,
button,
select,
textarea {
  margin: 0;
  font-family: Cairo;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

button {
  -webkit-appearance: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

label {
  font-family: Cairo;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  display: block;
  cursor: pointer;
}
label input,
label textarea,
label select {
  display: block;
}

select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
  display: inline-block;
  padding: 6px 10px;
  margin-bottom: 30px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 26px;
  color: #000;
  border-radius: 5px;
  vertical-align: middle;
  width: 100%;
  border-color: #ddd;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1366px) {
  select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  opacity: 0.5;
  cursor: not-allowed;
}

input:focus,
textarea:focus {
  outline: 0;
  outline: thin dotted \9 ;
  border-color: #ddd;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

/*
::-webkit-input-placeholder {
	color: $color_input_placeholder;
}

:-ms-input-placeholder {
	color: $color_input_placeholder;
}

input:-moz-placeholder {
	color: $color_input_placeholder;
}

::placeholder {
	color: $color_input_placeholder;
}
*/
textarea {
  min-height: 120px;
}

iframe {
  max-width: 720px;
  max-height: 410px;
  width: 100%;
}
@media only screen and (max-width: 599px) {
  iframe {
    height: 100%;
  }
}

.submit {
  border: none;
  padding: 11px 24px;
  width: 112px;
  height: 40px;
  color: #fff;
  border-radius: 20px;
  font-family: Cairo;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  -webkit-appearance: none;
}

:focus {
  outline: none;
}

.newsletter-form {
  margin: 58px auto 0;
  max-width: 465px;
  text-align: left;
}
.newsletter-form .input-submit,
.newsletter-form .input-text {
  overflow: visible;
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 14px 14px 13px;
  border: none;
  font-size: 15px;
  font-size: 0.9375rem;
  display: inline-block;
  vertical-align: top;
}
.newsletter-form .input-submit:focus,
.newsletter-form .input-text:focus {
  outline: none;
}
@media only screen and (min-width: 768px) {
  .newsletter-form .input-submit,
.newsletter-form .input-text {
    padding: 24px 24px 23px;
  }
}
.newsletter-form label {
  display: none;
}
.newsletter-form .input-text {
  width: calc(100% - 116px);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #fff;
  color: #232635;
}
@media only screen and (min-width: 768px) {
  .newsletter-form .input-text {
    width: calc(100% - 146px);
  }
}
.newsletter-form .input-submit {
  width: 116px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #29292E;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .newsletter-form .input-submit {
    width: 146px;
  }
}

.logo-footer {
  width: 100%;
}
.logo-footer a {
  margin: 0 auto;
  display: inline-block;
}
.logo-footer img {
  height: 40px;
}

/* html classes */
/* body classes */
@media only screen and (min-width: 1366px) {
  .page-home .intro {
    margin: 0 0 21px;
  }
}
.page-brands .signup-cta {
  background: transparent linear-gradient(159deg, #232635 0%, #3659A8 100%, #4279F0 100%) 0 0 no-repeat padding-box;
}

.page-curators .signup-cta {
  background: transparent linear-gradient(151deg, #D66DC1 0%, #3659A8 100%, #4279F0 100%) 0 0 no-repeat padding-box;
}

#videos {
  display: none;
}
.video #videos {
  display: block;
}
#videos h2 {
  margin: 30px 0 0;
}

#publications {
  display: none;
}
.publikacije #publications {
  display: block;
}
#publications h2 {
  margin: 30px 0 0;
}

#contents {
  display: none;
}
.vsebina #contents {
  display: block;
}

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