@font-face {
  font-family: 'barlow_semi_condensedbold';
  src: url("../fonts/barlowsemicondensed-bold-webfont.eot");
  src: url("../fonts/barlowsemicondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/barlowsemicondensed-bold-webfont.woff2") format("woff2"), url("../fonts/barlowsemicondensed-bold-webfont.woff") format("woff"), url("../fonts/barlowsemicondensed-bold-webfont.ttf") format("truetype"), url("../fonts/barlowsemicondensed-bold-webfont.svg#barlow_semi_condensedbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'barlow_semi_condensedmedium';
  src: url("../fonts/barlowsemicondensed-medium-webfont.eot");
  src: url("../fonts/barlowsemicondensed-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/barlowsemicondensed-medium-webfont.woff2") format("woff2"), url("../fonts/barlowsemicondensed-medium-webfont.woff") format("woff"), url("../fonts/barlowsemicondensed-medium-webfont.ttf") format("truetype"), url("../fonts/barlowsemicondensed-medium-webfont.svg#barlow_semi_condensedmedium") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'barlow_semi_condensedregular';
  src: url("../fonts/barlowsemicondensed-regular-webfont.eot");
  src: url("../fonts/barlowsemicondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/barlowsemicondensed-regular-webfont.woff2") format("woff2"), url("../fonts/barlowsemicondensed-regular-webfont.woff") format("woff"), url("../fonts/barlowsemicondensed-regular-webfont.ttf") format("truetype"), url("../fonts/barlowsemicondensed-regular-webfont.svg#barlow_semi_condensedregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'barlow_semi_condensedsemibold';
  src: url("../fonts/barlowsemicondensed-semibold-webfont.eot");
  src: url("../fonts/barlowsemicondensed-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/barlowsemicondensed-semibold-webfont.woff2") format("woff2"), url("../fonts/barlowsemicondensed-semibold-webfont.woff") format("woff"), url("../fonts/barlowsemicondensed-semibold-webfont.ttf") format("truetype"), url("../fonts/barlowsemicondensed-semibold-webfont.svg#barlow_semi_condensedsemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
html,
body {
  height: 100%; }

body {
  background: #fff;
  font-family: 'barlow_semi_condensedregular', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-weight: 400;
  font-size: 18px; }

a {
  color: #FF9803;
  text-decoration: none; }

strong {
  font-family: 'barlow_semi_condensedbold'; }

.content .slideContainer .mask {
  position: absolute;
  left: 0%;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center bottom; }
  .content .slideContainer .mask .bg {
    background: url(../img/img1.jpg) center center no-repeat transparent;
    position: absolute;
    left: 0%;
    top: 0;
    right: 0;
    bottom: 0; }
    .content .slideContainer .mask .bg:before {
      position: absolute;
      content: '';
      z-index: 10;
      background: rgba(255, 152, 3, 0.9);
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
  .content .slideContainer .mask .slideContent {
    position: absolute;
    left: 0%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    color: white; }
    .content .slideContainer .mask .slideContent > img {
      max-width: 88px;
      margin: 0 0 10px; }
.content .gradientMask {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  overflow: hidden; }
.content .slide {
  height: 100vh;
  z-index: 1; }
  .content .slide .bgMask {
    position: absolute;
    z-index: 5;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  .content .slide.bgFix .mask {
    background-attachment: fixed;
    width: 100%;
    height: 100vh;
    position: relative;
    background-size: cover;
    background-position: center bottom; }
  .content .slide .slideContent {
    position: absolute;
    left: 0%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    color: white;
    padding: 100px 50px; }
    .content .slide .slideContent > img {
      max-width: 88px;
      margin-bottom: 10px; }
    .content .slide .slideContent .offerInfo p.name {
      font-size: 60px;
      font-family: 'barlow_semi_condensedmedium';
      color: #ffffff;
      text-align: left;
      line-height: 70px; }
    .content .slide .slideContent .offerInfo p.location {
      font-size: 30px;
      font-family: 'barlow_semi_condensedmedium';
      color: #ffffff;
      text-align: left;
      line-height: 40px; }
    .content .slide .slideContent .offerInfo p.desc {
      font-size: 20px;
      color: #ffffff;
      text-align: left;
      line-height: 30px; }
    .content .slide .slideContent .offerInfo p.end {
      font-size: 20px;
      font-family: 'barlow_semi_condensedmedium';
      margin: 10px 0; }
    .content .slide .slideContent .offerInfo .btn {
      background: #FF9803;
      text-transform: uppercase;
      font-size: 30px;
      font-family: 'barlow_semi_condensedmedium';
      color: #ffffff;
      text-align: center;
      line-height: 40px;
      border: none;
      border-radius: 0;
      padding: 5px 20px;
      margin-top: 30px; }
    .content .slide .slideContent .offerInfo p {
      margin: 0;
      max-width: 800px; }
    .content .slide .slideContent .newInfo {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 30px;
      font-family: 'barlow_semi_condensedmedium';
      color: #ffffff;
      text-align: left;
      line-height: 40px;
      background: #2ea972;
      padding: 10px 40px;
      text-transform: uppercase; }
      .content .slide .slideContent .newInfo:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0px 60px 90px;
        border-color: transparent transparent #2ea972 transparent;
        position: absolute;
        left: -90px;
        top: 0;
        content: ''; }
      .content .slide .slideContent .newInfo.left {
        right: auto;
        left: 0; }
        .content .slide .slideContent .newInfo.left:before {
          left: auto;
          right: -90px;
          border-width: 60px 0px  0 90px;
          border-color: transparent  transparent  transparent #2ea972; }
.content .rest {
  background: white;
  position: relative; }
  .content .rest .text {
    padding: 50px 20px;
    text-align: center;
    max-width: 1350px;
    margin: 0 auto; }
    .content .rest .text .logo {
      display: block;
      text-align: center; }
      .content .rest .text .logo p {
        margin: 0;
        font-size: 30px;
        font-family: 'barlow_semi_condensedmedium';
        text-align: center;
        letter-spacing: 0.01em;
        line-height: 40px;
        text-transform: uppercase; }
    .content .rest .text .points {
      font-size: 0;
      margin: 40px 0; }
      .content .rest .text .points > div {
        display: inline-block;
        width: 25%;
        vertical-align: top;
        border-right: 2px solid #DDDDDD;
        padding: 10px 0; }
        .content .rest .text .points > div:first-child {
          border-left: 2px solid #DDDDDD; }
        .content .rest .text .points > div i {
          height: 90px; }
        .content .rest .text .points > div p {
          font-size: 30px;
          font-family: 'barlow_semi_condensedmedium';
          line-height: 40px;
          margin: 0; }
          .content .rest .text .points > div p small {
            display: block;
            font-size: 18px; }
    .content .rest .text .desc {
      position: relative;
      overflow: hidden; }
      .content .rest .text .desc h2 {
        font-size: 60px;
        font-family: 'barlow_semi_condensedmedium';
        color: #000000;
        text-align: center;
        letter-spacing: 0.01em;
        line-height: 70px;
        margin-bottom: 40px; }
      .content .rest .text .desc p {
        font-size: 18px;
        color: #000000;
        text-align: center;
        letter-spacing: 0.01em;
        line-height: 30px;
        max-width: 850px;
        margin: 0 auto 30px; }
      .content .rest .text .desc .gradientMaskContent {
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100px;
        display: none;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+56,1+100 */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 56%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 56%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 56%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */ }
        .content .rest .text .desc .gradientMaskContent a {
          position: absolute;
          font-size: 16px;
          font-family: 'barlow_semi_condensedmedium';
          color: #FF9803;
          letter-spacing: 0.01em;
          line-height: 25px;
          left: 50%;
          bottom: 10px;
          transform: translate(-50%, -50%);
          background: url(../img/icons_i_chevron_left1.png) center right no-repeat transparent;
          padding-right: 30px; }
.content .header {
  position: absolute;
  left: 40px;
  top: 240px;
  z-index: 3; }
  .content .header .logo {
    color: white;
    display: inline-block;
    vertical-align: top; }
    .content .header .logo:hover {
      text-decoration: none; }
    .content .header .logo p {
      font-size: 14px;
      font-family: 'barlow_semi_condensedmedium';
      line-height: 20px;
      margin: 0;
      text-align: center; }
  .content .header ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0; }
    .content .header ul li {
      display: inline-block; }
      .content .header ul li a {
        font-size: 22px;
        font-family: 'barlow_semi_condensedmedium';
        color: #ffffff;
        text-align: left;
        letter-spacing: 0.1em;
        line-height: 40px;
        text-transform: uppercase;
        margin: 0 20px; }
      .content .header ul li.phone {
        font-size: 20px;
        font-family: 'barlow_semi_condensedmedium';
        color: #000000;
        text-align: right;
        line-height: 30px;
        background: url("../img/icons_i_phone1.png") center left no-repeat transparent;
        padding-left: 42px; }
.content .offer {
  position: absolute;
  width: 90%;
  max-width: 1100px;
  top: 60vh;
  z-index: 4;
  color: #DDDDDD;
  left: 50%;
  transform: translate(-50%, 0); }
  .content .offer .img img {
    width: 100%; }
  .content .offer .text p {
    font-size: 30px;
    font-family: 'barlow_semi_condensedmedium';
    color: #ffffff;
    text-align: left;
    line-height: 40px; }
  .content .offer .text .btn {
    font-size: 30px;
    font-family: 'barlow_semi_condensedmedium';
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
    border: 1px solid #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
    padding: 8px 30px;
    margin-top: 10px; }
    .content .offer .text .btn:hover {
      background: white;
      color: #FF9803; }
  .content .offer .arrow {
    width: 105px;
    height: 38px;
    background: url("../img/chevron_dalej.png") center center no-repeat transparent;
    display: block;
    margin: 100px auto 0; }

footer {
  background: #FF9803;
  position: relative; }
  footer > div {
    padding: 50px; }
  footer .col-left p {
    font-size: 18px;
    font-family: 'barlow_semi_condensedmedium';
    line-height: 30px;
    margin: 0;
    text-transform: uppercase; }
  footer .col-left p.big {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0.01em;
    margin-bottom: 20px;
    text-transform: none; }
  footer .col-left p.phone {
    font-size: 30px;
    line-height: 40px;
    background: url("../img/icons_i_phone1.png") center left no-repeat transparent;
    padding-left: 40px;
    text-transform: none;
    margin: 10px 0; }
  footer .col-left a {
    font-size: 30px;
    font-family: 'barlow_semi_condensedmedium';
    color: #ffffff;
    text-align: left;
    line-height: 40px;
    text-decoration: underline; }
  footer .col-right p {
    font-size: 18px;
    color: #000000;
    text-align: left;
    letter-spacing: 0.01em;
    line-height: 30px;
    max-width: 530px; }

#offerFixed {
  position: fixed;
  left: 0;
  top: -280px;
  right: 0;
  z-index: 100;
  background: white;
  box-shadow: 0px 0px 6px 0px #000000;
  height: 270px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #offerFixed.oppend {
    top: 0; }
  #offerFixed > div {
    max-width: 1350px;
    margin: 0 auto;
    padding: 50px 0 40px; }
    #offerFixed > div .head {
      font-size: 23px;
      font-family: 'barlow_semi_condensedmedium';
      color: #000000;
      text-align: left;
      letter-spacing: 0.1em;
      line-height: 30px;
      text-transform: uppercase;
      margin-bottom: 20px;
      margin-left: 300px; }
    #offerFixed > div .list {
      text-align: center;
      height: 130px;
      overflow: hidden; }
      #offerFixed > div .list > a {
        display: inline-block;
        vertical-align: top;
        width: 200px;
        margin: 0 10px; }
        #offerFixed > div .list > a i {
          background-size: cover;
          width: 100%;
          height: 80px;
          display: block;
          background-position: center bottom; }
        #offerFixed > div .list > a p {
          margin: 0; }
        #offerFixed > div .list > a p.name {
          font-size: 18px;
          font-family: 'barlow_semi_condensedmedium';
          color: #ff9803;
          text-align: left;
          line-height: 30px; }
        #offerFixed > div .list > a p.location {
          font-size: 14px;
          color: #666666;
          text-align: left;
          line-height: 20px; }
        #offerFixed > div .list > a:hover {
          text-decoration: none; }

@media all and (max-width: 1024px) {
  .content .header ul {
    display: block;
    margin-top: 10px; }

  .content .header ul li:first-child a {
    margin-left: 0; }

  footer > div {
    padding: 30px; } }
@media all and (max-width: 767px) {
  footer .col-right {
    margin-top: 30px; } }
@media all and (max-width: 768px) {
  .content .rest .text .points > div {
    width: 50%;
    border: none;
    padding: 20px 0; }

  .content .rest .text .points > div:first-child {
    border: none; }

  .content .rest .text .points > div:nth-child(1) {
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD; }

  .content .rest .text .points > div:nth-child(2) {
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD; }

  .content .rest .text .points > div:nth-child(3) {
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD; }

  .content .rest .text .points > div:nth-child(4) {
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD; }

  .content .rest .text .points {
    margin: 40px; }

  .content .rest .text .desc h2 {
    font-size: 45px;
    font-family: 'barlow_semi_condensedmedium';
    letter-spacing: 0.01em;
    line-height: 55px; }

  .content .rest .text .desc p {
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 25px; }

  footer .col-left p.big {
    font-size: 30px;
    font-family: 'barlow_semi_condensedmedium';
    letter-spacing: 0.01em;
    line-height: 40px; }

  footer .col-right p {
    font-size: 14px;
    line-height: 20px; }

  .content .header ul li a {
    font-size: 16px;
    font-family: 'barlow_semi_condensedmedium';
    letter-spacing: 0.1em;
    line-height: 25px; }

  .content .offer .text p {
    font-size: 23px;
    font-family: 'barlow_semi_condensedmedium';
    line-height: 30px; }

  .content .offer .text .btn {
    font-size: 22px;
    line-height: 40px;
    padding: 4px 15px; }

  .content .slide .slideContent .offerInfo p.name {
    font-size: 45px;
    line-height: 55px; }

  .content .slide .slideContent .offerInfo p.location {
    font-size: 23px;
    line-height: 30px; }

  .content .slide .slideContent .offerInfo p.desc {
    font-size: 16px;
    line-height: 25px; }

  .content .slide .slideContent .offerInfo p {
    max-width: 90%; }

  #offerFixed {
    bottom: 0;
    top: 0;
    height: auto;
    width: 260px;
    left: -280px; }
    #offerFixed.oppend {
      left: 0; }

  #offerFixed > div .list {
    height: auto;
    overflow: visible; }

  #offerFixed > div .head {
    margin: 10px 0 10px 30px; }

  #offerFixed > div .list > a {
    margin: 0 0 20px 0; } }
@media all and (min-width: 581px) {
  footer .col-left br {
    display: none; } }
@media all and (max-width: 580px) {
  .content .rest .text .points {
    margin: 40px 0; }

  .content .rest .text .points > div p {
    font-size: 23px;
    line-height: 30px; }

  .content .rest .text .points > div p small {
    font-size: 16px;
    line-height: 25px; }

  .content .rest .text .desc h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 20px 0; }

  .content .rest .text .desc.collapsed {
    height: 300px; }

  .content .rest .text .desc.collapsed .gradientMaskContent {
    display: block; }

  .content .header ul li.phone {
    margin-top: 15px; }

  .content .offer {
    top: 470px; }

  .content .header .logo img {
    width: 130px; }

  .content .slide .slideContent .offerInfo p.name {
    font-size: 30px;
    line-height: 40px; }

  .content .slide .slideContent .offerInfo p.location {
    font-size: 23px;
    line-height: 30px; }

  .content .slide .slideContent .offerInfo p.desc {
    font-size: 16px;
    line-height: 25px; }

  .content .slide .slideContent .newInfo {
    font-size: 16px;
    line-height: 25px; }

  .content .slide .slideContent .newInfo:before {
    border-width: 45px 0 0 60px;
    right: -60px; }

  .content .slide .slideContent .offerInfo .btn {
    font-size: 22px;
    line-height: 40px; }

  .content .gradientMask .mask .slideContent,
  .content .slide .slideContent {
    padding: 50px 15px; }

  .content .rest .text .points {
    margin: 30px -15px; }

  .content .rest .text .points > div p small {
    font-size: 14px;
    line-height: 25px; } }
@media all and (max-width: 480px) {
  .content .header {
    left: 16px;
    top: 20px; }

  .content .header ul {
    margin-top: 20px; }

  .content .header ul li a {
    margin: 0 10px; }

  .content .offer {
    top: 200px;
    text-align: center; }

  .content .offer .col-xs-6 {
    width: 100%; }

  .content .offer .arrow {
    margin: 50px auto 0; }

  .content .slide {
    position: relative; } }
@media all and (min-width: 1920px) {
  .content .slide .slideContent {
    padding-left: 210px; } }

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