.ba-onas {
position: relative;
z-index: 99;
}
.ba-onas .row .col-full ul {
list-style: none;
padding: 0;
}
.ba-onas .row .col-full ul li a {
display: block;
}
.ba-onas .row .col-full ul li a:hover img {
z-index: 99;
}
.ba-onas .row .col-full ul li:nth-child(1) img {
position: absolute;
left: 0%;
bottom: 10px;
width: 50%;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
padding: 10px;
border: 1px dashed #ff6fb1;
}
.ba-onas .row .col-full ul li:nth-child(2) {
text-align: center;
}
.ba-onas .row .col-full ul li:nth-child(2) img {
-webkit-transform: translate(10%, 10px);
transform: translate(10%, 10px);
position: relative;
z-index: 2;
width: 60%;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
padding: 10px;
border: 1px dashed green;
}
.ba-onas .row .col-full ul li:nth-child(3) img {
position: absolute;
right: 0;
bottom: 0;
width: 30%;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
padding: 10px;
border: 1px dashed red;
margin-left: 10%;
}.ba-title {
margin-bottom: 30px;
}
.ba-title .section-title .tag {
font-size: 41px;
padding: 0;
margin: 0;
margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.ba-title .section-title .tag {
font-size: 24px;
}
}
.ba-title.aligncenter {
text-align: center;
}
.ba-title.aligncenter .des {
max-width: 70%;
width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.ba-title.aligncenter .des {
max-width: 100%;
}
}
.ba-title.alignright {
text-align: right;
}.ba-dlaczego-warto {
position: relative;
z-index: 3;
width: calc(100vw - 8px);
margin-left: -50vw;
left: 50%;
}
.ba-dlaczego-warto svg {
width: 100%;
position: absolute;
z-index: -1;
top: 30px;
}
@media only screen and (max-width: 998px) {
.ba-dlaczego-warto .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 998px) {
.ba-dlaczego-warto .row .col {
width: 50%;
-webkit-transform: translate(0, 0px) !important;
transform: translate(0, 0px) !important;
}
}
@media only screen and (max-width: 460px) {
.ba-dlaczego-warto .row .col {
width: 100%;
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
}
}
.ba-dlaczego-warto .row .col:nth-child(4) .img {
height: 220px;
}
.ba-dlaczego-warto .row .col:nth-child(4) .img img {
border: 1px dashed #f36f21;
border-radius: 100%;
width: 200px;
height: 200px;
padding: 5px;
}
.ba-dlaczego-warto .row .col:nth-child(2) .img {
height: 220px;
}
.ba-dlaczego-warto .row .col:nth-child(2) .img img {
border-radius: 100%;
width: 200px;
height: 200px;
border: 1px dashed red;
padding: 5px;
}
.ba-dlaczego-warto .row .col:nth-child(1) .img {
position: relative;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
height: 220px;
}
.ba-dlaczego-warto .row .col:nth-child(1) .img img {
width: 200px;
height: auto;
position: absolute;
border: 1px dashed #ff6fb1;
padding: 5px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -48%);
transform: translate(-50%, -48%);
}
.ba-dlaczego-warto .row .col:nth-child(3) .img {
position: relative;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
height: 220px;
}
.ba-dlaczego-warto .row .col:nth-child(3) .img img {
border: 1px dashed #af1f8e;
padding: 5px;
width: 180px;
height: auto;
}
.ba-dlaczego-warto .wrap {
text-align: center;
padding: 20px;
}
.ba-dlaczego-warto .wrap .img {
width: 200px;
height: 200px;
margin: 0 auto;
margin-bottom: 30px;
}
.two_col {
width: 100%;
left: 0;
margin-left: 0;
}
.two_col .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.two_col .row .col {
width: 50%;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
@media only screen and (max-width: 460px) {
.two_col .row .col {
width: 100%;
}
}.ba-galeria-slider {
padding: 0 30px;
position: relative;
}
@media only screen and (max-width: 768px) {
.ba-galeria-slider {
padding: 0 15px;
}
}
.ba-galeria-slider .galeria-sw {
padding: 50px 0;
}
.ba-galeria-slider .galeria-sw .swiper-slide a {
display: block;
overflow: hidden;
border-radius: 20px;
-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.ba-galeria-slider .galeria-sw .swiper-slide img {
width: 100%;
height: auto;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
display: block;
}
.ba-galeria-slider .galeria-sw .swiper-slide:hover a {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}
.ba-galeria-slider .galeria-sw .swiper-slide:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.ba-galeria-slider .swiper-button-next {
top: 50%;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
background-color: #fff;
right: 0px;
left: auto;
border: 1px dashed #27ace2;
width: 40px;
height: 40px;
border-radius: 100%;
padding: 10px;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 768px) {
.ba-galeria-slider .swiper-button-next {
width: 25px;
height: 25px;
}
}
.ba-galeria-slider .swiper-button-next:after {
font-size: 21px;
color: #27ace2;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.ba-galeria-slider .swiper-button-next:hover {
border: 1px dashed #ff6fb1;
}
.ba-galeria-slider .swiper-button-next:hover:after {
color: #ff6fb1;
}
.ba-galeria-slider .swiper-button-prev {
top: 50%;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
background-color: #fff;
border: 1px dashed #27ace2;
width: 40px;
height: 40px;
border-radius: 100%;
padding: 10px;
right: auto;
left: 0px;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 768px) {
.ba-galeria-slider .swiper-button-prev {
width: 25px;
height: 25px;
}
}
.ba-galeria-slider .swiper-button-prev:after {
font-size: 21px;
color: #27ace2;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.ba-galeria-slider .swiper-button-prev:hover {
border: 1px dashed #ff6fb1;
}
.ba-galeria-slider .swiper-button-prev:hover:after {
color: #ff6fb1;
}
.ba-galeria-all ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
padding: 0px;
margin: 0;
}
.ba-galeria-all ul li {
width: calc(20% - 10px);
padding: 10px;
}
@media only screen and (max-width: 1400px) {
.ba-galeria-all ul li {
width: calc(20% - 20px);
padding: 10px;
}
}
@media only screen and (max-width: 998px) {
.ba-galeria-all ul li {
width: calc(25% - 20px);
padding: 10px;
}
}
@media only screen and (max-width: 768px) {
.ba-galeria-all ul li {
width: calc(33.33% - 20px);
padding: 10px;
}
}
@media only screen and (max-width: 460px) {
.ba-galeria-all ul li {
width: calc(50% - 20px);
padding: 10px;
}
}
.ba-galeria-all ul li a {
display: block;
overflow: hidden;
border-radius: 20px;
-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.ba-galeria-all ul li a img {
width: 100%;
height: auto;
display: block;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.ba-galeria-all ul li a:hover {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}
.ba-galeria-all ul li a:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}.button-wraper {
margin-bottom: 20px;
}
.bs-button.aligncenter .button-wraper {
text-align: center;
}
.bs-button.alignright .button-wraper {
text-align: right;
}