body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    font-size:18px;
    font-weight:400;
    margin:0;
    padding:0;
}

#myBtn {
    /*display: none;  Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 999999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    width:40px;
    height:40px;
    background: url("../img/arrow-up.png");
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

#myBtn:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}

.logo{
    padding:1rem 3rem;
    max-width:330px;
}

.sm{
    float:left;
}

.start-stripe{
    background-color: #323232;
    height:40px;
    color:#fff;
    font-size:.9rem;
}

.start-stripe p{
    float:left;
    /*line-height:2.7;*/
    padding:10px 0.5%;
}

.start-stripe img{
    float:left;
    padding:0 0.5%;
    /*width:30px;*/
    height:30px;
    margin:4px;
}

#loader{
    z-index: 9999999; 
    position:absolute; 
    top:48%; 
    left:48%
}

.nav2{
    z-index:7777;
    background-color: #fff;
}

.nav-item{
    cursor:pointer;
    font-size:1rem;
    color:#000;
    padding:35px 0;
    text-align: center;
    transition: .5s ease-in-out;
    border-radius:0px;
    background: #fff;
    transition: .4s;
    /*text-shadow: #FFF 0px 0px 15px, #0085ff 0px 0px 20px;*/
}

.nav-item a{
   color:#000;
   display:inline;
   margin:0;

}

.nav-item:hover{
    text-decoration: none;
    color:#fff;
    background: rgb(168,16,18);
    background: -moz-linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    background: linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a81012",endColorstr="#e7393f",GradientType=1);       
}

.nav-item:hover:nth-child(6){
    text-decoration: none;
    background: #fff;;
}

.nav-item:nth-child(6) img{
    margin: -10px 10px;
}


.clicked{
    color:#fff;
    text-decoration: none;
    background: rgb(168,16,18);
    background: -moz-linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    background: linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a81012",endColorstr="#e7393f",GradientType=1);
}

.carousel {
    max-width: 1200px;
    margin: 0 auto;
}
.carousel-indicators{
    bottom: 30px;
} 
.carousel-caption{
    padding:.8rem .5rem 1rem .5rem;
    width:100%;
    left:0;
    bottom: -1rem;
    background: rgb(168,16,18);
    background: -moz-linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    background: linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a81012",endColorstr="#e7393f",GradientType=1);
}



.nav3{
    display: none;
    list-style-type: none;
    float:right;
    width: 40px;
    margin-right: 60px
}

.nav4{
    list-style-type: none;
    /*display:flex;*/
    flex-direction: column;
    width:100%;
    display:none;
    position:fixed;
    padding:0;
    top:0;
    left:0;
    background: #fff;
    z-index: 9999;
}

.display-flex{
    display: flex !important;
}


.menu-close{
    display:none;
    position: fixed;
    top:30px;
    right:30px;
    z-index: 99999;
    width:30px;
    height:30px;
}

.menu-close:hoever{
    display:flex;
}

h1{
    text-align: center;
    padding:60px 30px;
}

.uslugi h5{
    font-weight: bold;
}

.uslugi h1{
    color:#fff;
    background: url("../img/uslugi.jpg");
    margin:60px auto 0 auto;
}

.realizacje h1{
    color:#fff;
    background: url("../img/realizacje.jpg");
    margin:0px auto 60px auto;
    
}

p{
    padding:0 2rem;
}

a{
    color:#fff;
    text-decoration: none;
}
a:visited{
    color:#fff;
    text-decoration: none;
}

.gallery-img{
    margin:0 30px 30px 30px;
    text-align: center;
}

.klienci{
    text-align: center;
}

.card{
    font-size:1rem;
    padding:2rem 1rem;
    border-radius: 25px;
    background:#e5f3ff;
    text-align: center;
    margin:60px 30px 0 30px;
    transition: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

.card:hover{
    background: #99d0ff;
}

.card img{
    margin:0 auto;
}


footer{
    color:#fff;
    background:#323232;
}

footer ul, footer p {
    list-style: none;
    margin:60px auto;
}

footer ul{
    cursor:pointer;
}

.logo-footer{
    width:200px;
    margin:60px 30px;
}

.stripe-btn{
    margin:60px auto;
    text-align: center;
    background: rgb(168,16,18);
    background: -moz-linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    background: linear-gradient(0deg, rgba(168,16,18,1) 0%, rgba(231,57,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a81012",endColorstr="#e7393f",GradientType=1);
}

.btn{
    margin:30px auto;
    padding:15px 30px;
    background: #fff;
    font-size:1.5rem;
    font-weight: bold;
    color:#7b191a;
    transition: .4s;
}

.btn:hover{
    background: #ffe869;
}

.sm-footer{
    width:30px;
    height:30px;
    margin:1rem 0 1rem 1rem;
}

.modal-body{
    width:90%;
}

.modal-dialog{
    max-width: 102%;
    margin: 120px auto 0 auto;
}

.close{
    height: 50px;
    border: none;
    width: 50px;
    font-size: 30px;
}

.file {
    /*color: transparent;*/
  }
  
.file::-webkit-file-upload-button {
    visibility: hidden;
  }

.file::before{
    padding:1% 3%;
    content: 'Wybierz plik';
    color: #fff;
    background: rgb(168,16,18);
    width:200px;
}

label{
    font-size:.8rem;
}

input{
    width:100%;
    border:none;
    background: #e8e8e8;
}

#message{
    border:none;
    background: #e8e8e8;
}

.sendM{
    text-align: center;
}

#submit1{
    border:none;
    color:#fff;
    background:rgb(168,16,18);
    width:200px;
}

.backBtn{
    margin:0 auto;
    color:#fff;
    text-align: center;
    padding:10px;
    width:200px;
    line-height:1.5;
    text-decoration: none;
    background:rgb(168,16,18);
    transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}
.backBtn a:visited{
    color:#fff;
}

.backBtn:hover{
    background:rgba(231,57,63,1);
}

@media (max-width: 992px) {

    .nav{
        display: none;
    }
    .nav3{
        display: inline;
    }

    .carousel-caption  h5{
        font-size:1rem;
    }

    .o-firmie{
        text-align: center;
    }

    .modal-dialog{
        margin: 160px auto 0 auto;
    }
    .nav2{
        margin-bottom:0px;
    }


}

@media (max-width: 500px) {
    .carousel-caption  h5{
        font-size:.6rem;
    }
    .logo{
        padding:1rem 0 0 3rem;
        max-width:280px;
    }
    .start-stripe{
        font-size:.8rem;
    }
    

}

@media (max-width: 400px) {
    .logo{
        padding:0 0 0 2rem;
        max-width:200px;
    }
}