@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
body {margin:0; padding:0; font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:24px; color:#5f5e5e; font-weight:400;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}

audio, canvas, video {display:inline-block;}

audio:not([controls]) {display:none; height:0;}

[hidden], template {display:none;}

html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

.clearfix:before, .clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}
.pad-5 {padding:5px} .pad-10 {padding:10px}	.pad-15 {padding:15px} .pad-20 {padding:20px} .pad-30 {padding:30px}
/*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:10px} .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}

.text_blue {color:#0099ff; text-decoration:none;}
.text_grey {color:#999999; text-decoration:none;}
.text_blck {color:#000000; text-decoration:none;}
.text_wht  {color:#ffffff; text-decoration:none;}

.align_left {text-align:left;}
.align_center {text-align:center;}
.align_right {text-align:right;}

.text_20 {font-size:20px;}
.text_18 {font-size:18px;}
.text_16 {font-size:16px;}
.text-justify{text-align:justify;}

a {color:#0591db; text-decoration:none; outline:none;}
a {text-decoration:underline;}
img {border:none; vertical-align:0; max-width:100%;}

/*-----New Style-----*/

.scrol_header {background:url(../images/header.png) center top no-repeat; width:98%; padding:1% 2%; position:fixed; top:0; display:none; z-index:9999;}
.scrol_header .logo {float:left;}
.scrol_header .logo a {color:#FFFFFF; font-size:24px; font-weight:700; text-decoration:none; display:block;}
.scrol_header .logo a:hover {color:#b8e2fc;}
.scrol_header .menu {float:right; margin:0; padding:0; list-style:none; text-align:center;}
.scrol_header .menu li {display:inline-block; font-weight:700; padding:0 15px;}
.scrol_header .menu li a {color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:16px;}
.scrol_header .menu li a:hover {color:#b8e2fc;}

header{background:url(../images/header.png) center bottom no-repeat; height:270px; width:100%;}
nav {text-align:center;}
nav ul {text-align:center; margin:0; padding:20px 0 10px 0;}
nav ul li {padding:0 50px; display:inline-block; font-weight:700;}
nav ul li a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
nav ul li a:hover {color:#b8e2fc;}

header .logo {text-align:center;}
header .logo a {color:#FFFFFF; font-size:50px; font-weight:700; text-decoration:none;}
header .logo a:hover {color:#b8e2fc;}

.banner {height:495px;}
.banner .btn {margin-top:200px;}

.contant {background-color:#FFFFFF;}

#welcome p {padding-bottom:30px;}


h1 {margin:20px 0px; font-size:60px; font-weight:700; color:#278cb9;}
h2 {margin:0 0 20px 0; padding:0; font-size:28px; font-weight:700;}

/*.food {background:#f0e5cf url(../images/recepi_dtl_bg.png) right top repeat-y;}*/
.food {background:#f0e5cf;}
.food .detail { width:22%; float:right; padding:2%; text-shadow:1px 1px #FFF; text-align:center; 
/*-moz-box-shadow: inset 10px 0 10px #ebca8d; -webkit-box-shadow:inset 10px 0 10px #ebca8d; box-shadow:inset 10px 0 10px #ebca8d; min-height:1765px;*/}
.food .pic {width:74%; float:left; text-align:center;}
.food h2 {color:#650069; text-align:left;}
.food h2 span {color:#cb6233;}
.food hr {clear:both; padding:0; margin:0 0 20px 0; height:1px; border:0; background:none; border-bottom:#f8f2e7 1px solid; border-top:#e3cfa9 1px solid;}
.food p {font-size:22px; margin-top:30px; margin-bottom:48px !important;}
.single-place{ padding-top:25%; padding-bottom:25%;}

/*.cards {background:#e5fffc url(../images/cards_dtl_bg.png) left top repeat-y}*/
.cards {background:#e5fffc;}
.cards .detail {width:22%; float:left; padding:2%; text-shadow:1px 1px #FFF; text-align:center; margin-top:-7px;
/*-moz-box-shadow:inset 0 0 10px 10px #c7eafa; -webkit-box-shadow:inset 0 0 10px 10px #c7eafa; box-shadow:inset 0 0 10px 10px #c7eafa; min-height:1322px;*/}
.detail p{font-size:22px; line-height:40px; word-spacing:10px;}
.detail h2{ margin-bottom:35px;}
.detail hr{ margin-bottom:15px;}
.cards .pic {width:74%; float:right; text-align:center;}
.cards h2 {color:#0591db; text-align:left;}
.cards h2 span {color:#d50d00;}
.cards h2 strong {color:#0b9003;}
.cards hr {clear:both; padding:0; margin:0 0 20px 0; height:1px; border:0; background:none; border-bottom:#f2fffe 1px solid; border-top:#c7e6ef 1px solid;}
.cards p {font-size:22px;}

footer {
	background-color:#0c97f8;
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.05);
	        box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.05);
	padding:50px;
	font-size:14px;
	font-weight:400;
	color:#FFF;
	margin-top:-7px;
}

footer h2 {color:#FFFFFF;}
footer a {color:#FFFFFF; text-decoration:none;}
footer a:hover {color:#b8e2fc;}
footer hr {clear:both; display:block; padding:0; margin:0 0 20px 0; height:1px; border:0; background:none; border-bottom:#40aefb 1px solid; border-top:#067acc 1px solid;}
footer ul {list-style:none; margin:0 0 20px 0; padding:0; text-align:center;}
footer ul li {display:inline-block; margin:0 10px; min-width:225px; vertical-align:top; text-align:left;}
footer ul li img {float:left; margin-right:0px;}
footer ul li div {color:#FFFFFF; font-size:17px; font-weight:700; overflow:hidden;}

.copyright{float:left; padding-top:10px;}
.contact {float:right; font-size:14px;font-weight:600; color:#666;}
.contact strong {color:#333;font-size:20px; font-weight:700;}

.btn {
	font-size:30px;
	font-weight:700;
	width:370px;
	height:100px;
	line-height:100px;
	color:#333333;
	cursor:pointer;
	display:inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#FFF;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(31%,#FFF), color-stop(100%,#c0c0c0));
	background:-webkit-linear-gradient(top,  #FFF 31%,#c0c0c0 100%);
	background:-moz-linear-gradient(top,  #FFF 31%, #c0c0c0 100%);
	background:-o-linear-gradient(top,  #FFF 31%,#c0c0c0 100%);
	background:-ms-linear-gradient(top,  #FFF 31%,#c0c0c0 100%);
	background:linear-gradient(to bottom,  #FFF 31%,#c0c0c0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#c0c0c0',GradientType=0 );
	border: 1px solid #b2b2b2;
	text-shadow:1px 1px 0px rgba(255,255,255,.5);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);    
    box-shadow:0px 1px 3px 0px rgba(0, 0, 0, .2);
    position:relative;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

.btn:before {
	content: "";
	cursor:pointer;
	display:inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 8%, rgba(255,255,255,0) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(8%,rgba(255,255,255,0.7)), 					    color-stop(100%,rgba(255,255,255,0)));
	background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
	background:-o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
	background:-ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
	background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.btn:focus, .btn.active {-webkit-box-shadow:inset 0 5px 5px rgba(0, 0, 0, 0.5); box-shadow:inset 0 5px 5px rgba(0, 0, 0, 0.5);}

.btn.blue {
	background:#4a9bea;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(31%,#4a9bea), color-stop(100%,#1f7be5));
	background:-webkit-linear-gradient(top,  #4a9bea 31%,#1f7be5 100%);
	background:-moz-linear-gradient(top,  #4a9bea 31%, #1f7be5 100%);
	background:-o-linear-gradient(top,  #4a9bea 31%,#1f7be5 100%);
	background:-ms-linear-gradient(top,  #4a9bea 31%,#1f7be5 100%);
	background:linear-gradient(to bottom,  #4a9bea 31%,#1f7be5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9bea', endColorstr='#1f7be5',GradientType=0 );
	border:1px solid #196cc8;
	color:#FFF;
	text-shadow:1px 1px 0px #2059c6;
}

.button-margin{margin-top:150px;}
/*Green*/

.btn.orrange {
	background:#ffad0d;
	background:-moz-linear-gradient(top,  #ffad0d 0%, #ff7b01 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffad0d), color-stop(100%,#ff7b01));
	background:-webkit-linear-gradient(top,  #ffad0d 0%,#ff7b01 100%);
	background:-o-linear-gradient(top,  #ffad0d 0%,#ff7b01 100%);
	background:-ms-linear-gradient(top,  #ffad0d 0%,#ff7b01 100%);
	background:linear-gradient(to bottom,  #ffad0d 0%,#ff7b01 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad0d', endColorstr='#ff7b01',GradientType=0 );
	border:1px solid #ff8100;
	color:#FFF;
}

.btn.brown {
	width:225px;
	height:55px;
	line-height:55px;
	font-size:20px;
	background:#be9e76;
	background:-moz-linear-gradient(top, #be9e76 0%, #b08e63 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#be9e76), color-stop(100%,#b08e63));
	background:-webkit-linear-gradient(top, #be9e76 0%,#b08e63 100%);
	background:-o-linear-gradient(top, #be9e76 0%,#b08e63 100%);
	background:-ms-linear-gradient(top, #be9e76 0%,#b08e63 100%);
	background:linear-gradient(to bottom, #be9e76 0%,#b08e63 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#be9e76', endColorstr='#b08e63',GradientType=0 );
	border:1px solid #be9e76;
	border-bottom:#7f603a 3px solid;
	color:#FFF;
	font-weight:400;
	text-shadow:1px 1px #775432;
}

.btn.blue_dark {
	width:225px;
	height:55px;
	line-height:55px;
	font-size:20px;
	background:#3ba5d3;
	background:-moz-linear-gradient(top, #3ba5d3 0%, #2595c6 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ba5d3), color-stop(100%,#2595c6));
	background:-webkit-linear-gradient(top, #3ba5d3 0%,#2595c6 100%);
	background:-o-linear-gradient(top, #3ba5d3 0%,#2595c6 100%);
	background:-ms-linear-gradient(top, #3ba5d3 0%,#2595c6 100%);
	background:linear-gradient(to bottom, #3ba5d3 0%,#2595c6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba5d3', endColorstr='#2595c6',GradientType=0 );
	border:1px solid #3ba5d3;
	border-bottom:#2c7291 3px solid;
	color:#FFF;
	font-weight:400;
	text-shadow:1px 1px #2c7291;
}

@media (min-width: 200px) and (max-width: 500px) {
	body {font-size:18px;}
	header {background-position:top; height:250px;}
	nav ul {padding:20px 0; font-size:20px;}
	nav ul li {padding:0 10px;}
	header .logo a {font-size:30px;}
	.scrol_header .logo {float:none; text-align:center; margin-bottom:10px;}
	.scrol_header .menu {float:none;}
	.scrol_header .menu li {padding:0 5px;}
	.scrol_header .menu li a {font-size:14px;}
	h1 {font-size:40px;}
	.btn {width:290px;}
	.food .detail {float:none; width:96%; padding:2%; min-height:100%;}
	.food .detail h2 {margin-top:10px; text-align:center;}
	.food p {font-size:18px;}
	.food .pic {float:none; width:100%; height:auto;}
	.cards .detail {float:none; width:96%; padding:2%; min-height:100%;}
	.cards .detail h2 {margin-top:10px; text-align:center;}
	.cards .detail p {font-size:18px;}
	.cards .pic {float:none; width:100%;}
	.button-margin {margin:50px 0 !important;}
	
	footer h2{ font-size:24px !important; margin-top:28px !important;}
	footer a{ font-size:23px !important;}
	footer{ padding:0px !important;} 
}
@media (min-width: 501px) and (max-width: 800px) {
	nav ul li {padding:0 10px;}
	.scrol_header .menu li {padding:0 5px;}
	.food .detail {float:none; width:96%; padding:2%; min-height:100%;}
	.food .detail h2 {margin-top:10px; text-align:center;}
	.food .pic {float:none; width:100%; height:auto;}
	.cards .detail {float:none; width:96%; padding:2%; min-height:100%;}
	.cards .detail h2 {margin-top:10px; text-align:center;}
	.cards .pic {float:none; width:100%;}
	.button-margin {margin:75px 0 !important;}
	
	footer a{ font-size:43px !important;}
}

@media (min-width: 801px) and (max-width: 1050px) {
	.food .detail {float:none; width:96%; padding:2%; min-height:100%;}
	.food .detail h2 {margin-top:10px; text-align:center;}
	.food .pic {float:none; width:100%; height:auto;}
	.cards .detail {float:none; width:96%; padding:2%; min-height:100%;}
	.cards .detail h2 {margin-top:10px; text-align:center;}
	.cards .pic {float:none; width:100%;}
	.button-margin {margin:100px 0 !important;}
}