/*
Theme Name: inwentech
Theme URI: 
Description: Motyw dla strony 
Author: RoxArt
Author URI: https://roxart.pl/
Version: 0.3
*/
header {
  padding: 154px 0 100px;
}
body {
  font-family: 'Poppins', sans-serif;
}
img {
  max-width: 100%;
}
.posAbs {
  position: absolute;
  right: 0;
  top: 0px;
  overflow: hidden; 
  z-index:  999999999999;
}
.posAbs .left {
    float: left;
    background: red;
    color: #fff;
    width: 50px;
    text-align: center;
    height: 76px;
    border: 1px solid red;
    cursor: pointer;
}
.posAbs .left  p {
      line-height: 76px;
    font-size: 50px;
    margin-bottom: 0;
}
.posAbs .left:hover p {
    transform:  scale(1.1);  
}
.posAbs .right {
  float: left;
  width: 0;
  line-height:  76px;
  background: red;

}
.posAbs .right.displ {
  width: auto;
   padding: 0 15px;
}
.posAbs a.downloadApp {
  border: none;
  background: transparent;
  color: #fff;
  padding: 0px 25px 0 0;
  margin-bottom: 0px;
}
.unia {
  position: absolute;
  right: 0;
  top: 76px;
  max-width: 150px;
}
.posAbs a.downloadApp:hover {
  text-decoration: underline;
}
a, #mainNav, .myMenuContainer.navbar-shrink .topContainer, .wpcf7-submit, #contactContaier .file-container input[type="button"], .woocommerce div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.features-icons .features-icons-item .features-icons-icon i {
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}
a:hover {
  text-decoration: none;
  color: #B6202A;
}
a.button {
  padding: 10px 20px;
  font-size: 15px;
  border: 1px solid #2098D1;
}
.hvr-underline-reveal:before {
    background: #ffffff;
    height: 2px
}
.navbar, .myMenu {
  padding: 0;
} 
.myMenu {
list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.myMenu li {
  float: left;
}
.navbar-expand-lg .navbar-nav li a, .myMenu li a {
  color: #fff;
  padding: 15px !important;
  display: block;
  text-transform: lowercase;
  border-bottom: 2px solid transparent;
}
.myMenu li a:hover, .myMenu li a.currentItem {
  border-color: #fff;
}
a.downloadApp {
  padding: 8.5px 23px;
  color: #A01B25;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
}
a.downloadApp.invertColor {
  color: #fff;
  background: transparent;
}
a.downloadApp.redInvertColor {
  color: #242021;
  background: transparent;
  border-color: #B6202A; 
}
a.downloadApp.redButton {
  background: #B6202A;
  color: #fff;
  border-color: #B6202A;
  padding: 9px 23px;
  margin-right: 26px; 
}
a.downloadApp:hover {
  color: #fff;
  background: transparent;
}
a.downloadApp.invertColor:hover {
  color: #A01B25;
  background: #fff;
}
a.downloadApp.redInvertColor:hover {
  background: #B6202A; 
  color: #fff;
}
a.downloadApp.redButton:hover {
  background: transparent; 
  color: #B6202A;
}
.topContainer {
  padding: 10px 0 0;
}
header.masthead {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
header.masthead .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}
header.masthead h1 {
  font-size: 2rem;
}
.features-icons .features-icons-item .features-icons-icon i {
    color: #7d8693;
}
.features-icons .features-icons-item:hover .features-icons-icon i {
    color: #465872;
}
#about {
  padding: 0 0 7rem; 
}
.features-icons p.lead {
  font-size: 18px;
  line-height: 18px;
}
.myMenuContainer.navbar-shrink {
  background: #b6202ac9;
}
.myMenuContainer.navbar-shrink .topContainer {
    padding: 0;
}
.myMenuContainer.navbar-shrink .topContainer .myMenu li a{
    padding: 25px 15px !important;
}
footer {
  background: #000;
  color: #fff;
  padding: 50px 0;
}
footer a {
  color: #fff;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footerDesc {
  font-size: 14px;
  line-height: 23px;
  margin-top: 20px;
}
p.lead {
  margin-bottom: 30px;
}
.relative {
  position: relative;
}
.relative img {
  position: absolute;
  transform: translateX(-50%);
  max-width: unset;
}
.masthead h2 {
    font-weight: 700;
    font-size: 45px;
    margin: 0;
}
.masthead h3 {
    margin: 0;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 45px;
}
.masthead a {
  margin-right: 15px;
}
h3.header {
  font-weight: 800;
  font-size: 37px;
}
.features-icons h3.header {
  margin-bottom: 41px;
}
.features-icons h4 {
  color: #666666;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  line-height: 33px;
  margin-bottom: 9px;
}
.features-icons h4 + p{
  color: #666666;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
#about h3.header {
  margin: 25px 0; 
}
#about h3 + p {
    font-size: 13px;
    line-height: 23px;
}
#doradztwo {
  background: #F0F0F0;
}
#doradztwo .text-lg-right {
  padding: 110px 85px 116px;
}
#doradztwo h3.header {
    font-size: 41px;
    margin-bottom: 6px;
}
#doradztwo h4 {
  font-weight: 400;
    font-size: 35px;
    color: #D0242F;
    margin: 0 0 23px;
}
#doradztwo h4 + p {
    font-size: 15px;
    margin-bottom: 51px;
}
#wycenaProjektu {
  background: #B6202A;
}
#wycenaProjektu .text-lg-left {
  padding: 68px 15px 110px 85px;
}
#wycenaProjektu h3.header {
font-size: 50px;
    margin-bottom: 6px;
    font-weight: 600;
}
#wycenaProjektu h3 + p {
    font-weight: 300;
    margin-bottom: 33px;
}
#bgBottom .minHeigh {
  background: url(img/bg_after_offer.png) no-repeat top center;
  background-size: cover;
  min-height: 22vh;
  background-position-y: -9vh;
  background-position-x: 45px;
}
#aboutApp .text-right img {
  max-width: unset;
  width: 100%;
  height: auto;
}
#aboutApp .no-gutters {
  height: 100%;
}
#aboutApp h3.header {
  margin-bottom: 23px;
  font-size: 48px;
}
#aboutApp h3 + p {
    margin-bottom: 28px;
    padding: 0 30px 0 0; 
}
#aboutAppNext p {
  font-size: 14px;
  line-height: 23px;
}
#contact {
  padding: 100px 0 85px;
}
#contact h3.header {
    margin-bottom: 46px;
}
.posRelative {
  position: relative;
}
.posAbsolute {
  position: absolute;
  width: 300px;
  min-height: 170px;
  -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
  background: #fff;
  padding: 30px 20px;
  right: 50%;
  transform: translateX(-10%);
  top: 40px;
}
.posAbsolute p {
  margin: 0;
  line-height: 20px;
  font-size: 15px;
}
.width100 {
  float: left;
  width: 100%;
}
.width100 .image {
  float: left;
  margin-right: 10px;
}
.width100 .text {
  float: left;
}
.width100 .text.mb20 {
  margin-bottom: 20px;
}
#map {
  min-height: 350px;
}
#contactContaier {
  padding: 80px 0;
}
#contactContaier h3 {
  margin-bottom: 25px;
}
#contactContaier p {
  margin: 0;
}
#contactContaier span {
  display: block;
}
#contactContaier span.wpcf7-list-item {
  margin-left: 0;
  font-size: 12px;
} 
#contactContaier span.wpcf7-list-item-label {
  max-width: 500px;
  line-height: 12px; 
  float: left;
}
#contactContaier span input[type='checkbox'] {
  width: 13px;
  cursor: pointer;
  float: left;
  margin-right: 15px;
}
#contactContaier span input, #contactContaier span textarea {
  padding: 5px 15px;
  width: 100%;
  resize: none;
  max-width: 500px;
}
.wpcf7-submit {
  background: #B6202A;
  color: #fff;
  border: 2px solid #B6202A;
  padding: 9px 23px;
  margin-right: 26px;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  border-radius: 20px;
}
.wpcf7-submit[disabled], .wpcf7-submit[disabled]:hover {
    background: #c54f5778;
    border-color: #c54f5761;
    cursor: not-allowed;
    color: #fff;
}
.wpcf7-submit:hover {
  background: transparent;
  color: #B6202A;
  outline: none;
}
.wpcf7-submit:hover, .wpcf7-submit:active, .wpcf7-submit:focus {
  outline: none;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #b6202a !important;
    background: #f20919 !important;
    color: #fff !important;
    text-align: center !important;
    max-width: 500px !important;
}
#contactContaier .file-container {
     width:100%;
     height:auto;
     float: left;
     display:inline-block;
     position:relative;
     overflow:hidden;
     margin-bottom: 25px;
}

/* input file dostaje z-index:2, oraz pozycjonowanie absolutne */
#contactContaier .file-container input[type="file"] {
     font-size:100px;
     position:absolute;
     left:0;
     right:0;
     top:0;
     bottom:0;
     opacity:0;
     z-index:2; 
     height: 46px;
     display:block;
     cursor:pointer;
}

/* a input text i button dostają mniejszy z-index dzięki czemu znajdują się pod "niewidzialnym" input file */
#contactContaier .file-container input[type="text"] {
     width:auto;
     padding:5px;
     height:46px;
     margin-left: 15px;
     border: none;
     z-index:0;
     color:#777;
}
#contactContaier .file-container input[type="button"] {
    float: left;
    padding: 9px 23px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    display: block;
    border: 0;
    cursor: pointer;
    z-index: 0;
    position: relative;
    border: 2px solid #b6202a;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    border-radius: 20px;
    width: auto;
    cursor: pointer;
    background: #b6202a;
}
#contactContaier .file-container input[type="button"].hovered {
  background: transparent;
  color: #b6202a;
}
.zamowienie {
  padding: 120px 0;
}
header.masthead {
    padding-top: 18rem;
    padding-bottom: 20rem;
}
@media (min-width: 768px) {
  header.masthead h1 {
    font-size: 3rem;
  }
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}

.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.features-icons .features-icons-item {
  max-width: 20rem;
}
.testimonials {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}
.sklep, .koszyk-podstrona {
  padding: 120px 0;
}
.call-to-action {
  position: relative;
  background-color: #343a40;
  background: url('img/bg-masthead.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.call-to-action .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}
footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.d-lg-none {
  display: none;
} 
.fundusze img {
  width: 100%;
  max-width: 800px !important;
  margin-bottom: 40px;
}
#downloadContainer {
  padding: 80px 0; 
}
#downloadContainer h2 {
  margin-bottom: 25px;
}
#downloadContainer p {
  margin-bottom: 28px;
}
.gratis {
    width: 100%;
    text-align: center;
    float: left;
    border: 1px solid #B6202A;
    padding: 15px 15px;
}
.gratis p {
    margin: 0;
    color: #999;
    font-size: 13px;
}
.gratis p:first-child {
font-size: 27px;
    font-weight: 700;
    color: #b6202a;
}


@media (min-width: 992px) {
  .d-lg-none {
    display: block;
  }
  header {
    padding: 156px 0 100px;
  }
}
@media (max-width: 1607px) {
  #aboutApp h3+ p br {
    display: none;
  }
}
@media (max-width: 1630px) {
    .posAbs .right {
      background: red;
    }
}
@media (max-width: 1199px) {
  #contactContaier span input[type='checkbox'] {
    width: 100%;
    margin: 0;
  }
  #contactContaier span.wpcf7-acceptance, #contactContaier span.wpcf7-list-item-label {
    margin-bottom: 0;
  }
  #aboutApp h3 + p {
    padding: 0 15px; 
  }
  .relative img {
    display: none;
  }
  header.masthead {
    padding-top: 10rem;
    padding-bottom: 12rem;
  }
  .features-icons {
    padding-top: 4rem;
    padding-bottom: 7rem;
  }
  #about h3 + p br {
    display: none;
  }
  #doradztwo h3.header {
    font-size: 32px;
    margin-bottom: 6px;
  }
  #doradztwo h4 {
    font-weight: 400;
    font-size: 27px;
    color: #D0242F;
    margin: 0 0 10px;
  }
  #doradztwo h4 + p br {
    display: none;
  }
  #wycenaProjektu h3.header {
    font-size: 38px;
  }
  #wycenaProjektu h3 + p br {
    display: none;
  }
  #aboutApp .offset-xl-5 div {
    width: 100%;
  }
  #aboutApp .text-right {
    display: none;
  }
  #aboutAppNext p br {
    display: none;
  }
  #bgBottom .minHeigh {
    background-position-x: center;
  }
}
@media (max-width: 992px) {
  #aboutApp h3.header {
    margin-top: 50px;
  }
  .d-lg-none {
    display: block;
  }
  .myMenuContainer {
    display: none;
  }
  .wpcf7-submit {
    margin-right: 0px;
  }
  .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    border: 1px solid #fff;
  }
  .navbar-toggler-icon {
    position: relative;
  }
  .navbar-toggler-icon i {
    position: absolute;
    color: #fff;
    width: 100%;
    left: 0;
    top: 6px;
  }
  #mainNav {
    padding: 15px 0;
    background: #b6202ac9;
  }
  #menu-menu-glowne {
    text-align: center;
  }
  #menu-menu-glowne li a{
    padding: 5px 0;
    border: 1px solid transparent;
    margin-bottom: 2px;
  }
  #menu-menu-glowne li a:hover, #menu-menu-glowne li a.currentItem{
    border-color: #fff;
  }
  .navbar-collapse a.downloadApp {
    border-radius: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #about img {
    display: none;
  }
  .low-lg-d-none {
    display: none;
  }
  #doradztwo .text-lg-right {
    padding: 110px 15px 116px;
  }
  #wycenaProjektu .text-lg-left {
    padding: 110px 15px 117px 15px;
  }
  #bgBottom {
    display: none;
  }
  #contactContaier h3 {
    margin-top: 45px;
  }
  #contactContaier .file-container input[type="file"] {
    left: 50%;
    transform: translateX(-50%);
  }
  #contactContaier span {
    display: block;
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 25px;
    text-align: center;
  }
  #contactContaier .file-container {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    margin-left: calc((100% - 500px) / 2);
    max-width: 500px;
  }
  .page-template-kontakt .width100 .image {
    width: 100%;
  }
  .page-template-kontakt .width100 .text {
    width: 100%;
  }
  .navbar-collapse {
    margin-top: 10px;
  }
  .unia {
    max-width: 120px;
    z-index: 1000;
  }
}
@media (max-width: 767px) {
  #mainNav {
      padding: 15px 15px;
  }
  .masthead h2 {
    font-weight: 700;
    font-size: 33px;
    margin: 0;
}
.masthead h3 {
    margin: 0;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 45px;
}
#aboutApp {
  padding: 0 15px;
}
#aboutApp br {
  display: none;
}
.posRelative img {
  display: none;
}
.posAbsolute {
    position: relative;
    right: unset;
    top: unset;
    transform: unset;
    width: 100%;
    text-align: center;
    float: left;
}
.width100 .image {
    float: left;
    margin-right: 10px;
    width: 100%;
    margin: 0;
    text-align: center;
}
.width100 .image img {
    display: block;
    margin: 0 auto 25px; 
}
.width100 .text {
    float: left;
  width: 100%;
  text-align: center;
}
footer {
    text-align: center;
}
#contactContaier .file-container {
    margin-left: 0;
    max-width: 100%;
}
#contactContaier {
    padding: 20px 0;
}
}
@media (max-width: 480px) {
  a.downloadApp {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
#doradztwo h3.header {
    font-size: 31px;
    margin-bottom: 6px;
}
#doradztwo h4 {
    font-weight: 400;
    font-size: 25px;
    color: #D0242F;
    margin: 0 0 10px;
}
#doradztwo h4 + p {
    font-size: 15px;
    margin-bottom: 35px;
}
#wycenaProjektu h3.header {
    font-size: 30px;
}
#wycenaProjektu h3 + p {
    font-weight: 300;
    margin-bottom: 29px;
    font-size: 15px;
}
#aboutApp h3.header {
    margin-bottom: 23px;
    font-size: 41px;
    margin-top: 10vh;
}
#contact h3.header {
    margin-bottom: 36px;
}
#contactContaier .file-container input[type="button"], #contactContaier .file-container input[type="text"] {
    width: 100%;
}
.woocommerce div.product .product_title {
    font-size: 37px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    width: 100%;
    text-align: center;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #f7f6f7;
    color: #515151;
    border-top: 3px solid #a46497;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    text-align: center;
}
#add_payment_method table.cart td.actions .coupon .input-text {
    width: 100%;
    float: left;
    margin-bottom: 11px;
}
.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
    width: 48%;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
.single-product .woocommerce .quantity .qty {;
    margin-bottom: 15px;
}
}