/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-12-28, 21:48:21
    Author     : pawel
*/

body {
    line-height: 1.615;

    color: #848e97;
}

h2 {
    color: #635C73;
}

h3 {

    font-size: 2.8rem;
    line-height: 1.285;
    font-weight: 300;
    color: #D3D1DA;

}

h4 {

    font-size: 16px;
    line-height: 1.625;
    font-weight: bold;
    color: #635C73;

}

header {
    background: white;
    border-bottom: 1px solid #635C73;
    z-index: 99;
    box-shadow: 0 1px 1px rgba(196, 194, 202, 0.23);
    padding: 5px 0;
    border-bottom: 1px solid #635C73 !important;
}


header .logo img {
    height: 95px;
}

#myNavbar {
    float: right;
}

#myNavbar li {
    font-size: 1.6rem;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 0;
    white-space: normal;
}


#myNavbar li a {
    display: block;
    color: #635C73;
}


.navbar-toggle .icon-bar {
    background: black;
}

.banner>.container {
    background-image: url('../images/laptop2g.jpg');
    background-position: bottom right;

    background-repeat: no-repeat;
    min-height: 700px;
    position: relative;
    overflow: hidden;
    text-align: center;
    color: #8d81ac;

    padding: 104px 0 0;
}

.banner {
    background-color: #000;


}


.banner .text-block {
    padding: 80px 0;
}

.banner h1, .banner .h1 {
    margin: 0 0 10px;
    font-size: 8.2rem;
    line-height: 1.12;
    font-weight: bold;
    color: #e3dfed;
}


.banner p.tagline {
    line-height: 1.1;
    font-size: 2.6rem;
}
.banner p {
    margin: 0 0 8px;
}


.banner .info {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #494654;
    text-transform: uppercase;
}



.jumbotron {
    text-align: center;
    font-size: 2.1rem;
    line-height: 1.524;
    color: #716E79;
    background: none;
    /*padding-bottom: 23px;*/
}

.jumbotron h1, .jumbotron .h1 {
    margin: 0 0 20px;
    font-size: 5.4rem;
    line-height: 1.148;
    text-transform: uppercase;
    font-weight: bold;
}




#oferta {
    padding: 77px 0 47px;
    background: #f4f4f4;
}

.visual-list {
    margin: 0 -25px -40px -15px;
    padding: 28px 0;
    list-style: none;
    color: #848e97;
    font-size: larger;
}

.visual-list .img-holder {
    float: left;
    width: 90px;
    text-align: center;
    margin: 7px 45px 0 0;
}

.visual-list li {
    padding: 0 0 29px;
}

.visual-list h3 {

    font-weight: bold;
    color: #635C73;
}

ul.row>li {
    display: block;
}

#partnerzy {
    text-align: center;
    background: url('../images/partnerzy-bac2.jpg') center center no-repeat;
    background-size: cover;
    padding-top: 48px;
    padding-bottom: 48px;
    color: #b0b0b0;
}

#partnerzy h2 {
    margin: 0 0 70px;
    font-size: 4.8rem;
    line-height: 1.166666;
    font-weight: bold;
    color: #e3dfed;
}

#partnerzy .img-holder::before {

    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100px;
    margin: 0 0 0 -1px;

}

#doswiadczenie, #kontakt {
    padding-top: 48px;
    /*padding-bottom: 48px;  */
}

footer  .logo + p {

    line-height: 21px;

}

footer h4 {
    margin: 0 0 14px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;

}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.55;

}

footer .phone, footer .email {

    display: block;
    margin: 0 0 6px;
    font-size: 3rem;
    line-height: 1.2;

}

footer .phone a, footer .email a {

    color: #31384d;

}

#myCarousel{

    box-shadow: 10px 10px 20px 0px #888888;
}

#myCarousel .item{
    border-radius: 5px;

}



.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }

        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control {
        z-index: 2;
    }
}



.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}
.item:nth-child(1) {
    background: #74C390;
}
.item:nth-child(2) {
    background: #51BCE8;
}
.item:nth-child(3) {
    background: #E46653;
}



input[type=text],input[type=email], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

#kontakt1 .container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}


#walidator {
    background: url('../images/bg-walidator-2.jpg');background-size: cover;background-position: center center;
}

#walidator h1, #walidator .h1 {
    color: #635C73;
  text-transform: uppercase;
}

#walidator h2, #walidator h3 {
    color: #635C73;
}

#walidator .container {

  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: white;;
  padding: 60px 0;
}

#walidator input {
    border: 5px solid #ccc;
    font-size: xx-large;height: unset;text-align: center;
}

#walidator .row {
    display: flex;
}

#walidator .row>* {
    display: flex;
    padding: 0;
}


#walidator input::placeholder {
font-size: 2.5rem;
  color: #d0d0d0;
}

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


    .banner > .container {

        background-image: url('../images/img-decor-01.jpg');
        background-position: bottom center;
        background-size: contain;
        background-repeat: no-repeat;
        min-height: 520px;
    }
    .banner h1, .banner .h1 {
        font-size: 4.2rem;
    }
    .jumbotron h1, .jumbotron .h1 {
        font-size: 4.0rem;
    }
}