/*------------------------------------------------------------------
    IMPORT FONTS
-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700,700i');




/*------------------------------------------------------------------
    IMPORT FILES
-------------------------------------------------------------------*/

@import url(all.css);
@import url(superslides.css);
@import url(bootstrap-select.css);
@import url(carousel-ticker.css);
@import url(code_animate.css);
@import url(bootsnav.css);
@import url(owl.carousel.min.css);
@import url(jquery-ui.css);
@import url(baguetteBox.min.css);

 html{
	 scroll-behavior: smooth;
 }
 
 body {
     color: #2d2d2d;
     font-size: 16px;
     font-family: 'Montserrat', sans-serif;
     line-height: 1.5;
	 font-weight:500;
	 overflow-x:hidden;
	 max-width:100%!important;
}
 a, a .fa {
     color: #2d2d2d;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 h1, h2, h3, h4, h5, h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: 120% !important;
     color: #2d2d2d;
     margin: 0 
}
 h1 {
     font-size: 24px 
}
 h2 {
     font-size: 24px;
    font-weight: 600;
    margin-bottom: 0px;
}
 h3 {
     font-size: 18px;
	 font-weight: 600;
}
 h4 {
     font-size: 16px 
}
 h5 {
     font-size: 14px 
}
 h6 {
     font-size: 13px 
}
ul,li{margin:0; padding:0;}
.container img{max-width:100%;}

@media (min-width: 1600px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1520px;
}
}

.odstep{height:140px;background:url(../images/sl3.jpg) top left -50px no-repeat #132653; background-size:110%;}
@media(max-width:1199px){
	.odstep{height:70px;}
}
.navbar{padding:0;}
.navbar-brand img{width:270px; transition-duration:.5s;}
.fixedtop .navbar-brand img{width:270px;}
.navbar{padding:40px 0px; position:fixed; z-index:9; width:100%; transition-duration:.2s; background:transparent;}
.fixedtop{padding:10px 0px; position:fixed; z-index:9; width:100%; background:#fff; top:0px; box-shadow:1px 1px 35px rgba(0,0,0,0.2);}


/*------------------------------------------------------------------
    MENU
-------------------------------------------------------------------*/
.nav-link{padding:15px 15px;}
.navbar .wiecej{margin:0; font-size:16px; margin-left:20px; padding:15px 10px;}
.navbar .wiecej a{border:0; color:#fff;}
.navbar .wiecej a:hover{color:#fff;}
.navbar .wiecej .fa{color:#fff; margin-right:5px;}

.dropdown {position: static !important;} 
.dropdown-menu{margin-top: 0px !important; width: 100% !important; padding-bottom:70px; border-radius:0px; border:0; box-shadow:1px 1px 65px rgba(0,0,0,0.1);} 
.dropdown-menu span{color:#1a7ad4; font-size:20px; padding:25px 12px; font-weight:700; display:block;}
.dropdown-item{padding:6px 10px;}
.dropdown-item img{width:28px; height:28px; margin-right:10px;}
.dropdown-toggle::after{font-family: 'FontAwesome';content: "\f107"; border: none;font-size: 16px;vertical-align: inherit;position:static;right: -5px;top: -2px;}
.dropdown-toggle.show::after{content: "\f106";}
.animate {animation-duration: 0.5s;-webkit-animation-duration: 0.5s;animation-fill-mode: both;-webkit-animation-fill-mode: both;}
  
.navbar-nav a{color:#fff; font-weight:500; font-size:16px; padding-right: var(--bs-navbar-toggler-padding-x)!important; padding-left: var(--bs-navbar-toggler-padding-x)!important;}
.navbar-nav a:focus, .navbar-nav a:hover{color:#13d1f3;}
.fixedtop .navbar-nav a{color:#2d2d2d;}
.dropdown-menu a{color:#2d2d2d;}

.btn{background:#ededed; border:0; color:#424242; border-radius:20px; padding:5px 15px;}
.btn:hover{background:#d8d8d8;}
.btn .fa{margin-right:5px;}


@media(max-width:1200px){
	.dropdown-toggle::after{float:right; font-size:22px;}
	.navbar{background:#fff; padding:15px 0;box-shadow:5px 5px 30px rgba(0,0,0,0.2);}
	.navbar-nav>li>a{font-size:20px;}
	.navbar-nav a{color:#2d2d2d; border-bottom:1px #e7e7e7 solid;}
	.navbar-brand img{width:200px; transition-duration:.5s;}
.fixedtop .navbar-brand img{width:200px;}
.navbar .wiecej{margin:0; font-size:16px; margin-left:20px; padding:15px 10px; margin:15px 0!important; width:100%;}
}
  
/*------------------------------------------------------------------
    MENU PORTFOLIO
-------------------------------------------------------------------*/
#menuportfolio{padding:15px;}
#menuportfolio li{float:left;}
#menuportfolio li a{font-size: 14px;font-weight: 600;color: #2d2d2d;cursor: pointer;display:inline-block;margin: 5px;text-align:center;border: none;text-transform:uppercase;font-weight:400;background-size: 300% 100%;padding:5px 15px;border-radius: 50px;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;background-image: linear-gradient(to right, #ffffff, #efefef, #ffffff, #efefef);box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);}

#menuportfolio li.current.active a{background-image: linear-gradient(to right, #2e37ad, #2663c1, #19afe3, #2663c1); color:#fff;}

#menuportfolio li a:hover {background-position: 100% 0;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out}



@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}



/*------------------------------------------------------------------
    SLIDER
-------------------------------------------------------------------*/
.carousel{max-height:100vh;}
.carousel-inner{max-height:100vh;}
.carousel-item img{width:100%;object-fit:cover;}

.carousel-caption{text-align:left; right:0; left:0; margin:0 auto; top:300px;}
.carousel-caption h1{font-size:46px; color:#2a4cb7; font-weight:700; max-width:35%;}
.carousel-caption p{max-width:30%;}
.carousel-control-next, .carousel-control-prev{width:50px;}
.carousel-indicators [data-bs-target]{width:14px; height:14px; margin:2px;}

@media(min-width:1400px) and (max-width:1600px){
	.carousel-caption{top:200px;}
}
@media(min-width:1200px) and (max-width:1399px){
	.carousel-caption{top:200px;}
}
@media(min-width:992px) and (max-width:1199px){
	.carousel-caption{top:160px;}
	.carousel-caption h1{font-size:36px;}
	.carousel-caption p{font-size:16px;max-width:35%;}
}
@media(min-width:768px) and (max-width:991px){
	.carousel-caption{top:160px;}
	.carousel-caption h1{font-size:34px; max-width:45%;}
	.carousel-caption p{font-size:14px;max-width:40%;}
	.carousel-item img{width:120%;object-fit:cover;}
}

@media(max-width:767px){
	.carousel{max-height:100vh;}
	.carousel-inner{max-height:100vh;background: url(../images/bg2.jpg) top center no-repeat fixed #153a7c;}
.carousel-caption{text-align:left; padding:0 15px; top:130px;}
.carousel-item img{display:none!important;}
.carousel-item{min-height:600px;}
.carousel-caption{text-align:center; padding:0 50px;}
.carousel-caption h1{font-size:32px; color:#fff; font-weight:700;max-width:100%;}
.carousel-caption p{max-width:100%;color:#fff; }
.carousel-control-next, .carousel-control-prev{width:50px;}
.carousel-indicators [data-bs-target]{width:14px; height:14px; margin:2px;}
.wiecej{margin:50px auto!important;}
}

.caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
}

@media(max-width:767px){
	.carousel-dark .carousel-indicators [data-bs-target]{background-color:#fff;}
	.carousel-control-next-icon, .carousel-control-prev-icon  {filter: invert(0) grayscale(100)!important;
}
}


/*------------------------------------------------------------------
    CONTENT
-------------------------------------------------------------------*/
.columns-3{padding:10px; display:flex;flex-wrap: wrap;}
.columns-3 .blog-item{width:calc(100% / 3); padding:10px; border:0px #333 solid; margin-bottom:40px;}
.columns-3 .blog-item img{max-width:100%;}
.columns-3 .blog-item img:hover{}
.columns-3 .blog-item .item-content{text-align:center;}
.columns-3 .blog-item .item-content .port-nazwa{margin-bottom:5px; font-size:22px;}
.columns-3 .blog-item .item-content .port-info{color:#9b9b9b;}

.item-image {
    overflow: hidden;
    transition: all 1s ease 0s;

}
.item-image:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
}
.item-image img {
    transition: all 0.3s ease 0s;
}


@media(min-width:768px) and (max-width:1199px){
	.columns-3 .blog-item{width:calc(100% / 2);}
}
@media(max-width:767px){
	.columns-3 .blog-item{width:calc(100% / 1);}
}

.tresc-glowna{padding:50px 0;overflow-x:hidden;}

.tresc-glowna img{max-width:100%;}
.tresc-glowna ul{margin-left:20px;}
.tresc-glowna ul li {
    list-style: square;
    margin-bottom: 5px;
    padding-left: 0px;
}
.tresc-glowna ul li::marker{color:#2e37ad;}
.tresc-glowna h1{font-size: 34px; font-weight: 600;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.com-content-article__body img{max-width:100%;}
.wybrane .port-nazwa{margin-bottom:5px;}
.wybrane .port-element{text-align:center;}
.wybrane .port-info{padding:0px 0;color: #9b9b9b;}
.com-content-article__body .port-info{padding:20px 0;}
.com-content-article__body .port-data{padding-left:0px;}
.com-content-article__body .port-fullwidth{margin:30px auto; text-align:center;}
.com-content-article__body .fa{margin-right:10px; font-size:20px;}

.section1{padding:50px 0; background:#fff;}
.section1 .col-sm-12{margin-bottom:30px;}
@media(max-width:1200px){
	.tresc-glowna{padding:0;}
	.section1{padding:20px 0;}
}
/*boxy home*/

.boxoferta {
	border-top:5px #1a7ad4 solid;
	background:#fff;
	border-radius:8px;
	height:100%;
    text-align: left;
    position: relative;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
.boxoferta:nth-child(even) {
    background: #f3f3f3;
}
.boxoferta:hover{background:#2d2d2d; color:#fff;}
.boxoferta:hover a, .boxoferta:hover h2{Color:#fff;}
.boxoferta .box-wrapper {
    height: 100%;
    display: block;
    padding: 50px 35px 120px 35px;
    z-index: 2;
    position: relative;
}
.boxoferta .box-wrapper-ov {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
}
.box-icon {
    padding-bottom: 30px;
}
.box-icon .outer-icon {
    width: 75px;
    height: 75px;
}
.box-text .box-header, .box-text h2 {
}
.box-text .box-description, .box-text p {
}
.box-btn {
    position: absolute;
    bottom: 50px;
    left: 35px;
	margin:10px 0!important;
}


.naglowek{text-align:center;}
.naglowek h2{font-size:48px; margin-bottom:0px;}
.naglowek h2.sm{font-size:40px; margin-bottom:0px;}
.naglowek h4.sm{color:#2d2d2d; font-size:28px; margin-bottom:30px;}
.naglowek p{font-size:20px; margin-bottom:0px; color:#8a8a8a;}

.sep200{display:block; overflow:hidden; clear:both; background:url(../images/sep2.png) no-repeat; background-size:contain; width:200px; height:28px; margin:30px auto;}

.section2{overflow-x:hidden;padding:150px 0; background:url(../images/sec2.jpg) top right -100px no-repeat;background-size:45%; height:100%; min-height:1000px; margin-top:-200px;}
.txt-left{text-align:left;}
.section2 h2{}
.section2 h3{font-weight:700; font-size:22px; margin-bottom:15px; text-align:left;}
.section2 h4{color:#8a8a8a; font-weight:700; font-size:20px; margin-bottom:15px;}
.section2 p{margin-bottom:25px; color:#8299cc;}
.section2 a{font-weight:700;}

@media(max-width:1200px){
	.section2{margin-top:-100px;background-size:65%;}
}

.section3{padding:70px 0; }
.section3 h4{color:#8a8a8a; font-weight:700; font-size:22px;}
.section3 .partnerzy{list-style:none; margin:0 auto; padding:0; text-align:center;}
.section3 .partnerzy li{display:inline-block; margin:20px 25px;}
.section3 .partnerzy li img{max-width:140px; filter: grayscale(1); opacity:0.7;transition-duration:.5s;}
.section3 .partnerzy li img:hover{max-width:140px; filter: grayscale(0); opacity:1;}

.section4{padding:150px 0; background:url(../images/sec3.jpg) top left -100px no-repeat;background-size:45%; height:100%; min-height:1000px; margin-top:-200px;}
.txt-left{text-align:left;}
.section4 h2{}
.section4 h3{font-weight:700; font-size:22px; margin-bottom:15px; text-align:left;}
.section4 h4{color:#8a8a8a; font-weight:700; font-size:20px; margin-bottom:15px;}
.section4 p{margin-bottom:25px; color:#8299cc;}
.section4 a{font-weight:700;}

.section5{padding:50px 0; margin-top:-250px;}
.section6{padding:50px 0; background:url(../images/bg2.jpg) top center no-repeat fixed #153a7c; background-size:cover;}

@media(max-width:1200px){
	.section5{margin-top:-150px;background-size:65%;}
}

.section6 h2{color:#fff;}
.section6 p{color: #c2ceeb;}

.section7{padding:50px 0 70px 0; background:url(../images/bg4.jpg) top center no-repeat fixed #153a7c; background-size:cover;}
.section7 h2{color:#fff;}
.section7 p{margin-bottom:25px; color:#cecece;}

.stopka{background:#0e0e0e; color:#fff;}
.stopka .container{padding-top:50px; padding-bottom:50px;}
.stopka:before {content: "";display: block;height: 0px; background: #2e37ad linear-gradient(to right,#2e37ad,#13d1f3);}
.stopka h2{font-weight:700; font-size:22px; color:#fff; margin:30px 0;}
.stopka .partnerzy{list-style:none; margin:0 auto; padding:0; text-align:center;}
.stopka .partnerzy li{display:inline-block; margin:5px 10px;}
.acontact{font-size:28px; color:#fff; font-weight:600;}
.acontact:hover{color:#13d1f3;}
.socialmedia{margin:40px 0 20px 0;}
.socialmedia ul{list-style:none;margin:0!important; padding:0!important;}
.socialmedia ul li{display:inline-block;margin:0; padding:0;}
.socialmedia ul li a{cursor:pointer; padding:5px;display:block; background:none; text-align:center;}
.socialmedia ul li a .fa{cursor:pointer; font-size:24px; color:#fff;}
.socialmedia ul li a .fa:hover{cursor:pointer;font-size:24px; color:#13d1f3;}

.stopka ul{list-style:square; margin:0; padding:0 15px;}
.stopka ul li{list-style:square; margin-bottom:10px; padding-left:5px;}
.stopka ul li a{color:#fff;list-style:square; }
.stopka ul li a:hover{color:#13d1f3;}
.footer-logo{margin-bottom:30px; margin-top:30px;}
.copyright a{color:#fff;}

.sciezka{background:#f5f5f5;}
.sciezka .breadcrumb{padding:20px 0!important; margin-bottom:0px;}
@media(max-width:767px){
	.sciezka{display:none;}
}

.wiecej{width: 220px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
	display:block;
    margin: 50px 0;
    text-align:center;
    border: none;
	text-transform:uppercase;
	font-weight:400;
    background-size: 300% 100%;
	padding:15px 40px;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.wiecej-wide{width: 350px; max-width:100%; margin:50px auto;}
.wiecej:hover {
	color:#fff;
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.blue{background-image: linear-gradient(to right, #2e37ad, #2663c1, #19afe3, #2663c1); box-shadow: 0 4px 15px 0 rgba(38, 99, 139, 0.25);}
.white{color:#333; background-image: linear-gradient(to right, #fff, #fff, #fff, #fff);box-shadow: 0 4px 15px 0 rgba(38, 99, 139, 0.25);}
.white:hover{
	color:#333;
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}	
	
.btn.btn-secondary{width: 220px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
	display:block;
    margin: 10px 0;
    text-align:center;
    border: none;
	text-transform:uppercase;
	font-weight:400;background-image: linear-gradient(to right, #2e37ad, #2663c1, #19afe3, #2663c1);
    box-shadow: 0 4px 15px 0 rgba(38, 99, 139, 0.25);
    background-size: 300% 100%;
	padding:15px 40px;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
	
.btn-secondary:hover {
	color:#fff;
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.datar{margin-bottom:40px; clear:both; overflow:hidden;}
.datar1{ margin:0;}	
.datar2{font-size:28px; color:; font-weight:600; margin:0;}
.data-icon{display:inline-block; width:66px; height:66px; float:left; border: 2px solid #e7e7e7; margin-right:20px; border-radius:35px; padding:20px;}
.data-icon .fa{color:#2857bb; font-size:26px;}
.data-text{display:inline-block; float:left;}

.okienkop{width:50%; display:inline-block;float: left; padding-right: 10px;}
.okienko {width: 100%;padding-right: 10px;}	
input{background: #fff;padding: 10px 15px;width: 100%;border: 2px solid #cacaca;margin-bottom: 10px;border-radius:25px;}
textarea{min-height: 160px;width: 100%;width: 100%;background: #fff;padding: 10px 15px;border: 2px solid #cacaca;border-radius:25px;}
#formularz label{font-size:14px; color:#9f9f9f;}
#formularz .wiecej{margin:10px 0!important;}

@media(max-width:767px){
	.okienkop{width:100%; display:block;float: none; padding-right:0px;}
	.okienko {padding-right:0px;}
	.naglowek h2{font-size:38px; margin-bottom:0px;}
.naglowek h2.sm{font-size:28px; margin-bottom:0px;}	
}

.box-port{}
.box-port img{max-width:100%;}
.com-content-category-blog__navigation{max-width:50%; margin:10px auto;}
.page-item{margin:0px;}
.page-link{width:50px; height:50px; font-size: 18px;font-weight: 400!important;color: #424242;cursor: pointer;display:inline-block;margin: 5px;text-align:center;border: none;text-transform:uppercase;font-weight:400;background-size: 300% 100%;padding:12px;border-radius: 50px;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;background-image: linear-gradient(to right, #ffffff, #efefef, #ffffff, #efefef);box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);}

.active .page-link{background-image: linear-gradient(to right, #2e37ad, #2663c1, #19afe3, #2663c1); color:#fff;}
.fa{cursor: default !important;}
.page-link:hover{background-position: 100% 0;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition: all .4s ease-in-out;}
.pagination li::marker{display:none!important;}
.pagination .com-content-category-blog__counter{display:none!important;}
.pagination li{list-style:none; display:inline-block; padding:2px; border-radius:3px;}
.pagination li:last-child, .pagination li:first-child{display:none!important;}
.icon-angle-right:before{font-family: "FontAwesome";content: "\f105";}
.icon-angle-left:before{font-family: "FontAwesome";content: "\f104";}



.navbar-toggler{border:0!important; box-shadow:none!important; padding:0;}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {width: 35px;height: 30px;position: relative;margin: 0;-webkit-transform: rotate(0deg)-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {display: block;position: absolute;height: 3px;width: 100%;background: #2d2d2d;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}

#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 10px;}
#nav-icon3 span:nth-child(4) {top: 20px;}
#nav-icon3.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}

#nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

#nav-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon3.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;
}

/*blog*/
.blogposty.blog-items .blog-item{border-top:5px #1a7ad4 solid;
	background:#fff;
	border-radius:8px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);margin-bottom:30px; padding:50px 30px; display:flex;}
.blogposty.blog-items .blog-item .item-image{display: inline-block;vertical-align: top;box-sizing:border-box;margin:0;}
.blogposty.blog-items .blog-item .item-content {display: inline-block;width: 70%;padding: 0 30px;box-sizing:border-box;margin:0;}
.tags{margin-bottom:20px; font-size:12px;}
.tags::before{content:"Tagi: "; color: #424242; font-size:14px; margin-right:5px;}

@media(max-width:991px){
	.blogposty.blog-items .blog-item{margin-bottom:20px; border:1px #d8d8d8 solid; padding:20px; display:block;}
.blogposty.blog-items .blog-item .item-image{display: block;width: 100%;vertical-align: top;}
.blogposty.blog-items .blog-item .item-content {display: block;width: 100%;padding: 20px 0px;}
}

.topnaglowek {padding-top:100px; padding-bottom:50px; background:url(../images/bg3.jpg) no-repeat; background-size:90%; background-position:left top;}
.topnaglowek h1{color:#fff; font-size:42px; font-weight:600;}
.topnaglowek p{color:#c2ceeb;}
.topnaglowek-img{margin-top:-70px;}
.topnaglowek .col-sm-12{box-sizing:border-box;}
.topstrony{background: url(../images/topstrony.jpg) 50% 50% no-repeat;background-size:cover;}
@media(min-width:1200px) and (max-width:1399px){
	.topnaglowek h1{font-size:32px;}
}
@media(min-width:991px) and (max-width:1199px){
	.topnaglowek {background-size:110%; background-position:left top;}
	.topnaglowek h1{font-size:42px;}
	.topnaglowek-img{margin-top:50px;}
}
@media(min-width:768px) and (max-width:990px){
	.topnaglowek {padding-top:50px; background-size:110%; background-position:left top;}
	.topnaglowek h1{font-size:32px;}
	.topnaglowek-img{margin-top:50px;}
}
@media(max-width:767px){
	.topnaglowek {padding-top:50px; background-size:120%; background-position:left top;}
	.topnaglowek h1{font-size:26px;}
	.topnaglowek-img{margin-top:50px;}
}
@media(max-width:575px){
	.topnaglowek {padding-top:50px; background-size:200%; background-position:left top;}
	.topnaglowek h1{font-size:26px;}
	.topnaglowek-img{margin-top:50px;}
}
@media(max-width:400px){
	.topnaglowek {padding-top:50px; background-size:300%; background-position:left top;}
	.topnaglowek h1{font-size:26px;}
	.topnaglowek-img{margin-top:50px;}
}


.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

#faq{--bs-accordion-bg:none; --bs-accordion-bg:rgba(11,42,98,0.4);}
#faq .accordion-button:not(.collapsed){background-color:#0b2a62;}
#faq .accordion-item{border:1px #2f4f89 solid; border-top: 5px #1a7ad4 solid; border-radius: 8px; margin-bottom:10px;    color: #c2ceeb;}
#faq .accordion-header{padding-bottom:0px;}
#faq .accordion-button{color:#fff; font-size:20px; font-weight:600; padding:15px 35px;}
#faq .accordion-button:focus, .accordion-button:not(.collapsed){box-shadow:none;}

#faqwh{--bs-accordion-bg:none; --bs-accordion-bg:rgba(255,255,255,0.4);}
#faqwh .accordion-button:not(.collapsed){background-color:#e7e7e7;}
#faqwh .accordion-item{border:1px #e7e7e7 solid; border-top: 5px #1a7ad4 solid; border-radius: 8px; margin-bottom:10px; color:#2d2d2d;}
#faqwh .accordion-header{padding-bottom:0px;}
#faqwh .accordion-button{ color:#2d2d2d; font-size:16px; font-weight:600; padding:15px 35px;}
#faqwh .accordion-button:focus, .accordion-button:not(.collapsed){box-shadow:none;}
#faqwh .accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23424242'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-body{padding:15px 35px 25px 35px;}

.wow-pricing-table{margin:20px 0; border-top: 5px #1a7ad4 solid;background: #fff;border-radius: 8px;padding:20px; text-align: left;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.wow-pricing h2{margin:15px auto; font-size:16px; text-align:center;}
.wow-pricing-header{text-align:center; padding:30px 0;}
.wow-pricing-header h5{font-size:32px;}
.wow-pricing-cost{color:#1a7ad4; font-weight:600; font-size:24px;}
.wow-pricing-button{margin:0 auto; text-align:center;}
.osgalery-cat-tabs{display:none;}
.os-gallery-caption{border:1px #d5d5d5 solid;}
.agencja .wow-pricing{text-align:center;}

.tabelacennik{margin:20px 0px;}
.tabelacennik tr td{padding:7px 15px; border-right:5px #fff solid;}
.tabelacennik tr td:last-child{font-weight:600;}
.tabelacennik tr:nth-child(odd){background:#f1f1f1;}