@font-face {
  font-family: "Allura";
  src: url("/cms/plugins/devard-theme/assets/Allura-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Sorts Mill Goudy";
  src: url("/cms/plugins/devard-theme/assets/SortsMillGoudy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Sorts Mill Goudy";
  src: url("/cms/plugins/devard-theme/assets/SortsMillGoudy-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Cinzel";
  font-weight: normal;
  font-style: normal;
  src: url("/cms/plugins/devard-theme/assets/CinzelDecorative-Regular.ttf") format("truetype"); }

body {
  background-color: #020023;
  color: #f1f1ea;
  margin: 0;
  padding: 0; }
  body > main {
    padding-top: 90px;
    overflow: hidden; }

header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 0;
  z-index: 100; }

header:after {
  content: ' ';
  display: block;
  position: absolute;
  opacity: 0.15;
  transition: opacity 100ms ease-in;
  border-top: 1px solid currentcolor;
  bottom: 0;
  left: 0;
  right: 0; }

#main-background {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden; }
  #main-background img {
    min-width: 100%; }
  @media (max-width: 960px) {
    #main-background {
      left: -50%; } }
  #main-background .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #020024 0%, rgba(11, 11, 14, 0.651698) 50%, rgba(255, 255, 255, 0) 100%); }

main > .document, main > section {
  max-width: 800px;
  margin: 0 auto;
  font-family: "Sorts Mill Goudy";
  font-size: 1.2em; }

#main-nav-toggle-navigation {
  display: none; }

#sticky-header.stick {
  height: 72px; }
  #sticky-header.stick .header-wrapper {
    background-color: #282828;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 5px 0 black; }
  #sticky-header.stick nav {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  @media (max-width: 1200px) {
    #sticky-header.stick nav {
      top: 50px !important; } }

.header-wrapper {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  text-shadow: 0 0 3px black; }
  .header-wrapper > nav > ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    list-style: none; }
    .header-wrapper > nav > ul li {
      padding-top: 0;
      padding-bottom: 0;
      margin-left: 4rem; }
      .header-wrapper > nav > ul li a {
        font-family: 'Sorts Mill Goudy', Arial;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.15em;
        letter-spacing: 0.08em;
        color: white; }
  @media (min-width: 1200px) {
    .header-wrapper .toggle-navigation {
      display: none; }
    .header-wrapper > nav {
      flex-grow: 1; } }

.logo {
  font-family: "Sorts Mill Goudy";
  text-decoration: none;
  color: #efe5d9;
  margin: 0;
  flex-grow: 0;
  flex-shrink: 0;
  line-height: 1;
  transition: all 200ms ease-in; }
  .logo img {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0; }
  .logo span {
    margin-left: 55px; }

.toggle-navigation {
  text-transform: uppercase;
  flex-grow: 2;
  text-align: right;
  cursor: pointer; }

@media (min-width: 1200px) {
  .header-wrapper > .logo {
    display: none; }
  .header-wrapper nav h1 {
    position: absolute;
    font-size: 2.5em;
    padding: 0;
    margin: 0;
    font-family: "Allura";
    color: #efe5d9; }
    .header-wrapper nav h1 img {
      position: absolute;
      height: 90px;
      width: 90px;
      top: -30px; }
    .header-wrapper nav h1 span {
      margin-left: 100px; } }

@media (max-width: 1200px) {
  .header-wrapper nav h1 {
    display: none; } }

@media (max-width: 1200px) {
  #main-nav-toggle-navigation ~ nav {
    position: absolute;
    top: 70px;
    left: 100%;
    right: 0;
    transition: left 175ms ease-in;
    background-color: #282828;
    box-shadow: 0 0 5px black;
    padding-top: 1em; }
    #main-nav-toggle-navigation ~ nav > ul {
      display: block;
      text-align: right; }
      #main-nav-toggle-navigation ~ nav > ul > li {
        display: block;
        margin-left: 0;
        margin-right: 4rem;
        padding-bottom: 1em; }
  #main-nav-toggle-navigation:not(:checked) ~ nav {
    font-size: 0; }
  #main-nav-toggle-navigation:checked ~ nav {
    left: 0;
    right: 0; } }

main div.body {
  font-size: 1.2em; }
  main div.body figure {
    margin: 0.5 1em; }
    main div.body figure.image_resized img {
      max-width: 100%; }
    main div.body figure.image-style-left-side {
      float: left;
      margin-left: 0; }
    main div.body figure.image-style-right-side {
      float: right;
      margin-right: 0; }
    main div.body figure.opengraph-preview {
      border: 1px solid #f1f1ea; }
      main div.body figure.opengraph-preview img {
        float: left;
        margin-right: 1em;
        height: 100px; }
      main div.body figure.opengraph-preview a {
        display: block;
        min-height: 100px;
        color: #f1f1ea;
        text-decoration: none; }
      main div.body figure.opengraph-preview h4 {
        margin-top: 0; }
  main div.body a {
    color: lightblue;
    letter-spacing: 1.5px; }

main > [data-component="section"] {
  max-width: 960px;
  margin: 0 auto;
  padding: 1em;
  word-break: break-word; }
  main > [data-component="section"] [data-editable] {
    font-size: 1.4em; }

[data-component="text"] > div {
  padding: 0 1em; }
  [data-component="text"] > div .text-center {
    text-align: center; }
  [data-component="text"] > div .text-right {
    text-align: right; }
  [data-component="text"] > div .text-left {
    text-align: left; }

[data-component="image"] img {
  max-width: 100%; }

.cms-paginator {
  margin: 1em;
  text-align: center; }
  .cms-paginator button {
    border: 2px solid #f1f1ea;
    background-color: #efe5d9;
    color: #282828;
    font-size: 1.5em;
    margin: 0.5em; }

.tns-outer {
  padding: 0 !important; }

.tns-outer [hidden] {
  display: none !important; }

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s; }

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important; }

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }

.tns-lazy-img.tns-complete {
  opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both; }

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left; }

.icono-areaChart, .icono-barChart, .icono-book, .icono-book:after, .icono-book:before, .icono-bookmarkEmpty, .icono-bookmarkEmpty:before, .icono-camera, .icono-chain:after, .icono-chain:before, .icono-clock, .icono-commentEmpty, .icono-creditCard, .icono-crop, .icono-crop:before, .icono-display, .icono-document, .icono-eye, .icono-file, .icono-flag:after, .icono-flag:before, .icono-folder, .icono-forbidden, .icono-frown, .icono-frown:after, .icono-headphone, .icono-heart, .icono-heart:after, .icono-heart:before, .icono-home, .icono-home:after, .icono-home:before, .icono-imac, .icono-imacBold, .icono-image, .icono-infinity:after, .icono-infinity:before, .icono-iphone, .icono-iphoneBold, .icono-keyboard, .icono-macbook:before, .icono-macbookBold:before, .icono-mail, .icono-mail:before, .icono-market, .icono-market:after, .icono-meh, .icono-meh:after, .icono-microphone, .icono-microphone:before, .icono-mouse, .icono-mouse:before, .icono-nexus, .icono-paperClip, .icono-paperClip:after, .icono-paperClip:before, .icono-piano, .icono-pin, .icono-pin:before, .icono-power, .icono-rename, .icono-ruler, .icono-search, .icono-signIn, .icono-signIn:before, .icono-signOut, .icono-signOut:before, .icono-smile, .icono-smile:after, .icono-stroke, .icono-sync, .icono-tag, .icono-tag:after, .icono-terminal, .icono-trash, .icono-user, .icono-user:before, .icono-video, .icono-volumeHigh:after, .icono-volumeHigh:before, .icono-volumeLow:before, .icono-volumeMedium:before, .icono-youtube, .icono-youtube:before, [class*=icono-][class*=Circle], [class*=icono-][class*=Square], [class*=icono-check][class*=Circle] {
  border: 2px solid; }

.icono-chain:after, .icono-chain:before, .icono-downArrow:before, .icono-dropper:before, .icono-flickr:after, .icono-flickr:before, .icono-indent:before, .icono-leftArrow:before, .icono-list:before, .icono-outdent:before, .icono-paperClip:before, .icono-rename:before, .icono-rightArrow:before, .icono-upArrow:before, .icono-video:before, .icono-volumeDecrease:after, .icono-volumeDecrease:before, .icono-volumeHigh:after, .icono-volumeHigh:before, .icono-volumeIncrease:after, .icono-volumeIncrease:before, .icono-volumeLow:before, .icono-volumeMedium:before, .icono-volumeMute:after, .icono-volumeMute:before, .stickCenterV {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.icono-cup:after, .icono-display:after, .icono-display:before, .icono-imac:after, .icono-imacBold:after, .icono-imacBold:before, .icono-iphone:after, .icono-iphone:before, .icono-macbook:before, .icono-macbookBold:before, .icono-market:after, .icono-microphone:after, .icono-microphone:before, .icono-mouse:after, .icono-mouse:before, .icono-search:before, .icono-sitemap:after, .icono-sitemap:before, .icono-tag:after, .icono-trash:before, .icono-user:before, .stickCenterH, [class*=icono-exclamation]:after, [class*=icono-textAlign].icono-textAlignCenter:after, [class*=icono-textAlign].icono-textAlignCenter:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.icono-camera:before, .icono-clock:after, .icono-clock:before, .icono-document:after, .icono-eye:before, .icono-forbidden:before, .icono-gear:before, .icono-gplus:after, .icono-instagram:before, .icono-keyboard:before, .icono-pin:before, .icono-video:after, .icono-youtube:after, .stickCenter, [class*=icono-check]:before, [class*=icono-cross]:after, [class*=icono-cross]:before, [class*=icono-plus]:after, [class*=icono-plus]:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.spin[class*=spin] {
  -webkit-animation: loading-spinner 2s infinite linear;
  animation: loading-spinner 2s infinite linear; }

@-webkit-keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.icono-icono {
  width: 13px;
  height: 4px;
  box-shadow: inset 0 0 0 32px,0 16px,17px -18px;
  -webkit-transform: skew(0, 30deg);
  -ms-transform: skew(0, 30deg);
  transform: skew(0, 30deg);
  margin: 11px 19px 19px 2px; }

.icono-icono:before {
  position: absolute;
  width: 13px;
  height: 4px;
  box-shadow: inset 0 0 0 32px,0 16px,-17px -17px;
  right: -17px;
  top: -10px;
  -webkit-transform: skew(0, -48deg);
  -ms-transform: skew(0, -48deg);
  transform: skew(0, -48deg); }

.icono-icono:after {
  position: absolute;
  width: 22px;
  height: 15px;
  left: 0;
  top: -5px;
  border: 4px solid;
  border-top-color: transparent;
  border-bottom: none;
  -webkit-transform: skew(0, -30deg) scaleY(0.6);
  -ms-transform: skew(0, -30deg) scaleY(0.6);
  transform: skew(0, -30deg) scaleY(0.6); }

.icono-home {
  width: 22px;
  height: 16px;
  border-top: none;
  margin: 15px 6px 3px; }

.icono-home:before {
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: -2px;
  top: -7px;
  border-right-color: transparent;
  border-bottom-color: transparent; }

.icono-home:after {
  width: 6px;
  height: 10px;
  bottom: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 1px;
  border-bottom: none; }

.icono-mail {
  width: 28px;
  height: 18px;
  overflow: hidden;
  margin: 8px 3px; }

.icono-mail:before {
  position: absolute;
  width: 24.62px;
  height: 24.62px;
  -webkit-transform: rotate(50deg) skew(-10deg, -20deg);
  -ms-transform: rotate(50deg) skew(-10deg, -20deg);
  transform: rotate(50deg) skew(-10deg, -20deg);
  top: -20px;
  left: -3px; }

.icono-rss {
  width: 22px;
  height: 22px;
  overflow: hidden;
  margin: 6px; }

.icono-rss:after, .icono-rss:before {
  position: absolute;
  border-radius: 50%; }

.icono-rss:before {
  width: 6px;
  height: 6px;
  box-shadow: 0 0 32px inset;
  left: 0;
  bottom: 0; }

.icono-rss:after {
  width: 27px;
  height: 27px;
  right: 15%;
  top: 15%;
  border: 4px solid transparent;
  box-shadow: inset 0 0 0 2px,0 0 0 2px; }

.icono-bars, .icono-hamburger {
  width: 20px;
  height: 2px;
  box-shadow: inset 0 0 0 32px,0 -6px,0 6px;
  margin: 16px 7px; }

[class*=icono-cross], [class*=icono-plus] {
  width: 30px;
  height: 30px;
  margin: 2px; }

[class*=icono-check]:before, [class*=icono-cross]:after, [class*=icono-cross]:before, [class*=icono-plus]:after, [class*=icono-plus]:before {
  box-shadow: inset 0 0 0 32px; }

[class*=icono-check]:before, [class*=icono-cross]:before, [class*=icono-plus]:before {
  width: 20px;
  height: 2px; }

[class*=icono-cross]:after, [class*=icono-plus]:after {
  height: 20px;
  width: 2px; }

[class*=icono-cross][class*=Circle]:before, [class*=icono-plus][class*=Circle]:before {
  width: 18px; }

[class*=icono-cross][class*=Circle]:after, [class*=icono-plus][class*=Circle]:after {
  height: 18px; }

.icono-cross, .icono-crossCircle {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

[class*=icono-check] {
  width: 28px;
  height: 28px;
  margin: 3px 0 3px 6px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

[class*=icono-check]:after, [class*=icono-check]:before {
  box-shadow: inset 0 0 0 32px; }

[class*=icono-check]:after {
  position: absolute;
  height: 12px;
  width: 2px;
  left: 4px;
  bottom: 14px; }

[class*=icono-check][class*=Circle] {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 2px; }

[class*=icono-check][class*=Circle]:before {
  width: 14px;
  top: 15px;
  left: 14px; }

[class*=icono-check][class*=Circle]:after {
  height: 8px;
  left: 7px;
  bottom: 10px; }

.icono-power {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border-top-color: transparent;
  margin: 6px; }

.icono-power:before {
  position: absolute;
  top: -15%;
  left: 8px;
  width: 2px;
  height: 60%;
  box-shadow: inset 0 0 0 32px; }

.icono-heart {
  width: 20px;
  height: 20px;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 4px 0;
  margin: 9px 7px 5px; }

.icono-heart:after, .icono-heart:before {
  position: absolute; }

.icono-heart:before {
  width: 8px;
  height: 14px;
  left: -10px;
  bottom: -2px;
  border-radius: 20px 0 0 20px;
  border-right-color: transparent; }

.icono-heart:after {
  width: 14px;
  height: 8px;
  right: -2px;
  top: -10px;
  border-radius: 20px 20px 0 0;
  border-bottom-color: transparent; }

.icono-infinity {
  width: 32px;
  height: 16px;
  margin: 9px 1px; }

.icono-infinity:after, .icono-infinity:before {
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.icono-infinity:before {
  left: 0;
  border-radius: 32px 0 32px 32px; }

.icono-infinity:after {
  right: 1px;
  border-radius: 32px 32px 32px 0; }

.icono-flag {
  width: 22px;
  height: 25px;
  border-left: 3px solid;
  margin: 5px 6px 4px; }

.icono-flag:after, .icono-flag:before {
  position: absolute;
  width: 9px;
  height: 8px; }

.icono-flag:before {
  left: -2px;
  top: 1px;
  border-radius: 0 2px 0 0;
  border-right-width: 3px; }

.icono-flag:after {
  width: 5px;
  left: 9px;
  top: 4px;
  border-left-width: 3px;
  border-radius: 2px 2px 0; }

.icono-file {
  width: 26px;
  height: 32px;
  border-radius: 0 12px 0 0;
  margin: 1px 4px; }

.icono-file:before {
  position: absolute;
  top: -2px;
  right: -2px;
  border-style: solid;
  width: 0;
  height: 0;
  border-width: 5px;
  border-top-color: transparent;
  border-right-color: transparent; }

.icono-document {
  width: 26px;
  height: 32px;
  border-radius: 0 0 0 10px;
  margin: 1px 4px; }

.icono-document:before {
  position: absolute;
  width: 0;
  height: 0;
  left: -3px;
  bottom: -3px;
  border-width: 5px;
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.icono-document:after {
  width: 13px;
  height: 2px;
  box-shadow: inset 0 0 0 32px,0 -5px 0 0,0 5px 0 0; }

.icono-folder {
  width: 18px;
  height: 22px;
  border-left-width: 0;
  border-radius: 0 3px 3px 0;
  margin: 8px 2px 4px 14px; }

.icono-folder:before {
  position: absolute;
  width: 12px;
  height: 20px;
  left: -12px;
  bottom: -2px;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-radius: 0 0 0 3px; }

.icono-folder:after {
  position: absolute;
  width: 10px;
  height: 5px;
  left: -12px;
  top: -7px;
  border-width: 2px 2px 0;
  border-style: solid;
  border-radius: 3px 3px 0 0; }

.icono-pin {
  width: 26px;
  height: 26px;
  border-radius: 50% 50% 50% 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 1px 4px 7px; }

.icono-pin:before {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%; }

.icono-frown, .icono-meh, .icono-smile {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  margin: 2px; }

.icono-frown:before, .icono-meh:before, .icono-smile:before {
  border-radius: 50%;
  box-shadow: 8px 0 0 0,0 0 0 2px inset;
  height: 4px;
  width: 4px;
  left: 7px;
  position: absolute;
  top: 27%; }

.icono-frown:after, .icono-meh:after, .icono-smile:after {
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  height: 16px;
  left: 50%;
  position: absolute;
  top: 6%;
  width: 16px; }

.icono-eye {
  border-radius: 80% 20%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 2px 1px 1px 2px;
  height: 28px;
  width: 28px;
  margin: 3px; }

.icono-eye:before {
  border-radius: 50%;
  box-shadow: 0 -3px 0 3px inset;
  height: 11px;
  width: 11px; }

.icono-sliders {
  height: 30px;
  width: 30px;
  margin: 2px; }

.icono-sliders:after, .icono-sliders:before {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  position: absolute; }

.icono-sliders:before {
  width: 8px;
  height: 7px;
  border-radius: 2px;
  top: 67%;
  box-shadow: inset 0 0 0 32px,10px -10px,-10px -14px; }

.icono-sliders:after {
  position: absolute;
  width: 2px;
  height: 100%;
  box-shadow: inset 0 0 0 32px,10px 0,-10px 0; }

.icono-share {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 32px,22px -11px 0 0,22px 11px 0 0;
  margin: 12px 24px 13px 1px; }

.icono-share:after, .icono-share:before {
  position: absolute;
  width: 24px;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  left: 0; }

.icono-share:before {
  top: -2px;
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transform: rotate(-25deg); }

.icono-share:after {
  top: 9px;
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform: rotate(25deg); }

.icono-sync {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border-right-color: transparent;
  border-left-color: transparent;
  margin: 4px; }

.icono-sync:after, .icono-sync:before {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.icono-sync:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: -7px;
  top: 0; }

.icono-sync:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  left: -7px;
  bottom: 0; }

.icono-reset {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-left-color: transparent;
  margin: 4px; }

.icono-reset:before {
  position: absolute;
  width: 0;
  height: 0;
  left: -7px;
  bottom: 0;
  border-width: 6px;
  border-style: solid;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

.icono-gear {
  width: 32px;
  height: 32px;
  border: 3px dotted;
  border-radius: 50%;
  margin: 1px; }

.icono-gear:before {
  width: 22px;
  height: 22px;
  box-shadow: 0 0 0 3px,0 0 0 2px inset;
  border-radius: 50%;
  border: 6px solid transparent;
  box-sizing: border-box; }

.icono-signIn {
  width: 18px;
  height: 32px;
  border-left: none;
  border-radius: 0 3px 3px 0;
  margin: 1px 8px; }

.icono-signIn:before {
  position: absolute;
  width: 11px;
  height: 11px;
  left: -10px;
  top: 7px;
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0 4px 0 0; }

.icono-signOut {
  width: 18px;
  height: 32px;
  border-right: none;
  border-radius: 3px 0 0 3px;
  margin: 1px 8px; }

.icono-signOut:before {
  position: absolute;
  width: 11px;
  height: 11px;
  right: -2px;
  top: 7px;
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0 4px 0 0; }

.icono-support {
  width: 26px;
  height: 26px;
  border: 5px solid transparent;
  box-shadow: 0 0 0 2px inset,0 0 0 2px;
  border-radius: 50%;
  margin: 4px; }

.icono-support:before {
  position: absolute;
  width: 7px;
  height: 7px;
  top: -3px;
  left: -3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: inset 0 0 0 32px,21px 0 0 0; }

.icono-support:after {
  position: absolute;
  width: 7px;
  height: 7px;
  top: -3px;
  right: -3px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  box-shadow: inset 0 0 0 32px,21px 0 0 0; }

.icono-dropper {
  width: 40px;
  height: 14px;
  border-width: 3px;
  border-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: -9px 0 0 2px inset,0 0 0 2px inset;
  border-radius: 50% 6px 6px 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 12px -2px 8px -4px; }

.icono-dropper:before {
  width: 4px;
  height: 14px;
  right: 10px;
  box-shadow: inset 0 0 0 32px; }

.icono-tiles {
  width: 4px;
  height: 4px;
  box-shadow: 0 -8px 0,-8px -8px 0,8px -8px 0,0 0 0 32px inset,-8px 0 0,8px 0 0,0 8px 0,-8px 8px 0,8px 8px 0;
  margin: 15px; }

.icono-list {
  width: 4px;
  height: 4px;
  box-shadow: inset 0 0 0 32px,0 -8px 0 0,0 8px 0 0;
  margin: 15px 26px 15px 4px; }

.icono-list:before {
  width: 18px;
  height: 4px;
  left: 8px;
  box-shadow: inset 0 0 0 32px,0 -8px 0 0,0 8px 0 0; }

.icono-chain {
  width: 16px;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 16px 9px; }

.icono-chain:after, .icono-chain:before {
  width: 12px;
  height: 8px;
  border-radius: 4px; }

.icono-chain:before {
  right: -10px; }

.icono-chain:after {
  left: -10px; }

.icono-youtube {
  border-right-color: transparent;
  border-left-color: transparent;
  border-radius: 10px;
  width: 32px;
  height: 22.29px;
  margin: 6px 1px; }

.icono-youtube:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 6px/3px; }

.icono-youtube:after {
  width: 0;
  height: 0;
  border-width: 4px 0 4px 8px;
  border-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.icono-rename {
  width: 26px;
  height: 10px;
  border-color: transparent;
  border-width: 3px;
  box-shadow: 0 0 0 1px,11px 0 0 0 inset;
  margin: 12px 4px; }

.icono-rename:before {
  width: 1px;
  height: 18px;
  left: 9px;
  border-width: 2px 4px;
  border-style: solid;
  border-right-color: transparent;
  border-left-color: transparent;
  box-shadow: 0 0 0 1px inset; }

.icono-search {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 4px 4px 8px 8px; }

.icono-search:before {
  width: 4px;
  height: 11px;
  box-shadow: inset 0 0 0 32px;
  top: 19px;
  border-radius: 0 0 1px 1px; }

.icono-book {
  width: 26px;
  height: 22px;
  border-radius: 0 0 0 6px;
  border-top: none;
  margin: 10px 4px 2px; }

.icono-book:before {
  position: absolute;
  width: 24px;
  height: 7px;
  box-sizing: border-box;
  border-top: none;
  border-right: none;
  left: -2px;
  top: -5px;
  border-radius: 0 0 0 6px; }

.icono-book:after {
  position: absolute;
  width: 24px;
  height: 8px;
  box-sizing: border-box;
  left: -2px;
  top: -8px;
  border-bottom: none;
  border-radius: 6px 0 0; }

.icono-forbidden {
  width: 28px;
  height: 28px;
  border-width: 3px;
  border-radius: 50%;
  margin: 3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.icono-forbidden:before {
  width: 24px;
  height: 4px;
  box-shadow: inset 0 0 0 32px; }

.icono-trash {
  width: 22px;
  height: 22px;
  border-radius: 0 0 3px 3px;
  border-top: none;
  margin: 9px 6px 3px; }

.icono-trash:before {
  width: 8px;
  height: 2px;
  top: -6px;
  box-shadow: inset 0 0 0 32px,-10px 2px 0 0,-6px 2px 0 0,0 2px 0 0,6px 2px 0 0,10px 2px 0 0; }

.icono-keyboard {
  width: 32px;
  height: 22px;
  border-radius: 3px;
  margin: 6px 1px; }

.icono-keyboard:before {
  width: 2px;
  height: 2px;
  box-shadow: -2px -4px 0,-6px -4px 0,-10px -4px 0,2px -4px 0,6px -4px 0,8px -4px 0,10px -4px 0,-4px 0 0,-8px 0 0,-10px 0 0,inset 0 0 0 32px,4px 0 0,8px 0 0,10px 0 0,4px 4px 0,2px 4px 0,0 4px 0,-2px 4px 0,-6px 4px 0,-10px 4px 0,6px 4px 0,10px 4px 0; }

.icono-mouse {
  width: 23px;
  height: 32px;
  border-radius: 11px 11px 12px 12px;
  margin: 1px 5px 1px 6px; }

.icono-mouse:before {
  width: 1px;
  height: 6px;
  border-radius: 2px;
  border-color: transparent;
  border-width: 1px;
  top: 5px;
  box-shadow: 0 0 0 1px,0 0 0 2px inset; }

.icono-mouse:after {
  width: 1px;
  height: 4px;
  top: 0;
  box-shadow: inset 0 0 0 32px,0 13px 0 0; }

.icono-user {
  width: 32px;
  height: 14px;
  border-radius: 64px 64px 0 0/64px;
  margin: 18px 1px 2px; }

.icono-user:before {
  width: 12px;
  height: 12px;
  top: -20px;
  border-radius: 50%; }

.icono-crop {
  width: 21px;
  height: 21px;
  border-left: none;
  border-bottom: none;
  margin: 9px 9px 4px 4px; }

.icono-crop:before {
  position: absolute;
  width: 21px;
  height: 21px;
  top: -7px;
  right: -7px;
  border-top: none;
  border-right: none;
  box-sizing: border-box; }

.icono-crop:after {
  position: absolute;
  width: 27px;
  height: 1px;
  left: 2px;
  top: 3px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.icono-display {
  width: 26px;
  height: 22px;
  margin: 4px 4px 8px; }

.icono-display:before {
  width: 4px;
  height: 3px;
  bottom: -5px;
  box-shadow: inset 0 0 0 32px; }

.icono-display:after {
  width: 14px;
  height: 2px;
  bottom: -6px;
  box-shadow: inset 0 0 0 32px; }

.icono-imac {
  width: 28px;
  height: 24px;
  border-width: 2px 2px 6px;
  border-color: transparent;
  border-radius: 3px;
  box-shadow: 0 0 0 1px,0 0 0 1px inset;
  margin: 3px 3px 7px; }

.icono-imac:before {
  position: absolute;
  height: 4px;
  right: -3px;
  left: -3px;
  bottom: -6px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 0 0 3px 3px; }

.icono-imac:after {
  width: 9px;
  height: 7px;
  box-shadow: inset 0 0 0 32px;
  bottom: -12px;
  border-radius: 32px 32px 0 0/64px; }

.icono-imacBold {
  width: 28px;
  height: 22px;
  border-radius: 4px;
  margin: 4px 3px 8px; }

.icono-imacBold:before {
  width: 9px;
  height: 7px;
  box-shadow: inset 0 0 0 32px;
  bottom: -6px;
  border-radius: 32px 32px 0 0/64px; }

.icono-imacBold:after {
  width: 24px;
  height: 3px;
  box-shadow: inset 0 0 0 32px;
  bottom: 0; }

.icono-iphone {
  width: 19px;
  height: 31px;
  border-radius: 3px;
  border-width: 5px 1px;
  border-color: transparent;
  box-shadow: 0 0 0 1px,0 0 0 1px inset;
  margin: 2px 8px 1px 7px; }

.icono-iphone:after, .icono-iphone:before {
  box-shadow: inset 0 0 0 32px; }

.icono-iphone:before {
  width: 3px;
  height: 1px;
  top: -3px; }

.icono-iphone:after {
  width: 3px;
  height: 3px;
  bottom: -4px;
  border-radius: 50%; }

.icono-iphoneBold {
  width: 20px;
  height: 32px;
  margin: 1px 7px;
  border-radius: 4px;
  border-width: 5px 2px; }

.icono-macbook {
  width: 32px;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 0 0 32px 32px/3px;
  margin: 25px 1px 7px; }

.icono-macbook:before {
  width: 20px;
  height: 14px;
  bottom: 2px;
  border-width: 3px 1px 1px;
  border-color: transparent;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 0 1px,0 0 0 1px inset; }

.icono-macbookBold {
  width: 32px;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  margin: 25px 1px 7px; }

.icono-macbookBold:before {
  width: 20px;
  height: 14px;
  bottom: 2px;
  border-width: 3px 2px 1px;
  border-radius: 3px 3px 0 0; }

.icono-image {
  width: 30px;
  height: 26px;
  border-radius: 3px;
  overflow: hidden;
  margin: 4px 2px; }

.icono-image:before {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -2px;
  top: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: inset 0 0 0 32px,10px -6px 0 0; }

.icono-image:after {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 32px;
  top: 5px;
  right: 5px; }

.icono-headphone {
  width: 30px;
  height: 27px;
  border-bottom-color: transparent;
  border-radius: 32px/32px 32px 16px 16px;
  margin: 2px 2px 5px; }

.icono-headphone:before {
  position: absolute;
  width: 4px;
  height: 12px;
  left: 1px;
  bottom: -4px;
  border-radius: 5px;
  box-shadow: inset 0 0 0 32px,20px 0 0 0; }

.icono-music {
  width: 18px;
  height: 6px;
  -webkit-transform: skewY(-15deg);
  -ms-transform: skewY(-15deg);
  transform: skewY(-15deg);
  box-shadow: inset 0 0 0 32px;
  border-radius: 2px 2px 0 0;
  margin: 4px 5px 24px 11px; }

.icono-music:before {
  position: absolute;
  width: 2px;
  height: 16px;
  left: 0;
  top: 4px;
  box-shadow: inset 0 0 0 32px,16px 0 0 0; }

.icono-music:after {
  position: absolute;
  width: 10px;
  height: 8px;
  left: -8px;
  top: 17px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 32px,16px 0 0 0; }

.icono-video {
  width: 20px;
  height: 20px;
  margin: 7px; }

.icono-video:before {
  width: 3px;
  height: 3px;
  left: -8px;
  box-shadow: inset 0 0 0 32px,0 -8px 0 0,0 8px 0 0,29px 0 0 0,29px -8px 0 0,29px 8px 0 0; }

.icono-video:after {
  width: 0;
  height: 0;
  border-width: 4px 0 4px 6px;
  border-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.icono-nexus {
  width: 21px;
  height: 32px;
  border-width: 3px 1px;
  border-radius: 16px/3px;
  margin: 1px 7px 1px 6px; }

.icono-microphone {
  width: 22px;
  height: 15px;
  border-width: 0 2px 2px;
  border-radius: 20px/0 0 20px 20px;
  margin: 12px 6px 7px; }

.icono-microphone:before {
  width: 10px;
  height: 18px;
  top: -11px;
  border-radius: 20px; }

.icono-microphone:after {
  width: 2px;
  height: 2px;
  bottom: -4px;
  box-shadow: inset 0 0 0 32px,0 2px,0 4px,-2px 4px,-4px 4px,-6px 4px,2px 4px,4px 4px,6px 4px; }

.icono-asterisk, .icono-asterisk:after, .icono-asterisk:before {
  width: 4px;
  height: 20px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 1px;
  margin: 7px 15px; }

.icono-asterisk:after, .icono-asterisk:before {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0; }

.icono-asterisk:before {
  -webkit-transform: rotate(-58deg);
  -ms-transform: rotate(-58deg);
  transform: rotate(-58deg); }

.icono-asterisk:after {
  -webkit-transform: rotate(58deg);
  -ms-transform: rotate(58deg);
  transform: rotate(58deg); }

.icono-terminal {
  width: 28px;
  height: 24px;
  margin: 5px 3px; }

.icono-terminal:before {
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 3px;
  border-width: 2px 2px 0 0;
  border-style: solid; }

.icono-terminal:after {
  position: absolute;
  width: 5px;
  height: 0;
  border-bottom: 2px solid;
  right: 6px;
  bottom: 4px; }

.icono-paperClip {
  width: 24px;
  height: 18px;
  border-left: none;
  border-radius: 0 16px 16px 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 5px 0 11px 10px; }

.icono-paperClip:before {
  width: 18px;
  height: 6px;
  right: 2px;
  border-radius: 0 16px 16px 0;
  border-left: none; }

.icono-paperClip:after {
  position: absolute;
  width: 12px;
  height: 10px;
  left: -12px;
  top: -2px;
  border-right: none;
  border-radius: 16px 0 0 16px; }

.icono-market {
  width: 32px;
  height: 12px;
  border-top: none;
  margin: 19px 1px 3px; }

.icono-market:before {
  width: 6px;
  height: 13px;
  position: absolute;
  top: -15px;
  left: -5px;
  border-radius: 0 0 10px 10px;
  border-left: none;
  box-shadow: inset 0 0 0 32px,8px 0 0,16px 0 0,24px 0 0,32px 0 0; }

.icono-market:after {
  width: 6px;
  height: 6px;
  bottom: -2px; }

.icono-clock {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin: 4px; }

.icono-clock:after, .icono-clock:before {
  top: 35%;
  box-shadow: inset 0 0 0 32px;
  border-radius: 2px; }

.icono-clock:before {
  width: 2px;
  height: 9px; }

.icono-clock:after {
  width: 6px;
  height: 2px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(45deg) translate(1px, 2px);
  -ms-transform: rotate(45deg) translate(1px, 2px);
  transform: rotate(45deg) translate(1px, 2px); }

[class*=icono-textAlign] {
  width: 28px;
  height: 22px;
  margin: 6px 3px; }

[class*=icono-textAlign]:after, [class*=icono-textAlign]:before {
  position: absolute;
  height: 2px;
  box-shadow: inset 0 0 0 32px,0 8px 0 0,0 16px 0 0;
  right: 0; }

[class*=icono-textAlign]:before {
  width: 28px;
  top: 0; }

[class*=icono-textAlign]:after {
  width: 18px;
  top: 4px; }

[class*=icono-textAlign].icono-textAlignLeft:after, [class*=icono-textAlign].icono-textAlignLeft:before {
  left: 0; }

[class*=icono-exclamation] {
  overflow: visible;
  width: 30px;
  border-bottom: 2px solid;
  border-radius: 0 0 4px 4px;
  margin: 26px 2px 6px; }

[class*=icono-exclamation]:before {
  position: absolute;
  width: 26px;
  height: 26px;
  left: 1px;
  top: -14px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-radius: 4px 0;
  -webkit-transform: rotate(45deg) skew(12deg, 12deg);
  -ms-transform: rotate(45deg) skew(12deg, 12deg);
  transform: rotate(45deg) skew(12deg, 12deg); }

[class*=icono-exclamation]:after {
  width: 4px;
  height: 3px;
  top: -14px;
  box-shadow: inset 0 0 0 32px,0 3px,0 8px; }

[class*=icono-exclamation][class*=Circle] {
  margin: 2px; }

[class*=icono-exclamation][class*=Circle]:before {
  display: none; }

[class*=icono-exclamation][class*=Circle]:after {
  box-shadow: inset 0 0 0 32px,0 3px,0 5px,0 10px;
  top: 6px; }

.icono-frown:after {
  -webkit-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
  -webkit-transform-origin: center 85%;
  -ms-transform-origin: center 85%;
  transform-origin: center 85%; }

.icono-meh:after {
  top: 0;
  width: 12px;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0; }

.icono-indent, .icono-outdent {
  width: 20px;
  height: 16px;
  border-width: 4px 0 4px 8px;
  border-style: solid;
  border-color: transparent;
  box-shadow: 0 -2px,0 2px,inset 0 2px,inset 0 -2px;
  margin: 9px 7px; }

.icono-indent:before, .icono-outdent:before {
  left: -8px;
  border: 5px solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-width: 0; }

.icono-outdent:before {
  border-left-width: 0;
  border-right-width: 5px; }

.icono-locationArrow {
  width: 32px;
  height: 32px;
  margin: 1px; }

.icono-locationArrow:before {
  position: absolute;
  left: 7px;
  top: 16px;
  border-width: 6px 0 6px 6px;
  border-style: solid;
  border-left-color: transparent;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.icono-locationArrow:after {
  position: absolute;
  top: 10px;
  left: 2px;
  border-width: 10px;
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-transform: skew(-30deg, -30deg);
  -ms-transform: skew(-30deg, -30deg);
  transform: skew(-30deg, -30deg); }

.icono-commentEmpty {
  width: 30px;
  height: 22px;
  border-radius: 4px 4px 7px 7px;
  border-bottom-color: transparent;
  margin: 5px 2px 7px; }

.icono-commentEmpty:before {
  position: absolute;
  width: 6px;
  height: 6px;
  border-width: 0 0 2px 2px;
  border-style: solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: -4px;
  left: 6px; }

.icono-commentEmpty:after {
  position: absolute;
  width: 8px;
  height: 2px;
  border-width: 0 12px 0 6px;
  border-style: solid;
  bottom: 0;
  left: 0; }

.icono-comment {
  width: 30px;
  height: 20px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 4px;
  margin: 5px 2px 9px; }

.icono-comment:before {
  position: absolute;
  width: 8px;
  height: 8px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: -4px;
  left: 6px; }

.icono-areaChart, .icono-barChart {
  width: 30px;
  height: 22px;
  border-top-width: 0;
  border-right-width: 0;
  border-color: transparent;
  box-shadow: -2px 2px;
  overflow: hidden;
  margin: 4px 0 8px 4px; }

.icono-areaChart:before {
  position: absolute;
  left: 0;
  bottom: 7px;
  border: 6px solid transparent;
  border-bottom-color: currentColor;
  box-shadow: 0 7px; }

.icono-areaChart:after {
  position: absolute;
  left: 11px;
  bottom: 4px;
  border-width: 0 6px 13px;
  border-style: solid;
  border-color: transparent transparent currentColor;
  box-shadow: 0 4px; }

.icono-barChart {
  border-color: transparent;
  box-shadow: -2px 2px;
  margin: 4px 0 8px 4px; }

.icono-barChart:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4px;
  height: 15px;
  box-shadow: inset 0 -8px 0 0,6px 0,12px 7px,18px 5px; }

.icono-pieChart {
  width: 0;
  height: 0;
  border: 15px solid;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 2px; }

.icono-pieChart:before {
  position: absolute;
  width: 0;
  height: 0;
  left: -11px;
  top: -14px;
  border: 14px solid;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-radius: 50%; }

.icono-bookmark {
  width: 0;
  height: 0;
  border: 9px solid;
  border-bottom-color: transparent;
  box-shadow: 0 -4px;
  border-radius: 3px 3px 0 0;
  margin: 10px 8px 6px; }

.icono-bookmarkEmpty {
  width: 18px;
  height: 22px;
  border-bottom: none;
  border-radius: 3px 3px 2px 2px;
  overflow: hidden;
  margin: 6px 8px; }

.icono-bookmarkEmpty:before {
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg) translate(35%, 35%);
  -ms-transform: rotate(45deg) translate(35%, 35%);
  transform: rotate(45deg) translate(35%, 35%); }

.icono-filter {
  width: 0;
  height: 0;
  border: 10px solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  padding: 3px;
  box-shadow: inset 0 7px;
  margin: 9px 4px; }

.icono-volume, .icono-volumeDecrease, .icono-volumeHigh, .icono-volumeIncrease, .icono-volumeLow, .icono-volumeMedium, .icono-volumeMute {
  width: 0;
  height: 0;
  border: 7px solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  padding: 6px 3px;
  box-shadow: inset 4px 0;
  margin: 4px 10px 4px 11px; }

.icono-volumeHigh, .icono-volumeLow, .icono-volumeMedium {
  margin: 4px 14px 4px 7px; }

.icono-volumeHigh:after, .icono-volumeHigh:before, .icono-volumeLow:before, .icono-volumeMedium:before {
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 50%;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  left: 2px; }

.icono-volumeHigh, .icono-volumeMedium {
  margin: 4px 16px 4px 5px; }

.icono-volumeHigh:before, .icono-volumeMedium:before {
  border-style: double;
  border-width: 6px;
  left: -2px; }

.icono-volumeHigh {
  margin: 4px 18px 4px 3px; }

.icono-volumeHigh:after {
  width: 32px;
  height: 32px;
  left: -7px; }

.icono-volumeDecrease, .icono-volumeIncrease, .icono-volumeMute {
  margin: 4px 16px 4px 5px; }

.icono-volumeDecrease:after, .icono-volumeDecrease:before, .icono-volumeIncrease:after, .icono-volumeIncrease:before, .icono-volumeMute:after, .icono-volumeMute:before {
  box-shadow: inset 0 0 0 32px; }

.icono-volumeDecrease:before, .icono-volumeIncrease:before, .icono-volumeMute:before {
  width: 10px;
  height: 2px;
  left: 17px; }

.icono-volumeIncrease:after, .icono-volumeMute:after {
  height: 10px;
  width: 2px;
  left: 21px; }

.icono-volumeMute:after, .icono-volumeMute:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg); }

.icono-tag {
  width: 18px;
  height: 24px;
  border-radius: 6px 6px 4px 4px;
  border-top: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 5px 8px; }

.icono-tag:before {
  position: absolute;
  top: -4px;
  left: 1px;
  width: 10px;
  height: 10px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 5px 0 0; }

.icono-tag:after {
  top: 1px;
  width: 3px;
  height: 3px;
  border-radius: 50%; }

.icono-calendar {
  width: 32px;
  height: 28px;
  border-width: 4px 2px 2px;
  border-style: solid;
  border-radius: 4px;
  margin: 5px 1px 1px; }

.icono-calendar:before {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 3px;
  left: 3px;
  box-shadow: inset 0 0 0 32px,6px 0,12px 0,18px 0,0 6px,6px 6px,12px 6px,18px 6px,0 12px,6px 12px,12px 12px,18px 12px; }

.icono-calendar:after {
  position: absolute;
  width: 4px;
  height: 8px;
  box-shadow: inset 0 0 0 32px,16px 0;
  border-radius: 4px;
  top: -8px;
  left: 4px; }

.icono-camera {
  width: 32px;
  height: 24px;
  border-radius: 4px;
  margin: 5px 1px; }

.icono-camera:before {
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px,0 0 0 2px;
  border-radius: 50%; }

.icono-camera:after {
  position: absolute;
  width: 4px;
  height: 2px;
  right: 2px;
  top: 2px;
  box-shadow: inset 0 0 0 32px; }

.icono-piano {
  width: 28px;
  height: 22px;
  margin: 6px 3px; }

.icono-piano:before {
  position: absolute;
  left: 4px;
  top: 0;
  width: 1px;
  height: 100%;
  box-shadow: inset 0 0 0 32px,5px 0,10px 0,15px 0; }

.icono-piano:after {
  position: absolute;
  width: 3px;
  height: 12px;
  left: 3px;
  top: 0;
  box-shadow: inset 0 0 0 32px,5px 0,10px 0,15px 0; }

.icono-ruler {
  width: 27px;
  height: 12px;
  margin: 11px 4px 11px 3px; }

.icono-ruler:before {
  position: absolute;
  width: 1px;
  height: 4px;
  box-shadow: inset 0 0 0 32px,6px 0,12px 0;
  left: 5px;
  top: 0; }

.icono-ruler:after {
  position: absolute;
  width: 1px;
  height: 2px;
  box-shadow: inset 0 0 0 32px,2px 0,6px 0,8px 0,12px 0,14px 0,18px 0,20px 0;
  left: 1px;
  top: 0; }

.icono-facebook {
  width: 9px;
  height: 26px;
  box-shadow: inset 2px 4px 0 0;
  border-left: 3px solid;
  border-radius: 5px 0 0;
  margin: 4px 11px 4px 14px; }

.icono-facebook:before {
  position: absolute;
  top: 9px;
  left: -6px;
  width: 11px;
  height: 0;
  border-top: 4px solid;
  border-right: 1px solid transparent; }

.icono-twitter {
  width: 14px;
  height: 23px;
  border-radius: 0 0 0 8px;
  box-shadow: -6px 2px 0 0;
  margin: 4px 7px 7px 13px; }

.icono-twitter:before {
  position: absolute;
  bottom: -2px;
  left: -6px;
  width: 17px;
  height: 6px;
  border-radius: 0 0 0 8px;
  box-shadow: inset 4px -6px,0 -11px; }

.icono-twitter:after {
  position: absolute;
  width: 6px;
  height: 6px;
  box-shadow: inset 0 0 0 32px,13px 8px,13px 19px;
  border-radius: 50%;
  left: -6px; }

.icono-gplus {
  width: 10px;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  margin: 14px 4px 18px 20px; }

.icono-gplus:before {
  position: absolute;
  top: -5px;
  right: 10px;
  content: "g" !important;
  font-family: georgia;
  font-size: 32px;
  text-indent: 0;
  line-height: 0; }

.icono-gplus:after {
  width: 2px;
  height: 10px;
  box-shadow: inset 0 0 0 32px; }

.icono-linkedIn {
  width: 5px;
  height: 16px;
  box-shadow: inset 0 0 0 32px,8px 0;
  margin: 12px 24px 6px 5px; }

.icono-linkedIn:before {
  position: absolute;
  width: 5px;
  height: 5px;
  box-shadow: inset 0 0 0 32px;
  top: -7px;
  left: 0;
  border-radius: 50%; }

.icono-linkedIn:after {
  position: absolute;
  width: 12px;
  height: 16px;
  border-right: 1px solid;
  left: 11px;
  bottom: 0;
  border-radius: 8px 5px 0 0/11px 5px 0 0;
  box-shadow: inset -4px 4px; }

.icono-instagram {
  width: 26px;
  height: 26px;
  box-shadow: inset 0 0 0 2px;
  border-radius: 4px;
  margin: 4px; }

.icono-instagram:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px; }

.icono-instagram:after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 1px;
  right: 3px;
  top: 3px;
  box-shadow: 0 0 0 2px,1px 1px 0 2px,-5px -1px 0 1px,-10px -1px 0 1px,-16px 1px 0 2px; }

.icono-flickr {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 4px;
  margin: 5px; }

.icono-flickr:after, .icono-flickr:before {
  width: 7px;
  height: 7px;
  border-radius: 50%; }

.icono-flickr:before {
  left: 4px;
  box-shadow: 0 0 0 1px,0 -10px 0 6px,0 10px 0 6px,-4px 0 0 3px; }

.icono-flickr:after {
  right: 4px;
  box-shadow: 0 0 0 1px,0 -10px 0 6px,0 10px 0 6px,4px 0 0 3px; }

.icono-delicious {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px;
  margin: 5px; }

.icono-delicious:before {
  position: absolute;
  width: 12px;
  height: 12px;
  box-shadow: inset 0 0 0 32px,12px -12px 0 0;
  left: 0;
  bottom: 0; }

.icono-codepen {
  width: 2px;
  height: 10px;
  box-shadow: inset 0 0 0 32px,0 15px,-11px 7px,11px 7px;
  margin: 4px 16px 20px; }

.icono-codepen:before {
  position: absolute;
  right: 2px;
  top: 3px;
  width: 11px;
  height: 4px;
  -webkit-transform: skew(0, -35deg) scaleY(0.6);
  -ms-transform: skew(0, -35deg) scaleY(0.6);
  transform: skew(0, -35deg) scaleY(0.6);
  box-shadow: inset 0 0 0 32px,0 13px,11px 26px,12px 39px; }

.icono-codepen:after {
  position: absolute;
  left: 2px;
  top: 3px;
  width: 11px;
  height: 4px;
  -webkit-transform: skew(0, 35deg) scaleY(0.6);
  -ms-transform: skew(0, 35deg) scaleY(0.6);
  transform: skew(0, 35deg) scaleY(0.6);
  box-shadow: inset 0 0 0 32px,0 13px,-11px 26px,-12px 39px; }

.icono-blogger {
  width: 24px;
  height: 14px;
  border-radius: 0 0 7px 7px;
  margin: 14px 5px 6px; }

.icono-blogger, .icono-blogger:before {
  border-width: 6px;
  border-style: solid; }

.icono-blogger:before {
  position: absolute;
  width: 8px;
  height: 2px;
  left: -6px;
  top: -15px;
  border-radius: 6px 6px 0 0; }

.icono-disqus {
  width: 31px;
  height: 31px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 50%;
  margin: 1px 1px 2px 2px; }

.icono-disqus:before {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 10px solid;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  left: -5px;
  top: 20px; }

.icono-dribbble {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px;
  overflow: hidden;
  position: relative;
  background-image: -webkit-radial-gradient(50% 100%, transparent 0, transparent 9px, currentColor 10px, currentColor 11px, transparent 12px);
  background-image: radial-gradient(50% 100%, transparent 0, transparent 9px, currentColor 10px, currentColor 11px, transparent 12px);
  background-repeat: no-repeat;
  background-position: -8px center;
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transform: rotate(-25deg);
  margin: 4px; }

.icono-dribbble:after, .icono-dribbble:before {
  position: absolute;
  border-radius: 50%;
  border: 2px solid;
  width: 40px;
  height: 30px; }

.icono-dribbble:after {
  top: 14px;
  left: -7px;
  width: 32px; }

.icono-dribbble:before {
  left: -6px;
  top: -23px; }

.icono-creditCard {
  width: 32px;
  height: 24px;
  border-radius: 3px;
  margin: 5px 1px; }

.icono-creditCard:before {
  position: absolute;
  top: 4px;
  width: 100%;
  height: 6px;
  box-shadow: inset 0 0 0 32px; }

.icono-creditCard:after {
  left: 3px;
  bottom: 3px;
  position: absolute;
  width: 4px;
  height: 2px;
  box-shadow: inset 0 0 0 32px,6px 0; }

.icono-cup {
  width: 22px;
  height: 16px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 0 0 5px 5px;
  margin: 6px 6px 12px; }

.icono-cup:before {
  position: absolute;
  right: -3px;
  top: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px; }

.icono-cup:after {
  bottom: -5px;
  width: 26px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  box-shadow: inset 0 0 0 32px; }

.icono-play {
  width: 0;
  height: 0;
  border-width: 10px 0 10px 16px;
  border-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  margin: 7px 9px; }

.icono-pause {
  width: 6px;
  height: 20px;
  margin: 7px 20px 7px 8px;
  box-shadow: inset 0 0 0 32px,12px 0 0 0; }

.icono-stop {
  width: 0;
  height: 0;
  border: 10px solid;
  margin: 7px; }

.icono-rewind {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.icono-forward, .icono-rewind {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid;
  margin: 7px; }

.icono-forward:before, .icono-rewind:before {
  position: absolute;
  left: 0;
  top: -10px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid; }

.icono-next, .icono-previous {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid;
  border-right: none;
  margin: 7px 14px 7px 10px;
  box-shadow: 4px 0; }

.icono-previous {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 7px 10px 7px 14px; }

.icono-caretDown, .icono-caretDownCircle, .icono-caretDownSquare, .icono-caretLeft, .icono-caretLeftCircle, .icono-caretLeftSquare, .icono-caretRight, .icono-caretRightCircle, .icono-caretRightSquare, .icono-caretUp, .icono-caretUpCircle, .icono-caretUpSquare {
  width: 12px;
  height: 20px;
  margin: 7px 11px; }

.icono-caretDown:after, .icono-caretDown:before, .icono-caretDownCircle:after, .icono-caretDownCircle:before, .icono-caretDownSquare:after, .icono-caretDownSquare:before, .icono-caretLeft:after, .icono-caretLeft:before, .icono-caretLeftCircle:after, .icono-caretLeftCircle:before, .icono-caretLeftSquare:after, .icono-caretLeftSquare:before, .icono-caretRight:after, .icono-caretRight:before, .icono-caretRightCircle:after, .icono-caretRightCircle:before, .icono-caretRightSquare:after, .icono-caretRightSquare:before, .icono-caretUp:after, .icono-caretUp:before, .icono-caretUpCircle:after, .icono-caretUpCircle:before, .icono-caretUpSquare:after, .icono-caretUpSquare:before {
  width: 14px;
  height: 2px;
  position: absolute;
  bottom: 0;
  margin: auto 0;
  right: 2px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right; }

.icono-caretDown:before, .icono-caretDownCircle:before, .icono-caretDownSquare:before, .icono-caretLeft:before, .icono-caretLeftCircle:before, .icono-caretLeftSquare:before, .icono-caretRight:before, .icono-caretRightCircle:before, .icono-caretRightSquare:before, .icono-caretUp:before, .icono-caretUpCircle:before, .icono-caretUpSquare:before {
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.icono-caretDown:after, .icono-caretDownCircle:after, .icono-caretDownSquare:after, .icono-caretLeft:after, .icono-caretLeftCircle:after, .icono-caretLeftSquare:after, .icono-caretRight:after, .icono-caretRightCircle:after, .icono-caretRightSquare:after, .icono-caretUp:after, .icono-caretUpCircle:after, .icono-caretUpSquare:after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.icono-caretLeft, .icono-caretLeftCircle, .icono-caretLeftSquare {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.icono-caretUp, .icono-caretUpCircle, .icono-caretUpSquare {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.icono-caretDown, .icono-caretDownCircle, .icono-caretDownSquare {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

[class*=icono-caret][class*=Circle]:after, [class*=icono-caret][class*=Circle]:before, [class*=icono-caret][class*=Square]:after, [class*=icono-caret][class*=Square]:before {
  width: 11px;
  right: 8px; }

.icono-downArrow, .icono-leftArrow, .icono-rightArrow, .icono-upArrow {
  width: 16px;
  height: 4px;
  margin: 15px 9px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
  transform: translateX(-3px); }

.icono-downArrow:before, .icono-leftArrow:before, .icono-rightArrow:before, .icono-upArrow:before {
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent;
  border-left-color: inherit;
  left: 100%;
  right: auto; }

.icono-leftArrow {
  -webkit-transform: translateX(3px) rotate(180deg);
  -ms-transform: translateX(3px) rotate(180deg);
  transform: translateX(3px) rotate(180deg); }

.icono-upArrow {
  -webkit-transform: translateY(3px) rotate(-90deg);
  -ms-transform: translateY(3px) rotate(-90deg);
  transform: translateY(3px) rotate(-90deg); }

.icono-downArrow {
  -webkit-transform: translateY(-3px) rotate(90deg);
  -ms-transform: translateY(-3px) rotate(90deg);
  transform: translateY(-3px) rotate(90deg); }

.icono-sun {
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 50%;
  box-shadow: -15px 0 0 -9px,15px 0 0 -9px,0 -15px 0 -9px,0 15px 0 -9px,11px 11px 0 -9px,-11px -11px 0 -9px,11px -11px 0 -9px,-11px 11px 0 -9px;
  margin: 6px; }

.icono-moon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  margin: 6px; }

.icono-moon:before {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -2px;
  left: 6px;
  border-radius: 50%;
  box-shadow: 0 0 0 32px; }

.icono-cart {
  width: 22px;
  height: 0;
  border-width: 14px 6px 0 2px;
  border-style: solid;
  border-right-color: transparent;
  border-left-color: transparent;
  margin: 9px 3px 11px 9px; }

.icono-cart:before {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 32px,13px 0,-4px -20px 0 1px;
  top: 2px;
  left: -3px; }

.icono-sitemap {
  width: 24px;
  height: 2px;
  box-shadow: 0 -5px;
  margin: 21px 5px 11px; }

.icono-sitemap:before {
  width: 6px;
  height: 6px;
  border-radius: 2px;
  box-shadow: inset 0 0 0 32px,11px 0,-11px 0,0 -14px 0 1px; }

.icono-sitemap:after {
  width: 2px;
  height: 10px;
  box-shadow: 0 -7px,11px -5px,-11px -5px; }

[class*=icono-] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-style: normal;
  color: #ddd;
  text-align: left;
  text-indent: -9999px;
  direction: ltr; }

[class*=icono-]:after, [class*=icono-]:before {
  content: '';
  pointer-events: none; }

[class*=icono-][class*=Circle] {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 2px; }

[class*=icono-][class*=Square] {
  border-radius: 4px;
  width: 30px;
  height: 30px;
  margin: 2px; }

[class*=icono-], [class*=icono-] * {
  box-sizing: border-box; }

.player-container.stick {
  height: 100px; }
  .player-container.stick .devard-audio-player {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }

.devard-audio-player {
  height: 100px;
  width: 100%;
  background: #282828;
  box-shadow: 0 0 20px 0 #000a;
  font-family: arial;
  color: #f1f1ea;
  font-size: 0.75em;
  overflow: hidden;
  display: grid;
  grid-template-rows: 12px auto; }
  .devard-audio-player .timeline {
    background: #f1f1ea;
    width: 100%;
    position: relative;
    cursor: pointer;
    box-shadow: 0 2px 10px 0 #0008; }
    .devard-audio-player .timeline .progress {
      background: #444;
      width: 0%;
      height: 100%;
      transition: 0.25s; }
  .devard-audio-player .controls {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 20px; }
    .devard-audio-player .controls > * {
      display: flex;
      justify-content: center;
      align-items: center; }
    .devard-audio-player .controls .toggle-play.play {
      cursor: pointer;
      position: relative;
      left: 0;
      height: 0;
      width: 0;
      border: 14px solid #0000;
      border-left: 28px solid #f1f1ea;
      transition: all ease-in 50ms; }
      .devard-audio-player .controls .toggle-play.play:hover {
        transform: scale(1.1) translateX(1px); }
    .devard-audio-player .controls .toggle-play.pause {
      height: 30px;
      width: 40px;
      cursor: pointer;
      position: relative; }
      .devard-audio-player .controls .toggle-play.pause:before {
        position: absolute;
        top: 0;
        background: #f1f1ea;
        content: "";
        height: 30px;
        width: 6px;
        left: calc(50% - 12px); }
      .devard-audio-player .controls .toggle-play.pause:after {
        position: absolute;
        top: 0;
        background: #f1f1ea;
        content: "";
        height: 30px;
        width: 6px;
        right: calc(50% - 12px); }
      .devard-audio-player .controls .toggle-play.pause:hover {
        transform: scale(1.1); }
    .devard-audio-player .controls .time {
      display: flex;
      font-size: 2em; }
      @media (max-width: 500px) {
        .devard-audio-player .controls .time {
          font-size: 1em; } }
      .devard-audio-player .controls .time > * {
        padding: 2px; }
    .devard-audio-player .controls .volume-container {
      cursor: pointer;
      z-index: 2; }
      .devard-audio-player .controls .volume-container .volume-button {
        height: 26px;
        display: flex;
        align-items: center; }
        .devard-audio-player .controls .volume-container .volume-button.mute [data-role=default] {
          display: none; }
        .devard-audio-player .controls .volume-container .volume-button:not(.mute) [data-role=mute] {
          display: none; }
      .devard-audio-player .controls .volume-container .volume-slider {
        width: 100px;
        height: 30px;
        background: #f1f1ea;
        box-shadow: 0 0 20px #000a;
        transition: .25s; }
        .devard-audio-player .controls .volume-container .volume-slider .volume-percentage {
          background: #444;
          height: 100%;
          width: 75%; }

main > .conference-index ul.category-list, main > .conference-index ul.sub-category {
  list-style: none;
  padding: 0;
  margin: 0 auto; }
  main > .conference-index ul.category-list li, main > .conference-index ul.sub-category li {
    vertical-align: top; }
  main > .conference-index ul.category-list a, main > .conference-index ul.sub-category a {
    font-size: 1.2em;
    color: #f1f1ea; }

main > .conference-index ul.category-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em; }
  @media (min-width: 600px) {
    main > .conference-index ul.category-list {
      flex-direction: row; }
      main > .conference-index ul.category-list li:not(:first-of-type) {
        margin-left: 1em; } }
  main > .conference-index ul.category-list li {
    display: inline-block;
    flex-grow: 1; }

main > .conference-index ul.category-list > li {
  border: 1px solid #efe5d9;
  padding: 0.5em 1em; }

main > .conference-index ul.sub-category {
  padding-left: 1em; }

main > .conference-index {
  max-width: 960px;
  margin: 0 auto;
  padding: 1em;
  word-break: break-word; }
  @media (min-width: 960px) {
    main > .conference-index {
      width: 960px; } }
  main > .conference-index > ul.models-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.2em; }
    main > .conference-index > ul.models-list > li > a {
      display: flex;
      color: #f1f1ea;
      text-decoration: none;
      border: 2px solid #efe5d9;
      padding: 1em;
      transition: 250ms; }
      main > .conference-index > ul.models-list > li > a .block {
        flex-grow: 1; }
      main > .conference-index > ul.models-list > li > a .thumbnail img {
        margin-left: 1em; }
      main > .conference-index > ul.models-list > li > a .category {
        display: none;
        margin: -15px 0 0 -12px;
        font-style: italic; }
      main > .conference-index > ul.models-list > li > a .title {
        font-family: "Allura";
        font-size: 2em; }
      main > .conference-index > ul.models-list > li > a .date, main > .conference-index > ul.models-list > li > a .location {
        display: inline-block; }
      main > .conference-index > ul.models-list > li > a:hover {
        background-color: #efe5d947; }
  main > .conference-index[data-category=""] > ul.models-list > li > a .category {
    display: block; }

main > .conference-view {
  max-width: 960px;
  margin: 0 auto;
  padding: 1em;
  word-break: break-word;
  padding-bottom: 100px; }
  main > .conference-view > h2 {
    font-size: 1.5em; }
  main > .conference-view .player-container {
    display: flex; }
    main > .conference-view .player-container > .audio-player {
      flex-grow: 1; }
    main > .conference-view .player-container > img {
      height: 100px;
      margin-left: 1em; }
      @media (max-width: 600px) {
        main > .conference-view .player-container > img {
          display: none; } }

main {
  font-family: "Sorts Mill Goudy"; }

h1 {
  font-family: "Cinzel";
  font-size: 40px;
  font-weight: normal;
  letter-spacing: 0em;
  line-height: 1em; }

h2 {
  font-family: "Allura";
  font-size: 1.6em;
  letter-spacing: 2px; }

/*!
Pure v3.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE
*/
@media screen and (min-width: 35.5em) {
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-12, .pure-u-sm-1-2, .pure-u-sm-1-24, .pure-u-sm-1-3, .pure-u-sm-1-4, .pure-u-sm-1-5, .pure-u-sm-1-6, .pure-u-sm-1-8, .pure-u-sm-10-24, .pure-u-sm-11-12, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-2-24, .pure-u-sm-2-3, .pure-u-sm-2-5, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24, .pure-u-sm-3-24, .pure-u-sm-3-4, .pure-u-sm-3-5, .pure-u-sm-3-8, .pure-u-sm-4-24, .pure-u-sm-4-5, .pure-u-sm-5-12, .pure-u-sm-5-24, .pure-u-sm-5-5, .pure-u-sm-5-6, .pure-u-sm-5-8, .pure-u-sm-6-24, .pure-u-sm-7-12, .pure-u-sm-7-24, .pure-u-sm-7-8, .pure-u-sm-8-24, .pure-u-sm-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-sm-1-24 {
    width: 4.1667%; }
  .pure-u-sm-1-12, .pure-u-sm-2-24 {
    width: 8.3333%; }
  .pure-u-sm-1-8, .pure-u-sm-3-24 {
    width: 12.5%; }
  .pure-u-sm-1-6, .pure-u-sm-4-24 {
    width: 16.6667%; }
  .pure-u-sm-1-5 {
    width: 20%; }
  .pure-u-sm-5-24 {
    width: 20.8333%; }
  .pure-u-sm-1-4, .pure-u-sm-6-24 {
    width: 25%; }
  .pure-u-sm-7-24 {
    width: 29.1667%; }
  .pure-u-sm-1-3, .pure-u-sm-8-24 {
    width: 33.3333%; }
  .pure-u-sm-3-8, .pure-u-sm-9-24 {
    width: 37.5%; }
  .pure-u-sm-2-5 {
    width: 40%; }
  .pure-u-sm-10-24, .pure-u-sm-5-12 {
    width: 41.6667%; }
  .pure-u-sm-11-24 {
    width: 45.8333%; }
  .pure-u-sm-1-2, .pure-u-sm-12-24 {
    width: 50%; }
  .pure-u-sm-13-24 {
    width: 54.1667%; }
  .pure-u-sm-14-24, .pure-u-sm-7-12 {
    width: 58.3333%; }
  .pure-u-sm-3-5 {
    width: 60%; }
  .pure-u-sm-15-24, .pure-u-sm-5-8 {
    width: 62.5%; }
  .pure-u-sm-16-24, .pure-u-sm-2-3 {
    width: 66.6667%; }
  .pure-u-sm-17-24 {
    width: 70.8333%; }
  .pure-u-sm-18-24, .pure-u-sm-3-4 {
    width: 75%; }
  .pure-u-sm-19-24 {
    width: 79.1667%; }
  .pure-u-sm-4-5 {
    width: 80%; }
  .pure-u-sm-20-24, .pure-u-sm-5-6 {
    width: 83.3333%; }
  .pure-u-sm-21-24, .pure-u-sm-7-8 {
    width: 87.5%; }
  .pure-u-sm-11-12, .pure-u-sm-22-24 {
    width: 91.6667%; }
  .pure-u-sm-23-24 {
    width: 95.8333%; }
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-24-24, .pure-u-sm-5-5 {
    width: 100%; } }

@media screen and (min-width: 48em) {
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-12, .pure-u-md-1-2, .pure-u-md-1-24, .pure-u-md-1-3, .pure-u-md-1-4, .pure-u-md-1-5, .pure-u-md-1-6, .pure-u-md-1-8, .pure-u-md-10-24, .pure-u-md-11-12, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-2-24, .pure-u-md-2-3, .pure-u-md-2-5, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24, .pure-u-md-3-24, .pure-u-md-3-4, .pure-u-md-3-5, .pure-u-md-3-8, .pure-u-md-4-24, .pure-u-md-4-5, .pure-u-md-5-12, .pure-u-md-5-24, .pure-u-md-5-5, .pure-u-md-5-6, .pure-u-md-5-8, .pure-u-md-6-24, .pure-u-md-7-12, .pure-u-md-7-24, .pure-u-md-7-8, .pure-u-md-8-24, .pure-u-md-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-md-1-24 {
    width: 4.1667%; }
  .pure-u-md-1-12, .pure-u-md-2-24 {
    width: 8.3333%; }
  .pure-u-md-1-8, .pure-u-md-3-24 {
    width: 12.5%; }
  .pure-u-md-1-6, .pure-u-md-4-24 {
    width: 16.6667%; }
  .pure-u-md-1-5 {
    width: 20%; }
  .pure-u-md-5-24 {
    width: 20.8333%; }
  .pure-u-md-1-4, .pure-u-md-6-24 {
    width: 25%; }
  .pure-u-md-7-24 {
    width: 29.1667%; }
  .pure-u-md-1-3, .pure-u-md-8-24 {
    width: 33.3333%; }
  .pure-u-md-3-8, .pure-u-md-9-24 {
    width: 37.5%; }
  .pure-u-md-2-5 {
    width: 40%; }
  .pure-u-md-10-24, .pure-u-md-5-12 {
    width: 41.6667%; }
  .pure-u-md-11-24 {
    width: 45.8333%; }
  .pure-u-md-1-2, .pure-u-md-12-24 {
    width: 50%; }
  .pure-u-md-13-24 {
    width: 54.1667%; }
  .pure-u-md-14-24, .pure-u-md-7-12 {
    width: 58.3333%; }
  .pure-u-md-3-5 {
    width: 60%; }
  .pure-u-md-15-24, .pure-u-md-5-8 {
    width: 62.5%; }
  .pure-u-md-16-24, .pure-u-md-2-3 {
    width: 66.6667%; }
  .pure-u-md-17-24 {
    width: 70.8333%; }
  .pure-u-md-18-24, .pure-u-md-3-4 {
    width: 75%; }
  .pure-u-md-19-24 {
    width: 79.1667%; }
  .pure-u-md-4-5 {
    width: 80%; }
  .pure-u-md-20-24, .pure-u-md-5-6 {
    width: 83.3333%; }
  .pure-u-md-21-24, .pure-u-md-7-8 {
    width: 87.5%; }
  .pure-u-md-11-12, .pure-u-md-22-24 {
    width: 91.6667%; }
  .pure-u-md-23-24 {
    width: 95.8333%; }
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-24-24, .pure-u-md-5-5 {
    width: 100%; } }

@media screen and (min-width: 64em) {
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-12, .pure-u-lg-1-2, .pure-u-lg-1-24, .pure-u-lg-1-3, .pure-u-lg-1-4, .pure-u-lg-1-5, .pure-u-lg-1-6, .pure-u-lg-1-8, .pure-u-lg-10-24, .pure-u-lg-11-12, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-2-24, .pure-u-lg-2-3, .pure-u-lg-2-5, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24, .pure-u-lg-3-24, .pure-u-lg-3-4, .pure-u-lg-3-5, .pure-u-lg-3-8, .pure-u-lg-4-24, .pure-u-lg-4-5, .pure-u-lg-5-12, .pure-u-lg-5-24, .pure-u-lg-5-5, .pure-u-lg-5-6, .pure-u-lg-5-8, .pure-u-lg-6-24, .pure-u-lg-7-12, .pure-u-lg-7-24, .pure-u-lg-7-8, .pure-u-lg-8-24, .pure-u-lg-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-lg-1-24 {
    width: 4.1667%; }
  .pure-u-lg-1-12, .pure-u-lg-2-24 {
    width: 8.3333%; }
  .pure-u-lg-1-8, .pure-u-lg-3-24 {
    width: 12.5%; }
  .pure-u-lg-1-6, .pure-u-lg-4-24 {
    width: 16.6667%; }
  .pure-u-lg-1-5 {
    width: 20%; }
  .pure-u-lg-5-24 {
    width: 20.8333%; }
  .pure-u-lg-1-4, .pure-u-lg-6-24 {
    width: 25%; }
  .pure-u-lg-7-24 {
    width: 29.1667%; }
  .pure-u-lg-1-3, .pure-u-lg-8-24 {
    width: 33.3333%; }
  .pure-u-lg-3-8, .pure-u-lg-9-24 {
    width: 37.5%; }
  .pure-u-lg-2-5 {
    width: 40%; }
  .pure-u-lg-10-24, .pure-u-lg-5-12 {
    width: 41.6667%; }
  .pure-u-lg-11-24 {
    width: 45.8333%; }
  .pure-u-lg-1-2, .pure-u-lg-12-24 {
    width: 50%; }
  .pure-u-lg-13-24 {
    width: 54.1667%; }
  .pure-u-lg-14-24, .pure-u-lg-7-12 {
    width: 58.3333%; }
  .pure-u-lg-3-5 {
    width: 60%; }
  .pure-u-lg-15-24, .pure-u-lg-5-8 {
    width: 62.5%; }
  .pure-u-lg-16-24, .pure-u-lg-2-3 {
    width: 66.6667%; }
  .pure-u-lg-17-24 {
    width: 70.8333%; }
  .pure-u-lg-18-24, .pure-u-lg-3-4 {
    width: 75%; }
  .pure-u-lg-19-24 {
    width: 79.1667%; }
  .pure-u-lg-4-5 {
    width: 80%; }
  .pure-u-lg-20-24, .pure-u-lg-5-6 {
    width: 83.3333%; }
  .pure-u-lg-21-24, .pure-u-lg-7-8 {
    width: 87.5%; }
  .pure-u-lg-11-12, .pure-u-lg-22-24 {
    width: 91.6667%; }
  .pure-u-lg-23-24 {
    width: 95.8333%; }
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-24-24, .pure-u-lg-5-5 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-1-12, .pure-u-xl-1-2, .pure-u-xl-1-24, .pure-u-xl-1-3, .pure-u-xl-1-4, .pure-u-xl-1-5, .pure-u-xl-1-6, .pure-u-xl-1-8, .pure-u-xl-10-24, .pure-u-xl-11-12, .pure-u-xl-11-24, .pure-u-xl-12-24, .pure-u-xl-13-24, .pure-u-xl-14-24, .pure-u-xl-15-24, .pure-u-xl-16-24, .pure-u-xl-17-24, .pure-u-xl-18-24, .pure-u-xl-19-24, .pure-u-xl-2-24, .pure-u-xl-2-3, .pure-u-xl-2-5, .pure-u-xl-20-24, .pure-u-xl-21-24, .pure-u-xl-22-24, .pure-u-xl-23-24, .pure-u-xl-24-24, .pure-u-xl-3-24, .pure-u-xl-3-4, .pure-u-xl-3-5, .pure-u-xl-3-8, .pure-u-xl-4-24, .pure-u-xl-4-5, .pure-u-xl-5-12, .pure-u-xl-5-24, .pure-u-xl-5-5, .pure-u-xl-5-6, .pure-u-xl-5-8, .pure-u-xl-6-24, .pure-u-xl-7-12, .pure-u-xl-7-24, .pure-u-xl-7-8, .pure-u-xl-8-24, .pure-u-xl-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-xl-1-24 {
    width: 4.1667%; }
  .pure-u-xl-1-12, .pure-u-xl-2-24 {
    width: 8.3333%; }
  .pure-u-xl-1-8, .pure-u-xl-3-24 {
    width: 12.5%; }
  .pure-u-xl-1-6, .pure-u-xl-4-24 {
    width: 16.6667%; }
  .pure-u-xl-1-5 {
    width: 20%; }
  .pure-u-xl-5-24 {
    width: 20.8333%; }
  .pure-u-xl-1-4, .pure-u-xl-6-24 {
    width: 25%; }
  .pure-u-xl-7-24 {
    width: 29.1667%; }
  .pure-u-xl-1-3, .pure-u-xl-8-24 {
    width: 33.3333%; }
  .pure-u-xl-3-8, .pure-u-xl-9-24 {
    width: 37.5%; }
  .pure-u-xl-2-5 {
    width: 40%; }
  .pure-u-xl-10-24, .pure-u-xl-5-12 {
    width: 41.6667%; }
  .pure-u-xl-11-24 {
    width: 45.8333%; }
  .pure-u-xl-1-2, .pure-u-xl-12-24 {
    width: 50%; }
  .pure-u-xl-13-24 {
    width: 54.1667%; }
  .pure-u-xl-14-24, .pure-u-xl-7-12 {
    width: 58.3333%; }
  .pure-u-xl-3-5 {
    width: 60%; }
  .pure-u-xl-15-24, .pure-u-xl-5-8 {
    width: 62.5%; }
  .pure-u-xl-16-24, .pure-u-xl-2-3 {
    width: 66.6667%; }
  .pure-u-xl-17-24 {
    width: 70.8333%; }
  .pure-u-xl-18-24, .pure-u-xl-3-4 {
    width: 75%; }
  .pure-u-xl-19-24 {
    width: 79.1667%; }
  .pure-u-xl-4-5 {
    width: 80%; }
  .pure-u-xl-20-24, .pure-u-xl-5-6 {
    width: 83.3333%; }
  .pure-u-xl-21-24, .pure-u-xl-7-8 {
    width: 87.5%; }
  .pure-u-xl-11-12, .pure-u-xl-22-24 {
    width: 91.6667%; }
  .pure-u-xl-23-24 {
    width: 95.8333%; }
  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-24-24, .pure-u-xl-5-5 {
    width: 100%; } }

@media screen and (min-width: 120em) {
  .pure-u-xxl-1, .pure-u-xxl-1-1, .pure-u-xxl-1-12, .pure-u-xxl-1-2, .pure-u-xxl-1-24, .pure-u-xxl-1-3, .pure-u-xxl-1-4, .pure-u-xxl-1-5, .pure-u-xxl-1-6, .pure-u-xxl-1-8, .pure-u-xxl-10-24, .pure-u-xxl-11-12, .pure-u-xxl-11-24, .pure-u-xxl-12-24, .pure-u-xxl-13-24, .pure-u-xxl-14-24, .pure-u-xxl-15-24, .pure-u-xxl-16-24, .pure-u-xxl-17-24, .pure-u-xxl-18-24, .pure-u-xxl-19-24, .pure-u-xxl-2-24, .pure-u-xxl-2-3, .pure-u-xxl-2-5, .pure-u-xxl-20-24, .pure-u-xxl-21-24, .pure-u-xxl-22-24, .pure-u-xxl-23-24, .pure-u-xxl-24-24, .pure-u-xxl-3-24, .pure-u-xxl-3-4, .pure-u-xxl-3-5, .pure-u-xxl-3-8, .pure-u-xxl-4-24, .pure-u-xxl-4-5, .pure-u-xxl-5-12, .pure-u-xxl-5-24, .pure-u-xxl-5-5, .pure-u-xxl-5-6, .pure-u-xxl-5-8, .pure-u-xxl-6-24, .pure-u-xxl-7-12, .pure-u-xxl-7-24, .pure-u-xxl-7-8, .pure-u-xxl-8-24, .pure-u-xxl-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-xxl-1-24 {
    width: 4.1667%; }
  .pure-u-xxl-1-12, .pure-u-xxl-2-24 {
    width: 8.3333%; }
  .pure-u-xxl-1-8, .pure-u-xxl-3-24 {
    width: 12.5%; }
  .pure-u-xxl-1-6, .pure-u-xxl-4-24 {
    width: 16.6667%; }
  .pure-u-xxl-1-5 {
    width: 20%; }
  .pure-u-xxl-5-24 {
    width: 20.8333%; }
  .pure-u-xxl-1-4, .pure-u-xxl-6-24 {
    width: 25%; }
  .pure-u-xxl-7-24 {
    width: 29.1667%; }
  .pure-u-xxl-1-3, .pure-u-xxl-8-24 {
    width: 33.3333%; }
  .pure-u-xxl-3-8, .pure-u-xxl-9-24 {
    width: 37.5%; }
  .pure-u-xxl-2-5 {
    width: 40%; }
  .pure-u-xxl-10-24, .pure-u-xxl-5-12 {
    width: 41.6667%; }
  .pure-u-xxl-11-24 {
    width: 45.8333%; }
  .pure-u-xxl-1-2, .pure-u-xxl-12-24 {
    width: 50%; }
  .pure-u-xxl-13-24 {
    width: 54.1667%; }
  .pure-u-xxl-14-24, .pure-u-xxl-7-12 {
    width: 58.3333%; }
  .pure-u-xxl-3-5 {
    width: 60%; }
  .pure-u-xxl-15-24, .pure-u-xxl-5-8 {
    width: 62.5%; }
  .pure-u-xxl-16-24, .pure-u-xxl-2-3 {
    width: 66.6667%; }
  .pure-u-xxl-17-24 {
    width: 70.8333%; }
  .pure-u-xxl-18-24, .pure-u-xxl-3-4 {
    width: 75%; }
  .pure-u-xxl-19-24 {
    width: 79.1667%; }
  .pure-u-xxl-4-5 {
    width: 80%; }
  .pure-u-xxl-20-24, .pure-u-xxl-5-6 {
    width: 83.3333%; }
  .pure-u-xxl-21-24, .pure-u-xxl-7-8 {
    width: 87.5%; }
  .pure-u-xxl-11-12, .pure-u-xxl-22-24 {
    width: 91.6667%; }
  .pure-u-xxl-23-24 {
    width: 95.8333%; }
  .pure-u-xxl-1, .pure-u-xxl-1-1, .pure-u-xxl-24-24, .pure-u-xxl-5-5 {
    width: 100%; } }

@media screen and (min-width: 160em) {
  .pure-u-xxxl-1, .pure-u-xxxl-1-1, .pure-u-xxxl-1-12, .pure-u-xxxl-1-2, .pure-u-xxxl-1-24, .pure-u-xxxl-1-3, .pure-u-xxxl-1-4, .pure-u-xxxl-1-5, .pure-u-xxxl-1-6, .pure-u-xxxl-1-8, .pure-u-xxxl-10-24, .pure-u-xxxl-11-12, .pure-u-xxxl-11-24, .pure-u-xxxl-12-24, .pure-u-xxxl-13-24, .pure-u-xxxl-14-24, .pure-u-xxxl-15-24, .pure-u-xxxl-16-24, .pure-u-xxxl-17-24, .pure-u-xxxl-18-24, .pure-u-xxxl-19-24, .pure-u-xxxl-2-24, .pure-u-xxxl-2-3, .pure-u-xxxl-2-5, .pure-u-xxxl-20-24, .pure-u-xxxl-21-24, .pure-u-xxxl-22-24, .pure-u-xxxl-23-24, .pure-u-xxxl-24-24, .pure-u-xxxl-3-24, .pure-u-xxxl-3-4, .pure-u-xxxl-3-5, .pure-u-xxxl-3-8, .pure-u-xxxl-4-24, .pure-u-xxxl-4-5, .pure-u-xxxl-5-12, .pure-u-xxxl-5-24, .pure-u-xxxl-5-5, .pure-u-xxxl-5-6, .pure-u-xxxl-5-8, .pure-u-xxxl-6-24, .pure-u-xxxl-7-12, .pure-u-xxxl-7-24, .pure-u-xxxl-7-8, .pure-u-xxxl-8-24, .pure-u-xxxl-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-xxxl-1-24 {
    width: 4.1667%; }
  .pure-u-xxxl-1-12, .pure-u-xxxl-2-24 {
    width: 8.3333%; }
  .pure-u-xxxl-1-8, .pure-u-xxxl-3-24 {
    width: 12.5%; }
  .pure-u-xxxl-1-6, .pure-u-xxxl-4-24 {
    width: 16.6667%; }
  .pure-u-xxxl-1-5 {
    width: 20%; }
  .pure-u-xxxl-5-24 {
    width: 20.8333%; }
  .pure-u-xxxl-1-4, .pure-u-xxxl-6-24 {
    width: 25%; }
  .pure-u-xxxl-7-24 {
    width: 29.1667%; }
  .pure-u-xxxl-1-3, .pure-u-xxxl-8-24 {
    width: 33.3333%; }
  .pure-u-xxxl-3-8, .pure-u-xxxl-9-24 {
    width: 37.5%; }
  .pure-u-xxxl-2-5 {
    width: 40%; }
  .pure-u-xxxl-10-24, .pure-u-xxxl-5-12 {
    width: 41.6667%; }
  .pure-u-xxxl-11-24 {
    width: 45.8333%; }
  .pure-u-xxxl-1-2, .pure-u-xxxl-12-24 {
    width: 50%; }
  .pure-u-xxxl-13-24 {
    width: 54.1667%; }
  .pure-u-xxxl-14-24, .pure-u-xxxl-7-12 {
    width: 58.3333%; }
  .pure-u-xxxl-3-5 {
    width: 60%; }
  .pure-u-xxxl-15-24, .pure-u-xxxl-5-8 {
    width: 62.5%; }
  .pure-u-xxxl-16-24, .pure-u-xxxl-2-3 {
    width: 66.6667%; }
  .pure-u-xxxl-17-24 {
    width: 70.8333%; }
  .pure-u-xxxl-18-24, .pure-u-xxxl-3-4 {
    width: 75%; }
  .pure-u-xxxl-19-24 {
    width: 79.1667%; }
  .pure-u-xxxl-4-5 {
    width: 80%; }
  .pure-u-xxxl-20-24, .pure-u-xxxl-5-6 {
    width: 83.3333%; }
  .pure-u-xxxl-21-24, .pure-u-xxxl-7-8 {
    width: 87.5%; }
  .pure-u-xxxl-11-12, .pure-u-xxxl-22-24 {
    width: 91.6667%; }
  .pure-u-xxxl-23-24 {
    width: 95.8333%; }
  .pure-u-xxxl-1, .pure-u-xxxl-1-1, .pure-u-xxxl-24-24, .pure-u-xxxl-5-5 {
    width: 100%; } }

@media screen and (min-width: 240em) {
  .pure-u-x4k-1, .pure-u-x4k-1-1, .pure-u-x4k-1-12, .pure-u-x4k-1-2, .pure-u-x4k-1-24, .pure-u-x4k-1-3, .pure-u-x4k-1-4, .pure-u-x4k-1-5, .pure-u-x4k-1-6, .pure-u-x4k-1-8, .pure-u-x4k-10-24, .pure-u-x4k-11-12, .pure-u-x4k-11-24, .pure-u-x4k-12-24, .pure-u-x4k-13-24, .pure-u-x4k-14-24, .pure-u-x4k-15-24, .pure-u-x4k-16-24, .pure-u-x4k-17-24, .pure-u-x4k-18-24, .pure-u-x4k-19-24, .pure-u-x4k-2-24, .pure-u-x4k-2-3, .pure-u-x4k-2-5, .pure-u-x4k-20-24, .pure-u-x4k-21-24, .pure-u-x4k-22-24, .pure-u-x4k-23-24, .pure-u-x4k-24-24, .pure-u-x4k-3-24, .pure-u-x4k-3-4, .pure-u-x4k-3-5, .pure-u-x4k-3-8, .pure-u-x4k-4-24, .pure-u-x4k-4-5, .pure-u-x4k-5-12, .pure-u-x4k-5-24, .pure-u-x4k-5-5, .pure-u-x4k-5-6, .pure-u-x4k-5-8, .pure-u-x4k-6-24, .pure-u-x4k-7-12, .pure-u-x4k-7-24, .pure-u-x4k-7-8, .pure-u-x4k-8-24, .pure-u-x4k-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-x4k-1-24 {
    width: 4.1667%; }
  .pure-u-x4k-1-12, .pure-u-x4k-2-24 {
    width: 8.3333%; }
  .pure-u-x4k-1-8, .pure-u-x4k-3-24 {
    width: 12.5%; }
  .pure-u-x4k-1-6, .pure-u-x4k-4-24 {
    width: 16.6667%; }
  .pure-u-x4k-1-5 {
    width: 20%; }
  .pure-u-x4k-5-24 {
    width: 20.8333%; }
  .pure-u-x4k-1-4, .pure-u-x4k-6-24 {
    width: 25%; }
  .pure-u-x4k-7-24 {
    width: 29.1667%; }
  .pure-u-x4k-1-3, .pure-u-x4k-8-24 {
    width: 33.3333%; }
  .pure-u-x4k-3-8, .pure-u-x4k-9-24 {
    width: 37.5%; }
  .pure-u-x4k-2-5 {
    width: 40%; }
  .pure-u-x4k-10-24, .pure-u-x4k-5-12 {
    width: 41.6667%; }
  .pure-u-x4k-11-24 {
    width: 45.8333%; }
  .pure-u-x4k-1-2, .pure-u-x4k-12-24 {
    width: 50%; }
  .pure-u-x4k-13-24 {
    width: 54.1667%; }
  .pure-u-x4k-14-24, .pure-u-x4k-7-12 {
    width: 58.3333%; }
  .pure-u-x4k-3-5 {
    width: 60%; }
  .pure-u-x4k-15-24, .pure-u-x4k-5-8 {
    width: 62.5%; }
  .pure-u-x4k-16-24, .pure-u-x4k-2-3 {
    width: 66.6667%; }
  .pure-u-x4k-17-24 {
    width: 70.8333%; }
  .pure-u-x4k-18-24, .pure-u-x4k-3-4 {
    width: 75%; }
  .pure-u-x4k-19-24 {
    width: 79.1667%; }
  .pure-u-x4k-4-5 {
    width: 80%; }
  .pure-u-x4k-20-24, .pure-u-x4k-5-6 {
    width: 83.3333%; }
  .pure-u-x4k-21-24, .pure-u-x4k-7-8 {
    width: 87.5%; }
  .pure-u-x4k-11-12, .pure-u-x4k-22-24 {
    width: 91.6667%; }
  .pure-u-x4k-23-24 {
    width: 95.8333%; }
  .pure-u-x4k-1, .pure-u-x4k-1-1, .pure-u-x4k-24-24, .pure-u-x4k-5-5 {
    width: 100%; } }

.contact-form, .contact-sent {
  width: 80%; }
  @media (max-width: 400px) {
    .contact-form, .contact-sent {
      width: 90%; } }
  @media (min-width: 900px) {
    .contact-form, .contact-sent {
      width: 800px; } }
  .contact-form .field label, .contact-sent .field label {
    display: block; }
  .contact-form .field input, .contact-form .field textarea, .contact-sent .field input, .contact-sent .field textarea {
    width: 100%;
    background-color: #282828;
    border: 1px solid #efe5d9;
    color: #f1f1ea;
    padding: 10px;
    font-size: 1.2em; }
  .contact-form .field textarea, .contact-sent .field textarea {
    min-height: 200px; }
  .contact-form input[type="submit"], .contact-sent input[type="submit"] {
    display: inline-block;
    border: 1px #efe5d9 solid;
    cursor: pointer;
    color: #efe5d9;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem 2.5rem;
    font-size: 1.25rem;
    border-radius: 100rem;
    background-color: transparent;
    transition: all 80ms ease-in;
    line-height: 1;
    margin-top: 1em; }
    .contact-form input[type="submit"]:hover, .contact-sent input[type="submit"]:hover {
      background-color: #efe5d9;
      color: #282828; }

.contact-sent {
  margin: 0 auto; }

html {
  scroll-behavior: smooth; }

main {
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 90px); }
  main [data-component="footer"] {
    margin-top: auto; }