body {
  font-family: "Barlow", sans-serif;}
.ad-head-slot,
ins.adsbygoogle-defer {
  min-height: 280px;
}
.okr-sub {
  font-size: 1em;
}

  a {
	  color: var(--link-color, #41637D);
	  text-decoration: none;}
  a:hover{
	  color: var(--link-hover, #0B3352);
	  text-decoration: underline;
  }
.loader {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    background: transparent;
   border: 3px solid #3c3c3c;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    font-family: sans-serif;
    font-size: 10px;
    color: #A25700;
    letter-spacing: 2px;
    text-shadow: 0 0 10px #A25700;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	
}
.show-loader
{
    visibility: visible;
    opacity: 1;
}
.hide-loader
{
    visibility: hidden;
    opacity: 0;
}
.loader::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: 104%;
    height: 104%;
    border: 3px solid transparent;
    border-top: 3px solid #A25700;
    border-right: 3px solid #A25700;
    border-radius: 50%;
    animation: animateCircle 1s linear infinite;
}
.loader span {
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    width: 50%;
    height: 4px;
    background:transparent;
    transform-origin: left;
    animation: animate 1s linear infinite;
}
.loader span::before {
    content: '';
    position: absolute;
    top: -6px;
    right: -8px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: #A25700;
    box-shadow: 0 0 10px #A25700;
}
@keyframes animateCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes animate {
    0% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(405deg);
    }
}
.topnav a {
	border-bottom: 2px solid transparent;
}
.topnav a:hover {
	text-decoration:none;
    border-bottom: 2px solid white;
	color:white;

}
#search-data {
	background: #fff url(/images/mob-search-icon.png) no-repeat 9px center;
	border: solid 1px #fff;
	padding: 9px 10px 9px 32px;
	width: 210px;
	flex-shrink: 0;
	/* width:100%; */
}
#search-data:focus {
	width: 420px;
	max-width: 100%;
	min-width:210px;
	background-color: #fff;
	border-color: #333;
	border: solid 1px #fff;
}
/* .search-tbl:hover, */
.search-tbl:focus {
	/* width: 210px; */
	width: 100%;
	/* background-color: #fff; */
	/* border-color: #333; */
	/* border: solid 1px #fff; */
}
.search-tbl {
	width: 210px;
	border: none;
}
.rodm-tbl {
	border: none;
}
/*menu*/
.jquery-accordion-menu,.jquery-accordion-menu *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:0}
.jquery-accordion-menu{min-width:260px;float:left;position:relative;box-shadow:0 10px 10px #D3D3D3}
.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header{width:100%;height:50px;padding-left:22px;float:left;line-height:50px;font-weight:600;color:#ffffff;background:#92645c}
.jquery-accordion-menu ul{margin:0;padding:0;list-style:none}
.jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}
.jquery-accordion-menu ul li a{width:100%;padding:14px 22px;float:left;text-decoration:none;color:#ffffff;font-size:13px;background:#41637D;white-space:nowrap;position:relative;overflow:hidden;-o-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-webkit-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}
.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a{color:#ffffff;background:#5B768C}
.jquery-accordion-menu>ul>li>a{border-bottom:solid 1px #3b424d}
.jquery-accordion-menu ul li a i{width:34px;float:left;line-height:18px;font-size:16px;text-align:left}
.jquery-accordion-menu .submenu-indicator{float:right;right:22px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}
.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}
.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%;display:none;position:static}
.jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}
.jquery-accordion-menu ul ul.submenu li a{width:100%;float:left;font-size:11px;background:#383838;border-top:none;position:relative;border-left:solid 6px transparent;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear}
.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#92645c}
.jquery-accordion-menu ul ul.submenu>li>a{padding-left:30px}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}
.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#555;text-align:center;line-height:18px;background:#f0f0f0;border-radius:100%}
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}
.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.animate-ink{-webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}
@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}
@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}
@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}
@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}

/*lstickad*/
@media screen and (min-width: 1720px) {
#lstickad {
        position: fixed;
        top: 110px;
        left: 10px;
        width: 300px;
		height:80%;
    }
}
@media screen and (min-width: 1630px) and (max-width: 1719px) {
#lstickad {
        position: fixed;
        top: 110px;
        left: 10px;
        width: 250px;
		height:80%;
    }
}
@media screen and (min-width: 1560px) and (max-width: 1629px) {
#lstickad {
        position: fixed;
        top: 110px;
        left: 10px;
        width: 200px;
		height:80%;
    }
}
	
/*post-it stickers*/
.quote-container {
  margin-top: 50px;
  position: relative;
}
.note {
  color: #333;
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-family: Architects, Georgia, serif;
  font-size: 15px;
  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
}
.note .author {
  display: block;
  margin: 40px 0 0 0;
  text-align: right;
}
.yellow {
  background: #FFFFCC;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
.pin {
  background-color: #aaa;
  display: block;
  height: 32px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: -16px;
  z-index: 1;
}
.pin:after {
  background-color: #A31;
  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
              inset 3px 3px 3px hsla(0,0%,100%,.2),
              inset -3px -3px 3px hsla(0,0%,0%,.2),
              23px 20px 3px hsla(0,0%,0%,.15);
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}
.pin:before {
  background-color: hsla(0,0%,0%,0.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: '';
  height: 24px;
  width: 2px;
  left: 0;
  position: absolute;
  top: 8px;
  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);
  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
}
/************************/

.klingon {
  color: #000;
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-family: Klingon;
  font-size: 2rem;
}

.aurebesh {
  color: #000;
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-family: AurebeshB;
  font-size: 2rem;
}

.runes {
  color: #000;
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-family: RunesB;
  font-size: 2rem;
}

.fonetNato {
  color: #000;
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 1.6rem;
}
#wish1 {
  	font-size: 1.5rem;
	color:#DB5E0E;
  font-family: Architects;
}
#wish2 {
  	font-size: 1.2rem;
	color:#E88509;
  font-family: Architects;
}
#wisdes {
  	font-size: 2.3rem;
	color:#E88509;
  font-family: Architects;
}
#wisdes1 {
  	font-size: 1.1rem;
	color:#E88509;
  font-family: Architects;
}
#wis a{
	text-underline:none;
}

.share {
	color:#e88f09;
}
.share:hoover {
	color:#dba20e;
}

.footer-close {
			cursor: pointer;
			color: #b2b2b2;
			background: #fff;
			line-height: 20px;
			display: inline-block;
			font-size: 20px;
			position: absolute;
			top: 5px;
			right: 5px;
			height: 24px;
			width: 21px;
}
.footer-wid {
			background-color:rgba(255, 255, 255, 0.6);
			border-top:1px solid lightgray;
			padding-top:5px;
}
#RightFloatAds{
	right: 0px;
	position: fixed;
	text-align: center;
	top: 0px;
	z-index:10000;
}

/*  HSL */

.input_flds0{
  position: relative;
}

.input_fields_back0 {
	position: absolute;
	background-color:#006633;
	border-right:4px solid #000000;
	border-bottom:1px solid #000000;
	padding-left:2px;
	margin-left:2px;
	height:45px;
	z-index:-100;
	width:100%;
}

.input_fields_wrap0 {
	position: absolute;
	top:6px;
	/* background-color:#ffefbf; */
	margin-left:6px;
	height:42px;
} 
 
.input_fields_wrap_bottom0 {
	position: absolute;
	top:45px;
	background-color:#006633;
	transform:skew(-20deg, 0deg); 
	border-top:1px solid #000000;
	border-right:4px solid #000000;
	border-bottom:5px solid #000000;
	padding-bottom:2px;
	height:13px;
	width:100%;
} 

.input_flds1{
  position: relative;
}

.input_fields_back1 {
	position: absolute;
	background-color:#006633;
	border-right:4px solid #000000;
	border-bottom:1px solid #000000;
	padding-left:2px;
	margin-left:2px;
	height:45px;
	z-index:-100;
	width:100%;
}

.input_fields_wrap1 {
	position: absolute;
	top:6px;
	/* background-color:#ffefbf; */
	margin-left:6px;
	height:42px;
} 
 
.input_fields_wrap_bottom1 {
	position: absolute;
	top:45px;
	background-color:#006633;
	transform:skew(-20deg, 0deg); 
	border-top:1px solid #000000;
	border-right:4px solid #000000;
	border-bottom:5px solid #000000;
	padding-bottom:2px;
	height:13px;
	width:100%;
} 

.input_flds2{
  position: relative;
}

.input_fields_back2 {
	position: absolute;
	background-color:#006633;
	border-right:4px solid #000000;
	border-bottom:1px solid #000000;
	padding-left:2px;
	margin-left:2px;
	height:45px;
	z-index:-100;
	width:100%;
}

.input_fields_wrap2 {
	position: absolute;
	top:6px;
	/* background-color:#ffefbf; */
	margin-left:6px;
	height:42px;
} 
 
.input_fields_wrap_bottom2 {
	position: absolute;
	top:45px;
	background-color:#006633;
	transform:skew(-20deg, 0deg); 
	border-top:1px solid #000000;
	border-right:4px solid #000000;
	border-bottom:5px solid #000000;
	padding-bottom:2px;
	height:13px;
	width:100%;
} 

.input_flds3{
  position: relative;
}

.input_fields_back3 {
	position: absolute;
	background-color:#006633;
	border-right:4px solid #000000;
	border-bottom:1px solid #000000;
	padding-left:2px;
	margin-left:2px;
	height:45px;
	z-index:-100;
	width:100%;
}

.input_fields_wrap3 {
	position: absolute;
	top:6px;
	/* background-color:#ffefbf; */
	margin-left:6px;
	height:42px;
} 
 
.input_fields_wrap_bottom3 {
	position: absolute;
	top:45px;
	background-color:#006633;
	transform:skew(-20deg, 0deg); 
	border-top:1px solid #000000;
	border-right:4px solid #000000;
	border-bottom:5px solid #000000;
	padding-bottom:2px;
	height:13px;
	width:100%;
} 

.input_flds4{
  position: relative;
}

.input_fields_back4 {
	position: absolute;
	background-color:#006633;
	border-right:4px solid #000000;
	border-bottom:1px solid #000000;
	padding-left:2px;
	margin-left:2px;
	height:45px;
	z-index:-100;
	width:100%;
}

.input_fields_wrap4 {
	position: absolute;
	top:6px;
	/* background-color:#ffefbf; */
	margin-left:6px;
	height:42px;
} 
 
.input_fields_wrap_bottom4 {
	position: absolute;
	top:45px;
	background-color:#006633;
	transform:skew(-20deg, 0deg); 
	border-top:1px solid #000000;
	border-right:4px solid #000000;
	border-bottom:5px solid #000000;
	padding-bottom:2px;
	height:13px;
	width:100%;
} 

.illtr {
	background-color:#fff5d9;
	 opacity: 0.8;
	width:42px;
	height:42px;
	border-left:1px solid #000;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-radius: 6px;
	margin-left:1px;
	margin-top:4px;
	color:#006633;
	font-size:27px;	
	font-family: Arial;
	font-weight:bold;
    text-transform: capitalize;
	text-align:center;
	box-shadow: 4px -3px #948e7c;
}

.illtr::placeholder {
	display:flex;
	position:relative;
  color: #242415;
  font-size:14px;
  font-family: "Barlow", sans-serif;
  text-align:right;
  right:2px;
  bottom:-10px;
}

.pkt{
	color:#002699;
	font-size:22px;
    /* font-family: Architects; */
	text-align:center;
}
.search_desc {
	color:#555555;
	font-size:15px;
	/* font-style:italic; */
    /* font-family: Architects; */
	text-align:left;
}

#ltr{
	border:none; 
	/* width:50px; height:50px;  */
	background:#fcfaff; 
	color:#002699; 
	border-radius:4px; 
	-moz-border-radius:4px; 
	-web-kit-border-radius:4px; 
	-khtml-border-radius:4px; 
	text-align:left; 
	text-align-last: left; 
	/* font-weight:800;  */
	font-size:25px;
	padding-left:2px;
}

@media screen and (max-width: 406px) {
#ltr{
	border:none; 
	/* width:50px; height:50px;  */
	background:#fcfaff; 
	color:#002699; 
	border-radius:4px; 
	-moz-border-radius:4px; 
	-web-kit-border-radius:4px; 
	-khtml-border-radius:4px; 
	text-align:center; 
	text-align-last: center; 
	/* font-weight:800;  */
	font-size:25px;
	padding-left:2px;
}
}

#przyklady{
	border:1px solid #948e7c;
	border-radius: 6px;
	box-shadow: 0 5px 5px #D3D3D3;
	/* background:#fffbf2;  */
	text-align:center;
}

#searchPass{
	color:#002699;
	font-size:30px;
    /* font-family: Architects; */
	text-align:center;
}

#searchDef{
	margin-top:20px;
	color:#002699;
	font-size:30px;
    /* font-family: Architects; */
	text-align:center;
}

#deff{
	width:60min;
	height:100px;
	border:2px solid #000;
	color:#0040ff;
	font-size:20px;	
    font-family: Architects;
    /* font-family: 'caveat', cursive; */
    /* text-transform: capitalize; */
	/* text-align:center; */
}

/* As hex codes */
.color-primary-0 { color: #2C516F }	/* Main Primary color */
.color-primary-1 { color: #5B768C }
.color-primary-2 { color: #41637D }
.color-primary-3 { color: #194160 }
.color-primary-4 { color: #0B3352 }
.color-bg-primary-0 { background-color: #2C516F }	/* Main Primary color */
.color-bg-primary-1 { background-color: #5B768C }
.color-bg-primary-2 { background-color: #41637D }
.color-bg-primary-3 { background-color: #194160 }
.color-bg-primary-4 { background-color: #0B3352 }
/* As RGBa codes */
.rgba-primary-0 { color: rgba( 44, 81,111,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba( 91,118,140,1) }
.rgba-primary-2 { color: rgba( 65, 99,125,1) }
.rgba-primary-3 { color: rgba( 25, 65, 96,1) }
.rgba-primary-4 { color: rgba( 11, 51, 82,1) }

.color-complement-0 { color: #AC7C3C }	/* Main Complement color */
.color-complement-1 { color: #D9B688 }
.color-complement-2 { color: #C2985F }
.color-complement-3 { color: #956320 }
.color-complement-4 { color: #7F4C09 }

.color-bg-complement-0 { color: #AC7C3C }	/* Main Complement color */
.color-bg-complement-1 { color: #D9B688 }
.color-bg-complement-2 { color: #C2985F }
.color-bg-complement-3 { color: #956320 }
.color-bg-complement-4 { color: #7F4C09 }

.rgba-complement-0 { color: rgba(172,124, 60,1) }	/* Main Complement color */
.rgba-complement-1 { color: rgba(217,182,136,1) }
.rgba-complement-2 { color: rgba(194,152, 95,1) }
.rgba-complement-3 { color: rgba(149, 99, 32,1) }
.rgba-complement-4 { color: rgba(127, 76,  9,1) }

#poprawst>a:hover{
	background-color:#5B768C;
	text-decoration: underline;
}

.btn-custom {
    background-color: #fff;
    color: #956320;
    border-color: #AC7C3C;
}

.btn-custom:hover {
    background-color: #7F4C09;
    color: #fff;
    border-color: #7F4C09;
}
.btn-custom.disabled-letter {
	background-color: #fff;
    color: #D9B688;
    border-color: #D9B688;
}
.btn-custom.active {
	background-color: #7F4C09;
    color: #fff;
    border-color: #7F4C09;
}