img {max-width: 100%;}

#menuMobile {display: none;}
.burger {display: none;}

.stin:hover {-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);}

#logo {position: absolute; z-index: 100; left: calc(50% - 289px); top: 0; border: 2px solid #b51634;}
#logo img {display: block;}


#mainBanner {width: 100%; height: 100%; margin: 0px; float: left;}
#mainBanner .slide {width: 100vw; height: 400px; display: flex; align-items: center; justify-content: space-around; background-size: cover; background-position: center center; color: #FFF; position: relative;}
#mainBanner .slide .filter {}
#mainBanner .slide .text {width: 100%; margin: 0 20%; z-index: 1; text-align: center;}
#mainBanner .slide .text h2 {margin: 5px 0; padding: 0; font-size: 52px; font-weight: 900; text-transform: uppercase; text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
#mainBanner .slide .text .perex {font-size: 22px; margin: 20px 0 40px; font-weight: 300; color: #fed03d;}
#mainBanner .slide .buttonMore {display: inline-block; padding: 14px 38px; background-color: #fed03d; color: #424242; font-weight: 400; font-size: 20px; border-radius: 0px; margin: 0px 0px 0px 0px; transition: all 200ms;}
#mainBanner .slide .buttonMore:hover {background-color: #fad45b;}

#menuFrame {width: 100%; float: left; background-color: #ffac1f;}
#menuFrame .inner {width: 100%; float: left; justify-content: space-between;}

#menuFrame .inner ul {padding: 0; margin: 0;}
#menuFrame .inner ul li {padding: 0; margin: 0;}
#menuFrame .inner ul li a {padding: 10px 10px; font-size: 30px; color: #fff; letter-spacing: 0; align-items: center;}
#menuFrame .inner ul li a:hover {text-decoration: underline;}
#menuFrame .inner ul li:first-child a {padding-left: 0;}
#menuFrame .inner ul li:last-child a {background: #0b5176;}

#menuFrame .inner .logoTPCA {padding: 5px 0;}
#menuFrame .inner .logoTPCA img {display: block;}

#homeText {width: 100%; float: left; padding: 20px 0;}
#homeText .tinymceCont p {width: 100%; float: left; font-size: 16px;}
#homeText .tinymceCont h1 {width: 100%; float: left; margin: 30px 0 30px 0; color: #0b5176;}

#formSubmitMessage {width: 100%; float: left;}
#formSubmitMessage .inner {width: 60%; float: left; margin: 0 20%; flex-direction: column; align-items: center;}
#formSubmitMessage .inner .infoPanel {width: 100%; float: left; text-align: center;}
#formSubmitMessage .inner .infoPanel p {width: 100%; text-align: center;}

#formSubmitMessage .inner .btns {width: 100%; float: left; margin-top: 2px; text-align: center; justify-content: center;}
#formSubmitMessage .inner .btns a {padding: 10px 20px; margin: 0 10px; background: #0b5176; color: #fff;}
#formSubmitMessage .inner .btns a:hover {background-color: #267caa;}

#mainText {width: 100%; float: left; padding: 20px 0;}
#mainText .tinymceCont p {width: 100%; float: left; font-size: 16px;}
#mainText .tinymceCont h1 {width: 100%; float: left; margin: 30px 0 30px 0; color: #0b5176;}

#catList {width: 100%; float: left;}
#catList h2 {width: 100%; float: left; padding: 15px 0; background-color: #fe9c00; text-align: center; color: #fff; font-size: 26px; font-weight: 400;}
#catList .inner {width: 100%; float: left; flex-wrap: wrap; justify-content: center;}
#catList .inner .item {width: calc(33.3333333% - 13.3333333px); margin: 10px 0 10px 0; padding: 0px; border: 1px solid #eaeaea; flex-direction: column;}
#catList .inner .item:nth-child(3n) {margin-right: 0;}
#catList .inner .item .photo {}
#catList .inner .item h3 {padding: 0 30px; margin: 20px 0 0 0; text-align: center; font-size: 22px; color: #0b5176;}
#catList .inner .item .btnLine {width: 100%; float: left; text-align: center;}
#catList .inner .item .btnLine span {display: block; margin-top: 20px; padding: 10px 20px; background-color: #ffac1f; color: #0b5176;}

#itemList {width: 100%; float: left;}
#itemList h2 {width: 100%; float: left; padding: 15px 0; background-color: #3c7d79; text-align: center; color: #fff; font-size: 26px; font-weight: 400;}
#itemList .inner {width: 100%; float: left; flex-wrap: wrap;}
#itemList .inner .item {width: calc(20% - (80px / 5)); margin: 10px 20px 10px 0; padding: 20px; border: 1px solid #eaeaea; flex-direction: column;}
#itemList .inner .item:nth-child(5n) {margin-right: 0;}
#itemList .inner .item .photo {}
#itemList .inner .item h3 {padding: 0; margin: 14px 0 14px 0; text-align: center; font-size: 18px; color: #0b5176; line-height: 1.2;}
#itemList .inner .item .text {padding: 0; margin: 0 0 15px 0; text-align: center; font-size: 14px;}
#itemList .inner .item .cena {padding: 0; margin: auto 0 0 0; text-align: center; font-size: 18px; color: #bc1131; font-weight: 700;}
#itemList .inner .item .cena.mt-auto {margin-top: auto;}
#itemList .inner .item .btnLine {width: 100%; float: left; text-align: center;}
#itemList .inner .item .btnLine span {display: block; margin-top: 20px; padding: 10px 20px; background-color: #ffac1f; color: #0b5176;}
#itemList .inner .item.not-allowed {cursor: not-allowed;}
#itemList .inner .item .btnLine.gray span {background-color: #a5a5a5; color: #fff;}

#poptavkaForm {width: 60%; float: left; margin: 0 20%;}

#specialItem {width: 100%; float: left; text-align: center;}
#specialItem h2 {width: 100%; float: left; padding: 15px 0; margin-top: 30px; background-color: #fe9c00; text-align: center; color: #fff; font-size: 26px; font-weight: 400;}
#specialItem .text {width: 100%; font-size: 18px; margin: 10px 0 20px 0;}
#specialItem .inner {justify-content: center;}
#specialItem .inner .item {flex-direction: column; margin: 20px 0 40px 0; padding: 30px 40px; border: 1px solid #eaeaea;}
#specialItem .inner .item:hover {}
#specialItem .inner .item h3 {font-size: 22px; font-weight: 700; color: #0b5176;}


.prispeli {width: 100%; float: left; text-align: center; font-size: 12px;}
.prispeli h4 {padding: 0; margin: 0 0 15px 0; font-size: 22px; font-weight: 700;}


footer {width: 100%; float: left; margin-top: 30px; padding: 10px 0; background-color: #ffac1f;}
footer .inner {width: 100%; float: left; color: #fff; font-size: 18px; font-weight: 700; justify-content: space-between; align-items: center;}
footer .inner .left {}
footer .inner .left .langs {margin-top: 10px;}
footer .inner .left .cookiesLink {margin-top: 10px; font-size: 14px;}