/*------------------------RESET---------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; text-decoration:none; list-style-type: none;}
article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block; }
/*------------------------------------------------------*/

#pn_iprvid { margin-bottom:0.5rem; }

.mce-content-body .gm_rewardads { border-top:2px solid black; border-bottom:2px solid black; min-height:50px; }
.mce-content-body .gm_rewardads:before { content:'Skryto - reklama - zacatek'; text-align:center; width:100%; display:block; background-color:Black; color:gray; padding:2px 0px 10px 0px; }
.mce-content-body .gm_rewardads:after { content:'Skryto - reklama - konec'; text-align:center; width:100%; display:block; background-color:Black; color:gray; padding:2px 0px 10px 0px; }

.banner-fixing2 { margin-bottom:1em; }

.impZnacka { line-height: 10px; width:100%; height:10px; background-color:Red; display:block; }

#rswg { display: block; max-height: 0; overflow: hidden; animation: rozbaleniSWG 1s forwards 0s; margin-bottom:1em; border:none !important; }
#rswg img { width:100%; max-width: 480px; }

#rswgcl { display: block; }
#rswgcl img { max-width:700px; }

@keyframes rozbaleniSWG {
    to {
        max-height: 500px;
    }
}

@media screen and (max-width: 1080px)         
{
  #rswgcl { display: none; }
}
@media screen and (min-width: 1080px)         
{
  #rswg { display: none; }
}

@media screen and (max-width: 1080px)         
{
  #amvidcl { display: none; }
}
@media screen and (min-width: 1080px)         
{
  #amvidmadcl { display: none; }
}


.clear { clear: both;height: 1px; line-height: 1px; overflow: hidden; margin-bottom: -1px; }
.chyba { background-color:#c81816; color:#ffffff; text-align:center; font-size:14px; padding:5px 0px 5px 0px; margin:2px auto 0px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/*.gallery-detail .video-js { min-width:100%; max-width:100%; }*/

/* styl definující umístění elementu určeného pro vykreslení brandingu k hornímu okraji okna prohlížeče a vodorovně uprostřed okna prohlížeče */
#ssp-zone-248462-branding {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
}
/* definice vlastností třídy adFull, která se elementu s brandingem přiřadí v okamžiku, kdy je do něj úspěšně vykreslena reklama; určuje šířku (2000 px) a výšku (1400 px) elementu s brandingem */
#ssp-zone-248462-branding.adFull {
  width: 2000px;
  height: 1400px;
}
/* příklad definice odsazení těla stránky (předpokládáme umístění v elementu div#page) o 226 px od horního okraje po vykreslení brandingu */
#ssp-zone-248462-branding.adFull ~ #page {
  position: relative;
  top: 226px;
}


 .header nav > ul > li > a.bjp                     {color: white; background: #e51737;}
 .header nav > ul > li > a.bjp:hover               {color: black; }

.kaocSez .seznamAd--wrapper                                  { position:fixed; bottom:0px; width:100%; z-index:999999; }
.kaocSez .seznamAd--wrapper .seznamAd--cButton               { background-color:Black; width:160px; cursor:pointer; line-height:52px; text-align:center; font-size:18px; position:absolute; right:0px; color:White; }
.kaocSez .seznamAd--wrapper .content                         { /*height:265px;*/ padding:0px !important; width:100%; background-color:Black; margin-top:52px; }
.kaocSez .seznamAd--wrapper .content > div                   { /*width:500px;*/ /*height:200px;*/ margin:0px auto; display:block; /*position:relative; top:0px;*/ }

.pcHide             { margin-top:20px; display:block; }
@media screen and (min-width: 1080px)         {
  .pcHide             { display:none!important; }
  }
  
  #discussion > iframe { width:100%; }

html                                            {display: block; width: 100%; height: 100%; font-size: 46px; background: rgb(240,240,240);}
body                                            {display: block; width: 100%; position: relative; font-size: 18px; font-family: 'Poppins', sans-serif; overflow-x: hidden; overflow-y: auto;}
body.fixed                                      {overflow: hidden;}
form                                            {display: block; width: 100%; overflow-x: hidden;}
.wrapper                                        {display: block; width: 100%; background: white; margin: 0 auto; position: relative; z-index: 1;}
.content                                        {display: block; width: 100%; position: relative; padding: 0 1.1em 1.1em; box-sizing: border-box;}
  @media screen and (min-width: 1080px)         {
  .wrapper                                      {max-width: 1060px;}
  }
  @media screen and (max-width: 768px)          {
  body                                          {font-size: 16px;}
  }  
  @media screen and (max-width: 540px)          {
  body                                          {font-size: 15px;}
  }    
  @media screen and (max-width: 440px)          {
  body                                          {font-size: 14px;}
  }  

.banner-2000x1400                               {display: block; width: 2000px; position: fixed; left: calc(50% - 1000px); top: 0;}
/*.banner-2000x1400 img                           {display: block; width: 2000px;}*/
  @media screen and (max-width: 1080px)         {
  .banner-2000x1400                             {display: none !important;}
  }

.banner-200h                                    {display: block; max-width: 100%; width: 970px; height: 210px; margin: 0px auto; position:relative; z-index:9999; }
  @media screen and (max-width: 1080px)         {
  .banner-200h                                  {display: none;}
  }

.banner-2560x1440                               {display: block; width: 2560px; position: fixed; left: calc(50% - 1280px); top: 0;}
.banner-2560x1440 img                           {display: block; width: 2000px; margin: 0 auto;}
  /*@media screen and (max-width: 1366px)         {*/
  @media screen and (max-width: 1080px)         {
  .banner-2560x1440                             {display: none !important;}
  }

.banner-226h                                    {display: block; max-width: 100%; width: 1100px; height: 226px; margin: 0px auto; position: relative; z-index: 9999;}
.banner-226h.o2                                 {height: 0; margin-top: 226px;}
  /*@media screen and (max-width: 1366px)         {*/
  @media screen and (max-width: 1080px)         {
  .banner-226h                                  {display: none;}
  }


/* HEADER ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.header                                             {display: flex; width: 100%; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; z-index: 1000; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out;}
.header .logo                                       {display: flex; height: 4em; align-items: center; margin: 1em 0; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.header .logo img                                   {display: block; height: 100%; margin-right: 1em; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;} 
.header .logo span                                  {display: block; font-size: 1.2em; line-height: 1.1em; margin-top: 0.2em; color: #191817; font-family: 'Alfa Slab One', serif;}
.header #navicon                                    {display: none;}
.header > div                                       {display: flex; align-items: center; flex-wrap: wrap; font-size: 1.2em;}
.header > div .search                               {display: block; width: 15em; height: 2em; position: relative; margin-right: 1em;}
.header > div .search input                         {display: block; width: 100%; height: 100%; font-size: 0.7em; font-weight: 600; background: rgba(0,0,0,0.08); padding: 0 2em 0 0.9em; box-sizing: border-box; border: solid 3px transparent; outline: none; font-family: 'Poppins', sans-serif; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.header > div .search input::placeholder            {color: #9e9e9e; opacity: 1;}
.header > div .search input:-ms-input-placeholder   {color: #9e9e9e;}     
.header > div .search input::-ms-input-placeholder  {color: #9e9e9e;}
.header > div .search input:focus                   {background: white; border-color: #e51737;}
.header > div .search button                        {display: block; width: 2em; height: 2em; font-size: 1em; opacity: 0.35; position: absolute; right: 0; top: 0; background: URL('images/button-search.svg') no-repeat center center; background-size: 40% 40%; outline: none; border: none; cursor: pointer; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.header > div .search button:hover                  {opacity: 1;}
.header > div ul                                    {display: flex;}
.header > div ul li                                 {display: block; width: 1.6em; height: 1.6em; margin-left: 0.2em;}
.header > div ul li a                               {display: flex; width: 100%; height: 100%; align-items: center; position: relative;} 
.header > div ul li a img                           {display: block; width: 100%; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.header > div ul li a img:nth-child(1)              {opacity: 1;}
.header > div ul li a img:nth-child(2)              {opacity: 0; position: absolute; left: 0; top: 0;}
.header > div ul li a:hover img:nth-child(1)        {opacity: 0;}
.header > div ul li a:hover img:nth-child(2)        {opacity: 1;}
.header nav                                         {display: block; width: 100%; font-family: 'Alfa Slab One', serif; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.header nav > ul                                    {display: flex; justify-content: center; align-items: center;}
.header nav > ul > li                               {display: block; position: relative;}                                       
.header nav > ul > li > a                           {display: block; text-transform: uppercase; box-sizing: border-box; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
  @media screen and (min-width: 768px)              {
  .header nav > ul                                  {width: calc(100% + 2.2em); margin-left: -1.1em; background: #191817;}
  .header nav > ul > li > a                         {color: white; padding: 1em 1.3em;}
  .header nav > ul > li > a:hover                   {color: #e51737;}            
  .header nav > ul > li > a.sel                     {color: white; background: #e51737;}
  }
  @media screen and (max-width: 768px)              {
  .header                                           {justify-content: flex-start; font-size: 1em;}
  .header #navicon                                  {display: block; width: 1.6em; height: 1.6em; margin-right: 1.2em; position: relative;}
  .header #navicon img                              {display: block; width: 100%; height: 100%; cursor: pointer; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}  
  .header #navicon img:nth-child(1)                 {opacity: 1;}
  .header #navicon img:nth-child(2)                 {opacity: 0; position: absolute; left: 0; top: 0;}
  .header #navicon img:nth-child(3)                 {opacity: 0; position: absolute; left: 0; top: 0;}
  .header #navicon img:nth-child(4)                 {opacity: 0; position: absolute; left: 0; top: 0;}
  .header #navicon:hover img:nth-child(1)           {opacity: 0;}
  .header #navicon:hover img:nth-child(2)           {opacity: 1;}
  .header #navicon.cross img:nth-child(1)           {opacity: 0;}
  .header #navicon.cross img:nth-child(2)           {opacity: 0;}
  .header #navicon.cross img:nth-child(3)           {opacity: 1;}
  .header #navicon.cross:hover img:nth-child(3)     {opacity: 0;}
  .header #navicon.cross:hover img:nth-child(4)     {opacity: 1;}
  .header .logo                                     {height: 4em; z-index: 2000;}
  .header > div                                     {width: 100%;}
  .header > div .search                             {order: 1; width: calc(100% + 2.2em); height: 3em; font-size: 1.2em; margin: 0 -1.1em;}
  .header > div .search input                       {background: #191817; color: white; padding: 0 4em 0 1.5em;}
  .header > div .search input:focus                 {background: black; border-color: transparent;}
  .header > div .search button                      {width: 3em; height: 3em; right: 0.2em; top: -0.06em; background-image: URL('images/button-search-mobile.svg'); background-size: 30% 30%;}
  .header > div > ul                                {position: absolute; right: 0em; top: 1.7em;}
  .header nav.show                                  {left: 0; opacity: 1;}
  .header #navicon.cross span                       {background-position: center bottom;}
  .header #navicon.cross span:hover                 {opacity: 0.8;}
  .header nav                                       {display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; overflow: auto; opacity: 0; padding: 12em 3.8em 4em; position: fixed; left: -9999px; top: 0; background: white; z-index: -1; box-sizing: border-box; overflow-y: auto; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s;}
  .header nav > ul                                  {display: block; width: 100%; height: auto; position: relative; z-index: 5000;}
  .header nav > ul > li                             {display: block; height: auto; padding: 0.5em 0; box-sizing: border-box;}                                       
  .header nav > ul > li > a                         {opacity: 0; font-size: 2em; color: #191817;}
  .header nav > ul > li > a:hover,            
  .header nav > ul > li > a.sel                     {color: #e51737;}
  .header nav.show > ul > li > a                    {animation-name: show; animation-duration: .2s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: forwards;}
  .header nav.show > ul > li:nth-child(1) a         {animation-delay: 0.1s;} 
  .header nav.show > ul > li:nth-child(2) a         {animation-delay: 0.2s;} 
  .header nav.show > ul > li:nth-child(3) a         {animation-delay: 0.3s;} 
  .header nav.show > ul > li:nth-child(4) a         {animation-delay: 0.4s;} 
  .header nav.show > ul > li:nth-child(5) a         {animation-delay: 0.5s;} 
  }
  @media screen and (max-width: 380px)              {
  .header                                           {font-size: 0.9em;}
  }
  @keyframes show                                   {
                                                    0%   {opacity: 0; margin-left: -35px;}
                                                    100% {opacity: 1; margin-left: 0px;}
  } 

.footer                                                         {display: block; width: 100%;}
.footer .form                                                   {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; background: #191817; padding: 1.1em; box-sizing: border-box;}
.footer .form > div                                             {display: block; width: 100%; height: auto; font-weight: 400; position: relative;}
.footer .form > div:nth-of-type(4)                              {width: 100%;}
.footer .form > div input,
.footer .form > div textarea                                    {display: block; width: 100%; height: 4em; color: white; font-weight: 600; background: black; padding: 1.2em; outline: none; border: solid 1px transparent; font-family: 'Poppins', sans-serif; box-sizing: border-box; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.footer .form > div textarea                                    {width: 100%; height: 250px;}
.footer .form > div input::placeholder                          {color: #858585; font-weight: 600;}
.footer .form > div input:-ms-input-placeholder                 {color: #858585; font-weight: 600;}     
.footer .form > div input::-ms-input-placeholder                {color: #858585; font-weight: 600;}
.footer .form > div textarea::placeholder                       {color: #858585; font-weight: 600;}
.footer .form > div textarea:-ms-input-placeholder              {color: #858585; font-weight: 600;}     
.footer .form > div textarea::-ms-input-placeholder             {color: #858585; font-weight: 600;}
.footer .form > div input:focus,
.footer .form > div textarea:focus                              {border-color: #7f7575;}
.footer .form .send                                             {display: flex; width: 100%; justify-content: space-between; align-items: center; margin-top: 0.5em;}
.footer .form .send .checkbox                                   {display: flex;} 
.footer .form .send .checkbox a                                 {color: white; font-size: 0.8em; opacity: 0.5;}
.footer .form .send .checkbox a:hover                           { text-decoration:underline; }
.footer .form .send .checkbox label                             {color: white; font-size: 0.8em; opacity: 0.5;}
.footer .form .send .checkbox label:hover,
.footer .form .send .checkbox input.chk1:checked + label        {opacity: 1;}
.footer .form .send .button                                     {font-size: 0.8em; color: #c9c9c9;}
.footer .form .send .button:hover                               {color: #e51737;}
.footer .bottom                                                 {display: flex; width: 100%; justify-content: space-between; background: black; padding: 1.1em; box-sizing: border-box;}
.footer .bottom ul                                              {display: flex; align-items: center;}
.footer .bottom ul li                                           {display: block; color: #4b4b4b; font-weight: 800; font-size: 0.8em; padding-right: 1em; margin-right: 1em; border-right: solid 1px #4b4b4b;}
.footer .bottom ul li:last-child                                {margin-right: 0; padding-right: 0; border-right: none;}
.footer .bottom a                                               {color: #4b4b4b; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.footer .bottom a:hover                                         {color: #848484;}
  @media screen and (min-width: 768px)                          {
  .footer .form > div                                           {width: calc(33.33% - 0.2em); margin-bottom: 0.3em;}
  .footer .form > div:nth-of-type(1),
  .footer .form > div:nth-of-type(2)                            {margin-right: 0.3em;}
  .footer .form > div input,
  .footer .form > div textarea                                  {font-size: 0.8em;}
  } 
  @media screen and (max-width: 768px)                          {
  .footer .form > div                                           {margin-bottom: 5px;}
  .footer .form .send                                           {justify-content: center; flex-wrap: wrap;}
  .footer .form .send .checkbox                                 {width: 100%; justify-content: center; margin: 1.1em 0;}
  .footer .form .send .button                                   {font-size: 1.1em;}
  .footer .bottom                                               {display: block;}
  .footer .bottom ul                                            {display: block;}
  .footer .bottom ul li                                         {width: 100%; text-align: center; padding: 0.3em 0; margin: 0; border-right: none;}
  .footer .bottom ul:first-child                                {font-size: 1.3em; margin-bottom: 1.3em;}
  }   

.button                                         {display: flex; justify-content: center; align-items: center; outline: none; cursor: pointer; background: none; text-transform: uppercase; font-weight: 800; position: relative; border: none; box-sizing: border-box; font-family: 'Poppins', sans-serif; -webkit-transition: .15s ease-in-out !important; transition: .15s ease-in-out !important;}
.button img                                     {display: block; height: 1em; margin-left: 0.5em;}

.h1                                             {display: block; width: 100%; font-size: 1.8em; background: URL("") no-repeat right top, #191817; background-size: 70% auto; padding: 0.6em 0.7em; box-sizing: border-box; position: relative; overflow: hidden; margin-top: 0.6em;}
.h1.domaci                                      {background-image: URL('images/img-heading1-domaci.jpg');}
.h1.zahranici                                   {background-image: URL('images/img-heading1-zahranici.jpg');}
.h1.mma                                         {background-image: URL('images/img-heading1-mma.jpg');}
.h1.box                                         {background-image: URL('images/img-heading1-box.jpg');}
.h1.extra                                       {background-image: URL('images/img-heading1-extra.jpg');}
.h1:after                                       {display: block; width: calc(70% + 1px); height: 100%; background: URL('images/gradient1.png') no-repeat center center; background-size: 100% 100%; position: absolute; right: 0; top: 0; z-index: 1; content: "";}
.h1 span                                        {display: block; color: white; position: relative; z-index: 2; font-family: 'Alfa Slab One', serif;}  

.top                                            {display: block; width: 100%; background: #191817; padding: 4%; box-sizing: border-box; position: relative; margin-top: 1.1em;}
.top .img                                       {display: block; width: 50%; height: 100%; background: URL('images/img-top.jpg') no-repeat right center; background-size: cover; position: absolute; right: 0; top: 0; z-index: 1;}
.top:after                                      {display: block; width: calc(50% + 1px); height: 100%; background: URL('images/gradient1.png') no-repeat center center; background-size: 100% 100%; position: absolute; right: 0; top: 0; z-index: 2; content: "";}
.top > *                                        {display: block; width: 100%; line-height: 1.4em; position: relative; z-index: 3;}
.top > h1                                       {font-size: 2.3em; color: white; line-height: 1.1em; margin-bottom: 0.1em; font-family: 'Alfa Slab One', serif;} 
.top > p:nth-of-type(1)                         {font-size: 1.6em; color: white; font-weight: 800; margin-bottom: 0.3em;}
.top > p:nth-of-type(1) span                    {color: #e51737;}
.top > p:nth-of-type(2)                         {font-size: 0.7em; color: #d2d2d2; font-weight: 400; margin-bottom: 0.6em;}
.top > p:nth-of-type(3)                         {font-size: 0.85em; color: white; font-weight: 400;}
.top > p:nth-of-type(3) strong                  {font-weight: 800;}
  @media screen and (max-width: 960px)          {
  .top                                          {font-size: 0.9em;}
  }
  @media screen and (min-width: 768px)          {
  .top > p:nth-of-type(2)                       {max-width: 60%;}
  }
  @media screen and (max-width: 768px)          {
  .top                                          {font-size: 1em; padding: 200px 6% 6%;}
  .top .img                                     {width: 100%; height: 250px; background: URL('images/img-top-mobile.jpg') no-repeat center top;}
  .top:after                                    {width: 100%; height: 251px; background-image: URL('images/gradient2.png');}
  .top > *                                      {width: 100%; text-align: center;}
  }
  @media screen and (max-width: 540px)          {
  .top                                          {padding: 200px 8% 8%;}
  .top > h1                                     {font-size: 2em; margin-bottom: 0.25;}
  .top > p:nth-of-type(1)                       {font-size: 1.2em;}
  }  

.main                                           {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; padding-top: 1.1em;}
.main > div                                     {display: flex; width: calc(100% - 300px - 1.1em); flex-wrap: wrap; align-content:flex-start; align-items:flex-start; }
.main aside                                     {display: block; width: 300px; position: relative;}
.main aside .banner-fixing                      {display: block; width: 100%; padding-bottom: 0.5em;}
/*.main aside *                                   {display: block; width: 100%;}*/
.main aside script                              {display: none!important; }
/*.main aside .banner-300x300 img,*/
.main aside .links                              {padding-bottom: 0.5em;} 
.main aside .links a                            {display: block; background: #191817; position: relative; padding: 1.3em; margin-bottom: 2px; box-sizing: border-box; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.main aside .links a:after                      {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: right center; background-size: 60% auto; position: absolute; right: 0; top: 0; z-index: 1; content: "";}
.main aside .links a:nth-child(1):after         {background-image: URL('images/img-link1.png');}
.main aside .links a:nth-child(2):after         {background-image: URL('images/img-link2.png');}
.main aside .links a:nth-child(3):after         {background-image: URL('images/img-link3.png');}
.main aside .links a:nth-child(4):after         {background-image: URL('images/img-link4.png');}
.main aside .links a:nth-child(5):after         {background-image: URL('images/img-link5.png');}
.main aside .links a span                       {display: block; font-size: 1.2em; color: white; position: relative; z-index: 2; font-family: 'Alfa Slab One', serif; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;} 
.main aside .links a:before                     {display: block; width: 1.5em; height: 100%; background: URL('images/img-link-button.jpg') no-repeat center center; background-size: 100% auto; position: absolute; right: 0; top: 0; z-index: 3; content: ""; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.main aside .links a:hover                      {background: black;}
.main aside .links a:hover:before               {right: -5px;}
.main aside .links a:hover span                 {color: #e51737;}
.main aside .banner-300x600.fixed               {position: fixed; top: 1.1em;}
.main aside .banner-300x600.fixed-end           {position: absolute; top: auto; bottom: 0;}
/*30_11_22 problem s reklamou*/
@media screen and (max-width: 1080px)         {
  .main aside .banner-300x600.fixed               {position: absolute;}
}

/*.main aside .banner-300x600 img                 {width: 300px;}*/
  @media screen and (max-width: 1080px)         {
  .main > div                                   {width: 100%;}
  .main aside                                   {display: none;}
  }

.banner-480x480-mobil.o2                        {display: block; width: 100%;}
.banner-480x480-mobil > div                     {display: block; margin: 0 auto;}
  @media screen and (max-width: 520px)          {
  .banner-480x480-mobil.o2                      {width: 480px; /*height: 480px;*/ transform: scale(0.85); transform-origin: left top; margin-bottom: -0px;}            
  }
  @media screen and (max-width: 440px)          {
  .banner-480x480-mobil.o2                      {transform: scale(0.7); margin-bottom: -0px;}            
  }
  @media screen and (max-width: 360px)          {
  .banner-480x480-mobil.o2                      {transform: scale(0.6); margin-bottom: -0px;}            
  }  

.banner-480x480                                 {display: block !important; width: 100%; padding: 1.1em 0;}
/*.banner-480x480 img                             {display: block; width: 100%; max-width: 480px;}*/
  @media screen and (min-width: 1080px)         {
  .banner-480x480                               {display: none !important;}
  }

.banner-970x310                                 {display: block; width: 100%; padding-top: 1.1em;}
/*.banner-970x310 img                             {display: block; width: 100%; max-width: 970px;}*/
  @media screen and (max-width: 1080px)         {
  .banner-970x310                               {display: none !important;}
  }

.button-red                                     {display: block; padding: 1em 2em; color: white; font-size: 0.8em; text-transform: uppercase; font-weight: 600; margin-top: 1.5em; background: #e51737; border: none; outline: none; cursor: pointer; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; font-family: 'Poppins', sans-serif;}
.button-red:hover                               {background: #191817;}

.tags                                           {display: flex; width: 100%; flex-wrap: wrap;}
.tags a                                         {display: inline-block; color: white !important; line-height: 1em; font-weight: 600; padding: 0.5em 0.6em; text-transform: uppercase; background: #e51737; border: none; border-radius: 0.1em; margin-right: 2px;/* font-family: 'Alfa Slab One', serif;*/ -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.tags a:last-child                              {margin-right: 0;}
.tags a:hover                                   {background: #191817;}

.news                                           {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
/**/.news > h2                                  {display: block; width: 100%; font-size: 1.5em; color: #191817; font-weight: 800; line-height: 1.4em; padding: 1.5em 0 0.7em; position: relative;}    
/**/.news > h2:before                           {display: block; width: calc(100% + 1.6em); height: 100%; opacity: 0.075; background: URL('images/gradient3.png') no-repeat center center; background-size: 100% 100%; position: absolute; left: -0.8em; top: 0; z-index: -1; content: "";}
.news > div                                     {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; position: relative; margin-bottom: 1em;}
.news > div:last-child                          {margin-bottom: 0;}
.news > div .img                                {display: block; width: 35%; padding-top: 20%; position: relative; z-index: 1; overflow: hidden;}
.news > div .img a                              {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; /*background: #191817; -- 19.4.21 chtel K....s*/ position: absolute; left: 0; top: 0;}
.news > div .img a img                          {display: block; width: 100%; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.news > div .img a:hover img                    {-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.news > div .info                               {display: block; width: calc(65% - 0.7em); order: 1; margin-top: -0.2em;}
.news > div .info h2                            {display: block; width: 100%;}
.news > div .info h2 a                          {display: inline-block; font-size: 1em; color: #191817; font-weight: 800; line-height: 1.4em; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.news > div .info h2 a:hover                    {color: #e51737;}
.news > div .info .tags                         {font-size: 0.55em; margin-top: 0.6em;}
.news > div .info p                             {display: block; width: 100%; font-size: 0.7em; color: #191817; font-weight: 400; margin-top: 1em;}
.news > div .info p .date                       {display: inline-block; color: #848484; margin-right: 0.6em; padding-right: 0.6em; position: relative;}
.news > div .info p .date:after                 {display: block; width: 1px; height: 1em; background: #e51737; position: absolute; right: 0; top: 0.25em; content: "";}
.news > div .info > a                           {display: none;}
.news > div:first-child .img                    {width: 100%; padding-top: 65%;}
.news > div:first-child .info p                 {position: absolute; left: -9999px;} 
  @media screen and (min-width: 540px)          {
  .news > div:first-child .img a:after          {display: block; width: 100%; height: 60%; opacity: 0.7; background: URL('images/gradient2.png') no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; bottom: 0; z-index: 2; content: "";}
  .news > div:first-child .info h2 a            {font-size: 1.2em; color: white; text-shadow: 2px 2px 5px rgba(0,0,0,0.6);}
  .news > div:first-child .info                 {width: 100%; padding: 0 2em 2em; position: absolute; left: 0; bottom: 0; z-index: 3; box-sizing: border-box;}
  .news > div:first-child .info > a             {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4;}
  .news > div:first-child:hover img               {-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
  .news > div:nth-child(2),
  .news > div:nth-child(3)                      {width: calc(50% - 0.5em); margin-bottom: 1.5em;}
  .news > div:nth-child(2) .img,
  .news > div:nth-child(3) .img                 {width: 100%; padding-top: 56%; margin-bottom: 0.8em;}
  .news > div:nth-child(2) .info,
  .news > div:nth-child(3) .info                {width: 100%;}
  .news > div:nth-child(2) .info h2 a,
  .news > div:nth-child(3) .info h2 a           {font-size: 1em;}
  .news > div:nth-child(2) .info p,
  .news > div:nth-child(3) .info p              {position: absolute; left: -9999px;} 
  }
  @media screen and (max-width: 540px)          {
  .news > div:first-child .info h2 a            {font-size: 1.2em;}
  .news > div:first-child .info                 {width: 100%; margin: 0.5em 0;}
  }
  
  /**/.article .news > div                            {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; background: rgba(0,0,0,0.05); padding: 1em;}
/**/.article .news > div .img                       {display: block; width: 30%; position: relative; left: auto; top: auto; padding-top: 20%;}
/**/.article .news > div .img:after                 {display: none !important;}
/**/.article .news > div .info                      {display: block; width: 67%; position: relative; left: auto; bottom: auto; padding: 0; margin: 0;}
/**/.article .news > div .info h2                   {margin: 0;}
/**/.article .news > div .info h2 a                 {font-size: 0.55em; color: #252525; text-shadow: none; padding: 0;}
/**/.article .news > div a                          {border: none;}
/**/.article .news > div:hover .info h2 a           {color: #e51737;}
/**/  @media screen and (min-width: 540px) and (max-width: 1080px){
/**/  .article .news > div                          {align-items: center;}
/**/  }
/**/  @media screen and (max-width: 540px)          {
/**/  .article .news > div                          {padding: 2em;}
/**/  .article .news > div .img                     {width: 100%; padding-top: 56%; margin-bottom: 1em;}
/**/  .article .news > div .info                    {width: 100%;}
/**/  }

.mce-content-body   { padding:10px;font-size: 18px !important; max-width:600px; border:1px solid red; }
.article                                               {display: block; width: 100%; font-size: 1em; color: #191817; font-weight: 400; line-height: 1.5em; margin-bottom: 3em;}
.article .description                                  { font-size:14px; padding-top:5px; }
.article .description .source                          { font-size:11px; font-style:italic; display:block; margin-top:-5px; }
.article strong                                        {font-weight: 800;}
.article em                                            {font-style: italic;}
.article > a,
.article > p a                                             {display: inline-block; font-weight: 800; color: #191817; border-top: solid 1px transparent; border-bottom: solid 1px #e51737; box-sizing: border-box; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.article > a:hover,
.article > p a:hover                                       {color: #e51737; border-color: transparent;}
.article h1                                            {display: block; width: 100%; font-size: 1.8em; line-height: 1.2em; color: #191817; font-weight: 800; margin-bottom: 0.5em;}
.article .tags                                         {font-size: 0.7em; margin-bottom: 1em;}
.article .date-author                                  {display: flex; width: 100%; font-size: 0.9em; align-items: center; flex-wrap: wrap; margin-bottom: 1em;}
.article .date-author p                                {display: block; width: auto; font-size: 1em; color: #191817; font-weight: 800; position: relative;}
.article .date-author p:first-child                    {padding-right: 0.5em; margin-right: 0.5em;}
.article .date-author p:first-child:after              {display: block; width: 1px; height: 1em; background: #e51737; position: absolute; right: 0; top: 0.25em; content: "";}
.article .date-author p a                              {color: #e51737; font-weight: 800; border: none; padding: 0; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.article .date-author p a:hover                        {color: #191817;}
.article .img                                          {display: block; width: 100%; /*background: #191817; -- 19.4.21 chtel K....s*/ border-bottom:0px solid black !important; overflow: hidden;}
.article .img img                                      {display: block; width: 100%; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.article .img:hover img                                {-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.article h2                                            {display: block; width: 100%; font-size: 1.7em; font-weight: 800; margin: 1em 0 0.5em;}
.article h3                                            {display: block; width: 100%; font-size: 1.2em; font-weight: 800; margin: 0.8em 0 0.4em;}
.article ul                                            {margin: 1em 0;}
.article ul li                                         {padding-left: 2em; box-sizing: border-box; position: relative; margin-bottom: 0.4em;}
.article ul li:before                                  {display: block; width: 0.3em; height: 0.3em; background: #e51737; position: absolute; left: 1.2em; top: 0.52em; content: "";}
.article ul li:last-child                              {margin-bottom: 0;}
.article > iframe                                      {display: block; width: 100%; margin: 1em 0;}
.article .embeded                                      {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; background: rgba(0,0,0,0.05); padding: 1em; box-sizing: border-box; margin: 1em 0;}
.article .gallery                                      {display: block; width: 100%; position: relative; margin: 1em 0;}
.article .gallery .swiper-container                    {display: block; width: 100%;}
.article .gallery .swiper-slide                        {display: block; width: 33%; height: auto; margin-right: 1.5%; padding-top: 22%; overflow: hidden; /*background: #191817; -- 19.4.21 chtel K....s*/ position: relative; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;}
.article .gallery .swiper-slide:last-child             {margin-right: 0;}
.article .gallery .swiper-slide a                      {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; border-bottom:0px solid black !important; }     
.article .gallery .swiper-slide a img                  {display: block; width: 100%; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}     
.article .gallery .swiper-slide:hover a img            {opacity: 0.8; transform: scale(1.05,1.05);}
.article .gallery .swiper-button-prev,
.article .gallery .swiper-button-next                  {display: block; opacity: ; position: absolute; top: calc(50% - 1em); width: 2em; height: 2em; z-index: 5; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; cursor: pointer; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}                                  
.article .gallery .swiper-button-prev                  {left: 0; background-image: URL('images/gallery-arrow-left.jpg');}
.article .gallery .swiper-button-next                  {right: 0; background-image: URL('images/gallery-arrow-right.jpg');}
.article .gallery .swiper-button-prev:hover            {left: -5px;} 
.article .gallery .swiper-button-next:hover            {right: -5px;} 
.article .gallery .swiper-button-disabled              {display: none;}
.article table                                         {width: 100%; background: rgba(0,0,0,0.05); padding: 2em; box-sizing: border-box; margin: 1.1em 0;}
.article .poll                                         {display: block; width: 100%;}
.article .poll > div                                   {display: flex; width: 100%; height: 3em; justify-content: space-between; align-items: center; background: rgba(0,0,0,0.05); margin-bottom: 5px; padding: 0 1em; box-sizing: border-box; position: relative; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.article .poll > div:hover                             {background: rgba(0,0,0,0.1);}
.article .poll > div:last-of-type                      {margin-bottom: 0;}
.article .poll > div > div                             {display: block; height: 100%; background: rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; z-index: 1;}
.article .poll > div > p                               {display: block; width: calc(100% - 4em); font-size: 0.8em; line-height: 1.2em; font-weight: 600; position: relative; z-index: 2;}
.article .poll > div > span                            {display: block; width: 4em; font-weight: 800; color: #e51737; text-align: right; position: relative; z-index: 2;}
.article .poll > div > a                               {display: block; width: 100%; height: 100%; position: absolute; border: none; left: 0; top: 0; z-index: 3; cursor: pointer;}
.article .poll > p                                     {font-size: 0.8em; opacity: 0.7; margin-top: 0.6em;}

.article .graybox                                      {background: rgba(0,0,0,0.04); padding: 1.4em 1.7em; margin-bottom: 5px; box-sizing: border-box;}
article .share-bar iframe { color:Red; }

article .share-bar                                    {display: flex; width: 100%; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 1.2em 0 6em;}
article .share-bar > div                              {display: flex; align-items: center;}
article .share-bar > div > *                          {display: block; margin: 0.8em 0.8em 0 0; position: relative;}
article .share-bar > div > *:last-child               {margin-right: 0;}
article .share-bar > div img                          {height: 1em;}
article .share-bar > div p                            {display: flex; flex-wrap: wrap; font-size: 0.8em; color: #990000; text-indent:-2px; font-family: 'Arial', sans-serif;}
article .share-bar > div p span                       {display: inline-block; color: #990000; margin-left: 0.3em;}
article .share-bar > div p svg                        {width: 1em; height: 1em; fill: #990000; margin: 0.45em 0.4em 0 0;}
article .share-bar > div .discussion-promo            {display: flex; width: 14em; justify-content: center; align-items: center; background: rgb(204,0,0); font-size: 0.8em; color: white; font-weight: bold; padding: 0.6em 0; position: absolute; left: calc(50% - 7em); top: 3em; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
article .share-bar > div .discussion-promo:before     {display: block; width: 1em; height: 1em; background: rgb(204,0,0); position: absolute; left: calc(50% - 0.5em); top: -0.5em; content: ""; transform: rotate(-45deg); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
article .share-bar > div .discussion-promo:hover,
article .share-bar > div .discussion-promo:hover::before
                                                      {background: #790000;}
article .share-bar .discussion-link .inf              { color:#990000; font-weight:400; text-decoration:none !important; font-size:1em;border-bottom:0px solid black; }
article .share-bar > div span                         {color: #999999;}
article .share-bar > div svg                          {display: block; width: 1.4em; height: 1.4em; margin-right: 0.2em; fill: #999999; cursor: pointer; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
article .share-bar > div svg.fb:hover                 {fill: #2d88ff;}
article .share-bar > div svg.tw:hover                 {fill: #1ea1f1;}
  @media screen and (max-width: 540px)                {
  article .gallery .swiper-slide                      {width: 49%; margin-right: 2%; padding-top: 32%;}
  }   
  @media screen and (min-width: 440px)                {
  article .share-bar > div:nth-child(2)               {position: relative; top: -0.25em;}
  }
  @media screen and (max-width: 440px)                {
  article .share-bar > div                            {width: 100%; justify-content: flex-end;}
  article .share-bar > div:nth-child(1)               {order: 1;}
  article .share-bar > div:nth-child(2)               {order: 0;}
  article .share-bar > div .discussion-promo          {left: auto; right: 0;}
  article .share-bar > div .discussion-promo:before   {left: auto; right: 3.5em;}
  } 

/*-- CHECKBOX  --*/
input.chk1:not(:checked),
input.chk1:checked                              {position: absolute; left: -9999px; background-position: left top;}
input.chk1:not(:checked) + label,
input.chk1:checked + label                      {position: relative; text-align: left; font-size: 1em; padding-left: 1.8em; cursor: pointer; box-sizing: border-box;}
input.chk1:not(:checked) + label:before,
input.chk1:checked + label:before               {display: block; width: 1.4em; height: 1.4em; position: absolute; left: 0; top: 0.1em; background-image: URL('images/checkbox.svg'); background-size: 100% 300%; content: "";}
input.chk1:not(:checked) + label:before         {background-position: left top;}
input.chk1:not(:checked) + label:hover:before   {background-position: left center;}
input.chk1:checked + label:before               {background-position: left bottom;}
input.chk1:disabled + label,                 
input.chk1:disabled + label:before              {opacity: 0.4;}
input.chk1.gray:not(:checked) + label:before,
input.chk1.gray:checked + label:before          {background-image: URL('images/checkbox.svg');}

.pagination                                     {display: flex; width: 100%; justify-content: flex-start; flex-wrap: wrap; font-size: 0.9em; margin-top: 2em;}
.pagination a                                   {display: block; font-size: 1em; min-width: 1em; text-align: center; color: #191817; line-height: 1em; padding: 0.5em; margin: 0.1em; font-family: 'Alfa Slab One', serif; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.pagination a.sel                               {color: white; background: #e51737;}
.pagination a:hover                             {color: #e51737;}

.pagination > div { display:flex; }
.pagination #bt_dalsiClankyHP { margin-top:0px !important; margin-right:7em; }

.main .topbar                                   {display: flex; width: 100%; height: 5em; justify-content: space-between; align-items: center; background: white; padding: 0; box-sizing: border-box;} 
.main .topbar .logo                             {display: block; width: 3.8em;}
.main .topbar .logo img                         {display: block; width: 100%;}
.main .topbar h1                                {display: block; width: calc(100% - 4em); font-size: 1.8em; color: #191817; font-weight: 800;}
.main .topbar h1 a                              {color: #191817; }
.main .topbar .cross                            {display: block; width: 1.5em; height: 1.5em; position: relative;}
.main .topbar .cross img                        {display: block; width: 100%; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.main .topbar .cross img:nth-child(2)           {display: block; width: 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.main .topbar .cross:hover img:nth-child(1)     {opacity: 0;}
.main .topbar .cross:hover img:nth-child(2)     {opacity: 1;}
  @media screen and (max-width: 1080px)         {
  .main .topbar                                 {height: auto; min-height: 3em;} 
  }
  
.gallery-detail .banner-2000x1400               {top: 5em;} 
.gallery-detail .banner-200h                    {margin-top: 5.5em;} 

.gallery-detail .main > .image                         {display: block; width: 100%;}
.gallery-detail .main > .image a                       {display: block; width: 100%;}
.gallery-detail .main > .image a img                   {display: block; width: 100%;}
.gallery-detail .main > .image .description            {display: block; width: 100%; font-size: 0.85em; color: #252525; font-weight: 400; margin: 0.5em 0 1em 0;}
.gallery-detail .main > .image .description .source    { font-size:11px; font-style:italic; }
.gallery-detail .main > .image .buttons                {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 1em;}  
.gallery-detail .main > .image .buttons a              {width: 9em; padding-left: 0; padding-right: 0; margin: 0;}
.gallery-detail .main > .image .buttons a.disabled     {opacity: 0; visibility: hidden; cursor: default;}
.gallery-detail .main > .image .buttons .count         {display: block; font-size: 1em; color: #666666; font-weight: 400;}
.gallery-detail .box.dnone                  { display:none; }
@media screen and (max-width: 1650px)                {
  .topbar h1 a                                    { font-size:0.8em; }
} 
@media screen and (max-width: 760px)                {
  .topbar h1 a                                    { font-size:0.5em; }
}

.photoCntWrapper                                {display: flex; width: 100%; justify-content: space-between; position: relative;}
.photoCntWrapper .photoCnt                      {}
.photoCntWrapper .photoCnt.vidCnt                     { min-width:calc(100% - 320px); }
  @media screen and (min-width: 1081px)         {
  .photoCntWrapper .photoCnt                    {/*{width: calc(100% - 320px)*/;}
  .photoCntWrapper .photoCntA                   {margin-left: 20px;} 
  }
  @media screen and (max-width: 1080px)         {
  .photoCntWrapper .photoCnt                    {width: 100%; min-height:360px;}
  .photoCntWrapper .photoCntA                   {display: none;} 
  .photoCntWrapper #photoAMob                   {display: flex; width: 100%; height: 100%; justify-content: center; position: absolute; left: 0; top: 2; box-sizing: border-box; background: rgba(255,255,255,0.9);}
  .photoCntWrapper #photoAMob > *               {max-width: 100%;}
  }
  @media screen and (min-width: 640px)          {
  .photoCntWrapper #photoAMob                   {padding-top: 2em;}
  }



/*modalni okno*/
.wndw                                           {display: flex; width: 100%; height: 100%; flex-direction: row; justify-content: center; align-items: center; padding: 40px; box-sizing: border-box; position: fixed; left: -99999px; top: 0; z-index: 900000;}
.wndw:before                                    {display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: -1; content: ""; opacity: 0; transition: opacity .4s ease-in-out;}
.wndw > .outer                                  {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 900001;}
.wndw > div                                     {display: flex; max-width: 50em; max-height: calc(100vh - 60px); background: white; position: relative; top: 5em; z-index: 900002; transition: .4s ease-in-out;}
.wndw.show                                      {left: 0;}
.wndw.show:before                               {opacity: 1;}
.wndw.show > div                                {top: 0;}
.wndw.show.hide                                 {left: -99999px; transition: left .4s ease-in-out; transition-delay: 1s;}
.wndw.show.hide:before                          {opacity: 0;}
.wndw.show.hide > div                           {top: -5em; opacity: 0;}
.wndw .close                                    {display: block; width: 20px; height: 20px; font-size: 1em; background: white; border-radius: 100%; cursor: pointer; position: absolute; right: -10px; top: -10px; z-index: 10002; transition: .2s ease-in-out;}
.wndw .close span                               {display: block; width: 60%; height: 2px; background: #252525; border-radius: 2px; position: absolute; left: 20%; top: calc(50% - 1px); z-index: 1; transition: .2s ease-in-out;}
.wndw .close:hover                              {background: #e51737;}
.wndw .close:hover span                         {background: white;}
.wndw .close span:nth-child(1)                  {transform: rotate(45deg);}
.wndw .close span:nth-child(2)                  {transform: rotate(-45deg);}
.wndw .inner                                    {display: flex; max-height: 100%; justify-content: center; box-sizing: border-box;}
.wndw .inner a                                  {display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.1); object-fit: contain;}
.wndw .inner .banner-800x400                    {width: 800px; max-height: 400px;}
.wndw .inner .banner-300x300                    {width: 300px; height: 300px;}
.wndw .inner .banner-800x400 img,
.wndw .inner .banner-300x300 img                {display: block; width: 100%; height: 100%; object-fit: contain;}
  @media screen and (min-width: 1081px)         {
  .wndw .inner .banner-300x300                  {display: none;}
  }
  @media screen and (max-width: 1080px)         {
  .wndw .inner .banner-800x400                  {display: none;}
  }
  
@media screen and (min-width: 1081px)         {
  .tip-banner-300x300                  {display: none !important;}
}
@media screen and (max-width: 1080px)         {
  .tip-banner-800x400                  {display: none !important;}
}





.animRTopIMG {
    width: 100%; 
}

.animRTopA {
    display: block;
    max-height: 0;
    overflow: hidden;
    animation: animRTopIMGanim 2s forwards 1s;
}

@keyframes animRTopIMGanim {
    to {
        max-height: 500px;
    }
}




.img-organization   {width: var(--stats-head-img);}
.img-organization .note   { line-height:1.3em; }
#pn_stlLoading      { width:100%; min-height:auto; padding:2em; text-align:center; background-color:#e51737; color:white; }
#pn_stlLoading h2     { color:white; }



#ssp-zone-248462 { margin:0px auto !important; }