/* Coding Fırat TEMEL */
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap&subset=latin-ext');
*{
  font-family: 'Quicksand', sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.42857;	
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-touch-callout: none;
}

input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body{ 
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #FFF;
  font-size: 13px;
  color:#19292E
}
a,
a:hover,
a:active,
a:focus{
  outline:none !important;
  text-decoration: none;
  color: #19292E
}
.opacity-0{
  opacity:0
}
.opacity-1{
	opacity:1
}
.clear-0{
  clear: both
}
.clear-1{
  clear: both;
  margin-bottom:5px
}
.clear-2{
  clear: both;
  margin-bottom:10px
}
.clear-2-5{
  clear: both;
  margin-bottom:12px
}
.clear-3{
  clear: both;
  margin-bottom:16px
}
.clear-4{
  clear: both;
  margin-bottom:20px
}
.clear-5{
  clear: both;
  margin-bottom:25px
}
.m-h-200{
	min-height:205px
}
.cload{
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  position:absolute;
  background: url("../img/loading.svg") no-repeat center center, linear-gradient(#ffffff, #e5e5e5);
  border-radius:0px;
  background-size:95px auto;
  z-index:9
}
.rload{
  left:2px;
  right:2px;
  top:2px;
  bottom:2px;
  position:absolute;
  background: url("../img/loading.svg") no-repeat center center, linear-gradient(#ffffff, #e5e5e5);
  border-radius:4px;
  background-size:95px auto;
  z-index:9
}
.overflow-y-hidden{
	overflow-y: hidden
}
::-webkit-scrollbar{
  width: 6px; 
  height: 6px
}
::-webkit-scrollbar-button{ 
  width: 0px; 
  height: 0px
}
::-webkit-scrollbar-thumb{
  background: #c1c1c1; 
  border: 0px solid #F1F1F1;
  border-radius:0px
}
::-webkit-scrollbar-thumb:hover{
  background: #a8a8a8; 
  cursor: pointer
}
::-webkit-scrollbar-thumb:active{
  background: #a8a8a8
}
::-webkit-scrollbar-track{
  background: #F1F1F1; 
  border: 0px none #F1F1F1; 
  border-radius: 0px
}
::-webkit-scrollbar-track:hover{
  background: #F1F1F1
}
::-webkit-scrollbar-track:active{
  background: #F1F1F1
}
::-webkit-scrollbar-corner{
  background: transparent
}
.filter-food ::-webkit-scrollbar{
  width: 2px; 
  height: 2px
}
.tab-content::-webkit-scrollbar{
  width: 3px; 
  height: 3px
}
.buying-sect::-webkit-scrollbar{
  width: 3px; 
  height: 3px
}
.rest-filter-sect::-webkit-scrollbar{
  width: 3px; 
  height: 3px
}
#main-wrapper {
  box-sizing: border-box;
  min-height: 100%;
  padding: 0 0 300px;
  position: relative;
}
.main-area{
  width: 100%;
  border-radius:4px;
  padding: 0px;
  position: relative;
  border: 1px solid #D9E0E6;
	padding:7px
}
.main-area .content{
  padding:10px;
  border-radius:4px;
  background:#FFF
}
.main-area .content span{
  display:block;
  margin-top:5px;
  font-size:14px
}
.main-area .content a span{
  margin-top:0px
}
.loading-block{
  position: fixed;
  overflow-y: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background:rgba(0, 0, 0, .75);
  z-index:9999;
  color:#FFF
}
.loading-block .item{
	margin:0 auto;
	margin-top:17%;
	width:140px;
	height:140px;
	border-radius:50%;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	background: url(../img/loading.gif) 10px center no-repeat , linear-gradient(#F1F1F1, #F1F1F1);
	background-size: 75% auto
}
.loading-block-main{
  position: fixed;
  overflow-y: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background:rgba(0, 0, 0, .85);
  z-index:9999;
  color:#FFF
}
.loading-block-main .item{
	margin:0 auto;
	margin-top:15%;
  width: 180px;
  height: 180px;
	padding:10px;
	background: url(../img/food-load.gif) center center no-repeat #FFF;
	background-size:auto 100%;
  border-radius: 15px
}
.food-load-block{
  position: fixed;
  overflow-y: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background:rgba(0, 0, 0, .85);
  z-index:999;
  color:#FFF
}
.food-load-block .item{
  margin:0 auto;
  margin-top:15%;
  width: 180px;
  height: 180px;
  padding:10px;
  background: url(../img/food-load.gif) center center no-repeat #FFF;
  background-size:auto 100%;
  border-radius: 15px
}
.cookie-block{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background:rgba(0, 0, 0, .9);
  z-index:9999;
  padding-top:105px;
  color:#FFF
}
.cookie-block .block-close{
  position: absolute;
  right:0px;
  top:-60px;
  font-size: 36px;
  z-index:99;
  cursor: pointer;
  color:#FFF;
  transition: all 300ms ease-in-out
}
.cookie-block .block-close:hover{
  color:rgba(196,18,48,1)
}
.cookie-block .padding-box{
  padding: 1px;
  border:solid 1px rgba(255, 255, 255, .15);
}
.cookie-content{
  background: linear-gradient(0deg, rgba(196,18,48,1) 0%, rgba(196,18,48,1) 31%, rgba(166,25,48,1) 71%, rgba(121,14,32,1) 100%);
  box-shadow: 3px 0 3px -4px rgba(0, 0, 0, 0.6), -3px 0 3px -4px rgba(0, 0, 0, 0.6);
  padding: 25px
}
.cookie-content .title{
  position: relative;
  font-size:24px;  
  border-bottom:solid 1px rgba(255, 255, 255, .15);
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.cookie-content .title i{
  font-size:40px;
  margin-right:10px
}
.cookie-content ul li{
  font-size:16px;
  margin-top:30px;
  padding-left:60px
}
.cookie-content ul li span{
  left: 10px;
  position: absolute;
  font-size:32px
}
.cookie-content .cookie-city{
  color: #19292E;
  font-size:15px;
  cursor: pointer;
  margin-top: 20px;
  line-height: 45px;
  text-align: center;
  background: rgba(255,255,255,.85);
  box-shadow: 0 2px 5px 1px rgba(0,0,0,0.4);
  transition: all 300ms ease-in-out;
  border-radius: 4px
}
.cookie-content .cookie-city:hover{
  background: #19292E;
  color: #FFF
}
.modal-change-city .cookie-city{
  color: #FFF;
  font-size:15px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 45px;
  text-align: center;
  border: 1px solid rgba(208,47,46,1);
  background: linear-gradient(0deg, rgba(219,70,44,1) 0%, rgba(208,47,46,1) 51%, rgba(200,28,47,1) 100%)
}
.modal-change-city .cookie-city:hover{
  border: 1px solid #19292E;
  background: #19292E;
  color: #FFF
}
.modal-change-city .cookie-city.active{
  /* border: 1px solid #19292E; */
  /* background: #19292E; */
  color: #FFF
}
.modal-change-city .modal-dialog,
.modal-support-alert .modal-dialog,
.modal-password .modal-dialog {
    margin-top: 80px
}
.left-area{
  float:left;
  width:74.7%;
}
.right-area{
  float:right;
  width:23.3%;
}
.left-main-area{
  float:left;
  width:65.5%;
}
.right-main-area{
  float:right;
  width:32.5%;
}
.site-header {
  position: relative;
  z-index: 99
}
.site-header .header-top {
  border-top: 3px solid rgba(121,14,32,1);
  background: linear-gradient(0deg, rgba(219,70,44,1) 0%, rgba(208,47,46,1) 51%, rgba(200,28,47,1) 100%);
  height: 47px
}
.site-header .header-top .logo {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 23.3%;
  height: 95px;
  background: linear-gradient(0deg, rgba(196,18,48,1) 0%, rgba(196,18,48,1) 31%, rgba(166,25,48,1) 71%, rgba(121,14,32,1) 100%);
  box-shadow: 3px 0 3px -4px rgba(0, 0, 0, 0.6), -3px 0 3px -4px rgba(0, 0, 0, 0.6);
}
.site-header .header-top .logo>a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/logo.svg) center center no-repeat;
  background-size: 85% auto
}
.site-header .header-top .m-logo {
  display:none;
  float:left;
  z-index: 1;
  width: 200px;
  margin: 5px 0px;
  height: 55px
}
.site-header .header-top .m-logo>a {
  float:left;
  width: 100%;
  height: 100%;
  background: url(../img/logo.svg) left center no-repeat;
  background-size: auto 95%
}

.header-top nav.top-nav{
  float: left;
}
.header-top nav.top-nav ul li{
  float: left;
  border-left: 1px solid rgba(255,255,255,.2);
  border-right: 1px solid rgba(0,0,0,.09);
  position: relative;
  height: 43px;
  padding:0 15px;
}
.header-top nav.top-nav ul li a{
  position: relative;
  line-height:43px;
  font-weight:400;
  color:#FFF
}
.site-header .header-top .select-district  {
  float:right;
  position:relative;
  height:45px;
}
.site-header .header-top .select-district label {
  position: relative;
  float: left;
  width: 45px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  background: #790e20
}
.site-header .header-top .select-district label::before {
  content: " ";
  position: absolute;
  top: 31%;
  left: -30%;
  border-color: transparent #790e20 transparent transparent;
  border-style:solid;
  border-width:7px;
  width:0;
  height:0;
  z-index:10
}
.site-header .header-top .select-district label em{
  font-size:25px;
  line-height:32px;
  color:#F1F1F1
}
.site-header .select-district address {
  float:left;
  height: 44px;
  line-height:42px;
  color:#F1F1F1;
  text-align: center;
  padding:0 17px;
  cursor:pointer;
  background:rgba(121,14,32,0.5)
}
.site-header .header-bottom {
  min-height: 50px;
  background-color: #ECF0F1;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2)
}
.search-box{
  position: relative;
  color: #999;
  float: right;
  background: #FFF;
  border: 1px solid #E1E1E1;
  min-height: 42px;
  width: 100%;
  max-width: 700px;
  border-radius: 5px;
  margin-top: 4px;
  font-size:14px;
}
.search-box-input{
  float: left;
  width:43%;
  padding:3px;
  border-right:dashed 1px #E1E1E1
}
.search-box input{
  height:34px;
  border:0
}
.search-box-select{
  float: left;
  width:35%
}
.search-box-select .btn-default{
  background:none;
  color:#999;
  border:0px;
}
.search-box-select .btn-default:active{
  box-shadow:none
}
.search-box-select .bs-searchbox, .search-box-select .bs-actionsbox, .search-box-select .bs-donebutton {
  padding:2px;
}
.search-box-select .dropdown-menu {
  top:0px;
  border: 0px;
  box-shadow: 2px 8px 8px rgba(0, 0, 0, .08);
  max-height: 360px !important;
}
.search-box button{
  float: right;
  width:22%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height:40px;
}
.owl-slider-sect {
  float: left;
  width: 100%;
  min-height: 200px;
  padding: 2px;
  position:relative;
  background: url(../img/pattern-bg.png);
  border: solid 1px rgba(0, 0, 0, .1);
  border-radius: 5px
}
.owl-slider-sect img{
  width: 100%;
  height: auto;
  border-radius: 5px
}
.owl-banner-sect {
  float: left;
  width: 100%;
  height: auto;
  padding: 2px;
  margin-top:15px;
  position:relative;
  background: url(../img/pattern-bg.png);
  border: solid 1px rgba(0, 0, 0, .1);
  border-radius: 5px
}
.owl-banner-sect img{
  width: 100%;
  height: auto;
  border-radius: 5px
}
.mobil-district-sect{
  float: left;
  width: 100%;
  min-height:60px;
  padding:7.5px 5px
}
.mobil-district-sect .content{
  float: left;
  width: 100%;
  border-radius: 6px;
  padding: 3px;
  border: solid 1px #ECF0F1;
  background-color: #FFF;
}
.mobil-district-sect .content .item-sect{
  float: left;
  width: 100%;
  border-radius: 4px;
  color:#19292E;
  background-color: #ECF0F1
}
.mobil-district-sect .content .item-sect:hover{
  background:#DDD;
}
.mobil-district-sect .button{
  float: right;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  height:60px
}
.mobil-district-sect .button i{
  margin-right:8px;
  line-height: 56px;
  font-size: 32px;
  float: left;
}
.mobil-district-sect .button div{
  float: left;
  padding-top: 11px;
}
.mobil-district-sect .button div span{
  line-height: 18px;
  text-align: left;
  display: block
}
.mobil-district-sect .text{
  float: left;
  width: 60%;
  padding:10px 
}
.mobil-district-sect .text strong{
  display: block;
  margin-bottom: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.mobil-district-sect .text small{
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.mobil-district-sect .text i{
  float: left;
  margin-right: 5px;
  font-size: 20px
}
.rest-showcase {
  border: 1px solid #CCC;
  border-radius: 4px;
  background: #FFF;
}
.rest-showcase .title {
  line-height:38px;
  padding-left:10px;
  border-radius: 3px 3px 0px 0px;
  border-bottom: 1px solid #CCC;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  font-weight:600;
  position:relative
}
.rest-showcase .title i{
  float:left;
  line-height:34px;
  font-size:25px;
  margin-right:5px;
}
.rest-showcase .title button{
  position:absolute;
  right:5px;
  top:8px;
  font-size:11px;
}
.rest-showcase .content{
  position:relative;
  background:#FFF;
}
.rest-showcase .content .stream-item{
  float:left;
  width:100%;
  border-bottom: solid 1px rgba(0, 0, 0, .1);
  padding: 7px 5px 6px 2px;
  cursor:pointer
}
.rest-showcase .content .stream-item:nth-child(2n+1){
  background: #F1F1F1
}
.rest-showcase .content .stream-item:hover{
  background: #FFFDDD
}
.rest-showcase .content .stream-item .image{
  position:relative;
  float:left;
  width:42px;
  height:42px;
  padding:3px;
  border: 1px solid #D7D7D6;
  border-radius:42px;
  margin-right:10px;
  margin-left:2px;
  margin-top:3px;
  background-color: #FFF;
}
.rest-showcase .content .stream-item .image .image-item{
  width: 100%;
  height: 100%;
  border-radius:42px;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat
}
.rest-showcase .content .stream-item .image:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: -3px;
  top: -1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #F0F0F0;
  background-color: #AAA
}
.rest-showcase .content .stream-item .image.online:before {
  background-color: #00A65A;
}
.rest-showcase .content .stream-item .image.offline:before {
  background-color: #DD4B39;
}
.rest-showcase .content .stream-item .text strong{
  display: block;
  font-size: 13px;
  margin-bottom: 2px;
  color:#19292E;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rest-showcase .content .stream-item .text span{
  color: #474c5e;
  font-size: 12.5px
}
.rest-showcase .content .stream-item .text small{
  font-size:9px;
  font-weight:400;
  color:#636363;
  padding-right:3px;
  padding-top:3px
}
.rest-showcase .bottom {
  text-align:center;
  line-height:33px;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #CCC;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  font-weight:600;
  font-size: 12.5px;
  position:relative;
  cursor:pointer;
  margin-top:-1px
}
.rest-showcase .bottom:hover{
  background:#CCC
}
.rest-title-sect .text-title{
  font-weight:400
}
.rest-title-sect .text-title strong{
  line-height:0px
}
.rest-title{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.login-panel-box{
  padding:4px;
  border-radius:4px;
  width: 100%;
  background: linear-gradient(0deg, rgba(196,18,48,1) 0%, rgba(201,30,47,1) 60%, rgba(201,30,47,1) 100%);
  background: #F1F1F1;
  border: solid 1px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
}
.login-panel-box .panel-box{
  background: #FFF;
  padding: 10px;
  border-radius: 4px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;  
  color: #19292E;
  position:relative
}
.login-panel-box .panel-box-bottom{
  color: #19292E;
  text-align:left;
  padding:6px 5px 5px 6px
}
.login-panel-box button{
  font-size: 13px
}
.login-true{
  padding:4px;
  padding-bottom:0px;
  border-radius:4px;
  width: 100%;
  background: linear-gradient(0deg, rgba(196,18,48,1) 0%, rgba(201,30,47,1) 60%, rgba(201,30,47,1) 100%);
  background: #F1F1F1;
  border: solid 1px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08)
}
.login-true-header{
  cursor:pointer;
  min-height:38px;
  position:relative
}
.login-true-close{
  -webkit-transition: all 0.55s linear;
  -o-transition: all 0.55s linear;
  transition: all 0.55s linear;
  border-color:#CCC;  
}
.login-true-title{
  width: 100%;
  line-height:38px;
  display: inline-block;
  margin: 0;
  font-size:14px;
}
.login-true-title em{
  float:left;
  line-height:34px;
  font-size:25px;
  margin-right:5px
}
.login-true-tools{
  position: absolute;
  right:5px;
  top:0px;
  font-size:17px
}
.login-true-body{
  background-color: #F9F9F9;
  margin-bottom:5px;
  padding:0px 5px;
  border-radius:5px
}
.panel-adresse.login-true-body{
  min-height: 109px;
  max-height: 109px;
  overflow-y: auto
}
.panel-adresse.login-true-body ul li{
  cursor:pointer;
  padding:11px 7px;
  border-bottom:solid 1px #DDD
}
.panel-adresse.login-true-body ul li:last-child{
  border-bottom:0px
}
.panel-adresse.login-true-body ul li:first-child{
  border-bottom:solid 1px #DDD
}
.panel-adresse.login-true-body ul li:hover{
  background-color: #FFFDDD
}
.panel-adresse.login-true-body ul li i{
  float:left;
  color:rgba(208,47,46,1) ;
  font-size: 27px;
  margin-right: 8px;
  margin-top: 2px
}
.panel-adresse.login-true-body ul li i.active{
  color: rgb(0, 166, 90);
}
.panel-adresse.login-true-body ul li strong{
  font-size: 12.5px;
  color:#19292E;
  line-height:0px
}
.panel-adresse.login-true-body ul li span{
  display:block;
  margin-top:-3px;
  font-size: 12.5px
}
.login-true-body table td{
  font-weight:600;
  font-size:13px;
}
.login-true-body table td:hover,.login-true-body a:hover{
  color:#a94442
}
.login-true-bottom{
  color: #19292E;
  text-align: left;
  padding: 1px 0px 5px 0px;
}
.login-true .panel-item{
  float:left;
  width:100%;
  cursor:pointer
}
.login-true .panel-item .image{
  position:relative;
  float:left;
  width:42px;
  height:42px;
  padding:2px;
  border: 1px solid #D7D7D6;
  border-radius:42px;
  margin-right:10px;
  margin-top:3px
}
.login-true .panel-item .image:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: -3px;
  top: -1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #F0F0F0;
  background-color: #AAA;
}
.login-true .panel-item .image.panel-adresse{
  margin-top:2px;
  margin-right:5px;
  width:34px;
  height:34px;
  border:0px;
  text-align:center
}
.login-true .panel-item .panel-adresse i{
  color: #19292E;
  line-height: 28px;
  font-size: 30px;
}
.login-true .panel-item .image.panel-adresse:before {
  display:none
}
.login-true .panel-item .image.online:before {
  background-color: #00A65A;
}
.login-true .panel-item .image.offline:before {
  background-color: #DD4B39;
}
.login-true .panel-item .text strong{
  display: block;
  font-size: 15px;
}
.login-panel-box .panel-box.order{
  cursor: pointer;
  background:#8e8e8e;
  background-size: auto 42%;
  border-radius: 4px;
  padding:7.5px 10px;
  color:#FFF
}
.login-panel-box .panel-box.order.road{
  background:#E9A943;
}
.login-panel-box .panel-box.order.finish{
  color:#FFF;
  background:#22AF67;
}
.login-panel-box .panel-box.order.danger{
  color:#FFF;
  background: linear-gradient(0deg, rgba(219,70,44,1) 0%, rgba(208,47,46,1) 51%, rgba(200,28,47,1) 100%);
}
.login-panel-box .panel-box.order i{
  font-size: 23px;
  position: absolute;
  right: 7.5px;
  top:6px
}

.login-panel-box .panel-box.order strong{
  font-weight: 500;
  font-size: 15px;
  display:block
}
.login-panel-box .panel-box.order span{
  font-size:11px
}
.w-23 .panel-item .text strong {
  font-size: 14px;
  margin-bottom:0px;
}
.login-true .panel-item .text span{
  color: #474c5e;
  font-size: 12.5px
}
.w-23 .panel-item .text span{
  float:left
}
.login-true .panel-item .text small{
  font-size:9px;
  font-weight:400;
  color:#636363;
  padding-right:3px;
  padding-top:3px
}
.panel-contents{
  float: left;
  width:100%;
  position:relative;
  border-bottom: solid 1px rgba(0,0,0,.05);
}
.panel-contents .form-group{
  margin-top: 15px;
  margin-bottom: 10px;
}
.modal-adresse .panel-contents .form-group{
  margin-top:15px
}
.trn-line {
  display: inline-block;
  width: 100%;
  height: 10px;
  border-bottom: 1px dashed #cfcfcf;
  text-align: center;
  margin: 5px 0px 5px 0px
}
.trn-line span {
  background: #fff;
  padding-left: 20px;
  padding-right: 20px
}
.login-facebook {
  background: #3b5998;
  height: 38px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  margin-top:5px;
  border: 1px solid rgba(0, 0, 0, .2);
  color:#FFF
}
.login-facebook i {
  line-height: 28px;
  font-size: 21px;
  width: 40px;
  border-right: 1px solid rgba(0, 0, 0, .2);
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, .1) inset;
  text-align:center;
  margin-top:5px;
  float:left;
  color: #FFF;
}
.login-facebook:hover {
  background: #8d8d8d
}
.form-register .login-facebook {
  margin-top:0px;
  height: 43px;
  line-height: 40px
}
.form-register .login-facebook i {
  line-height: 30px
}
.panel-basket{
  position: relative;
  padding:4px;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
  background: #F1F1F1;
  border: solid 1px rgba(0, 0, 0, .1);
  border-radius: 4px 4px 0px 0px;
}
.panel-basket .title {
  line-height:38px;
  padding-left:10px;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid rgba(208,47,46,1);
  background: linear-gradient(0deg, rgba(219,70,44,1) 0%, rgba(208,47,46,1) 51%, rgba(200,28,47,1) 100%);
  font-weight:600;
  position:relative;
  font-size: 14px;
  color:#FAFAFA
}
.panel-basket .title i{
  float:left;
  line-height:36px;
  font-size:22px;
  margin-right:7px
}
.panel-basket .title .all-delete{
  float: right;
  background: rgba(121,14,32,1);
  font-size: 12px;
  cursor: pointer;
  margin-right: 5px;
  margin-top: 6px;
  border-radius: 5px;
}
.panel-basket .title .all-delete:hover{
  background:#888;
  color:#FFF
}
.panel-basket .company {
  background-image: linear-gradient(to bottom, #eb9316 0, #f0ad4e 100%);
  padding: 5px 5px 5px 5px;
  border-bottom: solid 1px #E9A943;
  float: left;
  width: 100%;
}
.panel-basket .company strong{
  margin-bottom:1px;
  display:block
}
.panel-basket .content {
  position: relative;
  float:left;
  width:100%;
  background:#FAFAFA;
  margin-bottom:5px
}
.panel-basket .content ul li{
  float:left;
  width:100%;
  padding:5px 5px 5px 5px;
  border-bottom:solid 1px #F1F1F1;
  cursor:pointer
}
.panel-basket .content ul li:hover{
  background:#FFFDDD
}
.panel-basket .content ul li span:first-child{
  float:left;
  width:63%
}
.panel-basket .content ul li span:last-child{
  float:right;
  width:35%;
  text-align:left
}
.panel-basket .content ul li span:last-child em{
  right:7px;
  font-size:17px
}
.panel-basket .content ul li span:last-child em.buying{
  top:11px;
  position: absolute
}
.panel-basket .content ul li span b{
  display:block
}
.panel-basket .content ul li span b:hover{
  color: #C41230
}
.panel-basket .content ul li span small{
  font-size:11px
}
.panel-basket .content ul li span b small{
  color:#C41230;
  margin-left:5px
}
.panel-basket .content ul li span:last-child b{
  padding-top:0px;
  font-size: 12.5px
}
.panel-basket .content ul li span:last-child b label{
  float: left;
  margin-bottom: 5px
}
.panel-basket .content ul li span:last-child b small{
  position: relative;
  width: 18px;
  height: 18px;
  float:right;
  text-align: right;
  padding-top: 2px
}
.panel-basket .content ul li span:last-child b em{
  color:#222;
  text-align: center;
  font-size:14px
}
.panel-basket .number {
  width : 100%;
  height : 20px;
  margin-top :5px;
  margin-bottom :2px;
  line-height : 20px;
  background : #fafafa;
  border : 1px solid #ddd;
  border-radius : 4px;
  cursor : pointer;
  overflow : hidden;
  box-sizing : border-box
}
.panel-basket .number .plus,.panel-basket .number .minus{
  float : left;
  width : 30%;
  height : 20px;
  line-height:14px;
  border-left : 1px solid #ddd;
  font-size : 16px;
  cursor : pointer;
  text-align : center;
  text-decoration : none
}
.panel-basket .number .minus{
  border-right : 1px solid #ddd;
  border-left : 0
}
.panel-basket .number .center{
  float : left;
  width : 40%;
  height : 20px;
  overflow : hidden;
  text-align : center;
  background : #EBEBE4
}
.panel-basket .number .center input{
  float:left;
  width : 100%;
  height:16px;
  outline : 0;
  text-align : center !important;
  border : 0;
  font-size: 12.5px;
  text-align:center
}
.panel-basket .number .plus:hover,.panel-basket .number .minus:hover{
  background : #EBEBE4
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.panel-basket .bottom {
  color: #19292E;
  text-align: left;
  padding: 5px 0px 0px 0px;
  font-weight:600;
  font-size:14px
}
.panel-basket .bottom .basket-alert{
  text-align: center;
  font-weight: 300;
  padding: 5px 0px;
  font-size:12px
}

.box{
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 0px
}
.box-header{
  height:42px;
  padding: 3px;
  border-radius: 3px 3px 0px 0px;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  font-weight:600;
  cursor:pointer;
  position:relative
}
.box-close{
  -webkit-transition: all 0.55s linear;
  -o-transition: all 0.55s linear;
  transition: all 0.55s linear
}
.box-title{
  width: 100%;
  line-height: 42px;
  display: inline-block;
  margin: 0;
  padding-left:10px;
  background: #F1F1F1;
  font-size: 14px
}
.box-title em{
  float:left;
  line-height:34px;
  font-size:25px;
  margin-right:5px
}
.box-tools{
  position: absolute;
  right: 5px;
  top: 8px;
  text-align: center;
  width: 25px;
  height: 25px
}
.box-tools i{
  line-height: 25px
}
.box-body{
  position:relative;
  padding:0px 15px 0px 15px;
  -webkit-transition: -webkit-transform .3s ease-in-out, width .3s ease-in-out;
  -moz-transition: -moz-transform .3s ease-in-out, width .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out, width .3s ease-in-out;
  transition: transform .3s ease-in-out, width .3s ease-in-out
}
.box-bottom{
  width: 100%;
  height: 46px;
  line-height: 46px;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  background-size: auto 100%;
  border-top: solid 1px #e5e5e5
}

.box-food{
  float: left;
  width: 100%
}
.box-food-header{
  float: left;
  width: 100%;
  cursor: pointer;
  color: #C41230
}
.box-food-header:hover{
  color: #C41230
}
.box-food-title{
  float: left
}
.box-food-tools{
  float: right;
  margin-right: 8px;
  padding-top: 3px
}
.box-food-tools i{
  font-size: 15px
}

.rest-detail .box-header{
  border-radius: 4px;
  padding:0px;
  border:0px
}
.rest-detail .box-title{
  border-radius: 4px
}
.work-process{
  cursor:pointer;
  text-align:center
}
.work-img {
  position:relative;
  width: 110px;
  height: 110px;
  margin:0 auto;
  margin-bottom:15px
}
.category-list{
	float:left;
	width:100%;
	padding:10px;
	border:1px solid #DDD;
	border-radius:4px;
	transition:all 0.4s;
	text-align:center;
	font-size: 13px;
	margin-top:10px
}
.category-list strong{
  display:block
}
.category-list small{
  color: #C00;
  font-size: 13px;
}
.category-list:hover{
	border-color:#e96a35;
	box-shadow:0px 0px 7px rgba(223,106,53,0.4)
}
.main-category-box{
  position:relative;
}
.main-category-box .item{
  width: 100%;
  background-color: #fff;
  border:solid 1px rgba(0, 0, 0, 0.15);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 7px 0;
  cursor:pointer;
  overflow: hidden
}
.main-category-box .item .item-balloon {
  width: 110px;
  height: 110px;
  background-image: linear-gradient(217deg, #ec9924, #d8412c);
  border-radius: 100%;
  position: absolute
}
.main-category-box .item .item-balloon.right {
  right: -35%;
  top: -35%
}
.main-category-box .item .item-balloon.bottom-left {
  left: -35%;
  bottom: -35%
}
.main-category-box .item .item-balloon.top-center {
  left: 50%;
  margin-left: -55px;
  top: -45%
}
.main-category-box .item .item-balloon.bottom-center {
  left: 50%;
  margin-left: -55px;
  bottom: -45%
}
.main-category-box .item .item-balloon.bottom-right {
  right: -35%;
  bottom: -35%
}
.main-category-box .item .item-balloon.left-center {
  left: -45%;
  bottom: 50%;
  margin-bottom: -55px
}
.main-category-box .item .item-balloon.top-left {
  left: -35%;
  top: -35%
}
.main-category-box .item .item-balloon.top-right {
  right: -35%;
  top: -35%
}
.main-category-box .item .item-balloon.right-center {
  right: -45%;
  bottom: 50%;
  margin-bottom: -55px
}
.main-category-box .item .item-name {
  width: 100%;
  line-height: normal;
  font-size: 12.5px;
  vertical-align: middle;
  padding:15px 0px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  background: #ecf0f1;
  transition: all 200ms ease-in-out
}
.main-category-box .item .item-name:hover{
  background: rgba(0, 0, 0, 0.15)
}
.main-category-box .item .item-name i.icon {
  font-size: 55px;
  text-align: center;
  margin-bottom: 20px
}
.main-category-box .item .item-name span {
  font-size: 15px;
  color: #494949;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.main-category-box .item .item-name small {
  margin-top: 5px;
  color: #C00;
  font-size: 13px;
  text-align: center
}
.main-category-box .item .item-name img{
  width: 75px;
  height: 75px;
  margin: 0 auto;
  margin-bottom: 15px
}

.main-search-box{
  display: block
}
.main-search-box .box-title{
	display: block;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
	background: #e8e8e8
}
.main-search-box .item{
  width: 100%;
  padding:10px 5px;
  text-align: center;
  border-radius: 5px;
  vertical-align: middle;
  cursor:pointer;
  box-shadow: 0 0 4px rgba(0,0,0,.3);
}
.main-search-box .item span{
  display: block;
  margin-bottom: 5px;
  font-weight:600;
  font-size: 12px
}
.main-search-box .image{
  position:relative;
  margin:0 auto;
  width:65px;
  height:65px;
  padding: 5px;
  border-radius: 5px;
  margin-bottom:8px;
  background-color: #FFF;
}
.main-search-box .image .image-item{
  width: 100%;
  height: 100%;
  border-radius:8px;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat
}
.main-search-box .icon{
  position:relative;
  margin:0 auto;
  width:65px;
  height:65px;
  margin-bottom:5px;
  background-color: #FFF;
}
.main-search-box .icon .icon-item{
  font-size: 52px
}
.main-search-box .item:hover{
  background:rgba(0,0,0,.04)
}
.main-search-box .owl-carousel .owl-stage {
  padding-top:5px;
  padding-bottom:5px;
  padding-left: 8px !important
}
.rest-filter-sect{
  padding:5px;
  border-radius:5px;
  color: #0a0d10;
  background-color: #F1F1F1;
  border: solid 1px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08)
}
.rest-filter-sect.opacity-0{
  opacity:1
}
.rest-filter-sect .content{
  border-radius:3px;
  background-color: #FFF
}
.rest-filter-sect .content fieldset{
  border: 1px solid #F1F1F1;
  background: #FFF;
  padding:7px 7px 7px 7px;
  text-align: center
}
.rest-filter-sect .content fieldset.filter-food{
  padding:0px 0px 0px 0px
}
.rest-filter-sect .content fieldset.payment{
  min-height: 77px
}
.rest-filter-sect .content fieldset.payment .btn{
  padding: 0px 6px
}
.rest-filter-sect .content fieldset.filter-food .title{
  font-weight:500;
  padding:0px 0px;
  text-align:left;
  line-height:35px;
  background: #F1F1F1
}
.rest-filter-sect .content fieldset.filter-food .title i{
  float: left;
  line-height:33px;
  margin-right: 6px;
  font-size: 19px;
  color: #999;
}
.rest-filter-sect .content fieldset.filter-food .content{
  padding:0px;
  padding-top:7px;
  max-height:183px;
  overflow-y:auto
}
.rest-filter-sect .content fieldset.filter-food label{
  padding-left:7px;
  margin-bottom:8px;
  padding-bottom:8px;
  border-bottom: 1px solid #EEE
}
.rest-filter-sect .content fieldset.filter-food label:last-child{
  padding-bottom:0px;
  border-bottom: 0px solid #EEE
}
.rest-filter-sect .content fieldset legend {
  display: block;
  width: auto;
  padding: 0px 25px;
  font-size: 14px;
  line-height: inherit;
  color: #333;
  border: 0;
  margin-bottom:0px
}
.rest-filter-sect .content fieldset span.filter-text{
  float: left;
  font-size:13px;
  line-height:20px
}
.rest-filter-sect .content .dropdown-toggle{
  background:none;
  border-radius:4px;
}
.rest-filter-sect .content .dropdown-menu{
  border-top:0px;
  margin-top:-3px;
  box-shadow: 2px 8px 8px rgba(0, 0, 0, .08);
  max-height: 255px !important
}
.rest-filter-sect .bootstrap-select > .dropdown-toggle.bs-placeholder, 
.rest-filter-sect .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, 
.rest-filter-sect .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, 
.rest-filter-sect .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  border:dashed 1px #CCC
}
ul.filter-menu {
  list-style : none;
  margin : 0;
  padding : 0
}
.filter-menu li {
  float : left;
  position : relative;
  padding-right : 5px;
  padding-bottom : 5px
}
.filter-menu li i {
  float : right;
  font-size : 10px;
  height : 45px;
  line-height : 45px;
  margin-left : 10px;
  transform : rotate(180deg)
}
.filter-menu li.goster i {
  float : right;
  font-size : 10px;
  height : 45px;
  line-height : 45px;
  margin-left : 10px;
  transform : rotate(0deg)
}
.filter-menu li a {
  color : #555;
  text-decoration : none;
  display : block;
  padding : 0 8px;
  line-height : 45px;
  background : #edf1f2;
  border-radius : 5px;
  cursor : pointer
}
.filter-menu li:hover a {
  color : #51b549
}
.filter-menu .menus {
  position : absolute;
  left : 0;
  top : 47px;
  padding : 2px;
  min-width : 170px;
  height : auto;
  box-sizing : border-box;
  display : none;
  z-index : 2;
  background : #fff;
  box-shadow : 0 3px 5px 0 rgb(0 0 0 / 0.15);
  border : #ccc solid 1px;
  border-radius : 5px
}
.filter-menu .menus_in {
  max-height : 170px;
  padding : 10px;
  overflow-y : auto;
  overflow-x : hidden
}
.filter-menu .menus_in::-webkit-scrollbar {
  width : 5px
}
.filter-menu .menus_in::-webkit-scrollbar-track {
  background : rgb(0 0 0 / 0);
  margin : 3px;
  border-right : 3px solid #fff;
  left : -3px;
  position : absolute
}
.filter-menu .menus_in::-webkit-scrollbar-thumb {
  background : #adadad;
  border-radius : 5px
}
.filter-menu .menus_in::-webkit-scrollbar-thumb:hover {
  background : #aaa
}
.filter-menu li.select {
  height : 25px;
  padding : 10px
}
.checkmark {
  position : absolute;
  top : 0;
  left : 0;
  height : 17px;
  width : 17px;
  background-color : #edf1f2;
  border-radius : 50%
}
.checkmark.actives{
  background-color : #e37c33;
}
.filter-bar{
	font-size:15px;
	display:block;
	margin-bottom:12px;
	line-height:30px
}
.filter-bar strong{
	float:left;
}
.filter-bar .pull-left ul {
	display: inline-block;
	margin-left: 10px
}
.filter-bar .pull-left ul li{
	float:left;
	padding:0px 10px;
	border-right:solid 1px #EEE
}
.filter-bar .pull-left ul li:last-child{
	border-right:solid 0px #EEE
}
.filter-bar .pull-left ul li span{
	cursor:pointer;
	font-size:13px;
	padding:8px;
}
.filter-bar .pull-left ul li span:hover{
	color:#FFF;
  background: linear-gradient(0deg, rgba(219,70,44,1) 0%, rgba(208,47,46,1) 51%, rgba(200,28,47,1) 100%);
}
.filter-bar .pull-left ul li span.active{
	color:#FFF;
  background: linear-gradient(0deg, rgba(219,70,44,1) 0%, rgba(208,47,46,1) 51%, rgba(200,28,47,1) 100%)
}
.rest-list .stream-item{
  float: left;
  width: 100%;
  border: solid 1px #e8e8e8;
  padding: 6px;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 10px;
}
.rest-list .stream-item:hover{
  background:#FFFDDD
}
.rest-list .stream-item .image{
  position: relative;
  float: left;
  width: 63px;
  height: 63px;
  padding: 3px;
  border: 1px solid #e8e8e8;
  border-radius: 7px;
  margin-right: 15px;
  background-color: #FFF;
}
.rest-list .stream-item .image .image-item{
  width: 100%;
  height: 100%;
  border-radius:8px;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat
}
.rest-list .stream-item .text strong{
  display: block;
  font-size: 15px;
  margin-bottom:2px;
  color:#19292E;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rest-list .stream-item .text strong small{
  float:left;
  margin-right:8px
}
.rest-list .stream-item .text span{
  display:block;
  margin-bottom:2px;
  color: #474c5e;
  font-size: 13.5px
}
.rest-list .stream-item .text ul li{
  float: left;
  padding: 0px 10px;
  border-right: solid 1px #EEE;
  font-size: 13.5px
}
.rest-list .stream-item .text ul li:first-child{
  padding-left:0px;
}
.rest-list .stream-item .text ul li:last-child{
  border-right: solid 0px #EEE;
}
.food-item{
  cursor: pointer;
  margin: 10px 0px 7.5px 0px;
  border: solid 1px #e8e8e8;
  border-radius: 10px;
  padding: 7.5px;
  min-height: 43px
}
.food-item:hover{
  background: #FFFDDD
}
.food-item .image{
  position:relative;
  float:left;
  width: 10;
  height: 60px;
  padding:3px;
  border: 1px solid #D7D7D6;
  border-radius:5px;
  margin-right:15px;
  background-color: #FFF
}
.food-item .image .image-item{
  width: 100%;
  height: 100%;
  border-radius:4px;
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat
}
.food-item .food-btn{
  float:left;
  width:5%;
}
.food-item .food-btn em{
  float: left;
  background: rgba(246,81,52,.2);
  color: #8b1226;
  border-radius: 6px;
  text-align: center;
  padding: 6px;
  margin-top: 1px;
  width: 33px;
  height: 33px;
  line-height: 21px
}
.food-item .food-btn.no-desc em{
  margin-top:-4px
}
.food-item .food-content{
  display: inline-block;
  width:95%
}
.food-item .food-content strong{
  font-size: 14px;
  width: 100%;
  display: block
}
.food-item .food-content strong b{
  font-size: 11px;
  color:#C41230

}
.food-item .food-content span{
  font-size: 12px;
  display: block;
  padding-right:100px
}
.food-item .food-content strong label{
  float: left;
  font-weight: 600;
  font-size: 13px
}
.food-item .food-content strong small{
  float: left;
  font-size:11px;
  color:#B8B8B8;
  font-weight: 100;
  text-decoration:line-through;
  margin-right: 8px;
  padding: 1px 5px;
  background-color: #eee;
  border: 1px solid transparent;
  border-radius:4px;
}
.register-sect{
	padding:10px 0px;
	padding-top:5px
}
.modal-adresse input::-webkit-input-placeholder,
.register-sect input::-webkit-input-placeholder {
	font-size: 12.5px;
  text-align: right
}
.modal-adresse .has-error .form-control-feedback,
.modal-adresse .bv-form .help-block,
.modal-adresse .has-success .form-control-feedback{
  display: none !important
}
.modal-adresse .has-feedback input.form-control{
  padding-right:10px
}
.register-sect .has-float-label label{
	font-size:13px
}
.register-sect .has-float-label label{
	font-size:13px
}
.register-sect .left{
	padding-right:30px;
	border-right:solid 1px #DDD
}
.register-sect .right{
	min-height:200px;
	padding-left:30px;
}
.register-sect .form-control[disabled],
.register-sect .form-control[readonly],
.register-sect fieldset[disabled] .form-control{
  background-color: #FFF;
}
.figure-area .figure-item {
	position: relative;
	min-height: 135px;
	display: table;
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom:solid 1px #DDD
}
.figure-area .figure-item:last-child{
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0px
}
.figure-area .figure-item .figure {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
	width: 180px
}
.figure-area .figure-item .figure img{
	height:120px
}
.figure-area .figure-item .content {
	display: table-cell;
	font-weight: 500;
	font-style: normal;
	font-stretch: condensed;
	line-height: 1.56;
	letter-spacing: normal;
	color: #212121 
}
.figure-area .figure-item .content span {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.35;
	display: block;
	margin-bottom: 10px 
}
.figure-area .figure-item .content p {
	font-size: 16px;
	margin: 0 
}
.register-sect .dropdown-toggle,
.contact-form .dropdown-toggle,
.contact-form input,
.register-sect input{
	height:45px
}
.contact-form .has-float-label label{
	font-size:14px
}
.favorite-btn{
  float:right;
  cursor: pointer;
  font-size:13px;
  padding: 0 10px;
  background-color: #eee;
  border-radius:4px
}
.favorite-btn:hover{
  background-color: #e4e4e4
}
.favorite-btn i{
  float:left;
  line-height: 40px;
  margin-right:5px;
  font-size:17px
}
.favorite-btn span{
  float:left;
  line-height: 40px
}
.favorite-btn.active{
  background: rgb(235,152,33);
  color:#FFF
}
.tabs-main {
	border: 1px solid #d2d2d2;
	position: relative;
	border-radius: 4px
}
.tabs-main>.tabs-nav {
  background: url(../img/title.png) #efefef left top repeat-x;
  color: #555;
  border-bottom: 1px solid #d2d2d2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tabs-main>.tabs-nav>li {
  border-top: 3px solid transparent;
  font-weight:600;
  margin-bottom: -1px;
}
.tabs-main>.tabs-nav>li.disabled>a {
  color: #777
}
.tabs-main>.tabs-nav>li>a {
  color: #555;
  border-radius: 0
}
.tabs-main>.tabs-nav>li>a>i{
  float:left;
  font-size:19px;
  margin-right:8px;
  margin-top:-2px
}
.tabs-main>.tabs-nav>li>a>em{
  float:right;
  font-size:15px;
  margin-left:10px;
  cursor:pointer;
  margin-top:2px
}
.tabs-main>.tabs-nav>li>a,
.tabs-main>.tabs-nav>li>a:hover {
  background: transparent;
  color:#555
}
.tabs-main>.tabs-nav>li:not(.active)>a:hover,
.tabs-main>.tabs-nav>li:not(.active)>a:focus,
.tabs-main>.tabs-nav>li:not(.active)>a:active {
  border-color: transparent
}
.tabs-main>.tabs-nav>li.active {
  border-top-color: #3c8dbc;
	border-top: 3px solid transparent;
}
.tabs-main>.tabs-nav>li.active>a,
.tabs-main>.tabs-nav>li.active:hover>a {
  background-color: #FAFAFA;
  color: #555
}
.tabs-main>.tabs-nav>li.active>a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
.tabs-main>.tabs-nav>li:first-of-type {
  margin-left: 3px
}
.tabs-main>.tab-content {
	position: relative;
	border-radius: 4px
}
.tabs-bottom {
  height: 52px;
  line-height: 52px;
  background: url(../img/title.png) #efefef left top repeat-x;
  background-size: auto 100%;
  padding:0 10px;
}
.tabs-rest .tabs-nav {
  border-bottom: 0px solid #d2d2d2
}
.tabs-rest .tabs-nav li a {
  margin-right: 5px;
  line-height: 1.42857143;
  background-color: #e8e8e8;
  border: 1px solid transparent;
  border-radius: 4px 4px 4px 4px;
}
.tabs-rest .tabs-nav li a i{
  float: left;
  margin-right:5px;
  font-size: 17px
}
.tabs-rest .tabs-nav li a:hover{
  background-color: #e4e4e4
}
.tabs-rest .tabs-nav li.active a,
.tabs-rest .tabs-nav li.active a:focus,
.tabs-rest .tabs-nav li.active a:hover{
  background-color: #FFEEE8;
  border: 1px solid #FFEEE8;
  border-bottom-color: #FFEEE8
}


.rest-panel{
	width:100%;
	display:table;
	border-radius: 4px;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
	background: #F1F1F1;
  border: solid 1px rgba(0, 0, 0, .1);
}
.rest-panel .panel-box{
  display: table-cell;
  border:solid 7px #F1F1F1;
  border-radius:11px;
  padding:10px;
  vertical-align:top;
  background:#FFF
}
.rest-panel .panel-box.logo{
  text-align:center;
  width:24%;
  height:120px;
  padding: 10px
}
.rest-panel .panel-box.logo .logo-item{
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-size:100% auto;
  background-position: center center;
  background-repeat: no-repeat
}
.rest-panel .panel-box.logo .logo-item.bg-w-100{
  background-size: 100% auto
}
.rest-panel .panel-box.logo .logo-item.bg-h-100{
  background-size: auto 100%
}
.rest-panel .panel-box.points{
  width:30%;
  padding: 5px 10px
}
.rest-panel .panel-box legend {
  display: block;
	padding-bottom:5px;
  font-size: 13px;
	font-weight:700;
  text-align:left;
  color: #868686;
  margin-bottom: 10px;
  border-bottom:solid 1px rgba(0, 0, 0, .1)
}
.rest-panel .panel-box .small-box{
  height:60px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  text-align:center;
  color: #FFF;
}
.rest-panel .panel-box .small-box span {
  display:block;
  font-weight:600;
  font-size: 22px;
}
.rest-panel .panel-box .small-box small {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px
}
.rest-panel .panel-box .showcase-sect{
  width:100%;
  display: table
}
.rest-panel .panel-box .showcase{
  display: table-cell;
  border-right:solid 1px rgba(0, 0, 0, .1)
}
.rest-panel .panel-box .showcase:last-child{
  border-right:0px
}
.rest-panel .panel-box .showcase i{
  font-size: 25px;
  margin-bottom:7px;
  color:#666;
  display:block
}
.rest-panel .panel-box .showcase span {
  font-size: 12.5px;
  display:block
}
.rest-panel .panel-box .showcase strong{
  font-size: 13px;
  display:block;
  margin-top:3px
}
.stream-section{
  min-height:151px;
  max-height:151px;
  overflow-y:auto
}
.stream-section .stream-item{
  background:#FAFAFA;
  float:left;
  width:100%;
  border-bottom: solid 1px rgba(0, 0, 0, .1);
  padding:9px 9px 9px 9px;
  cursor:pointer
}
.stream-section .stream-item:nth-child(4n){
  border-bottom:0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}
.stream-section .stream-item:nth-child(5){
  border-top: solid 1px rgba(0, 0, 0, .1)
}
.stream-section .stream-item:nth-child(even){
  background: rgb(241,241,241,.5)
}
.stream-section .stream-item:last-child{
  border-bottom:0px
}
.stream-section .stream-item span.badge{
  float:left;
  margin-right:8px;
  font-size:11px
}
.stream-section .stream-item .badge.bg-none{
  background:#8D8D8D !important
}
.stream-section .stream-item strong{
  float:left;
  font-size: 13px;
  font-weight:400;
  margin-right:10px;
  color:#19292E
}
.stream-section .stream-item span.time{
  font-size:11px
}
.stream-section .stream-item span.clock{
  position:relative;
  float:right;
  margin-right:10px
}
.stream-section .stream-item span.clock i{
  right:-10px;
  position:absolute;
  font-size:19px
}
.stream-section .stream-bottom {
  text-align:center;
  line-height:33px;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #CCC;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  font-weight:600;
  font-size: 12.5px;
  position:relative;
  cursor:pointer;
  margin-top:-1px;
}
.stream-section .stream-bottom:hover{
  background:#CCC
}
.stream-section .stream-absolute{
  position: relative;
  float: right;
}
.stream-section .stream-absolute .btn{
  position: absolute;
  top: -1px;
  right: 0px;
  font-size: 12px;
  padding: 0px 5px
}
.modal-password .left,
.modal-password-token .left{
  padding:20px;
  background: linear-gradient(90deg, rgba(200,28,47,1) 0%, rgba(208,47,46,1) 35%, rgba(219,70,44,1) 100%);
}
.modal-password .right,
.modal-password-token .right{
  padding:20px;
  box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2);
  background:#F1F1F1
}
.modal-password .right h2,
.modal-password-token .right h2{
  margin-bottom:10px;
  font-size:24px
}
.modal-password .right span,
.modal-password-token .right span{
  padding-bottom:10px 0px;
  display: block
}
.modal-password .title,
.modal-password-token .title{
  display:block;
}
.modal-change-city h1,
.modal-support-alert h1,
.modal-delete-alert h1,
.modal-login-alert h1,
.basket-delete-alert h1,
.modal-order-pricelimit h1,
.modal-order-noservice h1,
.modal-order-alert h1,
.modal-district-alert h1{
  margin-top: 10px;
  font-size: 76px;
  margin-bottom: 20px;
}
.modal-rest-error h1{
  font-size: 76px;
  margin-bottom: 20px;
}
.modal-rest-error h5{
  font-size: 15px;
  line-height: 20px
}
.modal-login-alert h6{
  line-height:18px;
  font-size:14px;
  font-weight: 300
}
.alert-null-data{
  margin:0 auto; 
  border-radius:3px; 
  border:solid 1px #d2d2d2; 
  width:96.2%;
  margin-top:14px; 
  text-align:center;
  margin-bottom:15px;
  padding:15px 0px
}
.alert-null-data i{
  display:block; 
  font-size:72px;
  color:#8d8d8d;
  margin-bottom:20px
}
.alert-null-data em{
  display:block; 
  font-size:34px;
  color:#8d8d8d;
  margin-bottom:10px
}
.alert-null-data button{
  font-size: 12.5px
}
.alert-null-data p{
  font-size: 13px
}
.account-null-data{
  display:block;
  border-radius: 4px;
  background: #FAFAFA;
  padding:26px 0px;
  text-align:center
}
.account-null-data em{
  display:block; 
  font-size:68px;
  color:#8d8d8d;
  margin-bottom:20px
}
.account-null-data div{
  font-size:18px
}
.account-null-data button{
  font-size: 14px
}

.main-box-sect{
	display:block
}
.main-box{
	display:block; 
	background: url(../img/pattern-bg.png) #FFF; 
	box-shadow: 0 0px 1px rgba(0,0,0,.3); 
	padding:5px; 
	margin-bottom:13px
}
.main-box .content{
	display:block;
	text-align:center;
	border:solid 1px #e5e5e5;
	background:#FFF
}
.scroll-up {
  width:50px;
  height: 50px;
  overflow: hidden;
  opacity: 0;
  border: 1px solid rgba(208,47,46,1);
  background: linear-gradient(0deg, rgba(219,70,44,1) 0%, rgba(208,47,46,1) 51%, rgba(200,28,47,1) 100%);
  position: fixed;
  right:30px;
  bottom:18px;
  z-index:90;
  text-align: center;
  color: #FFF;
  cursor: pointer;
  visibility: hidden;
  transition: all 150ms ease-in-out;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25)
}
.scroll-up-two{
  float:right;
  width:50px;
  height: 40px;
  margin-top:7px;
  border: 1px solid rgba(208,47,46,1);
  background: linear-gradient(0deg, rgba(219,70,44,1) 0%, rgba(208,47,46,1) 51%, rgba(200,28,47,1) 100%);
  z-index:90;
  text-align: center;
  color: #FFF;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25)
}
.scroll-up.active {
  visibility: visible;
  opacity: 1
}
.scroll-up i{
  font-size:27px;
  line-height:50px
}
.scroll-up-two i{
  font-size:24px;
  line-height:35px
}
.app-menu-sect{
  display:none;
  width:100%;
  height:70px;
  position:fixed;
  bottom:0px;
  border-top:solid 1px #FFF;
  box-shadow: 0 -1px 0 0 #ECF0F1;
  background-color: #ECF0F1;
  z-index:100;
}
.app-menu-sect ul li{
  padding-top:10px;
  float:left;
  width:20%;
  height:70px;
  text-align:center
}
.app-menu-sect ul li em{
  font-size:28px;
  margin-bottom:3px;
  display:block
}
.app-menu-sect ul li span{
  font-size:12px;
  display:block
}
.app-menu-sect ul li:hover{
  background:rgba(0, 0, 0, .15);
}
.app-menu-sect ul li.item-two:hover{ 
  background-color: #ECF0F1;
}
.app-menu-sect ul li .basket{
  color:#F1F1F1;
  margin:0 auto;
  padding-top:12px;
  margin-top:-20px;
  position:relative;
  width:75px;
  height:75px;
  border-radius:50%;
  background:#19292E
}
.app-menu-sect ul li .basket label{
  font-size:13px;
  width:21px;
  height:21px;
  text-align:center;
  line-height:21px;
  color:#FFF;
  border-radius:50%;
  top:0px;
  right:-3px;
  background: linear-gradient(0deg, rgba(196,18,48,1) 0%, rgba(196,18,48,1) 31%, rgba(166,25,48,1) 71%, rgba(121,14,32,1) 100%);
  position:absolute
}
.mobil-panel-sect{
  line-height: 50px;
  padding:0px 7.5px
}
.mobil-panel-sect strong{
  position: absolute;
  margin-top: 10px
}
.mobil-panel-sect small{
  position: absolute;
  margin-top: 30px;
  font-size: 15px
}
.mobil-menu{
	color:#19292E;
	margin-top:8px;
	padding:5px 8px;
	border-radius:5px;
	border:solid 1px #19292E;
	float:right
}
.mobil-menu.change{
	color:#19292E;
	border:solid 1px #19292E;
}
.mobil-menu .mbri-menu{
	float:left;
	margin-right:5px;
	margin-top:3px
}
.mobil-menu .mbri-close{
	float:left;
	margin-right:8px;
	margin-top:5px;
	font-size:12px
}
.mobil-menu-two{
	color:#19292E;
	margin-top:8px;
	padding:5px 8px;
	border-radius:5px;
	border:solid 1px #19292E;
	float:right
}
.mobil-menu-two .mbri-user{
	float:left;
	margin-right:5px;
	margin-top:3px
}
.mobil-menu-two:hover{
  color:#FFF;
  background: #19292E;
	border:solid 1px #19292E;
}
.mobil-menu-block{
	position:fixed;
	left:0;
	right:0;
	top:0px;
	bottom:0;
  z-index:9;
  padding-top: 120px;
	background:#ECF0F1
}
.mobil-menu-block ul li{
	padding:0px 10px;
	display:block;
	line-height:50px;
	border-bottom:solid 1px rgba(0,0,0,0.05);
}
.mobil-menu-block ul li:hover{
	background:rgba(0,0,0,0.05);
}
.mobil-menu-block ul li em{
	float:left;
	margin-right:10px;
	line-height:48px;
	font-size:22px;
}
.mobil-login{
  padding:15px 15px
}
.mobil-login .form-control {
  height: 52px
}
.mobil-login button{
	font-size: 16px;
	height: 52px
}
.mobil-login .login-facebook {
	text-transform:uppercase;
  font-size: 16px;
	margin-bottom:15px;
  height: 55px;
  line-height: 55px
}
.mobil-login .login-facebook i {
  width: 65px;
  font-size: 27px;
  line-height: 42px
}
.contract-text{
	border:1px solid #CCC;
  padding:6px;
  padding-top: 0px;
	border-radius:4px;
	margin-bottom:15px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1) inset;
	transition-property: background;
	transition-duration: 1s;
	transition-timing-function: linear;
}
.contract-text h1 {
  position: relative;
	border-bottom:1px solid #eee;
	font-size:13px;
	margin-bottom:3px;
	padding:10px 10px;
	display:block;
  background:#daddde;
  margin-top: 5px;
  border-radius:6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.contract-text h1 .left-sect{
  float:left
}
.contract-text h1 .right-sect{
  float:right
}
.contract-text p {
	padding:10px;
	line-height:18px
}
.contract-text li{
	padding:4px
}
.contract-text li .left{
  color: #cd282e;
  float: left;
  width: 60%
}
.contract-text li .right{
  text-align: right;
  float: right;
  width: 40%
}
.contract-text ol{
	margin-left:20px
}
.contract-text .has-float-label label {
  position: absolute;
  cursor: text;
  opacity: 1;
  top: -8px;
  left: 10px;
  z-index: 9;
  line-height: 16px;
  padding: 0px 10px;
  background: #FAFAFA;
  font-size: 13px;
  font-weight: 600
}
.contract-text .comment{
	display:block;
	padding:5px 5px
}
.contract-text .comment-bottom{
	display:block;
  padding:7.5px 5px;
  border-radius: 5px;
  background:#F1F1F1
}
.contract-text .comment-bottom ul li{
  font-weight: 700;
  margin-right: 10px;
	float:left
}
.contract-text .comment-bottom ul li .btn{
  margin-left: 10px;
  margin-top: -3px;
	float:right
}
.contract-text h1 .contract-button{
  position: absolute;
  right: 5px;
  top: 5px;
}
.cookie-popup {
  position: fixed;
  left: 15px;
  bottom: 15px;
  z-index: 999;
  width: 400px;
  background: #19292E;
  color: #FFF;
  border-radius: 5px;
  padding: 10px 10px;
	padding-right:25px;
  line-height: 17px
}
.cookie-popup p a {
	text-decoration: underline;
  font-weight: bold;
  color: #FFF
}
.cookie-popup .close{
  position:absolute;
	right:5px;
	top:5px;
}
.tags{
  list-style: none;
  margin: 0;
  overflow: hidden; 
  margin-top:10px;
  padding: 0
}
.tags li {
  float: left
}
.tag {
  background: #7b7b7b;
  border-radius: 3px 3px 3px 3px;
  color: #FFF;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding:0 10px 0 25px;
  position: relative;
  margin:0 5px 5px 0;
  font-size:12px
}
.tag::before {
  background: #FFF;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}
.tag:hover {
  background-color: #19292E;
  color: white
}
.tag:hover::after {
   border-left-color:#19292E
}
.modal-food-order .modal-md{
    margin: 5% auto
}
.modal-food-order .modal-md-food{
    width:600px;
    margin: 1.5% auto
}
.modal-food-order .modal-body{
    padding:10px 15px
}
.food-basket{
  display: block
}
.food-basket .image {
  float: left;
  width: 17.5%;
  height: 80px;
  padding: 2px;
  border: 1px solid #D7D7D6;
  border-radius: 7px;
  background-size: 80% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}
.food-basket .data {
  width:78%;
  float: right;
}
.food-basket .image img{
  width: 100%;
  height: auto;
  border-radius: 7px
}
.food-basket .food-snippet{
  float:left;
  width:90px;
  height: 40px;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 25px;
  overflow: hidden
}
.food-basket .food-snippet input{
  float:left;
  border:0px;
  height: 40px;
  padding-left:10px;
  font-size:16px;
  background:#FFF;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width:70%
}
.food-basket .food-snippet .button-sect{
  float:right;
  height:40px;
  width:30%;
  border-left:solid 1px #DDD
}
.food-basket .food-snippet :disabled{
  cursor: not-allowed
}
.food-basket .food-snippet .button-sect button{
  float:left;
  width:100%;
  text-align: center;
  font-size:20px;
  border:0px;
  height:20px
}
.food-basket .food-snippet .button-sect button i{
  font-size:16px
}
.food-basket .food-snippet .button-sect button:hover{
  background: #DDD
}
.food-basket .food-snippet .button-sect button:first-child{
  line-height: 20px;
  border-bottom:solid 1px #DDD
}
.food-basket .food-snippet .button-sect button:last-child{
  line-height: 20px
}
.food-basket .price{
  float:right;
  padding: 0 10px;
  font-size: 17px;
  font-weight: 600;
  line-height: 40px;
  border: solid 1px #C41230;
  color: #C41230;
  border-radius: 5px
}
.food-basket .food-materials{
  float: left;
  width: 100%;
  max-height: 300px;
  margin-top: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right:15px
}
.food-basket .item{
  margin-bottom: 15px;
  display: block
}
.food-basket .item b{
  display: block
}
.food-basket .item .form-control {
  max-width: 250px;
  height:30px
}
.food-basket .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  line-height: 28px;
  overflow: hidden;
  padding-right: 10px
}
.food-basket .bootstrap-select > .dropdown-toggle{
  min-width: 210px;
  height:30px;
  margin-top:-6px
}
.food-basket .dropdown .dropdown-menu{
  margin-top: -1px;
}
.food-basket .bootstrap-select.dropup .dropdown-menu li:first-child {
  border-top: 0px
}
.food-basket .checkbox, .radio {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px
}
.food-basket .checkbox label {
  float: left;
  width: auto;
  margin-bottom: 7.5px;
  margin-right: 5px;
  background: #FFF;
  border-radius: 5px
}
.food-basket .checkbox .cr .cr-icon {
  position: relative;
  font-size: 13px;
  float: left;
  width: auto;
  height: auto;
  padding: 3px;
  padding-right: 10px;
  font-weight: 600
}
.food-basket .checkbox .cr .cr-icon .icon{
  float: left;
  width: 18px;
  height: 18px;
  background: #DDD;
  margin-right: 7px;
  border-radius: 4px
}
.food-basket .checkbox .cr .cr-icon b{
  font-weight: 400;
  font-size:11px;
  padding-top: 3px;
}
.food-basket .checkbox .cr .cr-icon .icon b{
  font-size:10px
}
.food-basket .checkbox .cr .cr-icon small{
  width: 18px;
  height: 18px;
  position: absolute;
  right:-9px;
  top:-9px;
  border-radius: 20px;
  background: #EFEFEF
}
.food-basket .checkbox .cr .cr-icon small b{
  line-height: 18px;
  text-align: center;
  font-size:10px
}
.food-basket .checkbox .cr .cr-icon.active {
  text-decoration:line-through;
  border-color: #C41230
}
.food-basket .checkbox .cr .cr-icon.actives {
  border-color:#00A65A
}
.food-basket .checkbox .cr .cr-icon.actives .icon{
  background: #00A65A;
  color:#FFF;
  border-color:#00A65A
}
.food-basket .checkbox .cr .cr-icon.active {
  text-decoration:line-through
}
.food-basket .checkbox .cr .cr-icon.active .icon{
  background: #C41230;
  color:#FFF
}
.food-basket .checkbox label input[type="checkbox"] {
  display: none
}
.bootstrap-select .dropdown-menu li small {
  float: right;
  font-size: 12px;
  color: #000;
  font-weight: 600;
}
.food-materials .checkbox label input[type="checkbox"] {
  display: none
}

.ekstras-sect {
  background: #f1f1f1;
  border-radius: 5px;
  padding: 5px;
}

.variation-sect {
  background: #f1f1f1;
  border-radius: 5px;
  padding: 5px;
}

.variation-item{
  float: left;
  width:100%;
  margin-bottom: 7.5px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: solid 1px #D9E0E6
}
.variation-item:last-child{
  border-bottom: solid 0px #D9E0E6;
  padding-bottom: 0px
}
.variation-item b{
  float: left;
  min-width: 160px
}
.variation-item .variation-data{
  float: left
}

.dropdown-toggle.bs-placeholder:focus{
  border-color: rgba(174, 16, 42, .6);
  border-style: dashed;
  font-weight: 600;
  color: rgba(174, 16, 42, .6) !important
}
.buying-sect .box{
  border: 1px solid #CCC;
  padding: 3px;
  border-radius: 0px;
  margin-bottom: 15px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1) inset;
  transition-property: background;
  transition-duration: 1s;
  transition-timing-function: linear;
}
.buying-sect .box .title{
  border-bottom: 1px solid #eee;
  font-size: 14px;
  padding:10px 10px;
  font-weight: 600;
  display: block;
  border: 1px solid #d2d2d2;
  background: url(../img/title.png) #efefef left top repeat-x;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.buying-sect .box .title strong{
  line-height: 25px
}
.buying-sect .box .data{
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #FFF;
}
.buying-sect .box .data.payment{
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto
}
.buying-sect .box .data.adresse{
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto
}
.buying-sect .box .data .credit-card-sect{
  float: left;
  margin-left:35px;
  padding:15px 10px;
  margin-top: 5px;
  margin-bottom: 15px;
  border:#ccc solid 1px;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.20);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.20);
  
}
.credit-card-sect .input-sect{
  float: left;
  position: relative;
}
.credit-card-sect .input-sect span{
  float: left;
  font-weight: 600;
  min-width: 160px;
  font-size: 13px;
  line-height: 30px
}
.credit-card-sect .input-sect input{
  float: left;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 -1px 0 #ccc;
  padding: 6px 8px;
  top: 2px;
  margin-right: 4px;
  width: 160px;
}
.credit-card-sect .input-sect i{
  line-height: 30px;
  cursor: pointer;
  font-size: 20px;
  color: #c10e00
}
.credit-card-sect .input-sect.date input{
  width: 35px;
  text-align: center;
}
.credit-card-sect .input-sect.cvc input{
  width: 50px;
  text-align: center;
}
.credit-card-sect .input-sect .ccicon {
  width: 60px;
  height: 31px;
  position: absolute;
  right: -60px;
  top: 0px
}
.buying-sect .box .bottom {
  float:left;
  width:100%;
  font-size: 14px;
  padding: 12.5px 10px;
  font-weight: 600;
  display: block;
  background: url(../img/title.png) #efefef left top repeat-x;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-right:30px
}
.buying-sect .panel-basket{
  position: relative;
  padding: 0px;
  box-shadow: none;
  background:#FFF;
  border:0px;
  border-radius:0px
}
.buying-sect .panel-basket .content {
  margin-bottom: 0px
}
.buying-sect .content ul li span:last-child b {
  line-height:40px;
  font-weight: 500
}
.buying-sect .panel-basket .company .item:first-child{
  float: left;
  width: 63%
}
.buying-sect .panel-basket .company .item:last-child{
  padding-top:10px;
  font-size:14px;
  float: right;
  width: 35%
}
.buying-sect .number {
  height: 30px;
  line-height: 30px
}
.buying-sect .panel-basket .number .plus, .buying-sect .panel-basket .number .minus {
  height: 30px;
  font-size: 20px;
  padding-top: 5px
}
.buying-sect .panel-basket .number .center {
  height: 30px
}
.buying-sect .panel-basket .number .center input {
  height: 26px
}
.buying-sect .panel-basket .content ul li span b {
  font-size: 14px
}
.pay-method{
  float: left;
  width:100%;
  border-top:solid 1px #f5f5f5;
  padding:6px 0px;
  padding-left: 5px
}
.buying-sect .box .data.adresse .pay-method{
  padding:9.5px 0px;
  padding-left: 5px
}
.pay-method:hover{
  background: #FFFDDD
}
.pay-method:first-child{
  border: 0px
}
.pay-method.bg-payment{
  background: url(../img/payment.png) center right 15px no-repeat;
}
.pay-method.bg-cash{
  background: url(../img/cash.png) center right 15px no-repeat;
}
.pay-method.bg-post{
  background: url(../img/postmachine.png) center right 15px no-repeat;
}
input[type=radio].css-checkbox {
	display: none
}
label.css-label {
	background-image:url(../img/checkbox-small.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:relative;
}
input[type=radio].css-checkbox + label.css-label {
	padding-left:30px;
	display:block;
	line-height:25px;
	background-repeat:no-repeat;
	background-position: 0 2px;
	font-size:14px;
	cursor:pointer;
}
input[type=radio].css-checkbox:checked + label.css-label {
	background-image:url(../img/checkbox-small-active.png);
}
label.css-label strong{
  font-size: 13px;
  display: block
}
label.css-label strong small{
  color: #666;
  padding-left:5px;
  font-weight: 400;
}
label.css-label span{
  font-size:12px;
  display: block
}
label.css-label .left-sect{
  float: left;
  width: 60%
}
label.css-label .right-sect{
  text-align: right;
  float: right;
  padding-right: 10px;
  width: 35%
}
label.css-label .right-sect span{
  font-size: 13px
}
label.css-label .right-sect .btn-default{
  margin-bottom:5px
}
label.css-label .right-sect .btn-default i{
  line-height: 25px;
  font-size: 16px
}
label.css-label .right-sect .dropdown-menu {
  position: absolute;
  z-index: 9999;
  top: 23px;
  right:2px;
  min-width: 95px;
  border-radius:5px;
  font-size: 12px
}
label.css-label .right-sect .dropdown-menu>li{
  padding:7px 10px;
  border-radius: 6px
}
label.css-label .right-sect .dropdown-menu>li:hover{
  background: #FFFDDD
}
.pay-method .popover-content{
  padding: 0px
}
.pay-method .popover-content ul li{
  float: left;
  width:100%;
  margin-top: 3px;
  padding: 5px 10px;
  border-bottom: solid 1px #DDD
}
.pay-method .popover-content ul li:last-child{
  border-bottom: solid 0px #DDD
}
.pay-method .popover-content ul li b{
  float:left;
  width: 40%;
}
.pay-method .popover-content ul li span{
  float:left;
  width: 60%;
  text-align: right
}
footer{
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
footer .container-fluid{
  padding:10px 0px;
  background:#E5E9F7;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .2)
}
footer .footer-top{
  width: 100%;
  height: 70px;
  background: #19292E;
  box-shadow: 0px 1px 10px rgba(0,0,0,0.1) inset
}
footer .footer-top-menu li{
  float:left;
  font-size:14px;
  color:#19292E;
  line-height:70px;
  padding-right:20px
}
footer .footer-top-menu a{
  color:#FFF
}
footer .footer-top-menu a:hover{
  color:#F90; 
  text-shadow:0px 1px 1px rgba(0,0,0,0.4)
}
footer .footer-app{
  border-radius: 5px;
  border: 1px solid #E9A943;
  transition: box-shadow 0.4s, border-color 0.4s;
  margin-top:9px;
  margin-left:10px;
  cursor:pointer;
  padding:3px;
  float:left
}
footer .footer-app:hover {
  border-color: #FFF;
  box-shadow: 0px 0px 4px rgba(255,255,255,.8)
}
footer .footer-app img {
  border-radius: 5px
}
.app-buttons-sect span{
	float:left;
	margin-left:15px;
	margin-top:12px;
	cursor: pointer;
	border:solid 1px #e7e7e7;
	border-radius:5px;
	padding:2px
}
.app-buttons-sect small{
  float:left;
	cursor: pointer;
	height:40px;
	background-image: linear-gradient(180deg, #fff, #e7e7e7);
	border-radius:4px;
	padding:5px 13px
}
.app-buttons-sect small img{
	height:100%
}
footer .footer-content{
  background:#ECF0F1;
  padding:15px 0px;
  padding-bottom: 10px
}
footer .help-area {
  color: #FFF;
  padding: 10px;
  line-height: 18px;
  text-align: center;
  background: rgba(0, 0, 0, .08)
}
footer .help-area .title{
  font-size: 16px;
  color: #19292E;
  margin-bottom: 8px;
  line-height: 1em
}
footer .help-area p{
  font-weight: 500;
  color: #19292E;
  margin-bottom: 10px
}
footer .help-area .info{
  position: relative;
  padding: 10px;
  background-color: #19292E;
  border-radius: 2px;
  box-shadow: 1px 2px 4px rgba(0,0,0,.1);
  text-align: center;
  margin-bottom:2px
}
footer .help-area .info span{
  display:block;
  font-size:15px
}
footer .help-area .info small{
  display:block;
  font-size:16px
}
footer ul.menu>li {
  float: left;
  width: 33.33%;	
  padding-bottom:9.2px;
  cursor:pointer;
  font-size: 12.5px
}
footer ul.menu>li a:hover{
  color:#E9A943
}
footer .footer-warning {
  cursor: pointer;
  float: left;
  width: 100%;
  background: rgba(0, 0, 0, .08);
  padding: 10px 10px
}
footer .footer-warning span {
  display: block;
  font-size: 15px;
  margin-bottom: 3px
}
footer .footer-warning small {
  display: block;
  font-size: 13px
}
footer .social-media .title{
  position:relative;
  width:100px;
  height:37px;
  float:left;
  text-align:left;
  font-size: 12.5px;
  line-height:15px;
  border:solid 1px #E9A943;
  background:#E9A943;
  border-radius:5px;
  margin:10px 15px 0px 0px;
  font-weight:600;
  padding:2px 0px 0px 5px
}
footer .social-media .title::before {
  content: " ";
  position: absolute;
  top: 31%;
  right:-14px;
  border-color: transparent transparent transparent #E9A943;
  border-style: solid;
  border-width: 7px;
  width: 0;
  height: 0;
  z-index: 10;
}
footer .social-item{
  float:left;
  width:37px;
  height:37px;
  border-radius: 5px;
  border: 1px solid #E9A943;
  transition: box-shadow 0.4s, border-color 0.4s;
  margin-right:10px;
  margin-top:10px;
  cursor:pointer;
  padding:2px;
}
footer .social-item span{
  float:left;
  width:100%;
  height:100%;
  background:#E9A943;
  border-radius: 3px;
}
footer .social-item span i{
  font-size:17px;
  line-height:30px;
  color:#19292E
}
footer .social-item:hover{
  border: 1px solid #19292E;  
}
footer .social-item:hover > span{
  background:#19292E 
}
footer .social-item:hover > span i{
  color:#E9A943
}
.relative{
  position: relative
}
.spinner input {
  text-align: left;
  height:36px;
}
.spinner .lnr-checkmark-circle{
  display:none !important;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 2%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  height:19px;
  width:30px;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
  outline:0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i {
  position: absolute;
  top: -2px;
  left: 6px;
  line-height:22px;
}

/* Tarayıcı Mozilla İse Burası */
@-moz-document url-prefix() { 
  .panel-adresse.login-true-body {
    min-height: 110px;
    max-height: 110px
  }
  .stream-section {
    min-height: 154px;
    max-height: 154px
  }
  .stream-section .stream-item {
    padding: 9.5px 9px 9.5px 9px
  }
  .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    line-height: 40px
  }
}