/**********************************
Product Name: Dosa Hut
Author: Mohamed Noohu SMS
Created: 29-Jan-17
Modified: 30-Jan-17
URL: http://www.dosahut.us/
**********************************/
*{
margin:0;
padding:0;
}
@font-face {
font-family: 'Calendas-Plus';
src: url('fonts/Calendas-Plus.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Calendas-Plus';
src:  url('fonts/Calendas-Plus.otf')  format('opentype'),
	 url('fonts/Calendas-Plus.woff') format('woff'), url('fonts/Calendas-Plus.ttf')  format('truetype'), url('fonts/Calendas-Plus.svg#Calendas-Plus') format('svg');
font-weight: normal;
font-style: normal;
}
body{
background:url('../images/main-bg.gif');
font:normal 15px Calendas-Plus, Trebuchet Ms, Verdana, Arial;
line-height:1.42857143;
color:#444;
margin:auto;
}
a{
color:#4b5a9c;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
#wrapper{
margin:auto;
max-width:1200px;
width:90%;
}
.container{
float:left;
width:100%;
box-shadow:0 0 5px 3px rgba(0, 0, 0, .2);
position:relative;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.heading-container{
position:absolute;
width:100%;
left:0;
top:0;
right:0;
bottom:0;
background:rgba(0, 0, 0, .2);
text-shadow:2px 2px 3px rgba(51, 51, 51, .4);
z-index:10;
text-align:center;
color:#fff;
margin:auto;
}
.logo{
font-size:0;
width:175px;
height:175px;
background:url('../images/logo.png') no-repeat;
background-size:175px 175px;
display:inline-block;
opacity:.7;
filter:alpha(opacity=70);
box-shadow:0 0 10px 5px rgba(51, 51, 51, .3);
border-radius:50%;
}
.title{
font-size:30px;
text-transform:uppercase;
letter-spacing:10px;
padding:40px 0 10px;
}
.sub-title{
font-size:20px;
text-transform:uppercase;
letter-spacing:3px;
padding-bottom:20px;
}
.disc{
font-size:20px;
letter-spacing:3px;
}
.button-container{
margin:auto;
width:30%;
background:rgba(255, 255, 255, .3);
box-shadow:0 0 5px 5px rgba(51, 51, 51, .3);
text-shadow:0 0 5px rgba(255, 255, 255, .5);
padding:30px;
margin-top:30px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
border-radius:5px;
}
.button-container .logo{
display:none;
}
.gh-button-ifrm{
box-shadow:0 0 5px 5px rgba(255, 255, 255, .2);
display:inline-block;
}
.button-container:hover{
color:#000;
background:rgba(255, 255, 255, .6);
text-shadow:0 0 5px rgba(51, 51, 51, .5);
}
section{
padding:20px;
}
.footer-left{
float:left;
width:60%;
padding-bottom:20px;
}
.footer-left h2{
padding-bottom:0;
}
.footer-left h3{
font-size:16px;
font-weight:normal;
}
.hour-list li{
list-style:none;
position:relative;
padding-top:3px;
font-size:14px;
}
.hour-list li strong{
position:absolute;
}
.hour-list li > span{
padding-left:50px;
}
.hour-list li > span > span:first-child{
width:70px;
display:inline-block;
}
.today{
font-weight:bold;
font-size:120%;
}
.footer-right{
float:left;
width:40%;
padding-bottom:20px;
}
.map-container{
height:320px;
width:100%;
border-radius:5px;
border:0;
}
footer{
clear:both;
font-size:13px;
padding:10px 20px;
background:#efefef;
}
.Noohu{
float:right;
}
@media(max-width:1200px){
	#wrapper{
	width:95%;
	}
	.title{
	padding-top:40px;
	}
	.button-container{
	padding:25px;
	margin-top:15px;
	}
}
@media(max-width:1024px){
	.logo{
	width:150px;
	height:150px;
	background-size:150px 150px;
	}
	.title{
	font-size:25px;
	}
	.disc, .sub-title{
	font-size:16px;
	}
	.button-container{
	padding:20px;
	margin-top:20px;
	}
}
@media(max-width:992px){
	body{
	font-size:14px;
	}
	.logo{
	width:125px;
	height:125px;
	background-size:125px 125px;
	}
	.title{
	font-size:20px;
	padding-top:15px;
	}
	.disc, .sub-title{
	font-size:14px;
	}
}
@media(max-width:820px){
	.logo{
	width:120px;
	height:120px;
	background-size:120px 120px;
	}
	.title{
	font-size:18px;
	padding-top:10px;
	}
}
@media(max-width:768px){
	body{
	font-size:13px;
	}
	.logo{
	width:100px;
	height:100px;
	background-size:100px 100px;
	}
	.title{
	font-size:14px;
	padding-top:10px;
	}
	.disc, .sub-title{
	font-size:13px;
	}
	.sub-title{
	padding-bottom:10px;
	}
	.button-container{
	width:60%;
	margin-top:10px;
	padding:8px;
	}
	.footer-left, .footer-right{
	width:100%;
	}
}
@media(max-width:640px){
	.logo{
	width:90px;
	height:90px;
	background-size:90px 90px;
	}
	.title{
	padding:5px;
	}
	
}
@media(max-width:600px){
	.logo{
	width:80px;
	height:80px;
	background-size:80px 80px;
	}
	.button-container{
	padding:10px;
	margin-top:25px;
	}
	.title, .disc, .logo{
	display:none;
	}
	.sub-title{
	padding-bottom:10px;
	}
	footer{
	text-align:center;
	}
	.Noohu{
	float:none;
	display:block;
	}
	.hour-list li{
	font-size:13px;
	}
	.button-container .logo{
	display:inline-block;
	}
}
@media(max-width:419px){
	.logo{
	width:70px;
	height:70px;
	background-size:70px 70px;
	}
	.button-container{
	width:80%;
	padding:0;
	margin-top:5px;
	}
	.sub-title{
	padding-bottom:0;
	}
}