/**
     * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
     * http://cssreset.com
     */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
	
	
    body {
  		background:#dedede;
  		font-family:Arial, Helvetica, sans-serif;
      padding: 0;
  	  position: relative;
      margin: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }


  A:focus{ outline: 3px solid red; outline-offset:4px; z-index: 3000;}  
	input:focus, textarea:focus, select:focus{ outline: 3px solid red; outline-offset:4px; z-index: 3000;}

  A:link {COLOR: #444; TEXT-DECORATION: underline;}
  A:visited {COLOR: #444; TEXT-DECORATION: none;}
  A:active {COLOR: #444; TEXT-DECORATION: none;}
  A:hover {COLOR: #444; TEXT-DECORATION: none;}


html, body { 
  font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-weight:400;
	background:#fff;
	height: 100%;
	color:#fff;
  margin: 0px;
  padding: 0px;
  position: relative;
  
}


* {-webkit-font-smoothing: antialiased;}

strong, b{ font-weight:700;}
em,i{ font-style:italic;}
u{ text-decoration:underline;}
small{ font-size:70%;}
ul{ list-style:decimal; margin-bottom: 30px; margin-left: 35px; }
ul ul{ list-style:disc;}
ul li{ margin: 10px 0; }

.clear{ clear:both;}
.center{ width:1200px; margin:auto; position:relative; }
.centerSmall{width:1200px; margin:auto; position:relative;}
.centerTop{ height: 100%; text-align: center;  }

.animacja{opacity: 0;}


.komunikat{ padding: 40px 0; position: relative; background: #039fc5; }
.komunikatCenter{ width: 700px; margin: auto; text-align: center; }
.komunikat .hero{ margin: auto; display: inline-block; background: #fff; color: #039fc5; padding: 10px; font-weight: bold; font-size: 40px; margin-bottom: 20px; }
.komunikat .txt{ font-size: 20px; font-weight: 300; line-height: 1.8; width: 600px; margin: auto; }

.header{ font-size: 55px; font-weight: bold; margin-bottom: 90px; background: #039fc5; padding: 20px 40px; padding-left: 1000px; margin-left: -1000px; display: inline-block; }
.subheader{ font-size: 30px; font-weight: bold; color: #039fc5; display: block; margin-bottom: 30px; position: relative; z-index: 310; text-transform: uppercase;}
.subheader:after{ content: ''; display: block; width: 38px; height: 38px; background: #ffb72c; position: absolute; left: -8px; top: -3px; z-index: -1; border-radius: 100%; }

.all{ width: 100%; position: relative; overflow: hidden; max-width: 2700px; margin: auto;  top: 37px; }

.top{ width: 100%; height: 700px; position: absolute; top: 0px; left: 0px; }
.topBack{ width: 100%; position: relative; z-index: 2; }
.topBack img{ width: 100%; display: block; }
.topBackGlosuj{ position: absolute; top: 0px; left: 0px; }

.logo{ position: absolute; left: 3%; top: 26px; padding-left: 100px; display: block; z-index: 100; }
.logo img{ position: absolute; width: 88px; top: 0px; left: 0px;  }
.logo .l1{ font-size: 38px; font-weight: bold; display: block; line-height: 1; text-shadow: 2px 2px 3px rgba(0,0,0,.3);}
.logo .l2{ font-size: 27px; font-weight: bold; display: block; line-height: 1; text-shadow: 2px 2px 3px rgba(0,0,0,.3); margin-top: 3px;}
.logo .l3{ font-size: 19px; font-weight: bold; display: inline-block; line-height: 1; background: #fff; color: #6d6d6d; padding: 3px 5px; margin-top: 7px; }
.logo a{ color: inherit; text-decoration: none; }


.menuBar{ position: absolute; right: 0px; padding: 25px 0 25px; padding-right: 3%; background: #fff; z-index: 100; top: 26px; }
.menu{ list-style: none; padding: 0px; margin: 0px; font-size: 16px;  color: #162135; text-transform: uppercase; position: relative; cursor: default; }
.menu li{ display: inline-block; padding: 0px; margin:0px; margin-left: 45px; position: relative; background: #fff; cursor: default; }
.menu li a{ color: inherit; text-decoration: none; }
.menu li.current{ color: #039fc5; }
.menu li.menu-underline{ margin: 0px; padding: 0px; height: 6px; width: 6px; background: #039fc5; border-radius: 100%; display: inline-block; top: 20px; position: absolute; content: '';  }
/*.menu li.menu-underline{ position: absolute; width: 100%; height: 0px; top: 0px; background: none; }
.menu li.menu-underline:after{ margin: 0px; padding: 0px; height: 6px; width: 6px; background: #039fc5; border-radius: 100%; display: inline-block; left: 50%; margin-left: -3px; top: 20px; position: absolute; content: ''; }*/


.kontrast-container{ position: absolute; top: 0px; right: 0px; padding: 8px 3% 8px; background: #fff; z-index: 999; width: 100%; }
.kontrast{ list-style: none; margin: 0px; padding: 0px; text-align: right; }
.kontrast li{ padding: 0px; margin: 0px; display: inline-block; margin-left: 15px; }
.kontrast li.fontSize1{ font-size:17px; color:#fff; margin-left:13px; cursor:pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;}
.kontrast li.fontSize2{ font-size:17px; color:#fff; margin-left:8px; cursor:pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;}
.kontrast li.kontrastowa{ font-size:15px; color:#fff; }
.kontrast li.kontrastowa a{color:#fff;}
.wersja-kontrastowa{ width: 20px; height: 20px; border: 1px solid #fff; background:#4C4C4C; border-radius: 100%; display: block; margin-bottom: -4px; position: relative; }
.wersja-kontrastowa span{ display: block; width: 8px; height: 16px; background: #fff;   border-bottom-right-radius: 16px; border-top-right-radius: 16px; position: absolute; right: 1px; top: 1px; }
.kontrast a{ text-decoration: none; }


.mainBack{ width: 100%; position: relative; }
.mainBack img{ width: 100%; display: block; }
.mainBack img.mainFotoR{ display: none; }

.mainKwota{ font-weight: bold; width: 260px; height: 260px; position: absolute; right: 2%; top: 200px; background: #34b6d6; border-radius: 100%; font-size: 27px; text-align: center; padding-top: 80px; 
            transform: rotate(30deg);}
.mainKwota span.t1{ font-size: 68px; }
.mainKwota span.t2{ font-size: 33px; }
.mainKwota:after{ content: ''; display: block; width: 92%; height: 92%; left: 4%; top: 4%; border: 2px solid #fff; position: absolute; border-radius: 100%; }

.mainHaslo{ position: absolute; left: 10%; bottom: 34%; font-size: 69px; font-weight: bold; text-shadow: 4px 4px 2px rgba(0,0,0,.7);}
.mainHaslo .l1{ display: block; }
.mainHaslo .l1 span{ font-size: 113px;}
.mainHaslo .l2{ display: block; margin-left: 300px; margin-top: 20px;}

.mainCTA{ width: 360px; left: 50%; bottom: 10%; position: absolute; margin-left: -150px; padding: 13px 13px; border-radius: 10px; z-index: 500; background: #039fc5; font-weight: bold; font-size: 32px; text-align: center; letter-spacing: 1px; 
-webkit-transition: all 200ms;
   -moz-transition: all 200ms;
     -o-transition: all 200ms;
        transition: all 200ms;}
.mainCTA span.i_glosuj{ display: block; font-size: 18px; margin-top: 10px; }
a.mainCTA{ color: #fff; text-decoration: none;}
a.mainCTA:hover{ background:#fff; color: #039fc5;  }

.mainSvg{ width: 100%; position: absolute; bottom: -2px; left: 0px; }
.mainSvg img{ width: 100%; }

.mainContent{ width: 100%; position: relative; overflow: hidden;  }
.mainContentSvg{ width: 100%; position: absolute; top: -3px; left: 0px; z-index: 1; }
.mainContentSvg img{ width: 100%; }

.haslo1{ width: 680px; margin-left: 100px; color: #eca214; z-index: 100; position: relative; font-size: 21px;font-weight: bold; overflow: hidden; margin-top: 50px; }
.haslo1 span{ display: inline-block; background: #fff; margin-top: 6px; padding: 8px; }

.haslo2{ width: 680px; float: right; margin-right: 100px; color: #fff; z-index: 100; position: relative; font-size: 21px;font-weight: bold; overflow: hidden; text-align: right; margin-top: 50px;}
.haslo2 span{ display: inline-block; background: #df9913; margin-top: 6px; padding: 8px; }

.zdecyduj{ width: 100%; text-align: center; position: relative; z-index: 100; }
.zdecyduj span{background: #039fc5; color: #fff; font-size: 40px; display: inline-block; margin-top: 70px; font-weight: 300; padding: 10px 15px; margin-bottom: 40px; line-height: 1.5;}

.timelineContainer{ position: relative; width: 100%; z-index: 100; }
.timeline{ width: 970px; margin: auto; position: relative; margin-bottom: 50px; z-index: 500; }
.timeline .line{ height: 100%; width: 3px; position: absolute; left: 50%; margin-left: -1.5px; top: 0px; background: #bad2d8; z-index: 1; }
.timeline .lineActive{ height: 0%; width: 3px; position: absolute; left: 50%; margin-left: -1.5px; top: 0px; background: #039fc5; z-index: 10; }

.timeline .pointL{ position: relative; float: left; margin-left: 0%;  margin-top: 45px; width: 50%; }
.timeline .pointR{ position: relative; float: left; margin-left: 50%;  margin-top: 45px; width: 50%; }
.timeline .point .pointer{ width: 28px; height: 28px; border-radius: 100%; background: #039fc5; position: absolute; z-index: 500;}
.timeline .point .pointerPast:after{ content: ''; display: block; width: 220%; height: 220%; border: 2px solid #039fc5; border-radius: 100%; left: -60%; top: -60%; position: absolute; }
.timeline .point .pointerActive:after{ content: ''; display: block; width: 220%; height: 220%; border: 2px solid #039fc5; border-radius: 100%; left: 0%; top: 0%; position: absolute; 
-webkit-animation-name: pointerAnim;
  animation-name: pointerAnim;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;  }
.timeline .pointL .pointer{ right: -14px; }
.timeline .pointR .pointer{ left: -14px; }

.timeline .point .nameContainer{ width: 100%; position: relative; }
.timeline .point .pointLine{ width: 190px;  position: relative; }
.timeline .pointL .pointLine.past{ width: 160px; margin-right: 30px; position: relative; }
.timeline .pointR .pointLine.past{ width: 160px; margin-left: 30px; position: relative; }
.timeline .pointL .pointLine{ float: right; position: relative; }
.timeline .pointR .pointLine{ float: left; position: relative; }
.timeline .point .pointLineLine{ width: 100%; height: 3px; background: #039fc5; margin-top: 11.5px; }
.timeline .pointL .pointLineLine{ float: left; }
.timeline .pointR .pointLineLine{ float: right; }
.timeline .pointR .pointLineLine:after{ content: ''; display: block; width: 28px; height: 28px; background: #039fc5; border-radius: 100%; position: absolute; right: 0px; top: 0px; }
.timeline .pointL .pointLineLine:after{ content: ''; display: block; width: 28px; height: 28px; background: #039fc5; border-radius: 100%; position: absolute; left: 0px; top: 0px; }
.timeline .point .nameContainer .name{ font-size: 27px; color: #039fc5; font-weight: bold; position: relative; }
.timeline .pointL .nameContainer .name{ float: right; margin-right: 18px;}
.timeline .pointR .nameContainer .name{ float: left; margin-left: 18px; }
.timeline .point .nameContainer .name .data{ padding: 7px 9px; background: #039fc5; color: #fff; font-weight: 300; font-size: 18px; display: inline-block; margin-top: 7px; }

.timeline .point .nameContainer .name .ikona{ position: absolute; }
.timeline .point .nameContainer .name .ikona img{ width: 100%; display: block; }
.timeline .point .nameContainer .name .i1{ width: 59px; right: -67px; top: -40px; }
.timeline .point .nameContainer .name .i2{ width: 73px; left: -85px; top: -42px; }
.timeline .point .nameContainer .name .i3{ width: 67px; right: -81px; top: -35px; }
.timeline .point .nameContainer .name .i4{ width: 60px; left: -75px; top: -42px; }
.timeline .point .nameContainer .name .i5{ width: 70px; right: -81px; top: -35px; }
.timeline .point .pointTxt{ font-size: 16px; color: #333333; line-height: 1.8; font-weight: 300; width: 330px; margin-top: 20px; }
.timeline .pointL .pointTxt{ text-align: left; margin-right: 60px; float: right; }
.timeline .pointR .pointTxt{ text-align: right; margin-left: 60px; }

.timeline a{ color: #039fc5; font-weight: 600; }

.timelineEnd{ width: 100%; margin: auto; margin-top: 40px; background: #fff; text-align: center; position: relative; font-size: 16px; color: #333; width: 500px; line-height: 1.7;  z-index: 900;}
.timelineEnd .name{ font-size: 27px; color: #039fc5; font-weight: bold; position: relative; }
.timelineEnd .end{ width: 60px; height: 60px; margin:auto; margin-bottom: 30px; border-radius: 100%; background: #039fc5;  }


.mainInfos{ background: #039fc5; padding: 75px 0; width: 100%; position: relative;  }
.mainInfoKol{ width: 30%; float: left; margin-right: 5%; text-align: center; }
.KolLast{ margin: 0px; }
.mainInfoName{ font-size: 27px; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 30px; position: relative; z-index: 100; }
.mainInfoName div{ font-size: 22px; margin-bottom: 12px;  position: relative; z-index: 100; }
.mainInfoName span.t1{ position: relative; z-index: 1; display: inline-block; }
.mainInfoName span.t1:after{ position: absolute; content: ''; display: block; width: 38px; height: 38px; left: -10px; top: -6px; background: #ffb72c; z-index: -1; border-radius: 100%; }
.mainInfoTxt{ font-size: 16px; font-weight: 300; line-height: 1.7;}
.mainInfoName span.t2{ position: relative; z-index: 1; display: inline-block; }

.mainInfoBut{ width: 190px; padding: 17px 20px; background: #ffb72c; border-radius: 5px; display: inline-block; font-weight: bold; font-size: 16px; color: #fff; margin-top: 40px;
-webkit-transition: all 200ms;
   -moz-transition: all 200ms;
     -o-transition: all 200ms;
        transition: all 200ms;}
.mainInfoBut:hover{ background: #fff; color: #ffb72c; }



.round{ border-radius: 100%; width: 170px; height: 170px; position: absolute; opacity: .7; z-index: 100;}
.round:after{ position: absolute; border-radius: 100%; width: 200%; height: 200%; left: -50%; top: -50%; border: 3px solid #ffd98f; content: ''; display: block;}

.color1{background:#ffd98f;}
.color1:after{ border-color: #ffd98f; }
.color2{background:#fff;}
.color2:after{ border-color: #fff; }

.round1{ left: -70px; top: 40%; }
.round2{ right: -70px; bottom: 7%; transform: scale(1.4); }

.round3{ left: -70px; top: 5%; transform: scale(.5); }
.round4{ right: -80px; bottom: -15%; transform: scale(.3); }

.round5{ right: -20px; bottom: -15%; transform: scale(.4); }
.round6{ left: 3%; top: -10%; transform: scale(.4); }

.roundKontakt{ right: -280px; bottom: -10%; transform: scale(1.3); }

.roundNews{ right: -280px; top: 100px; transform: scale(.5); }
.roundNews2{ left: -180px; top: 70%; transform: scale(1.3); }

.roundWyniki1{ right: -50px; bottom: 5%; transform: scale(.4); opacity: .3;}
.roundWyniki2{ left: 3%; top: -10%; transform: scale(.6); opacity: .3;}
.roundWyniki3{ left: -50px; bottom: 5%; transform: scale(1.1); opacity: .3; }

a.more{text-decoration: none;}
.more{display: inline-block; margin: 20px 0; text-align: right; padding-right: 20px; position: relative; border-bottom: 1px solid #039fc5; float: right; 
-webkit-transition: all 200ms;
   -moz-transition: all 200ms;
     -o-transition: all 200ms;
        transition: all 200ms;}
.more:after{ content: ''; border: solid #039fc5;  border-width: 0 3px 3px 0;  display: inline-block;  padding: 3px;  transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: 0px; top: 6px; }
.more:hover:after{
  -webkit-animation-name: pointerAnim2;
  animation-name: pointerAnim2;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; 
}
.more:hover{ border:none; }


.txtUp{ z-index: 100; position: relative; }
.obudzecieInfo{ font-size: 16px; color: #373737; line-height: 1.8; padding-left: 10%; margin-bottom: 90px; position: relative; width: 100%;}
.obudzecieInfo a{ font-weight: bold; color: #039fc5; }
a.plik{ display: block; margin-bottom: 20px; width: 90%; line-height: 1.4; }


.newsContainer{ position: relative; z-index: 100; padding-bottom: 100px; min-height: 600px; }
.news{ position: relative; z-index: 200; margin-bottom: 80px; }
.newsL{ width: 35%; margin-right: 5%; float: left; }
.newsL img{ width: 100%; display: block; }
.newsR{ float: left; width: 60%; }
.newsR .data{ padding: 5px 7px; background: #039fc5; color: #fff; font-weight: 300; display: inline-block; }
.newsR .name{ line-height: 1.5; font-weight: bold; color: #039fc5; text-transform: uppercase; font-size: 20px; margin-bottom: 20px; margin-top: 20px; position: relative; }
.newsR .name:after{ content: ''; display: block; width: 28px; height: 28px; background: #ffb72c; position: absolute; left: -7px; top: 0px; z-index: -1; border-radius: 100%; }
.newsR .txt{ color: #373737; line-height: 1.8; font-size: 16px; font-weight: 300; }
.newsFotoR{ display: none; }


.projektyContainer{ color: #373737; min-height: 600px; padding-bottom: 100px; line-height: 1.6; font-weight: 300; }

.projektLista{ position: relative; z-index: 200; margin-bottom: 95px; }
.projektListaFoto{ width: 35%; margin-right: 5%; float: left; background: #f9f9f9; min-height: 15px; }
.projektListaFoto img{ width: 100%; display: block; }
.projektListaTxt{ float: left; width: 60%; }
.projektListaName{ line-height: 1.6; font-weight: bold; color: #039fc5; text-transform: uppercase; font-size: 20px; margin-bottom: 25px; position: relative; }
.projektListaName:after{ content: ''; display: block; width: 28px; height: 28px; background: #ffb72c; position: absolute; left: -7px; top: 0px; z-index: -1; border-radius: 100%; }
.projektListaName a{ color: inherit; text-decoration: none; }
.projektListaContent{ color: #373737; line-height: 1.7; font-size: 16px; font-weight: 300; }
.cechaContainer{ margin-bottom: 2px; }
.cechaContainer span{ font-weight: bold; color: #039fc5; }
.cechaLast{ margin-bottom: 20px; }
.buttony{ text-align: right; padding: 25px 0 0; }
.projektBut{ display: inline-block; margin-left: 15px; border-radius: 7px; min-width: 190px; padding: 12px 26px; font-size: 16px; font-weight: bold; text-align: center;
-webkit-transition: all 200ms;
   -moz-transition: all 200ms;
     -o-transition: all 200ms;
        transition: all 200ms;}
.projektBut.zobacz{ background: #fff; color: #039fc5; border: 2px solid #039fc5; }
.projektBut.zobacz:hover{ background: #039fc5; color: #fff; }
.projektBut.glosuj{ background: #ffb72c; color: #fff; border: 2px solid #ffb72c; }
.projektBut.glosuj:hover{ background: #fff; color: #ffb72c; }


.projektShow{ position: relative; z-index: 200; margin: auto; margin-bottom: 25px; width: 890px; }
.projektShowFoto{ width: 100%; min-height: 15px; margin-bottom: 30px; }
.projektShowFoto img{ width: 100%; display: block; }
.projektShowTxt{ width: 100%; }
.projektShowName{ line-height: 1.6; font-weight: bold; color: #039fc5; text-transform: uppercase; font-size: 32px; margin-bottom: 25px; position: relative; }
.projektShowName:after{ content: ''; display: block; width: 38px; height: 38px; background: #ffb72c; position: absolute; left: -11px; top: 3px; z-index: -1; border-radius: 100%; }
.projektShowName a{ color: inherit; text-decoration: none; }
.projektShowContent{ color: #373737; line-height: 1.7; font-size: 16px; font-weight: 300; margin-bottom: 20px; }



.pageGlosuj{ position: relative; background: url(../grafika/glosujBack.png) repeat-y center top; }
.glosujTop{ position: relative; width: 100%; }
.glosujTop:after{ content: ''; display: block; width: 100%; position: relative; padding-top: 13%; }
.glosujContainer{ color: #373737; min-height: 600px; padding-bottom: 100px; line-height: 1.6; }

.glosujKol{ width: 50%; float: left; position: relative; z-index: 200;}
.glosujTxt{ font-weight: 300; color: #373737; padding-right: 40px; position: relative; z-index: 200; line-height: 1.7; }
.pageContentJakGlosowacR{ display: none; }
.dowiedzsiejakglosowac{ display: none; color: #ffb72c; text-decoration: underline; cursor: pointer; margin: 0px 0 30px; }
.formularz{ width: 100%; padding-left: 22%; position: relative; z-index: 200; margin-top: -70px; color: #fff; font-weight: 300; line-height: 1.7; }
.formName{ display:block; font-size:14px; color:#ffffff; margin:0; font-weight:300; margin-bottom:2px; margin-top: 15px; text-transform: uppercase;}
.formularz input[type=text], .formularz textarea{ width:100%; display:inline-block; padding:10px; background:none; border-radius:5px; color:#FFFFFF; font-size:16px; font-weight:300; margin:0px; margin-top:0px; font-family: 'Open Sans', sans-serif;}
.formularz input[type=submit]{ 
  -webkit-appearance: none;
border-radius: 0;
width:100%; margin:0px; padding:0px; display:inline-block; padding:10px; background:#ffb72c; border-radius:5px; color:#fff; font-size:17px; font-weight: 500; cursor:pointer; margin-top:20px; border:none; letter-spacing: 1px; font-family: 'Open Sans', sans-serif;
  border: 2px solid #ffb72c;
  text-transform:uppercase;
  -webkit-transition: all .20s linear;
  -moz-transition: all .20s linear;
  -ms-transition: all .20s linear;
  -o-transition: all .20s linear;
  transition: all .20s linear;}
.formularz textarea{ height:130px;}
.formularz input[type=submit]:hover{ background: #039fc5; border-color: #fff; }

.field_normal{ border:2px solid #fff;}
.errorMessage{ color:#ffb72c; font-size:16px; margin-top:3px; margin-bottom:15px; font-weight:500; text-transform:uppercase;}
.alertReg{ margin-top:0px;}
.input_errorr{ border:2px solid #ffb72c; border-radius: 3px;}
.errorAlert{ line-height: 1.5; color: #ffb72c; margin-bottom: 30px; }
.errorAlert div{ margin: 10px 0; font-weight: bold; }

label{ cursor: pointer; }

.formularzKol{ width: 33.333%; float: left; padding: 1%; }

.formularzKolUl{ width: 70%; float: left; padding: 1%; }
.formularzKolUl2{ width: 30%; float: left; padding: 1%; }

select{ width:100%; display:block; background:#fff; font-size:15px; font-family: 'Open Sans', sans-serif;}

.reg{ padding:0px 0; margin-top:20px; margin-bottom:20px; color:#fff; line-height:1.6; sans-serif; font-size:12px; position:relative;
  overflow:hidden;
  -webkit-transition: all .20s linear;
  -moz-transition: all .20s linear;
  -ms-transition: all .20s linear;
  -o-transition: all .20s linear;
  transition: all .20s linear;}
.reg .txtReg{ display:block; width:100%; padding-left:25px;  z-index:500;
  -webkit-transition: all .20s linear;
  -moz-transition: all .20s linear;
  -ms-transition: all .20s linear;
  -o-transition: all .20s linear;
  transition: all .20s linear; }
.reg .txtReg2{ height:auto;}


.check{ font-size:14px; line-height:1; color:#FFFFFF; position:absolute; top: 3px; left:0px; }
.check span{ display:block; margin:5px 0 0 5px;}
.checkName{ display:inline-block; margin:5px 0 0 0px;}
label {
  display: inline;
}
.regular-checkbox {
  display: none;
}

.regular-checkbox + label {
  background:none; 
  padding: 7px;
  display: inline-block;
  float:left;
  border-radius: 3px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.regular-checkbox + label:hover{ border-color:#fff;}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {}
.regular-checkbox:checked + label { color: #444;}
.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: -1px;
  left: 3px;
  color: #039fc5;
  color: #fff;
}

.ukryj{ display: none; }
.showMore{ margin-top: 10px; cursor: pointer; border-bottom: 1px solid #fff; display: inline-block; font-size: 12px; }
.showMore:hover{ border-color: transparent; }

.opiekun{ margin-top: 0px; border-left: 2px solid rgba(255,255,255,.5); padding-top: 0px; padding-left: 25px; padding-bottom: 1px; display: none;
-webkit-transition: all .20s linear;
  -moz-transition: all .20s linear;
  -ms-transition: all .20s linear;
  -o-transition: all .20s linear;
  transition: all .20s linear; }

.komunikatBig{ font-size: 23px; line-height: 1.6; margin-bottom: 15px; }




.wynikiContainer{ color: #373737; min-height: 300px; padding-bottom: 100px; line-height: 1.5; font-weight: 300; z-index: 400; }
.wynikiKol1{ width: 75%; padding-right: 3%; float: left; }
.wynikiKol3{ width: 15%; padding-right: 4%; float: left; font-weight: bold; color: #039fc5; text-align: right; padding-top: 15px; }
.wynikiKol4{ width: 10%; padding-right: 0%; float: left; text-align: right; padding-top: 15px; }
.wynikiKol{ margin: 18px 0; position: relative; z-index: 200;  }
.wynikiKolName{ font-size: 12px; font-weight: bold; color: #373737; margin-bottom: 20px; padding-top: 0px;position: relative; z-index: 200; }
.odrzucony{ color: #373737; }
.do_realizacji{ color: #039fc5; font-weight: 600; }
.wynikiName{ margin-bottom: 8px; }
.pasek{ width: 93%; height: 30px; float: left; border-bottom: 1px solid #ddd; }
.pasekInner{ height: 100%; background: #ffb72c; width: 0; 
-webkit-transition: all .40s linear;
  -moz-transition: all .40s linear;
  -ms-transition: all .40s linear;
  -o-transition: all .40s linear;
  transition: all .40s linear; }
.pasekWynik{ width: 7%; float: left; font-weight: bold; padding-top: 4px; padding-left: 10px; }

.wynikiSvg{ width: 102%; display: block; margin-left: -1%; margin-top: -100px; }
.wynikiSvg img{ width: 100%; display: block; }

.wynikiContent2{ width: 100%; background: #039fc5; margin-top: -3px; z-index: 400; position: relative; padding-bottom: 100px; }
.wynikiHeader{ width: 100%; text-align: center; position: relative; z-index: 200; }
.wynikiHeader span{background: #ffb72c; color: #fff; font-size: 32px; display: inline-block; position: relative; top: -20px; font-weight: 300; padding: 10px 15px; margin-bottom: 40px; line-height: 1.5; text-transform: uppercase;}

.projektyWyniki{ width: 100%; margin-bottom: 50px; margin-top: 30px; }
.projektyWynikiNazwa{ line-height: 1.6; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 26px; margin-bottom: 25px; position: relative; }
.projektyWynikiNazwa:after{ content: ''; display: block; width: 38px; height: 38px; background: #ffb72c; position: absolute; left: -11px; top: 0px; z-index: -1; border-radius: 100%; }
.projektyWynikiTxt{ font-weight: 300; line-height: 1.6; }

.buttonyWyniki{ text-align: right; padding: 10px 0 0; }
.wynikiBut{ display: inline-block; margin-left: 15px; border-radius: 7px; min-width: 190px; padding: 12px 26px; font-size: 16px; font-weight: bold; text-align: center;
-webkit-transition: all 200ms;
   -moz-transition: all 200ms;
     -o-transition: all 200ms;
        transition: all 200ms;}
.wynikiBut.zobacz{ background: #039fc5; color: #fff; border: 2px solid #fff; }
.wynikiBut.zobacz:hover{ background: #ffb72c; color: #fff; border-color: #ffb72c }





.kontakt{ padding-left: 10%; position: relative; min-height: 500px; color: #373737; line-height: 1.7; }
.kontakt a{ font-weight: bold; color: #039fc5; }


.stopka{ padding: 20px 0; background: #007794; color: #4aa6bc; font-size: 13px; text-transform: uppercase; position: relative; z-index: 700; }
.stopka a{ color: #4aa6bc; margin-bottom: 10px; display: inline-block; text-decoration: none; }
.stopka span{ color: #d7d7d7; display: block; margin-bottom: 10px;}
.stopka .stopkaKol{ width: 220px; float: left; }
.stopka .stopkaKolLast{ float: right; text-align: right; line-height: 2;}
.stopka .stopkaKolLast span{ margin-bottom: 0px; }



.posluchaj{ font-size: 16px; font-weight: 600; margin: 30px 0; position: relative; padding-left: 42px; }
.posluchaj .icon{ width: 30px; height: 30px; background: #ffb72c; border-radius: 100%; display: inline-block; top: 0px; position: absolute; left: 0px; }
.posluchaj .icon.blue{background: #C4E4ED;}
.posluchaj .play{ background: url(../grafika/play.svg) #ffb72c center center no-repeat; background-size: 45%; }
.posluchaj .pause{ background: url(../grafika/pause.svg) #ffb72c center center no-repeat; background-size: 45%; display: none; }
.posluchaj a{ text-decoration: none; color: #333}



.menuMobileClick{ width:50px; padding: 0px 10px;  cursor:pointer; position:absolute; right:3%; top:12px; display:none; z-index:980; text-align:center;  border-radius: 4px;}
.menuMobileClick div {
    width: 30px;
    height: 3px;
    background-color: #039fc5;
    display:block;
    -webkit-box-shadow: 2px 2px 0px 0px #ffffff;
box-shadow: 2px 2px 0px 0px #ffffff;
    margin: 6px 0 ;
}



#menuResponsive{ width:100%; height:100%; position:fixed; background:#fff; color:#373737; z-index:1001; display:block; 
-webkit-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, .1, inset 0px -1px 4px 0px rgba(0, 0, 0, .1));
box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, .1), inset 0px -1px 4px 0px rgba(0, 0, 0, .1);
    overflow-x: auto;
    overflow-y: scroll;
    right: -100%;
    top: 0;
    bottom: 0;
}
#menuResponsive a{ text-decoration:none; color:inherit;}
.menuResponsiveKlik1{ display:block; text-align:center; width:100%; padding:15px 3%; border-bottom:1px solid #444; font-size:20px; text-transform:uppercase; text-decoration:none; box-sizing: border-box; -webkit-box-sizing: border-box; 
font-weight: 600;}
.closeMenuContainer{ width:100%; text-align:right; height:50px;}
.close {
  display:inline-block;
    width: 35px;
    height: 35px;
    position: relative;
  margin-right:15px;
  margin-top:10px;
}
.close:after {
    content: '';
    height: 35px;
    border-left: 4px solid #000000;
    position: absolute;
    transform: rotate(45deg);
    left: 28px;
}

.close:before {
    content: '';
    height: 35px;
    border-left: 4px solid #000000;
    position: absolute;
    transform: rotate(-45deg);
    left: 28px;
}

.menuResponsiveKlik1 a{ margin:0 10px;}
.responsiveSocial{ text-align:center; width:100%; padding:20px 2% 20px; font-size:20px; box-sizing: border-box; -webkit-box-sizing: border-box; text-transform:uppercase; }
.responsiveSocial img{ margin:0 10px;}
.responsiveLinia{ width:100%; height:4px; background:#555;}
.fResp{ background: #f923a5; text-align: center; }
.fResp img{ width: 35px; padding: 10px 0; }
.responsiveSocial .icon{ width: 30px; height: 30px; }
.menuResponsiveLangs{ text-align: center; padding: 16px; font-size: 20px; }





#cookies-message{padding: 15px 20px; font-size: 14px; line-height: 22px; border-top: 1px solid #999; text-align: center; position: fixed; bottom: 0px; background-color: #262626; width: 100%; z-index: 999; box-sizing: border-box; -webkit-box-sizing: border-box; color:#999;}
#accept-cookies-checkbox{background-color:#999; padding: 5px 10px; color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer;}
#accept-cookies-checkbox:hover{ background:#000; color:#dedede;}




@keyframes pointerAnim{
  0% {
   width: 100%; height: 100%; left: 0%; top: 0%;
  }
  50%{
   width: 220%; height: 220%; left: -60%; top: -60%; opacity: 0;
  }
  51% {
   width: 100%; height: 100%; left: 0%; top: 0%; opacity: 1;
  }
  100%{
   width: 220%; height: 220%; left: -60%; top: -60%; opacity: 0;
  }
}



@-webkit-keyframes pointerAnim{
  0% {
   width: 100%; height: 100%; left: 0%; top: 0%;
  }
  50%{
   width: 220%; height: 220%; left: -60%; top: -60%; opacity: 0;
  }
  51% {
   width: 100%; height: 100%; left: 0%; top: 0%; opacity: 1;
  }
  100%{
   width: 220%; height: 220%; left: -60%; top: -60%; opacity: 0;
  }
}



@keyframes pointerAnim2{
   0% {
     top: 6px; opacity: 1;
    }
    35%{
     top: 12px; opacity: 0;
    }
    36%{
     top: -2px; opacity: 0;
    }
    100%{
      top: 6px; opacity: 1;
    }
}



@-webkit-keyframes pointerAnim2{
    0% {
     top: 6px; opacity: 1;
    }
    35%{
     top: 12px; opacity: 0;
    }
    36%{
     top: -2px; opacity: 0;
    }
    100%{
      top: 6px; opacity: 1;
    } 
}


.animOpacityDiv{
    animation-name: animOpacity;
    animation-duration: 0.99s;
    animation-iteration-count: 1;
     animation-fill-mode: forwards;
}
@keyframes animOpacity {
    0%{ opacity: 0; }

    100%{ opacity: 1; }
}

.animLineDiv{
    animation-name: animLine;
    animation-duration: .8s;
    animation-iteration-count: 1;
     animation-fill-mode: forwards;
}
@keyframes animLine {
    0%{ opacity: 1; width: 0px; }

    100%{ opacity: 1; width: 100%; }
}