* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:14px;
	background-color:#fffcfd;
}
header, section, artical, aside, footer {
	display:block;
}
.wrapper {
	width:100%;
	height:auto;
}
.pagewrapper {
	width:100%;
	height:auto;
	margin:0 auto;
	border-left: 1px #f8b42f solid;
	border-right:1px #f8b42f solid;
}
.top {
	width:100%;
	height:80px;
	background:#fbb030;
	border-bottom: 10px solid #4b4b4b;
	padding-bottom:4px;
}
.top-left {
	width: 11%;
    height: auto;
    float: left;
    margin: 0 0 0 2%;
    padding: 10px 0 0 0;
}
.top-right {
	width:15%;
	height: auto;
	margin:0 2% 0 0;
	float: right;
	padding:5px 0 0 0;
}
.top-middle {
	width:19%;
	height: auto;
	margin:0 2% 0 0;
	float: left;
	padding:5px 0 0 0;
}
.clear {
	clear: both;
	margin:0;
}
.banner {
	width:100% !important;
	float:left;
	background-color:#fffcfd;
}
.footer {
	width:100%;
	height:60px;
	float:left;
	background:#f8b42f;
	border-bottom:5px solid #4b4b4b;
	padding-top:10px;
}
.footer-left {
	width:24%;
	height:auto;
	float:left;
	font-size:13px;
	color:#333;
	padding: 0 0 0 1%;
}
.footer-left a {
	text-decoration:none !important;
	color:#333 !important;
}
.footer-left a:hover{
	text-decoration:none;
	color:#000 !important;
}
.footer-left a:active{
	text-decoration:none;
	color:#333 !important;
}

.footer-right {
	width:8%;
	margin:0 auto;
	height:auto;
	float: right;
}
.footer-middle {
	width:50%;
	height:auto;
	float: left;
	text-align:center;
	font-size:13px;
	color:#333;
}
.footer-middle a {
	text-decoration:none !important;
	color:#333 !important;
}
.footer-middle a:hover{
	text-decoration:none;
	color:#000 !important;
}
.footer-middle a:active{
	text-decoration:none;
	color:#333 !important;
}
.dowwnloadapp {
	width:10%;
	height: auto;
	position:relative;
	z-index:999;
	top: -749px;
	left: 25px;
}
.app {
	width:50%;
	height: auto;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	font-family:Calibri;
}
.app img {
	width:100%;}
.banner h1{
	font-size:50px !important;
	font-family:Calibri; text-align: center; font-weight:bold; margin:40px 0 0 0 !important;	}
.banner h2{
	font-size:15px !important;
	font-family:Calibri; text-align:justify; margin:15px 20px 0 20px; }
.banner p{
	font-size:12px !important;
	font-family:Calibri; text-align:justify; margin:0 20px 0 20px; }

 @media screen and (min-device-width : 320px) and (max-width: 700px) and (orientation : portrait) {
.top {
 width:100%;
 height:80px;
 background:#fbb030;
 border-bottom: 10px solid #4b4b4b;
 padding-bottom:5px;
}
.top-left {
	width: 24%;
    height: auto;
    float: left;
    margin: 0 0 0 2%;
    padding: 10px 0 0 0;
}
.top-right {
	width: 35%;
    height: auto;
    margin: 0 2% 0 0;
    float: right;
    padding: 5px 0 0 0;
}
.top-middle {
	width: 28%;
    height: auto;
    margin: 3% 2% 0 1%;
    float: left;
    padding: 5px 0 0 0;
}
.pagewrapper {
width:100%;
height:auto;
margin:0 auto;
border-left: 1px #f8b42f solid;
border-right:1px #f8b42f solid;
}
.footer-left {
width:98%;
height:auto;
float:left;
font-size:13px;
color:#333;
padding: 0 0 0 1%;
text-align:center;
}
.footer-right {
width:100%;
margin:0 auto;
height:auto;
float: right;
text-align:center;
}
.footer-middle {
width:98%;
height:auto;
float: left;
text-align:center;
font-size:13px;
}
.footer {
height: auto;
float:left;
padding:1% 0;
background:#f8b42f;
border-bottom:5px solid #4b4b4b;
}
.dowwnloadapp {
width:10%;
height: auto;
position:relative;
z-index:999;
top: -277px;
left: 7px;
}
.app {
	width:100%;
	height: auto;
	margin:0 auto;
}
.app img {
	width:100%;}
.banner h2{
	font-size:100% !important;
	font-family:Calibri; text-align:justify; margin:15px 20px 0 20px; }
.banner p{
	font-size:100% !important;
	font-family:Calibri; text-align:justify; margin:0 20px 0 20px; }	
.banner h1{
	font-size:18px !important;
	font-family:Calibri; text-align: center; font-weight:bold; margin:15px 0 0 0 !important;}
}

 @media screen and (min-device-width : 320px) and (max-width: 700px) and (orientation : landscape) {
.top {
 width:100%;
 height:80px;
 background:#fbb030;
 border-bottom: 10px solid #4b4b4b;
 padding-bottom:5px;
}
.top-left {
	width: 24%;
    height: auto;
    float: left;
    margin: 0 0 0 2%;
    padding: 10px 0 0 0;
}
.top-right {
	width: 35%;
    height: auto;
    margin: 0 2% 0 0;
    float: right;
    padding: 5px 0 0 0;
}
.top-middle {
	width: 28%;
    height: auto;
    margin: 3% 2% 0 1%;
    float: left;
    padding: 5px 0 0 0;
}
.pagewrapper {
width:100%;
height:auto;
margin:0 auto;
border-left: 1px #f8b42f solid;
border-right:1px #f8b42f solid;
}
.footer-left {
width:98%;
height:auto;
float:left;
font-size:13px;
color:#333;
padding: 0 0 0 1%;
text-align:center;
}
.footer-right {
width:100%;
margin:0 auto;
height:auto;
float: right;
text-align:center;
}
.footer-middle {
width:98%;
height:auto;
float: left;
text-align:center;
font-size:13px;
color:#333;
}
.footer {
height: auto;
float:left;
padding:1% 0;
background:#f8b42f;
border-bottom:5px solid #4b4b4b;
}
.dowwnloadapp {
width:10%;
height: auto;
position:relative;
z-index:999;
top: -277px;
left: 7px;s
}
.app {
	width:100%;
	height: auto;
	margin:0 auto;
}s
.app img {
	width:100%;}
.banner h2{
	font-size:100% !important;
	font-family:Calibri; text-align:justify; margin:15px 20px 0 20px; }
.banner p{
	font-size:100% !important;
	font-family:Calibri; text-align:justify; margin:0 20px 0 20px; }
.banner h1{
	font-size:18px !important;
	font-family:Calibri; text-align: center; font-weight:bold; margin:15px 0 0 0 !important;}
}