/*!
 * randomartworks v1.0.0 (http://randomartworks.hu)
 * 
 * randomartworks
 * 
 * Build: 2017-08-11 06:53:54
 * Author: Benedek Princz <xxxbence@gmail.com>
 */

@import url(../fonts/stylesheet.css);
/* usage
@include respond-to('xxxs') {
  display: none;
}
*/
.col-xs-offset-right-12 {
  margin-right: 100%; }

.col-xs-offset-right-11 {
  margin-right: 91.66666667%; }

.col-xs-offset-right-10 {
  margin-right: 83.33333333%; }

.col-xs-offset-right-9 {
  margin-right: 75%; }

.col-xs-offset-right-8 {
  margin-right: 66.66666667%; }

.col-xs-offset-right-7 {
  margin-right: 58.33333333%; }

.col-xs-offset-right-6 {
  margin-right: 50%; }

.col-xs-offset-right-5 {
  margin-right: 41.66666667%; }

.col-xs-offset-right-4 {
  margin-right: 33.33333333%; }

.col-xs-offset-right-3 {
  margin-right: 25%; }

.col-xs-offset-right-2 {
  margin-right: 16.66666667%; }

.col-xs-offset-right-1 {
  margin-right: 8.33333333%; }

.col-xs-offset-right-0 {
  margin-right: 0; }

@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%; }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%; }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%; }
  .col-sm-offset-right-9 {
    margin-right: 75%; }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%; }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%; }
  .col-sm-offset-right-6 {
    margin-right: 50%; }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%; }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%; }
  .col-sm-offset-right-3 {
    margin-right: 25%; }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%; }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%; }
  .col-sm-offset-right-0 {
    margin-right: 0; } }

@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%; }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%; }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%; }
  .col-md-offset-right-9 {
    margin-right: 75%; }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%; }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%; }
  .col-md-offset-right-6 {
    margin-right: 50%; }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%; }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%; }
  .col-md-offset-right-3 {
    margin-right: 25%; }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%; }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%; }
  .col-md-offset-right-0 {
    margin-right: 0; } }

@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%; }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%; }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%; }
  .col-lg-offset-right-9 {
    margin-right: 75%; }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%; }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%; }
  .col-lg-offset-right-6 {
    margin-right: 50%; }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%; }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%; }
  .col-lg-offset-right-3 {
    margin-right: 25%; }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%; }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%; }
  .col-lg-offset-right-0 {
    margin-right: 0; } }

html {
  font-size: 100%; }

body {
  font-family: "IntegralCF-Regular", "Helvetica", "Arial", sans-serif;
  color: #000000;
  background-color: white; }

h1, h2, h3 {
  font-family: "IntegralCF-Regular", "Helvetica", "Arial", sans-serif;
  color: #ec292e; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 1.75rem; }

h3 {
  font-size: 1.125rem;
  color: black; }

.site-header {
  height: 90px;
  font-family: "IntegralCF-Regular", "Helvetica", "Arial", sans-serif;
  background-color: #ec292e; }
  .site-header-logo {
    float: left;
    margin-top: 11px; }
  .site-header-submenu {
    display: block;
    color: white;
    font-family: "IntegralCF-Regular", "Helvetica", "Arial", sans-serif;
    font-size: 0.75rem;
    margin-top: 13px;
    text-transform: lowercase;
    text-align: right; }
    .site-header-submenu a {
      padding: 6px;
      letter-spacing: 0.02rem; }
    .site-header-submenu-lang {
      text-transform: initial !important;
      padding: 6px 2px 6px 2px !important; }
  .site-header-menu {
    display: block;
    text-align: right;
    margin-top: 18px; }
    .site-header-menu-item {
      display: inline-block; }
      .site-header-menu-item a {
        font-size: 0.7rem;
        letter-spacing: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 0;
        background-color: white;
        color: #ec292e; }
        .site-header-menu-item a:hover, .site-header-menu-item a:active, .site-header-menu-item a:focus, .site-header-menu-item a.active {
          background-color: #353537; }
  .site-header .menu-btn {
    float: right;
    margin-top: 1.7rem;
    font-size: 1.2rem;
    line-height: 1.3rem;
    min-height: 2rem; }

.pushy {
  background-color: #ec292e; }
  .pushy .pushy-link a {
    font-family: "IntegralCF-Regular", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    min-height: 2rem;
    color: white; }
    .pushy .pushy-link a:hover, .pushy .pushy-link a:active, .pushy .pushy-link a:focus, .pushy .pushy-link a.active {
      background-color: #353537; }
  .pushy .pushy-link-menu {
    text-transform: uppercase; }

.pushy {
  width: 280px; }

.pushy-left {
  -webkit-transform: translate3d(-280px, 0, 0);
          transform: translate3d(-280px, 0, 0); }

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(280px, 0, 0);
          transform: translate3d(280px, 0, 0); }

.pushy-right {
  -webkit-transform: translate3d(280px, 0, 0);
          transform: translate3d(280px, 0, 0); }

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-280px, 0, 0);
          transform: translate3d(-280px, 0, 0); }

.btn, .btn-next, .btn-link, [type=button],
[type=submit],
button {
  background-color: #ec292e;
  border: none;
  border-radius: 0.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.02rem;
  height: 1.6rem;
  max-width: 100%;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  margin: 0 auto;
  padding: 0.3rem 1.5rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: auto; }
  .btn:link, .btn-next:link, .btn-link:link, [type=button]:link,
  [type=submit]:link,
  button:link, .btn:visited, .btn-next:visited, .btn-link:visited, [type=button]:visited,
  [type=submit]:visited,
  button:visited {
    text-decoration: none; }
  .btn:focus, .btn-next:focus, .btn-link:focus, [type=button]:focus,
  [type=submit]:focus,
  button:focus, .btn:hover, .btn-next:hover, .btn-link:hover, [type=button]:hover,
  [type=submit]:hover,
  button:hover {
    background-color: #b81015;
    color: #fff; }
  .btn:focus, .btn-next:focus, .btn-link:focus, [type=button]:focus,
  [type=submit]:focus,
  button:focus {
    outline: 0.1rem dotted rgba(255, 255, 255, 0.7); }
  .btn:active, .btn-next:active, .btn-link:active, [type=button]:active,
  [type=submit]:active,
  button:active {
    background-color: #ec292e; }
  .btn[disabled], [disabled].btn-next, [disabled].btn-link, [disabled][type=button],
  [disabled][type=submit],
  button[disabled] {
    background-color: #f0585c; }

.btn + .btn, .btn-next + .btn, .btn-link + .btn, [type=button] + .btn,
[type=submit] + .btn,
button + .btn, .btn + .btn-next, .btn-next + .btn-next, .btn-link + .btn-next, [type=button] + .btn-next,
[type=submit] + .btn-next,
button + .btn-next, .btn + .btn-link, .btn-next + .btn-link, .btn-link + .btn-link, [type=button] + .btn-link,
[type=submit] + .btn-link,
button + .btn-link, .btn + [type=button], .btn-next + [type=button], .btn-link + [type=button], [type=button] + [type=button],
[type=submit] + [type=button],
button + [type=button], .btn +
[type=submit], .btn-next +
[type=submit], .btn-link +
[type=submit], [type=button] +
[type=submit],
[type=submit] +
[type=submit],
button +
[type=submit], .btn +
button, .btn-next +
button, .btn-link +
button, [type=button] +
button,
[type=submit] +
button,
button +
button {
  margin-left: 1.5rem; }

.btn-primary-outline {
  background-color: transparent;
  border: 1px solid #ec292e;
  color: #ec292e; }
  .btn-primary-outline:hover, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline.active {
    border-color: #b81015;
    background-color: #b81015;
    color: #fff; }

.btn-primary-invert {
  background: #fff;
  color: #ec292e; }
  .btn-primary-invert:hover, .btn-primary-invert:active, .btn-primary-invert:focus, .btn-primary-invert.active {
    border-color: #f69ea0;
    background-color: #f69ea0;
    color: #fff; }
  .btn-primary-invert-outline {
    border: 1px solid #fff; }
    .btn-primary-invert-outline:hover, .btn-primary-invert-outline:active, .btn-primary-invert-outline:focus, .btn-primary-invert-outline.active {
      border-color: #f69ea0;
      background-color: #f69ea0;
      color: #fff; }

.btn-secondary {
  background-color: white;
  color: #000000; }
  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active {
    background-color: #353537; }
  .btn-secondary-outline {
    background-color: transparent;
    border: 1px solid #353537;
    color: white; }
    .btn-secondary-outline:hover, .btn-secondary-outline:active, .btn-secondary-outline:focus, .btn-secondary-outline.active {
      border-color: #353537;
      background-color: #353537;
      color: #fff; }

.btn-tertiary {
  background-color: white;
  color: white; }
  .btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus, .btn-tertiary.active {
    background-color: #95e9ff;
    color: white; }
  .btn-tertiary-outline {
    background-color: transparent;
    border: 1px solid #95e9ff;
    color: white; }
    .btn-tertiary-outline:hover, .btn-tertiary-outline:active, .btn-tertiary-outline:focus, .btn-tertiary-outline.active {
      border-color: #95e9ff;
      background-color: #95e9ff;
      color: white; }

.btn-block {
  width: 100%; }

.btn-next, .btn-link {
  font-family: "IntegralCF-Regular", "Helvetica", "Arial", sans-serif;
  font-size: 0.9rem; }

.btn-link {
  border: none;
  background: transparent;
  color: white;
  padding: 5px 0;
  text-decoration: underline; }
  .btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link.active {
    border: none;
    background-color: transparent;
    color: #a6a6a6; }
  .btn-link-primary:hover, .btn-link-primary:active, .btn-link-primary:focus, .btn-link-primary.active {
    color: #ec292e; }
  .wrap--primary .btn-link {
    color: #fff; }
    .wrap--primary .btn-link:focus, .wrap--primary .btn-link:hover {
      color: #fbcdce; }

.footer {
  width: 100%;
  padding: 35px 0;
  font-size: 0.75rem; }
  .footer a {
    color: #000000; }
  .footer-title {
    font-family: "IntegralCF-Regular", "Helvetica", "Arial", sans-serif;
    color: #ec292e; }

html, body {
  height: 100%; }

body {
  padding: 1vw; }
  @media (max-width: 1200px) {
    body {
      padding: 2vw; } }
  @media (max-width: 480px) {
    body {
      padding: 4vw; } }

.content {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /*for IE*/
  background: url("../images/bg.svg") top center no-repeat;
  background-size: auto 100%;
  position: relative; }

.logo {
  width: 15vw;
  height: 10vw;
  background: url("../images/logo.svg") top left no-repeat; }
  @media (max-width: 1200px) {
    .logo {
      width: 20vw;
      height: 15vw; } }
  @media (max-width: 480px) {
    .logo {
      width: 35vw;
      height: 30vw; } }

.contact {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  font-size: 1vw;
  line-height: 1.5em; }
  .contact img {
    width: 1.4vw;
    height: 1.4vw;
    margin-top: 0.8em;
    margin-left: 0.8em; }
  @media (max-width: 1200px) {
    .contact {
      font-size: 2vw; }
      .contact img {
        width: 5vw;
        height: 5vw; } }
  @media (max-width: 480px) {
    .contact {
      font-size: 2.8vw; }
      .contact img {
        width: 8vw;
        height: 8vw; } }
  .contact a {
    color: black; }
/*# sourceMappingURL=theme.css.map */