html {
  min-height: 100%; }

body {
  background-color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 300;
  color: #5d5d5d !important;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  /* text-rendering: optimizeLegibility */
  /* -webkit-font-smoothing: antialiased */
  /* -webkit-text-size-adjust: 100% */ }

#header-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99; }

#ru-logo-menubar-frame {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
  height: 150px;
  width: 100%; }

#ru-upper-logo {
  background-color: #fff;
  height: 80px;
  padding-top: 30px;
  padding-left: 48px;
  text-align: left; }
  @media only screen and (max-width: 600px) {
    #ru-upper-logo {
      padding-top: 44px;
      padding-left: 24px;
      text-align: left; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    #ru-upper-logo {
      padding-top: 44px;
      padding-left: 48px;
      text-align: left; } }

#ru-lower-logo {
  background-color: #000;
  height: 70px;
  padding-left: 48px;
  text-align: left; }
  @media only screen and (max-width: 600px) {
    #ru-lower-logo {
      padding-left: 24px;
      text-align: left; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    #ru-lower-logo {
      padding-left: 48px;
      text-align: left; } }

#ru-upper-navbar {
  background-color: #fff;
  height: 80px; }

#ru-navbar {
  font-weight: 400;
  font-size: 1.3em;
  padding-left: 20px;
  position: absolute;
  top: 48px;
  width: 75%; }
  #ru-navbar ul li a:hover {
    border-bottom: 70px solid #fff; }

#ru-lower-navbar {
  background-color: #000;
  height: 70px; }

#ru-header-social-medias {
  height: 30px;
  padding-top: 5px;
  width: 75%; }
  #ru-header-social-medias a {
    padding-right: 5px; }

#ru-hidden-navbar {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  top: 150px;
  width: 100%; }
  #ru-hidden-navbar ul li a {
    font-size: 1.2em; }

.ru-hidden-menu {
  cursor: pointer;
  padding-top: 22px; }
  @media only screen and (max-width: 600px) {
    .ru-hidden-menu {
      padding-right: 24px; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    .ru-hidden-menu {
      padding-right: 48px; } }

#ru-main-container {
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 150px;
  width: 100%; }

#carousel-section {
  overflow: hidden;
  position: relative;
  width: 100%; }

#ru-image-cycler {
  overflow: hidden;
  position: relative;
  width: 100%; }
  #ru-image-cycler img {
    position: absolute;
    width: 100%; }
    #ru-image-cycler img .base {
      position: absolute; }
  @media only screen and (max-width: 600px) {
    #ru-image-cycler {
      left: -150px;
      min-height: 320px;
      width: 200%; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    #ru-image-cycler {
      min-height: 420px;
      width: 120%; } }
  @media only screen and (min-width: 993px) and (max-width: 1400px) {
    #ru-image-cycler {
      min-height: 550px; } }
  @media only screen and (min-width: 1401px) {
    #ru-image-cycler {
      min-height: 768px; } }

#ru-cycler-headlines p {
  color: #5d5d5d;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 6em;
  margin-top: 30px;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 10; }
  @media only screen and (min-width: 993px) and (max-width: 1024px) {
    #ru-cycler-headlines p {
      font-size: 4.5em; } }
  @media only screen and (min-width: 1401px) {
    #ru-cycler-headlines p {
      font-size: 8em; } }

#headline_01, #headline_03, #headline_05, #headline_06 {
  color: #fff !important; }

#headline_02 {
  right: 0;
  text-align: right; }

#headline_05 {
  color: #fff !important;
  margin-top: 275px !important; }

#collection-section {
  overflow: hidden;
  position: relative;
  width: 100%; }

#ru-collection {
  background-color: #fff;
  padding: 24px 0;
  position: relative;
  width: 100%; }
  #ru-collection .ru-btn {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    font-size: 1.5em;
    height: 50px;
    margin: 0 auto;
    max-width: 350px;
    padding-right: 16px;
    position: relative; }
    #ru-collection .ru-btn:hover {
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2); }
  #ru-collection .ru-btn-text {
    float: right;
    position: relative;
    top: 33.333%; }
  #ru-collection .ru-color-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 48px;
    width: 50px; }
  #ru-collection .ru-ps {
    background-color: #807c50; }
  #ru-collection .ru-rc {
    background-color: #7c3b9e; }
  #ru-collection .ru-lc {
    background-color: #d6472b; }
  #ru-collection .ru-pp {
    background-color: #beb232; }
  #ru-collection .ru-rt {
    background-color: #c08040; }
  #ru-collection .ru-dv {
    background-color: #2b8073; }
  #ru-collection .ru-fm {
    background-color: #326bb2; }
  #ru-collection .ru-gu {
    background-color: #231f20; }
  #ru-collection .ru-cell-padding {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 24px; }
  #ru-collection .ru-cell-padding-last {
    padding-left: 8px;
    padding-right: 8px; }

#ru-collection-header {
  position: relative;
  overflow: hidden;
  widows: 100%; }
  #ru-collection-header p.text-title {
    color: #5d5d5d;
    font-size: 3em;
    margin: 0;
    line-height: 1.2;
    padding-left: 48px; }
    @media only screen and (max-width: 600px) {
      #ru-collection-header p.text-title {
        padding-left: 24px; } }
  #ru-collection-header p.text-paragraph {
    color: #5d5d5d;
    font-size: 1.5em;
    line-height: 1.2;
    margin: 0;
    padding-top: 6px;
    padding-left: 48px;
    padding-right: 32px; }
    @media only screen and (max-width: 600px) {
      #ru-collection-header p.text-paragraph {
        padding-left: 24px; } }
  #ru-collection-header p:last-child {
    padding-bottom: 24px; }

#the-artist-section {
  overflow: hidden;
  position: relative;
  width: 100%; }

#ru-the-artist {
  background-color: #000;
  min-height: 500px;
  overflow: hidden; }
  #ru-the-artist img {
    padding-top: 75px; }
  #ru-the-artist .text-title, #ru-the-artist .text-paragraph {
    color: #fff;
    line-height: 1.2;
    margin: 0;
    padding-left: 48px;
    padding-right: 32px; }
    @media only screen and (max-width: 600px) {
      #ru-the-artist .text-title, #ru-the-artist .text-paragraph {
        padding-left: 24px; } }
  #ru-the-artist .text-title {
    font-size: 3em;
    padding-top: 32px; }
  #ru-the-artist .text-paragraph {
    font-size: 1.5em;
    padding-top: 6px; }
  @media only screen and (max-width: 600px) {
    #ru-the-artist {
      font-size: 0.9em;
      min-height: 660px; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    #ru-the-artist {
      font-size: 1em;
      min-height: 500px; } }
  #ru-the-artist p:last-child {
    padding-bottom: 24px; }

#artist-at-work-section {
  overflow: hidden;
  position: relative;
  width: 100%; }

#ru-artist-at-work {
  background-color: #fff;
  overflow: hidden; }
  #ru-artist-at-work p.ru-artist-title {
    font-size: 3em;
    margin: 0;
    padding-top: 32px;
    padding-bottom: 16px;
    padding-left: 32px; }

#footer-container {
  overflow: hidden;
  position: relative;
  width: 100%; }

#ru-footer-white-container {
  background-color: #fff;
  width: 100%; }

#ru-footer-black-container {
  background-color: #000;
  bottom: 0;
  min-height: 600px;
  width: 100%; }
  #ru-footer-black-container hr {
    margin: 0;
    padding-bottom: 7px; }

#ru-footer-logo {
  padding-top: 12px;
  padding-left: 48px; }
  @media only screen and (max-width: 600px) {
    #ru-footer-logo {
      padding-left: 24px; } }

.ru-footer-titles {
  color: #000;
  font-size: 2.5em;
  padding-left: 24px;
  padding-top: 50px; }

.ru-nav-footer {
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 12px; }
  .ru-nav-footer a {
    color: #fff;
    display: block;
    font-size: 1.4em;
    margin: 0;
    padding-bottom: 4px;
    text-decoration: none; }
    .ru-nav-footer a:hover {
      color: #ccc; }

.ru-social-media-footer {
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 12px; }
  .ru-social-media-footer img {
    padding-right: 6px; }

.ru-address-footer {
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 12px; }
  .ru-address-footer p {
    color: #fff;
    font-size: 1.4em;
    margin: 0; }
    .ru-address-footer p span {
      font-size: 0.8em; }
  .ru-address-footer a {
    text-decoration: none; }

.ru-footer-copyright {
  color: #fff;
  font-size: 1.1em;
  padding: 48px; }
  @media only screen and (max-width: 600px) {
    .ru-footer-copyright {
      padding: 24px; } }

.ru-footer-info {
  color: #fff;
  margin: 0;
  padding: 64px 32px;
  text-align: center; }
  .ru-footer-info p {
    font-size: 1.1em;
    margin: 0;
    padding-top: 3px; }

#contact-section {
  overflow: hidden;
  position: relative;
  width: 100%; }
  #contact-section img {
    margin-top: -250px;
    width: 100%; }
    @media only screen and (max-width: 600px) {
      #contact-section img {
        margin-left: -250px;
        width: 220%; } }
    @media only screen and (min-width: 601px) and (max-width: 992px) {
      #contact-section img {
        margin-left: -120px;
        width: 150%; } }
    @media only screen and (min-width: 993px) and (max-width: 1400px) {
      #contact-section img {
        max-height: 650px;
        width: 100%; } }
    @media only screen and (min-width: 1401px) {
      #contact-section img {
        margin-top: -350px;
        max-height: 768px;
        width: 100%; } }

.ru-contact-text-ontop {
  color: #fff;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 100%; }
  .ru-contact-text-ontop p {
    margin: 0;
    padding: 10px 0; }
  @media only screen and (max-width: 600px) {
    .ru-contact-text-ontop .ru-contact-title {
      font-size: 2.5em; }
    .ru-contact-text-ontop .ru-contact-social-media {
      height: 40px;
      padding: 0; }
    .ru-contact-text-ontop .ru-contact-email {
      font-size: 1.5em;
      padding: 4px 0; }
      .ru-contact-text-ontop .ru-contact-email a {
        text-decoration: none; }
        .ru-contact-text-ontop .ru-contact-email a:hover {
          color: #f0f; }
    .ru-contact-text-ontop .ru-contact-address {
      font-size: 1.1em;
      padding: 4px 0; }
    .ru-contact-text-ontop .ru-contact-telephone {
      font-size: 1.2em; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    .ru-contact-text-ontop .ru-contact-title {
      font-size: 3em; }
    .ru-contact-text-ontop .ru-contact-social-media {
      height: 40px;
      padding: 0; }
    .ru-contact-text-ontop .ru-contact-email {
      font-size: 1.5em; }
      .ru-contact-text-ontop .ru-contact-email a {
        text-decoration: none; }
        .ru-contact-text-ontop .ru-contact-email a:hover {
          color: #f0f; }
    .ru-contact-text-ontop .ru-contact-address {
      font-size: 1.2em; }
    .ru-contact-text-ontop .ru-contact-telephone {
      font-size: 1.5em; } }
  @media only screen and (min-width: 993px) and (max-width: 1400px) {
    .ru-contact-text-ontop .ru-contact-title {
      font-size: 3em; }
    .ru-contact-text-ontop .ru-contact-social-media {
      height: 40px;
      padding: 0; }
    .ru-contact-text-ontop .ru-contact-email {
      font-size: 1.5em; }
      .ru-contact-text-ontop .ru-contact-email a {
        text-decoration: none; }
        .ru-contact-text-ontop .ru-contact-email a:hover {
          color: #f0f; }
    .ru-contact-text-ontop .ru-contact-address {
      font-size: 1.2em; }
    .ru-contact-text-ontop .ru-contact-telephone {
      font-size: 1.5em; } }
  @media only screen and (min-width: 1401px) {
    .ru-contact-text-ontop .ru-contact-title {
      font-size: 4em;
      padding-top: 20px; }
    .ru-contact-text-ontop .ru-contact-social-media {
      height: 40px;
      padding: 0; }
    .ru-contact-text-ontop .ru-contact-email {
      font-size: 1.7em; }
      .ru-contact-text-ontop .ru-contact-email a {
        text-decoration: none; }
        .ru-contact-text-ontop .ru-contact-email a:hover {
          color: #f0f; }
    .ru-contact-text-ontop .ru-contact-address {
      font-size: 1.5em; }
    .ru-contact-text-ontop .ru-contact-telephone {
      font-size: 1.7em; } }

.ru-contact-modal {
  background-color: rgba(43, 12, 9, 0.7);
  margin: 0 auto;
  position: relative;
  top: 60px; }
  @media only screen and (max-width: 600px) {
    .ru-contact-modal {
      height: 200px;
      width: 300px; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    .ru-contact-modal {
      height: 250px;
      width: 350px; } }
  @media only screen and (min-width: 993px) and (max-width: 1400px) {
    .ru-contact-modal {
      height: 250px;
      width: 400px; } }
  @media only screen and (min-width: 1401px) {
    .ru-contact-modal {
      height: 300px;
      width: 450px; } }

.ru-modal-animate-bottom {
  position: relative;
  -webkit-animation: animatebottom 0.4s;
  animation: animatebottom 0.4s; }

@-webkit-keyframes animatebottom {
  from {
    top: 200px;
    opacity: 0; }
  to {
    top: 80px;
    opacity: 1; } }
@keyframes animatebottom {
  from {
    top: 200px;
    opacity: 0; }
  to {
    top: 80px;
    opacity: 1; } }
#header-container:after, #ru-main-container:after, #carousel-section:after, #collection-section:after, #the-artist-section:after, #artist-at-work-section:after, #footer-container:after {
  content: "";
  display: table;
  clear: both; }

/* General purpose borders */
.borw {
  border: 1px solid white; }

.boro {
  border: 1px solid orange; }

.borg {
  border: 1px solid green; }

.borp {
  border: 1px solid purple; }

.bork {
  border: 1px solid black; }