.wpcf7-list-item{
  margin-left:0;
}
.wpcf7-list-item label {
 
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight:normal;
}
.wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
}
input[type="checkbox"] {
    flex-shrink: 0;
    margin-right: 10px;
    margin-top:4px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ce0202;
    background: #ce0202;
    color: #fff;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    font-size: 14px;
    line-height: 21px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
    padding: 10px;
    margin: 0px;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
    margin-top:10px;
}
.wpcf7-list-item label a{
    color:#fff;
}
.wpcf7-not-valid-tip{
    color:#fff;
}
.marquee {
display: flex;
        white-space: nowrap;
        width: 100%;
  
 
 
}
.marquee .loop-text {
        
        text-transform: uppercase;
 
  
}
.loop-text {
         animation: loopText 25s infinite linear; 
             text-transform: uppercase;
    font-family: Dharmagothicc, sans-serif;
    font-size: 440px;
    font-weight: 700;
    line-height: 0.7;     
    }

    @keyframes loopText {

       from {
           transform: translateX(0);
        }

       to {
           transform: translateX(-100%);
        }

    }
@-webkit-keyframes marquee {
  0% { right: 0; }
  100% { right: 100%; }
}
@-moz-keyframes marquee {
  0% { right: 0; }
  100% { right: 100%; }
}
@-ms-keyframes marquee {
  0% { right: 0; }
  100% { right: 100%; }
}
@-o-keyframes marquee {
  0% { right: 0; }
  100% { right: 100%; }
}
@keyframes marquee {
  0% { right: 0; }
  100% { right: 100%; }
}

.hero-slide{
    width:100%;
}
.slider-hero-cs-nav{
    width:100%;
    display:block!important;
}

.slider-hero-cs-nav .slick-slide {
      margin: 0 12px;
  }

  /* the parent */
.slider-hero-cs-nav .slick-list {
      margin: 0 -12px;
  }
  .slider-nav-ite.slick-current.slick-active{
    opacity:1;
  }
  .slider-hero-cs-nav .slick-slide{
    max-width:133px;
    cursor:pointer;
  }
  .projekty-slider .slick-list{padding:0 20% 0 0 !important;}

  .projekty-slider .slick-slide {
      margin: 0 12px;
  }

  /* the parent */
  .projekty-slider .slick-list {
      margin: 0 -12px;
  }
  .section-projekty{
    overflow: hidden;
  }
  
 .tba-link img,
 .cs-btn img
 {
 	position:relative;
 	transition:0.5s all;
 	left:0;
 }
  .tba-link:hover img,
  .cs-btn:hover img{
  	left:10px;
  }
  .kontakt-img .slider,
  .kontakt-img .w-slider-mask{
  height:auto;
  }
  .navbar{
  	transition:0.5s all;
  }
  .darkHeader{
  	    background-color: #f4f5fa;
  }
  .sing-button._1:hover{
  	background:transparent;
  	color:#343434;
  }
  .sing-button._1{
  	border:1px solid #343434;
  }
  .sing-button._2:hover{
  	background:transparent;
  	color:#ef400a;
  }
  .sing-button._2{
  	border:1px solid #ef400a;
  }

  .sing-button._3:hover{
  	background:transparent;
  	color:#386cb5;
  }
  .sing-button._3{
  	border:1px solid #386cb5;
  }

    .sing-button._4:hover{
  	background:transparent;
  	color:#c6003a;
  }
  .sing-button._4{
  	border:1px solid #c6003a;
  }
  .w-richtext .alignnone {
  	margin: 20px 0;
  }
  .single .section-projekty.sec-pozostale {
    padding-top: 80px;
}
.center{
	text-align:center;
}
.centercontent{
	text-align:center;
	padding:240px 0 180px 0;
}
.page-template-template-fundacja .navflex .simple-btn.black,
.page-template-template-camp .navflex .simple-btn.black,
.page-template-template-akademia .navflex .simple-btn.black{
	    background-color: #fff!important;
    color: #000!important;
    border-color: #fff!important;
}
.page-template-template-fundacja .navflex .simple-btn.black:hover,
.page-template-template-camp .navflex .simple-btn.black:hover,
.page-template-template-akademia .navflex .simple-btn.black:hover{
	    background-color: #fff!important;
    color: #000!important;
    border-color: #fff!important;
}
.page-template-template-fundacja .w-nav-button svg path,
.page-template-template-camp .w-nav-button svg path,
.page-template-template-akademia .w-nav-button svg path{
	stroke:#ffffff;
}

.page-template-template-fundacja .darkHeader {
	background:#000000;
}
.page-template-template-camp .darkHeader {
	background:#000000;
}
.page-template-template-akademia .darkHeader {
	background:#000000;
}

.lok-form-flex input[type="checkbox"] {
    flex-shrink: 0;
    margin-right: 5px;
    margin-top: 0px;
}
.lok-form-flex label{
color: #d3d3d3;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}
.lok-form-flex .wpcf7-list-item{
  margin-right:7px;
}
.page-template-template-akademia .csheight img{
  max-height:660px;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 12s linear infinite;
  -moz-animation: rotating 12s linear infinite;
  -ms-animation: rotating 12s linear infinite;
  -o-animation: rotating 12s linear infinite;
  animation: rotating 12s linear infinite;
}
.pleft-cs-btn .image-15{
    -webkit-animation: rotating 12s linear infinite;
  -moz-animation: rotating 12s linear infinite;
  -ms-animation: rotating 12s linear infinite;
  -o-animation: rotating 12s linear infinite;
  animation: rotating 12s linear infinite;
}
.slider-nav-ite:hover{
  opacity:1;
}
.cs-next img,
.cs-prev img{
  transition: 0.5s all;
  position:relative;
}
.cs-next img{
  right:0;
}
.cs-next:hover img{
  right:-10px;
}
.cs-prev img{
  left:0;
}
.cs-prev:hover img{
  left:-10px;
}