@CHARSET "UTF-8"; html {  --font1:'Montserrat', sans-serif;  --fontSize1:14px;  --colorRed:#ef2d38;  --colorGray:gray;  --colorGrayLight:#efefef;  --colorBlack:#000000; }  @import url('https://fonts.googleapis.com/css?family=Montserrat:700'); @media screen and ( max-width:700px ) {   .empty {  display:none !important;   } } .skewName {   transform:rotate(-9deg);   margin-top:-25px !important; } .imgF {   transform:skew(-19deg);   margin:0 130px 0 -83px;   overflow:hidden; } .imgF img {   transform:skew(19deg);   background-position:right center;   background-repeat:no-repeat;   background-size:cover;   margin-right:-83px; } .text ul {   list-style:none; } .text ul li {   background-image:url(/data/web_patrioti/p_white.svg);   background-size:10px !important;   background-repeat:no-repeat !important;   background-position:left 18px !important;   padding-left:23px !important;   padding:10px 0 10px 0; } .hbg h2 {   background:#19323C;   display:inline;   box-shadow:10px 0 0 #19323C, -10px 0 0 #19323C;   padding:10px 0 10px 0;   margin-bottom:20px;   display:inline-block; } .bodyFull {   background-color:var( --colorRed ); } #bodyCenter {   background-color:var( --colorRed );   height:100vh; } @media screen and ( min-height:900px ) {   #bodyCenter {  display:flex !important;  align-items:center;  justify-content:center;   } } #flipContainer {   font-family:'Montserrat', sans-serif;   color:#FFFFFF;   text-transform:uppercase;   font-size:36px;   font-weight:bold;   width:100%;   left:0;   text-align:center;   position:relative; } #spolu {   position:absolute;   text-align:center;   width:100%;   left:0;   bottom:25px;   opacity:0;   animation:spolu 8s linear infinite; } #flip {   height:65px;   overflow:hidden;   margin-top:40px; } #flip > div > div {   color:#fff;   padding:17px 30px;   height:55px;   margin-bottom:45px;   display:inline-block; }  #flip div:first-child {   animation:flip 8s linear infinite; } #flip div:nth-child( 1 ) div {   background:#E6B89C; } #flip div:nth-child( 2 ) div {   background:#51A3A3; } #flip div:nth-child( 3 ) div {   background:#8FB339; } #flip div:nth-child( 4 ) div {   background:#4281A4; } #flip div:nth-child( 5 ) div {   background:#19323C; } @keyframes flip {   0% {margin-top:-380px; opacity:0;}   8% {margin-top:-320px; opacity:1;}   16% {margin-top:-320px;}   24% {margin-top:-235px;}   32% {margin-top:-235px;}   40% {margin-top:-150px;}   48% {margin-top:-150px;}   56% {margin-top:-70px;}   64% {margin-top:-70px;}   72% {margin-top:0px;}   80% {margin-top:0px; opacity:1;}   88% {margin-top:70px; opacity:0;}   100% {margin-top:-380px; opacity:0;} } @keyframes spolu {   0% {opacity:0;}   82% {opacity:0;}   86% {opacity:1;}   98% {opacity:1;}   100% {opacity:0;} }   .icoSocial a {   transition:opacity 0.3s ease-in-out;   -webkit-transition:opacity 0.3s ease-in-out;   -moz-transition:opacity 0.3s ease-in-out;   opacity:0.6; } .icoSocial a:hover {   opacity:1; } .phone a, .email a {   background-image:url(/data/web_patrioti/ico_email_black.svg);   background-size:16px !important;   background-repeat:no-repeat !important;   background-position:left center !important;   padding-left:23px !important; } .phone a {   background-image:url(/data/web_patrioti/ico_phone_black.svg);   background-position:1px center !important; } .facebook a, .instagram a, .youtube a {   background-image:url(/data/web_patrioti/facebook.svg);   background-size:26px !important;   background-repeat:no-repeat !important;   background-position:left center !important;   padding:36px !important; } .instagram a {   background-image:url(/data/web_patrioti/instagram.svg); } .youtube a {   background-image:url(/data/web_patrioti/youtube.svg);   background-position:1px center !important; } #foot3 a {   width:fit-content !important;   margin:0 auto;   display:flex;   align-items:center;   flex-direction:row-reverse; } #foot3 a img {   margin-left:10px;   filter:grayscale(80%);   opacity:0.3; } #foot3 a:hover img {   filter:grayscale(0%);   opacity:1; } #topMenu {   position:fixed;   z-index:3; } #topMenu .col1 .padic {   z-index:2;   position:relative; } #topMenu .col1:after {   content:'';   position:absolute;   left:calc(50% - 210px);   right:0;   width:300px;   height:100vh;   padding-right:2em;   clip-path:polygon(30% 0, 100% 0%, 0% 330%, 0% 100%);   -webkit-clip-path:polygon(30% 0, 100% 0%, 0% 330%, 0% 100%);   background:#ef2d38;   z-index:1; } #topMenu .col1:before {   content:'5';   position:absolute;   z-index:3;   top:calc(100vh - 140px);   width:100px;   height:100px;   left:-68px;   font-size:250px;   color:#FFFFFF;   font-family:var(--font1);   font-weight:700; }  #foot1 {   background:#FAFAFA !important;   background:linear-gradient(180deg,rgba(250, 250, 250, 1) 0%, rgba(242, 242, 242, 1) 100%) !important; } #foot2 {   background:#E8E8E8 !important;   background:linear-gradient(0deg,rgba(232, 232, 232, 1) 0%, rgba(242, 242, 242, 1) 100%) !important; } #foot1 .padibc {   padding:40px 0 0 0 !important; } #foot1 .col1 {   width:20% !important; } #foot1 .col2 {   width:35% !important; } #foot1 .col3 {   width:20% !important; } #foot1 .col4 {   width:25% !important; } @media screen and ( max-width:1050px ) {   #foot1 .col {  width:50% !important;   } } @media screen and ( max-width:700px ) {   #foot1 .col {  width:100% !important;   }  #foot1 .h h2, #foot1 .text, #foot1 .img {  text-align:center !important;   }  #foot1 .menu li, #foot1 .menu li a {  width:100%;  text-align:center;  display:block;   }  #foot1 .menu li > div {  width:max-content;  margin-left:auto;  margin-right:auto;  float:none;   }  #foot1 .padib {  padding:20px 0 20px 0 !important;   } }  #topMenu_clone {   filter:drop-shadow(8px 8px 20px rgba(25, 25, 25, .08)); } #topMenu #menu > ul > li > div {   position:relative; } #foot1 .menu a, #foot1 .text a, #foot2 .text a {   position:relative; } #topMenu #menu ul > li > div:after, #topMenu_clone #menu ul > li > div:after, #foot1 .col2 .text a:after, #foot1 .menu a:after, #foot2 .text a:after {   content:' ';   height:1px;   width:0;   border-bottom:1px solid var(--colorBlack);   position:absolute;   left:0;   bottom:-3px;   z-index:9;   transition:width 0.2s ease-in-out, opacity 0.5s ease-in-out;   -webkit-transition:width 0.2s ease-in-out, opacity 0.5s ease-in-out;   -moz-transition:width 0.2s ease-in-out, opacity 0.5s ease-in-out;   opacity:0; } #topMenu #menu > ul > li > div:hover:after, #topMenu_clone #menu > ul > li > div:hover:after, #foot1 .menu a:hover:after, #foot1 .col2 .text a:hover:after, #foot2 .text a:hover:after {   width:100%;   opacity:1; } #topMenu #menu, #topMenu_clone #menu {   width:100%;   text-align:right; } #topMenu #menu > ul, #topMenu_clone #menu > ul {   width:auto;   float:none;   display:inline-block; } #topMenu #menu > ul ul, #topMenu_clone #menu > ul ul {   border:1px solid var(--colorLightGray);   filter:drop-shadow(8px 8px 20px rgba(25, 25, 25, .08));   padding:10px 20px 10px 20px; } #topMenu #menu .menu--block > li > div, #topMenu_clone #menu .menu--block > li > div {   position:relative; } #menu-open {   line-height:30px !important; } .menu--block>li::after {   display:none; } #topMenu > .padib > .padibc, #topMenu_clone > .padib > .padibc {   display:flex !important;   align-items:center; } #topMenu > .padib > .padibc > .col1, #topMenu_clone > .padib > .padibc > .col1 {   width:200px !important; } #topMenu > .padib > .padibc > .col2, #topMenu_clone > .padib > .padibc > .col2 {   width:calc( 100% - 300px ) !important; } #topMenu > .padib > .padibc > .col3, #topMenu_clone > .padib > .padibc > .col3 {   width:100px !important; } #topMenu #menu > ul > li.hasChild > div > a, #topMenu_clone #menu > ul > li.hasChild > div > a {   background-size:10px !important;   background-image:url(/data/web_patrioti/arrow-down-black.svg);   background-position:right 7px !important;   background-repeat:no-repeat;   padding:0 19px 0 0;   float:left; } #open-icon {   height:33px;   margin-top:0; } #open-icon span {   background-color:#d6363e !important;   transform:skewX(-20deg) !important;   border-radius:unset !important;   height:5px !important;   margin:0 0 7px 0 !important; } #close-icon span {   background-color:#d6363e !important;   height:5px !important; } li#menu-close {   top:17px;   right:40px; } #menu-resp > ul > li ul {   text-transform:none; } @media screen and (max-width:1200px) {   #topMenu #menu, #topMenu_clone #menu {  width:auto;   }  #topMenu > .padib > .padibc > .col1, #topMenu_clone > .padib > .padibc > .col1 {  width:calc( 100% - 270px ) !important;   }  #topMenu > .padib > .padibc > .col2, #topMenu_clone > .padib > .padibc > .col2 {  width:170px !important;  float:right;  order:3;   }  #topMenu > .padib > .padibc > .col3, #topMenu_clone > .padib > .padibc > .col3 {  order:2;   } }  #cookieDialog .accordion h3 {   transform:skewX(-9deg); } #cookieDialog .accordion h3 span {   transform:skewX(9deg); } #cookieDialog .ui-accordion-content {   border:none !important;   padding:20px 10px !important; }  #cookie, #cookieDialog {   font-family:var(--font1);   font-size:var(--fontSize1);   color:var(--colorBlack) } #cookie {   border:1px solid var(--colorGray);   box-shadow:0 0.625em 1.875em rgb(2 2 3 / 28%);   transform:skewX(-9deg);   width:520px !important; } #cookie:after {   content:'';   position:absolute;   right:-20px;   top:-20px;   width:50px;   height:50px;   background-image:url(/data/web_patrioti/favicon/favicon.svg);   background-size:50px;   background-repeat:no-repeat;   background-position:left center;   transform:skewX(9deg); } #cookie .cookiePad {   transform:skewX(9deg);   padding:0 40px 0 20px !important; } #cookieDialog {   overflow-y:auto !important; } #cookieDialog .accordion h3, .cookieTitle {   font-family:var(--font1);   font-weight:500 !important; } #cookieDialog .yesno {   transform:skewX(-9deg);   border-radius:unset !important; } #cookieDialog .yesno .yncirc {   border-radius:unset !important; } .cookieButAgree, .cookieButSettings, .cookieButSave, .cookieButReject {   font-size:13px; } .cookieButAgree, #cookieDialog .yesno.active {   background-color:var(--colorRed) !important;   border-color:var(--colorRed) !important; } .cookieButSave, .cookieButSettings, .cookieButAgree, .cookieButReject {   padding:7px 15px 7px 15px !important;   transform:skewX(-9deg); } .cookieButSave span, .cookieButSettings span, .cookieButAgree span, .cookieButReject span {   transform:skewX(9deg);   display:block; } .cookieButReject > a {   color:var(--colorGray); } .cookieButSave {   margin-right:20px !important; } .cookieButAgree:hover {   background-color:var(--colorBlack) !important;   border-color:var(--colorBlack) !important; } #cookie .cookieButs {   float:right !important; } #cookie .cookieButSettings:hover, .cookieButSave:hover {   background-color:var(--colorBlack);   border-color:var(--colorBlack);   color:#FFFFFF; } #cookieDialog .cookieYesNo, #cookie a:hover, #cookieDialog a:hover {   color:var(--colorRed) !important; } @media screen and (max-width:650px) {   #cookie, #cookie .cookiePad, #cookie:after, #cookieDialog .accordion h3, #cookieDialog .accordion h3 span, #cookieDialog .yesno, .cookieButSave, .cookieButSettings, .cookieButAgree, .cookieButReject, .cookieButSave span, .cookieButSettings span, .cookieButAgree span, .cookieButReject span {  transform:none;   } } @media screen and (max-width:600px) {   #cookie:after {  display:none;   }  #cookie {  width:100% !important;   }  #cookie .cookiePad {  padding:0 20px 0 20px !important;   } }  .flexCenter .padibc, .wcLeft .padibc, .wcRight .padibc {   display:flex !important;   align-items:center; } .wcLeft > .padib > .padibc > .col1 .padic, .wcRight > .padib > .padibc > .col2 .padic {   width:700px !important;   max-width:700px !important; } .wcLeft > .padib > .padibc > .col1 .padic {   float:right !important; } .wcLeft > .padib > .padibc > .col1 .padic {   padding-right:10% !important; } .wcRight > .padib > .padibc > .col2 .padic {   padding-left:10% !important; } @media screen and ( max-width:1500px ) {   .wcLeft > .padib > .padibc > .col1 .padic, .wcRight > .padib > .padibc > .col2 .padic {  width:700px !important;  max-width:100% !important;   } } @media screen and ( max-width:1050px ) { .flexCenter .padibc, .wcLeft .padibc, .wcRight .padibc {  display:block !important;   }  .flexCenter .padibc .col, .wcLeft .padibc .col, .wcRight .padibc .col {  width:100% !important;  max-width:700px !important;   } .wcLeft .padibc, .wcRight .padibc {  float:left;  display:-webkit-box !important;  display:-moz-box !important;  display:-ms-flexbox !important;  display:-webkit-flex !important;  display:flex !important;  -webkit-box-orient:vertical;  -moz-box-orient:vertical;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-box-align:start;  -moz-box-align:start;  -ms-flex-align:start;  -webkit-align-items:flex-start;  align-items:flex-start;  flex-flow:wrap;  justify-content:center !important;  width:100% !important;   }  .wcLeft .padibc .col1 {  -webkit-box-ordinal-group:2;  -moz-box-ordinal-group:2;  -ms-flex-order:2;  -webkit-order:2;  order:2;   }  .wcLeft .padibc .col2 {  -webkit-box-ordinal-group:1;  -moz-box-ordinal-group:1;  -ms-flex-order:1;  -webkit-order:1;  order:1;   }  .wcLeft > .padib > .padibc > .col1 .padic, .wcRight > .padib > .padibc > .col2 .padic {  padding-right:0% !important;  float:left !important;  padding-left:0% !important; }  .wcLeft > .padib > .padibc > .col.col1 > .padic, .wcRight > .padib > .padibc > .col.col2 > .padic {  padding:30px !important;   } } .wcLeft .html, .wcRight .html {   height:480px; } .r-paralax {   overflow:hidden;   width:100%;   height:480px;   position:absolute;   right:0;   z-index:0; } .r-paralax .skew {   transform:skew(19deg);   margin:0 -129px 0 130px;   overflow:hidden; } .r-paralax .inner-bg {   height:480px;   transform:skew(-19deg);   background-position:right center;   background-repeat:no-repeat;   background-size:cover;   margin-left:-130px; } .l-paralax {   overflow:hidden;   width:100%;   height:480px;   position:absolute;   right:0;   z-index:0; } .l-paralax .skew {   transform:skew(-19deg);   margin:0 130px 0 -83px;   overflow:hidden; } .l-paralax .inner-bg, .l-paralax .video-container {   height:480px;   transform:skew(19deg);   background-position:right center;   background-repeat:no-repeat;   background-size:cover;   margin-right:-83px; } .r-paralax .desc, .l-paralax .desc {   width:250px;   text-align:center;   transform:skew(19deg);   position:absolute;   z-index:1;   background:#19323c;   padding:10px 20px 10px 20px;   color:#fff;   bottom:50px;   left:170px;   font-size:14px;   font-weight:bold;   text-transform:uppercase; } .l-paralax .desc {   transform:skew(-19deg);   left:auto;   right:170px; } .r-paralax .desc div {   transform:skew(-19deg); } .l-paralax .desc div {   transform:skew(19deg); } @media screen and ( max-width:1050px ) {   .r-paralax .skew, .l-paralax .skew {  transform:skew(0deg);  margin:0;   }  .r-paralax .inner-bg, .l-paralax .inner-bg {  transform:skew(0deg);  margin-left:0;   }  .r-paralax .desc, .l-paralax .desc {  width:fit-content;  transform:skew(0deg);  right:30px;  bottom:30px;  left:auto;   }  .r-paralax .desc div, .l-paralax .desc div {  transform:skew(0deg);   } } .l-paralax.kultura .inner-bg, .r-paralax.kultura .inner-bg {   background-image:url(/data/web_patrioti/foto/dum_kultury.jpg); } .l-paralax.bezpecnost .inner-bg, .r-paralax.bezpecnost .inner-bg {   background-image:url(/data/web_patrioti/foto/vlakove_nadrazi.jpg); } .l-paralax.finance .inner-bg, .r-paralax.finance .inner-bg {   background-image:url(/data/web_patrioti/foto/sportovni_hala.jpg); } .l-paralax.sport .inner-bg, .r-paralax.sport .inner-bg {   background-image:url(/data/web_patrioti/foto/zimni_stadion.jpg); } .l-paralax.rozvoj .inner-bg, .r-paralax.rozvoj .inner-bg {   background-image:url(/data/web_patrioti/foto/zoo.jpg); } .l-paralax.turismus .inner-bg, .r-paralax.turismus .inner-bg {   background-image:url(/data/web_patrioti/foto/radnice.jpg); } .l-paralax.neziskovky .inner-bg, .r-paralax.neziskovky .inner-bg {   background-image:url(/data/web_patrioti/foto/vlastovka.jpg); }