body{
	margin:0px;
	padding:0px;
	background-color: #d7dae1; /* For browsers that do not support gradients */
 	background-repeat:no-repeat;
 	background-size:cover;
	background-attachment:fixed;
	background-position:center;

}

div.main {
	margin-left:auto;
	margin-right:auto;
    padding:0px;
	width:1000px;
	height:3800px;
}

div.empty{
	width:1000px;
	height:50px;
	float:left;
}

div.part-1{
	width:1000px;
	height:720px;
	float:left;
	background-image:url(../imge/Back-1.png);
	background-position:top;
	background-repeat:no-repeat;
	background-attachment:fixed;	
}

div.part-11{
	width:820px;
	height:720px;
	float:left;
}

div.part-12{
	width:180px;
	height:720px;
	float:left;
}

div.part-12-1{
	width:180px;
	height:330px;
	float:left;
}

div.part-12-2{
	width:180px;
	height:300px;
	float:left;
}

div.part-2{
	width:1000px;
	height:650px;
	float:left;
}

div.part-21{
	width:1000px;
	height:115px;
	float:left;
}

div.part-21-1{
	width:200px;
	height:115px;
	float:left;
}

div.part-21-2{
	width:600px;
	height:115px;
	float:left;
}

img.web{
	width:600px;
	height:104px;
}



div.part-21-3{
	width:200px;
	height:115px;
	float:left;
}

div.part-22{
	width:1000px;
	height:500px;
	float:left;
}

img.web-page{
	width:1000px;
	height:500px;
}

div.part-3{
	width:1000px;
	height:1150px;
	float:left;
}

div.part-31{
	width:1000px;
	height:115px;
	float:left;
}

div.part-31-1{
	width:200px;
	height:115px;
	float:left;
}

div.part-31-2{
	width:600px;
	height:115px;
	float:left;
}

img.ghraphic{
	width:600px;
	height:104px;
}

div.part-31-3{
	width:200px;
	height:115px;
	float:left;
}

div.part-32{
	width:1000px;
	height:1032px;
	float:left;
}

img.ghraphic-page{
	width:1000px;
	height:1032px;
}

div.part-4{
	width:1000px;
	height:900px;
	float:left;
	background-image:url(../imge/part-5.png);
	background-position:center;
	background-repeat:no-repeat;	
}

div.part-41{
	width:1000px;
	height:690px;
	float:left;	
}

div.part-42{
	width:1000px;
	height:210px;
	float:left;	
}

div.part-42-1{
	width:80px;
	height:210px;
	float:left;	
}

div.part-42-2{
	width:270px;
	height:201px;
	float:left;
	background-image:url(../imge/catd-11.png);
	background-position:center;
	background-repeat:no-repeat;	
}

.text-3{ 
 	 width:270px; 
 	 height:201px; 
 	 background:#FFF; 
  	opacity:0; 
} 
 
.part-42-2:hover .text-3 { 
 	 opacity:1;
	 background-image:url(../imge/catd-1.png);
	 background-repeat:no-repeat;
	 padding:10px;
} 

div.part-42-3{
	width:15px;
	height:210px;
	float:left;	
}

div.part-42-4{
	width:270px;
	height:201px;
	float:left;
	background-image:url(../imge/catd-22.png);
	background-position:center;
	background-repeat:no-repeat;	
}

.text-4{ 
 	 width:270px; 
 	 height:201px; 
 	 background:#FFF; 
  	opacity:0; 
} 
 
.part-42-4:hover .text-4 { 
 	 opacity:1;
	 background-image:url(../imge/catd-2.png);
 	 padding:10px;
	 background-repeat:no-repeat;
} 

div.part-42-5{
	width:15px;
	height:210px;
	float:left;	
}

div.part-42-6{
	width:270px;
	height:201px;
	float:left;
	background-image:url(../imge/catd-3.png);
	background-position:center;
	background-repeat:no-repeat;	
}

.text-6{ 
 	 width:270px; 
 	 height:201px; 
 	 background:#FFF; 
  	opacity:0; 
} 
 
.part-42-6:hover .text-6 { 
 	 opacity:1;
	 background-image:url(../imge/catd-33.png);
 	 padding:10px;
	 background-repeat:no-repeat;
} 

div.part-42-7{
	width:80px;
	height:210px;
	float:left;	
}

img.card{
	width:270px;
	height:201px;
}

div.part-5{
	width:1000px;
	height:300px;
	float:left;
	background-color:#3D923C;	
}

div.footer{
	width:1000px;
	height:300px;
	float:left;
	background: #e8d8d0; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #e8d8d0, #fbf4ee); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top left, #e8d8d0, #fbf4ee); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top left, #e8d8d0, #fbf4ee); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top left, #e8d8d0, #fbf4ee); /* Standard syntax */
}

div.foot{
	width:1000px;
	height:100px;
	float:left;
}
  
div.footer-1{
	width:100px;
	height:200px;
	float:left;
}

div.footer-2{
	width:800px;
	height:200px;
	float:left;
}

div.footer-21{
	width:800px;
	height:50px;
}

div.footer-22{
	width:800px;
	height:130px;
}

div.footer-3{
	width:100px;
	height:200px;
	float:left;
}

div.footer-00{
	width:50px;
	height:50px;
	float:left;
}

div.footer-0{
	width:15px;
	height:50px;
	float:left;
}

div.footer-211{
	width:160px;
	height:50px;
	float:left;
}

div.footer-213{
	width:160px;
	height:50px;
	float:left;
}

div.footer-214{
	width:160px;
	height:50px;
	float:left;
}

div.footer-215{
	width:160px;
	height:50px;
	float:left;
}


a.tittle{
	text-decoration:none;
	color:#9a7f71;
	font-size:20px;
	text-align:center;
	display:block;
	padding-top:20px;
}

p.text{
	font-family:tahoma;
	font-size:16px;
	font-style:inherit;
	text-align:center;
	color:#9a7f71;
}

p.text-1{
	font-family:tahoma;
	font-size:16px;
	font-style:inherit;
	text-align:center;
	color:#9a7f71;
}

p.text-2{
	font-family:Times New Roman, serif;
	font-size:14px;
	font-style:inherit;
	text-align:center;
	color:#9a7f71;
}

img.insta{
	width:40px;
	height:40px;
	padding-right:20px;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }