/* red-hat-display-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-regular.svg#RedHatDisplay') format('svg'); /* Legacy iOS */
}
/* red-hat-display-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-500.svg#RedHatDisplay') format('svg'); /* Legacy iOS */
}
/* red-hat-display-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-600.svg#RedHatDisplay') format('svg'); /* Legacy iOS */
}
/* red-hat-display-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-700.svg#RedHatDisplay') format('svg'); /* Legacy iOS */
}
/* red-hat-display-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-800.eot'); /* IE9 Compat Modes */
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-800.svg#RedHatDisplay') format('svg'); /* Legacy iOS */
}
/* red-hat-display-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-900.eot'); /* IE9 Compat Modes */
  src: url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/redhat/red-hat-display-v19-latin_latin-ext-900.svg#RedHatDisplay') format('svg'); /* Legacy iOS */
}
/*================================== GLOBAL ==================================*/
body { font-family: Red Hat Display, sans-serif;  font-weight: 400; color: #000; background-color: #fff;  }
body b { font-weight: 600; }
body strong { font-weight: 800; }
body.block{overflow-y: hidden !important; }
.font-xx-small { font-size: 9px; line-height: 16px;}
.font-x-small { font-size: 14px; line-height: 19px;}
.font-small { font-size: 13px;  line-height: 20px;}
.font-medium { font-size: 16px; line-height: 25px;}
.font-text  { font-size: 17px; line-height: 25px;}
.font-menu  { font-size: 20px; line-height: 25px;}
.font-menu-sub  { font-size: 18px; line-height: 20px;}
.font-form {  font-size: 17px; line-height: 25px; }
.font-large	{ font-size:20px; line-height: 27px;}
.font-x-large { font-size: 22px; line-height: 30px;}	 
.font-xx-large { font-size: 30px; line-height: 40px;}	
.font-xxx-large { font-size: 50px; line-height: 60px;}	
.font-header { font-size: 30px; line-height: 40px; }	
.font-headerBorderNo { font-size: 30px; line-height: 30px; padding-bottom: 30px;  color: #f46500; }	

a { color: #505050; }
a:hover { color: #f46500;}
.back-top {
    float: right;
    position: fixed;
    right: 37px;
    bottom: 20px;
    z-index: 9998;
	color: #000;
	font-weight: 800;
	text-align: center;
	cursor: pointer;
	display: none;
	background-color: #e7e7e7;
	padding: 10px;
}
.back-top img { width: 15px; height: auto;}
.back-top:hover  {  -webkit-animation: animateTop 3s infinite;  animation: animateTop 3s infinite; }


.colorMain { color:yellow; }

/*================================ GLOBAL END ===============================*/

/*================================= HEADER ==================================*/
header {  position: absolute; z-index: 10; left: auto; right: auto; margin: 0 auto; width: 100%; background-color: #fff;  padding-bottom: 10px;}
header nav { float: right;  padding: 10px 50px 20px 0px;  font-family: Red Hat Display, sans-serif; }
header nav li { display:inline-block;  text-align: center;  cursor: pointer;  padding: 0; }
header nav li a { float:left; color: #000000; padding: 2px 8px 2px 8px; letter-spacing: -0.5px;  font-weight: 500; position: relative; }
header nav li a:hover { color: #ffffff; }
header nav li a:before {  content: "";  z-index: -1; position: absolute; width: 100%;  height: 30px;  bottom: 0;  left: 0;  background-color:  #f46500;  visibility: hidden;  transform: scaleY(0);  transition: 0.05s linear; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
header nav li a:hover:before {   visibility: visible;  transform: scaleY(1); }
header nav li.lang a {padding: 2px 4px 2px 4px; }
header nav li.lang a:before  { background-color: #fff; } 
header nav ul li:hover ul{ display: block;   visibility: visible;    opacity: 1;  transition-delay: 0s; }	
header nav ul ul{ opacity: 0;  z-index: 9999; visibility: hidden; position:absolute; top: 150px; left: 0; 	width: 100%; text-align: left; border-bottom: 20px solid #ffffff; padding: 20px 20px 20px 20px; min-height: 100px; background-color: #f46500; transition-delay: 200ms;}
header nav ul ul .nag { float: left; width: 100%; color: #fff; font-weight: 800; padding: 20px;  }
header nav ul ul.sub-menu { }
header nav ul ul img  {  width: 150px; filter: invert(93%) sepia(0%) saturate(28%) hue-rotate(101deg) brightness(106%) contrast(106%); }
header nav ul ul .img { float: left; width: 250px; text-align: center; }
header nav ul ul .other {float: left;  width: calc(100% - 250px);  display: flex; flex-wrap: wrap; padding: 20px;  }
header nav ul ul li { text-align: left;  width: 31%; padding: 6px 2px; margin: 0 1%; border-bottom: 1px solid #ba000b; }
header nav ul ul li:hover {  border-bottom: 2px solid #ba000b; } 
header nav ul ul li a {float: left; color: #fff;font-weight: 600; padding: 10px; background: none; width: 100%; height: 100%;  display: flex;   align-items: center; }
header nav ul ul li a:hover { color: #fff; background-color: #ba000b; }
header nav ul ul li a:before { height: 0px; }
.mobile-menu .menu-line:nth-child(1), .mobile-menu .menu-line:nth-child(3) {    width: 23px; }
.mobile-menu .menu-line:nth-child(2) { width: 30px; }
.mobile-menu .menu-line { float: right; display: block;  height: 4px;   background-color: #000;  margin: 1px 0 2px auto;  -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -ms-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out;	transition:all 0.15s ease-in-out; }
.mobile-menu-box:hover .menu-line {	width:30px;}
.mobile-menu { float: right;width: 40px; }
.mobile-menu-box {font-family: Red Hat Display, sans-serif; width: 50px; cursor: pointer; position: absolute;  top: 93px; right:0; padding: 10px 0 0 0; }
.mobile-menu-box b { float: left; width: 40px; padding-right: 10px;}
.mobile-menuBox { display: none; background-color: #f5f5f5;overflow-y:scroll;width:100%;height:100%;position: fixed; z-index:9000; padding: 90px 30px 30px 30px; -webkit-animation:fadeIn 0.2s ease;-moz-animation:fadeIn 0.2s ease;-o-animation:fadeIn 0.2s ease;animation:fadeIn 0.2s ease;}
.mobile-menuBox ul { display: block;padding:0;margin: 0;width: 100%;  }
.mobile-menuBox li { display: inline-table; width: calc(100% - 20px);padding: 10px 10px; font-weight: 800; margin: 0; }
.mobile-menuBox li a { float: left; font-size: 35px; line-height: 37px; width: 100%; padding: 5px 0; color: #000; }
.mobile-menuBox li a:hover { color: #f46500; }
.mobile-menuBox ul.sub-menu  { float: left; list-style: square; padding-top: 5px; }
.mobile-menuBox ul.sub-menu li {  display: inline-table;width: 100%; padding:2px 0px; font-weight: 400; }
.mobile-menuBox ul.sub-menu li a { padding: 0 2px 0 30px; font-size: 30px; line-height: 32px;}
.mobile-menuBox ul.sub-menu li:hover  { padding-left: 10px; }
.mobile-menuBox ul ul .img, .mobile-menuBox ul ul .nag { display: none; }
.mobile-menuBox li.home img {filter: invert(53%) sepia(5%) saturate(611%) hue-rotate(340deg) brightness(90%) contrast(82%); } 
.mobile-menuBox li.shop img {filter: invert(53%) sepia(5%) saturate(611%) hue-rotate(340deg) brightness(90%) contrast(82%);  width: 30px;} 
.mobile-menuBox li.lang img  { vertical-align:top; width: 95px; margin-right: 0px; } 
.mobile-menuBox a { color: #000;  }
.mobile-menuBox .show { display: none; }
.mobile-menuClose { float: right; cursor: pointer; font-size: 40px; position: absolute; top: 15px; right: 15px; color: #000; }
.mobile-menuBox li.phone img { vertical-align:middle; max-width: 20px; width: 100%; height: auto; margin-right: 5px; margin-bottom: 5px; } 
header.navigationScroll .mobile-menu-box, header.navigationPage .mobile-menu-box { top: 10px;  }
header.navigationScroll, header.navigationPage { position: fixed; min-height: 55px; z-index: 9999; background-color: #fff; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.05);
-webkit-animation: fadeInDown 0.8s infinite;  animation: fadeInDown 0.8s infinite; animation-iteration-count: 1; padding-bottom: 0px; } 
header.navigationScroll nav, header.navigationPage nav  { padding: 15px 0px 8px 0px; text-align: left;  }
header.navigationScroll nav li a, header.navigationPage  nav li a  { padding: 2px 8px 2px 8px;}
header.navigationScroll nav li a img, header.navigationPage  nav li a img {  height: auto; }
header.navigationScroll nav li > span:before, header.navigationScroll nav li > a span:before {  display: none; }
header.navigationScroll nav ul ul, header.navigationPage nav ul ul {  top: 59px; height: auto; }
header.navigationScroll .mobile-menu-box { display: none; }
header.navigationScroll .menuTop { display: none; }





header .logo { float: left; padding: 0px 0 10px 0px; font-size: 25px; line-height: 27px; font-weight: 700; }
header .logo a span { float: left; padding-top: 20px; } 
header .logo a { color: #000; }
header .logo img { height: 50px; float: left; padding-right: 20px;  }
header.navigationScroll .logo {  padding: 25px 0 0px 20px; }
header.navigationScroll .logo img {height: 20px;  }

header nav li.home { padding: 0; }
header nav li.home a { padding: 2px 5px; }
header nav li.home a img { filter: invert(47%) sepia(84%) saturate(4386%) hue-rotate(0deg) brightness(102%) contrast(106%); width: 15px; }
header nav li.home:hover a img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }
.mobile-menuBox li.home a img { width: 30px; }
header .menuTop { float: left; width: 100%;   background-color: #f7f7f7; position: relative; margin-bottom: 50px; }
header .menuTop a.phone  {  position: absolute; overflow:hidden; right: 0; top: 0;   padding: 5px 10px; color: #000; font-weight: 800; z-index: 1; }
header .menuTop a.phone:hover { background-color: #000; color: #fff;}
header .menuTop a.phone img { height: 20px; width: auto; vertical-align:middle; margin: 0 5px; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(132deg) brightness(105%) contrast(105%);}
ul.header-info  { display:inline-block; width: 100%; margin: 0;}
ul.header-info a { color: #535353; font-weight: 500; }
ul.header-info a:hover { color: #000;}
ul.header-info li { margin-right: 10px; }
ul.header-info li.info { padding-top: 5px; cursor: pointer; display:inline-block;  }
ul.header-info li.info img { height: 20px; width: auto; vertical-align:middle; margin: 0 5px;}
ul.header-info li.info a { font-weight: 900; } 
ul.header-info li.info a small { font-weight: 500; } 
ul.header-info li.wcag { float: right;  cursor: pointer; display:inline-block; padding: 5px 0 5px 8px;  }
ul.header-info li.wcag img { height: 15px; width: auto; vertical-align:middle; margin: 0 3px;}
ul.header-info li.social { float: left;  cursor: pointer; display:inline-block; padding: 0 3px;  }
ul.header-info li.social img { height: 20px; width: auto; vertical-align:middle; margin: 0 3px;}
ul.header-info li.shop img  { vertical-align:top; width: 25px; margin-right: 0px; } 
ul.header-info li.shop:hover a img  { filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(310deg) brightness(110%) contrast(94%); } 

header nav li.logo a { padding: 0 10px; }
header nav li.logo a:before { height: 0px; }
.mobile-menuBox li.logo { display: none; }
header.navigationScroll li.logo { display: none; }
.infoBoxContent { min-height: 30px !important; }


/*=============== COOKIE ===============*/
.cookie div { display: inline-block; padding: 10px; background-color: #656565; color: #fff; cursor: pointer; margin-top: 20px; }
.cookie div:hover { background-color: #2e2e2e; color: #fff;  } 
/*============= COOKIE END =============*/



/*=============================== HEADER END ================================*/

/*================================= SLIDER ==================================*/

/*=============================== SLIDER END =================================*/

/*================================== MAIN ==================================*/
main { width: 100%;float: left;  min-height: 200px; background-color: #ffffff; padding-top: 170px;}
main.page {padding-top: 150px;}
main .content1500 { padding: 0;}
.radius15 { -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
.row {  display: flex; flex-wrap: wrap;}




/*================================ MAIN END ================================*/


/*================================ ARTICLE =================================*/
.globalNewsListHome { padding: 30px 30px 40px 30px; }
.globalNewsListHome article { width: 100%; float: left;}
.globalNewsListHome article:nth-child(2) {margin-top: 50px; }
.globalNewsListHome article .img {  position: relative; overflow: hidden; border: 1px solid #d6d6d6;   } 
.globalNewsListHome article .img img { width: 100%; height: auto;   } 
.globalNewsListHome article .blank { height: 280px; }
.globalNewsListHome article .img.blank img { width: 300px; height: auto;  position: absolute;   left: 50%;    top: 50%; transform: translate(-50%, -50%);  }
.globalNewsListHome article h3 { color: #000; padding: 30px 0 10px 0; float: left; width: 100%; }
.globalNewsListHome article:hover h3 { color: #f46500;} 
.globalNewsListHome article:hover .text { color: #000; }
.globalNewsListHome article .date {  border-bottom: 3px solid #f46500; padding: 10px 0; width: 150px; float: left; margin-bottom: 20px; } 
.globalNewsListHome article .date img { width: 13px; vertical-align:middle; margin-right: 10px; }
.globalNewsListHome article .text { padding-top: 20px; }
.globalNewsListHome .col-6:first-child { padding-right: 20px; }
.globalNewsListHome .col-6:nth-child(2) { padding-left: 20px; }

.globalNewsListHome .row .col-4 { padding: 0px 20px 50px 20px; }
.globalNewsListHome .row .col-6 { padding: 0px 20px 80px 20px; }
.globalNewsListHome .row .col-3 { padding: 0px 20px 50px 20px; }


.globalNews article { max-width: 1000px; padding-top: 50px; margin:0px auto;  display: block;}
.globalNews  h1 { letter-spacing: -0.5px; line-height: 45px; color: #f46500; padding-bottom: 50px;} 
.globalNews .date { color: #858585; padding-bottom: 20px;   }
.globalNews .date img  { width: 100%; height: auto;vertical-align:middle; max-width: 10px;  }
.globalNews .galeria { padding-top: 40px; display: inline;}
.globalNews .galeria img { }
.globalNews .iframe { padding: 20px; text-align: center; background-color:#f0f0f0; margin-bottom: 30px; display: inline; }
.globalNews .kiedy { background-color: #000; padding: 20px; color: #fff; margin-top: 20px; }
.globalNews .imgMain { float: left; width: 100%;  margin: 20px auto; text-align: center; overflow: hidden;  }
.globalNews .imgMain3 img  { width: 100%; height: auto;  max-width: 1200px;  }
.globalNews .imgMain img  { width: 100%; height: auto; max-width: 600px; border: 1px solid #d6d6d6;}
.globalNews .paddingBottom { padding-bottom: 100px; }

/*============================== ARTICLE END ===============================*/
/*============================== MODULE ===============================*/
.globalForm .rightBox { padding-left: 20px; }
.globalForm .leftBox { padding-right: 20px; }
.globalForm .inputForm { position: relative; } 
.globalForm .inputForm input, .globalForm .inputForm textarea, .globalForm .inputForm select {  width: 100%;  border: 1px solid #d6d6d6; padding: 15px; margin-bottom: 20px; font-weight: 400; font-family: Red Hat Display, sans-serif; }
.globalForm .inputForm textarea {  width: 100%; height: 133px;}
.globalForm .inputForm select {  width: 95%; height: 57px;}
.globalForm .inputForm label.name { position: absolute; z-index: 1; left: 10px; top: -2px; font-size: 13px; cursor: text; background-color: #fff; line-height: 13px; padding: 0 10px; opacity: 0;}
.globalForm .inputForm input:focus + label, .globalForm .inputForm input:valid + label,  .globalForm .inputForm textarea:focus + label, .globalForm .inputForm textarea:valid + label  {opacity: 1;}
.globalForm .inputForm input:focus, .globalForm .inputForm textarea:focus    {border: 1px solid #f46500;  } 
.globalForm *::placeholder {  color: #000; }
.globalForm .inputForm label.error  { position: absolute; z-index:2; top:-5px; left: 10px; color: #f46500;  font-weight: 500; opacity: 1;  padding: 0 10px; background-color: #fff; font-size: 15px; }
.globalForm .button { float: left; cursor: pointer; margin-top: 15px; color:#fff; font-family: Red Hat Display, sans-serif;  font-weight: 800; border: 0; padding: 10px; width: 100%; background-color: #f46500; 	}
.globalForm .button:hover { background-color: #b50000;  }
.globalForm .button img { width: 35px; vertical-align:middle; margin-right: 10px;  filter: invert(98%) sepia(100%) saturate(15%) hue-rotate(138deg) brightness(104%) contrast(101%); }
.globalForm .zgody { position: relative; padding-top: 5px;  padding-left: 10px;}
.globalForm .zgody input { margin-top: 2px; margin-right: 10px; }
.globalForm .zgody b { font-weight: 600; } 
.globalForm .zgody input { position:absolute; z-index: 1; opacity: 0;  left: 0;cursor: pointer;  height: 70px;  width: 70px;}
.globalForm .zgody .checkmark { float: left; position: relative; height: 50px;  width: 40px;  border: 0; margin: 5px 10px 5px 0; background-color: #d6d6d6; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.globalForm .zgody:hover input ~ .checkmark {  background-color: #ccc;}
.globalForm .zgody input:checked ~ .checkmark {  background-color: #f46500; }
.globalForm .zgody .checkmark:after {  content: "";  position: absolute;  display: none;}
.globalForm .zgody input:checked ~ .checkmark:after {  display: block;}
.globalForm .zgody .checkmark:after {  left: 9px;  top: 12px;  width: 15px;  height: 15px;  border: solid white;  border-width: 0 8px 8px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
.globalForm .zgody label.error  { position: relative; color: #f46500;  font-weight: 500; opacity: 1;   }
.form-wrap { position: absolute; left: -5000px; width: 1px; height: 1px; overflow: hidden; }


.globalChildren { padding: 0px 0 10px 0; }
.globalChildren .tabs ul.main { float: left; width: 100%; margin: 0 0 20px 0; padding:0; background: #fafafa;  }
.globalChildren .tabs ul.main li { display: inline; }
.globalChildren .tabs li a { background: #fafafa;  padding: 10px 2%; float:left; border-right: 5px solid #fff;  text-decoration: none; color: #000; font-weight: 600;}
.globalChildren .tabs li.ui-state-active a { background: #f46500; color: #fff;}
.globalChildren .tabs li.ui-state-active a:hover { background: #f46500; color: #fff;}
.globalChildren .tabs li a:hover { color: #252525; }
.globalChildren .tabs .text { float: left;  width: 100%; margin:0; padding: 20px; border: 0;  }
.globalChildren .tabs .text ul {  margin: 0;  padding-top: 5px; }
.globalChildren .tabs .text li { margin-left: 35px; }
.globalChildren .tabs table { float: left; width: 100%; margin-bottom: 10px; }
.globalChildren .tabs td {border-bottom: 1px solid #ebebeb; padding: 5px 10px;  }
.globalChildren .tabs th {border-bottom: 1px solid #ebebeb; background-color: #f2f2f2;   text-align: left; padding: 5px 10px;  }
.globalChildren .divHideMenu {  float: left; font-weight: 800;  padding: 20px; margin-bottom: 20px; border-bottom: 3px solid #f46500; width:80%;} }
.globalChildren .divHideMenu:hover {   border-bottom: 3px solid #f46500; color: #f46500;}
.globalChildren .divHideMenu.active {  border-bottom: 3px solid #f46500; color: #f46500;} 
.globalChildren .divHide .text { float: left;  width: 100%; margin:0; padding: 30px 0px 30px 20px; }
.globalChildren .divHide .text ul {  margin: 0;  padding-top: 5px; }
.globalChildren .divHide .text li { margin-left: 35px; }
.globalChildren .divHide table { float: left; width: 100%; margin-bottom: 10px; }
.globalChildren .divHide td { padding: 5px 10px;  }
.globalChildren .divHide th { background-color: #f2f2f2;   text-align: left; padding: 5px 10px;  }
.globalChildren .divHide h2 { color: #252525; padding-bottom: 50px;} 

.globalTree { width: 100%;  padding: 30px 20px 30px 20px;  float :left;}
.globalTree a { padding-right: 5px; color: #f46500; }
.globalTree b { color: #252525; }
.globalTree a img {     filter: invert(47%) sepia(84%) saturate(4386%) hue-rotate(0deg) brightness(102%) contrast(106%); width: 12px; }

.globalMenuText a { float: left; padding: 10px; border-bottom: 1px solid #d3d3d3;}
.globalMenuText a:hover { color: #252525; font-weight: 600; } 

.globalMenuPhoto a { float: left; padding: 10px; border-bottom: 1px solid #d3d3d3; height: 250px;}
.globalMenuPhoto .menuImage  { background-color: #f46500;   overflow: hidden;    width: 100%;    height: 240px;     position: relative;    display: inline-block; margin: 5px;  }
.globalMenuPhoto .menuImage img { width: 150%; height: auto;  position: absolute;  z-index: 1; left: 50%;    top: 50%;   transform: translate(-50%, -50%);}
.globalMenuPhoto .menuImage .overlay { display: inline; position: absolute; z-index: 10; background-color: #00997f;  bottom: 0px; right:0px; color: #fff; padding: 10px 10px 10px 10px; width: 100%; height: 100%; }
.globalMenuPhoto .menuImage .overlay:hover { background-color: #005e4e; color: #fff; } 
.globalMenuPhoto .menuImage .overlay span { text-align:center; font-weight: 500;  position: absolute;  z-index: 1; left: 50%;    top: 50%;   transform: translate(-50%, -50%);}
.globalMenuBox a { float: left;  padding: 0 10px 10px 10px; margin-bottom: 20px; height: 140px;}
.globalMenuBox a .menuBox {  background-color: #f46500;   overflow: hidden;  color: #fff;   width: 100%;  height: 140px;     position: relative;    display: inline-block; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.globalMenuBox a:hover .menuBox  { background-color: #000; }
.globalMenuBox a .menuBox span { text-align:center; font-weight: 500;  position: absolute;  z-index: 1; left: 50%;    top: 50%;   transform: translate(-50%, -50%);}

.globalMenuBox a.box1, .globalMenuPhoto a.box1, .globalMenuText a.box1 { width: 100%; }
.globalMenuBox a.box2, .globalMenuPhoto a.box2, .globalMenuText a.box2 { width: 50%; }
.globalMenuBox a.box3, .globalMenuPhoto a.box3, .globalMenuText a.box3 { width: 33%; }
.globalMenuBox a.box4, .globalMenuPhoto a.box4, .globalMenuText a.box4 { width: 25%; }
.globalMenuBox a.box5, .globalMenuPhoto a.box5, .globalMenuText a.box5 { width: 20%; }

.globalBoxTree {  margin-right: 30px;}
.globalBoxTree ul {float:left; list-style-type:none; width: 100%; background-color: #3b3d40; padding: 40px 30px 40px 30px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.globalBoxTree li a {float:left; border-bottom: 1px solid #656565; color: #fff;  padding: 8px 0px; width: 100%;}
.globalBoxTree li b {float:left;  padding: 8px 0px 0px 0px; width: 100%; color: #ccb6a8;}
.globalBoxTree ul ul { float:left;padding: 0px 10px 0 20px;width: 100%; }
.globalBoxTree ul ul li a  {float:left;  border: 0;width: 100%;  padding: 3px 0; }
.globalBoxTree ul ul li b  {float:left;  border: 0;width: 100%;  padding: 3px 0 0 0; }
.globalBoxTree ul ul ul { float:left;padding: 0px 10px 0 20px;width: 100%; }

.globalInfoBox { z-index:9999;position:fixed; color: #fff; right: 30px; bottom: 30px; padding: 30px; width: 300px; background: rgba(0,0,0,0.95);   border-radius: 5px; }
.globalInfoBox a { color: #fff; }
.globalInfoBox span { border-bottom:1px dotted #fff; }
.globalInfoBox .close { cursor: pointer;  right: 10px; top: 8px; position: absolute;}
.globalInfoBox a:hover .close i   {-webkit-animation:rotateIn 1.6s infinite;  animation:rotateIn 1.6s infinite; }
.globalInfoBox img { width: 10px; }

.globalInfoBoxText { color: #fff;  padding: 30px;  background: rgba(0,0,0,0.95);   border-radius: 5px; }
.globalInfoBoxText.red { background-color: #f46500; }
.globalInfoBoxText.green { background-color: #009300; }

.globalPorcjowanie { padding: 20px; text-align: center;}
.globalPorcjowanie a, .globalPorcjowanie b { padding: 10px; border:1px solid #dadada; width: 40px; text-align: center; margin-left: 1px;  font-size: 14px; display: inline-block; }
.globalPorcjowanie span a { border: 0; font-size: 12px; width: auto; display: inline-block;  }


.globalGalleryImage  { background-color: #ffffff;  border-radius: 10px;    overflow: hidden;    width: 90%;    height: 250px;     position: relative;    display: inline-block; margin: 5px;  }
.globalGalleryImage span { text-align:center; font-weight: 500;  position: absolute;  z-index: 1; left: 50%;    top: 50%;   transform: translate(-50%, -50%);}
.globalGalleryImage img {  object-fit: cover; height: 250px; width: 100%;}
.globalGalleryImage .overlay { display: none;  }
.globalGalleryImage:hover .overlay { display: inline; position: absolute; z-index: 10;  background: rgba(256,86,0,0.4);  bottom: 0px; right:0px; color: #fff; padding: 10px 10px 10px 10px; width: 100%; height: 100%; }
.globalGalleryImage:hover .overlay span { text-align:center; font-weight: 500;  position: absolute;  z-index: 1; left: 50%;    top: 50%;   transform: translate(-50%, -50%);}

.globalBoxGrid1 {  display: grid;  grid-template-columns: repeat(8, 1fr); grid-gap: 10px; padding-bottom: 20px;  }
.globalBoxGrid1__item--1 .img, .globalBoxGrid1__item--3 .img, .globalBoxGrid1__item--6 .img, .globalBoxGrid1__item--8 .img {height: 250px; }
.globalBoxGrid1__item--2 .img, .globalBoxGrid1__item--4 .img, .globalBoxGrid1__item--5 .img, .globalBoxGrid1__item--7 .img {height: 200px; }
.globalBoxGrid1__item--1 {   grid-column-start: 1;  grid-column-end: 5;  grid-row-start: 1;  grid-row-end: 5;  }
.globalBoxGrid1__item--2 {   grid-column-start: 5;  grid-column-end: 9;  grid-row-start: 1;  grid-row-end: 2; }
.globalBoxGrid1__item--3 {   grid-column-start: 1;  grid-column-end: 5;  grid-row-start: 5;  grid-row-end: 10;  }
.globalBoxGrid1__item--4 {   grid-column-start: 5;  grid-column-end: 9;  grid-row-start: 2;  grid-row-end: 9; }
.globalBoxGrid1__item--5 {   grid-column-start: 1;  grid-column-end: 5;  grid-row-start: 10;  grid-row-end: 16;  }
.globalBoxGrid1__item--6 {   grid-column-start: 5;  grid-column-end: 9;  grid-row-start: 9;  grid-row-end: 15; }
.globalBoxGrid1__item--7 {   grid-column-start: 1;  grid-column-end: 5;  grid-row-start: 16;  grid-row-end: 21;  }
.globalBoxGrid1__item--8 {   grid-column-start: 5;  grid-column-end: 9;  grid-row-start: 15;  grid-row-end: 21; }

.globalBoxFile { margin-top: 30px; padding: 40px 0 40px 0; display: block; border-top:5px solid #dadada;}
.globalBoxFile.col-12 { display: block !important; }
.globalBoxFile span {font-weight: 800; padding-bottom: 30px; } 
.globalBoxFile a {  display: block; border-radius: 10px; background-color: #f4f4f4; padding: 20px; margin-bottom: 5px;  }
.globalBoxFile a h2 {font-weight: 600; } 
.globalBoxFile small {  float: right; color: #7a7a7a; }

.globalNag { padding: 30px 0; }
.globalNag h1, .globalNag h2, .globalNag span { font-weight: 900; font-size: 30px; line-height: 40px;  font-family: Playfair Display, sans-serif; display: inline-block;}


.globalErrorSite { padding: 50px 0; }
.globalPolitykaSite { padding: 50px 0; }

.globalSiteBox { padding-bottom: 50px; }
.globalSiteBox { padding-bottom: 50px; }
.globalSiteBox .textShowImg_img { text-align: center; padding: 20px 0;}
.globalSiteBox .textShowImg_img  img { width: 100%; max-width: 800px; }
article .textShowImg_img img  { width: 100%; max-width: 800px; }


#content-main ul {  margin: 0;  padding-top: 5px; }
#content-main ul ul  {  margin-left: 35px;  padding-top: 5px; }
#content-main ul ul  ul {  margin-left: 50px;  padding-top: 5px; }
#content-main li { margin-left: 35px; }
.siteNag h1, .siteNag h2, .siteNag h3 {   font-weight: 900;  padding-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid #f46500; width: 70%;} 
.siteGallery { padding-top: 50px; }

/*============================== MODULE END ===============================*/

/*================================ FOOTER ==================================*/

footer {  width: 100%; margin: 0 auto; float: left;  padding: 80px 0; background-color: #000; color: #fff;  }
footer a {  color: #fff; }
footer a:hover {  color: #f46500;}
footer .logo { font-weight: 700; padding-bottom: 10px; }
footer .logo img {max-width: 200px; width: 100%; height: auto; } 
footer h2 { color: #f46500; font-size: 18px; padding-top: 20px;} 
footer .adres { font-weight: 700;  line-height: 24px; }
footer nav { padding-top: 10px;  }
footer nav ul { display: block;padding:0;margin: 0; }
footer nav li { display: block; padding-bottom: 2px; font-weight: 600; margin: 0; }

footer nav ul.sub-menu  {  list-style: square;}
footer nav .show { display: none; }
footer nav ul.sub-menu li { display: block;width: 100%; padding:2px 0px; font-weight: 400; }
footer nav ul.sub-menu li a { color: #fff;  }
footer nav ul.sub-menu li:hover  { padding-left: 5px; }

footer .kud { color: #fff; padding-top: 50px;} 
footer .col-4, footer .col-3 { padding: right: 20px; }
footer .social { padding-top: 50px; }
footer .social a { font-weight: 600; text-transform: uppercase;} 
footer .social img {max-width: 50px; width: 100%; height: auto;  padding-left: 10px; vertical-align:middle;  } 
.google a { background-color: #f46500; color: #fff; padding: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; ;}
.google a:hover {color: #000 !important; } 
.google a img {max-width: 30px; width: 100%; height: auto;  } 
.google { margin: 20px 0 30px 0; }

/*============================== FOOTER END ================================*/


/*================================= USER ===================================*/


header .content1400 { position: relative; padding: 0; }
.userBgGrey {  background-color: #f8f8f8; }
.userMore a { background-color:  #f46500; color: #fff; padding: 15px 25px; font-weight: 700; }
.userMore a:hover  { background-color: #4e260d;  }
.userBorderBottomGrey { border-bottom:5px solid #dadada; }
.userBorderBottomGrey .globalNewsListHome { padding: 0;}
.userPaddingBox { padding: 50px 0; }
.globalNag.paddingLeft { padding-left: 50px;}
.globalNewsListHome .userMore a { float: right; margin-top: 30px; }
.globalNews .userMore  {  margin: 50px 0; }
.mainBanner .userMore  {  margin: 40px 0 0 0; }
.globalSiteBox .globalNewsListHome { padding-top: 50px; }

.mainBanner  { padding: 0; position: relative;  }
.mainBanner h1 { text-align: center; padding-bottom: 20px;  }
.mainBanner .col-6:first-child {padding-right: 5px; } 
.mainBanner .col-6:last-child {padding-left: 5px; } 
.mainBanner .col-12 {position: relative; overflow: hidden; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; height: 350px; } 
.mainBanner img {  display: block; width: 100%; height: auto;  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;} 
.mainBanner a:hover  img { transform: scale(1.05); -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;} 
.mainBanner .textBanner  {  position: absolute; z-index: 2; left: 0;  bottom: 0px;  width: 285px;  min-height: 180px;  background: #ff6500;  color: #fff;  padding: 28px 30px;  border-radius: 60px 120px 0px 0px;  display: flex;  flex-direction: column;  justify-content: center;  box-sizing: border-box;}
.mainBanner .textBanner h2 {display:inline-block; font-size: 35px; line-height: 40px; font-weight: 800;   }
.mainBanner a:hover .textBanner { background: #fe4200; }

.mainBannerLowPrice {  display:flex;  align-items: center;  text-align: center;    background: #ececec;  -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;  padding: 0 15px; margin-bottom: 50px; }
.mainBannerLowPrice .bannerImg img { display:block;  max-width: 300px; width: 100%; }
.mainBannerLowPrice .nag1 { display:inline-block; font-size: 48px; line-height: 48px;  font-weight: 700; width: 32%;}
.mainBannerLowPrice .nag2  { display:inline-block; width: 30%;    font-size: 40px;    color: #ff5a00;    font-weight: 700; }
.mainBannerLowPrice .nag2  span { background-color:  #ff5a00; color: #fff; padding: 5px;  }
.mainBannerLowPrice .nag3 { display:inline-block;width: 40%;    font-size: 20px;    font-weight: 500;}
.mainBannerLowPrice .nag3 strong { font-size: 36px;   font-weight: 900;} 
.mainBannerLowPrice .nag3 b { font-size: 30px;   font-weight: 900;} 
.mainBannerLowPrice .nag3 b small { font-size: 20px;   font-weight: 900;} 

.offer { position: relative; padding: 2px 5px; }
.offer .box {  -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;  background: #ececec;   padding: 10px 0 30px 0; margin-top: 10px; height: 100%;      }
.offer .box:nth-child(1) { background: #d3d3d3;  }
.offer .nag1 { display:inline-block; text-align: center; font-size: 30px; line-height: 30px;  font-weight: 800; border-bottom: 1px solid #fff;  padding: 20px 0; }
.offer .nag1 small { font-size: 20px; line-height: 20px;  font-weight: 400; }
.offer .offerText  { padding: 20px 40px; text-align:left; }
.offer .offerText h3 { font-weight: 900; }
.offer .offerText .nagNoc { display:inline-block;font-weight: 500; }
.offer .offerText .nagNoc img { display: inline-block; max-width: 30px; width: 100%; vertical-align:middle; margin-right: 20px; }
.offer .offerText .noc { display:inline-block;font-weight: 900; }
.offer .offerText .opis { font-weight: 400; padding-top: 15px; }
.offer .offerText .price strong { font-weight: 900;}
.offer .offerText .price  { padding-bottom: 15px;}
.offer .labelHit { background-color:  #ff5a00; color: #fff; padding: 2px 5px; text-align: center; position: absolute; top:0 ; left:0; right:0; width: 120px; margin:0 auto;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 

.homePaddingNews { background-color: #f8f8f8; padding: 50px 0;} 




.menu_img { padding: 40px 0; text-align: center; }
.menu_img .col-4 { padding:0 10px; }
.menu_img .col-4.paddingBig { padding:30px; }
.menu_img a { color: #000; padding: 40px;   font-weight: 900;  -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -ms-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out;	transition:all 0.15s ease-in-out; }
.menu_img img { padding-bottom: 20px; width: 150px; height: auto; filter: invert(13%) sepia(81%) saturate(5969%) hue-rotate(347deg) brightness(84%) contrast(111%);}
.menu_img a:hover { padding: 40px 30px 40px 50px; background-color: #fdfdfd; -webkit-animation:fadeIn 0.2s ease;-moz-animation:fadeIn 0.2s ease;-o-animation:fadeIn 0.2s ease;animation:fadeIn 0.2s ease;} 
.menu_img h3 { font-weight: 800; padding: 4px 0 8px 0;  } 
.menu_img h2 { font-weight: 800; padding: 0px 0 20px 0; color: #090542;  } 


.footer-phone { font-weight: 700;  }
.footer-menu { text-align: right; } 
.sliderPadding { padding: 0 40px; }
.boxLeft { padding-right: 20px;  }
.boxRight { padding-left: 20px;  }
.boxPaddingTop { padding-top: 80px; }
.boxRightImg {   position: relative; overflow: hidden;}
.boxRightImgSmall { height: 440px; position: relative; overflow: hidden;  }
.boxLeftImg { height: 600px; position: relative; overflow: hidden;  }
.boxLeftImgSmall { height: 440px; position: relative; overflow: hidden;  }
.boxRightImg img, .boxRightImgSmall img, .boxLeftImg img, .boxLeftImgSmall img { width: 100%; height: auto; } 
.textMedium { padding: 20px;  }


.boxImgBorder { position: relative;width: 100%;  }
.boxImgBorder .boxBorder {  width: 100%; height: 100%;   position: absolute; z-index: 1; bottom: 0; padding: 20px; }
.boxImgBorder .border { float: left;  width: 100%; height: 100%;  border: 1px solid #fff;} 
.boxImgBorder img { width: 100%; height: auto;vertical-align:middle; max-width: 900px; margin-right: 5px; }

.userMoto { font-family: 'Libre Baskerville';  font-weight: 700;  text-align: center; padding: 0px 30px 40px 30px; color: #f46500; } 
.userMoto span { font-size: 150%; } 
.userAlert { padding: 30px; background-color: #f46500; color: #fff; }
.userAlert a { color: #fff; }
.userAlert b { font-weight: 700; font-size: 120%; }  

.userMarginBottom50 { margin-bottom: 50px; }
.userMarginTop50 { margin-top: 50px; }

.globalUl ul {  margin-left: 25px;   padding-top: 5px; }
.globalUl ul ul  {  margin-left: 35px;  padding-top: 5px; }
.globalUl ul ul  ul {  margin-left: 50px;  padding-top: 5px; }
.globalUl ol {  margin-left: 25px;   padding-top: 5px; }
.globalUl ol ol  {  margin-left: 35px;  padding-top: 5px; }
.globalUl ol ol  ol {  margin-left: 50px;  padding-top: 5px; }
.globalUl h2 { margin: 5px 0 10px 0; }




.globalForm .rightBox { padding-left: 30px; }
.globalForm .leftBox { padding-right: 30px; }
.globalForm .centerBox { padding: 0 15px; }
.globalForm .inputForm { position: relative;  } 
.globalForm .inputForm input, .globalForm .inputForm textarea{  width: 100%;  border: 1px solid #daccaf; padding: 20px 20px; height: 60px;   min-height: 60px; margin: 10px 0 10px 0; font-weight: 400; font-family: Red Hat Display, sans-serif; }
.globalForm .inputForm select {  width: 100%;  border: 1px solid #daccaf;  padding: 0 20px; height: 60px;   min-height: 60px; margin: 10px 0 10px 0; font-weight: 400; font-family: Red Hat Display, sans-serif; }
.globalForm .inputForm textarea {  width: 100%; height: 133px;}

.globalForm *::placeholder {  color: #000; }
.globalForm button { float: left; cursor: pointer; margin-top: 15px; color:#fff; font-family: Red Hat Display, sans-serif;  font-weight: 600; border: 0;  font-size: 16px; letter-spacing: -0.2px;  padding: 20px 10px; width: 100%; background-color: #c51f0d; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;	}
.globalForm button:hover { background-color: #870d00;  }
.globalForm button.globalButtonGray { float: left; cursor: pointer; margin-top: 15px; color:#fff; font-family: Red Hat Display, sans-serif;  font-weight: 600; border: 0;  font-size: 16px; letter-spacing: -0.2px;  padding: 20px 10px; width: 100%; background-color: #595959; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;	}
.globalForm button.globalButtonGray:hover {  background-color: #393939;} 
.globalForm button img { width: 35px; vertical-align:middle; margin-right: 10px;  filter: invert(98%) sepia(100%) saturate(15%) hue-rotate(138deg) brightness(104%) contrast(101%); }
.globalForm .zgody { position: relative; padding-top: 5px;  padding-left: 10px;}
.globalForm .zgody input { margin-top: 2px; margin-right: 10px; }
.globalForm .zgody b { font-weight: 600; } 
.globalForm .zgody input { position:absolute; z-index: 1; opacity: 0;  left: 0;cursor: pointer;  height: 70px;  width: 70px;}
.globalForm .zgody .checkmark { float: left; position: relative; height: 50px;  width: 40px;  border: 0; margin: 5px 10px 5px 0; background-color: #d6d6d6; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.globalForm .zgody:hover input ~ .checkmark {  background-color: #ccc;}
.globalForm .zgody input:checked ~ .checkmark {  background-color: #6f462c; }
.globalForm .zgody .checkmark:after {  content: "";  position: absolute;  display: none;}
.globalForm .zgody input:checked ~ .checkmark:after {  display: block;}
.globalForm .zgody .checkmark:after {  left: 9px;  top: 12px;  width: 15px;  height: 15px;  border: solid white;  border-width: 0 8px 8px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}





.globalButton, a.globalButton { cursor: pointer; border: 0; color:#fff; font-family: Red Hat Display, sans-serif; font-weight: 600; padding:  20px 30px; background-color: #f46500; }
.globalButton:hover { background-color: #990009;  } 
.globalButtonGray, a.globalButtonGray { cursor: pointer; border: 0; color:#000; font-family: Red Hat Display, sans-serif; font-weight: 600; padding:  8px 30px; background-color: #c8c8c8; }
.globalButtonGray:hover { background-color: #585858; color: #fff;  } 
.globalButtonCheckbox input {float: left; width: 40px; margin-top: 10px}





.boxPaddingLeft { border-right: 12px solid #fff;}
.boxPaddingLeft20 { border-right: 20px solid #fff;}
.boxPaddingLeft30 { padding-right: 30px;}
.boxPaddingRight { border-left: 12px solid #fff;}
.boxPaddingTop { border-top: 9px solid #fff;}
.boxPaddingBottom { border-bottom: 9px solid #fff; }
.boxGlobalPadding { padding: 20px 0; }
.boxGlobalPaddingBig { padding: 40px 0; }
.borderGrey {  border: 1px solid #c6c7c7; }
.borderWhite10 { border: 10px solid #fff; }
.imgAutoCenter img { position: absolute;  margin:0;width:auto;height:100%;    }



.userMainBox1 { padding: 50px 0 50px 0;  }
.userMainBox1 .text { padding: 40px; line-height: 23px; color: #fff;}
.userMainBox1 .text h1 {  color: #fff; font-size: 40px; line-height: 47px;}
.userMainBox1 .text h2 { color: #fff; font-size: 40px; font-weight: 800; line-height: 47px; padding-bottom: 20px; }
.userMainBox1 .text .text_short { font-weight: 400;  padding: 10px 0; }

.maps { overflow: hidden; }

.map-buttons {	position: absolute;	top: 50px;	right: 20px;	z-index: 1000;	display: flex;	flex-direction: column;	gap: 8px;}
.map-buttons button {	width: 50px;	height: 50px;	font-size: 35px;	font-weight: bold;	border: 1px solid #ccc;	background: #fff;	cursor: pointer;	border-radius: 6px;}

.opinie .box { display: block; margin: 0 10px; height: 240px; color: #000;  font-size: 15px; padding: 20px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  border: 1px solid #e3e3e3;} 
.opinie .box h3 { float: left; font-weight: 400; padding: 8px 10px 0 15px; background-color: #fff; color: #000;  }
.opinie .box .socialImg { float: right; }
.opinie .box .socialImg img  {width: 25px; padding-left: 1px;  vertical-align: middle; }
.opinie .box .ring { float: left;  color: #fff; margin-left: 10px; padding: 10px 0 0 0; width: 40px; height: 40px;  text-align: center;  -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;  } 
.opinie .box .color1 {background-color: #0097a7; } 
.opinie .box .color2 {background-color: #7b1fa2; } 
.opinie .box .color3 {background-color: #ec407a; } 
.opinie .box .color4 {background-color: #ab47bc; } 
.opinie .box .color5 {background-color: #689f38; } 
.opinie .box .color6 {background-color: #f4511e; } 
.opinie .box .color7 {background-color: #455a64; } 
.opinie .box .star { float: right; padding: 10px 0 8px 10px;  } 
.opinie .box .star img { display:inline-block; width: 18px; height: 18px; padding-left: 1px;  vertical-align: middle; } 
.opinie .box .text { overflow-x: auto; height: 120px; padding: 5px 10px;  font-size: 16px; line-height: 24px; font-weight: 300; text-align: left !important; }
.opinie .box .text::-webkit-scrollbar{    width: 4px; }
.opinie .box .text::-webkit-scrollbar-track {  background: #e3e3e3;}
.opinie .box .text::-webkit-scrollbar-thumb:hover {   background: #d6b69c; }
.opinie .box .text::-webkit-scrollbar-thumb {   background: #d6b69c; }
.opinie .boxSmall { height: 150px; margin-bottom: 20px; }
.opinie .boxSmall .text { overflow-x: auto; height: 70px; }
.opinie .recomendation__item .col-3, .opinie .recomendation__item .col-4 { width: 100%; }

.opinietext { padding: 30px 0; font-size: 16px; line-height: 25px;  }
.opinietext a { background: #d6b69c; padding: 20px; margin: 30px 0 20px; display: inline-block; color: #fff;  font-size: 20px; font-family: 'Playfair Display';} 

.userKontakt { background-color: #000; color: #fff;  padding: 40px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; line-height: 30px;}
.userKontakt a { color: #fff; }
.userKontakt a:hover  { color: #f46500; }
.userKontakt h2  { padding: 10px 0;  }


.cennik table { width: 100%; padding-bottom: 40px; border:0; }
.cennik tr:hover, .cennik  td:hover { background-color: #ff5a00; color: #fff; }
.cennik tr { background-color: #f8f8f8; }
.cennik td { border: 1px solid #fff;  padding: 10px; text-align: center; }
.cennik td.nag { background-color: #000; color: #fff; text-align: center; }
.cennik th { background-color: #000; color: #fff; text-align: center; }
.cennik h2 { margin:0 auto; width: 100%; text-align: center; color: #f46500; padding: 30px 0 10px; }
.cennik h3 {  color: #f46500; }
.cennik tr:hover h2 {color: #fff;   }
.cennik tr:hover h3 {color: #fff;   }
.cennik td.blackborder { border-bottom: 2px solid #000;  }
.cennik2 table { width: 100%; line-height: 0.38cm; font-size: 15px; }
.cennik2 tr:hover, .cennik2  td:hover { background-color: #ff5a00; color: #fff; }
.cennik2 tr { background-color: #f8f8f8; }
.cennik2 td { border: 1px solid #fff; padding: 12px 15px; text-align: center; }
.cennik2 td.nag { background-color: #000; color: #fff; text-align: center;  }


#tooltip  * { margin: 0; padding: 0; border: 0; }
#tooltip  { position: absolute; z-index: 2000;border: 2px solid #494949;  background-color: #252525;	padding: 8px; }
#tooltip h3 {  font-size: 15px;  color: #e6e6e6; }
#tooltip .txt { line-height: 0.7cm; padding: 8px;}

img.logoKompexTv { width: 180px; vertical-align: middle; }

 
@media (min-width: 1051px) and (max-width: 1200px) 
{


}

/* tablety */
@media (min-width: 951px) and (max-width: 1050px) 
{


}



@media (max-width: 950px) 
{
/*================ MENU 2022================*/
.mobile-menuFixed{ position: fixed;  top: 10px; right: 20px; z-index: 999;}
.mobile-menu-box {   top: 120px; right: 10px;}
.navigationScroll ul.wcag_social li.wcag_social { border-left: 0; }
/*================ MENU ================*/	
header .menuTop a.phone { display: none; }
ul.header-info li { margin-right: 0px; }

.mobile-menuBox  { padding: 60px 10px 30px 10px; }
.mobile-menuBox li { width: 100%; padding: 0; }
.mobile-menuBox li a {  width: 100%;font-size: 30px; line-height: 30px; }
.globalInfoBox { padding: 30px; background-color: #f46500; color: #fff; text-align: center;} 

.globalBoxTree { display: none; }
.globalForm .rightBox { padding-left: 0px; }
.globalForm .leftBox { padding-right: 0px; }
.globalTree {  padding: 0px 10px 10px 10px;margin-bottom: 20px;  border-bottom: 1px solid #ebebeb;}
.globalTree a { padding-right: 5px; color: #000; }


.globalMenuText a {width: 100%;  height: 300px; }
.globalMenuPhoto a { float: left;  height: auto; border: 0; text-align: center;  } 
.globalMenuBox a { float: left;  height: auto; border: 0; text-align: center; margin: 0px; padding: 2px;} 
.globalMenuPhoto .menuImage  {   height: 250px;  }
.globalMenuBox a.box1, .globalMenuPhoto a.box1, .globalMenuText a.box1 { width: 100%; }
.globalMenuBox a.box2, .globalMenuPhoto a.box2, .globalMenuText a.box2 { width: 100%; }
.globalMenuBox a.box3, .globalMenuPhoto a.box3, .globalMenuText a.box3 { width: 100%; }
.globalMenuBox a.box4, .globalMenuPhoto a.box4, .globalMenuText a.box4 { width: 100%; }
.globalMenuBox a.box5, .globalMenuPhoto a.box5, .globalMenuText a.box5 { width: 100%; }
.cookie div { width: 100%; }
.globalNewsListHome { padding: 10px 5px; }
.globalNewsListHome .col-6 { padding: 10px 0 !important; }
.globalNewsListHome article h3 { padding: 5px 0; }
.globalGalleryImage { width: 100%; margin: 0;}
.globalNews .userBgGrey { padding: 10px; }
.globalNews .text, .globalNews .date { padding: 0 10px; }
.globalNews .text img { width: 100%; height: auto; }
.globalNews .galeria .col-3 { width: 50%; padding: 5px; }
.globalNews .galeria { padding-top: 5px; }
.globalNews .globalGalleryImage { height: 150px; }
.boxImgBorder img { width: 100%; height: auto; max-width: 700px; }
.mobile-menuBox li a {  font-size: 28px; line-height: 32px;  }
.mobile-menuBox ul.sub-menu li a { padding: 0 2px 0 30px; font-size: 23px; line-height: 28px;}

/*================================= USER END ===================================*/
header { padding: 0 0 0 0; min-height: 80px;  }
header .logo  { text-align: center; width: 100%;padding: 20px 0 0 0; }
header.navigationScroll .logo {  padding: 20px 0 0px 0px; }
header .logo img  { float: none; width: 100%; max-width: 250px; height: auto; padding: 0; margin: 0 auto; }
header .logo a span { display: none;}
header .menuTop { margin-bottom: 10px; padding: 5px 0; text-align: center;}
header .menuTop li.info { width: 100%; text-align: center; }
header .menuTop li.info .floatLeft { float: none;  }
header.navigationScroll .mobile-menu-box { display: inline; }
header nav { padding: 0; }
header nav ul  { display: none; }
main { padding-top: 200px; }
main.page { padding-top: 200px; }
ul.header-info li.wcag { float: none; width: auto; padding: 10px 10px; margin: 0 ; text-align: center; }
ul.header-info li.bip, ul.header-info li.deklaracja { display: none; }
.siteNag h1, .siteNag h2, .siteNag h3 { width: 90%; }
.globalText, .siteNag { padding: 0 5px;  }

footer { text-align: center; padding: 30px 0 30px 0; }
footer .menu { text-align: center; padding-top: 30px; }
footer .social { padding: 20px 0;  border-top: 1px solid #d7d7d7;  border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; }
footer .social a { display: inline-block; }
footer .footer-phone, footer .footer-menu {  text-align: center; border-top: 1px solid #d7d7d7; padding-top: 30px; margin-top: 30px; }


.mainBanner  { padding: 0; position: relative;}
.mainBanner .textBanner {position: relative; width: 100%; padding: 20px; }
.globalNag.paddingLeft { padding-left: 20px;}
.globalSiteBox .globalNewsListHome { padding-top: 0px; }

.boxLeft { padding-right: 0px; padding-bottom: 50px; }
.boxRight { padding-left: 0px; padding-bottom: 50px;  }
.boxPaddingTop { padding-top: 0px; }
.boxRightVideoSmall { height: 200px;  }
.boxRightVideoSmall iframe { height: 200px; }
.boxRightImgSmall  {  height: 200px; }
.boxRightImgSmall img { width: 100%; height: auto; }
.textMedium {  padding: 10px;   }
.galeria { padding: 20px 0; }
.back-top { right: 20px; }
.boxPaddingLeft { border-bottom: 20px solid #fff; border-right: 0;}
.boxPaddingRight { border-bottom: 20px solid #fff; border-left: 0;}
.boxPaddingTop {  border-top: 20px solid #fff;}
.boxPaddingBottom { border-bottom: 20px solid #fff; border-top: 0; }

.productList .col-6, .productList .col-4, .productList .col-3 { padding: 0 0 30px 0; }
.productList .price_basket .col-6 { width: 50%; }
.productList .price_basket .col-6.price { padding: 10px 10px 10px 0; }
.productShowList .text { padding: 0; }
.productPage { padding: 0; }
.productPage .text { padding: 0 10px; }
.price-list {   overflow-x: auto; }



#sc-side li { float: left; width: 100%; }
#sc-side li a { float: left; width: 100%; }
#id-cart { position: fixed; width: 100%; max-width: 100%;  }
#id-comparison { position: fixed; width: 100%; max-width: 100%;  }




.productPage .inputFilterRight {  border: 1px solid #d3d3d3; padding: 20px 20px; margin-top: 20px; }
.productPage .inputFilterLeft { padding-right: 0px; }
.productPage .inputIlosc { padding-right: 0px; }
.opinie .box { margin: 0 0 0 30px; }
.opinietext  { padding-bottom: 0;  }
.opinietext a { margin: 30px 0 0 0; }

.mainBannerLowPrice { display: inline-block; padding: 30px 10px 0 10px;}
.mainBannerLowPrice .nag1 {  width: 100%;}
.mainBannerLowPrice .nag2  {width: 100%; padding: 10px 0; }
.mainBannerLowPrice .nag3 { width: 100%;}
.mainBannerLowPrice .bannerImg img {  display: inline; } 
.mainBanner  a { margin-bottom: 20px; }

.offer { margin: 20px 0; }

.cennik, .package-description  { overflow-x: auto; }
.cennik  { margin-bottom: 30px; }
.package-switcher button { padding: 10px 5px !important; }
.package-switcher { gap: 2px !important; }
}



/*================================= WCAG 2.1 ===================================*/



#fontSmall { font-size: 80%; height: 50px; }
#fontNormal {font-size: 100%; height: 50px;}
#fontBig {  font-size: 120%; height: 50px;}

#graficButton { display: none;   }
#contrastButton { display:inline; }
body#contrast  {background-color: #000 !important;  filter: contrast(150%); }
#contrast * { color: #ffff00 !important; background-color: #000 !important;  background-image: none; }
#contrast img {background: none  !important;  } 
#contrast .back-top {  background-color: #ffff00 !important; border: 1px solid #ffff00;}
#contrast .menu-line {   background-color: #fff !important;}
#contrast .sk-double-bounce .sk-child { background-color: #ffff00 !important; } 
#contrast .preloader { background-color: #000 !important; background-image: none; } 
#contrast .textBoxWstecz a { background-color: #ffff00 !important; color: #000 !important; }  
#contrast footer  {border-top: 2px dotted #fff; }
#contrast header nav2 a:before  { background-color: #fff; }
#contrast button { background-color: #ffff00 !important; color: #000 !important;} 
#contrast button:hover { background-color: #fff !important; color: #000 !important;} 
#contrast footer img { opacity: 1; } 
#contrast .MENU_HOME a { border: 1px solid #ffffff;} 
#contrast .globalMenuPhoto a {  border: 0;}
#contrast .globalMenuPhoto .menuImage  { border: 1px solid #ffffff; }
#contrast .globalMenuPhoto .menuImage span {color: #fff !important;}
#contrast .globalMenuBox a .menuBox {  background-color: #fff !important;   }
#contrast .globalMenuBox a .menuBox span {  background-color: #fff !important;  color: #000 !important; padding: 5px;}
#contrast .globalMenuBox a:hover .menuBox {  background-color: #ffff00 !important;   }
#contrast .globalBoxTree li a { border-bottom: 1px solid #fff; } 
#contrast header nav a:before {  background: #fff; }
#contrast header nav ul ul li a { border-bottom: 1px solid #fff; }
#contrast header .menuTop { border-bottom: 2px dotted #fff; }
#contrast input, #contrast textarea {  background-color: #fff !important;  color: #000 !important; }
#contrast img.w21svg  { filter: invert(99%) sepia(25%) saturate(6149%) hue-rotate(356deg) brightness(106%) contrast(108%); } 

.skip-links{position:absolute;top:0;z-index: 999999;}
.skip-links a,.skip-links a:visited{position:absolute;top:0;left:-9000em;display:block;text-align:center;width:300px;text-decoration:none;opacity:1;-webkit-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s}
.skip-links a:hover,.skip-links a:focus,.skip-links a:active,.skip-links a:visited:hover,.skip-links a:visited:focus,.skip-links a:visited:active{background:#f46500;color:#fff;padding:10px;left:0;opacity:1;outline:2px solid #f46500;}



a:focus {
  outline:2px solid #f46500;
}
body.using-mouse a:focus {
  outline: none;
}

/*================================= WCAG 2.1 END ===================================*/


.animateZoomInOut img, .animateZoomInOut { -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
:hover .animateZoomInOut img, :hover .animateZoomInOut { -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}