/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 21, 2017, 11:51:33 AM
    Author     : Tech 6
*/
.aboutVouchersBody{position: relative;}
.nav-vouchers > li {
    float:none!important;
    display:inline-block!important;
    zoom:1;
}

.nav-vouchers {
    text-align:center!important;
	box-shadow: 0 6px 6px -5px rgba(88, 88, 90, .2); background: #fff;
}
.nav-vouchers>li>a{font-weight: bold; color: #999999; font-size: 18px;border: 3px solid transparent;}
.nav-vouchers>li>a:focus, .nav-vouchers>li>a:hover{
	color: #1c1c1c;
    border: 3px solid transparent;
    border-bottom: 3px solid #ce3436;
	background: none;
}
.nav-vouchers>li.active>a, .nav-vouchers>li.active>a:focus, .nav-vouchers>li.active>a:hover {
    color: #1c1c1c;
    border: 1px solid transparent;
    border-bottom: 3px solid #ce3436;
}
.vouchers_item{padding-top: 13px; position: relative;}
.vouchers_item .featured_popular{position: absolute; top: 0; right: 0; z-index: 2; width: 78px; height: 95px; background: #d84e40; color: #fff; font-size: 16px;clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0% 100%, 0 54%, 0% 0%); text-align: center; padding: 15px 0}
.vouchers_item .body .title a{font-size: 18px; color: #1c1c1c; text-transform: none; font-weight: bold;}
.vouchers_item .body{position:relative; text-align: center;}
.vouchers_item .body span{color:#CCC;margin-left:5px}
.vouchers_item .body .title{margin-bottom:20px!important; margin-top: 20px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.vouchers_item .jquery-ratings-star{width:19px;cursor:pointer;height:19px;background-image:url(../images/star/star_blank.png);background-repeat:no-repeat;background:url(/isocms/templates/default/skin/images/rate-2.png) repeat-x 0 -18px;position:relative;float:left;margin-right:3px}
.vouchers_item .jquery-ratings-full{background-image:url(../images/star/star_full.png);background:url(/isocms/templates/default/skin/images/rate-2.png) 0 1px repeat-x}
.vouchers_item .body .duration{margin:8px 0 18px}
.vouchers_item .food_price_from{margin-bottom:18px}
.vouchers_item .book_now{position:absolute;right:0;background:#fff;bottom:-5px;padding-left:18px;color:#db373d;font-weight:700;border-bottom:1px}
.vouchers_item{margin-bottom:60px}
.vouchers_item .view-item{background: #f4c200; color: #fff; font-size: 18px; width:185px; height: 45px; line-height: 42px; text-transform: none; border-radius: 45px; }
.cooking_price_from{font-size:22px; margin-top: 20px; margin-bottom: 30px;}
.cooking_price_from .aud{color:#333!important;margin-right:5px;margin-left:0!important}
.place_left{color:#b9c910!important;margin-left:12px}

.main_vouchers{
    background: #eef1f2;
}
.main_vouchers .breadcrumb{background: none}
.item_vouchers{
    width: 100%;
    height: auto;
    background: #FFF;
    float: left;
    height: 268px;
    padding-left: 22px;
    margin-bottom: 30px;
}
.item_vouchers h2.title a{color: #ce3234;font-size: 19px;}
.item_vouchers  .booing{width: 100%;float: left;padding-top: 20px;}
.item_vouchers  .booing a.book{
    background: #ce3134;
}
.item_vouchers  .booing a.detail{
    background: #666666;
}

.item_vouchers  .booing a{
    background: red;
    padding: 6px 13px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 600;
}
.item_vouchers .left{position: relative;}
.item_vouchers h2.title{position: relative;text-align: center;margin: 12px 0px;margin-bottom: 25px;}
.item_vouchers h2.title::after{
   content: '';
   position: absolute;
   width: 90%;
   height: 1px;
   background: #ccc;
   bottom: -13px;
   left: 8%;
}
.item_vouchers .left .time{text-align: center}
.item_vouchers .left .time span{font-weight: 600}
.item_vouchers .intro{
        width: 100%;
        float: left;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 16px;
}
.item_vouchers .right{
      position: relative;
      height: 268px;
      background: url(../images/otao/vouchers_222.png);
      background-position: 206% 85%;
      background-repeat: no-repeat;
      /* background-position: bottom; */
}
.item_vouchers .right .price{
    position: absolute;
    bottom: 43px;
    left: 26px;
}
.item_vouchers .right .price span:first-child{
    font-weight: 600;
}
.item_vouchers .right .price span:last-child{
    font-weight: 600;
    color: #ce3234;
    font-size: 18px;
}
@media(max-width:768px){
   .item_vouchers{padding: 0px;margin: 0px;height: auto}
   .item_vouchers .left{width: 100%;float: right}
   .item_vouchers .right{
   width: 100%;
   float: right;
   height: 200px;
   /* background: red; */
       /* background-position: 206% 85%; */
    background-repeat: no-repeat;
    background-position: bottom center;
   }
 .item_vouchers .right .price{
           bottom: 41px;
    left: 25%
   }
   .booking_info{

   }
}