.site-header-image {
display: block;
margin: auto;
}
.wp-caption {}
.wp-caption-text {}
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
clear: both;
display: block;
} img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
} .container-responsive {
width: 100%;
max-width: 1140px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.navbar > .container-responsive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-responsive {
padding-right: 0;
padding-left: 0;
}
.navbar > .container,
.navbar > .container-responsive {
max-width: 1110px;
} .author-bio .avatar {
border: 1px solid #dee2e6;
border-radius: 50%;
}   input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; }  #comments,
#reply-title {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.commentlist,
.commentlist ul {
padding-left: 0;
}
.commentlist li {
padding: 1rem;
}
.comment-meta {
margin-bottom: 1rem;
}
.commentlist .children {
margin-top: 1rem;
}body {
background-color: #fff;
color:#002255;
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 400;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {font-family:'Amatic SC', cursive;font-weight: 800; 
color:#000 }
h1 { font-size: 44px; margin-bottom: 30px; margin-top: 30px; }
h2{font-size:36px}
p { font-size: 18px; line-height:1.6;color:#002255;font-weight:400;text-align:justify  }
a {
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
color: #000;
transition: color 0.1s ease-in, background 0.1s ease-in;
word-wrap: break-word;
}
#logo{margin-top:12px}
.navbar-toggler{border:none;font-size:26px;font-family:'Amatic SC', cursive;font-weight: 800; padding:15px;color:#002255;display:block;margin-left:auto;margin-top:10px;margin-right:120px}
a:hover,
a:focus { color: #7b7b7b; outline: 0; text-decoration: none; }
a:before,
a:after {
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
transition: color 0.1s ease-in, background 0.1s ease-in;
}
ul{padding-left:0px;}
.navbar-default .navbar-nav > li > a{color:#002255;padding-left:20px;padding-right:20px;font-size:30px;font-family:'Amatic SC', cursive;font-weight:700;text-transform:none}
#menu-menu-1 li:last-child a{background-color:#ffcc00;border-radius:30px;color:#002255 !important;transition-duration:500ms}
#menu-menu-1 li:last-child a:hover{background-color:#002255;color:#fff !important;transition-duration:500ms}
#menu-menu-1 li:nth-child(3) a{color:#002255}
#menu-menu-1 li:nth-child(3) a:hover{color:#00ccff}
#menu-menu-1{margin-top:20px}
.navbar-default{background:rgba(255,255,255,1);padding:0px 0px 10px;}
.navbar-default .navbar-nav > li > a:hover {background-color: transparent;color:#59caec;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#00ccff;}
.wave1{bottom:-33px;width:100%;position:absolute;z-index:1}
.wave2{margin-bottom:-40px;width:100%;position:absolute;z-index:2}
.tekstowo{margin-top:150px;width:60%;position:absolute;z-index:2;margin-left:100px}
.intro h1{font-size:50px;color:#002255;font-family:'Amatic SC', cursive;position:relative;margin-bottom:0px}
.intro h2{font-size:50px;color:#002255;font-family:'Amatic SC', cursive;position:relative}
.tekstowo .intro .subs{font-size:90px;color:#002255;font-family:'Amatic SC', cursive;position:relative;font-weight:700}
.intro .subs{font-size:90px;color:#002255;font-family:'Amatic SC', cursive;position:relative}
.tekstowo .intro .subs1{font-size:45px;color:#fff;font-family:'Amatic SC', cursive;line-height:1.1;font-weight:700}
.intro .subs2{font-size:45px;color:#15c2ee;font-family:'Amatic SC', cursive;line-height:1.1;font-weight:700}
.tekstowo .btn-more{background-color:#15c2ee;color:#002255;font-family:'Amatic SC', cursive;padding:5px 70px;border-radius:30px;font-size:28px;margin-top:15px;font-weight:700}
.btn-more{background-color:#15c2ee;color:#002255;font-family:'Amatic SC', cursive;padding:5px 70px;border-radius:30px;font-size:28px;margin-top:15px;transition-duration: 500ms}
.btn-more:hover{background-color:#002255;color:#fff;transition-duration: 500ms}
.btn-send{background-color:#15c2ee;color:#002255;font-family:'Amatic SC', cursive;padding:5px 70px;border-radius:30px;font-size:28px;margin-top:15px;border:none}
.btn-more1{background-color:#FFCC00;color:#002255;font-family:'Amatic SC', cursive;padding:5px 70px;border-radius:30px;font-size:28px;margin-top:15px;transition-duration: 500ms}
.btn-more1:hover{background-color:#15c2ee;color:#fff;transition-duration: 500ms}
.intro .subs{color:#fff;line-height:1.1;letter-spacing:3px}
.tekstowo .intro .subs::before{content:url(//supciostacja.com.pl/images/wstawka.png);width:200px;height:auto;display:block;}
.intro h1::before{content:url(//supciostacja.com.pl/images/wstawka.png);width:200px;height:auto;display:block;}
.intro h2::before{content:url(//supciostacja.com.pl/images/wstawka.png);width:200px;height:auto;display:block;}
.pad-l-r{padding-left:0px;padding-right:0px}
.main-baner{background:url(//supciostacja.com.pl/images/banerstart.png) no-repeat center center;height:700px;margin-top:65px;position:relative}
.yellow-bg{background:url(//supciostacja.com.pl/images/stopka.png) no-repeat center left;height:550px;position:absolute;z-index:1}
#map-canvas1 { height: 550px;margin: 0;padding: 0; }
.map-wrap1 {margin-top:0px; position: relative;overflow: hidden; }
.navbar-expand-xl .navbar-nav .nav-link{padding-left:25px;padding-right:25px;}
footer {background:#fff;padding-top:15px}
.deska{position:absolute;z-index:1;right:145px;bottom: -170px}
.offer{margin-top:200px;padding-top:90px;padding-bottom:90px;position:relative;background:url(//supciostacja.com.pl/images/bgwave.png) no-repeat #fff 200px center }
.cta{background:url(//supciostacja.com.pl/images/baner2.png) no-repeat right center;min-height:700px;padding-top:150px}
.advantage{background:url(//supciostacja.com.pl/images/baner3.png) no-repeat center center /cover;padding-top:90px;padding-bottom:90px}
.box-adv h3{text-align:center;color:#002255;margin-top:15px}
.box-adv img{height:130px}
.faq{padding-top:90px;padding-bottom:90px;position:relative;background:url(//supciostacja.com.pl/images/bgwave.png) no-repeat #fff 200px center }
.map-contact{position:relative}
.card-header{padding:0px;border:none}
.card h3{margin-bottom:0px;}
.card h3 span{font-size:26px;color:#002255;white-space:initial;font-weight:700}
.card span{display:block;padding:15px;}
.card{margin-bottom:15px;border:none}
#accordion{margin-top:60px}
.cta .tel{font-size:50px;font-family:'Amatic SC', cursive;line-height:1.2;margin-bottom:0px}
.cta .mail{font-size:35px;font-family:'Amatic SC', cursive;}
.cta .tel a{color:#fff;font-weight:700}
.cta .tel a:hover{color:#002255}
.cta .mail a{color:#fff;font-weight:700}
.cta .mail a:hover{color:#002255}
.insta{padding-top:90px;padding-bottom:90px;background:url(//supciostacja.com.pl/images/bgwave.png) no-repeat #fff 200px  }
.insta .intro{margin-bottom:60px}
.copyright{text-align:center;font-size:12px;color:#002255;font-weight:600}
.copyright a{color:#ffcc00}
.ask{position:absolute;z-index:1;right:-150px}
.location{position:absolute;z-index:1;right:-150px;bottom:50px}
.write{position:absolute;z-index:1;left:-150px}
.surf{position:absolute;z-index:1;left:-150px}
.top-bg{height:300px;margin-top:100px}
.top-bg .intro{padding-top:50px}
.top-bg .intro h1::before{display:none}
.bread-bg{color:#fff;font-size:12px;margin-top:10px}
.bread-bg a{color:#002255}
.offers-page{padding-top:90px;padding-bottom:90px}
#cennik{padding-top:90px;padding-bottom:90px}
.form-control{border-color:#002255;border-radius:5px;height:60px;margin-bottom:15px}
span.wpcf7-list-item{margin:0}
.wpcf7-acceptance input[type="checkbox"] + span::before {
display:inline-block;
width:25px;
height:25px;
margin:0px 4px 0 0;
vertical-align:middle;
cursor:pointer;}
.wpcf7-acceptance input[type="checkbox"] + span::before {
content: '';
background:url(//supciostacja.com.pl/images/checkboxoff2.png) no-repeat center center;position:absolute;top:-25px;border:1px solid #d4d4d4;}
.wpcf7-acceptance input[type="checkbox"]:checked + span::before {
content: '';
background:url(//supciostacja.com.pl/images/checkboxaccept1.png) no-repeat center center;
background-size: 100% auto !important;position:absolute;top:-25px;border:1px solid #d4d4d4;}
.wpcf7-checkbox input[type="checkbox"] {opacity:0;display: none;}
.wpcf7-checkbox input[type="checkbox"] + span::before {display:inline-block;width:25px;height:25px;margin:0px 4px 0 0;vertical-align:middle;cursor:pointer;}
.wpcf7-checkbox input[type="checkbox"] + span::before {content: '';border:1px solid #999;background:url(//supciostacja.com.pl/images/checkboxoff2.png) no-repeat center center;position:absolute;top:6px;left:-40px;}
.wpcf7-checkbox label{font-size:10px;text-align:justify !important;display:block;position:relative;}
.wpcf7-checkbox input[type="checkbox"]:checked + span::before {content: '';background:url(//supciostacja.com.pl/images/checkboxaccept1.png) no-repeat center center;background-size: 100% auto !important;position:absolute;top:6px}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{background-color:#ff9900;border:none;text-align:center;color:#fff;border-radius:5px}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted{background-color:#ff9900;border:none;text-align:center;color:#fff;border-radius:5px}
div.wpcf7-mail-sent-ok{border:none;background-color:#398f14;color:#fff;text-align:center;border-radius:5px}
span.wpcf7-not-valid-tip{color:#ff9900;font-size:10px;}
.wpcf7-acceptance input[type="checkbox"] {
opacity:0;
display: none;}
.form-control:focus{box-shadow:none;border-color:#1fb24b}
.wpcf7-textarea{height:70px}
.t9{font-size:10px;text-align:justify !important;display:block;margin-left:40px;position:relative;font-weight:400;color:#999;margin-top:5px}
.t9 a{color:#000}
.animatable { visibility: hidden; -webkit-animation-play-state: paused;   
-moz-animation-play-state: paused;     
-ms-animation-play-state: paused;
-o-animation-play-state: paused;   
animation-play-state: paused; 
}
.btn-primary.disabled, .btn-primary:disabled{background-color:#002255}
.details{background-color:#f9f9f9;padding:15px;;text-align:center;border-radius:5px}
.details p{font-weight:600}
.btn-link:hover{color:#00ccff;text-decoration:none}
.details p a{color:#002255}
.details p a:hover{color:#15c2ee}
.seeu{font-size:70px;font-family:'Amatic SC', cursive;text-align:center;padding-top:200px;line-height:1.1;margin-bottom:0px;font-weight:700}
.seeu1{font-size:70px;color:#fff;font-family:'Amatic SC', cursive;text-align:center;font-weight:700}
.r1{font-size:90px;text-align:center;color:#002255;font-family:'Amatic SC', cursive;margin-top:60px;font-weight:700}
.r2{font-size:70px;text-align:center;color:#15C2EE;font-family:'Amatic SC', cursive;font-weight:700}
.r1 span{color:#FFCC00}
.box-price{background:url(//supciostacja.com.pl/images/bgwave1.png) #002255 no-repeat -150px -50px;padding:45px 15px 15px;border-radius:15px;margin-top:30px;min-height:300px;box-shadow:0 9px 20px 0px rgba(5, 5, 5, 0.1);overflow:hidden;transition-duration:500ms}
.box-price:hover{transform:scale(1.05);transition-duration:500ms}
.box-price p{text-align:center}
.p1{color:#FFCC00;font-size:60px;font-family:'Amatic SC', cursive;line-height:1.1;font-weight:700}
.p2{color:#fff;font-size:30px;font-family:'Amatic SC', cursive;line-height:1.1;font-weight:700}
.p3{color:#15C2EE;font-family:'Amatic SC', cursive;font-size:22px;font-weight:700}
.form-control:focus{border-color:#15c2ee}
.p3::after{height: 3px;
background-color: #FFCC00;
width: 50px;
margin-top: 10px;
content: "";
display: block;
margin-left: auto;
margin-right: auto;}
.p4{color:#fff;font-size:14px}
.p4 a{color:#fff;text-decoration:underline}
.p5{color:#fff;font-size:22px;font-family:'Amatic SC', cursive;}
.box-yellow{background-color:#FFCC00;}
.box-yellow .p1{color:#002255}
.social{position:absolute;z-index:2;right:30px;top:25px}
.social ul li, .social_kontakt ul li{list-style:none;display:inline-block;margin-left:10px;transition-duration:500ms}
.social ul li:hover, .social_kontakt ul li:hover{transform:scale(1.05);transition-duration:500ms}
@media(max-width:1650px){
.tekstowo .intro .subs{font-size:66px}
.yellow-bg{background-position-x:-300px}
.deska{height:400px}
}
@media(max-width:1450px){
.wave1{bottom:-29px}
.navbar-default .navbar-nav > li > a{font-size:25px}
#menu-menu-1{padding-right:50px}
}
@media(max-width:1390px){
.cta{background-position-x:-270px}
.main-baner{background-position-x:-200px}
.deska{height:350px}
}
@media(max-width:1350px){
.wave1{bottom:-29px}
.cta{background-position-x:right}
#menu-menu-1{padding-right:80px}
}
@media(max-width:1299px){
.main-baner{background-position-x:-30px}
.social img{width:35px}
.social{top:35px}
.main-baner{margin-top:50px}
.wave1{bottom:-13px}
.top-bg{margin-top:80px}
.r1{font-size:60px}
.r2{font-size:45px}
}
@media(max-width:1199px){
#logo{margin-left:15px}
.social{top:28px}
#menu-menu-1{padding-right:0px}
.navbar-default .navbar-nav > li > a{text-align:center}
}
@media(max-width:1090px){
.main-baner{background-position:-180px}
}
@media(max-width:992px){
.cta .btn-more{display:block;}
.offer{margin-top:0px}
.offer .btn-more{display:block}
.offer .btn-more1{display:block}
.deska{display:none}
.btn-send{margin-bottom:30px}
.yellow-bg{background-position-x:-500px;}
.intro h1{text-align:center}
.bread-bg{text-align:center}
.intro h2{font-size:36px;text-align:center}
.intro h1::before{margin-left:auto;margin-right:auto}
.intro h2::before{margin-left:auto;margin-right:auto}
.intro .subs2{font-size:30px;text-align:center}
.seeu{font-size:36px}
.seeu1{font-size:36px}
.cta .tel a{font-size:30px}
.cta .tel{text-align:center}
.cta .mail a{font-size:30px}
.cta .mail{text-align:center}
.tekstowo .intro .subs{text-align:center;font-size:50px}
.tekstowo .intro .subs::before{margin-left:auto;margin-right:auto}
.tekstowo .btn-more{display:block;margin-left:auto;margin-right:auto}
.tekstowo .intro .subs1{text-align:center}
.tekstowo{padding:15px}
.details p{text-align:center}
}
@media(max-width:768px){
.offer .btn-more1{margin-bottom:30px}
.btn-send{display:block;width:100%}
.animatable{visibility:visible}
.advantage{background:#e6e6e6}
.seeu,.seeu1{display:none}
.yellow-bg{display:none}
#map-canvas1{height:300px}
.box-adv{margin-top:30px}
.card h3 span{font-size:22px;display:block;margin-left:auto;margin-right:auto}
.card-body p{text-align:center;font-size:16px}
.cta .col-md-8{background:rgba(255,255,255,0.3);padding:15px}
.main-baner{background-position-x:left}
}
@media(max-width:580px){
.wave1{bottom:-6px}
.r1{font-size:36px}
.tekstowo{margin-left:0px;width:100%}
}
@media(max-width:470px){
#logo img{width:130px}
.social{top:20px}
.cta .mail a{color:#002255;font-size:20px}
.cta .tel a{color:#002255;font-size:26px}
}
@media(max-width:400px){
.intro h2{font-size:26px}
.advantage{padding-bottom:120px}
.navbar-toggler{padding:5px}
.social img{width:25px}
.social ul li{margin-left:5px}
.social{right:15px}
.intro h1{font-size:32px}
.intro .subs2{font-size:32px}
.navbar-toggler{margin-right:80px}
}
@media(max-width:340px){
#logo img{width:110px}
.social{top:16px}
}