html {
	
	--fb-color: #1b74e4;
	--yt-color: #ff0000;
	--color1 : #000000;
	--color2 : #f9e401;
	--color3 : #717069;
	--color4 : #d7d6d0;
	
	/* global sizes */
	--site-width: 1200px;
	--site-width-margin2: 1230px;
	--site-width-with-margins: 1280px;
	--site-horizontal-margin: 40px;
	--site-horizontal-margin2: 25px;
	--site-horizontal-margin2a: 15px;
	--site-paddings:20px;
	--html-font-size: 14px;
	--global-radius:10px;
	--global-box-shadow-offset: 15px;
	--global-box-shadow-blur: 35px;
	--global-box-shadow-spread: 0px;
	--global-box-shadow-color: #dcdcdc;
	
	/* body colors */
	--body-font-color:#000000;
	--body-background-color: #f4f4f4;	

		/* cookies */
		--cookies-paddings:var(--site-paddings);
		--cookies-heading-color:var(--color1);
		--cookies-heading-font-size:18px;
		--cookies-text-color:var(--color1);
		--cookies-text-font-size:14px;
		--cookies-button-font-size:14px;
		--cookies-button1-text-color:var(--color1);
		--cookies-button1-bg-color:var(--color2);
		--cookies-button1-text-color2:#ffffff;
		--cookies-button1-bg-color2:var(--color1);
		--cookies-button2-text-color:var(--color1);
		--cookies-button2-bg-color:transparent;
		--cookies-button2-text-color2:#ffffff;
		--cookies-button2-bg-color2:var(--color1);
	
		/*header*/
		--header-background-color:var(--body-background-color);
		--header-full-height:80px;
		--header-full-logo-max-height:56px;
		--header-full-height:min(140px, max(80px, 10.77vw));
		--header-full-logo-max-height:min(98px, max(56px, 7.54vw));
		--header-scrolled-height:70px;
		--header-scrolled-height:min(110px, max(70px, 8.46vw));
		--header-scrolled-logo-max-height:49px;
		--header-scrolled-logo-max-height:min(77px, max(49px, 5.92vw));
		--header-nav-elements-height:40px;
		--header-nav-font-size:15px;
		--header-nav-toggle-font-size:24px;
		--header-nav-toggle-color:var(--color1);
		--header-nav-toggle-color2:#ffffff;
		--header-nav-toggle-bg-color:var(--color2);
		--header-nav-toggle-bg-color2:var(--color1);
		--header-nav-social-font-size:22px;
		--header-nav-social-color:var(--color1);
		--header-nav-social-color2:var(--color3);
		--header-nav-color:var(--color1);
		--header-nav-color2:var(--color1);
		--header-nav-bg-color:var(--color2);
		--header-nav-padding:15px;
		
		/*mobile mainmenu */
		--moble-mainmenu-bg: var(--color1);
		--moble-mainmenu-color: #ffffff;
		--moble-mainmenu-color2: var(--color2);
		--moble-mainmenu-font-size: 24px;
		--moble-mainmenu-toggle-color: var(--color1);
		--moble-mainmenu-toggle-color2: var(--color1);
		--moble-mainmenu-toggle-bg-color: var(--color2);
		--moble-mainmenu-toggle-bg-color2: #ffffff;

		/* home top */
		--home-top-background:var(--body-background-color);
		--home-top-vertical-padding: 50px;
		--home-top-vertical-padding: min(100px, max(50px, 7.7vw));
		
		--home-top-slogan1-font-size:14px;
		--home-top-slogan1-font-size:min(16px, max(14px, 1.23vw));
		--home-top-slogan1-color:var(--color1);
		--home-top-slogan1-bg:var(--color2);
		
		--home-top-slogan2-font-size:28px;
		--home-top-slogan2-font-size:min(40px, max(28px, 3.077vw));
		--home-top-slogan2-color:var(--color1);
		
		--home-top-slogan3-font-size:13px;
		--home-top-slogan3-font-size:min(15px, max(13px, 1.154vw));
		--home-top-slogan3-color:var(--color1);
		
		--home-top-slogan4-font-size:13px;
		--home-top-slogan4-font-size:min(15px, max(13px, 1.154vw));
		--home-top-slogan4-color:var(--color1);
		--home-top-slogan4-color2:var(--color1);
		--home-top-slogan4-color3:var(--color2);
		
		--home-top-loading-height:50vw;
		--home-top-loading-size:45px;
		--home-top-loading-color:var(--color1);
		--home-top-mobile-max-height: 100vh;
		
		
		
		
		
		
	
		/* page */
		--page-background-color: #ffffff;
		--page-section-vertical-paddings: 100px;
		--page-block-top-padding: 40px;
		
			/* section heading */
			--section-heading-size1:42px;
			--section-heading-size2:16px;
		
			/* page heading */
			--page-heading-line-color:var(--color2);
			--page-heading-line-height:2px;
			--page-heading-bg:#ffffff;
			--page-heading-color:var(--color1);
			--page-heading-color2: var(--color3);
			--page-heading-color3: var(--color2);
			--page-heading-top-padding:20px;
			--page-heading-vertical-padding:20px;
			
			/* page content */
			--page-content-vertical-paddings: 45px;
			--page-content-background: #ffffff;
			--page-content-background2: #efefef;
			
				/* block team */
				--block-team-image-bg: #efefef;
				--block-team-text-color: #000000;
				--block-team-text2-color: #939393;
				--block-team-text3-color: #f9c201;
				--block-team-text4-color: #f9c201;
				--block-team-text5-color: #ffffff;
				--block-team-text5-bg: #000000;
				--block-team-text5-color-hover: #f9c201;
				--block-team-text5-bg-hover: #ffffff;
				--block-team-text-size: 18px;
				--block-team-text2-size: 15px;
				--block-team-text3-size: 16px;
				--block-team-text4-size: 13px;
				--block-team-text5-size: 13px;
				--block-team-hover-bg: #f9c201;
				--block-team-hover-color: #ffffff;
				
			
				/* block person */
				--block-person-text-heading1: #f9c201;
				--block-person-text-heading2: #000000;
				--block-person-image-bg: #efefef;
				--block-person-tel-size: 24px;
				--block-person-tel-color: #000000;	
				--block-person-tel-color-hover: #f9c201;
				--block-person-email-size: 15px;
				--block-person-email-color: #a0a0a0;
				--block-person-email-color-hover: #f9c201;
			
				/* block faq */
				--block-faq-name-font-color: #000000;
				--block-faq-name-bg-color: #efefef;
				--block-faq-name-font-color-hover: #ffffff;
				--block-faq-name-bg-color-hover: #000000;
				--block-faq-name-font-color-open: #ffffff;
				--block-faq-name-bg-color-open: #f9c201;
				--block-faq-name-font-size:16px;
				--block-faq-content-vertical-padding:35px;
				
				/* block pages */
				--block-pages-date:#939393;
				--block-pages-name:#000000;
				--block-pages-description:#676767;
				--block-pages-description-a:#f9c201;
				--block-pages-description-a-hover:#000000;
				--block-pages-more: #ffffff;
				--block-pages-more-hover:#ffffff;
				--block-pages-more-bg:#f9c201;
				--block-pages-more-bg-hover:#000000;
				
				/* block pagination */
				--block-pages-pagination-font-size: 15px;
				--block-pages-pagination-disabled-color: #aaa9ac;
				--block-pages-pagination-disabled-bg: #efefef;
				--block-pages-pagination-enabled-color: #000000;
				--block-pages-pagination-enabled-bg: #efefef;
				--block-pages-pagination-enabled-color-hover: #ffffff;
				--block-pages-pagination-enabled-bg-hover: #000000;
			
			
			--form-dodatki-font-sizea:18px;
			--form-dodatki-font-size:14px;
			--form-dodatki-font-size2:16px;
			--form-dodatki-font-size3:13px;
			
			
			/* home products */
			
			--products-centerbutton-size:30px;
			
			--products-list-element-width:210px;
			--products-list-min-width:220px;
			--products-list-max-width:260px;
			--products-list-inner-padding:15px;
			--products-list-bg: #ffffff;
			--products-list-name-color:var(--color1);
			--products-list-name-size:18px;
			--products-list-name2-color:var(--color1);
			--products-list-name2-bg:var(--color2);
			--products-list-name2-size:24px;
			--products-list-name3-color:var(--color3);
			--products-list-name3-size:14px;
			
			--products-list-lic-size:15px;
			--products-list-lic-bg:var(--color1);
			--products-list-lic-color:#ffffff;
			
			--products-list-spec-size:14px;
			--products-list-spec-color:var(--color1);
			--products-list-spec-line-color:#ebebeb;
			--products-list-price-size:42px;
			--products-list-price-color:var(--color2);
			--products-list-price-size2:15px;
			--products-list-price-color2:var(--color1);	
			--products-list-more-size:15px;
			--products-list-more-color:var(--color1);
			--products-list-buttons-size:15px;
			--products-list-buttons-pagination-color:#b6b6b6;
			--products-list-buttons-pagination-color2:var(--color1);
			--products-list-buttons-offer-color1:var(--color1);
			--products-list-buttons-offer-color2:var(--color2);
			--products-list-buttons-offer-color1-hover:#ffffff;
			--products-list-buttons-offer-color2-hover:var(--color1);
			
			--products-list-heading-color:var(--color1);
			--products-list-heading-size:24px;
			
			--products-list-checker-fontsize: 15px;
			--products-list-checker-color: var(--color1);
			--products-list-checker-bg: #dddddd;
			--products-list-checker-color2: var(--color1);
			--products-list-checker-bg2: var(--color2);
			--products-list-checker-color-hover: #ffffff;
			--products-list-checker-bg-hover: var(--color1);
			
			/* page offer */
			--page-offer-background-color: #ffffff;
			
			/* infotable */
			--infotable-border-color: #d7d6d0;
			--infotable-paddings:15px;
			--infotable-paddings2:25px;
			--infotable-heading-bg: #efeee8;
			--infotable-heading-color: #000000;
			--infotable-heading-size: 18px;
			--infotable-color: var(--color1);
			--infotable-color2: var(--color3);
			--infotable-rowsize: 15px;
			--infotable-ask-size:15px;
			--infotable-ask-color:var(--color1);
			--infotable-ask-bg:var(--color2);
			--infotable-ask-color-hover:#ffffff;
			--infotable-ask-bg-hover:var(--color1);
			
		
	
		/* footer */
		--footer-background:#000000;
		--footer-text-color:#ffffff;
		--footer-text-hover-color:#f9c201;
		--footer-logo-size:120px;
		--footer-company-text-size1:15px;
		--footer-company-text-size2:20px;
		--footer-company-text-size3:14px;
		--footer-company-text-size4:14px;
		--footer-company-text-size5:11px;
		--footer-created-text-color:#77757a;
	
	/* description style */
	--description-style-margin-top: 40px;
	--description-style-font-size: 15px;
	--description-style-font-color: #000000;
	--description-style-h1-size: 34px;
	--description-style-h2-size: 30px;
	--description-style-h3-size: 26px;
	--description-style-h4-size: 22px;
	--description-style-h5-size: 18px;
	--description-style-h1-color: #f9c201;
	--description-style-h2-color: #000000;
	--description-style-h3-color: #f9c201;
	--description-style-h4-color: #000000;
	--description-style-h5-color: #f9c201;
	
}

@media only screen and (max-width:1100px){
	html {
		
		/* page */
		--page-section-vertical-paddings: 90px;

		
	}
}
@media only screen and (max-width:950px){
	html {
		
		/* page */
		--page-section-vertical-paddings: 80px;
		
			/* section heading */
			--section-heading-size1:36px;
			--section-heading-size2:15px;
		


		
	}
}
@media only screen and (max-width:850px){
	html {
		
		/* page */
		

			
	}
}


@media only screen and (max-width:750px){
	html {
		
		/* page */
		--page-section-vertical-paddings: 70px;
		
			/* section heading */
			--section-heading-size1:32px;
			--section-heading-size2:14px;
		

		
	}
}


@media only screen and (max-width:600px){
	html {
		
		/* page */
		--page-section-vertical-paddings: 65px;
		

			
	}
}