@charset "UTF-8";

@font-face {
font-family: 'MonotypeCorsiva';
font-style: normal;
font-weight: normal;
src: local('MonotypeCorsiva'), 
        url('/restoran-ali/fonts/MonotypeCorsiva.woff') format('woff');
        url('/restoran-ali/fonts/MonotypeCorsiva.ttf') format('ttf'),
        url('/restoran-ali/fonts/MonotypeCorsiva.eot') format('eot'),
}
.font-monotypecorsiva {font-family: 'MonotypeCorsiva';}

@font-face {
font-family: 'Corinthia';
font-style: normal;
font-weight: normal;
src: local('Obelix Pro Bold'), 
        url('/restoran-ali/fonts/corinthia.woff') format('woff');
        url('/restoran-ali/fonts/corinthia.ttf') format('ttf'),
        url('/restoran-ali/fonts/corinthia.eot') format('eot'),
}
.font-corinthia {font-family: 'Corinthia';}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {position: relative;  min-height: 100%;}
body {
   color:#333; 
   font-family: Arial, serif;  
   font-size: 15px;  
   line-height: 150%; 
      background-image: url(/restoran-ali/images/bg/bg04.jpg);
    background-size: 100% !important;
}


/*====== Фоновое изображение в админке ======*/

.mceContentBody { background: #ffffff; color: #000000; }
.mceContentBody a, .mceContentBody p, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3 {color: #000000;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom:20px; margin-top:0; font-weight:300; line-height:1.2;}
h1, .h1, h2, .h2 {color:#49250f;}
h1, .h1 {font-family: 'MonotypeCorsiva'; font-size: 70px; margin-bottom: 20px;}
.title {font-size: 1.2em;}
h2, .h2 {font-size: 45px;}
h3, .h3 {font-size:34px;}
h4, .h4 {font-size:25px;}
h5, .h5 {font-size:20px;}
h6, .h6 {font-size:18px;}

ul, ol {  list-style: outside none none;}
p, ul {margin-bottom:10px;}

a {cursor: pointer; color: #666; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;  transition: all 0.3s linear;  background: none repeat scroll 0 0 transparent; text-decoration: none;}
a:hover {color: #333; text-decoration: none;}


.no-padding{padding:0 !important}.no-padding-bottom{padding-bottom:0 !important}.no-padding-top{padding-top:0 !important}.no-padding-left{padding-left:0 !important}.no-padding-right{padding-right:0 !important}.padding-5{padding:5px !important}.padding-10{padding:10px !important}.padding-20{padding:20px !important}.padding-30{padding:30px !important}.padding-40{padding:40px !important}.padding-50{padding:50px !important}.padding-left-5{padding-left:5px !important}.padding-left-10{padding-left:10px !important}.padding-left-20{padding-left:20px !important}.padding-left-30{padding-left:30px !important}.padding-left-40{padding-left:40px !important}.padding-left-50{padding-left:50px !important}.padding-top-5{padding-top:5px !important}.padding-top-10{padding-top:10px !important}.padding-top-20{padding-top:20px !important}.padding-top-30{padding-top:30px !important}.padding-top-40{padding-top:40px !important}.padding-top-50{padding-top:50px !important}.padding-right-5{padding-right:5px !important}.padding-right-10{padding-right:10px !important}.padding-right-20{padding-right:20px !important}.padding-right-30{padding-right:30px !important}.padding-right-40{padding-right:40px !important}.padding-right-50{padding-right:50px !important}.padding-bottom-5{padding-bottom:5px !important}.padding-bottom-10{padding-bottom:10px !important}.padding-bottom-20{padding-bottom:20px !important}.padding-bottom-30{padding-bottom:30px !important}.padding-bottom-40{padding-bottom:40px !important}.padding-bottom-50{padding-bottom:50px !important}.no-margin{margin:0 !important}.no-margin-bottom{margin-bottom:0 !important}.no-margin-top{margin-top:0 !important}.no-margin-left{margin-left:0 !important}.no-margin-right{margin-right:0 !important}.margin-5{margin:5px !important}.margin-10{margin:10px !important}.margin-20{margin:20px !important}.margin-30{margin:30px !important}.margin-40{margin:40px !important}.margin-50{margin:50px !important}.margin-left-5{margin-left:5px !important}.margin-left-10{margin-left:10px !important}.margin-left-20{margin-left:20px !important}.margin-left-30{margin-left:30px !important}.margin-left-40{margin-left:40px !important}.margin-left-50{margin-left:50px !important}.margin-top-5{margin-top:5px !important}.margin-top-10{margin-top:10px !important}.margin-top-20{margin-top:20px !important}.margin-top-30{margin-top:30px !important}.margin-top-40{margin-top:40px !important}.margin-top-50{margin-top:50px !important}.margin-right-5{margin-right:5px !important}.margin-right-10{margin-right:10px !important}.margin-right-20{margin-right:20px !important}.margin-right-30{margin-right:30px !important}.margin-right-40{margin-right:40px !important}.margin-right-50{margin-right:50px !important}.margin-bottom-5{margin-bottom:5px !important}.margin-bottom-10{margin-bottom:10px !important}.margin-bottom-20{margin-bottom:20px !important}.margin-bottom-30{margin-bottom:30px !important}.margin-bottom-40{margin-bottom:40px !important}.margin-bottom-50{margin-bottom:50px !important}.margin-bottom-60{margin-bottom:60px !important}.margin-bottom-70{margin-bottom:70px !important}.margin-bottom-80{margin-bottom:80px !important}.margin-top-60{margin-top:60px !important}
img {max-width:100%;}


hr { 
   border: none; 
   margin-top:20px;
   margin-bottom:40px;
   height: 30px; 
   background: url(/images/divider1.png) center no-repeat; 
   clear: both;
}

.description ul li {
   list-style-type:square;
}
.description article:first-letter {
    font-family: 'Corinthia'; 
    font-size: 70px;
    color: #1895cf; 
   display:inline-block;
   }

@media (min-width: 768px) { 
   .description article {
       -webkit-column-count:2;
       -moz-column-count:2;
        column-count:2;
    }

 .description article.page__193 {
       -webkit-column-count:1;
       -moz-column-count:1;
        column-count:1;
}

 .description article.page__432 {
       -webkit-column-count:1;
       -moz-column-count:1;
        column-count:1;
}
   .description article:first-letter {
        font-size: 100px;
    }
}



/*================= Clear Floated Elements ================*/

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0;height: 0;}
.clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0;height: 0;}

* html .clearfix {height: 1%;}
.clearfix {display: block; margin-bottom: 0px;}


/*====== Left & Right alignment ======*/


.image-border {border:3px solid #f0f0f0; padding:4px;}
strong, .bold {font-weight:600;}


/*==== PARALLAX ====*/

.background {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover !important;
}
.parallax-background {
  background-attachment: fixed !important;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover !important;
}
.mobile .parallax-background {
  background-attachment: scroll !important;
}


/*===== COLOR =====*/

.bg-color1 {background:#edb83a !important; /*оранжевый*/}
.bg-color2  {background:#8b00ff !important; /*фиолетовый*/}
.bg-color3  {background:#888 !important; /*серый*/}
.bg-color4 {background:#01a1ff  !important; /*голубой*/}
.bg-color5 {background:#250670 !important; /*синий*/}
.bg-color6 {background:#c6c5d4 !important; /*св.серый*/}
.bg-color7 {background:#fff !important; /*белый*/}

.color1 {color:#edb83a !important; /*оранжевый*/}
.color2  {color:#8b00ff !important; /*фиолетовый*/}
.color3  {color:#7b2481 !important; /*серый*/}
.color4 {color:#01a1ff  !important; /*голубой*/}
.color5 {color:#250670 !important; /*синий*/}
.color6 {color:#c6c5d4 !important;  /*св.серый*/}
.color7 {color:#fff !important; /*белый*/}

.white {color:#fff;}
.dark {color:#333;}
.line {width:10%; height:4px; background:#ffcc00;}

section {position:relative;}


/*===== BUTTON =====*/

.button { text-transform:uppercase; border:0; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;  transition: all 0.3s linear; display:inline-block; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
.button-small {line-height:40px; padding:0 15px;}
.button-large {line-height:40px; padding:0 25px 0 20px;}
.button i {color:#01a1ff;float:left;font-size:1.3em; margin:0 0 0 -15px;position:relative;vertical-align:middle;width:40px; text-align:center;}
.button .button-small  i {line-height:30px;}
.button span {padding-left:8px;}
.button-border {border:1px solid #fff;}
.button:hover {opacity:.8; text-decoration:none;}
input.button {padding:10px 15px;}


.link {border:1px solid #999; padding:10px 20px;}
.link:hover {border-color: #050c1e;}

.content {
   min-height:500px;
}
.content50 {
   padding: 50px 0;
}
 .content60 {
   padding: 60px 0;
}
.content80 {
   padding: 80px 0;
}
.content100 {
   padding: 100px 0;
}
.content120 {
   padding: 120px 0;
}

input[type=text], textarea {background:#fff; padding:5px 10px; border-width:1px;  border-style: solid; border-color: #acacac; color:#666; width:100%; font-family: Arial, Helvetica, sans-serif; font-size:15px;}
.callmeform input[type=text] {box-shadow: none;}
.callmeform textarea {border: solid 2px #ddd; width:100%}

input[id^=name], input[id^=phone], input[id^=date], input[id^=time], input[id^=email] {
    outline: 0;
    background-repeat: no-repeat;
    background-position: 2% 45%;
    padding-left: 40px;
}
input[id^=name] {
    background-image: url(/restoran-ali/images/icons/icon01.png);
}
input[id^=phone] {
    background-image: url(/restoran-ali/images/icons/icon02.png);
}
input[id^=date] {
    background-image: url(/restoran-ali/images/icons/icon05.png);
}
input[id^=time] {
    background-image: url(/restoran-ali/images/icons/icon06.png);
}
input[id^=email] {
    background-image: url(/restoran-ali/images/icons/icon03.png);
}
#select2-guests1-container {
    background-image: url(/restoran-ali/images/icons/icon07.png);
    background-repeat: no-repeat;
    background-position: 2% 45%;
    padding-left: 40px;
}

.field {margin-top:5px; margin-bottom:10px;}

.form-control {
   width:100%;
   border-radius:0;
   height: 40px;
   font-size:15px;
   border: 1px solid #acacac;
}
.form-group {
   margin-bottom:20px;
}
.select2-container--default .select2-selection--single {
   border-radius: 0;
   height:40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height:40px !important;
}

.select2-container {max-width: 100%;}

.contact_form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/arrow-down.png) 96% center no-repeat rgba(255,255,255,.8);
}

div[id^=form_err] span, div[id^=form_right] span, div[id^=form_err] p, div[id^=form_right] p {
   color:#ff9000; 
   padding-bottom: 15px;
   display:block;
}

.owl-carousel .owl-item img {margin: 0 auto;}

/*====== PAGINATION=====*/


.pagination{margin-left:5px!important;}
.pagination > li > a, .pagination > li > span {background-color:#999; border:none!important;color:#fff;float:none!important;line-height:1.42857;margin-left:-1px;position:relative;text-decoration:none;border-radius:0 !important; padding:10px 15px;}
.pagination > li{margin-right:5px;}
.pagination > li > span > i{color:@primary-color;background-color:#999;}
.pagination > li > a:hover {background-color:#999; color:#fff;}
.pagination .current {background-color:#ff9900;border:none!important;color:#fff;float:none!important;line-height:1.42857;margin-left:-1px;position:relative;text-decoration:none;border-radius:0;padding:10px 15px;}
.pagination .current:hover, ctrl:hover {background-color:#ff9900; color:#fff;}


/*===================*/

.border {border-top:3px solid #e5e1e1; border-bottom:3px solid #e5e1e1; padding:55px 40px;}
.border-top {border-top:3px solid #e5e1e1; padding-top:55px;}

.box {
   background:#fff;
   padding:40px;
    position: relative;
    z-index: 1;
}

.box-shadow {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .4);  
   box-shadow: 0 0 25px rgba(0, 0, 0, .4);  
}
.effect1
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect1:before, .effect1:after
{
    content:"";
    position:absolute;
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.4);
    box-shadow:0 0 30px rgba(0,0,0,0.4);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #999;
  -webkit-box-shadow: 0 15px 10px #999;
  -moz-box-shadow: 0 15px 10px #999;
  box-shadow: 0 15px 10px #999;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.effect3
{
  position: relative;
}
.effect3:after
{
  position: absolute;
  content: "";
  bottom: 0px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #999;
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.5);
    box-shadow:0 0 30px rgba(0,0,0,0.5);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.comment {
   background:#fff;
}
.comment .box {
   border:1px solid #e1e1e1;
}


/*====== slides ====*/

#slides.slider {
   position:relative;
}
.sy-caption-wrap {
    left: 10% !important;
    right: 10% !important;
}
#slides .sy-caption-wrap .sy-caption {
   font-family: 'MonotypeCorsiva';
   font-size:110px;
   text-shadow: 0 2px 8px rgba(0,0,0,.6);
display: none !important;
}
#slides .button {
   position:absolute; 
   bottom:20px; 
   text-align:center;
   width:100%;
   z-index:10;
}

@media (min-width: 768px) and (max-width:991px) {
     #slides.slider {
         padding-top:120px;
     }
    #slides .sy-caption-wrap .sy-caption {
        font-size:90px;
    }
     .sy-caption-wrap {
         top: 30% !important;
    }
}

@media (max-width:767px) {
       #slides .sy-caption-wrap {
                display:none !important;
       }
}

/*====== HEADER =======*/

.logo {
   display:block;
   margin-top:5px;
}
.fixed-top {
   /*background:#6d161c; */
background: #456a62;
   height: auto; 
   z-index:100; 
   width:100%;
   padding:10px 0;
}

.contacts {
   border-bottom:1px solid #afa224;
   color:#fff;
   padding-bottom:5px;
   font-size:20px;
margin-top: 10px;
}

.right-block div, .right-block .icon-phone {
   display:inline-block;
}
.contacts .icon-phone {
   margin-right:10px;
   background:url(/restoran-ali/images/icons/phone.png) no-repeat;
   width:21px; 
   height:21px;
}

@media (min-width: 768px) and (max-width:991px) {
     .left-block {
           text-align:right;
            padding-bottom:8px;
     }
    .contacts {
           font-size:18px; 
     }
}
@media (min-width: 768px) {
    .fixed-top {
         position:fixed; 
         top:0;
   }
   .right-block {
           text-align:right;
   }
}
@media (max-width: 768px) {
     .contacts .right-block span {
             display:block; 
              padding-bottom:10px;
    }
}

/*===== contacts ======*/

#contacts .ymap {
     border-top:5px solid #e1b43f;
}

#page-contacts .ymap {
     border-top:5px solid #1895cf ;
     border-bottom:5px solid #1895cf ;    
}


/*====== Subheader =====*/ 

#subheader {
   padding: 185px 0 50px;  
   text-align: center; 
   position:relative;
}
#subheader h1 {
   z-index:10; 
   position:relative;
   margin:0;
   text-shadow: 0 2px 8px rgba(0,0,0,.6);
}
#subheader .overlay {
   background-image: url(/restoran-ali/images/pattern.png);
   height: 100%; 
   position: absolute;
   left: 0; 
   top: 0; 
    width: 100%;  
   z-index: 1;
display: none;
}

#page-contacts #subheader.background {
   background-image:url(/restoran-ali/images/bg/bg021.jpg);
}
#page #subheader.background {
   background-image:url(/restoran-ali/images/bg/005.jpg);
}

#page-info #subheader.background {
   background-image:url(/restoran-ali/images/bg/006.jpg);
}
#page-service #subheader.background {
   background-image:url(/restoran-ali/images/bg/007.jpg);
}
#page-gallery #subheader.background {
   background-image:url(/restoran-ali/images/bg/008.jpg);
}
#page-video #subheader.background {
   background-image:url(/restoran-ali/images/bg/011.jpg);
}
#page-guestbook  #subheader.background {
   background-image:url(/restoran-ali/images/bg/012.jpg);
}
#page-menu #subheader.background {
   background-image:url(/restoran-ali/images/bg/013.jpg);
}
#page-rewies.background {
   background:url(/restoran-ali/images/bg/bg04.jpg);
   background-size:100% !important;
}
#page-cart #subheader.background {
   background-image:url(/restoran-ali/images/bg/021.jpg);
}


/*===== page-menu =====*/

@media screen and (min-width: 992px) {
        #page-menu h1 {
             font-size:110px;    
        }
       #page-menu .content {
		padding-left: 60px;
                padding-right:60px;
	}
}
@media screen and (max-width: 991px) {
       #page-menu .content {
		padding-left: 15px;
                padding-right:15px;
	}
}


/*====== navbar =====*/

.navbar-default {
   background-color: transparent !important; 
   border:0;
   border-radius:0; 
   padding:8px 0; 
}
.navbar-default .navbar-nav > li > a { 
   color: #fff; 
   text-transform:uppercase; 
   font-size:14.5px;
    width: 100%;
}
.navbar {
   min-height: auto !important;
   margin:10px 0 0;
   padding:0;
}

.dropdown-menu > li:hover {
	background-color: #e1b43f !important;
}
.navbar-nav > li:hover > a, .navbar-nav > li.current > a, .navbar-nav > li:hover > i{
		color: #fff !important;
		background-color: #e1b43f !important;
		border-radius: 0;
}



.dropdown-menu > li a {
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
}

@media screen and (min-width: 768px) and (max-width:1500px){
	.navbar-default .navbar-nav > li > a {
            font-size:12.5px;
       }
}

@media screen and (min-width: 1169px) {
	.nav > li > a {
		padding: 10px 8px;
	}
}
@media screen and (min-width: 768px) and (max-width:1168px){
        .navbar-default .navbar-nav > li > a {
            font-size:11px;
padding: 10px 5px;
       }
	.nav > li > a {
		padding: 10px 7px;
	}

.decoration-frame h2 {font-size: 37px;}
}
@media screen and (min-width: 768px) {
	.navbar-nav li > a:hover, .navbar-nav li > a:focus {
		background: none;
	}

	.dropdown-menu {
		background-clip: padding-box;
		background-color: #fff !important;
		border: 0 !important;
		border-radius: 0 !important;
               -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .175);
               -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .175);
               box-shadow: 0 6px 10px rgba(0, 0, 0, .175);
                top:38px;
		font-size: 13px;
		list-style: outside none none;
		min-width: 250px;
		padding: 0 !important;
		z-index: 1000;
		left: unset;
	}
	.dropdown-menu .sub-menu {
		right: 100%;
		position: absolute;
		top: 0;
		visibility: hidden;
		margin-top: -1px;
	}
	.dropdown-menu li:hover .sub-menu {
		visibility: visible;
	}
	.dropdown-menu > li > a {
		display: block !important;
		padding: 15px  !important;
                text-transform:uppercase;
                color:#000;
	}
	.dropdown-menu > li {
		text-align: left;
	}

	.dropdown-menu > li:hover {
		background-color: #e1b43f !important;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
	}

	.dropdown-menu > li:hover > a,  .dropdown-menu > li:hover > i{
		color: #fff !important;
	}

	.dropdown > i,  .dropdown-menu > li > i{
		color: #333 !important;
	}

	.dropdown-menu > li > i{
		display: inline;
		padding-left: 10px;
	}

	.nav-tabs .dropdown-menu, .navbar-nav .dropdown-menu, .navbar .dropdown-menu {
		margin-top: 0;
	}
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
          color:#fff;
       }
	.navbar .sub-menu:before {
		border-bottom: 7px solid transparent;
		border-left: none;
		border-right: 7px solid rgba(0, 0, 0, 0.2);
		border-top: 7px solid transparent;
		left: -7px;
		top: 10px;
	}

	.navbar .sub-menu:after {
		border-top: 6px solid transparent;
		border-left: none;
		border-right: 6px solid #fff;
		border-bottom: 6px solid transparent;
		right: 10px;
		top: 11px;
		left: -6px;
	}

	.nav > li > a {
		display: inline-block;
		position: relative;
		color: #fff;
	}
	.navbar-nav > li > a {
		border-radius: 0;
	}
	.navbar-nav {
		width:100% !important;
		display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
	}

	.navbar-nav > li {
		display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                flex-wrap: wrap;
		text-align: center;
	}

	.navbar-nav > li.last > ul {
		right: 0
	}

	.navbar-nav > li.last {
		border-right: none;
	}

	.navbar-collapse {
		max-height: 340px;
		overflow-x: visible;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.container-fluid {
		margin-left: auto;
		margin-right: auto;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media screen and (max-width: 767px) {
	.navbar-collapse {
		max-height: 100%;
      }
}

.dropdown .dropdown-toggle i.fa {padding-left: 5px}


/*======= special-offers ======*/

#special-offers.background {
   background:url(/restoran-ali/images/bg/bg02.jpg);
}
#special-offers .h1 {
   font-size:57px;
}
#special-offers .ribbon-cupon {
   margin-right:-40px;
   text-align:right;
   margin-bottom:15px;
}
#special-offers .price {
   font-size:20px;
   padding: 8px 15px 8px 0;
   display: inline-block;
}


/*====== events =====*/

#events.background {
   background:url(/restoran-ali/images/bg/bg03.jpg);
}
#events .new-list {
   margin:0 10px;
}
#events .box {
   padding: 20px;
}
#events h2 {
   color:#fff;
   text-shadow: 0 2px 8px rgba(0,0,0,.6);
}
#events .h4 {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
   font-family: 'MonotypeCorsiva';
   font-size:30px;
}
#events .h4::before {
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #444;
    content: "";
    bottom: 0;
    position: absolute;
    width: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
       #events .page-title > .box {
             padding:0 20px;
        }
	#events h2 {
		font-size:45px;
      }
}


.item-image {
   margin-bottom:20px;
}
.more {
   font-weight:600;;
}
.more i {
   padding: 0 6px;
}
.date {
   font-weight:600;
   font-size:35px;
   margin-bottom:20px;
}


/*====== main-gallery =====*/

#main-gallery.background {
   background:url(/restoran-ali/images/bg/bg04.jpg);
   background-size:100% !important;
}
#main-gallery ul {
   margin:0 10px;
   padding:0;
}
#main-gallery li {
   margin-bottom:10px;
}
#main-gallery li > div {
   margin:0 -10px;
}
#main-gallery li img {
   border:3px solid #444;
}

.gallery-list .box {
   padding:0;
}
.gallery-list ul {
   padding:0;
}


/*====== order-form =====*/

#order-form.background-image {
   background:url(/restoran-ali/images/service.jpg) no-repeat 99% 100% #fff; 
   background-size:contain;
padding: 20px 0 30px;
}

@media (min-width: 768px) {
     .index #order-form h2,  #order-form.background-image h2 {
             padding-bottom:70px;
text-align: center;
     }
#order-form.background-image h2 {
             padding-bottom:30px;
     }
}
@media (min-width: 768px) and (max-width:991px) {
     #order-form.background-image {
              background-position: 120% 100%;
              background-size:49%;
     }
}
@media (max-width: 768px) {
   #order-form.background-image {
       background: #fff;
    }

#slides {background: #fff;}
#slides .btn {    margin-top: 25px;}
}

/*==== INFOSISTEM ====*/

.news_img {
   margin:0 30px 20px 0;
   float:left;
}
.tags {
   font-size:13px;
   color:#999;
   border-bottom:2px solid #f0f0f0;
   padding-bottom:10px;
   margin-bottom:15px;
}


/*====== CATALOG ====== */

.grid_wrap {
   position: relative;
   background: #fff;
   margin-bottom:20px;
   border:1px solid #ccc;
   -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;
}
.grid_wrap:hover {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .3);  
   box-shadow: 0 0 25px rgba(0, 0, 0, .3);  
}
.item-bottom {
    position:absolute;
    bottom:20px;
   right:20px;
   left:20px;
}
.grid_wrap .price-box {
   text-align:right;
    padding: 0 10px 10px 10px;
}
.grid_wrap .product-content {
   overflow: hidden;
   padding: 0;
   text-align:center;
}
.grid_wrap .product-content .caption {
   padding:15px 15px 0;
   margin-bottom:45px;
}

.grid_wrap h2 {
   font-size:90px;
   line-height:90px;
}
.grid_wrap .box {
   position:relative;
   padding: 20px;
}

.products-grid {
	margin: 0 10px 30px;
	position: relative;
	padding: 0;
}
.products-grid .product-image {
   width:100%;
   overflow: hidden;
}
.products-grid .product-image a {
	display: block;
	overflow: hidden;
	text-align: center;
}


@media (min-width: 768px) {
    .products-grid .product-image {
          display: flex;
          flex-direction: column;
          justify-content: center;
          height: 260px;
     }
}

.decoration-box {
  /*  position:relative;
   background:#fff;
   padding:30px;*/
}
.decoration-frame {
   position:relative;
   border:4px solid #ccc;
   outline: solid 1px #5c584f;
   padding:40px 25px;
   overflow:hidden;
}


@media (min-width: 992px){
     .decoration-box .decoration-frame::before  {
         position:absolute;
         content:'';
         width:2px;
         bottom:40px;
         top:40px;
        left:50%;
        background:#999;
    }
}


.group  {
   padding-left:25px;
   padding-right:25px;
}
.group .group-name {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   text-align: center;
   min-height:180px;
}
.group h2 {
   line-height:40px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width:100%;
}
.group h6 {
   font-size:16px;
   font-weight:600;
   margin-bottom:10px;
}
.group .image-cell {
   border-radius:50%;
 /*  height:170px;
   width:170px;   */
   overflow:hidden;
}
@media (max-width:767px){
   .group  {
        padding-left:15px;
        padding-right:15px;
    }
       .group h2 {
           font-size:35px;
      }
}


.group a:hover {
   text-decoration:none;
}
.border-bottom {
   margin-bottom:20px;
   padding-bottom:20px;
   border-bottom:2px solid #999;
}


.main-group_list  .shop_list > li {
     margin-bottom: 30px;
}
.main-group_list h2 {
   margin:0;
}
.main-group_list .box {
   padding:30px;
}
.main-group_list .decoration-frame {
   padding:30px 20px;
}


.group_list .shop_list > li {
    position:relative;
     padding-bottom:20px;
     margin-bottom:-1px;
     padding-top:20px;
} 
.group_list .shop_list > li::before, .group_list .shop_list > li::after {
   content: '';
   position:absolute;
   height:1px;
   background:#999;
   left:20px;
   right:20px;
}
.group_list .shop_list > li::before {
   top:0;
}
.group_list .shop_list > li::after {
   bottom:0;
}

.shop_table .border-bottom:last-child {
  border:0;
}
.shop_table li {
   position:relative;
   padding-bottom:10px;
   margin-bottom:10px;
}
.shop_table li:after {
   position:absolute;
   content:'';
   width:100%;
   height:1px;
   border-bottom:1px dashed #ccc;
   bottom: 0;
   z-index:10
}
.shop_table, .shop_list {
   padding-left:0;
   font-family: Georgia, "Times New Roman", Times, serif;
}
.shop_table .caption {
   margin: -5px 0 10px 0;
   font-style:italic;
   line-height:15px;
}
.shop_table .weight, .shop_table .price {
   display:inline-block;
   text-align:right;
}
.shop_table .weight {
   font-size:13px;
}
.shop_table .price {
   padding-left:15px;
}
.shop_table .price p {
   margin-bottom: 0 !important;
}

.products-grid .product-shop {
	margin: 9px 45px 5px 0;
}
.product-shop {
	position: relative;
}
.product-name {
   position:relative;
  font-size: 18px;
  font-weight: 300;
  margin: 0 0 10px 0;
}
.product-name a {
	color: @shop-item-title-color;
	text-decoration: none;
}
.products-grid .product-image img, .products-list .product-image img {
	max-width: 100%;
}
.product-image > i {
	font-size:70pt;
	padding: 49px 0 49px 0;
}

.price-box .price, .item-price {
	font-size: 25px;
	line-height: 23px;
	display: block;
}
.price {
	white-space: nowrap !important;
}
.products-grid .actions {
	margin: 0;
	position: relative;
}
.shop-item-discounts { margin-top: 20px; color: @lighten-color; font-weight: 300 }
.shop-item-discounts i { margin-right: 5px }

.shop-item-actions > * {
	margin-right: 10px
}


.item-img {
    backface-visibility: hidden;
    background: rgba(255,255,255,0.5) none repeat scroll 0 0;
    border: 1px solid #f7f7f7;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    transform: translateZ(0px);
}
.item-img::before {
    background: inherit;
    bottom: 50%;
    content: "";
    left: -35%;
    position: absolute;
    right: -35%;
    top: 50%;
    transition-delay: 0.1s;
    z-index: 1;
}
.item-img::before, .item-img::after {
    box-sizing: border-box;
    transition: all 0.4s ease 0s;
}
.item .hover-box {opacity:0;}
.item:hover .hover-box {opacity:1;} 
.item .hover-box .btn-button.cart-button {
    background-color: #fff;
    border-radius: 15px;
    left: 0;
    margin: 0 auto;
    padding: 7px 20px;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    width: 150px; /* Fix Bug centered position in the Chrome */
    transition: all 0.3s ease-out 0s;
    z-index: 25;
}
.item .hover-box .btn-button.cart-button.button-fast-order {
    margin-top: 40px;
}
.item-img:hover .hover-box .btn-button.cart-button {
    top: 30%;
    transition: all 0.3s ease-out 0s;
}
.item .hover-box .btn-button.cart-button:hover {
    background-color: @primary-color;
    color: #fff;
}
.item-img:hover ul.product-buttons {
    bottom: 0;
    transition: all 0.4s ease-out 0s;
}

/*===== btn ======*/

.btn {
   border-width: 1px; 
   border-style:solid; 
   padding:15px 40px; 
   border-color: transparent; 
   border-radius: 0;
   text-decoration: none !important; 
   text-transform:uppercase;
   font-size:16px;
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
    -moz-box-shadow:1px 1px 6px  rgba(0, 0, 0, .5);  
   box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);  
   -moz-transition: all 0.3s linear; 
   -o-transition: all 0.3s linear; 
   -webkit-transition: all 0.3s linear; 
   transition: all 0.3s linear;
}
.btn:hover {border-color:transparent;}
.btn-default {
   background: transparent; 
   border-color:#1895cf; 
   color:#fff;
}
.btn-default:hover {
   background:transparent;
   border-color:#fff;
   color:#fff;
}
.full-width { width: 100% }
.btn-white-text { color: #fff !important }
.btn-primary {background-color: #6d161c !important; border-color: transparent; color: #fff !important}
.btn-primary:hover { background-color: #81161d !important;}
.btn-secondary { background-color: #1895cf !important; color: #fff !important}
.btn-secondary:hover { background-color: #1c86b7 !important;}
.btn-fourth { background-color: #bfd84a; color: #fff !important }
.btn-fourth:hover { background-color: lighten(@fourth-color, 10%) }
.btn-large {padding:20px 50px;}
.btn-small {padding:10px 25px;}

#top-menu .btn-secondary, #bookForm .btn-secondary, #slides .btn-secondary, .price-box .btn-fourth  { background-color: #e1b43f !important; color: #fff !important;text-shadow: 1px 1px 2px rgba(0,0,0,0.5)}
#top-menu .btn-secondary:hover, #bookForm  .btn-secondary:hover { background-color: #d4a322 !important;}

#slides .btn-secondary {    font-size: 18px;}

.footer .btn-default {border-color: #d2b719;}
.footer .btn-default:hover {border-color: #fff;}

.alert { border: none !important; border-radius: 0 !important; }
.alert-success { background-color: #E0FFD5; color: #3B8B3D; }
.alert-warning { background-color: #fff7d3; color: #845b10; }
.alert-danger { background-color: #ffdfd9; color: #B74040; }


/*===== advantages =====*/

.advantages h6 {font-weight:600;}
.advantages .info-block p {font-size:.9em;}


/*===== SERVICE =====*/

.services .description {padding:10% 10% 0;}
.services .es-slides > li p {font-size:.9em;}
.services .h3 {color:#}
.services p {font-weight:300; font-style: italic}


/*====== Contacts ===== */

.contacts .block1 {position:absolute; left:20%; right:20%; margin-bottom:-20px; z-index:100;}
.contacts .map {padding-top:100px;}


/*===== Хлебные крошки =====*/

.breadcrumbs  {
   position:relative;
   padding: 15px 15px 10px; 
   font-size: 17px;
   color:#fff; 
   z-index:10;
}
.breadcrumbs > div > i, .breadcrumbs > i{font-size:1.1em; margin: 1px 5px 0 5px;}
.breadcrumbs > div > a, a.root, .breadcrumbs,  .breadcrumbs > div > span > a, .breadcrumbs > span > a, .breadcrumbs > a {color: rgba(255,255,255,.8); text-decoration: none;}
.breadcrumbs > div > a:hover, a.root:hover, .breadcrumbs > div > span > a:hover {color: #f1393c;}


/*===== about ======*/

#about.background {
   background:url(/restoran-ali/images/bg/bg01.jpg);
}

@media (max-width: 991px) and (min-width:768px){
    #about .description {
        background: rgba(255,255,255,.4);
        padding: 20px;
   }
}
@media (min-width: 768px) {
    #about .description {
        width: 80%;
        margin: 0 auto;
   }
}
@media (max-width: 767px) {
   #about.background {
        background-position:25% 0;
   }
}

/*====== main_menu ====*/

#main_menu.background {
   background:url(/restoran-ali/images/bg/bg04.jpg);
   background-size:100% !important;
}


.booking {background:#edb83a; padding:12px 0;}


/*====== FOOTER ====*/

.footer {
   color:#fff;  
   background: #456a62; 
   padding: 50px 0 30px 0;
   font-size:.95em;
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, .4);  
   box-shadow: 0 5px 25px rgba(0, 0, 0, .4);  
   z-index:10;
   position: relative;
}
.footer a:hover, .footer a  {
   color:#fff;
}
.footer .h5 {
   margin-top:30px;
   color:#fff;
   text-transform:uppercase;
}
.footer .border-left {
   position:absolute;
   background: rgba(255,255,255,.2);
   width:1px;
   height:250px;
   right:0;
   top:40px;
}
.footer__copyright {
   background:#456a62;
   color:#ccc; 
   padding-top:20px;
   padding-bottom:20px; 
   font-size:.85em;
   text-align:center;
}
.footer__copyright p {
   margin-bottom:3px;
}
.footer__copyright a {color: #fff;}
.footer_menu ul {
   padding:20px 0 0;
}
.footer_menu li {
   display: block;
}
.footer_menu a {
   display:block; 
   padding:3px 0; 
   text-transform:uppercase;
}
.footer input[type=text] {
   background:#2c2c2c; 
   color:#fff;
   height:51px;
   background-color: transparent;
   border-width: 0 0 1px 0;
   border-style: solid;
   border-color: #9c9b9b;
}
.footer input[type=text]::-moz-placeholder {
    color: #fff; /* Цвет подсказывающего текста */
   }
.footer input[type=text]::-webkit-input-placeholder { color: #fff; }
 .footer input[type=text]:-ms-input-placeholder { color: #fff; }
.footer input[type=text]::-ms-input-placeholder { color: #fff; }
 .footer input[type=text]::placeholder { color: #fff; } 
.footer .contacts {
   border:0;
   font-size:15px;
}
.footer .contacts > div  {
   margin-bottom:13px;
}
.footer .phone, .footer .email, .footer .location, .footer .time {
   padding-right:10px;
}
.footer .contacts .phone:before, .fa.phone:before {
   content: "\f095";
}
.footer .contacts .email:before, .fa.email:before {
    content: "\f003";
}
.footer .contacts .time:before {
    content: "\f017";
}
.footer .contacts .location:before, .fa.location:before {
   content: "\f041";
}


#social-icons li {
   float: right;
   padding-left:20px;
}
#social-icons i {
   font-size:20px;
}

html.mobile .footer > div {text-align:center;}

#form .btn-primary {
background-color: #e1b43f !important;
}



/***************** Slide Top Button ******************/

#slide_top {background:#edb83a ;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: none;
  position: fixed;
  bottom: 80px;
  right: 45px;
  z-index: 9997;
}
#slide_top:before {
  font-size: 13px;
  line-height: 40px;
}
#slide_top:hover {background:#222;}
#slide_top > .fa {display: inline; color:#333; line-height: 40px;}
#slide_top:hover > .fa {color:#fff;}
#slide_top > span { display: inline-block; text-indent: -9999px;}

.top_button::before {
  background-color: #456a62;
  border-radius: 2px;
  content: "";
  font-family: "FontAwesome";
  font-size: 20px;
  padding: 7px 14px;
  position: absolute;
}
.top_button {
  bottom: 20px;
  color: #fff;
  font-size: 0;
  height: 30px;
  position: fixed;
  right: 20px;
  width: 30px;
  z-index: 95;
}
.top_button:hover,
.top_button:focus {
  color: #fff;
}


/*===== gallery =====*/

#gallery > a {	text-decoration: none !important;}
#gallery .item {text-align: center; color: #333;}
#gallery .item h5 {background:#edb83a; font-size: .9em; font-weight:300; padding: 12px 10px 15px; margin:0; z-index:100; position:relative;}
#gallery .thumb {background: #edb83a; margin:2px 2px 0 0;padding:0; border:2px solid #edb83a; overflow:hidden;}
#gallery .thumb img {-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;  transition: all 0.3s linear;}
#gallery .thumb:hover img {opacity:.5; -moz-transform: rotate(0deg) scale(1.1, 1.1) skewX(0deg) skewY(0deg) translate(0px, 0px);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0px, 0px);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0px, 0px);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0px, 0px);/* IE 9 */
transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0px, 0px);}

.gallery > a {text-decoration: none !important;}
.gallery .image-cell,  .lb-album .image-cell {
   overflow:hidden;
}
.gallery .image-cell img, .lb-album .image-cell img {
     /*border:2px solid #6d161c;*/
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	transition:all 0.8s ease;
	-webkit-transform:scale(1) rotate(0deg);
	transform:scale(1) rotate(0deg);
}
.gallery .image-cell:hover img, .lb-album .image-cell:hover img {
	-webkit-transform:scale(1.2) rotate(5deg);
	transform:scale(1.2) rotate(5deg);
}

.img-title {font-size:.85em; color;#666;}



/*====== Photobox ====*/


.gallery-list > div .caption {
   position: absolute;
   left:15px;
   right:15px;
   padding:15px;
   background:rgba(0,0,0,.5);
   bottom:10%;
}
.gallery-list > div  .caption h4, .gallery-list > div  .caption a {
   color:#fff;
   display:block;
   margin:0;
}
.gallery-list > div .caption a:hover {
   opacity:.8;
}
.gallery-list > div  .caption p {
   color:#1895cf;
   margin:0;
}

.video-gallery .caption {
   position: relative;
   padding:15px;
   background:#6d161c;
   bottom:10%;
}
.video-gallery .caption h4 {
   color:#fff;
   display:block;
   margin:0;
}
.video-wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 60.25%;
    height: 0;
}
.video-wrap iframe {
   width:100%;
   border:0;
}

.width1300 {
   max-width:1300px;
   margin:0 auto;
}
.width600 {
   max-width:600px;
   margin:0 auto;
}


/*===== guestbook ===== */

#page-guestbook .box {
   background: #fff;
   margin-bottom:30px;
   position:relative;
   padding-left:70px;
}
#page-guestbook .box:before {
    position:absolute;
    font: normal normal normal 44px/1 FontAwesome;
    content: "\f10d";
    color:#1895cf;
    left: 15px;
    top: 15px;
}
#page-guestbook .subject {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size:18px;
   font-style:italic;
   margin-bottom:20px;
   line-height: 1.4;
}
#page-guestbook .author, #page-guestbook i  {
   font-weight:500;
   line-height:1;
   color:#1895cf;
}
.item-date {color:#999;}

#page-guestbook hr {background: url(/images/divider1.png) center no-repeat; height:30px;}
#page-guestbook .item-comment span {padding-right:15px; font-size:.9em;}
#page-guestbook .item-comment .fa {padding-right:10px; padding-top:3px; font-size:.9em;}

#error {background:#edb83a; padding:10px; margin-bottom:20px; font-size:.9em;}
sup {top:.3em;}
sup font {color:#edb83a;}

.captcha img {padding-top:3px;}
.captcha span {font-size:.8em; cursor:pointer;}


/*====== MODAL =====*/

.modal-body {
   font-weight: 300;	
   font-size: 15px;
   padding:0;
}
.modal-content  {
   border-radius: 0; 
   box-shadow: 0 0 12px rgba(0,0,0,.2); 
   position: relative!important;  
   width:100%; 
   max-width: 600px!important; 
   background: #fff!important; 
   border: 0; 
   padding: 25px 40px;
}
.modal-header {
   border:0;
   padding: 0;
   margin-bottom:20px;
}
.modal-header .close { 
   background: url(/images/close.png) no-repeat; 
   display:inline-block; 
   position:absolute;
   top:10px;
   right:10px;
   opacity:.7; 
   width:22px;
   height:22px;
}
.modal-header h4 {
   padding: 0 0 15px; 
   font-size: 32px!important; 
   font-weight:300;
}
.modal-content h6 {
   font-size: 17px!important; 
   font-weight: 500!important; 
   color:#666;
    margin: 10px 0 35px!important;
}
.modal-content input {
    height: 40px!important;
    color: #b4b4b4!important;
    font-size: 16px!important;
    border: 1px solid #b4b4b4!important;
    border-radius: 0;
   margin: 0 0 20px 0; 
   width:100%;
}
.modal-footer {
   text-align:center;
}

/*======= owl-carousel =====*/

.owl-carousel {
   padding:0;
}
.owl-carousel li {
   margin:0 5px;
}
.owl-item img {
   max-height:277px !important;
}
.gallery .owl-item img {
   border: 3px solid #444;
}
.owl-theme .owl-nav {
   margin-top:0 !important;
}
.owl-theme .owl-dots  {
   display:none !important;
}
.owl-theme .owl-nav [class*=owl-] {
   padding: 3px 10px 9px !important;
   font-size:35px !important;
   border:1px solid #1895cf;
   color:#1895cf !important
}
.owl-carousel .grid_wrap {
   margin-bottom:10px;
   min-height:400px;
}


/*======== НОВОГОДНЕЕ ПРЕДЛОЖЕНИЕ ============*/

header .h1,  header .h2 {
   margin-bottom: 0;
}


#newyear-top.background {
   background-image:url(/restoran-ali/images/bg/022.jpg);
}
#newyear-top.content80 {
   margin-top:100px;
}

/*====================*/

#our_price.background {
   background-image:url(/restoran-ali/images/bg/023.jpg);
}

.price_list .thumb {
   background: #fff;
   padding: 30px 30px 90px;
   max-width: 370px;
   margin-bottom: 30px;
   position: relative;
}
.price_list .thumb:hover {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .3);  
   box-shadow: 0 0 25px rgba(0, 0, 0, .3);  
}
.price_list .description {
   border-bottom: 1px solid #666;
   padding-bottom: 15px;
   margin-bottom: 15px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 110px;
}
.price_list .description ul {
   margin-left:0;
   padding: 0;
}
.price_list .description li {
   padding-left: 20px;
   list-style-type: none;
   position: relative;
   display:inline-block;
}
.price_list .description li:before {
   content: "\f00c";
   font-family: FontAwesome;
  position: absolute;
   left:0;
   top:0;
   font-size:15px;
}
.price_list .h2  {
   margin-bottom: 8px;
}
.price_list .price .bottom, .price_list .price .top {
      font-size: 20px;
}
.price_list .price .top {
   display: inline-block;
   margin: 0 auto;
   border-bottom: 1px solid #666;
   padding-bottom: 4px;
   margin-bottom: 4px;
}

.price_list .row > div:first-child .thumb{
   background:#6d161c;
   color: #fff !important;
}
.price_list .row > div:first-child .h2 {
   color: #fff !important;
}
.price_list .row > div:first-child .btn-secondary {
   background-color: #fff !important;
   color: #1895CF !important;
}
.price_list .more-block {
   position: absolute;
   bottom: 30px;
   left:0;
   right: 0;
}

/*====== our_menu =====*/

#our_menu .grid_wrap {
   border: 0;
}
#our_menu .product-content .h6 {
   text-transform: uppercase;
}

/*======= corporate party =========*/

#corporate_party.background {
   background-image:url(/restoran-ali/images/bg/024.jpg);
}
#corporate_party ul {
   padding:0;
}
#corporate_party ul li {
   position: relative;
   padding-left: 40px;
   margin-bottom: 10px;
}
#corporate_party ul li:before {
   content: '';
   background: url(/restoran-ali/images/bg-li.png) no-repeat 0 0;
   height: 32px;
   width: 32px;
   position: absolute;
   left:0;
   right: 50%;
   margin-right: -32px;
}

/*====== news_list =====*/

.news_list {
   text-align: center;
}
.news_list .thumb {
   background: #fff;
   max-width: 370px;
   margin-bottom: 30px;
   position: relative;
 -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;
}
.news_list .thumb:hover {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .3);  
   box-shadow: 0 0 25px rgba(0, 0, 0, .3);  
}
.news_list .thumb h3 {
   margin-bottom:5px;
}
.news_list_img {
   max-height:220px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-bottom:15px;
}
.news_list .thumb .h5 {
   text-transform: uppercase;
}

.green-ribbon li {
   position: relative;
   list-style-type: none;
}
.green-ribbon li:before {
   display: none;
}
.green-ribbon li span {
   background: #BFD849;
   padding: 5px 30px;
   display: inline-block;
   position: relative;
  color: #fff;
}
.green-ribbon li span:before, .green-ribbon li span:after {
   content:'';
   position: absolute;
   border: 16px solid transparent;
   z-index:10;
   top:0;
}
.green-ribbon li span:before{
   left: 0px;
   border-left: 16px solid #fff;
}
.green-ribbon li span:after {
   right:  0px;
   border-right: 16px solid #fff;
}


.contacts.contacts-mobile {
color: #666;
    font-size: 15px;
    padding: 10px 10px 0;
background: #fff;
    margin: 0;

}

header .h1 {
    margin-bottom: 20px;
}

.contacts-mobile span {
display: block;
}
.contacts-mobile span:first-child {
    position: relative;
    right: -6px;
}
.contacts-mobile .text-right div {
overflow: hidden;
color: #666;
}

.contacts-mobile .text-left div {
max-width: 110px;
}

.border_text {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

.border_text-title {
font-size: 18px;
}

.text-border {
border: 1px solid #e1b43f;
       padding: 4px 8px;
}



.lightbox-link {
    color: #1a8e37;
}

/*===== MEDIA ====*/

@media (max-width: 991px) and (min-width:768px) {
    #special-offers .h1 {
        font-size:70px;
    }
    .products-grid {
         margin: 0 10px;
     }
    .grid_wrap {
          margin:0 -10px 10px;
      }
}

@media (max-width: 767px) {
body {overflow-x: hidden;}
    h1, .h1, #special-offers .h1 {
        font-size:45px;
        line-height: 45px;
    }
.navbar-default .navbar-collapse {    border: 0;
    box-shadow: 0 0 0 0;
    margin-top: 10px;}
   .logo {
        margin-bottom:0px;
        text-align:center;
margin-top: 0;
     }
.logo img {height: 60px;
position: relative;
z-index: 100;}
.fixed-top {padding: 5px 0 10px;}
   .contacts {
        text-align:center;
        font-size:18px;
     }
   .contacts .row > div {
        margin-bottom:10px;
   }
   #contacts h3 {
       padding-top:30px;
  }
   .navbar-default .navbar-nav > li > a {
            font-size: 15px;
    padding: 8px 15px;
    }
.price-box .price {
    font-size: 23px;
}

.item-bottom .text-left {
white-space: nowrap;
}
.grid_wrap .price-box {
    text-align: right;
    padding: 0;
}
.item-bottom {
    position: absolute;
    bottom: 20px;
    right: 0px;
    left: 0px;
}
   #subheader {
         padding: 80px 0 50px;  
   }
   .content50 {padding: 30px 0;}
   .content80 {padding: 40px 0;}
   .content100 {padding: 50px 0;}
   .content120 {padding: 60px 0;}

#about.content80 {padding: 10px 0 40px;}
#special-offers .ribbon-cupon {
    margin-right: -20px;}

#contacts {background: #fff;}

   #slides .button {
         position:relative;
         margin-top:15px;
   }
   #special-offers .btn {
       width:100%;
       margin-top:15px;
   }
   .box {
        padding:20px;
   }
   .decoration-frame {
        padding:25px 20px;
   }
.menu-top-container.pull-right {
float: left !important;}

.menu-top-container .navbar-toggle {
border: 0;
    padding: 0;
    margin: 14px 0 0 10px;
    float: none;
}

.mobile-icon-top {
text-align: right;
position: relative;
z-index: 100;
}

#main_menu.background {padding-bottom: 15px;}

.watsapp_button2, .mobile-call {
background: #e1b43f;
    color: #fff;
    border-radius: 50%;
    padding: 5px 0;
    font-size: 20px;
    width: 31px;
    height: 31px;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    margin-top: 23px
}
#main-gallery, #main_menu {background: #FFF !important;}

#main-gallery .owl-controls {
display: none;}

#form_call5 div:nth-child(3) {text-align: center;}

.footer .contacts .phone {color: #ccc;}

.watsapp_button2 {
margin-left: 0;
}

.menu-top-container .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #64774a;
}

.menu-top-container .navbar-default .navbar-toggle:hover  .icon-bar , .navbar-default .navbar-toggle:focus  .icon-bar  {
    background-color: #fff;
}

.menu-top-container  .navbar-toggle .icon-bar {
    background-color: #e1b43f;
    width: 38px;
    height: 5px;
}

   .group .group-name {
        min-height:auto;
        padding-top:15px;
   }
   .shop_table {
        margin-left:-15px; 
        margin-right:-15px;
   }

   .sy-slide > a > img {
      width:200% !important;
   }
   .footer {
        text-align:center;
   }
   .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#fff;
        font-size:18px;
  }
   .item-comment span {
            display:block;
   }
   .gallery-list ul li {
         display:block;
         max-width:280px;
         float:none;
         margin:0 auto;
   }
.news_list .btn {
font-size: 14px;
padding: 15px 20px;
width: 100%;
max-width: 310px;
}
#slides .sy-controls {
    display: none !important;
}
}


@media (min-width: 768px) { 
#top-menu {
display: table !important;
    width: 100%;
}
#top-menu > ul{
		display:table-row;
		float:none;
	}
	#top-menu > ul > li{
		display:table-cell;
		float:none;
		text-align:center;
	}
}