@font-face {
    font-family: "MyOpenSans2";
    src: url("../data/Open_Sans/OpenSans-Light.ttf");
}
@font-face {
    font-family: "PlaylistScript";
    src: url("../data/PlaylistScript.otf");
}
@font-face {
    font-family: "Hussar";
    src: url("../data/HussarEkologiczne1.otf");
    font-weight: normal;
}
@font-face {
    font-family: "Nickaley";
    src: url("../data/Nickainley.ttf");
    font-weight: normal;
}
@font-face {
    font-family: "Inter";
    src: url("../data/Inter-Variable.ttf");
    font-weight: normal;
}
@font-face {
    font-family: "playscript";
    src: url("../data/PlaylistScript.otf");
    font-weight: normal;
}

.fade-carousel .slides .contents{
    background-color: rgba(255, 255, 255, 0.5);
    width:100%;
    padding:80px;
 }
 
/*slide 1*/
.fade-carousel .slides .slide-1 {
    background-image: url(http://ksero-grafix.pl/cms/galleries/images/slider/1/bg.png);
}
.fade-carousel .slides .content-1 h3{
    color: rgb(91,79,71);
    font-family: "playscript";
    font-size: 180pt;
}
.fade-carousel .slides .content-1 h4{
    color: rgb(91,79,71);
    text-transform: uppercase;
    font-size: 50pt;
}
/*slide 2*/
.fade-carousel .slides .slide-2 {
    background-image: url(http://ksero-grafix.pl/cms/galleries/images/slider/2/bg.png);
}
.fade-carousel .slides .content-2 h2{
    color:rgb(211, 179, 1);
    font-family: "PlaylistScript";
    font-size: 110pt;
}
.fade-carousel .slides .content-2 h3{
    color: rgb(218,37, 57);
    font-family: "Hussar";
    font-size: 120pt;
    text-transform: uppercase;
}
.fade-carousel .slides .content-2 h4{
    color: rgb(64,174, 243);
    font-size: 28pt;
    text-transform: uppercase;
    font-weight: bold;
}
/*slide 3*/
.fade-carousel .slides .slide-3 {
    background-image: url(http://ksero-grafix.pl/cms/galleries/images/slider/3/bg.png);
}
.fade-carousel .slides .content-3 h3{
    color: rgb(139,143, 56);
    font-family: "Nickaley";
    font-size: 240pt;
}
.fade-carousel .slides .content-3 h4 button{
    color: rgb(84,84,84);
    font-family: "Inter";
    text-transform: uppercase;
    font-size: 40pt;
    border: none;
    background-color: transparent;
}
.fade-carousel .slides .content-3 h4 button:hover{
    color: #CE2026;
}
/*slide 4*/
.fade-carousel .slides .slide-4 {
    background-image: url(http://ksero-grafix.pl/cms/galleries/images/slider/4/bg.png);
}
.fade-carousel .slides .content-4 img{
    width:30%;
    height:auto;
}

.fade-carousel .slides .content-4 h2{
    color: black;
    font-family: "MyOpenSans2";
    font-size: 32pt;
}
/*slide 5*/
.fade-carousel .slides .slide-5 {
    background-image: url(http://ksero-grafix.pl/cms/galleries/images/slider/5/bg.jpg);
}

.fade-carousel .slides .content-5{
    position: absolute;
    top: 15%;
    right:18%;
    z-index: 3;
    color: #fff;
    text-align: center;
}
.fade-carousel .slides .content-5 h2{

    font-family: "PlaylistScript";
    font-size: 110pt;
}
.fade-carousel .slides .content-5 h3{
    font-family: "MyOpenSans2";
    font-size: 65pt;
    font-weight:600;
}
.fade-carousel .slides .content-5 h4{
    font-family: "MyOpenSans2";
    font-size: 45pt;
    font-weight: 900;
}

/*end slides*/
#carousel-header .fade-carousel {
    position: relative;
    height: 86vh;
}
.carousel-contentt video{
    width:1920px;
    height: 86vh;
}

#carousel-header.fade-carousel .carousel-inner .item {
    height: 86vh;
}

.fade-carousel .carousel-indicators>li {
    margin: 0 2px;
    border-radius:0;
    border-color: #CE2026;
    width:40px;
    height:3px;
    background-color: #CE2026;
    opacity: 0.5;
}

.fade-carousel .carousel-indicators>li.active {
    width: 10px;
    height: 10px;
    width:40px;
    height:3px;
    opacity: 1;
}

#carousel-header .carousel-content {
    position: absolute;
    top: 55%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;

   
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

#carousel-header .carousel-content h1 {
    font-size: 36pt;
    font-weight: bold;
    margin-top: 100px;
    padding: 0;
    color:#8f0509;
}


.fade-carousel .carousel-inner .item .carousel-content {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.fade-carousel .carousel-inner .item.active .carousel-content {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5 {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.about-us {
    background-color: #fff;
    width: auto;
    padding: 60px 0px;
}

.team-sec {
    float: left;
    width: 100%;
}

.team .photo {
    width: 250px;
    height: 250px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 8px #000000;
}

.item-about {
    position: relative;
}

.item-about h2 {
    margin-bottom: 20px;
}

.team {
    margin-top: 20px;
}

.team .photo img {
    width: 100%;
    vertical-align: middle;
    position: relative;
}

.info {
    margin-top: 22px;
}

.info .name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2px;
}

.info .position {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    color: #8B8B8B;
}

.carousel-line .controls {
    position: absolute;
    bottom: -45px;
    left: 50%;
    margin-left: -50px;
    padding: 0px 20px;
    color: #000;
}

.carousel-line .controls a {
    color: #868686;
    font-size: 24px;
    font-weight: 300;
}


/*laser co*/

#carousel-laser {
    display: block;
    position: relative;
    height: 60vh;
}
#carousel-laser .carousel-indicators{
    display: none;
}
#carousel-laser .carousel-control-prev, #carousel-laser .carousel-control-next{}

#carousel-laser .carousel-inner {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#carousel-laser .item {
    padding: 50px;
}

#carousel-laser .nav-pills {
    background-color: rgba(0, 0, 0, .75);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
}

#carousel-laser .carousel-caption {
    position: relative;
    left: 0;
    bottom: 0;
    color: #000;
}

#carousel-laser .nav-pills li a {
    color: #fff;
    font-size: 12pt;
}
#carousel-laser .nav-pills h1 {
    color: #fff;
}

#carousel-laser .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    transform: skew(-18deg);
    background-color: #CE2026;
    border-radius: 0px;
    padding: 10px;
    display: block;
    text-decoration: none;
    font-style: unset;
}

#carousel-laser .nav-pills>li:hover>a,
.nav-pills>li:hover>a:focus,
.nav-pills>li:hover>a:hover {
    transform: skew(-18deg);
    background-color: #CE2026;
    border-radius: 0px;
    display: block;
    padding: 10px;
    text-decoration: none;
    font-style: unset;
}

@media screen and (max-height: 768px) {
    #carousel-laser .nav-pills {
        bottom: -250px;
    }

}@media screen and (max-width: 768px) {
    /*slider 4*/
    .fade-carousel .slides .content-4 img{
        width:80%;
        height:auto;
    }
    .fade-carousel .slides .content-4 h2{
        font-size: 16pt;
    }
    /*slider 1*/
    .fade-carousel .slides .content-1 h3{
        font-size: 60pt;
    }
    .fade-carousel .slides .content-1 h4{

        font-size: 30pt;
    }
    /*slider 2*/
    .fade-carousel .slides .content-2 h2{
        font-size: 40pt;
        margin-bottom: 20px;
    }
    .fade-carousel .slides .content-2 h3{
        font-size: 36pt;
    }
    .fade-carousel .slides .content-2 h4{
        font-size: 18pt;
    }
    /*slide 3*/
    .fade-carousel .slides .content-3 h3{
        font-size: 60pt;
    }
    .fade-carousel .slides .content-3 h4{

        font-size: 30pt;
    }
}
@media screen and (max-width: 480px) {
    /*slider 1*/
    .fade-carousel .slides .content-1 h3{
        font-size: 60pt;
    }
    .fade-carousel .slides .content-1 h4{

        font-size: 30pt;
    }
    /*slider 4*/
    .fade-carousel .slides .content-4 img{
        width:80%;
        height:auto;
    }
    .fade-carousel .slides .content-4 h2{
        font-size: 16pt;
    }
    /*slider 2*/
    .fade-carousel .slides .content-2 h2{
        font-size: 40pt;
        margin-bottom: 20px;
    }
    .fade-carousel .slides .content-2 h3{
        font-size: 36pt;
    }
    .fade-carousel .slides .content-2 h4{
        font-size: 18pt;
    }
    /*slide 3*/
    .fade-carousel .slides .content-3 h3{
        font-size: 60pt;
    }
    .fade-carousel .slides .content-3 h4{

        font-size: 30pt;
    }
}