*{
	padding: 0;
	margin: 0;
	
}


html, body{
	font-family: "Merriweather", Georgia, serif;
	height: 100%; 
	 font: inherit;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	background-color: #e4e0e0;
	
}


img{
	border:0px;
	width:100%;
	}

.container{
	width:98%;
	margin: 1%;
	background-color: #FFF; 
	float:left;


	
	
}
	.min-con{
	width: 100%;
	margin: 0 auto;
	max-width: 1110px;

	
	
}
.header{
	width: 100%;
	float: left;
	padding-top: 75px;
	padding-bottom: 15px;

	
}
.logo{
	width: 100%;
	float: left;
	text-align:center;
	
}
.logo img{
		
	width: 17%;

	}
	
.nav{
	width:70%;
	float: left;
	margin-left:29%;
	z-index:9999;
	
}
	
.banner{
	width: 100%;
	float: left;
	margin-top:4.5%;
}
.banner-2{
	width: 88%;
	float: left;
	margin-top:2%;
	margin-left:6%;
}

.work-img-con{
	width:50%;
	float:left;
	margin-bottom:10px;
	margin-top:0%;
}
.middl{
	margin-right:2%;
	margin-left:2%;
}

.work-img-con img:hover{
	opacity: 0.4;
    filter: alpha(opacity=40);
}



.vaarun-box{
	width:100%;
	float:left;
	padding-top:3.5%;
}
.text-box{
	width:100%;
	float: left;
	margin-left:0%;
	padding-top: 2.2%;
	
	font-size: 13px;
	font-weight: lighter;
	text-align: justify;
	color: #68696A;
	line-height: 25px;
	font-family: Courier;
	
}

.text-box img{
	
	width: 50%;
	float:left;
	padding-bottom: 20px;
	margin-right:50px;
}
.insta-con{
	
	width: 100%;
	float:left;
	}
.contact-con{
	width:100%;
	float: left;
	margin-left:0%;
	padding-top: 2.2%;
	
	font-size: 13px;
	font-weight: lighter;
	text-align: left;
	color: #68696A;
	line-height: 25px;
	font-family: Courier;
	}
.contact-con img{
	width: 75%;
	float:left;
	}
.cont-con{

	width: 20%;
	margin-left:5%;
	float:left;
	
	
	}
.cont-con h2{
	font-size:18px;
	color: #575A5B;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:0px;

	

}

.cont-con h3{
	font-size:14px;
	color: #575A5B;
	font-weight:bold;
	line-height:30px;
	margin:0;
	padding:0;

}
.cont-con p{
	font-size:14px;
	margin:0;
	padding:0px 0px 20px 0px;

}


.rt-con{
	text-align: right;} 
	
	
	
	.cont-box{
	width:46%;
	float:left;
	padding-top:2%;
	}
	.illus-text-di{
		width:100%;
		float:left;
		padding-top:10px;
	}
	.illus-text{
	width: 70%;
	float: left;

	}
	.illus-text a{
	
	font-family: "Merriweather", Georgia, serif;
	font-size: 34px;
	font-stretch: ultra-condensed;
	letter-spacing: -1px;
	font-weight: 300;
	text-decoration: none;
	color: #514F57;

	
	}

	.illus-next{
	width: 30%;
	float:right;
	margin-top: 20px;
		text-align:right;
	}
	
	.illus-next a{
	text-decoration: none;
	
	width: auto;
	color: #AEAEAE;
	font-size: 11px;
	font-family: "Merriweather", Georgia, serif;
	padding-top: 1px;

	padding-bottom: 1px;
	padding-left: 15px;

	}
	.illus-next a:hover{
		color:#000;

	}
	
.lft-border{
	
	border-right:solid 1px #CCCCCC;
	padding-right:15px;
	
	}
	
	
.illustration-box{
	width:100%;
	float:left;
	margin-top:36px;
}
.pro-detail-box{
	width:100%;
	float:left;
	margin-top:8%;
	margin-bottom:30px;
}
.detail{
	width: 70%;
	margin-top: 1.8%;
	line-height: 24px;
	float: left;
	font-family: "Merriweather", Georgia, serif;
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	color: #525058;
	text-align: justify;
}

.pro-name{
	width:25%;
	float:right;
	margin-top:1%;
	padding-bottom:1.5%;
	font-family:"Merriweather", Georgia, serif;
	font-size:18px;
    font-weight:300;
	border-bottom:1px ridge #EBEBEB;
	text-decoration:none;
	color:#525058;
}
.date-ill{
	width:25%;
	float:right;
	font-family:"Merriweather", Georgia, serif;
	font-size:12px;
    font-weight:300;
	margin-top:14px;
	text-decoration:none;
	color:#525058;
}
.ap-ill{
	width:25%;
	float:right;
	font-family:"Merriweather", Georgia, serif;
	font-size:12px;
    font-weight:300;
	margin-top:3px;
	text-decoration:none;
	color:#999;
}

.cont-form{
	width: 47%;
	float: left;
	padding-top: 1.6%;
	padding-left: 7%;
	
	}

.cont-form h2{
	font-family: "Merriweather", Georgia, serif;
	font-size: 34px;
	letter-spacing: -1px;
	font-weight: 300;
	color: #4c4c4c;
	line-height:40px;
	}
.cont-form p{
	font-family: "Merriweather", Georgia, serif;
	font-size: 15px;
	padding-top:8px;
	letter-spacing: .5px;
	font-weight: 500;
	color: #aaa;
	line-height:23px;
	}

.cont-form a{
	font-family: "Merriweather", Georgia, serif;
	font-size: 13px;
	padding-top:10px;
	letter-spacing: .5px;
	font-weight:  normal;
	color: #FBD036;
	text-decoration:none;

	}

.cont-phone{
	font-size: 13px;
	color:#333;
	
	
	}

	.input-frm{
		width:100%;
		float:left;
		background-color:#eee;
		font-family: "Merriweather", Georgia, serif;
		font-size:14px;
		color:#999;
		line-height:40px;
		padding-left:10px;
		
		border:0px;
		margin-bottom:45px;
		font-weight:normal;
		
		
	}
	.btn-frm{
		width:25%;
		float:left;
		background-color:#fdd036;
		color:#4B4B4B;
		
		height:35px;
		font-size:13px;
		font-weight:bold;
		border:0px;
		font-family: "Merriweather", Georgia, serif;
		
	}
	.btn-frm:hover{
		color:#ccc;
	}
		


.footer{
	
	width: 90%;
	margin-left:5%;
	float: left;
	margin-top:70px;
	height:65px;
	border-top:1px solid #eee;
	
	}
.footer-menu{
	width:50%;
	float:left;
	padding-top:12px;
	
	
}
.footer-menu ul{
  display:block;
   float:left;

}
.footer-menu ul li{
	list-style-type:none;
	float:left;
}
.footer-menu ul li a{
	padding-right:15px;
	text-align:center;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999999;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	font-family:"Merriweather", Georgia, serif;
}
.footer-menu ul li a:hover{
	
	color: #333;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}
.fot-vaarun{
	width:20%;
	height:40px;
	float:right;
	text-align:right;
	color: #999999;
	font-size:11px;
margin-top:14px;
	font-family:"Merriweather", Georgia, serif;
}
.smile{
	width:2%;
	background-image:url(../image/simple-smile.png);
	background-repeat: no-repeat;

}

a.back-to-top {
	display: none;
	width: 40px;
	height: 39px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	color: #eeeeee;
	right: 30px;
	bottom: 30px;
	background: #a0a0a0 url("../image/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

a:hover.back-to-top {
	background-color: #eee;
}


@media only screen and (max-width: 1199px) {
	.nav{
	width:75%;
	
	margin-left:25%;
	
}



}

@media only screen and (max-width: 1024px) {
	.nav{
	width:75%;
	
	margin-left:22%;
	
}
.contact-con img{
	width:65%;
}
.cont-con{

	width: 30%;
}
}

@media only screen and (max-width: 960px) {
	


.header{
	padding-top: 20px;	
}

.logo img{
	width:20%;
	}
	
	
	.nav{
	width:75%;
	
	margin-left:20%;
	
}
	
.banner{
	width: 100%;
	float: left;
	margin-top:4.5%;
}

.contact-con img{
	width: 70%;
}
.cont-con{

	width: 25%;
}
.work-img-con{
	width:48.5%;
	
}
.middl{
	margin-right:0;
	margin-left:0;
}
.secimg{

	margin-left:3%;
	
}
.footer-menu{
	width:50%;} 	

	
	
}



@media only screen and (max-width: 812px) {
	.nav{
	width:80%;
	
	margin-left:15%;
	
}
}


@media only screen and (max-width: 768px) {
	

.header{
	padding-top: 20px;	
}

.logo img{
	width:30%;
	}
.banner{
	width: 100%;
	float: left;
	margin-top:4.5%;
}
.contact-con img{
	width: 100%;
}
.cont-con{

	width: 100%;
	margin-left:0px;
	margin-top: 30px;	
}

.text-box img{
	
	width: 100%;
	margin-bottom:50px;

}

.work-img-con{
	width:48.5%;
	
}
.middl{
	margin-right:0;
	margin-left:0;
}
.secimg{

	margin-left:3%;
	
}
.fot-vaarun{
	width:100%;
	float:left;
	text-align:left;
margin-bottom:3%;

	
}



.footer{
	
	border-bottom:0;
	padding-top:10px;
	}
	.illus-text{
	width: 100%;
	text-align:center;
	}
	.illus-next{
	width: 100%;
	
	text-align:center;

	}
	
	.illus-next a{
		float:none;
	
	}

.detail{
	width: 100%;
}
.pro-name{
	width:100%;
	float:left;
	padding-bottom:2%;
	padding-top:10%;
	
}
.date-ill{
	width:100%;
	float:left;
	
}
.ap-ill{
	width:100%;
	float:left;
}
.pro-detail-box{
	
	margin-bottom:0;
}
	
	
}
@media only screen and (max-width: 600px) {
.footer-menu{
	width:100%;
}



}
@media only screen and (max-width: 480px) {



.logo img{
	width:40%;
	}

.text-box img{
	
	width: 100%;

}

.work-img-con{
	width:100%;
	
}
.middl{
	margin-right:0;
	margin-left:0;
}
.secimg{

	margin-left:0;
	
}
		
.footer-menu{
	width:100%;
}



}