/* Basic */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  background-color: #1142d7;
  margin: 0;
}
body.no-scroll {
  overflow: hidden;
}
a, span {
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
  text-decoration: none;
}
a:hover,
a.hover {
  border-bottom-color: transparent;
  color: #f08f75 !important;
}
[data-toggle='on'] {
  display: block;
}
[data-toggle='off'] {
  display: none;
  transition: display 0.5s linear;
}
.main {
  background-color: transparent;
  position: relative;
  margin: 0 auto;
  width: calc(100% - 4rem);
  max-width: 72rem;
  z-index: 2;
}
.tabs {
  position: absolute;
  background-color: transparent;
  top: 0;
  left: 0;
  z-index: 2;
}
.loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100vh;
  width: 100%;
  background-color: #ffffff;
}
.loader::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 194px;
  height: 49px;
  background-size: 100%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTk0IDQ5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTQgNDk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkRFU0tUT1AiPgoJPGcgaWQ9IlZFT0xJQS0tLUhvbWUtUGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNzAuMDAwMDAwLCAtNzM1LjAwMDAwMCkiPgoJCTxnIGlkPSJPbmdsZXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNzAuMDAwMDAwLCA3MzUuMDAwMDAwKSI+CgkJCTxnIGlkPSJWRU9MSUFfV2F2ZSI+CgkJCQk8ZyBpZD0iUGF0aCI+CgkJCQkJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTcuMDAwMDAwLCAyNC41MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTk3LjAwMDAwMCwgLTI0LjUwMDAwMCkgIj4KCQkJCQkJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0wLDQ5YzYuNiwwLDkuNC0zLjUsMTMuMS0xMlMyMS42LDAsNDAuMywwaDExMy41YzE4LjcsMCwyMy41LDI4LjYsMjcuMiwzN3M2LjQsMTIsMTMuMSwxMkgweiIKCQkJCQkJCS8+CgkJCQkJPC9nPgoJCQkJPC9nPgoJCQk8L2c+CgkJCTxnIGlkPSJWRU9MSUFfTG9nbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYuMDAwMDAwLCAxMi4wMDAwMDApIj4KCQkJCTxnPgoJCQkJCTxwYXRoIGlkPSJTaGFwZSIgc3R5bGU9ImZpbGw6I0UzMDYxMzsiIGQ9Ik0xMy45LDE5LjNjMS41LTEuNywzLTQsMi42LTUuOWMtMC4xLTEuNC0xLjMtMi41LTIuNy0yLjVjLTEuNCwwLTIuNiwxLjEtMi43LDIuNQoJCQkJCQljLTAuNCwxLjksMS4xLDQuMiwyLjYsNS45Yy00LjgsMC04LjctMy45LTguNi04LjdDNS4xLDUuOCw5LDIsMTMuOCwyczguNywzLjksOC43LDguNkMyMi41LDE1LjQsMTguNiwxOS4zLDEzLjksMTkuMyBNMTMuOCwwCgkJCQkJCWMtNSwwLTkuNSwzLTExLjQsNy42UzEuNSwxNy41LDUsMjFzOC44LDQuNiwxMy41LDIuN2M0LjYtMS45LDcuNi02LjQsNy42LTExLjRDMjYuMSw1LjUsMjAuNiwwLDEzLjgsMCIvPgoJCQkJCTxwYXRoIGlkPSJTaGFwZV8xXyIgc3R5bGU9ImZpbGw6I0UzMDYxMzsiIGQ9Ik02NC4xLDguN2MtMi41LDAtMy41LDEuMy0zLjUsNC4zczEuMSw0LjQsMy42LDQuNHMzLjUtMS4zLDMuNS00LjQKCQkJCQkJUzY2LjUsOC43LDY0LjEsOC43IE02NC4zLDE5LjZjLTEuNywwLjEtMy4zLTAuMy00LjgtMS4yYy0xLjUtMS4zLTIuNC0zLjItMi4yLTUuMmMwLTQuNSwyLjItNi42LDYuOC02LjYKCQkJCQkJYzQuNiwwLDYuNywyLjEsNi43LDYuN0M3MC44LDE3LjQsNjguNiwxOS42LDY0LjMsMTkuNiIvPgoJCQkJCTxwYXRoIGlkPSJQYXRoXzFfIiBzdHlsZT0iZmlsbDojRTMwNjEzOyIgZD0iTTc5LjQsMTcuMWMtMS44LDAtMi40LTAuMS0yLjktMC41Yy0wLjUtMC40LTAuNi0wLjctMC42LTEuOVY4LjIKCQkJCQkJYzAtMC43LTAuNi0xLjItMS4yLTEuMkg3M3Y2LjljMCwyLjIsMC4yLDMuMSwxLDRjMS4xLDEuMSwyLjUsMS42LDQsMS40aDMuOXYtMi4ySDc5LjR6Ii8+CgkJCQkJPHBhdGggaWQ9IlNoYXBlXzJfIiBzdHlsZT0iZmlsbDojRTMwNjEzOyIgZD0iTTkzLjEsMTQuM0w5NSw5LjlsMS44LDQuM0g5My4xeiBNOTYuNiw3aC0xLjljLTAuNywwLTEuNCwwLjQtMS43LDEuMWwtNC45LDExLjIKCQkJCQkJaDJjMC43LDAsMS40LTAuNCwxLjctMS4xbDAuOC0xLjhoNC45bDAuOCwxLjhjMC4zLDAuNywxLDEuMSwxLjcsMS4xaDJMOTYuNiw3eiIvPgoJCQkJCTxwYXRoIGlkPSJQYXRoXzJfIiBzdHlsZT0iZmlsbDojRTMwNjEzOyIgZD0iTTg1LDdjLTAuNywwLTEuMiwwLjUtMS4yLDEuMnYxMS4xaDEuNmMwLjcsMCwxLjItMC41LDEuMy0xLjJWN0g4NXoiLz4KCQkJCQk8cGF0aCBpZD0iUGF0aF8zXyIgc3R5bGU9ImZpbGw6I0UzMDYxMzsiIGQ9Ik00MS43LDdDNDEsNyw0MC4zLDcuNCw0MCw4LjFsLTMsNy42bC0zLjItNy42QzMzLjQsNy40LDMyLjgsNywzMiw3aC0ybDUuNSwxMi4zCgkJCQkJCWgxLjZjMC43LDAsMS40LTAuNCwxLjctMUw0My45LDdINDEuN3oiLz4KCQkJCQk8cGF0aCBpZD0iUGF0aF80XyIgc3R5bGU9ImZpbGw6I0UzMDYxMzsiIGQ9Ik00NC42LDEzLjNjMCwxLjIsMC4zLDQuNSwzLjIsNS43YzAuOCwwLjMsMS43LDAuNCwyLjUsMC40aDQuOXYtMi4yaC0zLjgKCQkJCQkJYy0xLjgsMC0yLjgtMC40LTMuMy0xLjRjLTAuMi0wLjUtMC4zLTAuOS0wLjMtMS40di0wLjFoNy4xdi0yLjFoLTcuMVYxMmMwLTAuNSwwLjEtMSwwLjMtMS40YzAuNS0xLDEuNS0xLjMsMy4zLTEuNGgzLjhWNwoJCQkJCQloLTQuOWMtMC44LDAtMS43LDAuMS0yLjUsMC40Yy0zLDEuMy0zLjMsNC41LTMuMyw1LjZWMTMuM3oiLz4KCQkJCTwvZz4KCQkJPC9nPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K');
}

.loader::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 11px;
  margin-top: 40px;
  transform: translate(-50%, -50%);
  display: block;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSI5NHB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCAxMjggMTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNlMzA2MTMiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTTE2Ny4yNTIsNy41Yy0wLjQ0MS0zLjM1Ni0zLjkzNC02LTcuMjUyLTZzLTYuNzYyLDIuNjQ0LTcuMjUyLDZoLTAuMDIyYy0wLjQ0NSw0LjE4NS00LjYsNy41LTguNzI2LDcuNWE5LjA0MSw5LjA0MSwwLDAsMS04LjcyNi03LjVoLTAuMDIyYy0wLjQ0MS0zLjM1Ni0zLjkzNC02LTcuMjUyLTZzLTYuNzYyLDIuNjQ0LTcuMjUyLDZoLTAuMDIyYy0wLjQ0NSw0LjE4NS00LjYsNy41LTguNzI2LDcuNWE5LjA0MSw5LjA0MSwwLDAsMS04LjcyNi03LjVoLTAuMDIyYy0wLjQ0MS0zLjM1Ni0zLjkzNC02LTcuMjUyLTZzLTYuNzYyLDIuNjQ0LTcuMjUyLDZIODguNzI2Qzg4LjI4MSwxMS42ODUsODQuMTI5LDE1LDgwLDE1YTkuMDQsOS4wNCwwLDAsMS04LjcyNi03LjVINzEuMjUyYy0wLjQ0Mi0zLjM1Ni0zLjkzNS02LTcuMjUyLTZzLTYuNzYyLDIuNjQ0LTcuMjUyLDZINTYuNzI2QzU2LjI4MSwxMS42ODUsNTIuMTI5LDE1LDQ4LDE1YTkuMDQsOS4wNCwwLDAsMS04LjcyNi03LjVIMzkuMjUyYy0wLjQ0Mi0zLjM1Ni0zLjkzNS02LTcuMjUyLTZzLTYuNzYyLDIuNjQ0LTcuMjUyLDZIMjQuNzI2QzI0LjI4MSwxMS42ODUsMjAuMTI5LDE1LDE2LDE1QTkuMDQsOS4wNCwwLDAsMSw3LjI3NCw3LjVINy4yNTJDNi44MTEsNC4xNDQsMy4zMTgsMS41LDAsMS41cy02Ljc2MiwyLjY0NC03LjI1Miw2SC04LjcxMUE5LjAyOSw5LjAyOSwwLDAsMSwwLDBDNC4xMjEsMCw4LjI2NiwzLjMxNSw4LjcxMSw3LjVIOC43MzVjMC40OTEsMy4zNTYsMy45NDEsNiw3LjI2NSw2czYuODIyLTIuNjQ0LDcuMjY1LTZoMC4wMjRBOS4wMyw5LjAzLDAsMCwxLDMyLDBjNC4xMjEsMCw4LjI2NiwzLjMxNSw4LjcxMSw3LjVoMC4wMjRjMC40OTEsMy4zNTYsMy45NDEsNiw3LjI2NSw2czYuODIyLTIuNjQ0LDcuMjY1LTZoMC4wMjRBOS4wMyw5LjAzLDAsMCwxLDY0LDBjNC4xMjEsMCw4LjI2NiwzLjMxNSw4LjcxMSw3LjVoMC4wMjRjMC40OTEsMy4zNTYsMy45NDEsNiw3LjI2NSw2czYuODIyLTIuNjQ0LDcuMjY1LTZoMC4wMjRBOS4wMyw5LjAzLDAsMCwxLDk2LDBjNC4xMjEsMCw4LjI2NiwzLjMxNSw4LjcxMSw3LjVoMC4wMjRjMC40OTEsMy4zNTYsMy45NDEsNiw3LjI2NSw2czYuODIyLTIuNjQ0LDcuMjY1LTZoMC4wMjRBOS4wMzEsOS4wMzEsMCwwLDEsMTI4LDBjNC4xMjEsMCw4LjI2NiwzLjMxNSw4LjcxMSw3LjVoMC4wMjRjMC40OTEsMy4zNTYsMy45NDEsNiw3LjI2NSw2czYuODIyLTIuNjQ0LDcuMjY1LTZoMC4wMjRBOS4wMzEsOS4wMzEsMCwwLDEsMTYwLDBjNC4xMjEsMCw4LjI2NiwzLjMxNSw4LjcxMSw3LjVoLTEuNDU5WiIvPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSItMzIgMCIgZHVyPSI4MDBtcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2c+PC9zdmc+Cg==');
}
/* Wave */

.wave {
  position: relative;
}
.wave::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  height: 10px;
  background-size: 20px 20px;
  background-image: radial-gradient(circle at 10px -5px, transparent 12px, #fff 13px);
}
.wave::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  height: 15px;
  background-size: 40px 20px;
  background-image: radial-gradient(circle at 10px 15px, #fff 12px, transparent 13px);
}
/* Section/Article */

article {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  flex-shrink: 1;
  flex-grow: 0;
  padding: 25px 0;
  width: 100%;
}
article > a{
overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
}
article .article--visual > img {
  width: 100%;
  opacity: 1;
}
article a:hover img {
  transform: scale(1.05);
  transition: all .2s ease-in-out;
  opacity: .8;
}
article .article--tag {
  font-family: "Agrandir Variable";
  font-variation-settings: 'wght' 336, "wdth" 50;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
}
article .article--desc {
  font-family: "Agrandir Variable";
  font-variation-settings: 'wght' 700, "wdth" 150;
  font-size: 20px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #fff;
}
article .article--content {
  background-color: #0743d7;
  padding: 30px 25px 40px;
  position: relative;
  width: 100%;
  margin-top: -10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
article.reversed .article--content {
  background-color: transparent;
  margin-top: 0;
  width: 100%;
  max-width: 100%;
}
article.reversed .article--desc,
article.reversed .article--tag {
  color: #0743d7;
}
article a .article--content img {
  margin-top: auto;
}
.main > .posts {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  padding: 0;
}
@media screen and (min-width: 640px) {
  article {
    width: 50%;
    padding: 25px;
  }
  article.full {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  article .article--content {
    width: 80%;
    max-width: 416px;
    margin-top: -90px;
  }
}
/* Wrapper */

#wrapper {
  transition: opacity 0.5s ease;
  position: relative;
  z-index: 5;
  background: #fff;
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  #wrapper {
    margin-bottom: 70vh;
  }
}

#wrapper .main {
  padding: 20px 0;
}
@media screen and (min-width: 960px) {
  #wrapper .main {
    padding: 20px 0;
  }
}
/* Header */

#header {
  width: 100vw;
  max-width: 100%; /* added */
  color: #fff;
  z-index: 1;
  top: 0;
}

#header.hidden {
  position: absolute !important;
  width: 90vw;
}
#header .logo {
  display: inline-block;
  margin-top: 50px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#header .logo img {
  display: block;
  width: 150px;
}
#header .main {
  display: flex;
  align-items: center;
}
#header .main .goutte {
  opacity: 0.4;
  position: absolute;
  left: 0;
  margin: auto;
  top: 0;
  right: 0;
  width: 225px;
  transition: all 800ms ease-in-out;
}
#header .baseline {
  position: relative;
  margin: 40px auto;
  width: 100%;
  z-index: 2;
}
#header .baseline--title {
  font-family: "Agrandir Variable";
  font-variation-settings: 'wght' 900, "wdth" 150;
  font-size: 20px;
  margin: 0;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 1px;
  color: #fff;
}

#header .baseline--title strong {
  color: #f08f75;
}
#header .baseline--desc {
  font-family: "Agrandir Variable";
  font-variation-settings: 'wght' 228, "wdth" 150;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  margin: 10px 0 12px;
  letter-spacing: 0.6px;
  color: #fff;
}
#header .baseline--button {
  border-radius: 32px;
  display: inline-block;
  font-family: "Agrandir Variable";
  background: transparent;
  border: 1px solid rgba(255,255,255,0.8);
  font-variation-settings: 'wght' 228, "wdth" 150;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1;
  padding: 15px 20px;
  letter-spacing: 2px;
  color: #ffffff;
}
#header .baseline--button:hover {
  background-color:rgba(255,255,255,0.8);
  color: #191d3a !important;
}

@media screen and (max-width: 640px) {
  #header .baseline--title {
    font-size: 16px;
  }
  #header .baseline {
    margin-top: 20px;
  }
  #header .baseline--desc {
    font-size: 11px;
  }

  #header .baseline--button {
    padding: 10px 15px;
    font-size: 14px;
  }
}

@media screen and (min-width: 640px) {
  #header .baseline--title {
    font-size: 28px;
  }
  #header .baseline--desc {
    font-size: 16px;
    margin: 20px 0 25px;
  }
  #header .baseline--button {
    padding: 20px 60px;
  }
  #header .baseline {
    max-width: 72rem;
    width: calc(100% - 4rem);
  }
  #header .logo img {
    width: 180px;
  }
}

@media screen and (min-width: 960px) {
  #header .baseline--title {
    font-size: 30px;
  }
  #header .main .goutte {
    opacity: 1;
    position: relative;
    left: inherit;
    top: inherit;
    right: inherit;
  }
  #header .baseline--desc {
    font-size: 16px;
    max-width: 660px;
    margin-right: 20px;
  }
  .homepage #header .baseline--title {
    max-width: 875px;
    margin-right: 20px;
  }
  .homepage #header .baseline--desc {
    max-width: 660px;
    margin-right: 20px;
  }
}

@media screen and (min-width: 1100px) {
  #header .baseline--title {
    font-size: 35px;
  }
  #header .main .goutte {
    width: 250px;
  }
  #header .baseline {
    margin-top: 60px;
  }
}


/* Filter */

ul.filter-tag {
  margin: 0;
  text-align: center;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

ul.filter-tag li {
  flex: 1 0 50%;
}

@media screen and (min-width: 640px) {
  ul.filter-tag li {
    flex: 1 0 25%;
  }
}

ul.filter-tag span {
  display: block;
  font-family: "Agrandir Variable";
  font-variation-settings: 'wght' 336, "wdth" 50;
  font-size: 14px;
  padding: 10px 5px 10px;
  text-transform: uppercase;
  box-sizing: border-box;
  letter-spacing: 2px;
  position: relative;
  color: #191d3a;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  ul.filter-tag span {
    font-size: 12px;
  }
}
ul.filter-tag span:hover,
ul.filter-tag span.active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTI0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDEyNCAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPlN0cm9rZSA1QDN4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkRFU0tUT1AiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJWRU9MSUEtLS1Ib21lLVBhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDguMDAwMDAwLCAtODkxLjAwMDAwMCkiIHN0cm9rZT0iI0ZGNzg3MSIgc3Ryb2tlLXdpZHRoPSIzIj4KICAgICAgICAgICAgPGcgaWQ9IkZpbHRlcnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxMC4wMDAwMDAsIDg1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDQwLjk3MjUgQzQuNzM0LDM0LjM0MjUgMTIuNDA4LDM0LjM0MjUgMTcuMTQyLDQwLjk3MjUgQzIxLjg3Niw0Ny41OTk1IDI5LjU1Myw0Ny41OTk1IDM0LjI4Nyw0MC45NzI1IEMzOS4wMTgsMzQuMzQyNSA0Ni42OTUsMzQuMzQyNSA1MS40MjksNDAuOTcyNSBDNTYuMTYzLDQ3LjU5OTUgNjMuODM3LDQ3LjU5OTUgNjguNTcxLDQwLjk3MjUgQzczLjMwNSwzNC4zNDI1IDgwLjk4MiwzNC4zNDI1IDg1LjcxMyw0MC45NzI1IEM5MC40NDcsNDcuNTk5NSA5OC4xMjQsNDcuNTk5NSAxMDIuODU4LDQwLjk3MjUgQzEwNy41OTIsMzQuMzQyNSAxMTUuMjY2LDM0LjM0MjUgMTIwLDQwLjk3MjUiIGlkPSJTdHJva2UtNSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: bottom;
  color: #f08f75;
}
@media screen and (min-width: 960px) {
  ul.filter-tag {
    flex-wrap: nowrap;
  }
  ul.filter-tag li {
    flex: inherit;
  }
  ul.filter-tag span {
    padding: 15px 20px 15px;
    font-size: 16px;
  }
}
/* Footer */

#footer {
  width: 100vw;
  max-width: 100%; /* added */
  position: fixed;
  z-index: 1;
  bottom: 0;
  min-height: 70vh;
  font-family: "Agrandir Variable";
  font-variation-settings: 'wght' 228, "wdth" 150;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  color: #fff;
  display: flex;
  align-items: center;
  align-items: center;
}
#footer a {
  margin-bottom: 25px;
  color: #fff;
  max-width: 100%;
}
#footer a:last-child {
  margin-bottom: 0;
}
#footer a img{
  max-width: 100%;
}
#footer a:hover {
  color: #f08f75;
}
.footer--content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#footer .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 70vh;
  justify-content: space-evenly;
}
#footer.hidden {
  position: relative;
}
.footer--baseline {
  font-family: "Agrandir Variable";
  font-variation-settings: 'wght' 900, "wdth" 150;
  font-size: 14px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1.57;
  letter-spacing: 6px;
  text-align: center;
  color: #fff;
}
#footer .footer--links {
  color: #0743d7;
  background-color: #fff;
  border-radius: 50px;
  padding: 8px 15px;
}
#footer .logo {
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  display: block;
  margin-bottom: 20px;
}
#footer .logo img {
  margin: 0 auto 20px;
  display: block;
  max-width: 316px;
  width: 100%;
}
.social-networks {
  margin: 20px 0;
  padding: 0;
}

@media screen and (min-width: 640px) {
  .social-networks {
    margin: 50px 0;
  }
}

.social-networks li {
  display: inline;
  position: relative;
  margin: 0 10px;
  list-style: none;
}
.social-networks li img {
  width: 22px;
  height: 22px;
}
.article--video {
  width: 100%;
  display: block;
}

/* Lite youtube */
lite-youtube {
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  max-width: 720px;
  height: 530px;
}

/* gradient */
lite-youtube::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
  background-position: top;
  background-repeat: repeat-x;
  height: 60px;
  padding-bottom: 50px;
  width: 100%;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

lite-youtube > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
  width: 68px;
  height: 48px;
  position: absolute;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  z-index: 1;
  background-color: transparent;
  /* YT's actual play button svg */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
  filter: grayscale(100%);
  transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
  border: none;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
  filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
  cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
  opacity: 0;
  pointer-events: none;
}

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}