@import 'https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&subset=latin-ext';

body {padding:0; margin:0; background-color:#FFF; font-family:"Ubuntu", sans-serif; font-weight:400; font-size:14px; color:#666;}

.clear 	{clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}

.dkstop_screen { display:block;}
.mobile_screen { display:none;}

.pad-0 {padding:0px}	.pad-5 {padding:5px} .pad-10 {padding:10px}	.pad-15 {padding:15px} .pad-20 {padding:20px} .pad-30 {padding:30px} .pad-50 {padding:50px}
.pad-50_topnottom {padding:50px 0;}
/*margin selectors*/
.m-a   {margin:auto}
.m-0   {margin:0}	     .mt-0  {margin-top:0}	     .mb-0  {margin-bottom:0}	.ml-0  {margin-left:0}	 .mr-0 {margin-right:0}
.mt-5  {margin-top:5px}	 .mb-5  {margin-bottom:5px}	 .ml-5  {margin-left:5px}	.mr-5  {margin-right:5px}	
.mt-10 {margin-top:10px} .mb-10 {margin-bottom:15px; letter-spacing: 3px; font-weight: 800;}
.ml-10 {margin-left:10px}.mr-10 {margin-right:10px}
.mt-15 {margin-top:15px} .mb-15 {margin-bottom:15px} .ml-15 {margin-left:15px}	.mr-15 {margin-right:15px}
.mt-20 {margin-top:20px} .mb-20 {margin-bottom:20px} .ml-20 {margin-left:20px}	.mr-20 {margin-right:20px}
.mt-30 {margin-top:30px} .mb-30 {margin-bottom:30px} .ml-30 {margin-left:30px}	.mr-30 {margin-right:30px}
.ml-150 {margin-left:150px}
.ml-240 {margin-left:240px}
.mt-minus30 {margin-top:-30px} .mt-minus50 {margin-top:-50px}

.font_light   {font-weight:300;}
.font_regular {font-weight:400;}
.font_sbold   {font-weight:600;}
.font_bold    {font-weight:700;}
.font_xbold   {font-weight:800;}

.text_blue  {color:#2973b8;}
.text_grey  {color:#888;}
.text_blck  {color:#1f2223;}
.text_wht   {color:#fff;}
.text_grees   {color:#393;}
.text_green   {color:#00B050;}
.text_red   {color:#F00;}

.text_30 {font-size:30px;}
.text_25 {font-size:25px;}
.text_20 {font-size:20px;}
.text_18 {font-size:18px;}
.text_16 {font-size:16px;}
.text_15 {font-size:15px;}
.text_14 {font-size:14px;}
.text_12 {font-size:12px;}
.text-justify {text-align:justify;}
.text-center {text-align:center;}

.under_line {text-decoration:underline;}
.under_line:hover {text-decoration:none;}

.bg_orrange  {background-color:#f58220;}
.bg_grey     {
	background-color:#f2f1f0;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.relative {position:relative;}

.top_head   {background-color:#2973b8; padding:10px 0; text-align:right; color:#FFF; margin-bottom:2px;}
.top_head a {color:#FFF; font-weight:700;}

.navbar-default .btn-primary {margin-top:30px;}
.affix .btn-primary {margin-top:30px;}
.navbar-default .btn-primary-all {margin-top:30px;}
.affix .btn-primary-all {margin-top: 0;}

.navbar-default .navbar-nav > li > .submenu {display:none; position:absolute; min-width:250px; z-index:999;}
.navbar-default .navbar-nav > li:hover > .submenu {display:block; margin:0; padding:0; list-style:none; padding-top:23px;}
.submenu li   {border-top:#7f692d 1px solid; border-bottom:#53400c 1px solid; background-color:#345897;}
.submenu li a {font-size:14px; display:block; padding:10px 15px; color:#FFF; text-shadow:#382e13 1px 1px; text-decoration:none;}
.submenu li:hover {background-color:#011943;}

#main-carousel .carousel-caption         {text-align:center; text-transform:uppercase;}
#main-carousel .carousel-caption h1      {font-size:60px; font-weight:300; color:#FFF;}
#main-carousel .carousel-caption h2      {font-size:48px; font-weight:900; color:#FFF;}

.carousel-fade .carousel-inner .item {
	opacity:0; 
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
  	transition-property:opacity;
}
.carousel-fade .carousel-inner .active {opacity:1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left:0; opacity:0; z-index:1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity:1;}
.carousel-fade .carousel-control {z-index:2;}

.banner {position:relative;}
.banner .page_heading {position:absolute; left:0; right:0; bottom:0; text-transform:uppercase;}
.page_heading h1 {font-size:60px; color:#FFF; text-transform:uppercase; font-weight:900; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}

.how-order        {margin:0; padding:0; list-style:none; text-align:center;}
.how-order li     {width:19%; display:inline-block; font-weight:700; font-size:16px; color:#464646; text-transform:uppercase; vertical-align:top;}
.how-order li img {margin-bottom:20px;}

.featured-resturents    {background:url(../images/resturent-bg.jpg) center fixed; padding:35px 0 80px 0;}
.featured-resturents h2 {color:#FFF; text-align:center; margin-bottom:30px;}
#resturents-carousel .item img {background-color: rgba(255,255,255,0.4); padding:5px; display:inline-block; margin:auto; max-width:100%;}
#resturents-carousel .item img:hover{background-color:#FFF;}
#resturents-carousel .carousel-control {
	top:45%; bottom:auto; width:40px; left:-40px; 
	height:40px; line-height:35px; font-weight:900; 
	opacity: 0.7; filter: alpha(opacity=70); 
	background-color: rgba(0,0,0,0.9);
}
#resturents-carousel .carousel-control.right {left:auto; right:-40px;}
#resturents-carousel .carousel-control:hover {opacity:1; filter: alpha(opacity=100); background-color:#000;}

#permotions-carousel {margin-left:-20px;}
#permotions-carousel .carousel-control {
	top:45%; bottom:auto; width:40px; 
	height:40px; line-height:35px; font-weight:900; 
	opacity: 0.7; filter: alpha(opacity=70); 
	background-image:none; color:#000;
	background-color: rgba(255,255,255,0.9);
}
#permotions-carousel .carousel-control.right {left:auto; background-image:none;}
#permotions-carousel .carousel-control:hover {opacity:1; filter: alpha(opacity=100); background-color:#fff;}


/*footer         {background-color:#FFF; color:#111; border-top:#2973b8 10px solid; padding-top:30px; font-size:13px;}

footer .links  {margin:0; padding:0; list-style:none; margin-bottom:20px;}
footer .links li {padding:3px 0; text-transform:uppercase;}

footer .f-social    {margin:0; padding:0; list-style:none; margin-bottom:20px;}
footer .f-social li {display:inline-block; margin-right:10px;}

footer .copy   {background-color:#0f0f0f; padding:15px 0; color:#FFF; text-transform:uppercase;}
footer a       {color:#111;}
footer a:hover {color:#2973b8; text-decoration:none;}
*/
/***************************** *EVS Added CSS ************************************************/
.log_heading_bg {
	background-color: #7F7F7F;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
	width: 100%;
}
.log_heading_bg_sub {
	background-color: #2973B8;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
	width: 100%;
}
.log_heading_bg_gry {
	background-color: #CFCFCF;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
	width: 100%;
}
.col_bg_gray {
	background: #f1f1f1 none repeat scroll 0 0;
	/*border-bottom: 1px solid #cccccc;*/
	float: left;
	position: relative;
	width: 100%;
	z-index: 999;
}
.col_bg {
	background: #f1f1f1 none repeat scroll 0 0;
	/*border-bottom: 1px solid #cccccc;*/
	float: left;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	width: 100%;
	z-index: 999;
}
.col_bg p {
    color: #585858;
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 10px;
    padding-top: 10px;
}

.col_bg_none {
	/*background: #f1f1f1 none repeat scroll 0 0;
	border-bottom: 1px solid #cccccc;*/
	float: left;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	width: 100%;
	z-index: 999;
}
.col_bg_none p {
    color: #585858;
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 10px;
    padding-top: 10px;
}
.col_bg_none:hover {
    background: #F9F9F9 none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}	
.col_bg_sub {
	background: #f1f1f1 none repeat scroll 0 0;
	/*border-bottom: 1px solid #cccccc;*/
	float: left;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	width: 100%;
	z-index: 999;
}
.col_bg_sub p {
    color: #585858;
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 10px;
    padding-top: 10px;
}
.col_bg_sub:hover {
    background: #F9F9F9 none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}
.col_bg_res {
	background: #f1f1f1 none repeat scroll 0 0;
	border-bottom: 1px solid #cccccc;
	float: left;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	width: 100%;
	z-index: 999;
}
.col_bg_res p {
    color: #585858;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 10px;
    padding-top: 1px;
}

.col_bg_res_1 {
	background: #f1f1f1 none repeat scroll 0 0;
	/*border-bottom: 1px solid #cccccc;*/
	float: left;
	margin-bottom: 20px;
	padding: 10px;
	position: relative;
	width: 100%;
	z-index: 999;
}
.col_bg_res_1 p {
    color: #585858;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 10px;
    padding-top: 1px;
}
.col_bg_res_1:hover {
    background: #F9F9F9 none repeat scroll 0 0;
   /* cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}
.col_bg_listing {
	background: #f1f1f1 none repeat scroll 0 0;
	/*border-bottom: 1px solid #cccccc;*/
	float: left;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	z-index: 999;
}
.text_feaild {
    border: 1px solid #c5c5c5;
    color: #000000;
    font-size: 13px;
    padding: 10px;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
	border-radius: 5px;
}
.text_feaild:focus {
   /* border: 1px dashed #ffc000;
    box-shadow: 0 0 5px #cccccc;
    
    transition: all 0.5s ease-in-out 0s;*/
	color: #000000;
	border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
	transition: all 0.5s ease-in-out 0s;
}
.text_feaild_1 {
    border: 1px solid #c5c5c5;
    color: #000000;
    font-size: 13px;
    padding: 10px;
    transition: all 0.5s ease-in-out 0s;
    width: 50%;
	border-radius: 5px;
}
.text_feaild_1:focus {
   /* border: 1px dashed #ffc000;
    box-shadow: 0 0 5px #cccccc;
    color: #ffc000;
    transition: all 0.5s ease-in-out 0s;*/
	color: #000000;
	border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
	transition: all 0.5s ease-in-out 0s;
}
.text_img {
    border: 1px solid #c5c5c5;
    color: #000000;
    float: left;
    font-size: 13px;
    padding: 10px;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
}
.text_img:focus {
    border: 1px solid #ffc000;
    box-shadow: 0 0 5px #cccccc;
    color: #000000;
    transition: all 0.5s ease-in-out 0s;
}
.login_btn {
    background: #2973B8 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    padding: 14px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}
.login_btn:hover {
    background: #7F7F7F none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}
.login_btn_sp {
    background: #2973B8 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    padding: 14px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 50%;
}
.login_btn_sp:hover {
    background: #7F7F7F none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}
.login_btn_coupon {
    background: #2973B8 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    padding: 8px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}
.login_btn_coupon:hover {
    background: #7F7F7F none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}
#error_display {
    color: #f00;
    font-size: 14px;
}
#error_display_sp {
    color: #f00;
    font-size: 14px;
	padding-left:35px;
	padding-top:20px;
}
#error_display_popup {
    color: #f00;
    font-size: 14px;
	padding-left:25px;
}
.account_btn {
    background: #2973B8 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 15px;
    margin-top: 197px;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}
.account_btn a {
    color: #fff;
}
.account_btn:hover {
    background: #7F7F7F none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}
.pad-80 {
    padding: 10px;
}
.pad-9 {
    padding: 9px;
}
.select_menu {
    border: 1px solid #c5c5c5;
    color: #000000;
    font-size: 13px;
    padding: 10px;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

.select_menu_1 {
    border: 1px solid #c5c5c5;
    color: #000000;
    font-size: 13px;
    padding: 10px;
    transition: all 0.5s ease-in-out 0s;
    width: 32%;
}
.select_menu_2 {
    border: 1px solid #c5c5c5;
    color: #000000;
    font-size: 13px;
    padding: 10px;
    transition: all 0.5s ease-in-out 0s;
    width: 49%;
}
.select_menu_4 {
    border: 1px solid #c5c5c5;
    color: #000000;
    font-size: 13px;
    padding: 10px;
    transition: all 0.5s ease-in-out 0s;
    width: 43%;
}
#table_bg {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    float: left;
    margin-top: 10px;
    padding: 10px 0 0;
    width: 100%;
}

.bg_white {
    background: #fff none repeat scroll 0 0 !important;
    float: left;
    padding: 10px 0 5px;
    width: 100%;
}
#pagination {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    float: left;
    margin-top: 20px;
	margin-bottom:20px;
    padding: 16px;
    width: 100%;
}
#pagination ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#pagination ul li {
    float: left;
    margin-right: 1px;
    text-align: center;
}
#pagination ul li a {
    background: #dadada none repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    color: #000;
    padding: 12px;
    transition: all 0.5s ease-in-out 0s;
}
#pagination ul li a:hover {
    background: #2973B8 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}
#pagination ul li a:active {
    background: #2973B8 none repeat scroll 0 0 !important;
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}
.detail_bg {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color #cccccc #cccccc;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: left;
    padding: 10px 0 0;
    width: 100%;
    border-color: #e2e2e2;
}
.text_align_right{
	text-align:right;
}
.icons {
    /*margin: 8px 6px 8px 0;*/
    transition: all 0.1s ease-in-out 0s;
}
.icons:hover {
    opacity: 0.4;
    transition: all 0.1s ease-in-out 0s;
}
.padding {
    float: left;
    padding: 10px 0 5px;
    width: 100%;
}
.padding:hover {
    background: #F9F9F9 none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}
.white_bg {
    /*background: #fff none repeat scroll 0 0 !important;*/
	background: #fff none repeat scroll 0 0;
    border-top: 1px solid #cccccc;
    float: left;
    padding: 10px 0 5px;
    width: 100%;
}
.white_bg:hover {
    background: #F9F9F9 none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}
.rest_col{
	min-height:550px;
	/*border:#7f7f7f 1px solid;*/
	padding-top:10px;
	padding-bottom:10px;

}
.rest_col:hover {
    background: #F9F9F9 none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}

.rest_detail_col{
	min-height:300px;
	/*border:#7f7f7f 1px solid;
	padding-top:10px;*/
	padding-bottom:10px;

}
.rest_detail_col:hover {
    background: #F9F9F9 none repeat scroll 0 0;
    /*cursor: pointer;*/
    transition: all 0.5s ease-in-out 0s;
}
.col_florright{
	float:right;
}

div#delivery-animation {
    height: 288px;
    margin: 80px 0 0;
    position: relative;
    width: 100%;
}
div#delivery-animation-city {
    animation-duration: 14s;
    animation-iteration-count: infinite;
    animation-name: cityscape;
    animation-timing-function: linear;
    background-image: url("../images/cityscape.png");
    background-position: 0 0;
    height: 288px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
div#delivery-animation-car {
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-name: car;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /*background: rgba(0, 0, 0, 0) url("../images/logo-car.png") repeat scroll 0 0;*/
   
    left: 50%;
    margin: 0 0 0 -360px;
    position: absolute;
    top: 120px;
    width: 250px;
	height: 149px;
}
div#delivery-animation-wheels {
    /*background: rgba(0, 0, 0, 0) url("../images/delivery-wheels.png") repeat scroll 0 0;*/
    bottom: 2px;
    height: 43px;
    left: 50%;
    margin: 0 0 0 -277px;
    position: absolute;
    width: 167px;
}
div#delivery-animation-lamp-posts {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: tree;
    animation-timing-function: linear;
    background: rgba(0, 0, 0, 0) url("../images/delivery-tree.png") repeat-x scroll left bottom;
    bottom: 0;
    height: 241px;
    left: 0;
    position: absolute;
    width: 100%;
}
div#delivery-animation-road {
    background: #00386c none repeat scroll 0 0;
    bottom: 0;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
}
@keyframes cityscape {
0% {
    background-position: 0 0;
}
100% {
    background-position: -1277px 0;
}
}
@keyframes cityscape {
0% {
    background-position: 0 0;
}
100% {
    background-position: -1277px 0;
}
}
@keyframes cityscape {
0% {
    background-position: 0 0;
}
100% {
    background-position: -1277px 0;
}
}
@keyframes car {
0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(4px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes car {
0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(4px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes car {
0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(4px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes tree {
0% {
    background-position: 0 0;
}
100% {
    background-position: -700px 0;
}
}
@keyframes tree {
0% {
    background-position: 0 0;
}
100% {
    background-position: -700px 0;
}
}
@keyframes tree {
0% {
    background-position: 0 0;
}
100% {
    background-position: -700px 0;
}
}
@media all and (max-width: 767px) {
div#delivery-animation-car {
    margin: 0 0 0 -154px;
}
div#delivery-animation-wheels {
    margin: 0 0 0 -70px;
}

.dkstop_screen { display:none;}
.mobile_screen { display:block;}
}
@media all and (max-width: 639px) {

.dkstop_screen { display:none;}
.mobile_screen { display:block;}

div#delivery-animation {
    height: 140px;
}
div#delivery-animation-city {
    background-size: 641px 140px;
    height: 140px;
}
div#delivery-animation-car {
    background-size: 159px 92px;
    height: 92px;
    margin: 0 0 0 -84px;
    top: 40px;
    width: 159px;
}
div#delivery-animation-wheels {
	background-size: 107px 25px;
    height: 26px;
    margin: 0 0 0 -31px;
    width: 110px;
}
div#delivery-animation-lamp-posts {
    animation-duration: 3s;
    background-size: 349px 109px;
    height: 108px;
}
}

.title_class
{
	color: #2973b8;
   font-size: 18px;
    font-weight: 400;
}
.desc_class
{
	 color: #7F7F7F;
    font-size: 14px;
    font-weight: 300;
	margin: 5px 0;
}

.desc_class b
{
	 font-size: 13px;
     font-weight: 700;
	 color:#2973b8;
	 font-style:italic;
}

.blue_class
{
	color:#2973b8;
}




/*********/


.offset-lg-1 {
    margin-left: 8.333333%;
}

.col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

td
{
	padding: 0!important; 
}

h1, h2, h3
{
	text-transform: initial!important;
}


.meetingsPage #table_bg
{
	margin-top: 0!important;
}
.thumb img {
    width: 100%;
}
.account_btn a:visited
{
    color: #FFFF!important;
}
/*********/