body{
	padding:0;
	margin:0;
	font-family: 'Rokkitt', serif;
	background:#fff;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}	
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
/*-----start-header----*/
.header{
	background: url('../images/top-bg.png') no-repeat 0px 0px;
	min-height:355px;
	background-size:100% 100%;
	padding-top: 9em;
}
.mail{
	float:right;
}
.mail ul li{
	display:inline-block;
	margin:0 5px;
}
.mail ul li{
	color:#598260;
	font-size:1.25em;
    font-family: 'Rye', cursive;
}
.mail ul li a{
	color:#598260;
	font-size:1.25em;
    font-family: 'Rye', cursive;
}
i.msg{
	width:40px;
	height:40px;
	background:url('../images/img-sprite.png') no-repeat 0px 0px;
	display:inline-block;
	vertical-align: middle;
	margin: 0 0 10px 0;
}
i.phone{
	width:40px;
	height:40px;
	background:url('../images/img-sprite.png') no-repeat -40px 0px;
	display:inline-block;
	vertical-align: middle;
	margin: 0 0 10px 0;
}
.footer{
	background: url('../images/fotter-bg.png') repeat-x 0px 0px;
	min-height: 190px;
	background-size: 2.30% 100%;
	margin-top: -35px;
	padding-top: 6em;
	position:absolute;
	bottom:0;
	width: 100%;
}

.copyright p {
	color:#fff;
	font-size:1.3em;
    font-family: 'Rye', cursive;
}
.copyright p a {
	color:#79af82;
    font-family: 'Rye', cursive;
	margin-left:5px;
}


.short-header{
	background: url('../images/top-bg.png') no-repeat 0px 0px;
	min-height: 250px;
	background-size: 100% 100%;
	padding-top: 5em;
}
/*--------error-page----------*/
.Error-found {
	padding-top: 3.5em;
}
.error-page h3 {
	font-weight: 300;
	text-transform: uppercase;
	color:#000;
	margin: 0;
	padding: 0 0 0em 0;
	font-family: 'Rye', cursive;
	font-size: 10em;
}
.error-page h3 span {
	color: #E16C5B;
}
.error-page p{
	font-weight:100;
	font-size:2.5em;
	color: #666;
	font-family: 'Rye', cursive;
	margin-top:0.6em;
}

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
@media screen and (max-width: 1366px) {
	.header {
		min-height: 320px;
		padding-top: 7em;
	}
	.footer {
		min-height: 150px;
		padding-top: 5em;	
	}
	.short-header {
		min-height: 250px;
		padding-top: 5em;
	}
	.Error-found {
		padding-top: 2.5em;
	}
}
@media screen and (max-width: 1280px) {
	.error-page h3 {
		font-size: 14em;
	}
	.error-page p {
		font-size: 2.2em;
		margin-top: 0.4em;
		margin-bottom: 0.5em;
	}
}
@media screen and (max-width: 1024px) {
	.mail ul li a {
		font-size: 1.1em;
	}
	.mail ul li {
		font-size: 1.1em;
		margin: 0 3px;
	}
	.header {
		min-height: 270px;
		padding-top: 5.5em;
	}
	i.msg {
		width: 30px;
		height: 30px;
		background-size: 470px;
	}
	i.phone {
		width: 30px;
		height: 30px;
		background: url('../images/img-sprite.png') no-repeat -33px 0px;
		background-size: 470px;
	}
	.copyright p {
		font-size: 1.1em;
	}
	.footer {
		min-height: 110px;
		padding-top: 3.3em;
	}
	.short-header {	
		min-height: 220px;
		padding-top: 4.5em;
	}
	img.zoom {
		width: 30%;
	}
	.error-page h3 {
		font-size: 12em;
	}
	.error-page p {
		font-size: 2em;
	}
}
@media screen and (max-width: 800px) {
	.header {
		min-height: 240px;
		padding-top: 4em;
	}
	.mail ul li {
		font-size: 1em;
	}
	.short-header{
		min-height: 190px;
		padding-top: 3.5em;
	}
	.error-page h3 {
		font-size: 10em;
	}
	.error-page p {
		font-size: 1.7em;
	}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	.copyright p {
		font-size: 1em;
		letter-spacing: 1px;
	}
	.footer {
		min-height: 80px;
		padding-top: 2.3em;
	}
	.social-icons h6 {
		margin-bottom: 0.8em;
	}  
	.header {
		min-height: 200px;
		padding-top: 3em;
	}
	.mail ul li {
		font-size: 0.875em;
		margin: 0 1px;
	}
	i.msg {
		width: 25px;
		height: 25px;
		background-size: 360px;
	}	
	i.phone{
		width: 25px;
		height: 25px;
		background: url('../images/img-sprite.png') no-repeat -25px 0px;
		background-size: 360px;
	}
		
	.short-header {
		min-height: 155px;
		padding-top: 2.5em;
	}
}
@media screen and (max-width: 480px) {
	i.umbrella {
		width: 130px;
		height: 130px;
		background: url('../images/img-sprite.png') no-repeat -3px -33px;
		background-size: 440px;
	}
	.footer {
		padding-top: 1.8em;
	}
	.header {
		min-height: 180px;
		padding-top: 2.5em;
	}
	.short-header {
		min-height: 135px;
		padding-top: 2em;
	}
	.error-page p {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 320px) {
	.mail ul li:nth-child(4),.mail ul li:nth-child(3),.mail ul li:nth-child(5){
		display: none;
	}
	.mail ul li {
		font-size: 0.7em;
		margin: 0;
	}
	.header {
		min-height: 165px;
		padding-top: 2em;
	}
	.short-header {
		min-height: 120px;
		padding-top: 1.8em;
	}
	.copyright p {	
		font-size: 0.875em;
	}
	.error-page h3 {
		font-size: 5em;
	}
	.error-page p {
		font-size: 1.2em;
	}
}
