

/* ======================================================================================================================================================
# Initiate Flexbox
====================================================================================================================================================== */
	
	#top #header #header_main .container.av-logo-container .inner-container,
	.responsive #top #header #header_main .inner-container .logo, .responsive #top #header #header_main .inner-container .main_menu, 
	.responsive #top #header #header_main .inner-container .widget,	.responsive #top #header #menu-item-search a, 
	.responsive #top #header #header_main nav .social_bookmarks, .responsive #top #header a.cart_dropdown_link {
		display: flex; position: relative;    
	}


/* ======================================================================================================================================================
# Header
====================================================================================================================================================== */


    /* Header inner container */
	.responsive #top #header #header_main {border: none;}
	#top #header #header_main .container.av-logo-container .inner-container {position: relative !important; padding: 0; height: inherit; flex-wrap: nowrap;}


    /* Fixed header --------------------------------*/
	.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
	.html_header_sticky.html_header_transparency #top #wrap_all #header,
	.html_header_sticky #top #wrap_all #header {
		position: fixed;
	}
	

/* ======================================================================================================================================================
# Logo
====================================================================================================================================================== */


    /* Logo */
	.responsive #top #header #header_main .inner-container .logo {order: 0; flex-basis: auto; z-index: 9;}
	
	/* Logo image size */
	.responsive #top #header .logo, .responsive #top #header .logo a, .responsive #top #header .logo img, .responsive #top #header .logo svg {
		width: auto; height: 100%; align-items: center; align-self: center;
	}
	
	/* Vertically center transparency logo */
	.responsive #top #header .logo span img {position: absolute; top: 50%; transform: translateY(-50%);}


/* ======================================================================================================================================================
# Menu
====================================================================================================================================================== */


	.responsive #top #header #header_main .inner-container .main_menu {order: 0; -webkit-order: 0; margin-left: 5%; flex-basis: 95%; height: inherit !important; justify-content: end; align-items: center; align-self: center;}



/* ======================================================================================================================================================
# Widget
====================================================================================================================================================== */


	/* Widgets */
	.responsive #top #header #header_main .inner-container .widget {order: 0; -webkit-order: 0; padding: 0; flex-basis: auto; clear: none!important; justify-content: center; align-self: center; align-items: center; z-index: 1;}
	.responsive #top #header #header_main .inner-container .widget>div {padding: 0 10px; width: 100%; line-height: 14px;}
	.responsive #top #header #header_main .inner-container .widget>div p {margin: 0 !important;}


/* ======================================================================================================================================================
# Social Icons
====================================================================================================================================================== */


	/* Flex support and position fix */
	.responsive #top #header #header_main nav .social_bookmarks {display: flex; top: auto; margin-top: 0; align-items: center;}


	/* Inherit height for flex alignment */
	.responsive #top .av-logo-container .social_bookmarks li {height: inherit;}




/* ======================================================================================================================================================
# Responsive
====================================================================================================================================================== */

		
	
	@media only screen and (min-width: 990px) {
			
		/* Header */
		.responsive #top #header div.av-main-nav-wrap {flex: 1;}
		
		/* Avia Menu */
		.responsive #header ul#avia-menu li.right, .responsive #header ul#avia-menu li#menu-item-search {float: right;}
		.responsive #header ul#avia-menu li.account {margin-left: 0.5rem; margin-right: 0.5rem;}
		
		/* Flexible cookies */
		.flexible-cookies-reopen-settings, #flexiblecookies_settings_container, #flexiblecookies_container div#flexiblecookies_cookie_banner {box-shadow: 0 0 50px rgba(0,0,0,0.2);}
		
	}
	
	
	@media only screen and (max-width: 989px) {
		
		/* Logo */
		.responsive #top #header .logo, .responsive #top #header .logo a, .responsive #top #header .logo img {display: flex; justify-content: flex-start;}
		.responsive #top #header .logo svg {width: 100%;}
		
		/* Menu */
		.responsive #header .av-main-nav-wrap {order: 2; -webkit-order: 2; margin-left: 0;}
		.responsive #header .av-main-nav-wrap #avia-menu {display: flex;}
		.responsive #header .main_menu #menu-item-search {margin-left: auto;}
		
		.responsive #top #header .av-burger-menu-main {margin-right: 0; padding-right: 0;}
		
		
	    /* Slider Dots */
		#top .avia-slideshow-dots a {padding: 0; width: 20px; height: 3px; background: rgba(255,255,255,0.3);}
		#top .avia-slideshow-dots a.active {background: rgba(255,255,255,1);}
		
		/* Partner Logos */
		.responsive #top .partner_logo .slide-entry-wrap {display: flex;}
		
		/* Flexible cookies */
		.flexible-cookies-reopen-settings, #flexiblecookies_settings_container, #flexiblecookies_container div#flexiblecookies_cookie_banner {border: solid 1px #e1e1e1;}
				
	}


	@media only screen and (min-width: 768px) and (max-width: 989px) {
		
		/* Grid */
		.responsive.html_mobile_menu_tablet.html_header_top #top #main {padding-top: 80px !important;}
		
		/* Header */
		.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, 
		.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {height: 80px; line-height: 80px;}
		
	}


	@media only screen and (min-width: 768px) {
		

		/* Tooltip icon Scrollbar */
		#top .tooltip_box {padding-top: 2vh;}
		#top .tooltip_box .tooltip_text {
			position: absolute; top: -10%; left: 50%; transform: translate(-50%,-100%); padding: 10px; min-width: 275px; background: #fff; line-height: 1.5; font-size: 13px; border-radius: 8px; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.1); z-index: 9999;
		}
		#top .tooltip_box .tooltip_text:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #c51d52; border-radius: 0 0 8px 8px;}
		#top .tooltip_box .tooltip_text:after {content: ''; position: absolute; left: 50%; bottom: -8px; margin-left: -4px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #c51d52;}

	}


	@media only screen and (max-width: 767px) {
		
			
		/* Grid */
		.responsive #top #wrap_all .container {width: 92%; max-width: 92%;}
		.responsive #top #main {padding-top: 80px !important;}
			
		
        /* Product Box */
		.responsive #top .product_box {height: auto !important;}
		.responsive #top .product_box .avia-image-container:before {
			content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
			background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,113,227,0.65) 100%); z-index: 1;
		}
		
		/* Footer */
		.responsive #footer .container:before {left: 0; width: 100%;}
				

		
		/* Tooltip icon Scrollbar */
		.responsive #top .tooltip_box_grid {position: relative;}

		.responsive #top .tooltip_box_grid .flex_column_table {
			margin-top: 15px; display: flex !important; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #1a1a1a #f1f1f1;
		}
		.responsive #top .tooltip_box_grid .tooltip_box {margin: 0 0 2vh 0 !important; padding-top: 5vh; flex: 0 0 auto; scroll-snap-align: start; width: clamp(140px,35%, 190px) !important; box-sizing: border-box;}
		.responsive #top .tooltip_box_grid .tooltip_box .av-special-heading {margin-bottom: 0px;}
		
		.responsive #top .tooltip_box_grid .tooltip_text {position: relative !important; padding: 0 10px; line-height: 1.4; font-size: 12px;}
		.responsive #top .tooltip_box_grid .av-flex-placeholder {display: none !important;}

		

		
	}
	

	

	@media only screen and (max-width: 479px) {
		
		
		/* Search */
		#header .main_menu #menu-item-search a {padding-left: 10px !important;}
		
		
		/* Product Box */
		.responsive #top .product_box {min-height: 350px !important;}
		
		/* Scroll Carousel */
		.responsive #scroll_carousel .owl-stage .carousel-slider__caption h4 {font-size: 1rem;}
		
		/* Partner Logos */
		.responsive #top .partner_logo .slide-entry-wrap .slide-entry {width: auto !important;}
		
		/* Accordion List */
		.responsive #top .togglecontainer.accordion_list .toggler {line-height: 1.1; font-size: 16px;}
				
	}
	
	
	@media (max-height:900px) {

        #top .product_box {height: 550px !important;}
		
	}
	
	
	
	
	/* Pulse animation */
	@keyframes shadow-pulse {
		0% {box-shadow: 0 0 0 0 rgba(255,255,255,0.4), 0px 0px 0px 15px rgba(255,255,255,0.6);}
		70% {box-shadow: 0 0 0 80px rgba(255,255,255,0), 0px 0px 0px 15px rgba(255,255,255,0.6);}
		100% {box-shadow: 0 0 0 0 rgba(255,255,255,0), 0px 0px 0px 15px rgba(255,255,255,0.6);}
	}
	
	@-moz-keyframes shadow-pulse {
		0% {-moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.4), 0px 0px 0px 15px rgba(255,255,255,0.6);}
		70% {-moz-box-shadow: 0 0 0 80px rgba(255,255,255,0), 0px 0px 0px 15px rgba(255,255,255,0.6);}
		100% {-moz-box-shadow: 0 0 0 0 rgba(255,255,255,0), 0px 0px 0px 15px rgba(255,255,255,0.6);}
	}
	
	@-webkit-keyframes shadow-pulse {
		0% {-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.4), 0px 0px 0px 15px rgba(255,255,255,0.6);}
		70% {-webkit-box-shadow: 0 0 0 80px rgba(255,255,255,0), 0px 0px 0px 15px rgba(255,255,255,0.6);}
		100% {-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0), 0px 0px 0px 15px rgba(255,255,255,0.6);}
	}	
	
	
    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }

	
	/* Display - None */
	#top .grid-sort-container a span.image-overlay, #main .avia-arrow, #about-us .av-tab-arrow-container, #top .avia-tooltip, #top .blog_page_post .slide-entry .slide-meta, #top span.button-mini-delimiter, 
	#top .blog_page_post .slide-entry span.image-overlay, #top .av-tab-section-tab-title-container a .av-tab-arrow-container, #scroll-top-link {display: none !important;}
	

 
/* ======================================================================================================================================================
# Header
====================================================================================================================================================== */

    #header {
		
		box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);
		
		
		/* Header */
		.av-main-nav > li {margin-left: 0px;}
		.av-main-nav > li:first-child {margin-left: 0;}
		
		.av-menu-button > a .avia-menu-text {padding: 7px 20px; font-size: 14px; border: none; border-radius: 50px;}
		
		
		/* Menu */
		.av-main-nav {
			
			z-index: auto;
			
			> li > a {padding: 0 12px; font-size: 15px; font-weight: 400;}
			
			li a strong {color: #3a3a3a !important;}
			li a:hover strong, #header .av-main-nav  li.current-menu-item a strong {color: inherit !important;}
			
			> li.dropdown_ul_available.current-menu-item .avia-menu-fx {display: none;}
			
			> li.two-lines {
				> a {display: flex; justify-content: center; align-items: center;}
			}
			
		}


		/* Sub-menu */
		ul > li > ul.sub-menu {
			
			min-width: 230px; border: none; border-radius: 0 0 8px 8px; overflow: hidden;
			
			li a {font-size: 14px; color: #2a65a0; border: none;}
			li:hover a, li.current_page_item a, li.current-menu-item a {font-weight: 600; color: #ffffff !important;}
			
			li:hover a {background: #c51d52;}
			li.current_page_item a, li.current-menu-item a {background: #272727;}
			
		}



			
		
		/* Progress Bar */
		.header-reading-progress {height: 1px;}
		
		/* BG */
		.header_bg {opacity: 1;}
		
	}
	

	

	






	
	/* Sub-menu children has arrow */
	#header ul.menu>li a span.dropdown_available {float: right; margin-left: 10px;}
	#header ul.menu>li a span.dropdown_available:before {
		content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 18px;
		background-color: currentColor;
		-webkit-mask-position: center; mask-position: center;
		-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
		-webkit-mask-size: contain; mask-size: contain;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 32'%3E%3Cpath d='M18.048 13.696l-7.488 7.168q-0.576 0.576-1.28 0.576t-1.28-0.576l-7.488-7.168q-0.512-0.512-0.512-1.312t0.512-1.312q1.216-1.216 2.496 0l6.272 6.016 6.272-6.016q1.28-1.216 2.496 0 0.512 0.512 0.512 1.312t-0.512 1.312z'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 32'%3E%3Cpath d='M18.048 13.696l-7.488 7.168q-0.576 0.576-1.28 0.576t-1.28-0.576l-7.488-7.168q-0.512-0.512-0.512-1.312t0.512-1.312q1.216-1.216 2.496 0l6.272 6.016 6.272-6.016q1.28-1.216 2.496 0 0.512 0.512 0.512 1.312t-0.512 1.312z'/%3E%3C/svg%3E");
	}
	
	/* Search */
	#header .main_menu #menu-item-search {
		
		padding-right: 15px; z-index: 100;
		
		a {display: flex; align-items: center; justify-content: center; font-size: 0px; transition: all 0.3s;}
		> a:before {content:''; width: 20px; height: 32px; background: url(../images/header/search.svg) no-repeat center center;}
		
	}

	
	
	#header .avia-search-tooltip {	
		top: 100% !important; background: #fafafa; border-top: solid 1px #e1e1e1; border-radius: 0 0 3px 3px; box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1);
		#s {padding-left: 10px; background: #fff; border: solid 1px #e1e1e1; border-radius: 3px 0px 0px 3px;}
		#searchsubmit {border-radius: 0px 3px 3px 0px;}
	}
	
	#header a.av_ajax_search_entry_view_all {background: #1a1a1a; color: #ffffff;}
	#header a.av_ajax_search_entry_view_all:hover {background: #a0cbc1; color: #1a1a1a;}
	#header a.av_ajax_search_entry span.av_ajax_search_title, #header_main a.av_ajax_search_entry span.ajax_search_excerpt {line-height: 14px;}
	#header a.av_ajax_search_entry span.ajax_search_excerpt {font-size: 11px !important;}
	
	
	/* Icons */
	#header ul.menu {
		li.icons > a {font-size: 0px !important; transition: all 0.3s;}
		li.icons .avia-menu-fx {display: none;}
		li.icons > a:before {content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; }
		li.phone > a:before {background: url(../images/header/phone.svg) no-repeat center center;}
		li.account > a:before {background: url(../images/header/user.svg) no-repeat center center;}
	}

	
	#header .main_menu #menu-item-search:hover > a, #header ul.menu li.icons:hover > a {filter: invert(21%) sepia(45%) saturate(4452%) hue-rotate(323deg) brightness(89%) contrast(98%);}
	
	
	/* Burger Menu 
	
	.responsive #header ul#av-burger-menu-ul li a {font-size: 15px; font-weight: 500;} */
	


	
	
	
/* ======================================================================================================================================================
# » Burger Menu
====================================================================================================================================================== */


	.responsive #top #header .av-burger-menu-main {z-index: 999;}

    /* Burger Icon */
	#header ul li.av-burger-menu-main a {
		
		position: relative;
		
		.av-hamburger {display: flex; width: 56px; height: 100%; justify-content: center; align-items: center;}
		&:after {
			content:''; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); width: 56px; height: 56px; 
			background: #f8f8f8; border-radius: 50%; z-index: -1; transition: background 0.5s ease;
		}
		
		.av-hamburger-inner, .av-hamburger-inner:before, .av-hamburger-inner:after {height: 2px;}

		.is-active {
			.av-hamburger-inner, .av-hamburger-inner:before, .av-hamburger-inner:after {background-color: #1a1a1a;}
		}
	

	}

	
	#header .av-hamburger-inner:before {top: -7px;}
	#header .is-active .av-hamburger-inner:before {top: 0;}
	#header .av-hamburger-inner:after {bottom: -7px;}
	#header .is-active .av-hamburger-inner:after {bottom: 0;}

	#header ul li.av-burger-menu-main a .av-hamburger-box {width: 24px;}
		


	/* Overlay BG */
	#top #header .av-burger-overlay-bg {background: #000; opacity: 0.72;}

	
	/* Mobile Social */
	.responsive #header ul#av-burger-menu-ul {
		li.social_icon {float: left; width: 33.3333%;}
		li.social_icon a {color: #c51d52 !important; border: none;}
		li.social_icon a:hover {opacity: 0.65;}
		li.social_icon .avia-menu-text {font-size: 0px;}
		li.social_icon a:before {
			content: ''; display: inline-block; vertical-align: middle; width: 24px; height: 24px;
			background-color: currentColor;
			-webkit-mask-position: center; mask-position: center;
			-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
			-webkit-mask-size: contain; mask-size: contain;
			-webkit-mask-image: var(--icon); mask-image: var(--icon);
		}
		li.fb a:before {--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 32'%3E%3Cpath d='M24.064 2.56q1.408 0 2.432 0.992t1.024 2.4v20.672q0 1.408-1.024 2.432t-2.432 1.024h-5.184v-9.92h3.648v-4.288h-3.648v-2.24q0-0.96 0.896-0.96h2.752v-4.864h-3.072q-2.368 0-3.968 1.728t-1.6 4.224v2.112h-3.328v4.288h3.328v9.92h-10.432q-1.408 0-2.432-1.024t-1.024-2.432v-20.672q0-1.408 1.024-2.4t2.432-0.992h20.608z'/%3E%3C/svg%3E");}
		li.ig a:before {--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 32'%3E%3Cpath d='M22.080 16q0-0.832-0.192-1.6h5.632v11.008q0 1.792-1.248 3.072t-3.040 1.28h-18.944q-1.792 0-3.040-1.28t-1.248-3.072v-11.008h5.568q-0.128 1.024-0.128 1.6 0 3.392 2.432 5.856t5.888 2.464q3.392 0 5.856-2.464t2.464-5.856zM23.232 2.24q1.792 0 3.040 1.248t1.248 3.040v4.672h-6.976q-2.496-3.520-6.784-3.520-4.416 0-6.784 3.520h-6.976v-4.672q0-1.792 1.248-3.040t3.040-1.248h18.944zM25.280 7.552v-2.304q0-0.768-0.768-0.768h-2.304q-0.768 0-0.768 0.768v2.304q0 0.256 0.224 0.512t0.544 0.256h2.304q0.768 0 0.768-0.768zM18.880 16q0 2.112-1.504 3.616t-3.616 1.504-3.616-1.504-1.504-3.616q0-2.176 1.504-3.648t3.616-1.472 3.616 1.472 1.504 3.648z'/%3E%3C/svg%3E");}
		li.yt a:before {--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M12.704 20.128l8.64-4.448-8.64-4.512v8.96zM16 4.736q3.008 0 5.792 0.096t4.096 0.16l1.312 0.064q0 0 0.288 0.032t0.416 0.064 0.416 0.064 0.512 0.16 0.512 0.224 0.544 0.352 0.512 0.48q0.128 0.096 0.288 0.32t0.512 1.056 0.48 1.792q0.128 1.152 0.224 2.432t0.096 2.048v3.136q0.032 2.592-0.32 5.184-0.128 0.96-0.448 1.76t-0.576 1.12l-0.256 0.288q-0.224 0.256-0.512 0.48t-0.544 0.32-0.512 0.224-0.512 0.16-0.416 0.064-0.416 0.064-0.288 0.032q-4.48 0.352-11.2 0.352-3.68-0.064-6.432-0.128t-3.552-0.128l-0.896-0.096-0.64-0.064q-0.64-0.096-0.96-0.16t-0.928-0.384-0.992-0.736q-0.128-0.096-0.288-0.32t-0.512-1.056-0.48-1.792q-0.128-1.152-0.224-2.432t-0.096-2.048v-3.136q-0.032-2.592 0.32-5.184 0.128-0.992 0.448-1.76t0.576-1.12l0.256-0.288q0.256-0.288 0.512-0.48t0.544-0.352 0.512-0.224 0.512-0.16 0.416-0.064 0.416-0.064 0.288-0.032q4.48-0.32 11.2-0.32z'/%3E%3C/svg%3E");}
	}
  

	
	
/* ======================================================================================================================================================
# Home Slider
====================================================================================================================================================== */


	#home-slider {

		.fss-caption {

			.pink, .white {padding: 1.5vh 20px; width: max-content; height: max-content; line-height: 1; letter-spacing: 0.5px;}

			.pink + div.fss-text, .white + div.fss-text {margin: 5px 0 0 0; padding: 1vh 20px; width: max-content;}

			.pink {background: #c51d52; color: #ffffff; border-bottom: solid 5px #fff;}
			.pink + div.fss-text {background: #c51d52; color: #ffffff; border-bottom: solid 5px #fff;}

			.white {background: #fff; color: #c51d52; border-bottom: solid 5px #c51d52;}
			.white + div.fss-text {background: #fff; color: #c51d52; border-bottom: solid 5px #c51d52;}

			/* jeśli pod nagłówkiem jest tekst, border ma tylko tekst */
			.pink:has(+ div.fss-text),
			.white:has(+ div.fss-text) {border-bottom: none;}
		}

	}



/* ======================================================================================================================================================
# Other Slides
=================================================================================================================================================
	
	/* 2. Scroll Carousel */
	#top .carousel-slider .carousel-slider__item {border-radius: 6px; overflow: hidden;}
	#top .carousel-slider .owl-item .carousel-slider__item img {transition: all 0.75s;}
	#top .carousel-slider .owl-item:hover .carousel-slider__item img {scale: 1.05;}
	
	#scroll_carousel .owl-stage .carousel-slider__caption, 
	#scroll_carousel_bg .owl-stage .carousel-slider__caption {position: absolute; top: 0; left: 0; padding: 3vh 2vh 2vh 2vh;}
	
	#scroll_carousel_bg .owl-stage .carousel-slider__caption {top: auto; bottom: 0; background: rgb(197,29,82); background: linear-gradient(0deg, rgba(197,29,82,0.85) 50%, rgba(197,29,82,0.75) 75%, rgba(197,29,82,0) 100%); }
		
	#scroll_carousel .owl-stage .carousel-slider__caption h4, 
	#scroll_carousel_bg .owl-stage .carousel-slider__caption h4 {
		margin: 0; font-size: 22px; font-weight: 600; color: #fff; letter-spacing: -0.03em; text-align: left; overflow: visible; text-shadow: 0 0px 1px rgba(0,0,0,0.6), 0 0px 30px rgba(0,0,0,0.85);
	}
	
	#scroll_carousel_bg .owl-stage .carousel-slider__caption {
		h4 {font-size: 18px;}
		p {margin-bottom: 25px; line-height: 1.3; font-size: 14px; color: rgba(255,255,255,0.8) !important; text-align: justify;}
	}
	
	
	/* 2. Arrow */
	#top .carousel-slider {
		.owl-nav button {padding: 8px !important; width: 48px !important; height: 48px; background: #fff; border-radius: 50%;}
		.owl-nav button:hover {background-color: rgba(197,29,82,1);}
		.owl-nav svg {height: 32px !important;}
		.owl-nav .owl-prev {left: 1% !important;}
		.owl-nav .owl-next {right: 1% !important;}
	}
	
	
	

	
	/* Dots */
	#top .avia-slideshow-dots a {margin: 5px; border-radius: 0;}
	

	

	
	
/* ======================================================================================================================================================
# Headings
====================================================================================================================================================== */

    #top .template-page .entry-content-wrapper h1, #top .template-page .entry-content-wrapper h2 {letter-spacing: 0; text-transform: none;}

    #top .av-special-heading h1, #top .av-special-heading h2, #top .av-special-heading h3, #top .av-special-heading h4 {font-weight: 600; text-transform: none;}
	#top .av-special-heading h1, #top .av-special-heading h2 {letter-spacing: -1px;}
		
    #top .av-special-heading h1 span, #top .av-special-heading h2 span {font-weight: 300;}
	
	/* White text Shadow */
	#top .white_text_shadow {text-shadow: 0 1px 0 rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.65), 0 1px 15px rgba(0,0,0,0.15), 0 1px 28px rgba(0,0,0,0.1);}
	
    /* Sub-heading */
	#top .av-special-heading .av-subheading {margin-bottom: 10px;}
	
	
	
	/* Heading Number */
	#top .number_heading {
		display: flex;
		&.modern-centered {justify-content: center;}
		.av-subheading {
			display: flex; position: relative; margin: 0 25px 0 0; width: 45px; height: 45px; justify-content: center; align-items: center; background: #c51d52; color: #ffffff; font-weight: 700; border-radius: 3px;
		}
		.av-subheading:after {
			content: ''; position: absolute; top: 50%; right: -13px; margin-top: -5px; width: 0; height: 0; transform: rotate(-90deg); border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #c51d52;
		}
		.av-special-heading-tag {
			display: flex; align-items: center;
			b {margin-left: 8px;}
		}
	}
	

	
	
	
/* ======================================================================================================================================================
# Buttons
====================================================================================================================================================== */

    #top .avia-button, #main a.button, #top .av-masonry-load-more, #top .avia_ajax_form .button, #top button {border-radius: 50px; text-transform: none;}

	/* Padding */
	#top .avia-button.avia-size-small {padding: 6px 12px; font-size: 14px;}
	#top .avia-button.avia-size-medium {padding: 10px 16px;}
	#top .avia-button.avia-size-large, #top .product_button a.avia-button, #top .avia_ajax_form .button {padding: 14px 16px;}
	#top .avia-button.avia-size-x-large, #top .av-masonry-load-more {padding: 16px 20px; min-width: 250px;}
	
	/* Padding with Icon */
	#top .avia-size-small.avia-icon_select-yes-right-icon {padding-right: 22px;}
	#top .avia-size-medium.avia-icon_select-yes-right-icon, #top .avia-size-large.avia-icon_select-yes-right-icon {padding-right: 26px;}
	#top .avia-size-x-large.avia-icon_select-yes-right-icon {padding-right: 30px;}



    a.avia-button span.avia_button_icon_right {left: 0.5em !important;}

    /* Transparent */
    #top .transparent_btn a.avia-button {background: transparent !important; color: rgba(0,0,0,0.85); border: none; transition: all 0.5s;}
    #top .transparent_btn a.avia-button:hover {background: transparent !important;}
    #top .transparent_btn a.avia-button:hover .avia_iconbox_title {text-decoration: underline;}
	
    /* White */
    #top .white_btn a.avia-button {color: #1a1a1a; transition: all 0.5s;}
    #top .white_btn a.avia-button:hover {opacity: 0.65 !important;}
	
	
	/* Load more button */
	#top .av-masonry-load-more {position: relative; display: inline-block; margin-top: 15px; left: 50%; transform: translateX(-50%); font-size: 16px; color: #1a1a1a; letter-spacing: 0 !important; border: solid 1px rgba(0,0,0,.85);}
	#top .av-masonry-load-more:hover {background: #c51d52 !important; color: #ffffff; border-color: #c51d52;}
	
	/* Contact */
	#top .avia_ajax_form .button {margin-bottom: 0px; border: none;}
	


	


/* ======================================================================================================================================================
# Contents
====================================================================================================================================================== */

    strong, b {font-weight: 600;}
	


    /* Full Width Container */
	#top .full_width_container>.container {max-width: 98% !important; padding-left: 0px; padding-right: 0px;}
	#top .no_margin_container>.container {margin: 0; max-width: 100% !important; padding-left: 0px; padding-right: 0px;}
	
	
	#top .no-margin-section {margin: 0;}
	
	
	/* Image radius */
	#top .big_radius img {border-radius: 8px;}
	#top .avia-image-container-inner, #top .avia_image, #top .av-image-caption-overlay {border-radius: 6px;}
	
	/* Fonts Color */
	#top .weight-500 {font-weight: 500;}
	#top .opacity_text {opacity: 0.9;}
	
	/* Color Icon */
	#top .color_icon img, #top .other_icons img {filter: invert(21%) sepia(69%) saturate(3732%) hue-rotate(327deg) brightness(79%) contrast(93%); transition: all 0.5s;}
	#top .other_icons:hover img {scale: 0.9;}
	
	/* Other_icons */
	#top .other_icons img {height: 52px;}

	
	/* Product Box */
	#top .product_box {min-height: auto; height: 750px; overflow: hidden;}
	
	/* Images */
	#top .image_absolute {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
	#top .image_absolute div, #top .image_absolute img {width: 100%; height: 100%;}
	#top .image_absolute img {object-fit: cover;}
	
	/* Youtube */
	#top .avia-video {overflow: hidden; border-radius: 6px !important;}
	
	/* Image Gradient Color*/
	#top .gradient_color:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	
	/* Box with arrows */
	#top .box_with_arrow:after {
		content: ''; position: absolute; top: 50%; right: -1.5%; margin: -16px -32px 0 0; width: 32px; height: 32px;
		background-color: rgba(0,0,0,0.1); visibility: visible;
		-webkit-mask-position: center; mask-position: center;
		-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
		-webkit-mask-size: auto 28px; mask-size: auto 28px;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 32'%3E%3Cpath d='M3.136 7.168l7.232 7.552q0.512 0.512 0.512 1.28 0 0.704-0.512 1.216l-7.232 7.552q-0.512 0.512-1.28 0.512t-1.28-0.512q-1.152-1.152 0-2.56l5.952-6.208-5.952-6.272q-1.152-1.408 0-2.56 0.512-0.512 1.312-0.512t1.248 0.512z'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 32'%3E%3Cpath d='M3.136 7.168l7.232 7.552q0.512 0.512 0.512 1.28 0 0.704-0.512 1.216l-7.232 7.552q-0.512 0.512-1.28 0.512t-1.28-0.512q-1.152-1.152 0-2.56l5.952-6.208-5.952-6.272q-1.152-1.408 0-2.56 0.512-0.512 1.312-0.512t1.248 0.512z'/%3E%3C/svg%3E");
	}
	#top .box_with_arrow:last-child:after {display: none;}
	
	/* Quick_contact_box */
	.responsive #top #main #quick_contact_box {float: none; margin-left: auto !important; margin-right: auto !important;}
	.responsive #quick_contact_box .entry-content-header {display: flex; align-items: center; justify-content: center; gap: 10px;}
	
	
	
	/* Image  Overlay */
	.avia_transform a:hover .image-overlay {opacity: 0.9 !important;}
	span.image-overlay {background: rgba(0,0,0,0.25) !important;}
	
	
	
	/* Iconbox */
	#top .iconbox h3.iconbox_content_title {letter-spacing: 0 !important; text-transform: none !important;}
	#top .iconbox.flex_column {clear: none !important;}
	#top .iconbox_contact .entry-content-header {display: flex; flex-direction: column; align-items: center;}
	#top .iconbox_contact .iconbox_icon {display: flex; margin-bottom: 10px; align-items: center; justify-content: center; width: 40px; height: 40px;}
	#top .iconbox_contact.phone .iconbox_icon:before {content:''; position: absolute; width: 100%; height: 100%; background: url(../images/phone2.svg) no-repeat center center; filter: invert(18%) sepia(55%) saturate(5118%) hue-rotate(328deg) brightness(84%) contrast(91%);}
	
	
	
	
	
    /* Normal List*/
	#top .togglecontainer.accordion_list {
		.single_toggle {margin-bottom: 10px;}
		.toggler {padding: 15px 70px 15px 15px; font-size: 18px; font-weight: 600; color: #1a1a1a; border-radius: 6px;}
		.toggle_icon {top: 50%; left: auto; right: 15px; margin-top: -17px; width: 34px; height: 34px; background: #272727; border: none; border-radius: 50%;}
		
		.toggler .vert_icon, .toggler .hor_icon {border-color: #fff !important;}
		.toggler .vert_icon {top: 50%; left: 50%; transform: translate(-50%,-50%); height: 13px;}
		.toggler .hor_icon {top: 50%; left: 50%; transform: translate(-50%,-50%); width: 13px;}
		
		.toggler.activeTitle .toggle_icon {background: #c51d52;}
		.toggler.activeTitle .vert_icon, .togglecontainer.accordion_list .toggler.activeTitle .hor_icon {border-color: #cec1aa !important;}
		.toggler.activeTitle {color: #1a1a1a;}
		.toggle_content {margin-top: 10px; background: #fafafa; font-size: 15px; line-height: 24px; border: none; border-radius: 6px;}
	}
	
	


	/* Advanced Portfolio */
	
	#top .avpf-grid-container {
		
		header .avpf-tile-title {text-transform: uppercase;}
		
	}


/* ======================================================================================================================================================
# Theme modules
====================================================================================================================================================== */

	/* Tooltip Box*/
	#top .tooltip_box {
		.tooltip_btn {
			display: flex; position: relative; top: 0; left: 50%; margin-left: -35px; width: 70px; height: 32px; align-items: center; justify-content: center; 
			font-size: 14px; font-weight: 300; color: #3a3a3a; cursor: pointer; border: solid 1px #e1e1e1; border-radius: 50px;
		}
		.tooltip_btn.active {border-color: #c51d52;}
		.image_btn {cursor: pointer;}
		img {width: 52px; height: 52px;}
		.tooltip_text {display: none;}
		.tooltip_text.show {display: block !important; animation: fadeIn 0.5s ease-out;}
	}


	/* Client logos */
	#clients-logo .av-masonry-entry .av-inner-masonry {
		margin: 25px; filter: grayscale(1); opacity: 0.3; transition: all 0.5s;
		&:hover {filter: grayscale(0); opacity: 1;}
	}
	
	
/* ======================================================================================================================================================
# Footer
====================================================================================================================================================== */

	#newsletter .tnp-submit:before, #footer .phone:before, #footer .e-mail:before {position: absolute; top: 50%; text-align: center; width: 18px; height: 18px; line-height: 18px;}


	/* Newsletter*/
	#top #newsletter {
		
		.template-page:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #414141;}
		.widget {padding-bottom: 0px;}

		form {display: flex; margin: 0;}

		form input[type="text"], form input[type="email"] {
			margin-bottom: 0px; padding: 4px 0 4px 12px !important; height: 32px; background: transparent !important; 
			font-size: 12px !important; font-weight: 600; color: #ffffff !important; border-color: #6c7073 !important; border-radius: 4px 0 0 4px !important;
		}
		
		.tnp-submit {
			position: relative; width: 32px; height: 32px; background: #6c7073; font-size: 0; color: #ffffff; cursor: pointer; border: none; border-radius: 0 4px 4px 0;
		}
		.tnp-submit:before {
			content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
			width: 16px; height: 16px;
			background-color: currentColor;
			-webkit-mask-position: center; mask-position: center;
			-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
			-webkit-mask-size: contain; mask-size: contain;
			-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 32'%3E%3Cpath d='M0.96 8.448q-1.024-0.576-0.896-1.28 0.064-0.448 0.832-0.448h27.072q1.216 0 0.64 1.024-0.256 0.448-0.768 0.704-0.448 0.192-6.144 3.264t-5.824 3.136q-0.512 0.32-1.472 0.32-0.896 0-1.472-0.32-0.128-0.064-5.824-3.136t-6.144-3.264zM28.16 11.648q0.64-0.32 0.64 0.32v11.776q0 0.512-0.544 1.024t-1.056 0.512h-25.6q-0.512 0-1.056-0.512t-0.544-1.024v-11.776q0-0.64 0.64-0.32l12.288 6.4q0.576 0.32 1.472 0.32t1.472-0.32z'/%3E%3C/svg%3E");
			mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 32'%3E%3Cpath d='M0.96 8.448q-1.024-0.576-0.896-1.28 0.064-0.448 0.832-0.448h27.072q1.216 0 0.64 1.024-0.256 0.448-0.768 0.704-0.448 0.192-6.144 3.264t-5.824 3.136q-0.512 0.32-1.472 0.32-0.896 0-1.472-0.32-0.128-0.064-5.824-3.136t-6.144-3.264zM28.16 11.648q0.64-0.32 0.64 0.32v11.776q0 0.512-0.544 1.024t-1.056 0.512h-25.6q-0.512 0-1.056-0.512t-0.544-1.024v-11.776q0-0.64 0.64-0.32l12.288 6.4q0.576 0.32 1.472 0.32t1.472-0.32z'/%3E%3C/svg%3E");
		}
		
	}


	body.home #footer {padding: 15px 0 0 0;}

	#footer {
		
		padding: 40px 0 0 0;
			
		.container {padding-bottom: 15px;}
		.container:before {content: ''; position: absolute; bottom: 5px; left: 50px; width: calc(100% - 100px); height: 1px; background: #6c7073; visibility: visible;}
		.widget {margin: 0 0 15px 0;}
		
		h3.widgettitle {margin-bottom: 20px; font-size: 14px; font-weight: 600; letter-spacing: 0px; text-transform: none;}
		
		.textwidget {font-size: 12px; line-height: 30px;}
		.widget_nav_menu ul li a {font-size: 12px; text-decoration: none;}
		
		.phone, .e-mail {position: relative; margin-bottom: 5px; padding-left: 30px; line-height: 24px;}
		.phone:before, .e-mail:before {
			content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px;
			width: 18px; height: 18px;
			background-color: currentColor;
			-webkit-mask-position: center; mask-position: center;
			-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
			-webkit-mask-size: contain; mask-size: contain;
			-webkit-mask-image: var(--icon); mask-image: var(--icon);
		}
		
		.phone:before {
			transform: scaleX(-1);
			--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 32'%3E%3Cpath d='M14.752 17.92q5.184-5.184 3.776-6.592l-0.256-0.256q-0.96-0.96-1.312-1.536t-0.128-1.728 1.568-2.816q0.64-0.768 1.184-1.248t1.12-0.512 0.96-0.032 0.928 0.416 0.768 0.576 0.832 0.8 0.672 0.704q1.536 1.536-0.192 6.208t-6.528 9.408q-4.8 4.8-9.44 6.56t-6.176 0.224q-0.064-0.064-0.736-0.704t-0.8-0.8-0.576-0.768-0.416-0.992 0.064-0.96 0.48-1.12 1.216-1.184q1.344-1.088 2.24-1.504t1.728-0.064 1.12 0.576 1.248 1.184q1.408 1.408 6.656-3.84z'/%3E%3C/svg%3E");
		}
		.e-mail:before {
			--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 32'%3E%3Cpath d='M0.96 8.448q-1.024-0.576-0.896-1.28 0.064-0.448 0.832-0.448h27.072q1.216 0 0.64 1.024-0.256 0.448-0.768 0.704-0.448 0.192-6.144 3.264t-5.824 3.136q-0.512 0.32-1.472 0.32-0.896 0-1.472-0.32-0.128-0.064-5.824-3.136t-6.144-3.264zM28.16 11.648q0.64-0.32 0.64 0.32v11.776q0 0.512-0.544 1.024t-1.056 0.512h-25.6q-0.512 0-1.056-0.512t-0.544-1.024v-11.776q0-0.64 0.64-0.32l12.288 6.4q0.576 0.32 1.472 0.32t1.472-0.32z'/%3E%3C/svg%3E");
		}
		
	}
	
	/* Socket */
	#socket {font-size: 12px; font-weight: 400;}
	#socket .container {padding-top: 20px; padding-bottom: 20px;}
	#socket a {text-decoration: underline;}

	
	

	
	

/* ======================================================================================================================================================
# Cookies
====================================================================================================================================================== */

	/* Opóźnienie: ukryty od startu, custom-scripts.js dokłada .fwt-cookie-visible po 7 s */
	#top .avia-cookie-consent-wrap {
		
		opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility 0s linear .5s;

		&.fwt-cookie-visible {
			opacity: 1; visibility: visible; transition: opacity .5s ease, visibility 0s;
		}

		/* Bez JS baner widoczny od razu */
		@media (scripting: none) {
			opacity: 1; visibility: visible;
		}

		/* Bez animacji dla osób, które ją wyłączyły w systemie */
		@media (prefers-reduced-motion: reduce) {
			&, &.fwt-cookie-visible { transition: none; }
		}
	}

	/* Wygląd banera */
	#top .avia-cookie-consent {
		padding: 2rem 0 !important;

		> .container { max-width: 100% !important; }

		.avia_cookie_text { display: block; margin-bottom: 15px; width: 100%; line-height: 16px; font-size: 14px; }

		a.avia-button { margin: 5px; padding: 0.5rem 1rem; background: #ffffff; font-size: 13px; color: #1a1a1a; border-radius: 50px; }
		a.avia-button:hover { background: #c51d52; color: #fff; }
	}





	
