@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic");

@font-face {
 font-family:'Deftone';
 src: url('deftone-stylus.ttf') format('truetype'); /* Safari, Android, iOS */
}



/* --- Reset -----------------------------------*/
* {margin:0px; padding:0px; border:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0px;}
a {color:#333; text-decoration:none;}
a:hover {color:#767976; text-decoration:underline;}
img {max-width:100%; margin:0 auto; display:block;}

.clr, .clr10, .clr20, .clr30, .clr40, .clr50, .clr60, .clr70, .clr80, .clr90 {clear:both; display:block; overflow:hidden; height:0px; width:100%;}
.clr10{height:10px;}
.clr20{height:20px;}
.clr30{height:30px;}
.clr40{height:40px;}
.clr50{height:50px;}
.clr60{height:60px;}
.clr70{height:70px;}
.clr80{height:80px;}
.clr90{height:90px;}
.clrfix {*zoom: 1;}
.clrfix:before, .clrfix:after {display:table; line-height:0; content:""}
.clrfix:after {clear:both}

.hide {display:none !important;}
.show {display:block !important;}

.left {float:left;}
.right {float:right;}

.alignleft {text-align:left !important;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}

.wrap {width:96%; max-width:1200px;margin-left:auto; margin-right:auto; position:relative;}

.c0 {width:auto;}
.c1 {width:4.16%;}
.c2 {width:8.33%;}
.c3 {width:12.5%;}
.c4 {width:16.66%;}
.c5 {width:20.83%;}
.c6 {width:25%;}
.c7 {width:29.16%;}
.c8 {width:33.33%;}
.c9 {width:37.5%;}
.c10 {width:41.66%;}
.c11 {width:45.83%;}
.c12 {width:50%;}
.c13 {width:54.16%;}
.c14 {width:58.33%;}
.c15 {width:62.5%;}
.c16 {width:66.66%;}
.c17 {width:70.83%;}
.c18 {width:75%;}
.c19 {width:79.16%;}
.c20 {width:83.33%;}
.c21 {width:87.5%;}
.c22 {width:91.66%;}
.c23 {width:95.83%;}
.c24 {width:100%;}

.p1 {margin-left:4.16%;}
.p2 {margin-left:8.33%;}
.p3 {margin-left:12.5%;}
.p4 {margin-left:16.66%;}
.p5 {margin-left:20.83%;}
.p6 {margin-left:25%;}
.p7 {margin-left:29.16%;}
.p8 {margin-left:33.33%;}
.p9 {margin-left:37.5%;}
.p10 {margin-left:41.66%;}
.p11 {margin-left:45.83%;}
.p12 {margin-left:50%;}
.p13 {margin-left:54.16%;}
.p14 {margin-left:58.33%;}
.p15 {margin-left:62.5%;}
.p16 {margin-left:66.66%;}
.p17 {margin-left:70.83%;}
.p18 {margin-left:75%;}
.p19 {margin-left:79.16%;}
.p20 {margin-left:83.33%;}
.p21 {margin-left:87.5%;}
.p22 {margin-left:91.66%;}
.p23 {margin-left:95.83%;}
.p24 {margin-left:100%;}

.a1 {margin-right:4.16%;}
.a2 {margin-right:8.33%;}
.a3 {margin-right:12.5%;}
.a4 {margin-right:16.66%;}
.a5 {margin-right:20.83%;}
.a6 {margin-right:25%;}
.a7 {margin-right:29.16%;}
.a8 {margin-right:33.33%;}
.a9 {margin-right:37.5%;}
.a10 {margin-right:41.66%;}
.a11 {margin-right:45.83%;}
.a12 {margin-right:50%;}
.a13 {margin-right:54.16%;}
.a14 {margin-right:58.33%;}
.a15 {margin-right:62.5%;}
.a16 {margin-right:66.66%;}
.a17 {margin-right:70.83%;}
.a18 {margin-right:75%;}
.a19 {margin-right:79.16%;}
.a20 {margin-right:83.33%;}
.a21 {margin-right:87.5%;}
.a22 {margin-right:91.66%;}
.a23 {margin-right:95.83%;}
.a24 {margin-right:100%;}

.c0, .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c20, .c21, .c22, .c23, .c24 {float:left; min-height:1px; position:relative;}

.radius-xs {-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.radius-s {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.radius {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.radius-l {-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.radius-xl {-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}

.shadow-xs {-moz-box-shadow:0 0 2px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.6); box-shadow:0 0 2px rgba(0,0,0,0.6);}
.shadow-s {-moz-box-shadow:0 0 5px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.6); box-shadow:0 0 5px rgba(0,0,0,0.6);}
.shadow {-moz-box-shadow:0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.6); box-shadow:0 0 10px rgba(0,0,0,0.6);}
.shadow-l {-moz-box-shadow:0 0 15px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6);}
.shadow-xl {-moz-box-shadow:0 0 20px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.6); box-shadow:0 0 20px rgba(0,0,0,0.6);}

.anime-xs {-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.anime-s {-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}
.anime-m {-webkit-transition:all 0.75s; -moz-transition:all 0.75s; -o-transition:all 0.75s; -ms-transition:all 0.75s; transition:all 0.75s;}
.anime {-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
.anime-l {-webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}
.anime-xl {-webkit-transition:all 5s; -moz-transition:all 5s; -o-transition:all 5s; -ms-transition:all 5s; transition:all 5s;}
.anime-d1s {-webkit-transition:all 1s 0.6s; -moz-transition:all 1s 0.6s; -o-transition:all 1s 0.6s; -ms-transition:all 1s 0.6s; transition:all 1s 0.6s;}

hr {height:1px; margin:20px 0px; border:0; background-color:#e2001a;}


/* --- WEB -------------------------------------*/
html {font-size:62.5%;}
body {height:100%; font-family:"Open Sans", sans-serif, Arial; font-size:16px; font-size:1.6rem; line-height:1.6; color:#444; overflow-x:hidden;}


h1 {font-size:48px; font-size:4.8rem; font-weight:300; color:#e2001a;}
h1 span {display:block; font-size:20px; font-size:2.0rem; color:#333;}

h2 {font-family:"Deftone"; font-size:40px; font-size:4.0rem; font-weight:300; color:#941B28; }
h3 {margin-top:16px; font-family:"Deftone"; font-size:32px; font-size:3.2rem; font-weight:normal;}
h4 {font-size:16px; font-size:1.6rem;}

p {margin:6px 0;}

.mapcontent h2 {font-size:28px; font-size:2.8rem;}

/* --- Menu ------------------------------------*/

nav {position:fixed; top:0; width:100%; padding:0; text-align:center; font-family:"Deftone"; z-index:1000;}
nav  ul > li {display:inline-block; }
nav  ul > li > a {margin:0px; padding:18px 16px; display:inline-block; text-decoration:none; font-size:20px; font-size:2.0rem; font-weight:normal;}
nav  ul > li > a:hover {text-decoration:underline; background-color:none;}
nav  ul > li > a:first-child {}
nav  ul > li.current-menu-item > a {color:#e2001a; background-color:none;}

nav > .menu {position:relative; background-color:#941B28; height:auto; }
nav > .menu:after {position:absolute; bottom:-28px; left:0; width:100%; height:28px; background-image:url("../img/oblouk.png"); background-repeat:repeat-x; content:"";}
nav > .menu > ul {height:100%;}
nav > .menu > ul > li > a {padding:8px 16px 2px 16px; color:#fff;}

.icon-menu {/*position:absolute; top:0px; right:0;*/ position:relative; width:44px; height:44px; display:none; z-index:1000001;}
.icon-menu span {position:absolute; top:50%; right:10px; margin-top:-2px;}
.icon-menu span, .icon-menu span::before, .icon-menu span::after {position:absolute; display:inline-block; height:3px; width:24px; background-color:#fff; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s; transition:all 0.6s;}
.icon-menu span:before {top:-6px;}
.icon-menu span:after {top:6px;}
.icon-menu span::before, .icon-menu span::after {content:''; right:0; -webkit-transform-origin:0% 50%; -moz-transform-origin:0% 50%; -ms-transform-origin:0% 50%; -o-transform-origin:0% 50%; transform-origin:0% 50%;}
.icon-menu.active span {background:rgba(128,128,128,0);}
.icon-menu.active span::before {-webkit-transform:translate(4px,-3px) rotate(45deg); -moz-transform:translate(4px,-3px) rotate(45deg); -ms-transform: translate(4px,-3px) rotate(45deg); -o-transform:translate(4px,-3px) rotate(45deg); transform:translate(4px,-3px) rotate(45deg);}
.icon-menu.active span::after {-webkit-transform:translate(4px,2px) rotate(-45deg); -moz-transform:translate(4px,2px) rotate(-45deg); -ms-transform:translate(4px,2px) rotate(-45deg); -o-transform:translate(4px,2px) rotate(-45deg); transform:translate(4px,2px) rotate(-45deg);}



.fixed {background-color:rgba(255,255,255,0.55)}

/* --- Header ----------------------------------*/
header, section, footer {position:relative; margin:0;}

header {width:100%; height:auto; min-height:100vh; background-image:url("../img/bg.png"); background-repeat:repeat; }
.logo {float:left; width:280px; height:76px; margin:10px 0px; overflow:hidden; text-align:left; }


section.nabidka, section.kontakt {width:100%; height:auto; min-height:100vh; padding-top:80px; background-color:white; z-index:50;}

section.akce {width:100%; height:auto; padding-top:80px; padding-bottom:80px; background-color:#f1f1f1; z-index:50;}

/* --- Obsah - HomePage -----------------------*/

section {margin-bottom:0px;}
section h2 {margin:0px 0 20px 0;}
.spodek {position:fixed; top:0; bottom:0; left:0; width:100%; height:100%; z-index:20;}

#logo {position:absolute; top:20%; left:50%; width:auto; max-width:80%; transform: translate(-50%, 0); z-index:80;}
#glutenfree {position:absolute; bottom:20%; left:5%; width:auto; height:auto; max-width:42%; max-height:42%; min-width:140px; z-index:75;}
#glutenfree p {transform: rotate(345deg) translate(50px,-50px); font-size:26px; font-weight:bold; color:#fff; text-align:center; line-height:1; background-color:#efa941; padding:8px 6px;}
#pizzaobr {position:absolute; bottom:-5%; left:-5%; width:auto; height:auto; max-width:48%; max-height:70%; min-width:300px; z-index:30;}
#rozvoz-ladvi, #rozvoz-bohnice, #rozvoz-hloubetin {position:absolute; right:0; bottom:0; width:auto; height:auto; max-width:35%; max-height:40%; min-width:200px; z-index:50;}
#rozvoz-ladvi {bottom:25%;}
#rozvoz-bohnice {bottom:0%;}
#rozvoz-hloubetin {bottom:50%;}





/* --- Obsah - Nabídka ------------------------*/


.cat-btn {width:100%; max-width:700px; min-width:280px; margin:20px auto; display:flex; align-items:top; justify-content:center;}
.cat-btn a {width:20%; margin-right:4px; margin-left:-1px; padding:12px 6px; display:inline-block; border:1px #eaeaea solid; text-align:center;}
.cat-btn a img {padding:12%;}
.cat-btn a:hover {border-color:transparent; box-shadow: 0px 3px 15px -3px rgba(0,0,0,0.25); text-decoration:none;}
.cat-btn a.cat-active {background-color:#941B28; color:#fff; box-shadow: 0px 3px 15px -3px rgba(0,0,0,0.25);}
.cat-btn a span {color:#941B28; font-size:18px; /*white-space:nowrap;*/ text-align:center; display:block;}
.cat-btn a.cat-active span {color:#fff;}


.price-list {position:relative; width:96%; max-width:600px; overflow:hidden;}
.cat-tab {position:absolute; top:0; left:100%; width:100%; transition:left .3s ease-in-out;}
.cat-tab.cat-active {position:relative; left:0; width:100%; transition:left .7s ease-in-out;}

.price-row {padding-bottom:10px;}
.price-headline {position:relative; border-bottom:1px dotted #ccc;}
.price-headline h4, .price-headline p {font-style:normal; font-weight:400; font-size:18px; font-size:1.8rem; line-height:1.1; text-transform:none; letter-spacing:0px; word-spacing:0; color:#28262b; background-color:#fff;}
.price-headline > h4 {float:left; position:relative; bottom:-4px; padding-right:6px; }
.price-headline > p {position:absolute; top:0; right:0; padding-left:6px;}
.price-headline > p:after {content:" Kč";}
.price-row > p {font-size:16px; font-size:1.4rem; font-style:italic; color:#aaa;}





/* --- Obsah - Kontakt ------------------------*/
section.kontakt {background-color:#1b1b1b; text-align:center;}
.provozovny {display:flex; align-items:stretch; justify-content:space-around; flex-wrap:wrap;}
.ramecek {width:29%; max-width:400px; min-width:300px; margin:20px 2% 30px 2%; padding:20px; border:1px #888 dotted; text-align:center;}
.kontakt h3 {color:#fff; font-family:"Deftone"; font-size:32px; font-weight:normal; text-transform:none;}
.kontakt p {color:#fff;}
.kontakt p span {display:block; color:#777;}

.gmaps {height:50vh; min-height:300px; max-height:600px;}




/* --- Obsah - parallax -------------------------*/
/*
.pldezert, .pllatte, .pllimonada, .plpizza, .plsalat {position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:20;}
.slow {background:url(../img/lay-slow.png) 90% 0 no-repeat fixed;}

.pldezert {background:url(../img/menu/dezert.jpg) 20% 0 no-repeat;}
.pllatte {background:url(../img/menu/latte.png) no-repeat; background-attachment:fixed;}
.pllimonada {background:url(../img/menu/limonada.png) no-repeat; background-attachment:fixed; background-position:bottom;}
.plpizza {background:url(../img/menu/pizza.png) no-repeat; background-attachment:fixed;}
.plsalat {background:url(../img/menu/salat.png) 70% 200px no-repeat; background-attachment:scroll; top:200px; }
*/



/* --- Obsah - Produkty -------------------------*/

/* --- Obsah - Fotogalerie --------------------*/

/* --- Aside ----------------------------------*/




/* --- Footer ----------------------------------*/
footer {background-color:#000; z-index:50;}
footer p.sign {/*position: absolute; bottom: 0px; */ margin:0; padding:28px 0; text-align:center; font-size:12px; font-size:1.2rem; color:#ccc;}
footer p.sign a {font-weight:bold; color:#ccc;}

/* --- Buttons ---------------------------------*/
.btn {position:relative; margin:0; padding:12px 24px; display:inline-block; font-family:inherit; cursor:pointer; text-align:center; text-decoration:none; text-transform:uppercase; line-height:1;}
/*
.btn:hover {text-decoration:none; box-shadow:0 6px 10px rgba(0,0,0, 0.6); -webkit-filter:brightness(90%); -moz-filter:brightness(90%); -ms-filter:brightness(90%); -o-filter:brightness(90%); filter:brightness(90%);}
.btn:focus {outline:0 !important; -webkit-filter:brightness(80%); -moz-filter:brightness(80%); -ms-filter:brightness(80%); -o-filter:brightness(80%); filter:brightness(80%);}
.btn:active {box-shadow:none;}
*/
.btn-xxl {padding:36px 46px; font-size:128%;}
.btn-xl {padding:28px 36px; font-size:118%;}
.btn-l {padding:18px 30px; font-size:110%;}
.btn-s {padding:8px 15px;}
.btn-xs {padding:5px 10px;}

/*
.btn {background-color:#fff; color:#e2001a; border:1px #e2001a solid;}
.btn:hover, .btn-active {background-color:#e2001a; color:#fff;}
*/

.btn-primary {background-color:#fff; color:#000; top:8px; font-size:16px; font-size:1.6rem;}
.btn-primary:hover {}
.btn-primary:before {position:absolute; top:-55px; left:-115px; content:url(img/sipka.png); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.btn-primary:hover:before {position:absolute; top:-50px; left:-105px; content:url(img/sipka.png); }

.btn-blue {background-color:#fff; color:blue; border:1px blue solid;}
.btn-blue:hover, .btn-blue .btn-active {background-color:blue; color:#fff;}

.btn-red {background-color:#fff; color:#e2001a; border:1px #e2001a solid;}
.btn-red:hover, .btn-red .btn-active {background-color:#e2001a; color:#fff;}

.btn-green {background-color:#fff; color:#00ff00; border:1px #00ff00 solid;}
.btn-green:hover, .btn-red .btn-active {background-color:#00ff00; color:#fff;}




/* --- Point of Interest -----------------------*/
.sp1:nth-of-type(1) {top: 110px; left: 6px; }
.sp1:nth-of-type(2) {top: 40px; left: 96px; }
.sp1:nth-of-type(3) {top: 60px; right: 20px; }
.sp2:nth-of-type(1) {top: 40px; left: 48px; }
.sp2:nth-of-type(2) {top: 60px; right: 20px; }

p [class^="text-"], p [class*=" text-"] {padding:8px 0px; text-align:center; }



.line {position:relative; text-align:center;}
.line:before {content: ""; position:absolute; top:45%; left:0px; bottom:0px; width:100%; border-top: 1px solid black; z-index:-1;}
.line span {background-color:#fff; padding:0 15px;}
/*.line span:before {right: 100%; margin-right: 15px;}
.line span:after {left: 100%; margin-left: 15px;}
*/

.fancy {line-height:0; text-align: center;}
.fancy span {display: inline-block; position: relative;}
.fancy span:before, .fancy span:after {content: ""; position: absolute; height:5px; border-top: 1px solid black; top: 0; width:100%;}
.fancy span:before {right: 100%; margin-right: 15px;}
.fancy span:after {left: 100%; margin-left: 15px;}

.fancy2 {line-height:0.5; text-align: center;}
.fancy2 span {display: inline-block; position: relative;}
.fancy2 span:before, .fancy2 span:after {content: ""; position: absolute; height:5px; border-bottom: 1px solid black; border-top: 1px solid black; top: 0; width:100%;}
.fancy2 span:before {right: 100%; margin-right: 15px;}
.fancy2 span:after {left: 100%; margin-left: 15px;}


.mobil {display:none;}

/* --- Responsive ------------------------------*/



@media(max-height:800px) and (orientation:landscape) {
 #glutenfree {max-width:38%; max-height:38%;}
 #glutenfree p {font-size:24px;}
}
@media(max-height:600px) and (orientation:landscape) {
 #glutenfree {max-width:36%; max-height:36%;}
 #glutenfree p {font-size:22px;}
}
@media(max-height:480px) and (orientation:landscape) {
 #glutenfree {max-width:15%; max-height:30%;}
 #glutenfree p {font-size:20px;}
 #logo { max-width:40%; }
}

@media(max-height:700px) {
 header {min-height:700px;}
}


@media(max-width:800px) and (orientation:portrait) {
 #glutenfree {max-width:38%; max-height:38%;}
 #glutenfree p {font-size:24px;}
}

@media(max-width:600px) and (orientation:portrait) {
 #glutenfree {max-width:36%; max-height:36%;}
 #glutenfree p {font-size:22px;}
}

@media(max-width:400px) and (orientation:portrait) {
 #glutenfree {max-width:34%; max-height:34%;}
 #glutenfree p {font-size:20px;}
}


@media(max-width:1366px) {}
@media(max-width:1200px) {}
@media(max-width:1024px) {}

@media(max-width:970px) {
 .pldezert, .pllatte, .pllimonada, .plpizza, .plsalat {display:none;}
}

@media(max-width:800px) {
 .mobil {display:block;}
 .clr-mobile {clear:both; display:block; overflow:hidden; height:0px; width:100%;}

 nav > .menu > ul {height:0; padding:10px 0; overflow:hidden; opacity:0; /*transform:translate(9999px);*/}
 nav > .menu > ul > li {float:none; display:block; line-height:1.5; text-align:left;}
 .icon-menu {float:right; display:block;}
 nav > .menu > ul.mobil-active {height:100%; opacity:1; /*transform:translate(0);*/}

}

@media(max-width:768px) {}

@media(max-width:640px) {
 .c0, .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c20, .c21, .c22, .c23, .c24 {width:100%; margin-right:0px; margin-left:0px;}
 .provozovny {display:block; align-items:stretch; justify-content:space-between;}


}

@media(max-width:600px) {}
@media(max-width:480px) {

/*
 #logo {position:static; padding-top:70px; margin:0px auto;}
 #rozvoz {position:relative; top:-150px; z-index:25;}
 #rozvoz-ladvi {position:relative; top:-150px; z-index:25;}
 #pizzaobr {position:relative; top:200px; z-index:24;}
 .spodek {position:static; width:100%; z-index:20;}

*/
.cat-btn {flex-direction:column; align-items:center;}
.cat-btn a {width:80%;}
}

@media(max-width:360px) {
 html {font-size:52.5%;}
}

@media(max-width:320px) {}