/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/nunito/nunito-sans-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/nunito/nunito-sans-v19-latin_latin-ext-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/nunito/nunito-sans-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/nunito/nunito-sans-v19-latin_latin-ext-500.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/nunito/nunito-sans-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/nunito/nunito-sans-v19-latin_latin-ext-600.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/nunito/nunito-sans-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/nunito/nunito-sans-v19-latin_latin-ext-700.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-800.eot'); /* IE9 Compat Modes */
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/nunito/nunito-sans-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/nunito/nunito-sans-v19-latin_latin-ext-800.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-900.eot'); /* IE9 Compat Modes */
  src: url('fonts/nunito/nunito-sans-v19-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/nunito/nunito-sans-v19-latin_latin-ext-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/nunito/nunito-sans-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/nunito/nunito-sans-v19-latin_latin-ext-900.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/*================================== GLOBAL ==================================*/
body { font-family: Nunito Sans, 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: 15px; line-height: 24px;}
.font-menu  { font-size: 18px; line-height: 22px;}
.font-menu-sub  { font-size: 16px; 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: #4ca0d4; }	

a { color: #505050; }
a:hover { color: #4ca0d4;}
.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;  }
header .menuMain { background-color: #4ca0d4; padding: 30px 0; }
header .menuMain nav {    padding: 0 50px 0 20px;}
header .menuMain nav ul {  display: flex;  align-items: center;  gap: 28px;  list-style: none;  margin: 0;padding: 0;}
header .menuMain nav li:hover > a, header .menuMain nav li:focus-within > a {  color: #fff; background-color: #3f5988;  border-radius: 10px;  }
header .menuMain nav ul li a:hover::before, header .menuMain nav ul li:hover > a::before, header .menuMain nav ul li.active > a::before { transform: scaleY(1);}
header .menuMain nav > ul > li:hover > a, header .menuMain nav > ul > li:focus-within > a {  color: #fff; }
header .menuMain nav ul li {  position: relative;}
header .menuMain nav ul li a {  display: flex;  align-items: center;  justify-content: center;  text-align: center;   padding: 16px 8px;  color: #111827;  font-weight: 700;   height: 100%;  text-decoration: none;}
header .menuMain nav ul li.has-submenu > a {  background: #4ca0d4;  color: #fff;  padding: 16px 22px;  border-radius: 10px; }
header .menuMain nav ul ul {  position: absolute;  top: calc(100% + 5px);  left: 50%;  transform: translateX(-50%) translateY(10px);  min-width: 200px;  padding: 14px;  background: #fff;  border-radius: 22px;  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.15);  display: block;  opacity: 0;  visibility: hidden;  transition: 0.25s ease;  z-index: 50; }
header .menuMain nav ul ul::before {  content: "";  position: absolute;  top: -10px;  left: 50%;  transform: translateX(-50%) rotate(45deg);  width: 22px;  height: 22px;  background: #fff; }
header .menuMain nav ul li:hover > ul {  opacity: 1;  visibility: visible;  transform: translateX(-50%) translateY(0); }
header .menuMain nav ul ul li a {  padding: 18px 20px;  border-radius: 14px;  font-weight: 600;  color: #111827; }
header .menuMain nav ul ul li a:hover {  background: #cde3f1;  color: #13284c;  border-radius: 9px;  }
.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: #fff;  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: Nunito Sans, sans-serif; width: 30px; cursor: pointer; position: absolute;  top: 24px; right:0; padding: 10px 0 0 0; }
.mobile-menu-box b { float: left; width: 40px; padding-right: 10px;}
.mobile-menuBox {  display: none;  position: fixed;  inset: 0;  z-index: 9999;  width: 100%;  background: #fff;  overflow-y: auto;}
.mobile-menuBox .content {   width: 100%;   margin: 0 auto;   max-width: 1000px;  position: relative;  overflow: hidden; }
.mobile-menuClose {  position: fixed;  left: calc(50% + 500px - 85px);  top: 20px;  z-index: 10001;  color: #4ca0d4;  font-size: 42px;  line-height: 1;  font-weight: 700;  cursor: pointer;}
.mobile-menuBox nav > .menuShowHidden > ul {  margin: 0 auto;  padding: 10px 24px 32px;  list-style: none;}
.mobile-menuBox li {  position: relative;  list-style: none;  border-bottom: 1px solid #eee; }
.mobile-menuBox li a {  display: block;  padding: 19px 52px 19px 24px;  color: #071225;    font-weight: 700;    text-decoration: none;}
.mobile-menuBox li.home {  border-bottom: 5px solid #4ca0d4;  margin-bottom: 20px; }
.mobile-menuBox li.home img {  width: 42px;  height: auto;}
.mobile-menuBox .submenu-arrow {  position: absolute;  top: 0;  right: 12px;  width: 54px;  height: 63px;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;}
.mobile-menuBox .submenu-arrow img {  width: 16px;  height: 16px;  filter: brightness(0) saturate(100%) invert(18%) sepia(7%) saturate(1400%) hue-rotate(182deg);  transform: rotate(90deg);}
.mobile-menuBox li.is-open > .submenu-arrow img,.mobile-menuBox li:hover > .submenu-arrow img {  transform: rotate(-90deg);}
.mobile-menuBox .sub-menu {  display: block;  margin: 0 0 14px;  padding: 0 14px 12px;  background: transparent;}
.mobile-menuBox .sub-menu li {  margin: 8px 0;  border: 1px solid #9bd1f3;  border-radius: 12px;  background: linear-gradient(90deg, #e5f5ff 0%, #fff 100%);  overflow: hidden; }
.mobile-menuBox .sub-menu li a {  position: relative; font-size: 90%; padding: 17px 50px 17px 22px;  color: #071225;   font-weight: 500;}
.mobile-menuBox .sub-menu li a::after {  content: "›";  position: absolute;  right: 22px;  top: 50%;  transform: translateY(-50%);  color: #4ca0d4;  font-size: 34px;  font-weight: 700;  line-height: 1;}
.mobile-menuBox .sub-menu li a:hover {  color: #4ca0d4;  background: #fff0f8;}
.mobile-menuBox li.menu-group-title {display: inline-block;  width: 100%;   margin: 5px 0 0px;  border:0; padding: 10px;    color: #4ca0d4;    font-weight: 800;    font-size: 15px;    text-transform: uppercase;    letter-spacing: .04em;}
.mobile-menuBox li.menu-group-title img {  width: 40px;    height: auto;    margin: 0 10px 0px;	display: inline-block;	vertical-align: middle;	filter: invert(23%) sepia(62%) saturate(4614%) hue-rotate(312deg) brightness(86%) contrast(97%);} 





header.navigationScroll .mobile-menu-box, header.navigationPage .mobile-menu-box { top: 10px;  }
header.navigationScroll, header.navigationPage { position: fixed; min-height: 50px; 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 .menuMain nav, header.navigationPage .menuMain nav  { padding: 0;  width: 100%; }
header.navigationScroll .menuMain nav ul, header.navigationPage .menuMain nav ul  { padding: 0;  width: 100%; justify-content: space-between;   align-items: center;    justify-content: space-around;}
header.navigationScroll .menuMain nav li, header.navigationPage  .menuMain nav li   {display:inline-block; max-width: none; width: auto; height: 40px; }
header.navigationScroll .menuMain nav li a, header.navigationPage  .menuMain nav li a  { padding: 10px 4px 10px 4px; }
header.navigationScroll .menuMain nav li a img, header.navigationPage  .menuMain nav li a img {  height: auto; }
header.navigationScroll .menuMain nav li > span:before, header.navigationScroll .menuMain nav li > a span:before {  display: none; }
header.navigationScroll .menuMain nav ul ul, header.navigationPage .menuMain nav ul ul {  top: 59px; height: auto; }
header.navigationScroll .menuMain nav ul ul, header.navigationPage .menuMain nav ul ul {  top: 59px; height: auto; }
header.navigationScroll .mobile-menu-box { display: none; }
header.navigationScroll .menuTop { display: none; }
header.navigationScroll .logo, header.navigationScroll .logo_right { display: none; }
header.navigationScroll .menuMain { padding: 5px 0;}



header .logo {   display: flex; align-items: center; gap: 28px; font-size: 25px; line-height: 27px;  }
header .logo a p { display: inline-block;  padding-top: 5px; font-size: 25px; line-height: 27px; font-weight: 900;} 
header .logo a p small { font-weight: 600;} 
header .logo a { color: #3f5988;  display: flex; } 
header .logo img { display: inline-block; height: 90px;  padding-right: 20px;  }


header .menuMain nav li.home a {padding: 10px 10px;  }
header .menuMain nav li.home a img { width: 15px; }
header .menuMain 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 .menuBottom {  display: flex;  align-items: center;  justify-content: space-between;      flex-wrap: nowrap;    width: 100%; position: relative;}
header .menuTop {  display: flex; width: 100%;   background-color: #f7f7f7; position: relative; }
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: left;  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.bip { float: right;  cursor: pointer; display:inline-block; padding: 5px 0 0 0;  }
ul.header-info li.bip img  { vertical-align:top; width: 65px; margin-right: 0px; } 
ul.header-info li.bip:hover a img  { filter: none; } 
ul.header-info li.phone { float: right;  cursor: pointer; display:inline-block; padding: 5px 0 0 0;  }
ul.header-info li.phone a { color: #3f5988; font-weight: 800; }
ul.header-info li.phone img  { vertical-align:top; width: 30px;  vertical-align:middle; margin-right: 10px; filter: invert(18%) sepia(31%) saturate(2374%) hue-rotate(195deg) brightness(93%) contrast(95%);} 
ul.header-info li.phone:hover a img  { filter: none; } 
header .menuMain nav li.logo a { padding: 0 10px; }
header .menuMain 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;  }
.cookie div:hover { background-color: #2e2e2e; color: #fff;  } 
/*============= COOKIE END =============*/



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

/*================================= SLIDER ==================================*/
.sliderMain { display: grid; grid-template-columns: 60% 40%; gap: 30px; margin-top: 20px;   background-color: #ededed;  -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
.sliderMain .img { display: inline-block;   }
.sliderMain .img img { width: 100%; height: auto;  -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } 
.sliderMain .textBanner { display: inline-block;  padding: 80px 60px 0 20px; }
.sliderMain .textBanner h1 { font-size: 30px; font-weight: 900; color: #3f5988; margin-bottom: 30px; line-height: 40px;}
.sliderMain .textBanner h1 b { font-size: 50px;  line-height: 50px;}
.sliderMain b, .sliderMain strong {font-weight: 800; }

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

/*================================== MAIN ==================================*/
main { width: 100%;float: left;  min-height: 200px; background-color: #ffffff; padding-top: 190px;}
main.page {padding-top: 200px;}
main .content1500 { padding: 0;}
.radius15 { -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
.row {  display: flex; flex-wrap: wrap;}
.globalText b, .globalText strong { font-weight: 800; }



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


/*================================ ARTICLE =================================*/
.globalNewsListHome { padding: 30px 0; display: grid;  grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}

.userBox .item {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    transition: all .2s ease;
    height: 100%;
}





.globalNewsListHome article { width: 100%; float: left; position: relative; padding: 20px 20px 80px 20px;     background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    transition: all .2s ease;
    height: 100%;}

.globalNewsListHome article:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.globalNewsListHome article .img {  position: relative; overflow: hidden;  } 
.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; float: left; width: 100%; }
.globalNewsListHome article:hover h3 { color: #4ca0d4;} 
.globalNewsListHome article:hover .text { color: #000; }
.globalNewsListHome article .date {  padding: 10px 0; width: 150px; float: left; margin-bottom: 5px; } 
.globalNewsListHome article .date img { width: 13px; vertical-align:middle; margin-right: 10px; }
.globalNewsListHome .globalButtonGray { position: absolute; bottom: 0; right: 0;  }



.globalNews article { max-width: 1000px; padding-top: 50px; margin:0px auto;  display: block;}
.globalNews  h1 { letter-spacing: -0.5px; line-height: 45px; color: #4ca0d4; 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: 900px; border: 1px solid #d6d6d6;}
.globalNews .paddingBottom { padding-bottom: 100px; }

/*============================== ARTICLE END ===============================*/
/*============================== MODULE ===============================*/
.globalForm .rightBox { padding-left: 10px; }
.globalForm .leftBox { padding-right: 10px; }
.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: Nunito Sans, 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 #4ca0d4;  } 
.globalForm *::placeholder {  color: #000; }
.globalForm .inputForm label.error  { position: absolute; z-index:2; top:-5px; left: 10px; color: #4ca0d4;  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: Nunito Sans, sans-serif;  font-weight: 800; border: 0; padding: 10px; width: 100%; background-color: #4ca0d4; 	}
.globalForm .button:hover { background-color: #9f005d;  }
.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: #4ca0d4; }
.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: #4ca0d4;  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: #4ca0d4; color: #fff;}
.globalChildren .tabs li.ui-state-active a:hover { background: #4ca0d4; 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 #4ca0d4; width:80%;} }
.globalChildren .divHideMenu:hover {   border-bottom: 3px solid #4ca0d4; color: #4ca0d4;}
.globalChildren .divHideMenu.active {  border-bottom: 3px solid #4ca0d4; color: #4ca0d4;} 
.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: #4ca0d4; }
.globalTree b { color: #252525; }
.globalTree a img { 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: 340px;}
.globalMenuPhoto .menuImage  { background-color: #4ca0d4;   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: 240px;}
.globalMenuBox a .menuBox {  background-color: #4ca0d4;   overflow: hidden;  color: #fff;   width: 100%;  height: 240px;     position: relative;    display: inline-block; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.globalMenuBox a:hover .menuBox  { background-color: #3b3d40; }
.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;line-height: 30px;    }
.globalBoxTree ul {display: inline-block;  list-style-type:none; width: 100%; background-color: #3b3d40; padding: 20px 30px 40px 30px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.globalBoxTree li.menu-group-title {display: inline-block;    margin: 5px 0 8px;    padding: 0 12px;    color: #4ca0d4;    font-weight: 800;    font-size: 15px;    text-transform: uppercase;    letter-spacing: .04em;}
.globalBoxTree li.menu-group-title img {  width: 40px;    height: auto;    margin: 0 10px 0px;	display: inline-block;	vertical-align: middle;	filter: invert(23%) sepia(62%) saturate(4614%) hue-rotate(312deg) brightness(86%) contrast(97%);} 
.globalBoxTree li  { display: inline-block; width: 100%;  position: relative; padding: 0; }
.globalBoxTree li a {display: inline-block; border-bottom: 1px solid #656565; color: #fff;  padding: 8px 0px; width: 100%; }
.globalBoxTree li b {display: inline-block;   width: 100%; color: #a8d2ec;}
.globalBoxTree ul ul { display: inline-block;padding: 0px 0px 0 10px;width: 100%; }
.globalBoxTree ul ul li a  {display: inline-block;  border-bottom: 1px solid #656565;width: 100%;  padding: 8px 0;}
.globalBoxTree ul ul li b  {display: inline-block;  border:0;width: 100%;  }
.globalBoxTree ul ul ul { display: inline-block;padding: 0px 0px 0 10px;width: 100%; }
.globalBoxTree span.submenu-arrow { position: absolute; right: 0px; top:0px; padding: 8px 0px 8px 15px; z-index: 10;  }
.globalBoxTree span.submenu-arrow img { width: 20px; transform: rotate(180deg);}

.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: #4ca0d4; }
.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: 200px;     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: 200px; width: 100%;}
.globalGalleryImage .overlay { display: none;  }
.globalGalleryImage:hover .overlay { display: inline; position: absolute; z-index: 10;  background: rgba(197,235,212,0.5);  bottom: 0px; right:0px; color: #181c18; 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; }

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


.globalBoxFile a {   display: inline-block; border-radius: 10px; background-color: #f4f4f4; padding: 20px; margin: 10px 0 5px 0;  }
.globalBoxFile a h2 {font-weight: 600; } 

.globalNag { padding: 30px 0; }
.globalNag h1 { font-weight: 900; font-size: 30px; line-height: 40px;   display: inline-block;}
.globalNag h2, .globalNag span { font-weight: 900; font-size: 30px; line-height: 40px;   display: inline-block; color: #4ca0d4;}
.globalNag.big h2, .globalNag.big span {  font-size: 80px; line-height: 50px;   }


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

.globalSiteBox { padding-bottom: 50px; }
.globalSiteBox .textShowImg_img { text-align: center; padding: 20px 0;}
.globalSiteBox .textShowImg_img  img { width: 100%; max-width: 800px; }
.globalSiteBoxFlex {   display: flex; overflow: visible; } 
.globalBoxTree {  position: sticky;  top: 20px;}
 

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 #4ca0d4; width: 75%;} 
.siteGallery { padding-top: 50px; }

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

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

footer {  width: 100%; margin: 0 auto; float: left;  padding: 50px 10px; background-color: #000; color: #fff;  }
footer a {  color: #fff; }
footer a:hover {  color: #4ca0d4;}
footer .logo { font-weight: 700; padding-bottom: 20px;  }
footer .logo img {max-width: 100px; width: 100%; height: auto; margin-right: 20px; display: inline-block; } 
footer .logo p { display: inline-block; }
footer .logo small { color: #a8d2ec;}
footer .adres { font-weight: 500; font-size: 17px; line-height: 24px; padding: 10px 0;  }
footer .adres .text_long { font-weight: 500; color: #a8d2ec;} 
footer .footer-ikon { color: #a8d2ec; } 
footer .footer-ikon img  {vertical-align:middle; filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(319deg) brightness(102%) contrast(101%); width: 200px; margin-bottom: 2px; }
footer .footer-menu { text-align: right; }
footer .footer-phone img  {vertical-align:middle; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);width: 30px; margin-right: 6px; }
footer .footer-phone .nag { display: flex; height: 50px;   align-items: center;   align-items: center;  margin-bottom: 2px;}
footer .footer-phone .nag h3 { color: #4ca0d4; font-size: 20px; line-height: 25px; margin-right: 10px;   } 
footer .footer-phone a { font-size: 22px; line-height: 28px;  font-weight: 800;} 
footer .footer-phone  { font-size: 17px; line-height: 30px; letter-spacing: -0.2px; font-weight: 200; padding-top: 20px;} 
footer .footer-phone .col-3 { padding-right: 10px;  }
footer .footer-phone .paddingTop { padding-top: 10px; font-weight: 500; }
footer .paddingBox { padding-bottom: 20px; }
footer .footer-phone h2 { color: #fff; font-size: 22px; line-height: 28px; margin-bottom: 10px;  } 

footer .footer-other  { padding-top: 20px; }
footer .footer-other .col-2_5 { padding-right: 10px; }

footer .footer-other a { display: block;   padding-left: 22px;     position: relative; margin-bottom: 8px;} 
footer .footer-other a::before {    content: "";    position: absolute;    left: 0;    top: 50%;    width: 8px;    height: 8px;    border-right: 2px solid #4ca0d4;    border-bottom: 2px solid #4ca0d4;    transform: translateY(-50%) rotate(-45deg);}

footer nav li.home a img {  width: 15px; }
footer nav li.home:hover a img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }

footer nav li.menu-group-title {display: inline-block;    margin: 5px 0 8px;    padding: 0;    color: #4ca0d4;    font-weight: 800;    font-size: 15px;    text-transform: uppercase;    letter-spacing: .04em;}
footer nav li.menu-group-title img {  width: 40px;    height: auto;    margin: 0 10px 0px;	display: inline-block;	vertical-align: middle;	filter: invert(23%) sepia(62%) saturate(4614%) hue-rotate(312deg) brightness(86%) contrast(97%);} 


footer nav ul { display: flex;  gap: 5px;padding:0;margin: 0; width: 100%; justify-content: space-between;   align-items: center;    justify-content: space-around;}
footer nav li {display: inline-block;padding: 5px 20px 0 0; margin-right: 10px; font-weight: 600; margin: 0; position: relative;}
footer nav li a { display: inline-block; width: 100%; padding: 5px 0;  margin-bottom: 2px; }
footer nav li .submenu-arrow img {  height: 10px; width: auto; vertical-align:middle; transform: rotate(180deg); cursor: pointer;  }
footer nav li .submenu-arrow { position: absolute; right: 0px; top:5px; padding: 0px 0px 8px 15px; z-index: 10;  }

footer nav ul.sub-menu  {  list-style: square; padding: 20px; position: absolute;  text-align: center; min-width: 200px; background: #4f4f4f;  border-radius: 22px;  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.15);  display: block;     z-index: 50;}
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;  border-bottom:1px solid #4f4f4f; }
footer nav ul.sub-menu li:hover  { padding-left: 5px; border-bottom:1px solid #656565; }


footer .kud { color: #fff; padding-top: 50px;} 
footer .rodoInfo { padding-top: 40px; color: #919191;}
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;  } 
footer .content1400 { width: 100%; padding: 0; max-width: 1400px; }
footer .grid1 { display: grid;   grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } 
a.google { display: inline-block;background-color: #393939; color: #fff; padding: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
a.google:hover { background-color: #3f5988; color: #fff;}
a.google img { vertical-align:middle; width: 20px !important; margin: 0 15px; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(1deg) brightness(102%) contrast(101%); }

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


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



.userBgGrey {  background-color: #f8f8f8; }
.userMore a { background-color:  #4ca0d4; color: #fff; padding: 15px 25px; font-weight: 700; }
.userMore a:hover  { background-color: #000;  }
.userBorderBottomGrey { padding-bottom: 50px; }
.userBorderBottomGrey .globalNewsListHome {grid-template-columns: repeat(4, 1fr); grid-gap: 10px; }
.newsHome .globalNewsListHome {grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }
.userPaddingBox { padding: 50px 0; }
.globalNag.paddingLeft { padding-left: 50px;}

.globalNews .userMore  {  margin: 50px 0; }
.mainBanner .userMore  {  margin: 40px 0 0 0; }


.mainBanner  { padding: 0; position: relative; text-align: center; }
.mainBanner img { width: 100%; height: auto; } 
.mainBanner .textBanner { position: absolute; z-index: 1; right: 0; width: 40%; padding: 90px 80px 10px 0px; }
.mainBanner .textBanner b {display:inline-block; font-size: 50px; line-height: 50px; font-weight: 800; padding-bottom: 30px;  }

.filerColor img { filter: invert(13%) sepia(81%) saturate(5969%) hue-rotate(347deg) brightness(84%) contrast(111%); }

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




.menu_img { padding: 50px 0 50px;     display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 24px;}
.menu_img a { padding:40px 30px 20px 30px ; background-color: #4ca0d4; font-size: 110%; color: #fff;   -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 {  max-width: 90px; width: 100%; height: auto;  transition: transform .35s ease, filter .35s ease;  filter: brightness(0.9); transform: scale(1.1); filter: invert(96%) sepia(5%) saturate(5%) hue-rotate(6deg) brightness(117%) contrast(100%);}
.menu_img a:hover img {   transform: scale(1.20); }
.menu_img a:hover {  padding-left: 40px; background-color: #1e2870; -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 h2 { font-weight: 900; line-height: 30px;   } 

.menu_img_2 { padding: 20px 0 50px;     display: grid;    grid-template-columns: repeat(5, 1fr);    gap: 10px;}
.menu_img_2 a { padding:10px ; }
.menu_img_2 img {  max-width: 300px; width: 100%; height: auto;  transition: transform .35s ease, filter .35s ease; }
.menu_img_2 a:hover img {   transform: scale(1.10); }
.menu_img_2 a:hover {   -webkit-animation:fadeIn 0.2s ease;-moz-animation:fadeIn 0.2s ease;-o-animation:fadeIn 0.2s ease;animation:fadeIn 0.2s ease;} 



.footer-phone { font-weight: 700;  }
.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 {  font-size: 16px; line-height: 26px;  }
.textMedium h2 { font-size: 25px; line-height: 30px; padding-bottom: 30px; }
.textMedium h1 { font-size: 30px; line-height: 30px; padding-bottom: 30px; color: #009ee0;}

.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: #4ca0d4; } 
.userMoto span { font-size: 150%; } 
.userAlert { padding: 30px; background-color: #4ca0d4; 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: 5px;   padding-top: 5px; list-style: none;}
.globalUl ul li { position: relative;   padding-left: 20px;}
.globalUl ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 10px;
    height: 5px;
    background: #d32439;
    border-radius: 2px;
}

.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; }


.productList .col-4, .productList .col-3,  .productList .col-2_5 { padding: 8px 15px 25px 15px; display: inline-table;  }
.productShowList {  padding: 10px;    }
.productShowList .foto { position: relative; padding-bottom: 20px; }
.productShowList .foto img  {width: 100%; height: auto; }
.productShowList .foto2 img  {display: none;position: absolute; z-index: 1; top:0; left: 0; width: 100%; height: auto;  }
.productShowList:hover .foto2 img  {display: inline; }
.productShowList .color img  { position: absolute; z-index: 2;bottom: 0; right: 20px; width: 100%; height: auto; width: 70px; height: 70px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius:50%;}
.productShowList .nag { font-weight: 800;  margin-bottom: 10px; font-size: 30px; line-height: 33px;}
.productShowList h2 { color: #000; font-weight: 800; margin-bottom: 5px; font-size: 26px; line-height: 33px; font-family: Playfair Display, sans-serif; }
.productShowList .nag span { background-color: #000; color: #fff; padding: 2px 10px; font-size: 30px; line-height: 33px; }
.productShowList .nag .color { float: right;  margin-right: 5px; width: 30px; height: 30px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;-webkit-box-shadow: 0px 9px 24px 2px rgba(214, 214, 214, 1);
-moz-box-shadow: 0px 9px 24px 2px rgba(214, 214, 214, 1);
box-shadow: 0px 9px 24px 2px rgba(214, 214, 214, 1);}
.productShowList button img { vertical-align:middle; max-width: 25px;  height: auto; margin-right: 10px; } 
.productShowList button { float: right; cursor: pointer; border: 0;  color: #000; font-family: Playfair Display, sans-serif; font-weight: 600; padding:  10px;  } 
.productShowList:hover button { background-color: #000;  color: #fff;  } 
.productShowList:hover button img {filter: invert(99%) sepia(0%) saturate(3424%) hue-rotate(101deg) brightness(113%) contrast(100%); } 

.productShowList .text { float: left; width: 100%; overflow: hidden;  padding-top: 10px; justify-content: center;  align-items: center; }
.productShowList .price { font-weight: 600; padding-top: 5px;   }
.productShowList .price small { text-decoration: line-through;}
.productShowList .bestseller { position: absolute; top:0px; left: 0;padding: 10px; background: rgba(225,0,26,0.9); color: #fff; font-weight: 300; -webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20spx;border-top-left-radius: 20px;}
.productShowList .new { position: absolute; top:0px; left: 0;padding: 10px; background: rgba(225,0,26,0.9); color: #fff; font-weight: 300; font-size: 13px;}
.productShowList .promo { position: absolute; right:0px; bottom: 5px;padding: 10px; background: rgba(225,0,26,0.9); color: #fff; font-weight: 300; font-size: 13px;}


.productPage  { float:left; padding: 30px 0; font-size: 14px; font-weight: 400;}
.productPage .nag h2 { font-family: Playfair Display, sans-serif; }
.productPage .foto {  float: left;  width: 100%; position: relative; overflow: hidden; margin-bottom: 20px;  }
.productPage .foto img {width: 100%; height: auto;  } 
.productPage .fotoOther { float: left;  width: 100%; }
.productPage .fotoOther a { float: left; width: 19%; margin: 5px 1% 5px 0; overflow: hidden; position: relative; height: 180px;}
.productPage .fotoOther img {width: 100%; height: auto;  position: absolute;   left: 50%;    top: 50%;   transform: translate(-50%, -50%); } 
.productPage .text { padding: 20px 0 10px 30px; line-height: 30px;}
.productPage .text b { font-weight: 600;}
.productPage .text ul { padding-left: 30px;}
.productPage .text h1 { margin-bottom: 0px; font-size: 30px; line-height: 40px;}
.productPage .foto img { width: 100%; height: auto; } 
.productPage .price {  padding: 20px 0; font-weight: 500; font-size: 30px; line-height: 30px; }
.productPage .price small { text-decoration: line-through; font-weight: 300;}
.productPage .price span { color: #717171; font-size: 80%; font-weight: 300;}
.productPage .price .price_show { float: left; padding-right: 5px; }
.productPage .bestseller { position: absolute; top:0px; left: 0;padding: 15px 20px; background: rgba(95, 0, 67,0.9); color: #fff; font-weight: 300;}
.productPage .new { position: absolute; top:0px; left: 0;padding: 15px 20px; background: rgba(95, 0, 67,0.9); color: #fff; font-weight: 300;}
.productPage .promo { position: absolute; left:0px; bottom: 6px;padding: 30px;  background: rgba(95, 0, 67,0.9); color: #fff; font-weight: 300;}
.productPage .inputFilter { padding-bottom: 20px; }
.productPage .inputIlosc { padding-right: 10px; }
.productPage .inputIlosc input, .productPage .inputIlosc select { display: inline-block; width: 100%; text-align: center; color: #424242; border: 1px solid #a3a3a3;  font-family: Nunito Sans, sans-serif; font-weight: 600; cursor: pointer; margin-bottom: 1px; padding: 15px; background-color: #fff; }
.productPage  button  {  width: 100%; background-color: #4ca0d4; cursor: pointer; border: 0; margin-top: 20px; font-size: 15px;   color: #fff; font-family: Nunito Sans, sans-serif; font-weight: 600; padding:  10px 10px;  } 
.productPage  button:hover { background-color: #001440;  } 
.productPage  button img { vertical-align:middle; max-width: 25px; width: 100%; height: auto; margin-right: 10px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(102%) contrast(102%); } 
.productPage  button.button2 { float: right; cursor: pointer; border: 0; color:#848484;  font-family: Nunito Sans, sans-serif; font-weight: 600; padding:  10px 30px; width: 100%; background-color: #fff;  } 
.productPage  button.button2:hover {  background-color: #fff; color: #000; } 
.productPage  button.button2 img { vertical-align:middle; max-width: 30px; width: 100%; height: auto; margin-right: 10px; }
.productPage .count { background-color: #fff; text-align: center; padding: 10px 10px; font-size: 14px;  } 
.productPage .count input {  width: calc(100% - 30px);  font-size: 20px; line-height:45px; text-align: center;font-family: Playfair Display, sans-serif; border: 1px solid #d3d3d3; }
.productPage .textBottom { padding: 40px 0 30px 0px; line-height: 30px;}
.productPage .textBottom h2 { margin: 40px 0 10px 0; line-height: 30px; color: #85cc00; }
.productPage .textBottom img { float: left; margin:0;width:100%;height:auto; max-width: 120px; padding: 0 20px 5px 0;}
.productPage .pitogramy { padding-bottom: 30px; text-align: center;  }
.productPage .pitogramy-text img { float: left; margin:0;width:100%;height:auto; max-width: 100px;}
.productPage .pitogramy-text { float: left; padding: 20px; font-weight: 800;}
.productPage .pitogramy-text small { font-weight: 400; }
.productPage .inputFilterRight {  border: 1px solid #d3d3d3; padding: 20px 30px;  }
.productPage .inputFilterLeft { padding-right: 20px; }
.productPage .optionColor { float: left; padding: 2px; text-align: center; line-height: 10px;}

.productPage .opis_show { font-weight: 800;  color: #4ca0d4;}

.addBasketLeft {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9999;
	color: #fff;
	text-align: center;
	cursor: pointer;
	text-align: center;
	display: none;
}
.addBasketLeft button { float: right; cursor: pointer; border: 0; color:#fff; font-family: Nunito Sans, sans-serif; font-weight: 600; padding: 10px; background-color: #242431; width: 100%; } 
.addBasketLeft button:hover {  background-color: #383856; } 
.addBasketLeft img { vertical-align:middle; max-width: 20px; width: 100%; height: auto; margin-right: 10px; } 

.basketBg { background-color: #f2f2f2; padding: 50px 0; }
.basket {  overflow: hidden; padding: 50px 20px; }
.basket h1 { margin:0px 0 40px 0; line-height: 30px; color: #242431; padding: 0;} 
.basket h2 { margin:0px 0 40px 20px; line-height: 30px; color: #242431; padding: 0;} 
.basket h3 { margin:0; font-size: 25px; line-height: 35px; color: #242431; padding: 0;} 
.basket .delivery { padding: 5px 5px 5px 0; float: left; width: 100%; }
.basket .delivery .name, .basket .delivery .value {display: inline; } 
.basket .delivery .name { float: left; width: 50%; }
.basket .delivery .value { float: right; font-weight: 600;width: 50%; text-align: right;  } 
.basket .totalPriceShow { text-align: right; padding-top: 20px; margin-top: 20px;   border-top: 1px solid #dcdcdc; }
.basket .totalPriceShow .total { font-weight: 800; padding-top: 3px;  }
.basket .floatRight { padding-right: 5px; }
.basket .remove-item img  { width: 20px; height:auto; }
.basket .basketProductList { float: left; padding: 30px; background-color: #fff;border-radius: 5px; margin-bottom: 15px;  position: relative;   }
.basket .basketProductList .img  {  float: left; height: 120px; width: 120px; overflow: hidden; border-radius: 10px;    padding: 10px; position: relative;   }  
.basket .basketProductList .img img {  width: auto; height: 100%;  position: absolute;   left: 50%;    top: 50%;   transform: translate(-50%, -50%); }  
.basket .basketProductList .other { float: left; width: calc(100% - 120px); }
.basket .basketProductList .name  { float: left; width: 55%; padding: 0 0 0 30px;  line-height: 25px;  }  
.basket .basketProductList .count  { float: left; width: 100px; padding: 15px 0 0 30px;    }  
.basket .basketProductList .count  input.count { font-family: Nunito Sans, sans-serif; text-align:center; width: 60px; padding: 10px; border: 1px solid #dcdcdc; background-color: #fff;}
.basket .basketProductList .price small { text-decoration: line-through; }
.basket .basketProductList .price_remove { float: left; text-align: right; width: calc(45% - 100px);  line-height: 20px;}
.basket .basketProductList .price_remove .price { position: absolute; bottom: 30px; right: 30px; line-height: 20px; }
.basket .basketTotal { float: left; padding: 30px; background-color: #fff;border-radius: 5px; margin-bottom: 15px;  position: relative; margin-left: 15px; line-height: 25px;  }
.basket .basketPage  { float: left; background-color: #fff;border-radius: 5px; margin-bottom: 15px;  position: relative; line-height: 25px; padding: 20px;  }
.basket .basketPage .basketPageList  {  padding-bottom: 8px;  }  
.basket .basketPage .img  {  float: left; height: 80px; width:80px; overflow: hidden; border-radius: 10px;    padding: 10px; position: relative;   }  
.basket .basketPage .img img {  width: auto; height: 100%;  position: absolute;   left: 50%;    top: 50%;   transform: translate(-50%, -50%); }
.basket .basketPage .other { float: left; width: calc(100% - 80px); }
.basket .basketPage .name  { float: left; width: 55%; padding: 0 0 0 15px;  line-height: 25px;  }  
.basket .basketPage .count  { float: left; width: 100px;   }  
.basket .basketPage .price small { text-decoration: line-through; }
.basket .basketPage .price_remove { float: left; text-align: right; width: calc(45% - 100px);  line-height: 20px;}
.basket .basketPage .price_remove .price { line-height: 20px; }  
.basket .basketNavigationBottom { padding: 20px 0 50px 0; }
.basket .couponUpdate {cursor: pointer; margin: 10px 0 0 7px; border: 0; color:#000;  font-size: 14px; letter-spacing: -0.2px; text-align: center; font-weight: 600;   line-height: 16px;padding:  22px 5px; background-color: #c8c8c8; }
.basket .couponShow  { display: none; float: left; font-size: 12px; letter-spacing: -0.2px; text-align: center; font-weight: 600;   line-height: 14px;padding:  5px 5px; background-color: #efefef; color: #737373;} 
.basket .basketNavigationBottom { padding: 20px 0 50px 0; }
.basket #totalDiscount  { display: none;}
.basket .globalForm .inputForm label.error { position: relative;  left:0; top: 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: Nunito Sans, 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: Nunito Sans, 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: Nunito Sans, 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: #001440;  }
.globalForm button.globalButtonGray { float: left; cursor: pointer; margin-top: 15px; color:#fff; font-family: Nunito Sans, 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: #636363; }
.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: Nunito Sans, sans-serif; font-weight: 600; padding:  20px 30px; background-color: #4ca0d4; }
.globalButton:hover { background-color: #001440;  } 
.globalButtonGray, a.globalButtonGray {  display: inline-block;cursor: pointer; border: 0; margin-top: 15px; color:#000; font-family: Nunito Sans, sans-serif; font-weight: 600; padding:  8px 30px; background-color: #c8c8c8; }
.globalButtonGray:hover { background-color: #585858; color: #fff;  } 

.globalButtonSmall, a.globalButtoSmall {     display: inline-block;    padding: 4px 10px;    border-radius: 6px;    background: #cde3f1;    color: #d81b84;    font-size: 14px;    font-weight: 600; }
.globalButtonSmall:hover { background-color: #001440; color: #fff;  } 
.globalButtonCheckbox input {float: left; width: 40px; margin-top: 10px}

.globalButton2, a.globalButton2 {display: inline-block;cursor: pointer; border: 0; color:#fff; font-family: Nunito Sans, sans-serif; font-weight: 600; padding:  20px 30px; background-color: #3f5988; }
.globalButton2:hover { background-color: #001440;  } 



#id-cart-bg { position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 2147483648; background: rgba(0,0,0,.6); display: none; cursor: pointer;}
#id-cart { position: fixed; width: 33%; max-width: 350px; z-index: 2147483648; top:0; right: 0; height: 100%; background-color: #fff; overflow: hidden; padding: 30px; line-height: 25px; display: none; text-align: center; }
#id-cart img {margin:0 auto;width:80%;height:auto; max-width: 350px; } 
#id-cart .goBasket { cursor: pointer; font-weight: 300; padding:  20px 30px;  color: #fff; background-color: #4ca0d4; text-align: center; overflow: hidden; margin: 10px auto; }
#id-cart .goBasket:hover {  background-color: #820008; } 
#id-cart .goBasket img { vertical-align:middle; max-width: 25px; width: 100%; height: auto; margin-right: 5px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(196deg) brightness(103%) contrast(103%); } 
#id-cart .close-id-cart { text-align: center; cursor: pointer;  margin: 10px auto;}




.radio-toolbar input[type="radio"] {  display: none;}
.radio-toolbar label {margin-bottom: 5px;display: inline-block;	background-color: #f9f9f9;	padding: 20px 20px; width: 100%;cursor: pointer; border:  1px solid #dcdcdc;border-left:  5px solid #dcdcdc;}
.radio-toolbar input[type="radio"]:checked+label {  background-color: #4ca0d4; color: #fff; border:  1px solid #4ca0d4; border-left:  10px solid #840000; }

.radio-toolbar-color input[type="radio"] {  display: none;}
.radio-toolbar-color label {margin-bottom: 5px;display: inline-block;	background-color: #f9f9f9;	padding: 20px 20px; width: 100%;cursor: pointer; font-size: 11px;border:  3px solid #dcdcdc; width: 40px; height: 40px; text-align: center; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; }
.radio-toolbar-color input[type="radio"]:checked+label {  border:  3px solid #4ca0d4;}
select.product_attribute option:disabled {
    display: none;  /* Ukryj wyłączone opcje */
}

.filtrShowButton { float: left; cursor: pointer; padding-right: 10px; font-size: 14px; }
.filtrCountShow { float: left;  font-weight: 600; font-size: 14px;}
.filtrShowLeft { float: left;  font-size: 14px;}
.filterOptionsHidden { display: none;  } 
.filterBox { padding-bottom: 10px; }
ul#filterOptions { list-style: none; }
ul#filterOptions li { float: left; display: block; margin: 3px;}
ul#filterOptions li b { padding: 5px 10px; 	float: left;}
ul#filterOptions li a {	padding: 5px 10px; 	float: left;	border: 1px solid #f7f7f7;	color: #5d5d5d; cursor: pointer; }
ul#filterOptions li a:hover { color: #c5b177; }
ul#filterOptions li.active a { color: #c5b177; border: 1px solid #c5b177;}

#filterRemove {   margin: 0 !important; display: none; }
#filterRemove img { margin-left: 10px; width: 10px; height:auto;  }

.formFaktura { display: none; }





.boxPaddingLeft { border-right: 9px solid #fff;}
.boxPaddingLeft20 { border-right: 20px solid #fff;}
.boxPaddingLeft30 { padding-right: 30px;}
.boxPaddingRight { border-left: 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: 40px 0 0 0; background: url(../_images/website/bgBlackGreyLight.svg);   background-position: top; }
.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; }

.userMainBox1.bgRotate { background: url(../_images/website/bgBlackGreyLight-2.svg);background-position: top;  }

.userMainBox2 img { width: 100%; height: auto; }

.userMainBox3 { padding: 50px 0; }
.userMainBox3 img  { max-width: 80px; float: left; width: 50%;  }
.userMainBox3 .text { float: left; font-size: 20px;width: 50%; padding: 20px 0 0 30px; line-height: 23px; font-weight: 500;}

.userMainBox4  { padding: 50px 0; }
.userMainBox4 .text  { padding: 30px 30px; font-size: 17px; line-height: 23px;}
.boxOtherProducts { padding: 50px 0; } 


.userBox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
	
}

.userBox .item {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    transition: all .2s ease;
    height: 100%;
}

.userBox .item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.userBox .item-header {
    padding: 30px 20px 24px;
    text-align: center;
    border-bottom: 1px solid #ececec;
    min-height: 140px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.userBox .item-header h2 {
	position: relative;
	padding-bottom: 20px;
    margin: 0;
    color: #d81b84;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
}

.userBox .item-header h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);

    width: 40px;
    height: 3px;

    background: #d81b84;
    border-radius: 3px;
}

.userBox .specjalizacja {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #666;
}

.userBox .item-body {
    padding: 25px;
}

.userBox .sekcja {
    margin-bottom: 20px;
}

.userBox .sekcja-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

.userBox .section-icon img {
    width: 25px;
    height: 25px;
	vertical-align: middle;
    filter: invert(23%) sepia(62%) saturate(4614%) hue-rotate(312deg) brightness(86%) contrast(97%);
}

.userBox .godzina {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f2f2f2;
}

.userBox .dzien {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;

    background: #cde3f1;
    color: #d81b84;
    font-size: 14px;
    font-weight: 600;
}

.userBox .czas {
    font-weight: 600;
	padding-left: 10px;
	text-align: right; 
    color: #222;
}
.userBox .czas small{
    font-weight: 500;
	line-height: 10px;
}


.userBox .opis {
    line-height: 1.7;
    color: #444;
}

.userBox .icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fdeff6;
    border-radius: 50%;
}

.userBox .icon img,
.userBox .icon svg {
    width: 45px;
    height: 45px;
    display: block;
	filter: invert(23%) sepia(62%) saturate(4614%) hue-rotate(312deg) brightness(86%) contrast(97%);
}
.table2026 table {  width: 100%; } 
.table2026 h2, .table2026 h3 { font-weight: 900; font-size: 20px; line-height: 40px;   display: inline-block; color: #4ca0d4; padding-top: 30px; }

.table2026 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.table2026 caption{
  text-align: left;
  padding: 14px 16px;
  font-weight: 700;
}

.table2026 thead th {
  position: sticky;
  top: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,0));
  color: #111;
  font-weight: 700;
  letter-spacing: .2px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: left;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,.10);
}

.table2026 tbody td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  vertical-align: top;
}

.table2026 tbody tr:hover td {
  background: rgba(0,0,0,.03);
}

.table2026 tbody tr:last-child td {
  border-bottom: none;
}

.table2026 .date {
  white-space: nowrap;
  font-weight: 600;
}

.table2026 .desc {
  color: rgba(0,0,0,.75);
}

.tableWrap {
  overflow: auto; /* mobilki */
  -webkit-overflow-scrolling: touch;
}


.cennik table { width: 48%; display: inline-block;}
.cennik table tbody { width: 100%;display: inline-block; }
.cennik table th { color: #fff; background-color: #4ca0d4; padding: 10px;}
.cennik table td {  padding: 10px ;   border-bottom: 1px solid rgba(0,0,0,.10);}
.cennik table tr:hover td {   background: rgba(0,0,0,.03); } 
.cennik table td b {  font-weight: 900; }

.userApp { text-align: center; }
.userApp .col-4 { padding: 10px;  }
.userApp .col-4 .box { padding: 10px; border: 1px solid rgba(0,0,0,.10); }
.userApp .col-4 .box:hover {  border: 1px solid #4ca0d4; }
.userApp img { width: 100%; max-width: 250px; }
.userApp .download img { width: 100%; max-width: 150px; }




.boxPaddingTop50 {  padding-top: 50px;}


.placowki .box { display: block; color: #000; width: 95%; margin: 30px 20px 40px 20px; background-color: #fff; font-size: 17px; padding: 40px 15px; -webkit-box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.08); box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.08); -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} 
.placowki .box:hover { background-color: #f5f5f5;  } 
.placowki .box h3 { display:block; font-weight: 800;  color: #000; font-size: 18px; height: 80px; text-align: center;}
.placowki .box img { display:inline-block; width: 100%; height: auto; max-width: 500px;   vertical-align: middle; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} 
.placowki .boxText  { font-size: 14px; line-height: 20px; display:inline-block; padding: 0 20px 0px 20px; }
.placowki .pikto { padding: 5px 0; }
.placowki .pikto .line {display:block;  padding: 0px 20px;  }
.placowki .pikto .line img { height: auto; width: 35px;  margin-right: 5px;  } 
.placowki .pikto .line b { font-weight: 800; font-size: 16px; }
.placowki.row ul {display: flex; flex-wrap: wrap; } 


@media (min-width: 1291px) and (max-width: 1400px) 
{

header .logo a p {  font-size: 22px; line-height: 24px; } 

}




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

header .logo a p {  font-size: 20px; line-height: 22px; } 
header .logo img {  height: 60px;  padding-right: 10px;  }
header .logo_right { margin-left: 10px; }
header .menuMain nav {    padding: 0 50px 0 20px;}
header .menuMain nav ul {   gap: 10px;  }
}

/* tablety */
@media (min-width: 951px) and (max-width: 1050px) 
{
header .logo a p {  font-size: 18px; line-height: 20px; } 
header .logo img {  height: 60px;  padding-right: 5px;  }
header .logo_right { margin-left: 10px; }
header .menuMain nav {    padding: 0 50px 0 20px;}
header .menuMain nav ul {   gap: 8px;  }

}



@media (max-width: 950px) 
{
/*================ MENU 2022================*/
.mobile-menu-box  { top: 15px; left: auto; right: 5px; position: absolute; z-index: 5;   }
.navigationScroll .mobile-menu-box { top: 0px; }
header.navigationScroll { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none;	box-shadow: none; } 
/*================ MENU ================*/	
header .menuTop a.phone { display: none; }
.globalInfoBox { padding: 30px; background-color: #4ca0d4; color: #fff; text-align: center;} 
.globalBoxTree { display: none; }
.globalForm .rightBox { padding-left: 0px; }
.globalForm .leftBox { padding-right: 0px; }
.globalTree {  padding: 10px 10px 10px 10px;margin-bottom: 20px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.globalTree a { padding-right: 5px; color: #000; }
.globalMenuText a {width: 100%;  }
.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: 30px 10px; display: grid;  grid-template-columns: repeat(1, 1fr); grid-gap: 10px;}
.userBorderBottomGrey .globalNewsListHome {grid-template-columns: repeat(1, 1fr); grid-gap: 10px; }
.newsHome .globalNewsListHome {grid-template-columns: repeat(1, 1fr); }


.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; }


/*================================= USER END ===================================*/
header { padding: 0 ; min-height: 80px;  }
header .logo  { text-align: center; width: 100%;padding: 0px 0 20px 0;  }
header .logo img  { float: none;display: block;  width: 100%; max-width:90px; height: auto; padding: 0; margin: 0 auto; }
header .logo_right { margin-left: 10px; padding-top: 80px; }
header .logo_right img { max-width: 70px; }
header .logo a p { float: none;  display: block; }
header .menuTop { margin-bottom: 10px; padding: 10px 0; }
header .menuTop .content1400 { width: 100%; }

header.navigationScroll .mobile-menu-box { display: inline; }
header .menuMain nav { padding: 0; }
header .menuMain nav ul  { display: none; }
main { padding-top: 240px; }
main.page { padding-top: 250px; }
ul.header-info { text-align: center;  } 
ul.header-info li.wcag, ul.header-info li.phone {float: left;   width: 50%; margin: 0 ; text-align: center; }
.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;  }
footer .footer-phone, footer .footer-menu, footer .footer-other{ display: inline-block; text-align: center;  border-bottom: 1px solid #606060;padding: 20px 0; margin: 20px 0; }
footer .footer-phone .col-2_5, footer .footer-other .col-2_5 { padding: 8px;text-align: center; }
footer .footer-phone .nag { display: block; height: auto; } 
footer .footer-phone a { font-size: 16px; }
footer .rodoInfo { padding-top: 10px; }
footer nav ul {  padding: 20px 0 30px 0; display: block;  }
footer nav li { display: block;  width: calc(100% - 20px); padding: 0; margin: 0 10px; }
footer nav li a  { padding: 10px 30px 10px 10px; line-height: 18px;   border-bottom: 1px solid #606060; position: relative;}
footer nav ul.sub-menu {   padding: 20px 20px;  position: relative;}
footer .logo  { padding: 8px; }
footer .logo img { margin-right: 5px; }
footer .footer-ikon { margin-top: 20px; }

.boxLeft { padding-right: 0px; padding-bottom: 50px; }
.boxRight { padding-left: 0px; padding-bottom: 50px;  }
.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 {  padding-top: 20px;}
.boxPaddingBottom { border-bottom: 20px solid #fff; border-top: 0; }
.userPaddingBox { padding: 20px 0; }


.sliderMain { display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px;}
.sliderMain .img {overflow: hidden;     width: 100%;} 
.sliderMain .img img { width: 100%; height: auto; }
.sliderMain .textBanner { height: auto;   padding: 20px; color: #3d3d3d;}
.menu_img_2 {  display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 5px; padding: 10px 0; }
.menu_img {  display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 10px; padding: 10px 0; }
.menu_img img { width: 50px; }
.menu_img h2 { font-size: 20px; line-height: 18px;     word-break: break-word;
    overflow-wrap: break-word;}
.menu_img a { padding: 20px; text-align: center; overflow: hidden; }
.cennik table { width: 100%; display: inline-block; padding-bottom: 30px;}
.cennik table td:first-child { width: 70%; text-align: left; }
.cennik table td { width: 30%; text-align: right; }

.globalBoxTreeLeft { display: none; }
.userBox { grid-template-columns: 1fr;     width: 100%;}
.table2026 {  overflow-x: auto;  }
.mobile-menuBox nav > .menuShowHidden > ul {    padding: 15px 0px;  }
.mobile-menuBox li a {    font-size: 18px;    padding-left: 16px;  }
.mobile-menuBox .sub-menu li a {    font-size: 17px;	padding: 10px;  }
.mobile-menuClose {  position: fixed;  left: auto;   right: 30px;}
.globalNag { padding-left: 20px; }
.globalNag.big h2, .globalNag.big span { width: 100%;  font-size: clamp(20px, 10vw, 50px); }

.placowki .box { margin: 20px 0; padding: 40px 10px;  }
.placowki .box h3 { height: auto; margin-bottom: 15px;  }

}



			
.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:#13284c;color:#fff;padding:10px;left:0;opacity:1;outline:2px solid #13284c;}



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

header .menuMain nav li a:focus {  color: #13284c !important;}
/*================================= 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;}