@charset "UTF-8";
/*
*
*    V├Żchoz├ş styl
*    Na─Ź├şt├í v┼íechny komponenty ze slo┼żek GLOBALS, BASE, LAYOUT
*
*/
/* ==========================================================================
   MIXIN | linear gradient
   ========================================================================== */
/* ==========================================================================
   MIXIN | radial gradient
   ========================================================================== */
/* ==========================================================================
   MIXIn | animation delay
   ========================================================================== */
/* ==========================================================================
   COLORS
   ========================================================================== */
/* ==========================================================================
   OTHER
   ========================================================================== */
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-regular.eot");
  src: url("fonts/raleway-regular.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-regular.woff2") format("woff2"), url("fonts/raleway-regular.woff") format("woff"), url("fonts/raleway-regular.ttf") format("truetype"), url("fonts/raleway-regular.svg#raleway-regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-italic.eot");
  src: url("fonts/raleway-italic.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-italic.woff2") format("woff2"), url("fonts/raleway-italic.woff") format("woff"), url("fonts/raleway-italic.ttf") format("truetype"), url("fonts/raleway-italic.svg#raleway-italic") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-extralight.eot");
  src: url("fonts/raleway-extralight.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-extralight.woff2") format("woff2"), url("fonts/raleway-extralight.woff") format("woff"), url("fonts/raleway-extralight.ttf") format("truetype"), url("fonts/raleway-extralight.svg#raleway-extralight") format("svg");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-extralightitalic.eot");
  src: url("fonts/raleway-extralightitalic.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-extralightitalic.woff2") format("woff2"), url("fonts/raleway-extralightitalic.woff") format("woff"), url("fonts/raleway-extralightitalic.ttf") format("truetype"), url("fonts/raleway-extralightitalic.svg#raleway-extralightitalic") format("svg");
  font-weight: 100;
  font-style: italic; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-light.eot");
  src: url("fonts/raleway-light.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-light.woff2") format("woff2"), url("fonts/raleway-light.woff") format("woff"), url("fonts/raleway-light.ttf") format("truetype"), url("fonts/raleway-light.svg#raleway-light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-lightitalic.eot");
  src: url("fonts/raleway-lightitalic.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-lightitalic.woff2") format("woff2"), url("fonts/raleway-lightitalic.woff") format("woff"), url("fonts/raleway-lightitalic.ttf") format("truetype"), url("fonts/raleway-lightitalic.svg#raleway-lightitalic") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-medium.eot");
  src: url("fonts/raleway-medium.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-medium.woff2") format("woff2"), url("fonts/raleway-medium.woff") format("woff"), url("fonts/raleway-medium.ttf") format("truetype"), url("fonts/raleway-medium.svg#raleway-medium") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-mediumitalic.eot");
  src: url("fonts/raleway-mediumitalic.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-mediumitalic.woff2") format("woff2"), url("fonts/raleway-mediumitalic.woff") format("woff"), url("fonts/raleway-mediumitalic.ttf") format("truetype"), url("fonts/raleway-mediumitalic.svg#raleway-mediumitalic") format("svg");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-semibold.eot");
  src: url("fonts/raleway-semibold.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-semibold.woff2") format("woff2"), url("fonts/raleway-semibold.woff") format("woff"), url("fonts/raleway-semibold.ttf") format("truetype"), url("fonts/raleway-semibold.svg#raleway-semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-semibolditalic.eot");
  src: url("fonts/raleway-semibolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-semibolditalic.woff2") format("woff2"), url("fonts/raleway-semibolditalic.woff") format("woff"), url("fonts/raleway-semibolditalic.ttf") format("truetype"), url("fonts/raleway-semibolditalic.svg#raleway-semibolditalic") format("svg");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-bold.eot");
  src: url("fonts/raleway-bold.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-bold.woff2") format("woff2"), url("fonts/raleway-bold.woff") format("woff"), url("fonts/raleway-bold.ttf") format("truetype"), url("fonts/raleway-bold.svg#raleway-bold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-bolditalic.eot");
  src: url("fonts/raleway-bolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-bolditalic.woff2") format("woff2"), url("fonts/raleway-bolditalic.woff") format("woff"), url("fonts/raleway-bolditalic.ttf") format("truetype"), url("fonts/raleway-bolditalic.svg#raleway-bolditalic") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-extrabold.eot");
  src: url("fonts/raleway-extrabold.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-extrabold.woff2") format("woff2"), url("fonts/raleway-extrabold.woff") format("woff"), url("fonts/raleway-extrabold.ttf") format("truetype"), url("fonts/raleway-extrabold.svg#raleway-extrabold") format("svg");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-extrabolditalic.eot");
  src: url("fonts/raleway-extrabolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-extrabolditalic.woff2") format("woff2"), url("fonts/raleway-extrabolditalic.woff") format("woff"), url("fonts/raleway-extrabolditalic.ttf") format("truetype"), url("fonts/raleway-extrabolditalic.svg#raleway-extrabolditalic") format("svg");
  font-weight: 800;
  font-style: italic; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-black.eot");
  src: url("fonts/raleway-black.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-black.woff2") format("woff2"), url("fonts/raleway-black.woff") format("woff"), url("fonts/raleway-black.ttf") format("truetype"), url("fonts/raleway-black.svg#raleway-black") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'raleway';
  src: url("fonts/raleway-blackitalic.eot");
  src: url("fonts/raleway-blackitalic.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-blackitalic.woff2") format("woff2"), url("fonts/raleway-blackitalic.woff") format("woff"), url("fonts/raleway-blackitalic.ttf") format("truetype"), url("fonts/raleway-blackitalic.svg#raleway-blackitalic") format("svg");
  font-weight: 900;
  font-style: italic; }
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative; }

body {
  font-family: "futura-pt", Helvetica, Arial, sans-serif;
  background: #ededed;
  color: #636363;
  font-size: 18px; }

h1 {
  font-weight: 400;
  text-align: center;
  color: #ba0066;
  font-size: 1.44444em;
  margin: 0;
  padding: 25px 0 40px 0; }
  h1 strong {
    font-weight: 700; }

.center {
  text-align: center; }

a {
  text-decoration: none;
  color: #636363; }
  a:hover {
    text-decoration: underline; }

@media screen and (max-width: 450px) {
  body {
    font-size: 0.88889em; }

  h1 {
    font-size: 1.33333em; }
    h1 strong {
      display: block; } }
@font-face {
  font-family: 'help';
  src: url("font/help.eot?333085352?2215456");
  src: url("font/help.eot?333085352?2215456#iefix") format("embedded-opentype"), url("font/help.woff?333085352?2215456") format("woff"), url("font/help.ttf?333085352?2215456") format("truetype"), url("font/help.svg?333085352?2215456#help") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="ico-"]:before, [class*=" ico-"]:before {
  font-family: "help";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em; }

.ico-phone:before {
  content: '\e800'; }

/* 'ţáÇ' */
/* ==========================================================================
   CONTENT
   ========================================================================== */
.content {
  margin: 50px auto;
  max-width: 500px;
  width: 80%; }
  .content__ico {
    margin-right: 5px; }
  .content__phone {
    display: inline-block;
    padding: 5px 15px 2px 15px;
    background: #ba0066;
    color: #fff;
    border-bottom: 3px solid #87004a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    margin-left: 5px; }
    .content__phone .content__ico:before {
      margin-left: 0; }
    .content__phone:hover {
      border-color: #a10058;
      text-decoration: none; }
  .content__paper {
    background: url(img/paper.jpg) center bottom;
    padding: 30px 30px 40px 30px;
    -webkit-box-shadow: 0 0px 3px 0px rgba(64, 61, 62, 0.16);
    -moz-box-shadow: 0 0px 3px 0px rgba(64, 61, 62, 0.16);
    box-shadow: 0 0px 3px 0px rgba(64, 61, 62, 0.16);
    position: relative; }
    .content__paper:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -13px;
      left: 0;
      right: 0;
      height: 13px;
      background: url(img/paper-bottom.jpg) center center repeat-x; }
  .content__qr__img {
    width: 220px;
    max-width: 100%;
    margin: 0 0 0 -15px; }

@media screen and (max-width: 450px) {
  .content {
    margin: 20px auto; }
    .content__logo {
      max-width: 60px; }
    .content__qr {
      display: none; } }
/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer {
  text-align: center;
  padding-top: 40px;
  font-size: 0.83333em; }
  .footer p {
    padding: 3px 0;
    margin: 0; }

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