html, body {
  /*font-family: , sans-serif;*/
  font-family: 'Open Sans';
  color: #0032A0;
  color: #009FDB;
  color: #1C3968;
  background: #0E4385;
  font-size: 16px;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  overflow-x: hidden;
}

.board {
  max-width: 1278px;
  margin: auto;
  padding-top: 40px;
}

.main {
  position: relative;
  z-index: 0;
  background-image: url('../../images/peceni/pap400.jpg');
  display: table;
  width: 100%;
}

.main, .tcol {
  min-height: 80vh;
}

.tcol {
  display: table-cell;
}

.cutter {
  background-repeat: repeat-y;
  width: 80px;
  border: 0px solid black;
  padding: 0px;
}

.cutter-t, .cutter-b {
  height: 80px;
  width: 100%;
  background-repeat: repeat-x;
  background-image: url('../../images/peceni/cutter-t.png');
  background-position: top left;
  position: absolute;
}

.cutter-t {
  top: 0;
}

.cutter-b {
  background-image: url('../../images/peceni/cutter-b.png');
  background-position: bottom left;
  bottom: 0px;
  left: 0;
  /*left:2%;width:96%;*/
}

.cutter-l {
  background-image: url('../../images/peceni/cutter-l.png');
  background-position: top left;
}

.cutter-r {
  background-image: url('../../images/peceni/cutter-r.png');
  background-position: top right;
}

#page {
  border: 0px solid #f00;
  position: relative;
}

.furt {
  display: table;
  width: 100%;
}

.furt .fcol {
  border: 0px solid #ff0;
  display: table-cell;
  vertical-align: top;
  min-height: 300px;
  width: 33%;
  text-align: center;
  position: relative;
}

.furt .fcol p {
  color: #452215;
  text-align: center;
  font-weight: bold;
  max-width: 318px;
  margin: auto;
  padding-top: 100px;
}

.furt img {
  max-width: min-content;
}

.choc3 {
  bottom: -5%;
  left: -30%;
  width: 122%;
}

.cacaos2 {
  width: 100%;
  top: 40%;
  right: -7%;
  z-index: 20;
}

.lent1 {
  width: 100%;
  bottom: -7%;
  right: -5%;
  z-index: 19;
}

.layer1 {
  z-index: 10;
}

.layer2 {
  z-index: 20;
}

.orion {
  top: 1rem;
  left: 50%;
  width: 90%;
  margin-left: -45%;
}

.menu {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
}

.menu a, .menu span {
  display: block;
  margin-bottom: 20px;
  transition: color .3s;
}

.menu a:hover, .menu span:hover {
  text-decoration: none;
  color: #80D4F7;
}

form[id*=recepty-block-1] {
  display: none;
}

.mb-3 {
  margin: 0 0 150px;
}

.footer .links a {
  display: block;
  margin: 0rem;
  color: #0E4385;
}

.footer2 {
  height: 6rem;
}

.content {
  margin: auto;
  width: 100%;
  border: 0px solid black;
}

.recipes {
  padding-top: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.recipes a:hover {
  text-decoration: none;
}

.irecipe {
  position: relative;
  width: 350px;
  margin: 0.1%;
  height: 320px;
  overflow: hidden;
  margin-bottom: 30px;
}

.imgWrap {
  width: 340px;
  height: 224px;
  overflow: hidden;
}

.irecipe img {
  margin-bottom: -7px;
  transition: transform .3s;
}

.irecipe img:hover {
  transform: scale(1.1);
}

.rname {
  background-image: url('../../images/peceni/tag.png');
  height: 88px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.rname h2 {
  color: #fff;
  max-width: 75%;
  padding: 2.5%;
}

/*
.rname span {
  display: none;
}
*/

.soc img, .partners img {
  transition: transform .3s;
}

.soc img:hover {
  transform: scale(1.15);
}

.partners img:hover {
  transform: scale(1.07);
}

/**   DETAIL   **/
.detail {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

img.main1 {
  width: 62.61%;
}

img.main2 {
  width: 44.72%;
  right: 0%;
  bottom: 5%;
}

img.main2.box {
  width: 40.4%;
  right: -4%;
}

img.main2.sour {
  right: -5%;
  bottom: 3%;
}

img.main2.comb {
  bottom: 1%;
}

.rmain {
  text-align: center;
  position: relative;
  padding-bottom: 10rem;
}

ul {
  list-style: disc;
  padding-left: 1.4rem;
}

.ingr {
  padding-left: 1.5rem;
}

.recipe {
  padding-left: 7%;
  margin-right: 0rem;
}

img.vr, img.hr {
  position: relative;
  border-right: 0px solid #0A4D8E;
  width: 4px;
  max-width: unset !important;
}

img.vr {
  top: 21%;
  height: 80%;
  left: 99%;
}

img.hr {
  top: -0.8rem;
  left: -25%;
  height: 4px;
  width: 140% !important;
}

.recipe img.hr {
  left: -27%;
  width: 145% !important;
}

.ibutton {
  display: inline-block;
  min-width: 10em;
  margin: auto;
  margin-top: 2rem;
  background: #0A4D8E;
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  border-radius: 5px;
  white-space: nowrap;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .3);
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .3);
  transition: color .3s;
  font-family: 'Cocon';
}

.ibutton:hover {
  text-decoration: none;
  color: #80D4F7;
}

.test {
  border: 2px solid #000;
  background: rgba(0, 255, 0, 0.2);
}

.soc {
  position: relative;
  height: 9vw;
  width: 50%;
  margin: auto;
  margin-top: 2vw;
  min-height: 80px;
}

.soc img {
  width: 21%;
  max-width: 60px;
  margin: 2%;
}

.soc a.fb {
  right: 0;
}

.partners img {
  margin: 0.5rem;
  object-fit: contain;
  max-height: 50px;
}

/* Orion pečení */
/* **************************** */
.orion-peceni {
  background-color: #0E4385;
}

/* Styly z objects.css */
/* **************************** */
html, body {
  /*font-family: , sans-serif;*/
  font-family: 'Open Sans';
  color: #1C3968;
  background: #0E4385;
  font-size: 16px;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  overflow-x: hidden;
}

.board {
  max-width: 1278px;
  margin: auto;
  padding-top: 40px;
}

.main {
  position: relative;
  z-index: 0;
  background-image: url('../../images/peceni/pap400.jpg');
  display: table;
  width: 100%;

}

.main, .tcol {
  min-height: 80vh;
}

.tcol {
  display: table-cell;
}

.cutter {
  background-repeat: repeat-y;
  width: 80px;
  border: 0px solid black;
  padding: 0px;
}

.cutter-t, .cutter-b {
  height: 80px;
  width: 100%;
  background-repeat: repeat-x;
  background-image: url('../../images/peceni/cutter-t.png');
  background-position: top left;
  position: absolute;
}

.cutter-b {
  background-image: url('../../images/peceni/cutter-b.png');
  background-position: bottom left;
  bottom: 0px;
  left: 0;
  /*left:2%;width:96%;*/
}

.cutter-l {
  background-image: url('../../images/peceni/cutter-l.png');
  background-position: top left;
}

.cutter-r {
  background-image: url('../../images/peceni/cutter-r.png');
  background-position: top right;
}

#page {
  border: 0px solid #f00;
  position: relative;
}

.furt {
  display: table;
  width: 100%;
}

.furt .fcol {
  border: 0px solid #ff0;
  display: table-cell;
  vertical-align: top;
  min-height: 300px;
  width: 33%;
  text-align: center;
  position: relative;
}

.furt .fcol p {
  color: #452215;
  text-align: center;
  font-weight: bold;
  max-width: 318px;
  margin: auto;
  letter-spacing: .01em;
  padding-top: 100px;
}

.furt img {
  max-width: min-content;
}

.choc3 {
  bottom: -5%;
  left: -30%;
  width: 122%;
}

.cacaos2 {
  width: 100%;
  top: 40%;
  right: -7%;
  z-index: 20;
}

.lent1 {
  width: 100%;
  bottom: -7%;
  right: -5%;
  z-index: 19;
}

.layer1 {
  z-index: 10;
}

.layer2 {
  z-index: 20;
}

.orion {
  top: 1rem;
  left: 50%;
  width: 90%;
  margin-left: -45%;
}

.menu {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
}

.menu a {
  display: block;
  margin-bottom: 20px;
  transition: color .3s;
}

.menu a:hover {
  text-decoration: none;
  color: #80D4F7;
}

.footer {
  font-size: 1.4rem;
  font-weight: bold;
  color: #0E4385;
}

.footer .links a {
  display: block;
  margin: 0rem;
  color: #0E4385;
}

.footer2 {
  height: 6rem;
}

.content {
  margin: auto;
  width: 100%;
  border: 0px solid black;
}

.recipes,
.view-content {
  padding-top: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.recipes,
.view-content img {
  width: 100%;
  height: auto;
  max-width: 340px;
}

.recipes a:hover {
  text-decoration: none;
}

.irecipe {
  position: relative;
  width: 350px;
  margin: 0.1%;
  height: 320px;
  overflow: hidden;
  margin-bottom: 30px;

  display: block;
}

.imgWrap {
  width: 340px;
  height: 224px;
  overflow: hidden;
}

.irecipe img {
  margin-bottom: -7px;
  transition: transform .3s;
}

.irecipe img:hover {
  transform: scale(1.1);
}

.rname {
  background-image: url("../../images/peceni/tag.png");
  height: 88px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.rname h2 {
  color: #fff;
  max-width: 75%;
  padding: 2.5%;
  font-size: 1.15rem;
}

.soc img, .partners img {
  transition: transform .3s;
}

.soc img:hover {
  transform: scale(1.15);
}

.partners img:hover {
  transform: scale(1.07);
}

/**   DETAIL   **/
.detail {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

img.main1 {
  width: 62.61%;
}

img.main2 {
  width: 44.72%;
  right: 0%;
  bottom: 5%;
}

img.main2.box {
  width: 40.4%;
  right: -4%;
}

img.main2.sour {
  right: -5%;
  bottom: 3%;
}

img.main2.comb {
  bottom: 1%;
}

.rmain {
  text-align: center;
  position: relative;
  padding-bottom: 10rem;
}

ul {
  list-style: disc;
  padding-left: 1.4rem;
}

.ingr {
  padding-left: 1.5rem;
}

.recipe {
  padding-left: 7%;
  margin-right: 0rem;
}

img.vr, img.hr {
  position: relative;
  border-right: 0px solid #0A4D8E;
  width: 4px;
  max-width: unset !important;
}

img.vr {
  top: 21%;
  height: 80%;
  left: 99%;
}


img.hr {
  top: -0.8rem;
  left: -25%;
  height: 4px;
  width: 140% !important;
}

.recipe img.hr {
  left: -27%;
  width: 145% !important;
}

.ibutton {
  display: inline-block;
  min-width: 10em;
  margin: auto;
  margin-top: 2rem;
  background: #0A4D8E;
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  border-radius: 5px;
  white-space: nowrap;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .3);
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .3);
  transition: color .3s;
  font-family: 'Cocon';
}

.ibutton:visited {
  text-decoration: none;
  color: #fff !important;
}

.ibutton:hover {
  text-decoration: none;
  color: #80D4F7;
}

.test {
  border: 2px solid #000;
  background: rgba(0, 255, 0, 0.2);
}

.soc {
  position: relative;
  height: 9vw;
  width: 50%;
  margin: auto;
  margin-top: 2vw;
  min-height: 80px;
  display: flex;
  justify-content: center;
}

.soc a {
  float: left;
  display: block;

  width: 41px;
  height: 41px;
  margin: 0 10px;
}

.soc img {
  max-width: 60px;
  margin: 2%;
  width: 41px;
  height: 41px;
}

.soc a.fb {
  right: 0;
}

.partners {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  height: 100% !important;
}

.partners a {
  flex: 1 1 45%;
  width: fit-content;
  text-align: center;
  display: flex;
  justify-content: center;
}

.partners a img {
  width: 100%;
  height: auto;
}

.partners img {
  margin: 0.5rem;
}

/* /objects.css **************************** */

/* Puvodni styly z default.css */
/* **************************** */
* {
  margin: 0px;
  padding: 0px;
}

img {
  border: 0px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

hr {
  height: 1px;
  border: 0px;
  border-bottom: 1px solid #ccc;
}

input[type=submit], .pointer {
  cursor: pointer;
}

/*---------------------------*/
.r {
  text-align: right;
}

.l {
  text-align: left !important;
}

.c {
  text-align: center;
}

.j {
  text-align: justify !important;
}

.i {
  font-style: italic;
}

.fr, .fr10, .fr20 {
  float: right;
}

.fl, .fl10, .fl20 {
  float: left;
}

.fl10 {
  margin-right: 10px;
}

.fr10 {
  margin-left: 10px;
}

.fl20 {
  margin-right: 20px;
}

.fr20 {
  margin-left: 20px;
}

.fn, .nofloat {
  float: none !important;
}

.hidden {
  display: none !important;
}

.lb {
  border: 1px solid #ccc;
}

.cb, .clear {
  clear: both;
}

.cr {
  clear: right;
}

.cl {
  clear: left;
}

.cursordefault {
  cursor: default !important;
  color: #888;
}

.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w33 {
  width: 33%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w66 {
  width: 66%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.w100 {
  width: 100%;
}

.uc {
  text-transform: uppercase;
}

.bigquote {
  font-size: 30px !important;
  color: #acf;
  display: inline-block;
  position: relative;
  top: 6px;
}

.quoted {
  font-size: 17px !important;
  color: #2F71B3 !important;
  line-height: 2em;
}

.w50 img.fr10 {
  margin-right: 10px;
}

.hidden {
  display: none;
}

.ib {
  display: inline-block;
}

.nowrap {
  white-space: nowrap;
}

.rad5, .rc5 {
  border-radius: 5px;
}

.rad8, .rc8 {
  border-radius: 8px;
}

.rad10, .rc10 {
  border-radius: 10px;
}

.rad20, .rc20 {
  border-radius: 20px;
}

.nb, .nw {
  white-space: nowrap;
}

.m0 {
  margin: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.pr {
  position: relative;
}

.m5 {
  margin: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.p5 {
  padding: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.p10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.p20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.m10 {
  margin: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.m20 {
  margin: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.m3x {
  margin: 3ex !important;
}

.mp5 {
  padding: 5px;
  margin: 5px !important;
}

.mp10 {
  padding: 10px;
  margin: 10px !important;
}

.vac, .vam {
  vertical-align: middle;
}

.nm {
  margin: 0px;
}

.b {
  font-weight: bold;
}

.red, .red:visited {
  color: #b00;
}

.green {
  color: #0a3;
}

.blue {
  color: #03b;
}

.mw300 {
  max-width: 300px;
}

img.rot90 {
  -webkit-transform: rotate(90deg);
}

img.rot180 {
  -webkit-transform: rotate(180deg);
}

img.rot-90 {
  -webkit-transform: rotate(-90deg);
}

.block {
  display: block;
}

ul.decimal {
  list-style-type: decimal;
}

.ma {
  margin: auto;
}

.pa {
  position: absolute;
}

.pr {
  position: relative;
}