html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  font-family: "Poppins", serif;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}


.swiper2 {
  overflow: hidden;
}


.acf-map {
  width: 100%;
  height: 364px;
  border-radius: 16px;
}

.spawtech-armature {
-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}


header .navbar-default {
    padding-top: 0px;
    background-color: rgba(255, 255, 255, 0.6);
    border-color: transparent;
		transition: all 0.3s ease 0s;
  }


.spawtech-fixed-top.navbar-default {
    padding-top: 0px;
    background-color: rgba(255, 255, 255, 1);
    border-color: transparent;
	transition: all 0.3s ease 0s;
	    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);

  }


 

  .clearbox:nth-child(3n+1) {
    clear: both;
}

.swiper {
  width: 100%;
  height: 800px;
}

.swiper-container {
  position: relative;

}

.swiper .swiper-slide {
  height: 800px;


 
  transition: all 250ms linear;
  
}


.spawtech-contact {
  width: 230px;
}


.spawtech-contact  {
display: flex;
         padding: 25px 0px 0px 10px;
         margin-top: 0px;
    margin-left: 10px;
    align-items: center;
}

.phone-circle {
  border-radius: 50%;
  background: #CE2E2A;
  width: 41px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.phone-circle img{
  width: 26px;
  height: 26px;
}


.spawtech-contact a {
 font-family: "Poppins", serif;
  font-size: 18.5px;
  font-weight: 600;

  font-style: normal;

  letter-spacing: normal;

  color: #1E2223;
text-decoration: none;
		  transition: background 0.3s ease 0s;
}

.spawtech-contact a:hover, .contact-footer h3 a:hover, .contact-footer h5 a:hover, .box-realizations h3 a:hover, .company-contact a:hover, .check-location a:hover  {
color: #CE2E2A;
}
.spawtech-slogan {
  margin-top: 300px;
}

.top-slogan {
margin-top: 260px;
}


.top-slogan h1 {
 font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
font-size: 55px;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  line-height: 140%;
}

.button-spawtech {
margin-top: 50px;
}

.button-spawtech a {
   background: #CE2E2A;
padding: 15px 30px 15px 30px;
font-family:  "Poppins", serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
border-radius: 30px;
color: #FFFFFF;
	  transition: background 0.3s ease 0s;
	text-decoration: none;
}

.button-spawtech a:hover, .contact-name input[type="submit"]:hover {
	background: #454545;
}



.contact-name .col-md-6:first-child {
	padding-left:0;
}

.contact-name .col-md-6:last-child {
	padding-right:0;
}

.navbar-collapse {
    padding-right: 0px;
   

    }

   .navbar-default .container {
    padding-right: 0px;
    
  }




.navbar-collapse > div {
 
    vertical-align: middle;
    float: right;
}


.wrapper-top {
  position: relative;
}



.spawtech-armature {
  position: absolute;
z-index: 9;
  top: -490px;
  right: -130px;
}

.top-bottom {
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 8;
    height: 237px;
    background-image: url(../img/top_bg.svg);
    z-index: 2;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;

}



.navbar {
   
    border: none;
}

.navbar-default {
   padding-top: 0px;
    background-color: transparent;
    border-color: transparent;

   
    
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    min-height: 70px;
}

.navbar-collapse {
  float: right;
}



.navbar {
   
    margin-bottom: -3px;

}


.navbar-header {
          margin-top: 15px;
    margin-bottom: 10px;
   
}


.navbar-default .nav li a {
 font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
font-size: 16px;
  line-height: normal;
  letter-spacing: normal;
  color: #1E2223;
		  transition: background 0.3s ease 0s;
}


.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #5bb446;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #CE2E2A;
    background-color: transparent;

}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color:  #CE2E2A;
}

.navbar-nav>li>a {
    line-height: 20px;
}




    .navbar-nav {
              margin-top: 24px;
    }

  

    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 22px;
}




.carousel-caption {
    position: relative;
    right: inherit;
    left: 0;
    padding-bottom: 30px;
    top: 190px;
    text-align: inherit;
    text-shadow: none;
}


.spawtech-top {
position: relative;
    height: 800px;
}

.armature-bottom {
   position: relative;
}


header {
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.top-wrapper {
    position: relative;
}


#comapny-spawtech {
margin-top: 100px;
}

.about-company h3, .offer-content h3 {
 font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
font-size: 38px;
  line-height: normal;
  letter-spacing: normal;
  color: #1E2223;
  margin-bottom: 10px;
}

.offer-content h3 {

	font-size: 32px;}

.about-company p, .offer-content p {
font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
font-size: 17px;
  line-height: 151%;
  letter-spacing: normal;
  color: #404344;
}


.about-company ul, .offer-content ul {
list-style: none;
position: 
}

.box-form .wpcf7-spinner {
  display: block;
}


.about-company ul li, .offer-content ul li{
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
font-size: 17px;
  line-height: 151%;
  letter-spacing: normal;
  color: #404344;
  position: relative;
margin-bottom: 10px;
  padding-left: 34px;
}



.about-company ul li:before, .offer-content ul li:before {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    background: url(../img/check.svg) no-repeat center center;
    width: 24px;
    height: 24px;
}

.offer-box {
  margin-bottom: 130px;
}

.photo-offer img {
  max-width: 100%;
}

.photo-company {
  position: relative;
}

.triangle-big {
position: absolute;
bottom: -50px;
right: -10px;
}

.triangle-small {
  position: absolute;
  top: -30px;

}


#spawtech-advantages {
  margin: 100px 0;

  height: 410px;

   background:  #F2F2F2;
  
}

.atuty-container {
  position: relative;
}

.atuty-photo {
position: absolute;
bottom: -298px;
right:0;
}

#spawtech-advantages .title-spawtech {
  text-align: center;
  margin: 40px 0 20px;
}

.title-spawtech {
  text-align: center;
  margin: 40px 0 50px;
}


.title-spawtech h2 {
  font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
font-size: 38px;
  line-height: 151%;
  letter-spacing: normal;
  color: #1E2223;
}


.box-advantages {
background: #fff;
border-radius: 30px;
text-align: center;
height: 218px;
}

.box-advantages h4 {
font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
font-size: 40px;
  line-height: 151%;
  letter-spacing: normal;
  color: #CE2E2A;
 padding-top: 50px;
}

.box-advantages p {
font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
font-size: 20px;
  line-height: 151%;
  letter-spacing: normal;
  color: #1E2223;
}

.gallery-single {
  margin-bottom: 35px;
}


.page-template-oferta #spawtech-page, .post-type-archive-realizacje #spawtech-page {
	margin-top: 80px;
}

.box-realizations {
  width: 327px;
  margin-bottom: 30px;
	overflow: hidden;
}

.photo-realizations img {
 
	transition: all .3s ease-in-out;
}

.photo-realizations:before {
    content: "";
    width: 327px;
     height: 55%;
    position: absolute;
    pointer-events: none;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(to bottom, rgba(14, 14, 15, 0) 0%, rgba(14, 14, 15, .65));

}


.box-realizations:hover .photo-realizations img {
    transform: scale(1.1);
}

.photo-realizations {
  position: relative;
overflow: hidden;
	  width: 327px;
    height: 430px;
}

.date--realizations {
  position: absolute;
  top: 30px;
  right: 15px;
  background: #ED6549;
  height: 48px;
  padding: 10px 20px;
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
font-size: 18px;
  line-height: 151%;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
}

.name-realizations {
    position: absolute;
      bottom: 30px;
    left: 25px;

 
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
font-size: 20px;
  line-height: 151%;
  letter-spacing: normal;
  color: #fff;
 z-index: 3;
}

.name-realizations .date {
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
font-size: 16px;
  line-height: 151%;
  letter-spacing: normal;
  color: #fff;
}

.box-realizations h3 {
	 margin-top: 15px;
}

.box-realizations h3 a {
 
   font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
font-size: 19px;
  line-height: 151%;
  letter-spacing: normal;
  color: #1E2223;
  text-decoration: none;
}

.reference-entry {
background: linear-gradient(83.682deg, #1E2223 0%, #474747 78%, #393434 99%);
border-radius: 30px;
height: 360px;
position: relative;
padding: 60px 75px;

}

.reference-image {
  position: absolute;
top: 20px;
    right: -130px;
}

.reference-entry h4 {
font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
font-size: 35px;
  line-height: 151%;
  letter-spacing: normal;
  color: #fff;
  margin-bottom: 10px;
 
}

.reference-entry p {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
font-size: 17px;
  line-height: 151%;
  letter-spacing: normal;
  color: #fff;
  max-width: 615px;
}

#reference-home {
margin: 150px 0 190px;
}


footer {
  background: linear-gradient(83.682deg, #1E2223 0%, #474747 78%, #393434 99%);
    overflow: hidden;
 height: 445px;
}

.container-stopka {
  position: relative;
}

.armature-footer {
  position: absolute;
  bottom:  -451px;
  right: 100px;
}

.footer-logo {
margin-top: 60px;


}

.contact-footer {
  margin-top: 60px;
  text-align: right;
}

.offer-footer {
  margin-top: 50px;
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
font-size: 14px;
  line-height: 151%;
  letter-spacing: normal;
  color: #fff;
}

.contact-footer h3  {
  margin: 13px 0 5px;
}



.contact-footer h3 a {
 font-family: "Poppins", serif;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 120.5%;
/* or 27px */
text-decoration: none;
	  transition: background 0.3s ease 0s;
color: #FFFFFF;
}

.contact-footer h5 a {
   font-family: "Poppins", serif;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 120.5%;
/* or 20px */
text-decoration: none;
	  transition: background 0.3s ease 0s;
color: #FFFFFF;

}

.address-footer {
  margin-top: 25px;
}

.address-footer p {
  font-family: "Poppins", serif;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 149.5%;
/* or 25px */


color: #FFFFFF;
}

.footer-bottom {
  margin-top: 40px;
}
.copyright, .copyright a {
    font-family: "Poppins", serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
/* identical to box height */
padding-bottom: 15px;
	  transition: background 0.3s ease 0s;
color: #FFFFFF;
    text-decoration: none;
}

.page-title {
 position: relative;
height: 348px;
}


.frame-page {
  position: absolute;
  right: 0;
  top: 55px;
}

  .page-title h1 {
  font-family: "Poppins", serif;
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 70px;
/* identical to box height */


color: #fff;
padding-top: 190px;

    
  }

  #spawtech-contact {
    margin-top: 80px;
  }

  .box-address, .box-call {
    height: 325px;
    border-radius: 21px;
    padding: 55px 55px;
    -webkit-box-shadow: 0px 4px 20px 9px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 4px 20px 9px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 20px 9px rgba(0, 0, 0, 0.05);
  }

  .company-address {
    display: flex;
  }

  .box-address h4 {
   font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
font-size: 35px;
  line-height: 81%;
  letter-spacing: normal;
  color: #1E2223;
  }


  .box-address h4 span{
 
  font-weight: 500;
  font-style: normal;
font-size: 24px;

  }

  .company-address {
    margin-top: 30px;
  }

  .check-location {
      margin-top: 40px;
  }

    .check-location a {
font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 151%;
    letter-spacing: normal;
     color: #1E2223;
		text-decoration: none;
			  transition: background 0.3s ease 0s;
    }

     .check-location img {
      padding-left: 5px;
     }

     .box-call h5 {
      font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 151%;
    letter-spacing: normal;
 color: #1E2223;
 margin-bottom: 10px;
     }

      .box-call {
        padding: 55px 15px 35px 25px;
        display: flex;
      }

     .company-contact a {
       font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 151%;
    letter-spacing: normal;
 color: #1E2223;
		 	text-decoration: none;
		 	  transition: background 0.3s ease 0s;
     }

     .icon-message {
      margin-right: 25px;
     }

  .company-address p {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 151%;
    letter-spacing: normal;
    color: #404344;
  }


  .form-spawtech {
    background: #F2F2F2;
    border-radius: 32px;
    padding: 60px 85px 20px;
    position: relative;
}

.form-armature {
position: absolute;
top: 130px;
right: -160px;
}

.form-spawtech h3 {
  font-family: "Poppins", serif;
font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 120.5%;
/* identical to box height, or 39px */
margin-bottom: 35px;
text-align: center;
color: #1E2223;
}

.contact-name input[type="text"], .contact-name input[type="email"], .contact-name input[type="tel"]  {
 font-family: "Poppins", serif;
    font-size: 17px;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    width: 100%;
    height: 55px;
    margin-bottom: 15px;
    padding-left: 15px;
    color: #475A7C;
    border-radius: 30px;
}


.page footer {
margin-top: 80px;

}

.page .company-entry, .gallery-page {
  margin-top: 80px;
}

.reference-page {
  margin-top: 220px;
}

.map-location {
  position: relative;
}

.map-address {
  position: absolute;
  top: 60px;
  left: 55px;
  width: 220px;
  height: 262px;
  background: #fff;
  padding: 40px 30px;
}

.wrapper-input .col-md-6:first-child {
padding-left: 0;
padding-right: 7px;
}

.wrapper-input .col-md-6:last-child {
padding-right: 0;
padding-left: 7px;
}

.company-address div:last-child {

padding-left: 40px;
}

.map-address h5 {
    font-family: "Poppins", serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 120.5%;
margin: 15px 0 25px;

color: #1E2223;
}

.map-address p {
  font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 151%;
    letter-spacing: normal;
    color: #404344;
}


.contact-name textarea {
font-family: "Poppins", serif;
    font-size: 17px;
    font-weight: 400;
      background-color: #fff;
      border: 1px solid #CCCCCC;
    width: 100%;
    height: 159px;
    margin-bottom: 14px;
    padding-left: 15px;
    color: #475A7C;
    padding-top: 15px;
     border-radius: 30px;
}

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


.contact-name input[type="submit"] {
    float: none;
    background: #CE2E2A;
    padding: 15px 60px 15px 60px;
    font-family: "Poppins", serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    border-radius: 30px;
    color: #FFFFFF;
    border-radius: 30px;
    text-decoration: none;
    border: 0;
    transition: all 0.3s ease 0s;
    text-align: center;
    margin: 0 auto;
    transition: background 0.3s ease 0s;
}

.spawtech-quote {
  margin: 150px 0 80px;
}

.quote {
  background: #CE2E2A;
  border-radius: 32px;
  padding: 40px 80px;
}

.spawtech-quote .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -30px;
    left: 0;
    width: 100%;
}

.quote p {
   font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 151%;
    letter-spacing: normal;
    color: #fff; 
}

.author-quote {
   font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 151%;
    letter-spacing: normal;
    color: #1E2223;
    text-align: center;
    margin-top: 20px;
}

.reference-photo {
  border-radius: 30px;
  background: #fff;
  height: 525px;
  -webkit-box-shadow: 0px 4px 20px 9px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 4px 20px 9px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 20px 9px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.reference-photo::before  {
content: "";
    width: 360px;
    height:525px;
    position: absolute;
    pointer-events: none;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 3;
    background-color: rgba(60, 60, 60, .75);
  border-radius: 30px;
      transition: all 0.3s ease 0s;
}


.box-reference:hover .reference-photo::before  {
content: "";
    width: 360px;
    height:525px;
    position: absolute;
    pointer-events: none;
    left: 0;
    bottom: 0;
    z-index: 3;
    opacity: 1;
  background-color: rgba(60, 60, 60, .75);
  border-radius: 30px;
}

.loop-icon {
  position: absolute;
  top: 45%;
  left: 40%;
  opacity:0;
    transition: all 0.3s ease 0s;
       z-index: 4;
}

.box-reference:hover .loop-icon {
 
  opacity:1;
}



.title-quote {
  text-align: center;
  font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 35px;
    line-height: 151%;
    letter-spacing: normal;
    color: #1E2223;
    margin-bottom: 30px;
}

.logo-quote {
  text-align: center;
  margin-bottom: 15px;  
}

.box-reference {
  margin-bottom: 30px;
}

.reference-info {
  text-align: center;
  margin-top: 15px;
}

.reference-info p {

  font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 151%;
    letter-spacing: normal;
    color: #1E2223;
    margin-bottom: 0px;
}

.reference-info span {
  
  font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 151%;
    letter-spacing: normal;
    color: #1E2223;
}

.single h1 {
  font-size: 40px;
}

.single .page-title h1 {
max-width: 800px;
	line-height: 52px;
	padding-top: 160px;
}


.single.postid-149 .page-title h1 {
font-size: 36px;
    padding-top: 90px;
}

.gallery-title {
  background: #F2F2F2;
  height: 48px;
   font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 151%;
    letter-spacing: normal;
    color: #1E2223;

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin: 90px 0 40px; 
    border-left: 3px solid #ED6549;
}



.title-section {
  text-align: center;
  padding: 70px 0px 50px;
}



  .spawtech_page {
        background: url(../img/page-top2.jpg) no-repeat center center;
    height: 491px;
    position: relative;

}

.page-bottom {
  position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 8;
    height: 237px;
    background-image: url(../img/top_bg.svg);
    z-index: 2;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.spawtech_wrapper {
  position: relative;
}

.armature-page {
  position: absolute;
  top: 120px;
  right: -160px;
  z-index: 9;
}

.box-coperation {
  display: flex;
  align-items: center;
  height: 60px;
}

.box-service {
  background: #F2F2F2;
  height: 110px;
  border-radius: 8px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.box-service p {
  text-align: center;
   font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 151%;
    letter-spacing: normal;
    color: #1E2223;
    margin-bottom: 0;
}

.wrapper-cooperation {
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.box-coperation {
  height: 90px;
    display: flex
;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    transition: all .3sease-in-out;
}

.acf-map {
    height: 400px;
}

.wrapper-contact {
  margin: 100px 0;
}

.page-wrapper {
  margin-top: 70px;
}



.grid-item {
    width: 340px;
}

.grid {
  margin: 0 auto;
}


.grid-item img {
  max-width: 100%;
}
.box-social-media{
    margin-top: 0px;
}

.gallery-wilkon ul {
  list-style: none;
}

.gallery-wilkon ul li {
    list-style: none;
    display: block;
    padding-right: 15px;
    padding-bottom: 15px;
    display: block;
}
.gallery-wilkon {
  overflow: auto;
  margin-bottom: 15px;
}

.company-detail {
  margin-top: 30px;
}

.company-detail .triangle-small {
    position: absolute;
    top: 5px;
    left: 35px;
}

.company-detail  .triangle-big {
    position: absolute;
    bottom: -10px;
    right: -50px;
}

.wrapper-realizations .col-md-4:nth-child(2) {
  margin-top: 40px;
}

.spawtech-all {
  margin-top: -30px;
  text-align: center;
}

.grid-item {
  width: 350px;
}

.grid {
  margin: 0 auto;
}

@media screen and (max-width: 1500px) {
	.armature-page {
   
    right: -100px;
  
}
	
}



@media screen and (max-width: 1400px) {

.armature-page {
   top: 140px;
    right: -10px;
 
}

.reference-page {
    margin-top: 100px;
}

.spawtech-armature {
    position: absolute;
    z-index: 9;
    top: -410px;
    right: -45px;
}

.spawtech-armature img {
  max-width: 500px;
}


  }




@media screen and (max-width:1199px) {
	.reference-photo::before, .box-reference:hover .reference-photo::before {
    content: "";
    width: 293px;
		height: 420px;}
	
	.gallery-item img {
		max-width: 100%;
			height: auto;
	}
	
	.single .page-title h1 {
		max-width: 730px;}
.nav>li>a {
   
    padding: 10px 12px;
}

.navbar-header img {
      max-width: 280px;
}

.form-spawtech {
   
    padding: 60px 45px 20px;

  }
.box-address, .box-call {
   
    padding: 35px 35px;
  }

  .photo-realizations {
    position: relative;
    overflow: hidden;
    width: 293px;
    height: 385px;
}

.box-realizations {
    width: auto;


  }

  .photo-realizations:before {
    content: "";
    width: 293px;

  }

  .name-realizations {
    
    font-size: 17px;

  }


  .reference-entry {

    padding: 30px 35px;
}

.reference-entry p {
   
    font-size: 16px;
    line-height: 151%;
   

}

.reference-image img {
     max-width: 370px;
}

.reference-image {
    position: absolute;
    top: 70px;
    right: -80px;
}

.reference-entry .button-spawtech {
    margin-top: 30px;
}

.box-call .button-spawtech a {
 
    padding: 15px 20px 15px 20px;

    }

.quote {
   
    padding: 40px 30px;
}

.reference-photo {
    border-radius: 30px;
    background: #fff;
    height: 420px;
    }

    .reference-photo img, .photo-company img {
      max-width: 100%;
    height: auto;
    }

    .triangle-big {
    position: absolute;
    bottom: -70px;
    right: -70px;
}

    .spawtech-armature {
        position: absolute;
        z-index: 9;
        top: -380px;
        right: -5px;
    }

    .spawtech-armature img {
        max-width: 450px;
    }

    #reference-home {
    margin: 100px 0 120px;
}

#spawtech-advantages {
    margin: 99px 0 60px;

    }


}

@media screen and (min-width:992px) and (max-width:1199px) {



}



  @media screen and (max-width:991px) {

footer {
   
    height: auto;
}

.armature-footer {
  display: none;
}
	  
	  .single-realizacje .armature-page {
		  display: none;
	  }
	  
	  	.reference-photo::before, .box-reference:hover .reference-photo::before {
    content: "";
    width: 343px;
		height: 490px;}
	
    .triangle-big {
       
        right: 40px;
    }
	  .triangle-small {
   
    left: 120px;
}
	  
	  .photo-company {
		  text-align: center;
	  }  
	  
	  .home .photo-company {
		  margin-top: 50px;
	  }
	  
	  #comapny-spawtech .button-spawtech {
    margin-top: 0px;
}
	  
	  .atuty-photo {
    position: relative;
    bottom: -6px;
    right: 0;
    text-align: center;
}
	  
	  .wrapper-realizations .col-md-4:nth-child(2) {
    margin-top: 0px;
}
	  
.footer-logo, .address-footer, .contact-footer {
  text-align: center;
}

.offer-footer, .footer-bottom {
  padding: 0 30px;
}

.contact-footer {
    margin-top: 30px;
    
}

    .box-address, .box-call {
        padding: 35px 35px;
        max-width: 480px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .wrapper-contact {
    margin: 50px 0;
}

.clearbox:nth-child(3n+1) {
    clear: none;
}

clearbox:nth-child(2n+1) {
    clear: both;
}

    .reference-photo {
      
        height: 490px;
    }

    .reference-entry p {
 
    max-width: 505px;
}


.reference-image {
        position: absolute;
        top: 140px;
        right: 0px;
    }

        .reference-image img {
        max-width: 300px;
    }

    .spawtech-quote {
    margin: 100px 0 80px;
}

.armature-page img {
  max-width: 340px;
}

    .armature-page {
        top: 190px;
        right: -0px;
    }

    .photo-offer {
      text-align: center;
      margin-bottom: 30px;
    }

    .offer-box {
    margin-bottom: 40px;
}

.offer-box {
    margin-bottom: 30px;
}

.about-company ul, .offer-content ul {
  
    padding-bottom: 30px;
}

.page-template-oferta #spawtech-page, .post-type-archive-realizacje #spawtech-page {
    margin-top: 40px;
}

.title-spawtech h2 {

   
    font-size: 30px;
  }

  .top-slogan {
    margin-top: 160px;
}

#spawtech-advantages {
    margin: 50px 0;
    height: auto;}

#comapny-spawtech {
    margin-top: 50px;
}	
	  
	#spawtech-realizations  .title-spawtech {
    text-align: center;
    margin: 0px 0 50px;
}
	  
	    #reference-home {
        margin: 70px 0 100px;
    }
	  
	      .clearbox3:nth-child(2n+1) {
        clear: both;
    }
	  
.box-advantages {
    
    height: 218px;
    max-width: 350px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.navbar-header {
padding: 0 30px;
}

.spawtech-contact {
 
    display: none;
}

.navbar-collapse > div {
    float: none;
    width: 100%;
}

.navbar-collapse {
  width: 100%;
}
	  
	  	  .navbar-toggle {
      margin-right: 0px;
		  background-color: #CE2E2A;
	     margin-top: 5px;
	  
	  }

  

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
	 
}

.navbar-collapse {
    float: inherit;
}

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 100vh;
    }
	  
	  .footer-logo {
    margin-top: 30px;
		  text-align: center;
}

.navbar-nav {
	text-align: center;
}
	  
	  .contact-name input[type="text"], .contact-name input[type="email"], .contact-name input[type="tel"] {
 
		  padding-left: 25px;}

.navbar-default .nav li a {
   
    font-weight: 600;

    font-size: 21px;
	
}
.navbar-default .container {
    padding-right: 0px;
    padding-left: 0;
}
	  
	  .container>.navbar-header {
margin-right: 0px;
 margin-left: 0px;
}
	  
	  .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}
	  
	  .navbar-collapse {
    padding-right: 0px;
    padding-left: 0;
		  background: #454545;
}
    .nav>li>a {
        padding: 16px 12px;
    }  
	  
.navbar-default .nav li a {
   
    color: #fff;

  }
  }


  @media screen and (max-width:480px) {
.spawtech_page {
    background: url(../img/page_mobile.png) no-repeat center center;
    height: 413px;
    position: relative;
}

    .navbar-header img {
        max-width: 230px;
    }

.page-bottom {
  display: none;
}
	  
	  .box-call {
    padding: 35px 20px;
    display: block;
}
	  
	  .icon-message img {
		      max-width: 60px;
	  }
	  
	  .company-address {
    display: block;
}
	.box-reference {
   
    width: 345px;
    margin: 0 auto;
    margin-bottom: 30px;
}  
	  .company-address div:last-child {
    padding-left: 0px;
}
	  
	  .check-location {
    margin-top: 20px;
}
	  
	  .map-address {
		  display: none;
	  }

    .armature-page {
        top: 260px;
        right: -0px;
    }

        .armature-page img {
        max-width: 220px;
    }

	  
	  .company-contact a {
 
    font-size: 20px;
		  
	  }
	  
	  
	      .form-spawtech {
        padding: 40px 25px 20px;
    }
	  
	  .form-spawtech {
   
		  border-radius: 16px;}
	  
	  .form-spawtech h3 {
   
    font-size: 30px;
		  line-height: 140.5%;}
	  
	  .contact-name p {
		  margin-bottom: 0;
	  }
	  
	  .wrapper-input .col-md-6:first-child {
    padding-left: 0;
    padding-right: 0px;
}
	  
	  .wrapper-input .col-md-6:last-child {
    padding-right: 0;
    padding-left: 0px;
}
	  
    .page-title h1 {
    
    
    font-size: 50px;
 
    padding-top: 170px;
}
	  
	      .navbar-header {
        padding: 0 15px;
    }
	  
	  .copyright, .copyright a {
    
    text-align: center;
}
	  
	  .col-xs-6 {
    width: 100%;
}
	  .box-realizations {
		  width: 293px;
		  margin: 0 auto;
		  margin-bottom: 30px;
	  }
	  
	  .page-template-oferta #spawtech-page, .post-type-archive-realizacje #spawtech-page {
        margin-top: 70px;
    }
	  .button-send {
    text-align: center;
    margin-top: 20px;
}
	  
	  .reference-entry h4 {
 
    font-size: 28px;
		  line-height: 141%;}



    .reference-image {
        position: absolute;
        top: initial;
        right: 40px;
        bottom: -80px;
    }

.reference-entry {
   
	height: 660px;}



.title-quote {
   
    font-size: 30px;
	line-height: 141%;
    margin-bottom: 10px;
}

    .quote {
        padding: 30px 30px;
		
	border-radius: 16px;}

.offer-content h3 {
    font-size: 26px;
	line-height: 136%;
}

    .offer-box {
        margin-bottom: 0px;
    }
.page footer {
    margin-top: 30px;
}

.about-company h3 {
    
	font-size: 34px;}

    .company-detail .title-spawtech h2, .company-coperation .title-spawtech h2  {
        font-size: 25px;
		line-height: 136%;
    }

.company-detail .title-spawtech, .company-coperation .title-spawtech {
    text-align: center;
    margin: 10px 0 30px;
}

.box-service {
   
    margin-bottom: 20px;
}

.box-coperation img {
	max-width: 160px;
	max-height: 80px;
}

.wrapper-cooperation {
    padding-left: 15px;
    justify-content: space-around;
}

.box-coperation {
    height: 80px;
   
    margin-left: 0px;
	margin-right: 10px;}

    .triangle-big {
        
      display: none;
    }

.about-company .button-spawtech {
    margin-top: 0px;
}

.home .photo-company {
    position: relative;
    margin-top: 40px;
}
    #spawtech-advantages {
        margin: 30px 0;
        height: auto;
    }

.home #comapny-spawtech {
    margin-top: 30px;
}

.top-slogan h1 {
   
    font-size: 35px;
}
.spawtech-armature img {
        max-width: 290px;
    }

    .spawtech-armature {
        position: absolute;
        z-index: 9;
        top: -250px;
        right: -5px;
    }
.box-advantages {
        height: 218px;
	max-width: 320px;}

.atuty-photo {
    position: relative;
    bottom: -8px;
    right: 0;
    text-align: center;
}

#spawtech-realizations .title-spawtech {
    text-align: center;
    margin: 10px 0 20px;
}

.button-spawtech {
    margin-top: 30px;
}

    #reference-home {
        margin: 60px 0 100px;
    }
.spawtech-top, .swiper, .swiper .swiper-slide {

  
    height: 700px;
}

.single .page-title h1 {
    max-width: auto;
    line-height: 136%;
    padding-top: 60px;
	font-size: 26px;
}
.single-realizacje .armature-page {
	display: none
}
.single-realizacje .page-title {
    position: relative;
    height: 348px;
    display: flex;
    align-items: center;
}

.gallery-item img {
	max-width: 100%
}




.gallery-title {
   margin: 30px 0 20px;
    display: block;
	height: auto;
	    padding: 15px 20px;
}





}