#home .r h1,
#informacje .items .item .txt1,
#informacje h6,
#informacje2 h6,
#informacje2 p,
#zamow .r h6 {
   text-transform: uppercase
}

body,
html {
   width: 100%;
   height: 100%
}
*{
   box-sizing: border-box;
}
@media(min-width:767px) {
   .navbar {
      padding: 20px 0;
      -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
      -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
      transition: background .5s ease-in-out, padding .5s ease-in-out
   }

   .top-nav-collapse {
      padding: 0
   }
}

.about-section,
.contact-section,
.intro-section,
.services-section {
   height: 100%;
   padding-top: 150px;
   text-align: center
}

.intro-section {
   background: #fff
}

.about-section {
   background: #eee
}

.services-section {
   background: #fff
}

.contact-section {
   background: #eee
}

#home,
#kontakt {
   background-position: center center
}

#home .container,
#home .r ul li,
#home .row,
#informacje .items .item,
#informacje2,
#opinie,
#opinie .items .item .txt {
   background-repeat: no-repeat
}

* {
   font-family: "Roboto", sans-serif !important
}

#home {
   margin-top: 0;
   background-image: url(../img/header_bg.png);
   background-size: 100% auto
}

#home .container {
   background-image: url(../img/header_img2.png);
   background-position: 91% top
}

#home .row {
   background-image: url(../img/header_img3.png);
   background-position: 102% bottom;
   height: 673px
}

#home .l img {
   margin-left: -38px;
   margin-top: 101px
}

#home .r {
   letter-spacing: -1px;
   padding-left: 55px;
   padding-top: 113px
}

#home .r h1 {
   color: #009f95;
   font-size: 71px;
   font-weight: 900;
   margin-bottom: 0
}

#home .r ul {
   list-style: none;
   margin-left: 4px;
   margin-top: 17px;
   padding: 0
}

#home .r ul li {
   background-image: url(../img/dot.png);
   background-position: left center;
   color: #00a197;
   font-size: 29px;
   font-weight: 300;
   line-height: 1;
   margin-bottom: 10px;
   padding-left: 33px
}

#home .r .btn-order {
   background-image: url(../img/btn1.png);
   background-size: 100% 100%;
   color: #fff;
   cursor: pointer;
   display: block;
   font-size: 53px;
   font-weight: 300;
   height: 96px;
   line-height: 1;
   margin-top: 30px;
   padding: 19px 11px 24px;
   text-align: center;
   text-decoration: none !important;
   width: 399px
}

.navbar {
   padding: 22px 0
}

.navbar-brand {
   padding: 0
}

.navbar-default {
   background-color: #009F95;
   border-color: #009F95
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
   margin-left: 28px
}

.navbar-nav {
   float: right;
   margin-right: -9px;
   margin-top: 9px
}

.navbar-default .navbar-nav>li>a {
   color: #fff;
   font-size: 22px;
   font-weight: 500;
   letter-spacing: -1px;
   padding: 10px 9px;
   text-transform: uppercase
}

.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
   font-weight: 800 !important;
   color: #fff !important;
   background-color: transparent !important;
}

#informacje2,
#opinie {
   background-image: url(../img/opinions_bg.png);
   background-position: center top;
   background-size: 117% auto;
   color: #fff;
   padding-bottom: 35px;
   padding-top: 99px;
   text-align: center
}

#opinie .items .item {
   padding: 0 6px
}

#opinie .items .item .name {
   font-size: 23px;
   font-weight: 600;
   margin-top: 20px
}

#opinie .items .item .txt {
   background-image: url(../img/q1.png);
   background-position: left top;
   font-size: 13px;
   line-height: 1.2;
   padding-left: 21px;
   padding-top: 8px
}

#opinie .items .item .txt .in {
   background-image: url(../img/q2.png);
   background-position: right bottom;
   background-repeat: no-repeat;
   padding-bottom: 8px;
   padding-right: 13px
}

#opinie p {
   font-size: 20px;
   font-weight: 600;
   margin-top: 50px
}

#informacje2 .btn-order,
#opinie .btn-order {
   border: 4px solid #fff;
   border-radius: 9px;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-size: 44px;
   font-weight: 300;
   line-height: 1;
   margin-top: 30px;
   padding: 10px 42px 13px;
   text-decoration: none
}

#informacje {
   color: #00A197;
   padding-top: 98px;
   padding-bottom: 40px;
   text-align: center
}

#informacje .items .item {
   background-image: url(../img/dot.png);
   background-position: center top;
   margin-bottom: 35px;
   padding-top: 23px
}

#informacje .items .item .txt1 {
   font-size: 23px;
   font-weight: 600
}

#informacje .items .item .txt2 {
   font-size: 18px;
   line-height: 1.2
}

#informacje h6 {
   font-size: 35px;
   font-weight: 900;
   margin-bottom: 20px;
   margin-top: 16px
}

#informacje p {
   font-size: 22px;
   line-height: 1.2
}

#informacje .btn-order {
   background-image: url(../img/btn2.png);
   color: inherit;
   cursor: pointer;
   display: inline-block;
   font-size: 24px;
   font-weight: 300;
   height: 57px;
   margin-top: 32px;
   padding-top: 9.5px;
   text-decoration: none;
   width: 227px
}

/*#informacje .btn-order span,#informacje h6 span{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background:gradient(linear,left top,right top,from(#00D1C4),to(#00A197));background-clip:text;text-fill-color:transparent}*/
#informacje2 .items .item,
#kontakt,
#kontakt .item,
#zamow {
   background-repeat: no-repeat
}

#informacje2 {
   padding-top: 60px
}

#informacje2 h6 {
   font-size: 34px;
   font-weight: 900;
   margin-bottom: 38px
}

#informacje2 .items .item {
   background-image: url(../img/dot2.png);
   background-position: center top;
   font-size: 21px;
   font-weight: 600;
   line-height: 1.2;
   margin-bottom: 24px;
   padding-top: 23px
}

#informacje2 p {
   font-size: 24px;
   font-weight: 600;
   margin-top: 34px
}

#informacje2 .btn-order {
   margin-top: 20px
}

#zamow {
   padding-top: 99px;
   padding-bottom: 20px;
   background-image: url(../img/zamow_bg.png);
   background-position: center top;
   background-size: 117% auto
}

#zamow .l img {
   margin-left: -101px
}

#zamow .r {
   color: #00a197;
   padding-left: 108px;
   padding-top: 125px;
   text-align: center
}

#zamow .r h6 {
   font-size: 29px;
   font-weight: 900;
   line-height: 1;
   margin: 23px 0 8px
}

#zamow .r p {
   font-size: 22px;
   letter-spacing: -1px;
   line-height: 1.2
}

#efekty .btn-order,
#zamow .btn-order {
   background-image: url(../img/btn3.png);
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-size: 34px;
   font-weight: 300;
   height: 64px;
   margin: auto auto auto -137px;
   padding-top: 6px;
   text-align: center;
   text-decoration: none;
   width: 257px;
   position: relative;
   z-index: 10
}

#zamow .btn-order-o {
   margin-top: -86px
}

#efekty .btn-order {
   margin: auto;
   display: inline-block
}

#efekty {
   color: #009f95;
   font-size: 63px;
   font-weight: 900;
   padding: 99px 0 50px
}

#efekty .mainimg {
   margin-bottom: 10px
}

#kontakt {
   background-image: url(http://firstclick.pro/apollofiles/landing/0LR6JRLY/img/footer_bg.png);
   background-size: 103% auto;
   padding-top: 185px;
   color: #fff;
   font-size: 22px
}

#kontakt ul {
   padding: 0;
   list-style: none
}

#kontakt .h,
#kontakt .item {
   padding-left: 44px;
   text-transform: uppercase
}

#kontakt ul li a {
   color: #fff;
   display: block;
   line-height: 1;
   margin-bottom: 50px;
   text-decoration: none;
   text-transform: uppercase
}

#kontakt .item {
   background-position: left 1px;
   background-size: auto 28px;
   font-size: 21px;
   line-height: 1.1;
   min-height: 30px
}

#kontakt .item.address {
   background-image: url(http://firstclick.pro/apollofiles/landing/0LR6JRLY/img/contact1.png);
   margin-top: 41px
}

#kontakt .item.email {
   background-image: url(http://firstclick.pro/apollofiles/landing/0LR6JRLY/img/contact2.png);
   margin-top: 74px;
   padding-top: 4px
}

#kontakt .item.email a {
   color: #fff;
   text-decoration: none
}

#kontakt .slogan1 {
   font-size: 74px;
   font-weight: 900;
   line-height: 1;
   text-transform: uppercase
}

#kontakt .slogan2 {
   font-size: 37px;
   font-weight: 300;
   line-height: 1;
   margin-bottom: 52px;
   margin-top: 23px
}

#kontakt .imgs img {
   margin-right: 57px
}

#kontakt .imgs img:last-child {
   margin-right: 0
}

#kontakt .up {
   padding-bottom: 60px;
   padding-top: 30px
}

#kontakt .copy {
   font-size: 21px;
   padding-bottom: 30px
}

#kontakt .copy a {
   color: #fff;
   text-decoration: none
}

#popupout {
   background-color: rgba(0, 159, 149, .7);
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 9999;
   display: none
}

#popup {
   background-color: #fff;
   border: 5px solid #fff;
   max-height: 90%;
   position: fixed;
   top: 50%;
   right: 50%;
   transform: translate(50%, -50%);
   margin-left: -30%;
   padding: 35px 40px;
   max-width: 480px;
   width: 100%;
   border-radius: 5px
}

#popup .alert {
   text-align: center;
   display: none
}

#popup .close {
   height: 26px;
   position: absolute;
   right: 15px;
   top: 15px;
   width: 26px
}

#popup input::-webkit-input-placeholder {
   color: #00887e;
   font-family: "Roboto", sans-serif
}

#popup input::-moz-placeholder {
   color: #00887e;
   font-family: "Roboto", sans-serif
}

#popup input:-ms-input-placeholder {
   color: #00887e;
   font-family: "Roboto", sans-serif
}

#popup input:-moz-placeholder {
   color: #00887e;
   font-family: "Roboto", sans-serif
}

#popup .h {
   color: #00887e;
   font-size: 29px;
   font-weight: 900;
   line-height: 1;
   margin-bottom: 0;
   text-align: center;
   text-transform: uppercase
}

#popup .h2 {
   color: #008a80;
   font-size: 17px;
   font-weight: 900;
   margin: 0
}

#popup .l .item1 .txt1,
#popup .l .item1 .txt2 {
   font-size: 13px;
   line-height: 1
}

#popup .l .item1 .txt2 > span {
   margin: 0 5px;
}

#popup .l .item1 .txt2 .al-cost {
   color: red;
}

/*#popup .h span,#popup .h2 span{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background:gradient(linear,left top,right top,from(#1CD3C8),to(#008a80));background-clip:text;text-fill-color:transparent}*/
#popup .l .item1 {
   text-align: center;
   color: #008a80
}

#popup .l .item1 .txt2 {
   font-size: 20px;
   font-weight: 600;
   margin-top: 7px;
}

#popup .l .item2,
#popup .r .item4 {
   margin-top: 20px
}

#popup .l .item2 .h2 {
   margin-bottom: 15px;
   text-align: center
}

#popup .l .item2 input {
   border-radius: 5px;
   color: #00887e;
   font-size: 12px;
   height: 42px;
   line-height: 1;
   padding: 0 10px;
   text-align: left;
   width: 100%
}

#popup .r .cb {
   color: #00887e;
   font-size: 17px;
   font-weight: 400;
   margin-top: 48px
}

#popup .r .cb input {
   margin-right: 15px
}

#popup .r .item4 {
   padding-top: 157px
}

#popup .r .item4 table {
   margin-top: 16px;
   width: 100%
}

#popup .r .item4 table td {
   color: #00a197;
   font-size: 17px;
   padding-bottom: 15px;
   padding-left: 16px
}

#popup .r .item4 table tr td:last-child {
   text-align: right
}

#popup .r .item4 .cb {
   margin-left: -16px;
   margin-top: 5px
}

#popup .r .item4 .cb a {
   color: inherit;
   font-weight: 600;
   text-decoration: underline
}

#popup input[type=submit] {
   background-color: #00887e;
   border: none;
   border-radius: 5px;
   color: #fff;
   display: block;
   font-size: 28px;
   font-weight: 300;
   line-height: 1;
   margin: 15px auto;
   padding: 9px 21px 12px;
   background-image: url(../img/submit.png);
   background-size: 100% auto
}

#thanks {
   padding-bottom: 0;
   padding-top: 146px
}

#thanks img {
   display: block;
   margin: 40px auto auto
}

#thanks h1 {
   color: #009f95;
   font-weight: 900
}

#thanks h1.err {
   color: red
}

@media (max-width:1496px) {

   #popup .h2,
   #popup .r .cb {
      font-size: 13px
   }

   #popup .l .item2 input {
      font-size: 11px;
      padding: 8px 3px 9px
   }
}

@media (max-width:1300px) {

   #popup .col-lg-2,
   #popup .col-lg-5 {
      width: 100%;
      float: none;
      text-align: center
   }

   popup .h2 {
      margin: 29px 0 0
   }

   #popup .r .cb {
      margin-top: 13px
   }

   #popup .r .item4 {
      padding-top: 0
   }

   #popup .r .item4 table td {
      padding-left: 0;
      text-align: left
   }

   #popup .r .item3 {
      margin-top: 27px
   }
}

@media (max-width:1199px) {

   #home .row,
   #kontakt,
   #zamow .r {
      text-align: center
   }

   #home {
      background-size: auto 100%
   }

   #home .row {
      height: auto;
      padding-bottom: 30px
   }

   #home .l img {
      margin-left: auto;
      margin-top: 75px
   }

   #home .r {
      padding-left: 15px;
      padding-top: 14px
   }

   #home .r ul li {
      background: 0 0;
      padding: 0
   }

   #informacje2,
   #kontakt,
   #opinie,
   #zamow {
      background-size: auto 100%
   }

   #home .r .btn-order {
      margin: 25px auto auto
   }

   #home .container,
   #home .row {
      background-image: none
   }

   #zamow {
      padding-bottom: 40px
   }

   #zamow .l img {
      display: block;
      margin-left: auto;
      margin-right: auto
   }

   #zamow .btn-order {
      margin: auto;
      display: block
   }

   #zamow .btn-order-o {
      margin-top: 15px
   }

   #zamow .r {
      color: #00a197;
      padding-left: 15px;
      padding-top: 15px
   }

   #kontakt {
      padding-top: 134px
   }

   #kontakt .h,
   #kontakt .item {
      background-image: none !important;
      padding-left: 0
   }

   #kontakt .item.email {
      margin-bottom: 30px;
      margin-top: 10px
   }

   #kontakt .item.address {
      margin-top: 10px
   }
}

@media (max-width:991px) {
   .navbar-default .navbar-nav>li>a {
      font-size: 18px
   }

   .navbar-nav {
      margin-top: 8px
   }
}

@media (max-width:767px) {
   .navbar-default .navbar-toggle {
      background-color: #fff !important;
      border-color: #fff
   }

   .navbar-default .navbar-toggle .icon-bar {
      background-color: #009f95
   }

   .navbar-nav {
      float: none !important;
      margin: 18px 0 0 !important;
      padding: 0 !important;
      text-align: center;
      width: 100%
   }

   .navbar {
      padding: 10px 0
   }

   .navbar-brand>img {
      max-height: 88%
   }

   #home {
      margin-top: 0
   }

   #efekty .mainimg img,
   #home .l img,
   #zamow .l img {
      max-width: 70%
   }
}

@media (max-width:680px) {
   #popup {
      margin-left: -47%;
      padding: 35px 11px;
      width: 94%
   }

   #popup .close {
      top: 7px
   }
}

@media (max-width:499px) {
   #home .r h1 {
      font-size: 42px
   }

   #home .r ul li {
      font-size: 20px
   }

   #home .r .btn-order {
      height: 66px;
      padding: 14px 11px 24px;
      width: 259px;
      font-size: 38px
   }

   #opinie .items .item {
      margin-bottom: 30px
   }

   #informacje h6,
   #informacje p,
   #opinie p {
      padding: 0 15px;
      font-size: 16px
   }

   #informacje2 .items,
   #informacje2 h6,
   #informacje2 p {
      padding: 0 15px
   }

   #informacje2 h6 {
      font-size: 21px
   }

   #informacje2 .items .item,
   #informacje2 p {
      font-size: 16px
   }

   #informacje2 .btn-order,
   #opinie .btn-order {
      font-size: 30px
   }

   #zamow .r h6 {
      font-size: 20px
   }

   #kontakt,
   #kontakt .item {
      font-size: 16px
   }

   #kontakt {
      padding-top: 90px
   }

   #kontakt .h {
      margin-top: 50px
   }

   #kontakt ul li a {
      margin-bottom: 10px
   }

   #kontakt .slogan1 {
      font-size: 35px
   }

   #kontakt .slogan2 {
      font-size: 19px;
      margin-bottom: 52px
   }

   #kontakt .imgs img {
      margin: auto
   }

   #kontakt .copy {
      font-size: 14px
   }
}

@media (max-width:480px) {
   #popup .h,
   #popup input[type=submit] {
      font-size: 21px
   }
   #popup {
      padding-top: 15px;
   }
   #popup .close {
      right: 2px;
      top: 2px;
   }
   #popup .item1 img {
      height: 150px;
   } 
}
@media (max-width:360px) {
   #popup .h {
      margin-bottom: 0;
   }
}


form .input-wrapper label {
   display: none
}

form .input-wrapper {
   width: 100%;
   position: relative;
   margin-bottom: 20px;
}

form .input-wrapper .error {
   border: 1px solid red !important;
   padding-top: 6px !important;
}

form .input-wrapper .error+label {
   width: 100%;
   height: 100%;
   color: red;
   display: block !important;
   font-size: 11px;
   line-height: 17px;
   position: absolute;
   top: 0;
   left: 10px;
   text-align: left
}

form .input-wrapper .error+label:before,
form .input-wrapper .error+label:after {
   content: "";
   position: absolute;
   right: 30px;
   top: 50%;
   width: 3px;
   height: 21px;
   background-color: red
}

form .input-wrapper .error+label:before {
   -webkit-transform: translate(0, -50%) rotate(135deg);
   transform: translate(0, -50%) rotate(135deg)
}

form .input-wrapper .error+label:after {
   -webkit-transform: translate(0, -50%) rotate(45deg);
   transform: translate(0, -50%) rotate(45deg)
}

.target_list_wrap {
   width: 100%;
   position: relative;
   margin-bottom: 20px;
}

.js-select {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}

select.js-select.form-control {
   border-radius: 5px;
   color: #00887e;
   font-size: 12px;
   height: 42px;
   line-height: 1;
   padding: 0 10px;
   text-align: left;
   width: 100%;

}
button {
   background-color: #00887e;
   border: none;
   border-radius: 5px;
   color: #fff;
   display: block;
   font-size: 28px;
   font-weight: 300;
   line-height: 1;
   margin: 0 auto;
   margin-top: -10px;
   padding: 9px 21px 12px;
   background-image: url(../img/submit.png);
   background-size: 100% auto;
}
@media (max-width: 1496px) {
   select.js-select.form-control {
      font-size: 11px;
      padding: 8px 3px 9px;
   }
}
footer {
   color: #009F95;
   padding: 15px;
   font-size: 12px;
   text-align: center;
}
footer a{
   color: #009F95;
   text-decoration: none;
}