:root {
  --main: #76b729;
  --white: #ffffff;
  --black: #040507;
}

* {
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: none;
}

.page {
  width: 100%;
  height: auto;
  background-color: var(--black);
  font-family: Helvetica, sans-serif;
}

.container {
  /* width: 95%; */
  max-width: 1360px;
  margin: 0 auto;
  background-color: #000;
}

@media (max-width: 1360px) {
  .container {
    width: 100%;
  }
}

.h1 {
  font-weight: 600;
  font-size: 3rem;
  color: var(--main);
}

.h1 span {
  color: var(--white);
}

.section__name {
  font-size: 2.8rem;
  font-weight: 600;
  color: var(--white);
}

.section__text {
  font-weight: 300;
  font-size: 1.4rem;
  color: var(--white);
  opacity: 0.8;
}
.section__text a {
  color: var(--white);
}

/* HERO */

.hero__wrapper {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5rem 3rem;
}

.hero__img {
  width: 40%;
  min-width: 265px;
}

.hero__img img {
  display: block;
  width: 100%;
  height: auto;
}

.hero__info {
  width: 55%;
  min-width: 265px;
}

.hero__logo {
  width: 35%;
  margin-left: auto;
  margin-right: 1.5rem;
}

.mobile {
  display: none;
}
.hero__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.hero__name {
  margin: 3.5rem 0 2rem 0;
}

/* MODELS */

.models__wrapper {
  display: flex;
  padding: 3rem 0 2rem 0;
  flex-wrap: wrap;
}

.models__img {
  width: 100%;
  min-width: 200px;
}

.models__img img {
  display: block;
  width: 100%;
  height: auto;
}


/* PROMO */

.promo__wrapper {
  padding: 1rem 5rem;
}

.promo__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.promo__item {
  width: 47%;
  min-width: 265px;
  padding: 1.5rem 1rem 1.5rem 0;
  display: flex;
  align-items: start;
}

.promo__item_img {
  width: 20%;
  margin-right: 1.5rem;
}

.promo__item_img img {
  display: block;
  width: 100%;
  height: auto;
}

.promo__item_info {
  width: 75%;
}

.promo__item_name {
  color: var(--main);
  font-size: 1.8rem;
  margin-bottom: 0.3rem;
}

.promo__item_text {
  font-size: 1.25rem;
  line-height: 1.5rem;
}


/* FOOTER */

.footer {
  background-color: #1f1f1f;
}
.footer__wrapper {
  background-color: #1f1f1f;
  text-align: center;
  padding: 1.5rem 1rem;
}

.footer__text {
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.1rem;
  color: var(--white);
  opacity: 0.6;
}
.footer__text a {
  color: var(--white);
}

@media (max-width: 1360px) {
  .page {
    padding-top: 0;
  }

  .hero__logo {
    margin-right: 3rem;
  }

  .hero__wrapper {
    padding: 5rem 1rem 2rem 2rem;
  }
  .models__wrapper {
    padding: 5rem 0 0 0;
  }

  .promo__wrapper {
    padding: 5rem;
  }
}

@media (max-width: 992px) {
  .models__img {
    width: 100%;
  }
  .hero__logo {
    margin-right: 3rem;
  }
}

@media (max-width: 768px) {
  .hero__wrapper {
    align-items: center;
    flex-direction: column;
  }
  .hero__info {
    width: 80%;
  }
  .hero__logo {
    width: 35%;
    margin: 0 auto 4rem;
  }

  .mobile {
    display: block;
  }
  .desc {
    display: none;
  }

  .models__wrapper {
    padding: 2rem 0 0 0;
  }

  .models__img {
    width: 100%;
  }

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

  .promo__items {
    justify-content: center;
  }
  .promo__item {
    width: 80%;
  }

  .section__text.smartMix__text {
    opacity: 1;
    width: 100%;
  }
}

@media (max-width: 576px) {
  .h1 {
    font-size: 2.2rem;
  }
  .section__name {
    font-size: 2rem;
  }
  .section__text {
    font-size: 1.2rem;
  }
  .hero__wrapper {
    padding: 3rem 1rem 3rem 1rem;
    text-align: center;
    flex-direction: column;
  }
  .hero__info {
    width: 100%;
  }
  .hero__logo {
    width: 35%;
    margin: 0 auto 4rem;
  }
  .hero__name {
    margin: 2.5rem 1rem 2rem 1rem;
  }
  .mobile {
    display: block;
  }
  .desc {
    display: none;
  }

  .models__img {
    width: 100%;
  }

  .promo__wrapper {
    padding: 3rem 1rem;
  }
  .promo__item {
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem 0;
  }
  .promo__item_img {
    margin: 0 0 1.5rem 0;
  }
  .promo__item_name {
    font-size: 1.6rem;
  }

  .promo__item_text {
    font-size: 1.15rem;
  }

  .footer__text {
    line-height: 1.3;
    font-size: 0.9rem;
  }
}




#lp_wrapper img {
    max-width: 100%;
    height: auto;
}
#lp_wrapper {
    width: 1360px !important;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
body {
  margin: auto;
}
#lp_wrapper .sg_sprawdz {
    position: relative;
    display: inline-block;
    text-decoration: none;
    /*
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    */
    font: 14px "robotoregular","Arial";
    color: #fff !important;
    background: #ff6000;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    border: 0 none;
    border-radius: 2px;
    outline: 1px solid rgba(255,255,255,0);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: .15s;
    line-height: normal;
    padding: 14px 20px;
    width: 200px;
}
#lp_wrapper .sg_sprawdz:hover {
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
    -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
    -ms-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
    -o-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
    text-decoration:none;
    color: #fff;
    background:#f80
}
#lp_wrapper .sg_sprawdz:active {
    -webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
    -moz-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
    -ms-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
    -o-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
    box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
    background:#ff6000;
    animation:btn_primary 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}
#lp_wrapper .sg_sprawdz.auto,
#lp_wrapper .sg_sprawdz-red.auto,
#lp_wrapper .sg_sprawdz-blue.auto {
  width: auto;
  padding-left: 28px;
  padding-right: 28px;
}
#lp_wrapper .sg_sprawdz {
  width: 200px;
  max-width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#lp_wrapper .sg_sprawdz.wider,
#lp_wrapper .sg_sprawdz-red.wider,
#lp_wrapper .sg_sprawdz-blue.wider {
  width: 285px;
}
#lp_wrapper .sg_sprawdz.disn {
    opacity: 0;
    pointer-events: none;
}
#lp_wrapper .btn-wrapper {
  /* margin-left: -5px;
  margin-right: -5px; */
  margin: 10px -5px;
  text-align: left;
}
#lp_wrapper .btn-wrapper .sg_sprawdz {
  margin: 5px;
}
/* @media (max-width: 959px) {
  #lp_wrapper .btn-wrapper {
    text-align: center;
  }
} */

#lp_wrapper .btn-center {
  text-align: center;
  margin: 30px auto;
  /* padding: 10px 0; */
  width: 100%;
}
#lp_wrapper .btn-center .sg_sprawdz {
    vertical-align: top;
    margin: 5px;
}
@media (max-width: 959px) {
  #lp_wrapper .sam_models .sg_sprawdz {
      margin: 0 auto 35px;
  }
}
#lp_wrapper .padding__right_84 .sg_sprawdz {
    margin: 40px 0;
}
#lp_wrapper .linkSG {
  word-wrap: break-word;
  -moz-user-select: all;
  -khtml-user-select: all;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.clear {
  clear: both;
  width: 100%;
}
#lp_wrapper .video-container {
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
}
#lp_wrapper .video-container iframe, #lp_wrapper .video-container object, #lp_wrapper .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#lp_wrapper .box-video {
  width: 100%;
  margin: 40px auto;
}
#lp_wrapper .responsive {
  max-width: 100%;
  height: auto;
  display: block;
}
#lp_wrapper .form {
  font-size: 18px;
  line-height: normal;
  font-weight: normal;
  word-wrap: break-word;
  margin: 20px auto 0;
  display: block;
  text-align: center;
  padding: 0 20px;
  /* color: #fff; */
}


#lp_wrapper div.sg_ft_in{font:normal 400 16px/24px poppins !important;color:#000;max-width:1360px;margin:0 auto;box-sizing:border-box;padding:10px 0px;width:100%;text-align:left !important;background:#fff}#lp_wrapper div.sg_ft_in a{font:normal 400 16px/24px poppins;color:#0D4DE4;text-decoration:none}#lp_wrapper div.sg_ft_in .sg_ft_reg{display:inline-block}@media(max-width:1360px){#lp_wrapper div.sg_ft_in{padding:10px 5px}}@media(max-width:500px){#lp_wrapper div.sg_ft_in,#lp_wrapper div.sg_ft_in a{font:normal 400 14px/20px poppins !important}}
