/*	email: piotrek@jakbyco.com
	site: jakbyco.com
	twitter: @ppsirius
	version: 0.0.3
*/
/* Main */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template, [hidden] {
  display: none; }

a {
  background-color: transparent; }
  a:active, a:hover, a:focus {
    outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: inherit;
  font-weight: bolder; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

button, input, select, textarea {
  font: inherit; }

optgroup {
  font-weight: bold; }

button, input, select {
  overflow: visible; }

button, input, select, textarea {
  margin: 0; }

button, select {
  text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] {
  cursor: pointer; }

[disabled] {
  cursor: default; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button:-moz-focusring, input:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield; }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/* Define Your Font Stack & Sizes */
/* Base Colors */
/* Other Variables */
/* Breakpoints */
/* Clearfix */
/* Center transform */
/* Clickable area $size in px */
/* Dotted line */
/* Placeholder */
/* Rem Calculation */
/* Detect media in javascript */
.viewports {
  font-family: mobile; }
  @media only screen and (min-width: 768px) {
    .viewports {
      font-family: overmobile; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .viewports {
      font-family: tablet; } }
  @media only screen and (min-width: 992px) {
    .viewports {
      font-family: medium; } }
  @media only screen and (min-width: 1025px) {
    .viewports {
      font-family: overtablet; } }
  @media only screen and (min-width: 1240px) {
    .viewports {
      font-family: large; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"], svg {
    width: 100%;
    height: 100%; } }

/* Align text */
.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

/* Show and hide element */
.hide {
  display: none; }

.hide-mobile-tablet {
  display: none; }

.hide-mobile {
  display: none; }

/* Base styles */
html {
  font-family: "Oxygen", sans-serif;
  font-size: 16px; }

body {
  width: 100%;
  min-height: 100%;
  background: #fff;
  color: #83a7a5;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: visible; }

section {
  padding: 40px 0; }
  @media only screen and (min-width: 1025px) {
    section {
      padding: 80px 0; } }

.container {
  margin: 0 20px; }
  @media only screen and (min-width: 1025px) {
    .container {
      max-width: 1024px;
      margin: 0 auto;
      padding: 0 20px; } }

.section-title {
  display: inline-block;
  position: relative;
  margin: 1.25rem 0 0.9375rem 0;
  font-size: 1.625rem;
  font-weight: 900;
  color: #0f5f5c; }
  @media only screen and (min-width: 1025px) {
    .section-title {
      font-size: 2.625rem; } }
  .section-title:before {
    position: absolute;
    display: block;
    height: 1px;
    width: 65px;
    top: -8px;
    background-color: #0f5f5c;
    content: ''; }

.section-subtitle {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 0.875rem;
  font-weight: 400; }
  @media only screen and (min-width: 768px) {
    .section-subtitle {
      text-align: left; } }
  @media only screen and (min-width: 1025px) {
    .section-subtitle {
      font-size: 1rem; } }

/* Reset elements */
a {
  color: #0f5f5c;
  text-decoration: none; }

ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }

/* Components */
footer {
  padding: 20px 0;
  font-size: 0.875rem;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    footer .container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  footer .footer-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    footer .footer-menu .footer-menu-element {
      display: inline-block;
      padding: 7px 0;
      color: #83a7a5; }
      @media only screen and (min-width: 768px) {
        footer .footer-menu .footer-menu-element {
          margin-right: 30px; } }
      @media only screen and (min-width: 1025px) {
        footer .footer-menu .footer-menu-element {
          margin-right: 60px; } }
  footer .copyright {
    position: relative;
    margin-top: 20px; }
    @media only screen and (min-width: 768px) {
      footer .copyright {
        margin: 0;
        padding-top: 7px; } }
    footer .copyright:before {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 1px;
      width: 80px;
      top: -10px;
      background-color: #0f5f5c;
      content: ''; }
      @media only screen and (min-width: 768px) {
        footer .copyright:before {
          content: none; } }
    footer .copyright span:first-child {
      display: block;
      margin-bottom: 7px; }
      @media only screen and (min-width: 768px) {
        footer .copyright span:first-child {
          display: inline-block; } }

.hero .container {
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .hero .container {
      margin: 0 auto;
      padding: 0 20px; } }

.nav-wrapper {
  position: fixed;
  width: 100%;
  padding: 10px 0;
  float: left;
  z-index: 2;
  text-align: left;
  box-shadow: inset 0 0 0 100vh #0f5f5c; }
  @media only screen and (min-width: 768px) {
    .nav-wrapper {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      padding-top: 20px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      box-shadow: none; } }
  .nav-wrapper .logo-wrapper {
    display: inline-block;
    margin-left: 20px; }
    @media only screen and (min-width: 768px) {
      .nav-wrapper .logo-wrapper {
        display: -ms-flexbox;
        display: flex;
        margin-left: 0; } }
    .nav-wrapper .logo-wrapper .logo {
      position: relative;
      width: 140px; }
    .nav-wrapper .logo-wrapper .logo-link {
      position: relative;
      display: block; }
      .nav-wrapper .logo-wrapper .logo-link:before {
        position: absolute;
        display: block;
        top: 5px;
        right: -15px;
        height: 20px;
        width: 1px;
        background-color: #fff;
        opacity: .6; }
        @media only screen and (min-width: 768px) {
          .nav-wrapper .logo-wrapper .logo-link:before {
            content: ''; } }
    .nav-wrapper .logo-wrapper .phone-number {
      display: none; }
      @media only screen and (min-width: 768px) {
        .nav-wrapper .logo-wrapper .phone-number {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          font-size: 0.875rem;
          margin-left: 30px;
          transform: translateY(-3px); } }
      .nav-wrapper .logo-wrapper .phone-number .phone-icon {
        opacity: .6;
        width: 20px;
        height: 20px; }
      .nav-wrapper .logo-wrapper .phone-number > span {
        margin-left: 4px; }
  .nav-wrapper .hamburger {
    float: right;
    margin-right: 12px; }
    @media only screen and (min-width: 768px) {
      .nav-wrapper .hamburger {
        display: none; } }
  .nav-wrapper .nav {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 57px;
    right: 0;
    transform: translateX(100%);
    text-align: center;
    transition: transform .2s .2s ease-in; }
    @media only screen and (min-width: 768px) {
      .nav-wrapper .nav {
        position: relative;
        transform: translateX(0);
        width: auto;
        height: auto;
        top: 0;
        text-align: right; } }
    .nav-wrapper .nav.is-open {
      transform: translateX(0); }
    .nav-wrapper .nav .main-menu {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      @media only screen and (min-width: 768px) {
        .nav-wrapper .nav .main-menu {
          border: none; } }
    @media only screen and (min-width: 768px) {
      .nav-wrapper .nav li {
        display: inline-block; } }
    .nav-wrapper .nav .main-menu-element {
      position: relative;
      display: block;
      padding: 15px 20px 15px 0;
      color: #fff;
      background-color: #0f5f5c; }
      @media only screen and (min-width: 768px) {
        .nav-wrapper .nav .main-menu-element {
          display: inline-block;
          background-color: transparent;
          font-size: 0.875rem; } }
      @media only screen and (min-width: 1025px) {
        .nav-wrapper .nav .main-menu-element {
          padding-right: 0;
          padding-left: 60px; }
          .nav-wrapper .nav .main-menu-element:before {
            position: absolute;
            display: block;
            right: 0;
            bottom: 0;
            height: 1px;
            width: 0;
            background-color: #fff;
            content: '';
            transition: width 0.2s cubic-bezier(0.4, 0.99, 1, 1); }
          .nav-wrapper .nav .main-menu-element:hover:before, .nav-wrapper .nav .main-menu-element:focus:before {
            width: 60%; } }
      .nav-wrapper .nav .main-menu-element.flag-element:before {
        content: none; }
      .nav-wrapper .nav .main-menu-element .flag {
        width: 15px; }
        .nav-wrapper .nav .main-menu-element .flag:before {
          content: none; }

@media only screen and (min-width: 1025px) {
  .home-page .nav-wrapper .nav li:nth-child(1) .main-menu-element:before {
    width: 60%; } }

@media only screen and (min-width: 1025px) {
  .about-page .nav-wrapper .nav li:nth-child(2) .main-menu-element:before {
    width: 60%; } }

@media only screen and (min-width: 1025px) {
  .offer-page .nav-wrapper .nav li:nth-child(3) .main-menu-element:before {
    width: 60%; } }

@media only screen and (min-width: 1025px) {
  .contact-page .nav-wrapper .nav li:nth-child(4) .main-menu-element:before {
    width: 60%; } }

.btn {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 2px solid transparent;
  white-space: nowrap;
  text-transform: uppercase;
  padding: 8px 30px;
  font-size: 0.75rem; }
  @media only screen and (min-width: 1025px) {
    .btn {
      margin-top: 1.25rem;
      margin-bottom: 1.875rem; } }
  .btn.primary {
    background-color: #0f5f5c;
    color: #fff; }
    .btn.primary:before {
      background-color: #fff; }
    .btn.primary:after {
      color: #0f5f5c; }
  .btn.ghost {
    border: 2px solid #fff;
    color: #fff; }
    .btn.ghost:before {
      background-color: white; }
    .btn.ghost:after {
      color: #0f5f5c; }
  .btn:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: '';
    transition: width 0.2s cubic-bezier(0.4, 0.99, 1, 1); }
  .btn:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: attr(data-text);
    transition: all 0.2s 0.05s cubic-bezier(0.4, 0.99, 1, 1);
    opacity: 0; }
  .btn:hover:before, .btn:focus:before {
    width: 100%; }
  .btn:hover:after, .btn:focus:after {
    opacity: 1; }

.hero {
  position: relative;
  height: 100vh;
  background-image: url("../img/hero-home.jpg");
  background-position: center center;
  background-size: cover;
  color: #fff;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .hero {
      text-align: left; } }
  @media only screen and (min-width: 1025px) {
    .hero {
      height: 80vh; } }
  .hero:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 100vh rgba(15, 95, 92, 0.6);
    content: ''; }
  .hero:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    content: ''; }
  .hero.small {
    height: 60vh; }
    .hero.small .header-content-wrapper {
      height: 60vh; }
  .hero.offer-hero {
    background-image: url("../img/bg-offer.jpg"); }
  .hero.about-hero {
    background-image: url("../img/bg-about.jpg"); }
  .hero.contact-hero {
    background-image: url("../img/bg-contact.jpg"); }
  .hero .section-title {
    color: #fff; }
    .hero .section-title:before {
      content: none; }
    @media only screen and (min-width: 768px) {
      .hero .section-title {
        display: block;
        font-size: 3rem;
        margin-bottom: 0; } }
  .hero .section-subtitle {
    padding: 0 20px; }
    @media only screen and (min-width: 768px) {
      .hero .section-subtitle {
        max-width: 43.75rem;
        padding: 0; } }

.header-content {
  position: relative;
  z-index: 1; }
  .header-content .header-content-wrapper {
    width: 100%;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    @media only screen and (min-width: 768px) {
      .header-content .header-content-wrapper {
        height: 80vh; } }
    .header-content .header-content-wrapper .btn {
      margin: 0 auto;
      max-width: 100px; }
      @media only screen and (min-width: 768px) {
        .header-content .header-content-wrapper .btn {
          margin: 0; } }

.scroll-arrow {
  position: absolute;
  bottom: 80px;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  animation: scroll-animation 1.5s infinite;
  box-sizing: border-box; }

@keyframes scroll-animation {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0; } }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 8px 8px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover, .hamburger:focus {
    opacity: 1; }

.hamburger-box {
  width: 30px;
  height: 18px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 8px;
    transition: opacity 0.15s 0.4s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 16px;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(135deg);
  transition-delay: 0.1s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -16px, 0) rotate(-270deg);
    transition-delay: 0.1s; }

/* Pages */
/* About Section */
.about {
  background-color: #eef1ec; }
  @media only screen and (min-width: 768px) {
    .about {
      padding-bottom: 0; } }
  @media only screen and (min-width: 768px) {
    .about .container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; } }

@media only screen and (min-width: 768px) {
  .offer-page .about {
    padding-bottom: 80px; } }

.about-img {
  display: none; }
  @media only screen and (min-width: 768px) {
    .about-img {
      -ms-flex: 0 1 45%;
          flex: 0 1 45%;
      display: block; } }
  .about-img img {
    display: block;
    width: 100%; }

@media only screen and (min-width: 768px) {
  .about-content {
    -ms-flex: 0 1 40%;
        flex: 0 1 40%;
    -ms-flex-item-align: center;
        align-self: center; } }

.chart-svg {
  max-width: 300px; }

/* What We Do Section */
@media only screen and (min-width: 768px) {
  .what-we-do .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; } }

.what-we-do .container .list-tick li {
  -ms-flex: 0 0 44%;
      flex: 0 0 44%; }

@media only screen and (min-width: 768px) {
  .what-we-do .what-we-do-content {
    -ms-flex: 0 1 55%;
        flex: 0 1 55%; } }

.what-we-do .what-we-do-img {
  display: none; }
  @media only screen and (min-width: 768px) {
    .what-we-do .what-we-do-img {
      -ms-flex: 0 1 35%;
          flex: 0 1 35%;
      display: block;
      -ms-flex-item-align: center;
          align-self: center; } }
  .what-we-do .what-we-do-img img {
    display: block;
    width: 100%; }

.list-tick {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .list-tick > li {
    position: relative;
    padding-left: 30px;
    padding-bottom: 14px; }
    .list-tick > li:before {
      position: absolute;
      display: block;
      width: 24px;
      height: 24px;
      left: 0;
      top: -3px;
      background-image: url("../img/list-tick.svg");
      content: ''; }

@media only screen and (min-width: 1025px) {
  .list-tick {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.list-tick li {
  -ms-flex: 0 0 40%;
      flex: 0 0 40%; }

/* Cooperation Section */
.cooperation {
  background-color: #eef1ec; }
  @media only screen and (min-width: 768px) {
    .cooperation {
      text-align: center; } }
  .cooperation .section-title:before {
    left: calc(50% - 35px); }

@media only screen and (min-width: 768px) {
  .cooperation-icon-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 40px; } }

.cooperation-icon {
  margin-bottom: 20px; }
  .cooperation-icon > img {
    display: inline-block;
    max-width: 100px;
    margin: 20px 0; }
  .cooperation-icon .cooperation-text {
    display: block;
    font-weight: 700;
    font-size: 1.25rem; }

.cooperation-section {
  padding: 40px 0; }

/* Partners Section */
@media only screen and (min-width: 768px) {
  .partners .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media only screen and (min-width: 768px) {
  .partners .partners-content {
    -ms-flex: 0 1 40%;
        flex: 0 1 40%; } }

.partners-logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media only screen and (min-width: 768px) {
    .partners-logo {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  .partners-logo > img {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 130px;
    max-height: 30px;
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .partners-logo > img {
        margin-right: 20px;
        max-width: 100px;
        max-height: 20px; } }
    @media only screen and (min-width: 1025px) {
      .partners-logo > img {
        max-width: 120px;
        max-height: 30px;
        margin-right: 30px; } }

.partners-img {
  display: none; }
  @media only screen and (min-width: 768px) {
    .partners-img {
      display: block;
      -ms-flex: 0 1 45%;
          flex: 0 1 45%;
      -ms-flex-item-align: center;
          align-self: center; } }
  .partners-img img {
    display: block;
    width: 100%; }

/* Price List Section */
.price-list {
  padding: 20px 0 30px 0;
  position: relative;
  background-color: #83a7a5;
  background-image: url("../img/bg-price-list.jpg");
  background-position: center top;
  background-size: cover;
  height: 100%; }
  @media only screen and (min-width: 768px) {
    .price-list {
      padding: 50px 0; } }
  .price-list:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 100vh rgba(15, 95, 92, 0.8);
    content: ''; }
  .price-list .container {
    position: relative;
    z-index: 1; }
    @media only screen and (min-width: 768px) {
      .price-list .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
  @media only screen and (min-width: 768px) {
    .price-list .price-list-button {
      margin: 0;
      -ms-flex-item-align: center;
          align-self: center; } }
  .price-list .section-title {
    display: block;
    color: #fff; }
    .price-list .section-title:before {
      content: none; }
    @media only screen and (min-width: 768px) {
      .price-list .section-title {
        margin-bottom: 0; } }
  .price-list .section-subtitle {
    color: #fff; }

.lang-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(15, 95, 92, 0.9); }
  .lang-overlay .lang-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: column;
        flex-direction: column; }
    @media only screen and (min-width: 768px) {
      .lang-overlay .lang-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-direction: row;
            flex-direction: row;
        height: 100%; } }
    .lang-overlay .lang-wrapper .logo {
      width: 200px; }
    .lang-overlay .lang-wrapper .flag {
      display: inline-block;
      width: 45px;
      margin-top: 30px;
      cursor: pointer;
      transition: opacity .2s ease-in; }
      @media only screen and (min-width: 768px) {
        .lang-overlay .lang-wrapper .flag {
          margin-top: 0; } }
      .lang-overlay .lang-wrapper .flag.pl {
        margin: 0 20px; }
      .lang-overlay .lang-wrapper .flag:hover, .lang-overlay .lang-wrapper .flag:focus {
        opacity: .7; }

@media only screen and (min-width: 768px) {
  .contact {
    padding: 60px 0; } }

@media only screen and (min-width: 1025px) {
  .contact {
    padding: 80px 0; } }

@media only screen and (min-width: 768px) {
  .contact .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media only screen and (min-width: 768px) {
  .contact .container .left-col, .contact .container .right-col {
    -ms-flex: 0 1 47%;
        flex: 0 1 47%; } }

.contact .container .dark-logo {
  display: block;
  max-width: 250px;
  margin-bottom: 40px; }

.input {
  display: block;
  width: 100%;
  margin: 1rem 0;
  padding: 0.4375rem 0.9375rem;
  border: 1px solid #c1d3d2;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  box-sizing: border-box; }

textarea {
  resize: none;
  min-height: 150px; }

button[type="submit"] {
  opacity: 0;
  display: none; }

.contact-details {
  line-height: 1.8; }

.google-map {
  width: 100%;
  margin-top: 40px; }
  @media only screen and (min-width: 768px) {
    .google-map {
      margin: 0;
      margin-top: 15px; } }

.about-page .about {
  background: #fff; }
  @media only screen and (min-width: 768px) {
    .about-page .about {
      padding-bottom: 40px; } }
  @media only screen and (min-width: 768px) {
    .about-page .about {
      padding-bottom: 60px; } }

.about-page .what-we-do {
  background: #eef1ec; }

.about-page .what-we-do-img {
  -ms-flex: 0 1 40%;
      flex: 0 1 40%; }

.offer-page .device {
  background-color: #fff; }

@media only screen and (min-width: 768px) {
  .offer-page .partners .container {
    display: block; } }

@media only screen and (min-width: 768px) {
  .offer-page .partners .section-title {
    display: block; } }

@media only screen and (min-width: 768px) {
  .offer-page .partners .section-subtitle {
    max-width: 450px; } }

@media only screen and (min-width: 768px) {
  .offer-page .partners .partners-logo > img {
    margin-right: 0;
    margin-top: 40px;
    max-width: 130px;
    max-height: 40px; } }




/* POPUP */

.popup_description_container {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 7%;
}

.popup_description_container_right {
  font-size: 16px;
    font-weight: bold;

}
.popup_button_link {
  background: #0f5f5c none repeat scroll 0 0;
  border: 1px solid #0f5f5c;
  color: #fff;
  font-size: 18px;
  padding: 10px 20px;
}
.popup_button_link:hover {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #0f5f5c;
  color: #8b57d6;
  font-size: 18px;
  padding: 10px 20px;
}
.popup_button_container {
  text-align: center;
  padding-top: 10%;
}
.popup_inner_left > h3 {
  font-size: 30px;
  margin-bottom: 10%;
  text-align: center;
  font-weight: bold;
  margin-top: 5%;
}
#popup_mask {
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10001;
}
#popup_inner {
  background: white;
  border: 0;
  display: block;
  width: 25%;
  min-height: 300px;
  overflow: auto;
  padding: 20px;
  z-index: 10003;
  margin: 100px auto;
  position: absolute;
  left: 35%;
 top: 5%;
  border: 10px solid #0f5f5c;
}
#popup_inner #exit {
  background: #fff none repeat scroll 0 0;
  color: #000;
  font-size: 27px;
  padding: 5px 9px 11px;
  position: absolute;
  right: 20px;
  top: 14px;
}
#popup_inner #exit:hover {
  background: #0f5f5c none repeat scroll 0 0;
  color: #fff;
  font-size: 27px;
  padding: 5px 9px 11px;
  position: absolute;
  right: 20px;
  top: 14px;
}
.popup_inner_left {
    float: left;
    width: 100%;
    text-align: center;
}
.popup_inner_right >h3 {  
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 10%;
    
}
.popup_inner_right {
    width: 30%;
    float: left;
    padding-left: 5%;
    margin-top: 8%;
}

/*--------  Pseudo RWD  -----------*/
	@media all and (max-width: 1920px) {	
	}
	@media all and (max-width: 1680px) {	
		#popup_inner {
		  left: 25%;
		  width: 50%;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
	}
	@media all and (max-width: 1366px) {
		#popup_inner {
		  left: 18%;
		  width: 60%;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
	}
	@media all and (max-width: 1344px) {	
		#popup_inner {
		  left: 18%;
		  width: 60%;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
	}
	@media all and (max-width: 1280px) {	
		#popup_inner {
		  left: 18%;
		  width: 60%;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
	}
	@media all and (max-width: 1024px) {
		#popup_inner {
		  left: 7%;
		  width: 80%;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
	}
	@media all and (max-width: 980px) {	
		#popup_inner {
		  left: 7%;
		  width: 80%;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
	}
	@media all and (max-width: 800px) {	
		#popup_inner {
		  left: 0%;
		  width: 92%;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
	}
	@media all and (max-width: 768px) {	
		#popup_inner {
		  left: 0%;
		  width: 92%;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
	}
	@media all and (max-width: 640px) {
		#popup_inner {
		  height: 90%;
		  left: 5%;
		  margin: 0;
		  overflow: auto;
		  position: absolute;
		  top: 0;
		  width: 90%;
		  z-index: 10003;
		  padding: 0;
		  border: none;
		  background: #fff;
		}
		.popup_inner_left {
		  float: left;
		  width: 90%;
		}		
		.popup_description_container {
		  padding: 3%;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
	}
	@media all and (max-width: 480px) {
		#popup_inner {
		  height: 90%;
		  left: 5%;
		  margin: 0;
		  overflow: auto;
		  position: absolute;
		  top: 0;
		  width: 90%;
		  z-index: 10003;
		  padding: 0;
		  border: none;
		  background: #fff;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
		.popup_inner_left {
		  float: left;
		  width: 100%;
		}
		.popup_description_container {
		  padding: 3%;
		}
	}
	@media all and (max-width: 360px) {
		#popup_inner {
		  height: 90%;
		  left: 5%;
		  margin: 0;
		  overflow: auto;
		  position: absolute;
		  top: 0;
		  width: 90%;
		  z-index: 10003;
		  padding: 0;
		  border: none;
		  background: white;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
		.popup_inner_left {
		  float: left;
		  width: 90%;
		}
		.popup_description_container {
		  padding: 3%;
		}
	}
	@media all and (max-width: 320px) {
		#popup_inner {
		  height: 90%;
		  left: 0;
		  margin: 0;
		  overflow: auto;
		  position: absolute;
		  top: 0;
		  width: 90%;
		  z-index: 10003;
		  padding: 0;
		  border: none;
		  background: #fff;
		}
      .popup_inner_left > h3 {
 			 margin-top: 5%;
		}
		.popup_inner_left {
		  float: left;
		  width: 100%;
		}
		.popup_description_container  {
		  padding: 3%;
		}
	}