/*  Fonts  */
@font-face {
    font-family: 'wcmanonegrabta';
    src: url('../fonts/wcmanonegrabta.eot');
    src: url('../fonts/wcmanonegrabta.eot?#iefix') format('embedded-opentype'),
         url('../fonts/wcmanonegrabta.woff') format('woff'),
         url('../fonts/wcmanonegrabta.ttf') format('truetype'),
         url('../fonts/wcmanonegrabta.svg#wcmanonegrabta') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleo-regular';
    src: url('../fonts/aleo-regular.eot');
    src: url('../fonts/aleo-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo-regular.woff') format('woff'),
         url('../fonts/aleo-regular.ttf') format('truetype'),
         url('../fonts/aleo-regular.svg#aleo-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleo-light';
    src: url('../fonts/aleo-light.eot');
    src: url('../fonts/aleo-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo-light.woff') format('woff'),
         url('../fonts/aleo-light.ttf') format('truetype'),
         url('../fonts/aleo-light.svg#aleo-light') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'aleo-bold';
    src: url('../fonts/aleo-bold.eot');
    src: url('../fonts/aleo-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo-bold.woff') format('woff'),
         url('../fonts/aleo-bold.ttf') format('truetype'),
         url('../fonts/aleo-bold.svg#aleo-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.item_desc, a {

  font-weight: bold;
  font-family: 'aleo-regular';

}

  a {color: #ab181d;}

  footer a {

    text-decoration: underline;
    color: rgb(255,255,255);
    font-weight: bold;

  }

  .box {border: 1px solid rgb(230,230,230); margin: 0 auto; padding: 25px 0 40px 0; box-sizing: border-box; width: 60%;}

.sector {float: left;
         width:100%;

        }

        .standard_container {

          margin: 0 auto;
          max-width: 1248px;

        }

        .wrap_1_to_3 {
                      float: left;
                      width: 33%;
                     }


/*  General CSS*/
body{
    background: #fff;
            font-family:"Novecento-wide" ;
            line-height: 30px;
}

.wrapper{
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

h1, h2, h3, h4, h5 ,h6{
    color: #626262;
    font-family: "Novecento-wide", arial;
    letter-spacing: 1px;
}

h1  {font-size: 2em; margin: 1.27em 0;}
  h1 i {margin-right: 12px;}
h2  { font-size: 1.5em; margin: 0.75em 0 }
h3  { font-size: 1.17em; margin: 0.83em 0 }
h5  { font-size: .83em; margin: 1.5em 0 }
h6  { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5, h6 { font-weight: bolder }
ul h2 {margin: 10px 0;}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
article ul .ico {width: 28px; position: relative; top: 4px;}
.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

header nav ul li a,
.featured_dishes .slider_nav a,
.gallery .media section img,
footer .footer_nav ul li a{
    transition:all .3s linear;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
}

.footer_ico {font-size: 48px;}
.item_ico {font-size: 20px; padding: 7px; margin: 0 0 6px 12px; border: 1px solid white; border-radius: 50%;}

  .wichtige_text {
    font-size: 18px;
    color: #626262;
    font-family: "Novecento-wide", arial;
    text-align: justify;
    line-height: 26px;
    max-width: 768px;
}





/*    header    */
.totop {z-index:1000;position:fixed;right:10px;bottom:40px;display:none;background:#000;color:#fff;}
.totop a {display:block;width: 40px;height: 40px;line-height: 40px;text-align:center;font-size:24px;transition:all .2s ease-in-out;background:#5d5d5d;color:#fff;}
.totop a:hover{background:#b32f23;}

header{
    width: 100%;
    background: #fff;
}

header .logo{
    float: left;
    margin-top: 20px;
    max-width: 120px;
    margin-bottom: 20px;
}

header .slogan {position:absolute;top: 34px;color:#bd4a4e;font-family: "aleo-regular", arial;}

header nav{
    float: right;
}

header nav ul{
    list-style: none;
}

header nav ul li{
    display: block;
    float: left;
}

header nav ul li a{
  text-decoration: none;
  color: #3b3b3b;
  font-family: "aleo-regular", arial;
  font-size: 14px;
  letter-spacing: 1.5px;
  padding: 35px 15px 25px 15px;
  border-bottom: 2px solid #fff;
  display: block;
}

header nav ul li a.active,
header nav ul li a:hover{
    color: #bd4a4e;
    border-bottom: 2px solid #bd4a4e;
}

header nav ul li a i {margin-right: 12px;}



.list {padding: 25px; width: 42px; height: 42px; border: 1px solid rgb(240,240,240); font-size: 42px; margin: 20px 20px 0 0; color: #626262;}

.half ul {color: #626262;}



/*    hero    */
.hero{
    width: 100%;
    height: 570px;
    position: relative;
    background-image: url(../f2.jpg); no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}
.hero.sub {height: 300px;background-image: url(../img/header-img-001.jpg);}
#kontakt .hero.sub {background-image: url(../img/banner-pk.jpg); background-position: center;}
#galeria .hero.sub {background-image: url(../img/galeria-banner.jpg);}
#zabava .hero.sub {background-image: url(../img/turistika-banner.jpg); background-position: bottom;}
.hero .caption{
    text-align: center;
    margin-top: 220px;
}

.hero .caption h3{
    color: #ab181d;
    font-family: "aleo-regular";
    font-size: 110px;
    letter-spacing: 5px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-shadow: 3px 3px 0px white;
}

.hero .caption h4{
    color: #fff;
    font-family: "aleo-regular", arial;
    font-size: 28px;
    display: inline-block;
    vertical-align: top;
    margin: 65px 0 0 0;
    padding: 0;
    font-weight: normal;
}

.hero .caption .rsep,
.hero .caption .lsep{
    width: 40px;
    height: 1px;
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
}

.hero .caption .rsep{
    margin-right: 20px;
}
.hero .caption .lsep{
    margin-left: 20px;
}
.ubyt {
    width: 100%;
    height: 570px;
    position: relative;
    background-image: url(../ubyt.jpg); no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}
.ubyt .caption{
    text-align: center;
    margin-top: 220px;
}

.ubyt .caption h3{
    color: #f04a49;
    font-family: "aleo-regular";
    font-size: 100px;
    letter-spacing: -5px;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.ubyt .caption h4{
    color: #fff;
    font-family: "aleo-regular", arial;
    font-size: 16px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 29px 0 0 0;
    padding: 0;
    font-weight: normal;
}

.ubyt .caption .rsep,
.ubyt .caption .lsep{
    width: 40px;
    height: 1px;
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
}

.ubyt .caption .rsep{
    margin-right: 20px;
}
.ubyt .caption .lsep{
    margin-left: 20px;
}





/*    menu    */

.menu{

}

.menu .menu_title{
    float: left;
    width: 100%;
    text-align: center;
    background-color: #ab181d;
}

.menu .menu_title h2{
  display: block;
  margin: 0 auto;
  padding: 15px;
  color: #fff;
  font-family: "aleo-bold", arial;
  font-size: 20px;
  font-weight: bold;
}

.box-item {border: 1px solid rgb(230,230,230); padding: 25px; display: block; margin-top: 25px; background-color: white; transition: background-color 0.8s; color: black;}
.box-item:hover {background-color: #ab181d; transition: background-color 0.8s; color: white;}

h1 {line-height: 50px;}

  .menu .menu_title h2 i {font-size: 40px;}

#target {padding-top: 50px;}

.menu article{
    float: left;
    width: 50%;
}

.menu article ul li{
  display: block;
  width: calc(100% - 34px);
  padding: 25px;
  margin: 15px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  border-left: 4px solid #ab181d;
  box-shadow: 2px 2px 2px rgb(220,220,220);
}

.menu article ul li .item_info{
    display: inline-block;
    float: left;
}

.menu article ul li h3{
    color: black;
    font-size: 16px;
    margin: 0;
    padding: 0;
    letter-spacing: 2px;
    font-weight: normal;
}

.menu article ul li .item_desc{
    color: rgb(255,69,0);
    font-size: 14px;
    letter-spacing: 1px;
}

.menu article ul li .price{
    float: right;
    color: #fff;
    font-family: "Novecentowide-Bold", arial;
    font-size: 26px;
    letter-spacing: 3px;
    font-weight: normal;
    background-color: #b57f62;
    position: absolute;
    height: 100%;
    right: 0; top: 0;
    width: 20%;
    text-align: center;
    padding-top: 25px;
    box-sizing: border-box;
}

.menu article ul li .separator{
    width: 100%;
    height: 1px;
    background: #e3e1e1;
    position: absolute;
    top: 10px;
    border: 0;
    z-index: -1;
}

.menu .load-more{
    display: block;
    text-align: center;
}

.menu .load-more a{
    text-decoration: none;
    display: inline-block;
    color: #b7b7b7;
    padding: 10px 15px;
    border: 1px solid rgb(255,69,0);

    color: rgb(255,69,0);
    font-size: 14px;
    letter-spacing: 1px;
}

.menu .load-more a hr{
    width: 1px;
    height: 12px;
    border: 0;
    background: #b7b7b7;
    display: inline-block;
    margin: 0 9px -1px 7px;
}

.menu .load-more a .bottom_arrow,
.menu .load-more a .top_arrow{
    display: inline-block;
    width: 11px;
    height: 7px;
    background-repeat: repeat-y;
    margin-bottom: 1px;
}

.menu .load-more a .bottom_arrow{
    background: url('../img/bottom_arrow.png');
}

.menu .load-more a .top_arrow{
    background: url('../img/top_arrow.png');
}








/*    featured dishes    */
.info{
    overflow: hidden;
    margin-bottom: 80px;
}

.info .title{
    float: left;
    position: relative;
}

.info .title h3{
    color: #3b3b3b;
    font-family: "Novecentowide-Bold", arial;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.info .title .separator{
    position: absolute;
    width: 200px;
    height: 1px;
    background: #e5e3e3;
    top: 10px;
    right: -220px;
}
.featured_dishes{
    padding: 100px 0;
    overflow: hidden;
}

.caroufredsel_wrapper{
    width: 100%!important;
}

.featured_dishes .slider_nav{
    float: right;
}

.featured_dishes .slider_nav a{
    display: block;
    width: 9px;
    height: 9px;
    float: left;
    margin-left: 10px;
    text-indent: 999px;
    text-decoration: none;
    background: url('../img/pagination.png') no-repeat;
}

.featured_dishes .slider_nav a.selected{
    background: url('../img/pagination_active.png') no-repeat;
}


.featured_dishes .dishes{
    overflow: hidden;
}

.featured_dishes .dishes article{
    display: block;
    width: 230px;
    float: left;
    margin-right: 60px;
}

.featured_dishes .dishes article:last-child{
    margin-right: 0;
}

.featured_dishes .dishes article .dishe_img{
    display: block;
    width: 230px;
    height: 200px;
    overflow: hidden;
}

.featured_dishes .dishes article .dish_info{
    overflow: hidden;
    margin: 30px 0 10px 0;
}

.featured_dishes .dishes article .dish_info h2{
    float: left;
    width: 85%;
}

.featured_dishes .dishes article .dish_info h3{
    float: right;
}

.featured_dishes .dishes article .dish_info h3,
.featured_dishes .dishes article .dish_info h2{
    margin: 0;
    color: #555;
    font-family: "Novecentowide-Medium", arial;
    font-size: 16px;
    font-weight: lighter;

}

.featured_dishes .dishes article .rating ul{
    list-style: none;
    overflow: hidden;
}

.featured_dishes .dishes article  ul.rating li{
   display: block;
   width: 12px;
   height: 11px;
   float: left;
   margin-right: 5px;
   background: url('../img/stars.png') no-repeat;
   background-position: 0 0;
}

.featured_dishes .dishes article  ul.rating li.no-star{
   background-position: -13px 0;
}


.fun_box {
float: left;
width: 25%;
padding: 0px;
box-sizing: border-box;
max-height: 300px;
overflow: hidden;
}
.fun_box.right {padding-left: 20px; float: right;}
.fun_box.left {padding-right: 20px;}
.fun_box img {width: 100%;}
#freetime a {color: black;}
.standart_text {
  margin: 0 auto;
  display: block;
  padding: 25px 0;
  max-width: 720px;
  text-align: justify;
}









/*    gallery    */
.gallery{
    padding: 100px 0;
    overflow: hidden;
}

.gallery .media{
    overflow: hidden;
    width: 100%;
    height: 430px
}

.gallery .media section{
    display: block;
    width: 366px;
    float: left;
}

.gallery .active{
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
.gallery .inactive{
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: .8;
}

.gallery .media section .half{
    display: block;
    width: 100%;
    height: 215px;
}

.gallery .media section img{
    width: 100%;
    vertical-align: middle;
}









/*    footer    */
footer{
  width: 100%;
  margin-top: 30px;
  padding: 100px 0;
  background: #ab181d;
  color: white;
  font-family: "aleo-regular", arial;      line-height: 32px;
}

footer section{
    display: block;
    width: 255px;
    margin-right: 60px;
    float: left;
}

footer section:last-child{
    margin-right: 0;
}

footer .adress{
    color: #fff;
    font-family: "aleo-regular", arial;
    font-size: 16px;
    line-height: 32px;
    font-weight: normal;
    letter-spacing: 1px;
}

footer .adress .location{
    color: #ebebeb;
    font-family: "aleo-light", arial;
    font-weight: lighter;
}

footer .adress .phone{
    font-family: "aleo-bold", arial;
    font-weight: bold;
}

footer .footer_nav ul{
    list-style: none;
}

footer .footer_nav ul li{
    display: block;
    margin-bottom: 18px;
}

footer .footer_nav ul li a{
    text-decoration: none;
    color: #fff;
    font-family: "aleo-regular", arial;
    font-size: 16px;
    letter-spacing: 1px;
    padding-bottom: 3px;
    border-bottom: 1px solid #3b3b3b;
}

footer .footer_nav ul li a:hover{
    border-bottom: 2px solid #FFF;
}

footer .copyrights .footer_logo{
    margin-bottom: 30px;
}

footer .copyrights p{
    color: #ebebeb;
    font-family: "aleo-bold", arial;
    font-size: 14px;
    font-weight: lighter;
    line-height: 32px;
    letter-spacing: 1px;
}

footer .copyrights p a{
    font-family: "aleo-bold", arial;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.foto
 {
  margin: 0 auto;
  width: 640px;

 }

 .half {
        float: left;
        width: 50%;
        text-align: center;
  }
  #ubytovanie-chart .half {text-align: left;}
  #ubytovanie-chart .box {float: right; margin: auto;}
  #ubytovanie-chart .box h3, #ubytovanie-chart .box h2, #ubytovanie-chart .box p, #ubytovanie-chart .box h4 {padding: 0 50px;}
  #ubytovanie-chart .box h4 {text-align: right;}
  .stars {display: block; margin-bottom: 40px;}
  .stars i {font-size: 30px; color: gold; text-align: center;}
  #kontakt .stars {margin-bottom: 0;}
  #kontakt .stars i {font-size: 16px;}
  #kontakt .box h2 {margin-bottom: 0;}
  .stars-h {margin: 0 12px; width: 30px;}
  .tags span {float: left; width: auto; margin-right: 12px; padding: 20px; border: 1px solid rgb(230,230,230); text-align: center;}
  .clear::after {display: block; content: ""; clear: both;}
  strong {color:#bd4a4e; font-family:"Novecento-bold";}
  #galeria iframe {float: left; margin: 50px;}
  .half strong, strong a, .phone a {color: #b57f62; text-decoration: none;}
  .phone a {color: white; font-weight: normal;}
  #ubytovanie-chart .box h4 a {background-color: #b57f62; text-decoration: none; color: white; padding: 10px;}
  .fb-page {margin-top: 20px;}

       input {
              background-color: #f04a49;
              padding: 7px 3px;
              border: none;
              margin: 0 0 5px 0;
              transition: color 0.3s, background-color 0.3s;
             }

             .input_submit {padding: 12px;}

             input:hover {
                          background-color: white;
                          color: #bd4a4e;
                          transition: color 0.3s, background-color 0.3s;
                         }

                         .form_td_1
                         {
                          padding-right: 30px;
                          font-family:"Novecento-bold" ;
                          font-weight: bold;
                         }

                         .form_td_2
                         {

                          text-align: left;

                          }
iframe {height: 350px; line-height: normal; display: block;}
.ico {width: 20px; margin-right: 12px;}

ul {list-style: none;}

@media screen and (max-width: 649px) {

  .stars {
    margin-bottom: 7px;
  }


  .box {width: 100%;}
  body {line-height: normal;}
  .hero .caption {margin-top: 43px;}
  .hero .caption h3 {
    text-shadow: 1px 2px 0px white;
    font-size: 38px;
    font-weight: bold;
  }

  iframe {height: auto;}
  .hero .caption h4 {
    font-size: 18px;
    margin: 8px 0 0 0;
  }
.hero .caption h4 span {display: none !important;}

 footer {
         padding: 0 0;
        }

        .item_ico {

            font-size: 14px;
            padding: 7px;
            margin: 0 0 10px 5px;
            border: 1px solid white
          }

          .standard_container
              {width: 97%; padding: 0 1.5%;}
          footer .standard_container {
    width: 100%;
    padding: 0;
}

  .wrap_1_to_3 {
                 width: calc(100% - 15px);
                 padding: 25px 7.5px;
               }

               .wrap_1_to_3:nth-child(odd) {
                 background-color: white;
                 color:#bd4a4e;

              }

              .wrap_1_to_3 a {
                              color:#f04a49
                             }   header nav{
    #ubytovanie-chart .box h3, #ubytovanie-chart .box h2, #ubytovanie-chart .box p, #ubytovanie-chart .box h4 {padding: 0 20px;}
}

header nav ul li a {
  position: relative;bottom: 0;
}

                          .menu article {
                              width: 100%;
                          }

                            .menu article ul li h3 {font-size: 12px;}

      header nav ul li a {padding: 15px;}
      header .slogan {display:none;}
      header .logo {float: none; margin-top: 10px; max-width: 100px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
      .hero {height: 240px;}
      h1 {line-height: 35px;font-size: 22px;}
      .list {padding: 15px;font-size: 30px;}
      .menu article ul li .price {
        font-size: 20px;
        padding-top: 22px;
      }
      .half, .fun_box {width: 100%;}

      #ubytovanie-chart .box h4 a {
        float: right;
        margin-top: 10px;
    }
    .fun_box.right, .fun_box.left {padding: 0;}
    #galeria iframe {margin: 0;}
    .gallery-link {float: left; width: 100%; text-align: center;}


}   @media screen and (max-width: 649px) {
    nav li {
      width: 100%;
      display: block !important;
      padding:0;
    }

   nav a {
        padding: 0
    }


}

@media screen and (min-width: 650px) and (max-width: 1023px) {

  #ubytovanie-chart .box h4 a {
    float: right;
    margin-top: 10px;
}

  .box {width: 100%;}
 .standard_container
     {width: 97%; padding: 0 1.5%;}

.menu article {
    width: 100%;
}

  .wrap_1_to_3 {
    width: 30.333333%;
    padding: 0 1.5%;
  }

  header nav{
    float: left !important;
    width: 100%;
  }

header nav ul li a {
   padding: 15px 0;
}

footer {padding: 50px 0;}

header nav ul li {width: 20%; text-align: center;}

body {line-height: normal;}

.hero .caption {margin-top: 80px;}

.item_ico {

    font-size: 14px;
    padding: 7px;
    margin: 0 0 10px 5px;
    border: 1px solid white
  }

  header .logo {

    float: none;
    margin: 15px auto;

  }

  #ubytovanie-chart .box h3, #ubytovanie-chart .box h2, #ubytovanie-chart .box p, #ubytovanie-chart .box h4 {padding: 0 30px;}



}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

  #ubytovanie-chart .box h4 a {
    float: right;
    margin-top: 10px;
  }

  #ubytovanie-chart .box h3, #ubytovanie-chart .box h2, #ubytovanie-chart .box p, #ubytovanie-chart .box h4 {padding: 0 30px;}

 .standard_container {
     width: 960px;

  }

    .wrap_1_to_3 {
                 width: 33.333333%;
               }
}

@media screen and (min-width: 1280px) and (max-width: 1599px) {

  #ubytovanie-chart .box h4 a {
    float: right;
    margin-top: 10px;
  }

 .standard_container {
     width: 1100px;

  }      .wrap_1_to_3 {
                 width: 33.333333%;
               }
}

@media screen and (min-width: 1600px) and (max-width: 1999px) {
  .standard_container {
     width: 1400px;

  }     .wrap_1_to_3 {
                 width: 33.333333%;
               }

}



.email_form {

  display: block;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;

}

  .email_form a {
    color: #b57f62;
  }

#request_contact_form h2 {text-align: left; color: #b57f62;margin-bottom: 70px;}

label {

  display: block;
  width: 100%;
  background-color: #ab181d;
  max-width: 160px;
  color: white;

}

#capt {

  float: left;
  height: 36px;

}

label {

  padding: 8px 20px;

}

.input, .input_submit {

  float: left;
  width: 100%;

	box-sizing: border-box;

	border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;

  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;

  color: $dark_color;
  background-color: white;

  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;

  text-indent: 0px;
  text-shadow: none;

  display: inline-block;
  text-align: left;

  padding: 8px 20px;
  border: 1px solid rgb(230,230,230);
  -webkit-writing-mode: horizontal-tb;
  max-width: 500px;



}

.input {

	 -webkit-appearance: textfield;
    background-color: rgba(255,255,255,0.8);

}

.textarea_input {

  resize: none;

}

.input_submit {

   cursor: pointer;
   text-align: center;

}

.captcha_reload {

	width: 120px;

}