html {
    height: 100%;
} 
body {
    background-color: #fff;
    font-size: 15px;
    height: 100%;
    margin: 0 auto;
    width: 100%;
	color:#222;
	font-family: 'Oxygen', sans-serif;
} 
.grecaptcha-badge{
display:none !important;
}
.wpcf7 form.spam .wpcf7-response-output {
    color: #fff;
    text-align: center;
}
body .wp-google-list .wp-google-place, body .wp-facebook-list .wp-facebook-place{
background: #fff !important;
padding: 30px !important;
}
.wp-google-powered, .wp-google-powered, .wp-facebook-powered{
display:none !important;
}
#recki{ 
padding: 50px 0px;
}
#recki .reckabox{
float: left;
width: 45%;
margin: 0 2%;
}
.menu-item-home a{
background-image: url(../img/icohome.png);
width: 20px;
height: 20px;
font-size: 0px;
position: relative;
top: -15px;
background-size: 100%;
}
.home .menu-item-home a{
background-image: url(../img/icohomew.png);
}
.sztext p img{
width: auto;
max-width: 100%;
height: auto;
}
.tytulpageabout{
    padding-bottom: ;
    font-size: 50px;
    font-family: roboto;
    font-weight: bold;
    margin: 0px;
}
#strona-body-about{
    max-width: 1250px;
    margin: 0 auto;
    width: 90%;
}
.contentcont-about{
    width: 45%;
    float: left;
	transition:all 1s ease;
	margin-left:-50px;
	opacity:0;
    transition-delay: 0.3s;
}
.contentcont-about.animujgo{
margin-left:0;
opacity:1; 
}
#pxslider{
    display: block;
    width: 100%;
    height: 110vh;
    position: fixed;
    z-index: 99;
    top: 0;
}
#pxslider ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#pxslider ul li{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block; 
	transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);
    top: 10%;
    background-size: 110% auto;
}
#pxslider ul li.active{
top:0;
}
#pxslider ul li:nth-child(1){ z-index:10; }
#pxslider ul li:nth-child(2){ z-index:9; }
#pxslider ul li:nth-child(3){ z-index:8; }
#pxslider ul li:nth-child(4){ z-index:7; }
#pxslider ul li:nth-child(5){ z-index:6; }
#pxslider ul li:nth-child(6){ z-index:5; }
#pxslider ul li:nth-child(7){ z-index:4; }
#pxslider ul li:nth-child(8){ z-index:3; }
#pxslider ul li:nth-child(9){ z-index:2; }
#pxslider ul li:nth-child(10){ z-index:1; }
#pxslider ul li a{
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
#pxslider ul li a span{
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
	transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);
    text-shadow: 0px 0px 15px #333;
}
#pxslider ul li.active a span{
top: 50%;
}
#pxslider ul li.hide a span{
top:15%;
}
#pxslider ul li a span{
top:85%;
}
#pxslider ul li a h2{
    color: #fff;
    font-size: 6vw;
    text-align: center;
    position: relative;
    margin: auto;
    text-transform: uppercase;
    font-weight: 500;
    font-family: roboto;
}
#pxslider ul li a p{
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 23px;
    margin-left: auto;
    margin-right: auto;
    font-family: roboto;
}
#pxslider ul li.active{
}
#pxslider ul li.hide{
    top: -100%;
}
.som-password-sent-message{
background: #004664 !important;
color: #fff !important;
border: 0px !important;
text-align: center !important;
}
.no-margin label{
display:none;
}
.gallery-item{
    margin: 0px !important;
    line-height: 0px;
    margin: 1% !important;
    width: 31% !important;
}
.gallery-item dt{
}
.gallery-item dt a{
    text-decoration: none !important;
    border: 0px !important;
}
.gallery-item dt a img{
    border: 0px !important;
	transition:all 0.3s ease;
}
.gallery-item dt a:hover img{
transform:scale(0.9);
}
#pol{
display:none;
}
.dashboard-section .error{
color: red;
text-align: center;
padding-bottom: 30px;
}
#scena2 #bloglista{
    max-width: 90%;
    margin: 0 auto;
}
.dashboard-section.dashboard-section-login > p:nth-child(1){
display:none;
}
.dashboard-section.dashboard-section-registration > p:nth-child(1){
display:none;
}
 .seps1{
    display: block;
    background-image: url(../img/sep.png);
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    background-size: 100%;
    transform: translateY(-50%);
 }
 #scena1 h3{
    font-size: 4vw;
    z-index: 99;
    color: #fff;
    line-height: 5vw;
    margin: 0px;
    text-shadow: 0px 0px 25px #004664;
    font-weight: lighter;
    text-transform: lowercase;
    text-transform: uppercase;
 }
  #scena1 a{
    position: absolute;
    text-decoration: none;
    top: 50%;
  }
  #scena1 .scp{
    left: 58%;
    z-index: 99;
      transition:all 0.3s ease;
    transform: translateY(-50%);
  }
  #scena1 .scp:hover{
      margin-right:20px !important;
      margin-left:20px !important;
  }
  #scena1 .scl{
    left: 50%;
    z-index: 9;
    text-align: right;
    transform: translateX(-130%) translateY(-50%) !important;
      transition:all 0.3s ease;
    top: 50%;
  }
  #scena1 .scl:hover{
   margin-left:-20px;
  }
a.tos-selected{
border:3px solid #004664;
}
#sub{
    padding-top: 50px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
#sub a{
    width: 22%;
    float: none;
    text-decoration: none;
    color: #004664;
    position: relative;
    margin: 1%;
    position: relative;
    height: 60vh;
    display: inline-block;
}
#sub a img{
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
	transition:all 0.3s ease;
}
.consub{
max-width: 900px;
margin: 0 auto;
}
#sub a img:hover{
}
#sub h3{
    margin: 0px;
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    bottom: 10%;
    left: 10%;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    font-family: roboto;
    font-weight: bold;
    text-align: left;
}
#sub a:hover{
}
#katki{
    text-align: center;
    padding-bottom: 50px;
}
#katki ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#katki ul li{
}
#katki ul li a{
    background-color: #004664;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
}
#katki ul li a:hover{
    background-color: #00baff;
}
.js-page-template-gallery .site-main {
max-width:100% ;
margin: 0 auto;
}
#logofooter{
    display: block;
    width: 400px;
}
#logofooter img{
    width: 250px;
    height: auto;
    margin-bottom: 30px;
}
.cont{
}
.cont p{
    margin: 0px;
    padding: 30px 0px;
    max-width: 70%;
    font-size: 20px;
    line-height: 35px;
}
#headtop{
    display: block;
    height: 80px;
    position: fixed;
    z-index: 999999;
    width: 100%;
    background: #fff;
}
#headtop #logotp{
    display: block;
    position: absolute;
    left: 70px;
    right: 0;
    width: 200px;
    z-index: 9999;
}
#headtop #logotp img{
    width: 180px;
    margin: 0 auto;
    margin-top: 15px;
}
#header{
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    z-index: 999;
    position: absolute;
    top: 30px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#header nav{
}
#header nav ul{
    margin: 0px auto;
    padding: 0px;
    display: block;
    width: 100%;
}
#header nav ul li{
    display: inline-block;
}
#header nav ul li a{
    color: #004664;
    text-decoration: none;
    margin: 0 20px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease;
    display: block;
}
#header nav ul li a:hover{
}
.progress-container{
    height: 5px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.progress-container .progress-bar{
    height: 5px;
    background: #b9cbff;
    width: 0px;
}
#footer{
background-color:#fff;
background-attachment: fixed;
background-position: bottom center;
background-repeat: no-repeat;
width: 80%;
padding: 100px 10%;
position: relative;
}
#strefaklient{
    position: absolute;
    background-color: #004664;
    color: #fff;
    text-decoration: none;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
    padding: 5px 20px;
    font-weight: bold;
    z-index: 9999;
    background-image: url(../img/lockw.png);
    background-repeat: no-repeat;
    padding: 16px;
    background-position: center center;
    background-size: 14px;
}
#social{
    position: fixed;
    right: 20px;
    top: 35%;
    transform: translateY(-50%);
    z-index: 9999;
}
#social a{
    padding: 17px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
#social a:nth-child(1){
    background-image: url(../img/ico-fb.png);
}
#social a:nth-child(2){
background-image: url(../img/ico-insta.png);
}
#social a:nth-child(3){
background-image: url(../img/ico-pin.png);
}
#social a:nth-child(4){
background-image: url(../img/ico-nl.png);
}
#scena1{
    height: calc(100vh - 70px);
    overflow: hidden;
    top: 70px;
    display: block;
    position: fixed;
    background-color: #004664;
}
#scena2{
    border-bottom: 1px solid #bcbcbc;
    display: block;
    padding: 50px 5%;
    margin-top: 100vh;
    z-index: 999;
    position: relative;
    background: #fff;
}
#scena3{
    border-bottom: 1px solid #bcbcbc;
    position: relative;
    background-color: #fff;
}
#scena4{
    border-bottom: 1px solid #bcbcbc;
    background-image: url(../img/flora.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    position: relative;
}
#scena5{
    border-bottom: 1px solid #bcbcbc;
    position: relative;
    background-color: #fff;
}
#scena6{
    border-bottom: 1px solid #bcbcbc;
	    background-image: url(../img/flora.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    position: relative;
}
#scena7{
    border-bottom: 1px solid #bcbcbc;
    position: relative;
    background-color: #fff;
}
#scena9{
    background-color:#001249;
    padding: 120px 0px;
    text-align: center;
    position: relative;
    background-image: url(../img/bg9.jpg);
}
.ml-slider{
width: 100%;
height: auto;
float:left;
}
.floatfix{
clear:both;
}
.slidercont{
    position: relative;
    width: 50%;
    float: left;
}
.scena1 h3{
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 9;
    font-size: 5vw;
    line-height: 5vw;
    color: #fff;
    left: 15%;
    transform: translateY(-50%);
    text-shadow: 0px 0px 30px #002559;
}
.cr img{
position: absolute;
left: 25%;
height: 100%;
transform: translateX(-50%);
bottom: 0;
} 
.cl img{
position: absolute;
right: 25%;
height: 100%;
transform: translateX(50%);
bottom: 0;
}
.sl{
    float: left;
    width: 40%;
    margin-left: 5%;
    padding: 150px 0px;
    text-align: right;
}
.sr{
    float: right;
    width: 40%;
    margin-right: 5%;
    padding: 150px 0px;
}
#scena3 h2{
color:#004664;
margin: 0px;
font-size: 4vw;
font-weight: lighter;
}
#scena4 h2{
color:#001248;
margin: 0px;
font-size: 4vw;
font-weight: lighter;
}
#scena5 h2{
color:#001248;
margin: 0px;
font-size: 4vw;
font-weight: lighter;
}
#scena6 h2{
color:#001248;
margin: 0px;
font-size: 4vw;
font-weight: lighter;
}
#scena7 h2{
color:#001248;
margin: 0px;
font-size: 4vw;
font-weight: lighter;
}
.guzik{
    background: #004664;
    padding: 20px 35px;
    text-decoration: none;
    border-radius: 100PX;
    font-weight: bold;
    margin-top: 30px;
    display: inline-block;
    transition: all 0.2s ease;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    color: #fff !important;
    text-decoration: none !important;
}
.guzik .text{
transition: all 1s ease;
z-index: 99;
position: relative;
}
.guzik:hover .text{
color:#fff;
}
.guzik .circle{
transition: all 1s ease;
background-color:#00baff;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 0px;
height: 0px;
display: block;
margin: auto;
border-radius: 100px;
color: #fff !important;
}
.guzik:hover .circle{
width: 1px;
height: 1px;
transform:scale(1000);
}
.sl p{
    margin-left: auto;
}
#scena9 h2{
    margin: 0px;
    font-size: 3vw;
    color: #fff;
    font-weight: lighter;
}
#scena9 p{
    color: #b9cbff;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
}
#header.nav-up{
top:-75px !important;
transition: all 0.3s ease;
width: 100%;
}
#header.nav-down{
    position: fixed;
    width: 100%;
    top: 0 !important;
    transition: all 0.3s ease;
}
#header.nav-down #logotp{
    margin-top: 10px;
}
#header.nav-down #logotp img{
    width: 125px;
}
#header.nav-down nav{
}
.stopka{
    width: 50%;
}
.stopka p{
    color: #222;
    max-width: 425px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
}
.icoopinie{
    width: 100px;
    height: 100px;
    display: block;
    background-image: url(../img/ico-opinie.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    background-size: 100%;
    top: -50px;
}
#socialfooter{
    position: relative;
    padding-top: 50px;
}
#socialfooter a{
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
#socialfooter a:nth-child(1){
    background-image: url(../img/ico-fb.png);
}
#socialfooter a:nth-child(2){
background-image: url(../img/ico-insta.png);
}
#socialfooter a:nth-child(3){
background-image: url(../img/ico-pin.png);
}
#socialfooter a:nth-child(4){
background-image: url(../img/ico-nl.png);
}
#pagebg{
    padding: 100px 0px;
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 135px;
    background-color: #f9f9f9;
 }
.tytulpage{
    font-size: 50px;
    font-family: roboto;
    font-weight: bold;
    margin: 0px;
    text-align: center;
    padding-bottom: 100px;
    width: 90%;
    margin: 0 auto;
    max-width: 1250px;
}
#strona-body{
    max-width: 900px;
    margin: 0 auto;
	width:90%;
}
#strona-body .contentcont{
}
#strona-body .contentcont article{
}
#strona-body .contentcont article h2{
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: ;
	color: #001248;
font-size: 30px;
font-weight: lighter;
    margin-bottom: 45px;
}
#strona-body .contentcont article h3{
    text-align: center;
    max-width: 900px;
	color: #001248;
font-size: 30px;
font-weight: lighter;
    margin-bottom: 45px;
}
#strona-body .contentcont article p{
font-size: 17px;
line-height: 30px;
color:#444055;
}
#strona-body .contentcont article ul, #strona-body .contentcont article ol{
    padding-left: 18px;
    margin: 30px 0px;
}
#strona-body .contentcont article ul li, #strona-body .contentcont article ol li{
    font-size: 17px;
    line-height: 30px;
}
#strona-body .contentcont article p a{
    text-decoration: none;
    font-weight: bold;
    border-bottom: 2px solid #004664;
    color: #004664;
}
#strona-body .contentcont article p a:hover{
    border-bottom: 2px solid #00baff;
}
#paginacja{
    margin-top: 50px;
    text-align: center;
    height: 45px;
    line-height: 45px;
}
#paginacja .page-numbers { font-size: 20px; }
#paginacja .page-numbers.current { color: #fff; padding: 11px 20px;background: #0091d0;border-radius: 5px;}
#paginacja .page-numbers .dots { letter-spacing: 1px }
#paginacja a.page-numbers  { font-size: 20px; color: #fff; background-color: #004664;text-decoration: none;padding: 10px 20px;border-radius: 5px;transition: all 0.3s ease;}
#paginacja a.page-numbers:hover  { 
    background: #00baff;
    color: #fff;
} 
#bloglista{
    margin: 0px;
    list-style: none;
    padding: 0px;
}
#bloglista li{
    width: 29%;
    float: left;
    margin: 2%;
    position: relative;
}
#bloglista li img{ 
   width: 100%;
   height: auto;
   transition: all 0.3s ease;
}
#bloglista li h3{
    color: #222;
    font-weight: normal;
    font-size: 22px;
    line-height: 36px;
    display: block;
    width: 95%;
    margin-top: 0px;
	transition:all 0.3s ease;
    position: relative;
    text-align: center;
    font-family: roboto;
    font-weight: 500;
    margin-top: 40px;
    margin-top: 10px;
    margin-bottom: 0px;
    min-height: 115px;
}
#bloglista li:hover h3{
}
#bloglista li img:hover{
    opacity: 0.3;
}
#bloglista li p{
margin: 0px;
padding: 0px;
max-width: 90%;
font-size: 17px;
text-align: center;
font-family: roboto;
font-weight: 500;
line-height: 34px;
max-height: 65px;
overflow: hidden;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#bloglista li a{
    text-decoration: none;
    font-size: 30px;
	transition:all 0.3s ease;
}
#bloglista.blog li{
width:100%;
}
#strona-body.full{
width: 90%;
max-width: 1920px;
}
.data-lista{
    color: #8992c7;
    display: block;
    padding-bottom: 10px;
    padding-top: 30px;
    font-size: 12px;
}
#nextnav{
    display: block;
}
#nextnav a{
    color: #001248;
    text-decoration: none;
    border-bottom: 2px solid #00baff;
    font-weight: bold;
    transition: all 0.3s ease;
}
#nextnav a:hover{
    color: #00baff;
    border-bottom: 2px solid #001248;
}
#nextnav .l{
    float: right;
    width: 45%;
    padding: 15px 0px;
} 
#nextnav .p{
    float: left;
    width: 45%;
    text-align: right;
    padding: 20px 0px;
    border-right: 2px dotted #8992c7;
    padding-right: 5%;
}
.gallery-row{
width:100% !important;
}
.gallery-item img{
width:100%;
height:auto;
}
#single-related{
    max-width: 1250px;
    margin: 0 auto;
    padding-bottom: 50px;
    border-top: 0px dotted #8992c7;
    padding-top: 25px;
}
.contpost article{
padding-top:0;
}
#single-related h2{
text-align: center;
max-width: 900px;
color: #001248;
font-size: 36px;
font-weight: lighter;
margin: 0 auto;
padding: 50px 0px;
}
.post-password-form{
    text-align: center;
}
.post-password-form p{
}
.post-password-form {
    padding-top: 75px;
    background-image: url(../img/ico-lock.png);
    background-repeat: no-repeat;
    background-position: center top;
} 
.post-password-form  input[type="password"]{
    display: block;
    width: 100%;
    font-size: 30px;
    border-radius: 10px;
    border: 1px solid #004664;
    text-align: center;
    max-width: 360px;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #004664;
    line-height: 0px;
    box-shadow: 0px 0px 100px #00baff;
    padding: 15px 0px;
}
.post-password-form  input[type="password"]:focus{
    border-color:#00baff;
}
.post-password-form  label{
    font-size: 0px;
}
.post-password-form  input[type="submit"]{
    background-color: #004664;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    border: 0px;
    font-weight: bold;
    transition: all 0.3s ease;
    cursor: pointer;
}
.post-password-form  input[type="submit"]:hover{
    background-color: #00baff;
}
#bloglista.sk{
    max-width: 800px;
    margin: 0 auto;
    padding-top: 50px;
}
#bloglista.sk li{
width:100%;
border-bottom: 1px solid #ccc;
margin-top: 0px;
margin-bottom: 0px;
padding: 10px 0px;
}
#bloglista.sk li h3{
margin-bottom:0px;
}
#bloglista.sk li a{
    background-image: url(../img/ico-lock.png);
    display: block;
    background-repeat: no-repeat;
    background-position: 1px;
    background-size: 30px;
    padding-left: 50px;
}
#scena9 .guzik{
background-color:#002c3f;
}
#scena9 .guzik .circle{
}
.consub p{
font-size: 17px;
line-height: 30px;
color: #444055;
}
ul.strefak{
margin-top:50px !important;
}
ul.strefak li h3{
    margin-bottom: 0px !important;
    margin-top: 20px !important;
}
#catlistamain{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    padding-bottom: 30px;
}
#catlistamain li{
    display: inline-block;
    padding: 15px 10px;
}
#catlistamain li a{
    color: #004664;
    font-weight: bold;
    display: block;
    text-decoration: none;
    border-bottom: 2px solid #00baff;
    transition: all 0.3s ease;
    font-size: 17px;
    font-weight: bolder;
}
#catlistamain li a:hover{
    border-color: #004664;
    transform: translateY(-10px);
}
.affiliates-dashboard-section-links{
    margin-bottom: 40px !important;
    display: block;
}
.affiliates-dashboard-section-links .section-link-item.active{
    background-color: #00baff !important;
}
.affiliates-dashboard-section-links .section-link-item{
    background-color: #004664;
    border: 0px !important;
    background-position: 20px;
}
.affiliates-dashboard-section-links .section-link-item a{
    color: #fff;
    padding: 15px 0px !important;
    display: block;
    font-weight: bold;
}
.affiliates-dashboard-section.login h2{
    display: none;
}
#loginform label{
    font-size: 14px;
}
#loginform, #affiliates-registration, .affiliates-fields{
    max-width: 300px;
    margin: 0 auto;
    background: #fff;
    display: block;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 100px #c4ddff;
}
.button.copy-to-clipboard-trigger{
display:none;
}
.affiliates-dashboard-overview-link p:nth-child(2){
display:block;
}
.affiliates-dashboard-overview-link p{
display:none;
}
.section-link-item.earnings {
display:none;
}
 .affiliates-dashboard-logout{
 display:none;
 }
#loginform #user_login, #loginform #user_pass, #affiliates-registration .first_name, #affiliates-registration .last_name, #affiliates-registration .user_email, .dashboard-section.dashboard-section-profile .regular-text, #affiliates-registration .password{
    padding: 5px;
    margin-top: 5px;
    width: calc(100% - 10px);
    border-radius: 10px;
    border: 1px solid #bcbcbc;
    font-size: 24px;
}
.aid{
    font-size: 55px !important;
}
#ti{
    display: block;
    text-align: center;
}
#loginform #wp-submit, #affiliates-registration .sign-up input, .save .button{
    display: block;
    background-color: #004664;
    color: #fff;
    border: 0px;
    padding: 15px 20px;
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.2s ease;
}
#loginform #wp-submit:hover, #affiliates-registration .sign-up input:hover, .save .button:hover{
    background-color: #00baff;
}
.affiliates-dashboard-section.registration h2{
display:none;
}
#affiliates-registration{
    max-width: 300px;
    margin: 0 auto;
    background: #fff;
    display: block;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 100px #c4ddff;
}
#affiliates-dashboard-overview-graph, #affiliates-dashboard-overview-legend{
display:none;
}
.affiliates-dashboard-section h2, .affiliates-dashboard-section h3{
display:none;
}
#copy-to-clipboard-source{
display: block;
width: calc(100% - 40px);
font-family: arial;
text-align: center;
font-size: 30px;
padding: 20px;
height:35px;
} 
.dashboard-section-overview .stats-item{
padding: 25px 30px;
}
#footer nav{
    position: absolute;
    top: 265px;
    right: 10%;
}
#footer nav ul {
    padding: 0px;
    margin: 0px;
	 columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
    float: right;
}
#footer nav ul li{
    list-style: none;
    padding: 6px 20px;
}
#footer nav ul li a{
    color: #222;
    text-decoration: none;
}
#footer nav ul li a:hover{
}
#transition{
display:block;
position:fixed;
bottom:0;
left: 50px;
width: 40px;
height: 40px;
border-radius: 100px;
background-image: url(../img/trans.png);
background-position: center;
animation: rotate 1s ease-out infinite; 
opacity: 0;
transition:all 0.3s ease;
    pointer-events:none;
padding: 7px;
background-repeat: no-repeat;
}
#transition.show{
    opacity:1;
    bottom:30px;
    z-index:999999999999999;
}
@keyframes rotate{
  to{ transform: rotate(360deg); }
}
.over{
    background-color: #004664;
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 1;
    opacity: 0.6;
}
.affiliates-dashboard-section-links .section-link-item a{
}
.section-link-item.overview{
background-image:url(../img/ico-i.png);
} 
.section-link-item.profile {
background-image:url(../img/ico-s.png);
}
.section-link-item.login{
background-image:url(../img/ico-l.png);
}
.section-link-item.registration {
background-image:url(../img/ico-r.png);
}
.section-link-item{
background-repeat: no-repeat;
padding: 15px;
background-position: center;
}
#opinielinki{
text-align:center;
padding: 30px 0px;
}
body #opinielinki .opg{
color:#fff !important;
}
body #opinielinki .opf{
color:#fff !important;
}
.gallery{
margin:50px 0px !important;
max-width: 1200px;
margin: 30px auto !important;
width: 90%;
}
input[type="password"].som-password-input, #lostpasswordform #somfrp_user_info{
max-width: 400px;
display: block;
border: 1px solid #999;
width: calc(100% - 20px);
padding: 10px;
}
#resetpasswordform fieldset, #lostpasswordform fieldset{
max-width: 360px;
margin: 0 auto;
}
 #reset-pass-submit{
 background-color:#004664;
 color:#fff;
 padding: 10px;
 border: 0px;
 border-radius: 100px;
 cursor: pointer;
 }
#wylog{
    background: #004664;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    width: 100px;
    text-align: center;
    border-radius: 100px;
    margin-bottom: 30px;
}
.about-img{
    float: right;
    width: 45%;
    height: auto;
    margin-top: -100px;
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3);
    opacity: 0;
    transition: all 1s ease;
    margin-right: -50px;
}
.about-img.animujgo{
    opacity: 1;
    margin-right: 0px;
}
#about-sub{
    padding-top: 70px;
}
#about-sub-text{
    width: 30%;
    float: right;
    padding-right: 5%;
    padding-top: 30px;
    opacity: 0;
    transition: all 1s ease;
    margin-right: -50px;
}
#about-sub .subimg{
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3);
    opacity: 0;
    transition: all 1s ease;
    margin-left: -50px;
}
#about-sub .subimg img{
}
.sztext blockquote{
margin: 0px;
padding: 5px 0px;
}	 
.sztext blockquote p{
font-size: 22px;
line-height: 39px;
font-style: italic;
font-weight: normal;
}
.sztext{
    font-family: roboto;
color:#222222;
font-size: 16px;
font-weight: 500;
}
.sztext p{
line-height: 35px;
text-align:justify;
}
.sztext h2{
    font-size: 26px;
}
.sztext h3{
    font-size: 20px;
}
.sztext ul, .sztext ol{
    padding-left: 15px;
}
.sztext ul li, .sztext ol li{
    padding: 5px 0px;
}
.sztext a{
    color: #222;
    text-decoration: none;
    text-decoration: underline;
}
.sztext a:hover{
}
header .subtitle{
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 9px;
    padding-top: 10px;
    display: block;
    line-height: 35px;
}	
#headabout{
padding-bottom:30px;
width: 50%;
opacity: 0;
transition: all 1s ease;
margin-left: -50px;
}
#about-sub-text.animujgo{
    opacity: 1;
    margin-right: 0px;
}
#about-sub .subimg.animujgo{
    opacity: 1;
    margin-left: 0px;
}
#headabout.animujgo{
    opacity: 1;
    margin-left: 0px;
}
#headsub{
    max-width: 1250px;
    margin: 0 auto;
    padding-bottom: 0px;
}
#headsub .tytulpagesub{
font-size: 50px;
font-family: roboto;
font-weight: bold;
margin: 0px;
margin-top: 15px;
margin-bottom:50px;
text-align: center;
}
#headsub header{
width:100%;
float: left;
text-align: left;
}
#bodysub{
float: none;
width: 90%;
margin: 50px auto;
margin-top:0px;
}	
#sub a span{
    display: block;
    width: 85%;
    height: 85%;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
}
 #cardsWrapper{
  display: flex;
  justify-content: space-between;
  width: 700px;
}
.card{
  width: 300px;
  height: 175px;
  perspective: 500px;
  position: relative;
}
.image{
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  //transform: rotateX(30deg) rotateY(30deg);
  background-size: cover;
}
.image.first{
  background-image: url("https://c1.staticflickr.com/1/343/31652757460_b2b5794a51_n.jpg");
}
.image.second{
  background-image: url("https://c2.staticflickr.com/2/1506/25121644830_2d768ef51a_n.jpg");
}
.screen{
  width: 100%;
  height: 100%;
  transform: translateZ(30px) scale(0.940);
}
.textu{
  position: absolute;
  bottom: 15%;
  left: 10%;
  color: white;
  transform: translateZ(30px) scale(0.940);
  font-family: 'Quicksand', sans-serif;
}
.text p{
    cursor: default;
    padding: 0;
    margin: 0;
}
.text p:first-of-type{
    font-size: 2em;
    margin-bottom: 5px;
    font-weight: 500;
}
.text p:last-of-type{
    font-size: 1em;
    font-weight: 400;
}
#blogtemp{
    padding: 200px 0px;
    background-repeat: no-repeat;
    padding-bottom: 250px;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}
.tytulpageblog{
    margin: 0px;
    color: #fff;
    text-align: center;
    font-size: 50px;
    font-family: roboto;
    width: 90%;
    margin: 0 auto;
    max-width: 1250px;
    text-shadow: 0px 0px 15px #333;
}
#blogbody{
    width: calc(90% - 200px);
    margin: 0 auto;
    max-width: 1250px;
    background: #fff;
    padding: 50px;
    margin-top: -100px;
    box-shadow: 0 20px 30px 0 rgba(1, 1, 1, 0.1);
}	
.kategoriablog{
    text-align: center;
    display: block;
}
.kategoriablog a{
    color: #9B9B9B;
    font-size: 15px !important;
    text-transform: uppercase;
    text-decoration: underline !important;
    letter-spacing: 3px;
}
.kategoriablog a:hover{
}
#pagebg.blogfix{
    padding-top: 60px;
}
a.blogthumb{
    display: block;
    background: #222;
    line-height: 0px;
    margin-bottom: 35px;
}
a.blogtitle{
}
#headtop.home{
background: transparent;
}
#headtop.home ul li a{
color:#fff;
}
#headtop.home #social a:nth-child(1){
background-image: url(../img/ico-fbw.png);
}
#headtop.home #social a:nth-child(2){
background-image: url(../img/ico-instaw.png);
}
#headtop.home #social a:nth-child(3){
background-image: url(../img/ico-pinw.png);
}
#headtop.home #social a:nth-child(4){
background-image: url(../img/ico-nlw.png);
}	
#headtop.home #strefaklient{
background-color:#fff;
color:#004664;
background-image: url(../img/lock.png);
}
#headabout.titlepol{
width:100%;
}
	.tos-wrapper.tos-fixed {
    z-index: 9999999999999 !important;
}
.sztext h2 em{
font-size: 20px;
text-transform: uppercase;
letter-spacing: 9px;
padding-top: 10px;
display: block;
line-height: 35px;
font-style: normal;
}
.ofe em{
font-size: 20px;
text-transform: uppercase;
letter-spacing: 9px;
padding-top: 10px;
display: block;
line-height: 35px;
font-style: normal;
}
.terms{
font-size:12px !important;
}
.terms a{
color:#004664;
}
#kontab a{
    font-size:19px;
}
#kontab img{
}	
.opg{
background-color: #004664;
color: #fff !important;
text-decoration: none;
padding: 10px 20px;
border-radius: 5px;
margin: 0 auto;
position: relative;
display: block;
text-align: center;
width: 70%;
margin-bottom: 50px;
text-decoration: none !important;
}
.opf{
background-color: #004664;
color: #fff !important;
text-decoration: none;
padding: 10px 20px;
border-radius: 5px;
margin: 0 auto;
position: relative;
display: block;
text-align: center;
width: 70%;
margin-bottom: 50px;
text-decoration: none !important;
}