/*------------------------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; }

.swiper-button-prev:after,
.swiper-button-next:after                       {display: none;}
.swiper-button-disabled                         {opacity: 0 !important;}
/*------------------------------------------------------*/

body                                            {display: block; width: 100%; font-size: 17px;}

.stitekblackfriday {
	color: #fff !important;
	background-color: #d3313c !important;
}

.hintNew { display:block; width:85%; max-height:calc(100% - 6em); position:fixed; left:5%; bottom:1em; overflow:auto; z-index:100100; background:rgb(33,33,33); color:white; font-size:0.9em; padding:2em 4em 2em 2em; }
.hintNew > div {  }
.hintNew .close  {opacity: 0.4; display: block; width: 1em; height: 1em; position: absolute; right: 2em; top: 1em; background: URL('images/cross2.png') no-repeat center center; background-size: 100%; cursor: pointer;}
.hintNew .close:hover {opacity: 0.8;}
.hintNew em { text-decoration:underline; cursor:pointer; }
  
/*------------------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,300;1,500;1,700&display=swap');

.ppp-win                                        {display: flex; width: 100%; height: 100vh; justify-content: center; align-items: flex-start; align-content: flex-start; font-size: 1em; background: rgba(235,235,235,0.6); padding: 6% 6% 4%; box-sizing: border-box; position: fixed; left: 0; top: 0; z-index: 100000; font-family: 'Roboto', sans-serif;}
.ppp-win .ppp-win-box                           {display: block; width: 100%; max-width: 35em; max-height: 100%; background: white; position: relative; border: solid 1px rgba(0,0,0,0.1); border-radius: 0.3em; overflow-y: auto; box-sizing: border-box; box-shadow: 0 0 1.2em rgba(0,0,0,0.15);}
.ppp-win .ppp-win-box > div                     {display: flex; width: 100%; justify-content: center; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; padding-bottom: 1.5em;}

.ppp-win .ppp-win-top                           {display: block; width: 100%; min-height: 3em; padding: 1.2em 4em 0 1.2em; box-sizing: border-box; position: relative;}
.ppp-win .ppp-win-heading                       {display: block; text-align: left; font-size: 1em; color: black; font-weight: 500; line-height: 1.2em; opacity: 0.3; margin: 0; padding: 0; letter-spacing: 0;}
.ppp-win .ppp-win-close                         {display: block; width: 1.2em; height: 1.2em; position: absolute; right: 1.2em; top: 1.2em; cursor: pointer;}
.ppp-win .ppp-win-close span                    {display: block; width: 2px; height: 100%; background: black; opacity: 0.2; position: absolute; left: calc(50% - 1px); top: 0; transition: .15s ease-in-out;}
.ppp-win .ppp-win-close span:first-child        {transform: rotate(45deg);}
.ppp-win .ppp-win-close span:last-child         {transform: rotate(-45deg);}
.ppp-win .ppp-win-close:hover span              {opacity: 0.5;}

.ppp-win .ppp-win-content                       {display: flex; width: 100%; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; padding: 1em 10%; box-sizing: border-box; position: relative;}
.ppp-win .ppp-win-title                         {display: block; text-align: center; font-size: 1.6em; color: #252525; font-weight: 700; line-height: 1.2em; margin: 0; padding: 0; letter-spacing: 0;}
.ppp-win .ppp-win-text                          {display: block; text-align: center; font-size: 1em; color: #666666; font-weight: 400; line-height: 1.3em; margin: 0.5em 0 0; padding: 0; letter-spacing: 0;}
.ppp-win .ppp-win-inputs                        {display: flex; flex-wrap: wrap; margin: 0.5em 0 0; padding: 0;}
.ppp-win .ppp-win-input                         {display: block; width: 100%; font-size: 0.9em; padding: 0.3em; box-sizing: border-box;} 
.ppp-win .ppp-win-input label                   {display: block; width: 100%; font-size: 1em; color: #666666; font-weight: 500; margin: 0.4em 0;} 
.ppp-win .ppp-win-input input,
.ppp-win .ppp-win-input select,
.ppp-win .ppp-win-input textarea                {display: block; width: 100%; font-size: 1em; font-weight: 500; color: #252525; padding: 0.9em; background: #f2f2f2; border: solid 1px rgba(0,0,0,0.1); outline: none; border-radius: 0.3em; box-sizing: border-box; font-family: 'Roboto', sans-serif; transition: .2s ease-in-out;}
.ppp-win .ppp-win-input select                  {padding-right: 1.5rem; background-image: URL("/themes/default/images/select-arrow-down.svg"); background-repeat: no-repeat; background-position: right 0.9rem center; background-size: 0.7rem auto; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.ppp-win .ppp-win-input select.sel              {background-image: URL("/themes/default/images/select-arrow-up.svg");}

.ppp-win .ppp-win-input textarea                {height: 7em;}
.ppp-win .ppp-win-input input:focus,
.ppp-win .ppp-win-input textarea:focus          {background: #e8e8e8; border-color: rgba(0,0,0,0.2); var(--color1);}
  @media screen and (min-width: 641px)          {
  .ppp-win .w50                                 {width: 50%;} 
  }
  @media screen and (max-width: 640px)          {
  .ppp-win .w50                                 {width: 100%;} 
  }

.ppp-win .ppp-win-footer                        {display: flex; width: 100%; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; padding: 0.2em 10% 0.8em; box-sizing: border-box; position: relative;}

.ppp-win .ppp-win-button                        {display: flex; justify-content: center; align-items: center; text-align: center; font-size: 0.85em; background: #252525; color: white; font-weight: 700; padding: 0.8em 1.5em; margin: 0.15em; box-sizing: border-box; border-radius: 0.3em; outline: none; border: none; cursor: pointer; font-family: 'Roboto', sans-serif; transition: .15s ease-in-out;}
.ppp-win .ppp-win-button:hover                  {background: black; color: #f2f2f2;}
.ppp-win .ppp-win-button2                       {display: inline-block; text-align: center; font-size: 0.85em; color: #999999; font-weight: 500; text-decoration: underline; background: none; outline: none; border: none; cursor: pointer; font-family: 'Roboto', sans-serif; transition: .15s ease-in-out;}
.ppp-win .ppp-win-button2:hover                 {color: #252525; text-decoration-color: transparent;}

.ppp-win .ppp-win-row                           {display: flex; width: 100%; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; padding: 0.8em 0 0; box-sizing: border-box; position: relative;}




/*------------------------------------------------------------------------------------------------------------------------*/

.ppp-win-fullscreen                                 {display: flex; width: 100%; height: 100vh; justify-content: center; align-items: flex-start; align-content: flex-start; font-size: 1em; background: rgba(10,10,10,0.85); box-sizing: border-box; position: fixed; left: 0; top: 0; z-index: 100000; font-family: 'Roboto', sans-serif;}
  @media screen and (min-width: 641px)              {
  .ppp-win-fullscreen                               {padding: 4em 3em 3em;}
  }
  @media screen and (max-width: 640px)              {
  .ppp-win-fullscreen                               {padding: 4em 1em 1.5em;}
  }

.ppp-win-fullscreen .ppp-win-close                  {display: block; width: 1.4em; height: 1.4em; position: absolute; right: 1.2em; top: 1.2em; cursor: pointer;}
.ppp-win-fullscreen .ppp-win-close span             {display: block; width: 3px; height: 100%; background: white; opacity: 0.4; position: absolute; left: calc(50% - 1px); top: 0; transition: .15s ease-in-out;}
.ppp-win-fullscreen .ppp-win-close span:first-child {transform: rotate(45deg);}
.ppp-win-fullscreen .ppp-win-close span:last-child  {transform: rotate(-45deg);}
.ppp-win-fullscreen .ppp-win-close:hover span       {opacity: 0.8;}

.ppp-win-fullscreen .ppp-win-box                    {display: block; width: 100%; max-width: 70em; height: 100%; position: relative; overflow-y: auto; box-sizing: border-box;}
.ppp-win-fullscreen .ppp-win-box > div              {display: flex; width: 100%; height: 100%; justify-content: center; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; box-sizing: border-box;}
.ppp-win-fullscreen .ppp-win-box > div iframe       {display: block; width: 100%; height: 100%;}




/*------------------------------------------------------------------------------------------------------------------------*/

.slider                                             {display: flex; width: 100%; height: 100%; flex-wrap: wrap; position: relative; box-sizing: border-box;}
.slider .mainPPPWin                                       {display: block; width: 100%; height: calc(100% - 4em); overflow: hidden; order: 0;}
.slider .mainPPPWin .swiper-slide                         {display: block; width: 100%; height: auto; position: relative; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;}
.slider .thumbsPPPWin                                     {display: block; width: 100%; order: 1; margin-top: 1.5em;}
.slider .thumbsPPPWin .swiper-wrapper                     {display: flex; width: 100%; transform:none !important; justify-content: center; flex-wrap: wrap; padding: 0 2.5em; box-sizing: border-box;}
.slider .thumbsPPPWin .swiper-slide                       {display: block; width: 1.8em; height: 1.8em; position: relative; margin: 0.2em; cursor: pointer; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;}
.slider .thumbsPPPWin .swiper-slide p                     {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: #e0e0e0;; font-size: 0.8em; font-weight: 700; background: rgba(0,0,0,0.5); border-radius: 100%; transition: .15s ease-in-out;}
.slider .thumbsPPPWin .swiper-slide:hover p               {background: black; color: white;}
.slider .thumbsPPPWin .swiper-slide-active p              {color: black !important; background: #f5f5f5 !important;}
.slider .swiper-button-prevPPPWin,
.slider .swiper-button-nextPPPWin                         {display: block; width: 2.2em; height: 2.2em; position: absolute; cursor:pointer;}                                  
.slider .swiper-button-prevPPPWin                         {left: 0;}
.slider .swiper-button-nextPPPWin                         {right: 0;}
.slider .swiper-button-prevPPPWin svg,
.slider .swiper-button-nextPPPWin svg                     {display: block; width: 100%; height: 100%; fill: white; opacity: 0.4; transition: .15s ease-in-out;}
.slider .swiper-button-prevPPPWin:hover svg,
.slider .swiper-button-nextPPPWin:hover svg               {opacity: 0.8;}
  @media screen and (min-width: 641px)              {
  .slider                                           {padding: 0 3em;}
  .slider .swiper-button-prevPPPWin,
  .slider .swiper-button-nextPPPWin                       {top: calc(50% - 2em);}
  }
  @media screen and (max-width: 640px)              {
  .ppp-win-fullscreen                               {padding: 4em 1em 1.5em;}
  .slider .swiper-button-prevPPPWin,
  .slider .swiper-button-nextPPPWin                       {top: calc(100% - 1.05em);} 
  }


  #zoomFoto { z-index:999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; overflow: auto; }
  #zoomFoto img { display:block; margin:0px auto; cursor:zoom-in; }
  #zoomFoto img.max { width:auto !important; height:auto !important; cursor:zoom-out !important; }   
  #zoomFoto #bt_foto_priblizit { position: fixed; top: 10px; left: 10px; font-size: 24px; color: rgb(255, 255, 255); cursor: pointer; z-index: 1001; background-color: rgba(0, 0, 0, 0.5); width: 300px; height: 30px; display: flex; justify-content: center; align-items: center; }     
  #zoomFoto #bt_foto_zavrit { position: fixed; top: 10px; right: 20px; font-size: 24px; color: rgb(255, 255, 255); cursor: pointer; z-index: 1001; background-color: rgba(0, 0, 0, 0.5); width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }

.popisCast1 > div { display:inline; }