/* carousel navigation styles */ .sw-nav, .n-hover:hover .sw-nav { display: block; position: absolute; left: 20px; top: 50%; width: 50px; height: 50px; background: rgba(0,0,0,0.5); box-shadow: 0px 0px 15px rgba(255,255,255, 0.3); border-radius: 50%; margin-top: -25px; z-index: 10; cursor: pointer; text-align: center; opacity: 1; outline: none; transition: all 0.1s ease-in-out; } .sw-nav.next, .n-hover:hover .sw-nav.next { transform: rotate(180deg); right: 20px; left: auto; opacity: 1; } .sw-nav:before { content: ''; display: inline-block; width: 10px; height: 10px; border: 2px solid #FFF; transform: rotate(45deg); border-width: 0 0 2px 2px; margin-top: 20px; margin-left: 2px; } .sw-nav:hover, .n-hover:hover .sw-nav:hover { background: rgba(0,0,0,0.7); } .n-hover .sw-nav { left: 0; right: auto; opacity: 0; } .n-hover .sw-nav.next { right: 0; left: auto; opacity: 0; } .sw-pgn, .p-hover:hover .sw-pgn { margin-top: 15px; display: block; text-align: center; z-index: 10; transition: all 0.1s ease-in-out; opacity: 1; } .sw-pgn-bullet { display: inline-block; width: 14px; height: 14px; background: #333; border: 2px solid #FFF; border-radius: 100%; margin: 0 3px; opacity: 0.2; outline: none; cursor: pointer; } .sw-pgn-bullet.active { opacity: 1; } .p-hover .sw-pgn { bottom: 0; opacity: 0; } .cb .cb-wrapper .hidden { display: none; } /* home slider navigation buttons */ .home-slider .sw-nav, .home-slider.n-hover:hover .sw-nav { top: auto; bottom: 15px; width: 56px; height: 56px; } .home-slider .sw-nav:before { margin-top: 23px; } .home-slider .sw-nav.prev { left: auto; right: 85px; } .home-slider .sw-nav.next { right: 20px; } /* home slider texts */ .home-slider .custom-html { display: block; top: 0; left: 0; padding: 5%; text-align: left; color: #FFF; font-size: 1.3em; } .home-slider .custom-html p { max-width: 350px; line-height: 1.5; color: #FFF; } .home-slider .custom-html .btn { text-transform: uppercase; color: #555; background: #FFF; } .home-slider .custom-html h2 { font-size: 2.1em; color: #FFF; margin: 0; padding: 0; } .home-slider { margin-bottom: 10px; } .home-slider img { width: 100%; } @media (max-width: 991px) { .home-slider .custom-html { padding: 10% 5%; } .home-slider .custom-html h2 { font-size: 1.5em; } .home-slider .custom-html p { display: none; } } @media (max-width: 767px) { .home-slider .sw-nav { display: none; } } .easycarousel .btn-tertiary-outline { border: 1px solid #e5e5e5; }

.cb-wrapper.w-21.type-2.pc-2,
.cb-wrapper.w-18.type-2.pc-5,
.cb-wrapper.w-24.type-2.pc-8{
	margin-top: 20px;
    display: flex;
    justify-content: space-between;
	    .cb-item-content {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: center;
		img.cb-img {
    	max-width: 200px;
		}
		.custom-html{
			max-width: -webkit-fill-available !important;
		}
	}
}

.cb-wrapper.w-17.type-2.pc-4 {
    display: flex;
    justify-content: space-between;
    
    .cb-item-content {
    	border-radius: 5px;
		border: 1px solid #e5e5e5;
		position: relative;
		
		.custom-html {
		margin: 0;
		max-width: fit-content;
		display: flex;
		text-align: center;
		color: #FFF;
		flex-direction: column;
		justify-content: flex-end;
		}
	}
}
.mobile-carousel{
	margin:-15px;
}
.cb.displayCustomBanners3.clearfix,
.cb.displayCustomBanners4.clearfix,
.cb.displayCustomBanners5.clearfix {
	position:relative;
	
    .html-over .custom-html {
	padding: 10px;
	height: auto;
	display: inline-block;
	margin: auto;
	position: absolute;
	width: 100%;
	top: 150px;
	left: 0;
	bottom: 0;
	right: 0;
		
		h3 {
	    	font-size: 22px;
		}
		
		p {
    	line-height: 1.3;
		}
	}
	
	.cb-wrapper.w-32.type-2.mobile-carusel-1,
	.cb-wrapper.w-36.type-2.mobile-carusel-2,
	.cb-wrapper.w-38.type-2.mobile-carusel-4{
	    top: 310px;
	    position: absolute;
	    width: 100%;
	    
	    .cb-item-content .cb-img {
			width: 170px !important;
			display: inline-block;
			/* width: -webkit-fill-available; */
			height: auto;
		}
	}
}
.cb-wrapper.w-40.type-2.mobile-carusel-1 {
    background: black;
    padding: 0 10px 40px 10px;

    
	    .cb-item-content .cb-img {
		display: inline-block;
		width: -webkit-fill-available;
		height: auto;
		width: 170px;
	}

}
.cb-wrapper.w-41.type-2.mobile-carusel-2 {
    padding: 0 10px 40px 10px;
    
       .cb-item-content .cb-img {
		display: inline-block;
		width: -webkit-fill-available;
		height: auto;
		width: 170px;
	}
}
.cb-wrapper.w-43.type-2.mobile-carusel-4 {
    background: #c90000;
    padding: 0 10px 40px 10px;
    
	    .cb-item-content .cb-img {
			display: inline-block;
			width: -webkit-fill-available;
			height: auto;
			width: 170px;
		}
}

.cb-wrapper.w-45.type-2.mobile-carusel-1 {
    background: black;
    padding: 0 10px 40px 10px;
    
    .cb-item-content .cb-img {
		display: inline-block;
		width: -webkit-fill-available;
		height: auto;
		width: 170px;
	}	
}

.cb-wrapper.w-48.type-2.mobile-carusel-2 {
    padding: 0 10px 40px 10px;
    
     .cb-item-content .cb-img {
		display: inline-block;
		width: -webkit-fill-available;
		height: auto;
		width: 170px;
	}	
}

.cb-wrapper.w-51.type-2.mobile-carusel-4 {
    background: #c90000;
    padding: 0 10px 0px 10px;
    
       .cb-item-content .cb-img {
		display: inline-block;
		width: -webkit-fill-available;
		height: auto;
		width: 170px;
	}	
}


/* top baner */
.first_block {
	.swiper-wrapper {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    display: flex;
	    transition-property: transform;
	    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
	    box-sizing: content-box;
	    justify-content: space-between !IMPORTANT;
	
	}
	
	.baner-left {
    	width: 42.5% !IMPORTANT;
    	
    	.cb-item-content .cb-img {
			display: inline-block;
			width: -webkit-fill-available;
			height: auto;
		}
    	
    	.custom-html {
			margin: 0!IMPORTANT;
			max-width: 90%!IMPORTANT;
			display: flex;
			padding:0!IMPORTANT;
			text-align: left!IMPORTANT;
			color: #FFF!IMPORTANT;
			flex-direction: column!IMPORTANT;
			justify-content: flex-end!IMPORTANT;
			align-items: baseline!IMPORTANT;
		}
	}
	
	.baner-right {
    	width: 12% !important;
    	
    	.custom-html {
    		top: auto;
			margin: 0 !IMPORTANT;
			max-width: -webkit-fill-available !IMPORTANT;
			display: flex !IMPORTANT;
			padding: 1% 3% 1% 3% !IMPORTANT;
			text-align: left !IMPORTANT;
			color: #FFF !IMPORTANT;
			flex-direction: column !IMPORTANT;
			justify-content: flex-end !IMPORTANT;
			align-items: center!IMPORTANT;
			
				p .btn.btn-default {
					padding: 5px 15px !IMPORTANT;
				}
		}
    	
    	.cb-item-content .cb-img {
			display: inline-block;
			width: -webkit-fill-available;
			height: auto;
		}
	}
}

.third_block {
	.custom-html {
		margin: 0 !IMPORTANT;
		max-width: 100%!IMPORTANT;
		display: flex;
		padding: 1% 3% 1% 3%!IMPORTANT;
		text-align: left;
		color: #FFF;
		flex-direction: column;
		justify-content: flex-end!IMPORTANT;
		align-items: center;
		
		p {
			height: 55px;
		    text-align: center !IMPORTANT;
		    margin-bottom: 10px!IMPORTANT;
		}
	}
}

.fourth_block {
	.custom-html {
		margin: 0;
		max-width: 100%!IMPORTANT;
		display: flex;
		padding: 1% 3% 1% 3%;
		text-align: center;
		color: #FFF;
		flex-direction: column!IMPORTANT;
		align-items: center!IMPORTANT;
		justify-content: flex-end!IMPORTANT;
	}
   

    .baner-right {
        width: 16% !important;
    	
    	.custom-html {
    		top: auto;
			margin: 0 !IMPORTANT;
			max-width: -webkit-fill-available !IMPORTANT;
			display: flex !IMPORTANT;
			padding: 1% 3% 1% 3% !IMPORTANT;
			text-align: left !IMPORTANT;
			color: #FFF !IMPORTANT;
			flex-direction: column !IMPORTANT;
			justify-content: flex-end !IMPORTANT;
			align-items: center!IMPORTANT;
			
				p .btn.btn-default {
					padding: 5px 15px !IMPORTANT;
				}
		}
    	
    	.cb-item-content .cb-img {
			display: inline-block;
			width: -webkit-fill-available;
			height: auto;
		}
	}
}

.fifth_block {
	
	.swiper-wrapper {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    display: flex;
	    transition-property: transform;
	    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
	    box-sizing: content-box;
	    justify-content: space-between !IMPORTANT;
	}
	
	.baner-left {
    	width: 42.5% !IMPORTANT;
    	
    	.cb-item-content .cb-img {
			display: inline-block;
			width: -webkit-fill-available;
			height: auto;
		}
    	
    	.custom-html {
			margin: 0!IMPORTANT;
			max-width: 90%!IMPORTANT;
			display: flex;
			padding:0!IMPORTANT;
			text-align: left!IMPORTANT;
			color: #FFF!IMPORTANT;
			flex-direction: column!IMPORTANT;
			justify-content: flex-end!IMPORTANT;
			align-items: baseline!IMPORTANT;
		}
	}
	
		.baner-right {
    		width: 16% !important;
    	
    	.custom-html {
    		top: auto;
			margin: 0 !IMPORTANT;
			max-width: -webkit-fill-available !IMPORTANT;
			display: flex !IMPORTANT;
			padding: 1% 3% 1% 3% !IMPORTANT;
			text-align: left !IMPORTANT;
			color: #FFF !IMPORTANT;
			flex-direction: column !IMPORTANT;
			justify-content: flex-end !IMPORTANT;
			align-items: center!IMPORTANT;
			
				p .btn.btn-default {
					padding: 5px 15px !IMPORTANT;
				}
		}
    	
    	.cb-item-content .cb-img {
			display: inline-block;
			width: -webkit-fill-available;
			height: auto;
		}
	}
}

.sixth_block_a {
    .custom-html {
        top: 0;
		margin: 0;
		max-width: 100% !important;
		display: flex;
		padding: 0;
		text-align: center !important;
		color: #FFF;
		flex-direction: column;
		justify-content: flex-end !important;
		align-items: center !important;
    }
}

.sixth_block_b {
    .custom-html {
        top: 0;
		margin: 0;
		max-width: 100% !important;
		display: flex;
		padding: 0 !important;
		text-align: center !important;
		color: #FFF;
		flex-direction: column;
		justify-content: flex-end !important;
		align-items: center !important;

        .section-left-banner {
            display: flex;

            .banner_01 {
                display: flex;
                margin-right: 20px;
                justify-content: center;

                figure {
                 margin: 0;
                 
                img.pse-img {
    				border-radius: 5px;
					}
                }

                .wrapper {
                    bottom: 0;
                    position: absolute;

                    p .btn.btn-default{
                        padding: 5px 15px !IMPORTANT;
                    }
                }
            }
            .banner_02 {
                display: flex;
                justify-content: center;

                figure {
                 margin: 0;
                 
                	img.pse-img {
    					border-radius: 5px;
					}
                }

                .wrapper {
                    bottom: 0;
                    position: absolute;

                    p .btn.btn-default{
                        padding: 5px 15px !IMPORTANT;
                    }
                }
            }
        }
    }
}

.seventh_block {
	
	.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box;
    justify-content: space-between;
}

    .baner-left {
            width: 43% !IMPORTANT;
            margin-right: 40px;
            
            .cb-item-content .cb-img {
                display: inline-block;
                width: -webkit-fill-available;
                height: auto;
            }
            
            .custom-html {
                margin: 0!IMPORTANT;
                max-width: 90%!IMPORTANT;
                display: flex;
                padding:0!IMPORTANT;
                text-align: left!IMPORTANT;
                color: #FFF!IMPORTANT;
                flex-direction: column!IMPORTANT;
                justify-content: flex-end!IMPORTANT;
                align-items: baseline!IMPORTANT;
            }
    }
    .baner-right {
    	width: 24% !important;
    	
    	.custom-html {
    		top: auto;
			margin: 0 !IMPORTANT;
			max-width: -webkit-fill-available !IMPORTANT;
			display: flex !IMPORTANT;
			padding: 1% 3% 1% 3% !IMPORTANT;
			text-align: left !IMPORTANT;
			color: #FFF !IMPORTANT;
			flex-direction: column !IMPORTANT;
			justify-content: flex-end !IMPORTANT;
			align-items: center!IMPORTANT;
			
				p .btn.btn-default {
					padding: 5px 15px !IMPORTANT;
				}
		}
    	
    	.cb-item-content .cb-img {
			display: inline-block;
			width: -webkit-fill-available;
			height: auto;
		}
	}
}



.linia_separator {
	.custom-html {
		margin: 0!IMPORTANT;
		max-width: 100%!IMPORTANT;
		display: block!IMPORTANT;
		padding: 1% 0 1% 0!IMPORTANT;
		flex-direction: column;
		justify-content: space-around;
	}
}