/*   Created by Tomasz Michalowsky */
body,html {  padding:0;
  margin: 0 auto;   
 font-size:15px;  
 color:#444755; 
 text-align:center;
 font-family:Verdana, Arial, sans;
background-color:#fff;
 
  
/* Blue System Google Partner XMC 
background-image:url(/bg.jpg); background-size: 100% 100%;  */
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	background-position:center top; 
 max-width:1420px;
} 
.padding p{ padding-left:28px;padding-right:28px;}
@media screen and (max-width:769px){
.padding p {padding-left:8px;padding-right:8px;}
}
.gt {padding:18px 2px; }
.wp-block-image,.padding h2,.padding h3 {padding:18px 2px;display:flex;justify-content:center;}
.wp-block-image img {margin:24px 2px;height:auto;max-width:700px;border-radius:12px; }
article a {text-decoration:none;color:#18252f;}
article a:hover {text-decoration:none;color:#18252f;}
.half {
	width: 50%;
	float: left;
}
.ng-row {
	clear: both;
}
 
.group { padding:10px; } 
.left {
    float: right;
    width: 28%;
}
.right {
    float: left;
    width: 72%;
}
.group:after {
    content:"";
    display: table;
    clear: both;
}
 
@media screen and (max-width: 880px) {
    .left, 
    .right {
        float: none;
        width: auto;
    }
}
 


nav {margin-bottom:12px;}
.antk {font-size:16px;padding:14px;}
.antk a{font-size:16px;}
.cont{background-color: #fff;
-webkit-box-shadow: 0 0 18px #fff;

box-shadow: 0 0 18px #fff;

-webkit-border-radius:  0.8em;
  border-radius:  0.8em;
 padding:10px; margin-bottom:32px; margin-top:12px;
}
header { margin:10px 0px;background: linear-gradient(90deg,#fff, #ccc, #fff); background-color: #fff; }
 

a { text-decoration: underline;  color:#46495c; }
a:hover { text-decoration: underline;   color:#dc271e; }
textarea,  input, select  { 
-webkit-border-radius: 5px;
  border-radius:5px;
background: linear-gradient(-180deg, #fefefe,#fff,#fefefe ); background-color: #fff;

box-shadow: 0 5px 6px hsla(0,90%,0%,.2); }

.g1 {float:left; margin:0 12px 12px 0 ;} 
.gx { margin:2px 12px; padding:0px 16px;  text-align:left;}  

ul { list-style: none; }
 
 
b {font-size: 104%;}
em{color: red;}
.sh { text-align:center; padding:2px; }
.cc {  text-align:justify;  }
 
#latest-post { padding: 20px; border: 1px solid #E7E7E7; }
 
.post {  margin:0px 10px; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #F2F2F2; }

 
  
.byline { color: #666; margin: 0 0 20px 0; }
  
   
 
 
#navcontainer
{    color: #46495c;
	padding:5px 0; 
	margin:5px;
} 
 
ul#navlist
{ 
    text-align:left;
		margin: 0;
		padding: 0;
		border: none;
    width: 100%;
}
ul#navlist li
{
  border-bottom: 1px dashed #727883; margin:6px;
}

ul#navlist li a
{ margin:0 4px;
padding:8px 2px;
	color:#46495c;	text-align:left;
  font-size:16px;  
		display: block; 
		text-decoration: none;
    font-weight: bolder;
}
#navcontainer>ul#navlist li a {    }
ul#navlist li#active a { 
 
}

ul#navlist li a:hover, ul#navlist li#active a:hover { color:#dc271e; 
-webkit-border-radius: 0.4em;
  border-radius: 0.4em;

 
text-shadow:0px 0px 12px #fff;   

text-shadow:0px 0px 12px #fff;    
}

#tb { background-color: #95121E; }
 
aside img {max-width:98%; height:auto; 
 
  border-radius: 8px;
box-shadow: 0 0 12px #333;} 

aside  {color:#66748e;}

 
.trn1,.trn {letter-spacing:8px; color:#333;text-transform:uppercase;font-size:16px;padding:24px;}
.f   {color:#456474; text-align:center;font-size:12px;}
.f a {color:#456474;}
 
aside a {color:#444;}
.ho a {color:#f2f2f4; }

.t{ 
margin:38px 5px; padding:26px 34px;
background: linear-gradient(660deg, #f3f3f3,  #fff,#f3f3f3); background-color: #fff;
border-top:2px dashed #333; border-bottom:2px dashed #333;  }

.t a {font-weight:normal;}

.c {margin:0 10px;}
#menu { position:sticky; top:0; z-index:106;   top:0;  
 border-radius:5px;
	background: linear-gradient(60deg, #0a4ac1, #4b5a76,  #0a4ac1); background-color: #0a4ac1;
	color: #FFF;
	height: 54px;
	padding-left: 24px; transition:background-color 1s linear;
}
#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	list-style: none
}
#menu ul {
	width: 100%;
}
#menu li {
	float: left;
	display: inline;
	position: relative;
}
#menu a {
	display: block; transition:background-color 1s linear;
	line-height: 56px;
	padding: 0 14px;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 18px;
}
#menu a.dropdown-arrow:after {
	content: "\25BE";
	margin-left: 5px;
}
#menu li a:hover {
	color: #4b5a76;
	background: #F2F2F2 !important;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 54px;
	width: 100%;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	line-height: 52px;
	text-align: center;
	position: absolute;
	left: 35px
}
#menu label:before {
	font-size: 1.6em;
	content: "\2261"; 
	margin-left: 20px;
}
#menu ul.sub-menus{
	height: auto;
	overflow: hidden;
	width: 170px;
	background: #444444;
	position: absolute;
	z-index: 99;
	display: none;
}
#menu ul.sub-menus li {
	display: block;
	width: 100%;
}
#menu ul.sub-menus a {
	color: #FFFFFF;
	font-size: 16px;
}
#menu li:hover ul.sub-menus {
	display: block
}
#menu ul.sub-menus a:hover{
	background: #F2F2F2;
	color: #444444;
}
@media screen and (max-width: 800px){
	#menu {position:relative}
	#menu ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
	#menu ul.sub-menus {width:100%;position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block;float:none;width:auto;}
	#menu input, #menu label {position:absolute;top:0;left:0;display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:white}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}
}
article {margin:12px 10px; border:1px dashed #55586b; padding:16px; line-height:182%;font-size:17px;
 
-webkit-border-radius: 8px;
  border-radius:8px;
 text-align:justify;
color:#18252f;}
 
.hh1 a   {display:block; padding:24px 2px; margin:0; color:#46495c; 
font-weight:bolder;font-size:30px; font-size:4vw; 
   font-family:Arial, sans; letter-spacing:2px;
   text-align:center;
 
 }
 
.hh1 a:hover   {  color:red;  }
.more-link,.submit {margin:32px 22px!important;
    display: inline-block;font-weight:700!important;
    padding: 12px 22px;background: linear-gradient(60deg, #ff0024, #ba0922,  #ff0024); background-color: #ff0024;
    
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}
h1,h2,h3,h4 { word-wrap:break-word;
    overflow-wrap: break-word;}
 
.more-link:hover,.submit:hover {color:#fff!important;
 background: linear-gradient(66deg, #000,#333,#000)!important; background-color:#000;box-shadow:0 0 4px #666!important;
} 
 
.hh2   { padding:18px 24px; margin:0px 4px 6px 4px; color:#f2f2f4; font-weight:bolder;  line-height:118%; letter-spacing:1px;
background: linear-gradient(60deg, #ff0024, #ba0922,  #ff0024); background-color: #ff0024;
font-size:34px;


-webkit-border-radius:  0.3em;
  border-radius:  0.3em;

 }
.hh2  a {display:inline-block;  font-size:34px;
text-shadow:0px 0px 1px #fff;   
  
  color:#f2f2f4; font-weight:bolder;  
 
 } 
.hh2  a:hover {  color:#dbddea;  transition:color 1s ease; }  

h3   { padding:18px 2px; margin:12px 4px; color:#4b5a76; font-weight:bold; letter-spacing:2px;
 border-bottom:2px dashed #4b5a76;
font-size:26px;
text-shadow:0px 0px 1px #333;   

 }
h3  a {display:inline-block;  
 color:#f2f2f4;  
 
 } 
 
 
.pa{color:#58616b; margin:0px;}

section{padding-top:2px;padding-bottom:2px;border:1px dashed #55586b; 
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
  border-radius:8px; 
}

.fb,.fb1 { text-align:center;  
margin:12px 0; padding:24px 4px;
}
.fb img,.fb1 img  {padding: 0px; margin:12px 6px;  
-webkit-border-radius: 5px;
  border-radius:5px; 
 
}

.fb a:hover,.fb1 a:hover{
-webkit-filter: brightness(1.2) drop-shadow(0px 0px 4px #555); 
filter: brightness(1.2) drop-shadow(0px 0px 4px #555);
} 
.fb a,.fb1  a{
margin:8px;
} 
 
 
 
footer {margin:36px 10px 64px 10px;padding:42px 20px;border-top-left-radius:126px;border-top-right-radius:126px;
border-bottom-left-radius:12px;border-bottom-right-radius:12px;border:1px dashed #666;}
  
 

header, nav {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }

.cno,.cno2,.cno1    {text-align:center; margin:auto; display:flex; justify-content:center; align-items:center;}

.cno a,.cno2 a,.cno1 a  {  filter: brightness(100%); 
  transition: transform .3s ease; 
  margin:auto; text-align:center; 
}

.cno a:hover,.cno2 a:hover,.cno1 a:hover   {filter: brightness(110%);
  transform: scale(1.04);  
}
 

 

 

.animate.a1 {padding:50px 10px;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes swing {
  20% {
  -webkit-transform: rotate3d(0, 0, 1, 15deg);
  transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
  -webkit-transform: rotate3d(0, 0, 1, -10deg);
  transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
  -webkit-transform: rotate3d(0, 0, 1, 5deg);
  transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
  -webkit-transform: rotate3d(0, 0, 1, -5deg);
  transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  }
  }
  @keyframes swing {
  20% {
  -webkit-transform: rotate3d(0, 0, 1, 15deg);
  transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
  -webkit-transform: rotate3d(0, 0, 1, -10deg);
  transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
  -webkit-transform: rotate3d(0, 0, 1, 5deg);
  transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
  -webkit-transform: rotate3d(0, 0, 1, -5deg);
  transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  }
  }
.animate.wp-block-image {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 6;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 6;}
  }