@charset "UTF-8";
/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
BASE (MOBILE) SIZE
*********************/
/******************************************************************
Site Name: Polidomes
Author: BrandingBears.com

sass --watch Desktop/Landing/library/scss/style.scss:Desktop/Landing/library/css/style.css

sass --watch Desktop/Landing/library/scss/normalize.scss:Desktop/Landing/library/css/normalize.css

python Desktop/poli/convert_obj_three.py -i polidomes30.obj -o outfile.js

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
section:after, .clear:after {
  content: '';
  clear: both;
  display: block; }

.red {
  color: #bd0f16; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway'; }

h1 {
  margin: 0;
  font-size: 48px;
  line-height: 48px;
  color: #383838; }

p.h1 {
  margin: 0;
  color: #333;
  padding: 20px 0 20px 10px;
  font-size: 44px;
  font-weight: 800;
  line-height: 52px;
  font-family: 'Raleway'; }

h2 {
  margin: 30px 0 15px;
  font-size: 48px;
  line-height: 48px;
  color: #383838; }

p.h2 {
  font-family: 'Raleway'; }

p {
  font-family: 'Source Sans Pro'; }

b {
  font-weight: 600; }

a:link, a:visited {
color: #bd0f16;
}

a:hover {
color: red;
}

#section1 {
  background: url(https://getitdome.com/library/img/bg1.jpg) 100% 0% no-repeat;
  background-size: 210%; }
  #section1 #logo {
    width: 120px;
    display: block;
    margin: 0 auto 55px;
    padding-top: 30px; }
    #section1 #logo img {
      width: 100%; }
  #section1 p.class1 {
    color: #bd0f16;
    font-size: 14px;
    font-weight: 100; }
  #section1 p.class3 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 100;
    color: #777777;
    margin: 40px 0; }
    #section1 p.class3 b {
      color: #333; }
  #section1 a.btn {
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    position: relative;
    text-decoration: none;
    margin: 40px 0 60px;
    padding-left: 40px;
    letter-spacing: 3px;
    color: #c00;
    font-weight: 800; }
    #section1 a.btn span {
      left: 0;
      top: -7px;
      height: 25px;
      position: absolute;
      text-decoration: none;
      box-shadow: 0px 4px 10px rgba(10, 10, 10, 0.16);
      border-radius: 30px;
      background: #cc0000;
      border: 1px solid #c30808;
      width: 25px;
      display: block;
      background: #c00; }
    #section1 a.btn svg {
      overflow: hidden;
      height: 20px;
      width: 20px;
      float: left;
      margin: 3px 1px 0 2px; }
    #section1 a.btn:after {
      content: '';
      display: block;
      width: 1px;
      height: 90px;
      left: 12px;
      top: 26px;
      position: absolute;
      background: #b3b3b3; }

#whatisit {
  padding: 30px 0 50px;
  background: #fafafa; }
  #whatisit p.h1 {
    margin: 0;
    color: #333;
    font-size: 44px;
    font-weight: 800;
    line-height: 52px; }
  #whatisit .first img {
    width: 100%;
    height: auto;
    margin-top: 55px; }
  #whatisit .first .hot {
    position: absolute;
    top: 90px;
    left: -14px;
    border-bottom: 2px solid #c70c0c;
    line-height: 15px;
    padding-bottom: 2px;
    padding: 0 0 5px 8px;
    width: 60px;
    font-size: 12px;
    color: #d2040b;
    font-weight: 900;
    text-transform: uppercase; }
  #whatisit .first .cold {
    position: absolute;
    top: 150px;
    text-align: right;
    right: 2px;
    border-top: 2px solid #585858;
    line-height: 15px;
    padding-bottom: 2px;
    padding: 5px 0 8px;
    width: 80px;
    font-size: 12px;
    color: #969696;
    font-weight: 900;
    text-transform: uppercase; }
  #whatisit h2 {
    font-size: 16px;
    font-weight: 600; }
  #whatisit p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    margin: 5px 0;
    color: #656565; }
  #whatisit p.h2 {
    margin: 0;
    color: #333;
    font-size: 18px;
    font-family: 'Raleway';
    font-weight: 800;
    padding: 20px 0 10px 0px; }
  #whatisit h3 {
    font-size: 14px;
    margin: 8px 0;
    font-weight: 600;
    position: relative; }
  #whatisit svg {
    overflow: hidden;
    height: 16px;
    width: 20px;
    float: left;
    margin: 5px 5px 0 0; }
  #whatisit .postitem {
    margin-bottom: 8px;
    position: relative; }
    #whatisit .postitem p {
      font-size: 11px;
      margin: 0 0 0 25px;
      line-height: 16px;
      font-weight: 300;
      color: #656565; }
    #whatisit .postitem h5 {
      font-size: 14px;
      margin: 0;
      font-weight: 600;
      position: relative; }
  #whatisit .additional {
    margin-top: 30px;
    margin-left: 40px;
    padding-bottom: 20px;
    background: #efefef; }
    #whatisit .additional svg {
      float: left;
      margin: 21px 1px 0px -30px; }
    #whatisit .additional p.h2 {
      font-size: 18px;
      color: #272727;
      margin-left: -25px; }
    #whatisit .additional .postitem {
      margin-bottom: 10px;
      margin-left: -40px; }
      #whatisit .additional .postitem:after {
        content: '';
        background: #c00;
        width: 20px;
        height: 1px;
        margin: 5px 0 0px 10px;
        display: block; }
      #whatisit .additional .postitem h3 {
        font-size: 14px; }
      #whatisit .additional .postitem p {
        font-size: 10px;
        margin: 0; }

#possibilities {
  margin-bottom: 10px;
  position: relative;
  margin-top: 0px;
  padding-top: 15px; }
  #possibilities a.btn {
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    position: relative;
    text-decoration: none;
    margin: -30px 0 40px 0;
    padding-left: 40px;
    letter-spacing: 3px;
    color: #c00;
    font-weight: 800;
    width: 179px; }
    #possibilities a.btn span {
      left: 0;
      top: -7px;
      height: 25px;
      position: absolute;
      text-decoration: none;
      box-shadow: 0px 4px 10px rgba(10, 10, 10, 0.16);
      border-radius: 30px;
      background: #cc0000;
      border: 1px solid #c30808;
      width: 25px;
      display: block;
      background: #c00; }
    #possibilities a.btn svg {
      overflow: hidden;
      height: 20px;
      width: 20px;
      float: left;
      margin: 3px 1px 0 2px; }
    #possibilities a.btn:after {
      content: '';
      display: block;
      width: 1px;
      height: 90px;
      left: 12px;
      top: 26px;
      position: absolute;
      background: #b3b3b3; }
  #possibilities:before {
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0px;
    bottom: 20px;
    right: 0px;
    background: #efefef;
    border-top: 4px solid #c00;
    content: '';
    display: block; }
  #possibilities #possibilities_rctg {
    width: 100%;
    margin: 0 auto;
    overflow: hidden; }
  #possibilities .seemorebtn {
    display: block;
    clear: both;
    background: #333;
    font-size: 10px;
    text-transform: uppercase;
    padding: 12px 0;
    position: relative;
    margin: 225px auto 40px;
    text-align: center;
    color: #020101;
    font-weight: 800;
    width: 125px;
    text-decoration: none;
    box-shadow: 0px 4px 10px rgba(10, 10, 10, 0.16);
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid #ab0606; }
  #possibilities .seemore.hidden {
    display: none; }
  #possibilities .obrazek {
    padding: 0;
    position: relative;
    overflow: hidden; }
    #possibilities .obrazek:nth-child(3n+3) {
      animation-delay: .5s; }
    #possibilities .obrazek:nth-child(3n+2) {
      animation-delay: .2s; }
    #possibilities .obrazek img {
      border: 0;
      width: 100%;
      height: auto;
      display: block;
      transition: all ease-in 1.2s; }
    #possibilities .obrazek.after {
      content: '';
      display: block;
      background: rgba(0, 0, 0, 0.65);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transition: all ease-in .7s; }
    #possibilities .obrazek .text {
      position: absolute;
      font-weight: 100;
      letter-spacing: 0.5px;
      color: #fff;
      z-index: 99;
      bottom: 5%;
      left: 30px;
      width: auto; }
      #possibilities .obrazek .text:before {
        content: '';
        display: block;
        position: absolute;
        background: #9a0000;
        width: 1px;
        height: 40px;
        margin-left: -10px;
        transition: all ease-in .7s; }
      #possibilities .obrazek .text h3 {
        font-size: 16px;
        margin: 5px 0 2px;
        letter-spacing: .5px;
        transition: all ease-in .7s; }
      #possibilities .obrazek .text p {
        color: #b90000;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 8px;
        letter-spacing: 3px;
        margin: 0;
        transition: all ease-in .2s; }
    #possibilities .obrazek:hover {
      z-index: 9;
      position: relative; }
      #possibilities .obrazek:hover:after {
        content: '';
        background: transparent; }
      #possibilities .obrazek:hover img {
        transform: scale(1.2); }
      #possibilities .obrazek:hover .text {
        border-left: none; }
        #possibilities .obrazek:hover .text:before {
          height: 0px; }
      #possibilities .obrazek:hover h4 {
        opacity: 0; }
      #possibilities .obrazek:hover p {
        opacity: 0;
        letter-spacing: 4px; }

.tents h1 {
  width: 100%;
  text-align: center; }
.tents .opis p {
  margin: 5px 0;
  line-height: 24px; }
.tents p.perfect {
  margin: 0;
  padding-top: 2px;
  color: #cc0000;
  font-weight: 800;
  font-size: 16px; }
.tents a {
  text-decoration: none;
  color: #333; }
.tents h2.for {
  color: #252525;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin: 10px 0;
  padding-left: 20px;
  position: relative;
  animation-delay: 1s; }
  .tents h2.for:nth-child(3n+3) {
    animation-delay: 1.1s; }
  .tents h2.for:nth-child(3n+1) {
    animation-delay: 1.2s; }
  .tents h2.for:nth-child(3n+2) {
    animation-delay: 1.3s; }
  .tents h2.for:after {
    content: '';
    width: 4px;
    display: block;
    height: 4px;
    left: 0px;
    top: 0px;
    margin: 6px 5px 5px;
    position: absolute;
    background: #bd0f16; }
.tents .tent {
  margin-bottom: 25px;
  padding: 0; }
  .tents .tent:nth-child(4n+4) .desc img {
    animation-delay: .6s; }
  .tents .tent:nth-child(4n+3) .desc img {
    animation-delay: .4s; }
  .tents .tent:nth-child(4n+2) .desc img {
    animation-delay: .2s; }
  .tents .tent:nth-child(4n+4) tentdescanim {
    animation-delay: .9s; }
  .tents .tent:nth-child(4n+3) tentdescanim {
    animation-delay: .7s; }
  .tents .tent:nth-child(4n+2) tentdescanim {
    animation-delay: .5s; }
  .tents .tent .image {
    overflow: hidden;
    width: 100%;
    height: 250px;
    position: relative;
    margin-top: 15px;
    z-index: 1;
    transition: all 1s ease-in; }
    .tents .tent .image:after {
      content: '';
      display: block;
      top: 50px;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      z-index: 2;
      background: linear-gradient(transparent, rgba(7, 1, 27, 0.48));
      transition: .5s all ease-in; }
    .tents .tent .image p {
      font-family: 'Raleway';
      position: absolute;
      font-size: 10px;
      font-weight: 100;
      letter-spacing: 0.5px;
      color: #fff;
      z-index: 99;
      padding-bottom: 5px;
      bottom: 175px;
      border-bottom: 1px solid #bf1700;
      left: -135px;
      width: 310px;
      text-shadow: 0px 0px 3px #333;
      transform: rotateZ(-90deg); }
    .tents .tent .image img {
      width: 100%;
      height: auto;
      display: block;
      transition: all 1s ease-in; }
  .tents .tent .desc {
    padding-top: 45px;
    padding-bottom: 0px;
    width: 100%;
    border-right: 1px solid #f1f1f1;
    position: relative;
    z-index: 2; }
    .tents .tent .desc h4 {
      font-size: 18px;
      margin: 0px 0px 10px 20px; }
    .tents .tent .desc img {
      width: 100%;
      margin: 0;
      position: absolute;
      display: block;
      top: -75px; }
    .tents .tent .desc p.in {
      font-size: 11px;
      color: #888888;
      font-weight: 100;
      border-left: 2px solid #e6260c;
      padding: 2px 0 4px 5px;
      margin: 0 5px 0 20px; }
      .tents .tent .desc p.in b {
        font-weight: bold;
        color: #333; }
    .tents .tent .desc p.price {
      padding: 5px 10px;
      width: 130px;
      color: #232323;
      font-size: 22px;
      height: 30px;
      margin: 10px auto 0px;
      text-align: center;
      font-weight: 800;
      text-transform: uppercase;
      transition: all .2s ease-in; }
      .tents .tent .desc p.price span {
        display: block;
        font-size: 7px;
        font-weight: 600;
        color: #9c9c9c;
        letter-spacing: 0.5px;
        margin-bottom: -5px; }
    .tents .tent .desc .quote button {
      text-align: center;
      text-decoration: none;
      font-size: 9px;
      box-shadow: 2px 2px 10px rgba(51, 51, 51, 0.22);
      background: #c52b20;
      color: #ffffff;
      width: 135px;
      display: block;
      margin: 15px auto 0;
      padding: 13px 12px;
      border-radius: 0px;
      border: 1px solid #982b25;
      font-family: "Raleway";
      font-weight: 600;
      letter-spacing: 1.5px;
      transition: all .4s ease-in; }
      .tents .tent .desc .quote button:hover {
        background: #cc2e19;
        box-shadow: -4px -4px 10px rgba(51, 51, 51, 0.22); }
    .tents .tent .desc .quote form {
      display: none; }
    .tents .tent .desc .quote.active {
      background: #d41800;
      padding: 5px 20px;
      margin: 0px 10px;
      position: relative;
      border-radius: 2px;
      border: 1px solid #9a0606; }
      .tents .tent .desc .quote.active button {
        border: none;
        color: #fff; }
      .tents .tent .desc .quote.active form {
        display: block; }
      .tents .tent .desc .quote.active fieldset {
        border: none;
        margin-right: 13px;
        position: relative;
        padding: 0; }
        .tents .tent .desc .quote.active fieldset .clear {
          border-bottom: 1px solid #e4422d;
          padding-bottom: 7px; }
        .tents .tent .desc .quote.active fieldset label {
          font-size: 10px;
          display: block;
          font-weight: 300;
          float: left;
          width: 100%;
          color: #fff;
          margin: 10px 0 2px; }
        .tents .tent .desc .quote.active fieldset input {
          line-height: normal;
          padding: 6px 4px;
          width: 100%;
          border: 1px solid #801515; }
        .tents .tent .desc .quote.active fieldset input[type="radio"] {
          float: left;
          width: 10px;
          margin: 0 5px 0 0; }
        .tents .tent .desc .quote.active fieldset .yess {
          display: none; }
      .tents .tent .desc .quote.active button#submit {
        text-align: center;
        display: block;
        margin: 15px auto 5px;
        padding: 7px 20px;
        text-transform: uppercase;
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 1px;
        color: #fff;
        background: #fff;
        border: 1px solid #920202;
        box-shadow: 2px 2px 10px rgba(51, 51, 51, 0.22);
        background: #981007; }
  .tents .tent:hover .image img {
    transform: scale(1.2); }
  .tents .tent:hover .image:after {
    opacity: 0; }
  .tents .tent:hover .desc p.price {
    font-size: 28px; }
  .tents .tent:hover .desc .quote button {
    background: #a7170d; }

#sectionx {
  width: 100%;
  z-index: -1;
  padding: 40px 0 0;
  height: 220px;
  background: url(https://getitdome.com/library/img/bg3.jpg) repeat;
  background-size: cover;
  background-attachment: fixed; }
  #sectionx h1 {
    color: #3a3a3a;
    text-align: center;
    margin: 0 0 10px;
    width: 100%;
    font-size: 23px;
    line-height: 27px; }
  #sectionx #clients {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    overflow: hidden; }
    #sectionx #clients .logo {
      display: block;
      width: 100%;
      padding: 20px 0;
      margin-bottom: 20px; }
      #sectionx #clients .logo img {
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 50%;
        height: auto; }

#contact {
  width: 100%;
  z-index: -1;
  background-size: 100%;
  color: #333;
  border-bottom: #e3e3e3 1px solid; }
  #contact .person {
    background: #f1f1f1;
    height: 270px;
    margin-top: 0px;
    padding: 20px 40px; }
  #contact form {
    background: #9a0000;
    background: linear-gradient(#9a0000, #b30600);
    background: -webkit-linear-gradient(#9a0000, #b30600);
    background: -o-linear-gradient(#9a0000, #b30600);
    background: -moz-linear-gradient(#9a0000, #b30600);
    margin-top: 0px;
    padding: 20px 40px; }
    #contact form p.h2 {
      color: #fff; }
    #contact form h4 {
      color: #333;
      font-size: 22px;
      margin: 30px 0 10px; }
    #contact form fieldset {
      border: none;
      margin: 0 2px 0px;
      padding: 0; }
    #contact form section {
      margin: 5px 0 10px; }
    #contact form section.half {
      float: left;
      margin: 0px 2% 15px 0;
      width: 48%;
      color: #424242; }
    #contact form label {
      color: #fff;
      font-size: 10px;
      display: block;
      padding: 0 3px 2px 5px; }
    #contact form input[type="text"], #contact form input[type="mail"], #contact form input[type="textarea"], #contact form input[type="tel"], #contact form input[type="email"] {
      line-height: normal;
      border: none;
      font-size: 10px;
      padding: 12px 10px;
      border-radius: 2px;
      border: 1px solid #7b0000;
      width: 80%;
      background: none;
      background: #fff;
      color: #5d5d5d; }
    #contact form textarea {
      overflow: auto;
      width: 89%;
      padding: 10px;
      height: 60px;
      border-radius: 2px;
      border: 1px solid #7b0000;
      font-size: 10px; }
    #contact form input[type="submit"] {
      -webkit-appearance: button;
      cursor: pointer;
      background: #ffffff;
      display: block;
      color: #000000;
      width: 110px;
      font-size: 10px;
      letter-spacing: 1px;
      font-family: "Raleway";
      font-weight: 600;
      margin-top: 40px;
      text-transform: uppercase;
      border-radius: 2px;
      padding: 12px;
      border: none; }
  #contact p.h1 {
    width: 300px;
    margin-top: 50px; }
  #contact p.h2 {
    color: #000000;
    position: relative;
    font-size: 22px;
    font-weight: 800; }
  #contact h3 {
    margin: 0; }
  #contact h6 {
    font-size: 9px;
    color: #c30000;
    letter-spacing: 1px;
    font-family: "Raleway";
    font-weight: 600;
    margin: 0 0 20px;
    text-transform: uppercase; }
  #contact .padd {
    padding: 0; }
    #contact .padd p {
      font-size: 18px; }
  #contact b {
    color: #9a0000;
    font-size: 12px;
    display: block;
    border-bottom: 1px solid #9a0000;
    width: 50px;
    font-weight: 600;
    padding-left: 40px;
    margin: 0 0 5px -40px; }

#almostfooter {
  width: 100%;
  z-index: -1;
  padding: 20px 0 0;
  background: #3a3a3a; }
  #almostfooter p {
    font-size: 13px;
    color: #fbfbfb;
    font-weight: 300;
    line-height: 18px;
    margin: 0; }
  #almostfooter svg {
    margin: 30px auto 15px;
    display: block; }

footer {
  border-top: 1px solid #191919;
  background: #1d1d1d; }
  footer p {
    text-align: center;
    font-size: 10px;
    color: #6f6f6f;
    padding: 10px;
    margin: 0; }
  footer a {
    color: #6f6f6f;
    text-decoration: none; }

.namiot .heh {
  background: #fff; }
.namiot .image {
  padding: 0;
  height: 200px;
  background: #0c0c0c;
  border-bottom: 4px solid #d21600;
  overflow: hidden; }
.namiot .image img {
  width: 100%;
  height: auto;
  margin-top: -200px;
  opacity: .25;
  display: block; }
.namiot .name {
  position: absolute;
  z-index: 99;
  width: 290px;
  left: 40px;
  top: 94px; }
  .namiot .name img {
    position: absolute;
    z-index: 99;
    width: 290px;
    left: 40px;
    top: 94px; }
  .namiot .name h1 {
    position: absolute;
    z-index: 999;
    left: 300px;
    top: 130px;
    color: #fff;
    font-size: 32px; }

/*********************
LARGER MOBILE DEVICES
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  .tents .tent .quote.active fieldset label {
    width: 50%; }

  #sectionx h1 {
    font-size: 28px;
    line-height: 32px; } }
/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  #section1 {
    height: 500px;
    background: url(https://getitdome.com/library/img/bg1.jpg) 50% 100%;
    background-size: cover; }
    #section1 #logo {
      width: 120px;
      display: block;
      margin: 0px 0 25px 20px; }
    #section1 h1 {
      width: 350px; }
    #section1 p.class3 {
      font-size: 18px;
      line-height: 24px;
      font-weight: 100;
      color: #777777;
      margin: 30px 0; }
    #section1 b {
      display: block; }
    #section1 a.btn {
      margin: 80px 0 0; }

  h1 {
    margin: 0;
    font-size: 77px;
    line-height: 68px;
    color: #383838;
    text-shadow: 15px 10px 10px rgba(53, 53, 53, 0.1); }

  p.h1 {
    margin: 0;
    color: #333;
    padding: 20px 0 20px 10px;
    font-size: 58px;
    font-weight: 800;
    line-height: 68px; }

  h2 {
    margin: 30px 0 55px;
    font-size: 58px;
    line-height: 58px;
    color: #383838;
    width: 300px;
    text-shadow: 15px 10px 10px rgba(53, 53, 53, 0.1); }

  #whatisit p.h1 {
    margin: 0;
    color: #333;
    padding: 50px 0 20px 10px;
    font-size: 58px;
    font-weight: 800;
    line-height: 68px; }
  #whatisit h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 30px 0 0px;
    line-height: 18px; }
  #whatisit p {
    font-size: 14px;
    line-height: 22px; }

  #possibilities {
    margin-bottom: 80px;
    position: relative;
    margin-top: -30px;
    padding-top: 15px; }
    #possibilities a.btn {
      margin: -70px 0 90px 0;
      width: 179px; }
    #possibilities .seemorebtn {
      display: none; }
    #possibilities .seemore.hidden {
      display: block; }

  .tents {
    margin-bottom: 40px; }
    .tents h1 {
      margin: 30px 0 55px;
      font-size: 58px;
      line-height: 58px;
      color: #383838; }
    .tents .tent {
      margin-bottom: 25px;
      padding: 0; }
      .tents .tent a.contact {
        width: 130px; }
      .tents .tent .seemorebtn {
        display: block; }
      .tents .tent .seemore .hide {
        display: block; }
      .tents .tent .image {
        overflow: hidden;
        width: 100%;
        height: 340px;
        position: relative;
        margin-top: 15px;
        z-index: 1;
        transition: all 1s ease-in; }
      .tents .tent .desc {
        padding-top: 80px;
        padding-bottom: 0px;
        width: 100%;
        border-right: 1px solid #f1f1f1;
        position: relative;
        z-index: 2; }
        .tents .tent .desc h4 {
          font-size: 18px;
          margin: 0px 0px 10px 70px; }
        .tents .tent .desc img {
          width: 100%;
          margin: 0;
          position: absolute;
          display: block;
          top: -175px; }
        .tents .tent .desc p.in {
          font-size: 11px;
          letter-spacing: 0.3px;
          color: #888888;
          font-weight: 100;
          border-left: 2px solid #e6260c;
          padding: 5px 0 5px 5px;
          margin: 0px 5px 0 70px; }
          .tents .tent .desc p.in b {
            font-weight: bold;
            color: #333; }
        .tents .tent .desc p.price {
          padding: 5px 10px;
          width: 130px;
          color: #232323;
          font-size: 26px;
          height: 30px;
          margin: 10px auto 0px;
          text-align: center;
          font-weight: 800;
          text-transform: uppercase;
          transition: all .2s ease-in; }
          .tents .tent .desc p.price span {
            display: block;
            font-size: 7px;
            font-weight: 400;
            color: #9c9c9c;
            letter-spacing: 0.5px;
            margin-bottom: -5px; }

  #sectionx {
    width: 100%;
    z-index: -1;
    padding: 40px 0 0;
    height: 250px;
    background: url(https://getitdome.com/library/img/bg3.jpg) repeat;
    background-size: cover;
    background-attachment: fixed; }
    #sectionx p.h2 {
      color: #1f1f1f;
      text-align: center;
      font-size: 28px;
      letter-spacing: .5px;
      font-weight: 800;
      margin: 30px 0 20px;
      line-height: 18px; }
    #sectionx #clients {
      width: 100%;
      height: 85px;
      margin: 0 auto;
      overflow: hidden; }
      #sectionx #clients .logo {
        display: block;
        width: 100%;
        padding: 20px 0;
        margin-bottom: 20px;
        height: 60px; }

  #contact {
    width: 100%;
    z-index: -1;
    height: 450px;
    background-size: 100%;
    color: #333;
    border-bottom: #e3e3e3 1px solid; }
    #contact p.h1 {
      width: 300px;
      margin-top: 50px; }
    #contact form {
      margin-top: 0px;
      padding: 20px 40px; }

  #almostfooter {
    width: 100%;
    z-index: -1;
    padding: 50px 0 0;
    height: 170px;
    background: #3a3a3a; }
    #almostfooter svg {
      margin: 0; } }
/*********************
DESKTOP
*********************/
@media only screen and (min-width: 992px) {
  /******************************************************************
  Site Name: Biokominki
  Author: BrandingBears
  
  Stylesheet: 992up
  
  ******************************************************************/ }
/*********************
LARGE VIEWING SIZE
*********************/
@media only screen and (min-width: 1200px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
  .container-min {
    width: 1040px !important; }

  #section1 {
    height: 550px;
    background: url(https://getitdome.com/library/img/bg1.jpg) 50% 100%;
    background-size: cover; }
    #section1 #logo {
      width: 120px;
      display: block;
      margin: 0px 0 25px 20px; }

  .tents .tent .desc img {
    top: -105px; } }
/*********************
EKSTRA ŁUKASZ
*********************/
@media only screen and (min-width: 1600px) {
  /******************************************************************
  Site Name: Biokominki
  Author: BrandingBears
  
  Stylesheet: Super Large Monitor Stylesheet
  
  ******************************************************************/ }
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/

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