@media only screen and (min-width: 980px){
.bgimg-2 {
    background-size: cover!important;
}
.bgimg-2 > div  {
    position: absolute;
    top: 20%;
    width: 40%;
    left: 10%;

}
}

@media (max-width: 768px){
.content {
   width: 100%!important;
}

#testimonials {
   margin: 118px auto 0px!important;
}

.tit {
margin-top: 20px !important;
}

}

@media (max-width: 768px){
body #oferta {
   width: 90%!important;
}
body .content {
   width: 100%!important;
}
}


@media (max-width: 768px){
.slick-prev, .slick-next { display: none!important}
}


@media (max-width: 768px){

.bgimg-2 {
   min-height: 300px !important;
   background-size: cover!important;
	padding: 20px;
}
.bgimg-2 .tyt {margin: 0 }
.bgimg-2  .podt {
   font-size: 14px;
   line-height: 25px;
}
}


@media (max-width: 768px){
#logo img {
   width: auto!important;
}
#oferta {
   width: 100%!important;
}

.bgimg-2 > div { width: auto!important}
}

.slick-prev:before {
    margin-left: 30px;
}

.slick-prev.slick-arrow {
z-index: 99999999;
width: 50px;
}

.slick-next.slick-arrow {
z-index: 99999999;
width: 50px;
}

.slick-next:before {
    margin-right: 30px;
}

    .slider * {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;
        margin: 60px auto 20px;
    }

.slick-slide img {
      width: 100vw;
    max-width: 100vw;
    margin-bottom: 10px;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
    }
    
.slick-prev, .slick-next {
background: none !important;
}

.photo {
text-align: center;
margin: 0 auto;
}
.photo img {
border: 0; 
max-width: 100vw !important; 
height: auto; 
width: auto;
}

@media only screen and (min-width: 1024px){
#testimonials {
padding-left: 0px; 
padding-right: 0px
}
}

@media only screen and (max-width: 1024px){
#testimonials {
padding-left: 0px; 
padding-right: 0px
}
}

.lefter {
width: 45%;
float: left;
margin-right: 5%;
}

.righter {
width: 45%;
float: left;
margin-left: 5%;
}

.left {
width: 20%;
float: left;
margin-right: 5%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #000;
}

#oferta {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    }

.right {
width: 20%;
float: left;
margin-left: 5%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #000;
}

.right2 {
width: 45%;
float: left;
margin-left: 5%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #000;
}

.clear {
clear: both;
height: 0;
}
@media only screen and (max-width: 1024px){
.left {
width: 100%;
margin-right: 0;

}
.right {
width: 100%;
margin-left: 0;
}
.lefter {
width: 100%;
margin-right: 0;

}
.righter {
width: 100%;
margin-left: 0;
}
.right2 {
width: 100%;
margin-left: 0;
}
}

.bgimg-2 {
/*  position: relative;
  opacity: 0.65; */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
background-size: contain;
}

.bgimg-2 {
  background-image: url("../img/bckg_jpg.jpg");
background-size: contain;
}

@media only screen and (min-width: 1024px){
.bgimg-2 {
  min-height: 400px;
}
}

@media only screen and (max-width: 1024px){
.bgimg-2 {
  min-height: 700px;
}
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 980px) {
    .bgimg-2 {
        background-attachment: scroll;
    }
}






#brands .kont-foot {
    margin: 0 -15px!important;
    padding: 0 0 25px 0!important;
    border-bottom: 1px solid #e5e5e5!important;
}

@media (max-width: 978px) and (min-width: 0) {
    #brands .kont-foot {
        margin: 0!important;
    }
}

#brands .kont-foot{
    margin: 0 -15px;
}

#brands {
margin: 0 auto;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

#brands .kont-foot {
padding-left: 0 !important;
    padding-right: 0 !important;
}



		#logoParade {
			width: 100%;
overflow: hidden;
			height: 60px;
			position: relative;
		}
		
		#logoParade img {
			max-height: 60px;
margin-right: 40px;

		}


		#logoParade img:hover {

		}

		#logoParade .scrollableArea a
		{
			display: block;
			float: left;
			padding-left: 10px;
		}

.pkt1, .pkt2, .pkt3, .pkt4, .pkt5, .pkt6 {
font-family: 'Open Sans', sans-serif; 
font-size: 14px;
line-height: 22px;
color: #999;
margin-bottom: 20px;
position: relative;
}

.pkt1 b, .pkt2 b, .pkt3 b, .pkt4 b, .pkt5 b, .pkt6 b {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: #000;
	}

.tit {
font-size: 28px;
    font-weight: 300;
    color: #000;
text-decoration: none;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
	margin-bottom: 20px;
}
	
.pkt1:before {
    width: 60px;
    content: " ";
    background-image: url(img/i1.png);
    position: absolute;
    left: -70px;
    top: 5px;
    height: 60px;
    max-width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pkt2:before {
    width: 60px;
    content: " ";
    background-image: url(img/i2.png);
    position: absolute;
    left: -70px;
    top: 5px;
    height: 60px;
    max-width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pkt3:before {
    width: 60px;
    content: " ";
    background-image: url(img/i3.png);
    position: absolute;
    left: -70px;
    top: 5px;
    height: 60px;
    max-width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pkt4:before {
    width: 60px;
    content: " ";
    background-image: url(img/i4.png);
    position: absolute;
    left: -70px;
    top: 5px;
    height: 60px;
    max-width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pkt5:before {
    width: 60px;
    content: " ";
    background-image: url(img/i5.png);
    position: absolute;
    left: -70px;
    top: 5px;
    height: 60px;
    max-width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pkt6:before {
    width: 60px;
    content: " ";
    background-image: url(img/i6.png);
    position: absolute;
    left: -70px;
    top: 5px;
    height: 60px;
    max-width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}


.tyt {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 30px;
	color: #fff;
}

.podt {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #fff;
}