h1,h4 {
  font-size: 2vw;
	font-family: 'Play', sans-serif;
	color: #3c2415;
}

h3 {
  font-size: 3vw;
	font-family: 'Play', sans-serif;
	color: #f9c651;
}

h5 {
  font-size: 1.5vw;
	font-family: 'Play', sans-serif;
	color: #3c2415;
}

h6 {
  font-size: 1.5vw;
	font-family: 'Play', sans-serif;
	color: #f9c651;
}

h2 {
  font-size: 2vw;
	font-family: 'Play', sans-serif;
}

/****************
NAVIGATION BUTTONS
****************/

#wrapper {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
 #Logo
  {
    display: block;
    width: 19.8%;
    height: 8.4%;
	position: fixed;
    left: 9.33%;
    top: 0.6%;
	background-size: 100% 100%;
  }

  #Logo:hover
  { 
    position: fixed;
    transition: .5s ease;
    left: 9.33%;
    top: 0.6%;
    background: url("images/Logo_Mouseover.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Logo:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 9.35%;
    top: 0.6%;
    background: url("images/Logo_Normal.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
 #About
  {
    display: block;
    width: 10.9%;
    height: 7.4%;
	position: fixed;
    left: 34.6%;
    top: 4.3%;
	background-size: 100% 100%;
  }

  #About:hover
  { 
    position: fixed;
    transition: .5s ease;
    left: 34.6%;
    top: 4.3%;
    background: url("images/About_Mouseover.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #About:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 34.6%;
    top: 4.3%;
    background: url("images/About_Click.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Brushes
  {
    display: block;
    width: 14.5%;
    height: 8.7%;
	position:fixed;
    left: 51.7%;
    top: 6.2%;
    background-size: 100% 100%;
  }

  #Brushes:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 51.7%;
    top: 6.2%;
    background: url("images/Brushes_mouseover.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Brushes:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 51.7%;
    top: 6.2%;
    background: url("images/Brushes_Click.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Media
  {
    display: block;
    width: 14%;
    height: 8.1%;
	position:fixed;
    left: 69.9%;
    top: 9.1%;
	background-size: 100% 100%;
  }

  #Media:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 69.9%;
    top: 9.1%;
    background: url("images/Media_Mouseover.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Media:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 69.9%;
    top: 9.1%;
    background: url("images/Media_Click.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Inovation
  {
    display: block;
    width: 12.4%;
    height: 6%;
	position:fixed;
    left: 37.3%;
    top: 19.1%;
	background-size: 100% 100%;

  }

  #Inovation:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 37.3%;
    top: 19.1%;
    background: url("images/Innovation_mouseover.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Inovation:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 37.3%;
    top: 19.1%;
    background: url("images/Innovation_click.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Contacts
  {
    display: block;
    width: 10.42%;
    height: 5.37%;
	position:fixed;
    left: 51.2%;
    top: 21.25%;
	background-size: 100% 100%;

  }

  #Contacts:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 51.2%;
    top: 21.25%;
    background: url("images/Contacts_Mouseover.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Contacts:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 51.2%;
    top: 21.25%;
    background: url("images/Contacts_Click.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
    #Facebook
  {
    display: block;
    width: 5.8%;
    height: 9%;
	position:fixed;
    left: 91.5%;
    top: 10.8%;
	background-size: 100% 100%;

  }

  #Facebook:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.5%;
    top: 10.8%;
    background: url("images/Facebook_State_MouseOver.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Facebook:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.5%;
    top: 10.8%;
    background: url("images/Facebook_State_Click.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Brush
  {
    display: block;
    width: 23.22%;
    height: 12%;
	position:fixed;
    left: 60.5%;
    top: 54.35%;
	background-size: 100% 100%;

  }

  #Brush:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 60.5%;
    top: 54.35%;
    background: url("images/Brush_Blue.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  #Brush:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 60.5%;
    top: 54.35%;
    background: url("images/Brush_Green.png") no-repeat 0 0;
	background-size: 100% 100%;
  }
  
  #Close_About
  {
    display: block;
    width: 1.7%;
    height: 3%;
	position:absolute;
	z-index: 999;
    left: 55.3%;
    top: 38.4%;
	background-size: 100% 100%;

  }

  #Close_About:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 55.3%;
    top: 38.4%;
	z-index: 999;

	background-size: 100% 100%;
  }
  #Close_About:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 55.3%;
    top: 38.4%;
	z-index: 999;
	background-size: 100% 100%;
  }
  
  #Close_Brushes
  {
    display: block;
    width: 2.8%;
    height: 4%;
	position:absolute;
	z-index: 999;
    left: 91.7%;
    top: 17%;
	background-size: 100% 100%;

  }

  #Close_Brushes:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }
  #Close_Brushes:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }
  
  #Close_Contacts
  {
    display: block;
    width: 1.3%;
    height: 2.7%;
	position:absolute;
	z-index: 999;
    left: 42.4%;
    top: 46.3%;
	background-size: 100% 100%;

  }

  #Close_Contacts:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 42.4%;
    top: 46.3%;
	z-index: 999;
	background-size: 100% 100%;
  }
  #Close_Contacts:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 42.4%;
    top: 46.3%;
	z-index: 999;
	background-size: 100% 100%;
  }
  
 /****************
CONTENT AREA
****************/

 
/***About Content***/ 

#AboutContent {
    width:59%;
    max-height:71.5%;
    position:absolute;
    z-index: 902;
    left:0;
    right:0;
    top:0;
    bottom:0;
	margin-left:1%;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:1%;
	height: 491px;
    background-image: url("content_area.png");
    background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	}

.scrollbar{
    width:84%;
    max-height:66.8%;
    position:absolute;
    z-index:999;
    left:0;
    right:0;
    top:0;
    bottom:0;
	margin-left:6%;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:6.3%;
	overflow-y:scroll;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#ex3::-webkit-scrollbar{
width:20px;
}

#ex3::-webkit-scrollbar-thumb{
background-image: url("hammer.png");
background-repeat: no-repeat;
background-size: 20px 20px;
}
#ex3::-webkit-scrollbar-thumb:hover{
background-image: url("hammer.png");
background-repeat: no-repeat;
background-size: 20px 20px;
}
#ex3::-webkit-scrollbar-thumb:active{
background-image: url("hammer.png");
background-repeat: no-repeat;
background-size: 20px 20px;
} 
#ex3::-webkit-scrollbar-track{

} 


h4 {
    color: #f8da3e;
}
 
	
#Content_inner {
    width:84%;
    max-height:96.8%;
    position:absolute;
    z-index:999;
    left:0;
    right:0;
    top:0;
    bottom:0;
	font-size: 18px;
	margin-left:6%;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:4.3%;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

/***Brush Content***/
/*******************/

/***Brush Content***/ 

#Brushcontent {
    width:99%;
    max-height:99%;
    position:absolute;
    z-index: 944;
    left:0;
    right:0;
    top:0;
    bottom:0;
	margin-left:1%;
	z-index: 902;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:1%;
	overflow:hidden;
    background-image: url("content_area.png");
    background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	}

.scrollbar1{
    width:84%;
    max-height:66.8%;
    position:absolute;
    z-index:999;
    left:0;
    right:0;
    top:0;
    bottom:0;
	margin-left:6%;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:6.3%;
	overflow:hidden;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#ex4::-webkit-scrollbar{
width:20px;
}

#ex4::-webkit-scrollbar-thumb{
background-image: url("hammer.png");
background-repeat: no-repeat;
background-size: 20px 20px;
}
#ex4::-webkit-scrollbar-thumb:hover{
background-image: url("hammer.png");
background-repeat: no-repeat;
background-size: 20px 20px;
}
#ex4::-webkit-scrollbar-thumb:active{
background-image: url("hammer.png");
background-repeat: no-repeat;
background-size: 20px 20px;
} 
#ex4::-webkit-scrollbar-track{

} 


h4 {
    color: #f8da3e;
}
 
	
#Brush_inner {
    width:84%;
    max-height:96.8%;
    position:absolute;
    z-index:944;
    left:0;
    right:0;
    top:0;
    bottom:0;
	font-size: 18px;
	margin-left:6%;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:4.3%;
	overflow:hidden;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}


/***Tabs Content***/ 

#TabsContent {
    width:99%;
    max-height:99%;
    position:absolute;
    z-index: 944;
    left:0;
    right:0;
    top:0;
    bottom:0;
	margin-left:1%;
	z-index: 902;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:1%;
    background-image: url("content_area.png");
    background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	}

.scrollbar{
    width:84%;
    max-height:66.8%;
    position:absolute;
    z-index:1999;
    left:0;
    right:0;
    top:0;
    bottom:0;
	margin-left:6%;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:6.3%;
	overflow-y:scroll;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#ex3::-webkit-scrollbar{
width:20px;
}

#ex3::-webkit-scrollbar-thumb{
background-image: url("hammer.png");
background-repeat: no-repeat;
background-size: 20px 20px;
}
#ex3::-webkit-scrollbar-thumb:hover{
background-image: url("hammer.png");
background-repeat: no-repeat;
background-size: 20px 20px;
}
#ex3::-webkit-scrollbar-thumb:active{
background-image: url("hammer.png");
background-repeat: no-repeat;
background-size: 20px 20px;
} 
#ex3::-webkit-scrollbar-track{

} 


h4 {
    color: #f8da3e;
}
 
	
#Tabs_inner {
    width:88%;
    max-height:96.8%;
    position:absolute;
    z-index:944;
    left:0;
    right:0;
    top:0;
    bottom:0;
	font-size: 18px;
	margin-left:6%;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:4.3%;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
/***Contacts Content***/
 
	#ContactsContent{
    width:45%;
    max-height:80%;
    position:relative;
    z-index:905;
    left:0;
    right:0;
    top:0;
    bottom:0;
	margin-left:1%;
    margin-right:auto;
    margin-top: 17.4%;
    margin-bottom: auto;
	height: 360px;
    background-image: url("content_area.png");
    background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
	
	
/****************
BRUSHES IMAGES
****************/

  
  
/****************
****************/

#body {
		width:100%;
    max-height:100%;
    position:absolute;
    z-index: 10;
    left:0;
    right:0;
    top:0;
    bottom:0;
	  margin-left:0%;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:0%;
	  overflow:hidden;
		background-image: url("backgroundY.jpg");
    background-repeat: no-repeat;
	  background-size: 100% 100%;
	  opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#BWbody {
		width:100%;
    max-height:100%;
    position:absolute;
    z-index: 10;
    left:0;
    right:0;
    top:0;
    bottom:0;
	  margin-left:0%;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:0%;
	  overflow:hidden;
		background-image: url("bw.jpg");
    background-repeat: no-repeat;
	  background-size: 100% 100%;
	  opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

section {
	float: left;
	width: auto;
	height: 300px;
}
aside {
	float: right;
	width: auto;
	height: 300px;
}
footer {
	
}

/***TEAM***/

   #Close_Barbara
  {
    display: block;
    width: 2.8%;
    height: 4%;
	position:absolute;
	z-index: 999;
    left: 91.7%;
    top: 17%;
	background-size: 100% 100%;

  }

  #Close_Barbara:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }
  #Close_Barbara:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }
     #Close_Markus
  {
    display: block;
    width: 2.8%;
    height: 4%;
	position:absolute;
	z-index: 999;
    left: 91.7%;
    top: 17%;
	background-size: 100% 100%;

  }

  #Close_Markus:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }
  #Close_Markus:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }

    #Close_Alex
  {
    display: block;
    width: 2.8%;
    height: 4%;
	position:absolute;
	z-index: 999;
    left: 91.7%;
    top: 17%;
	background-size: 100% 100%;

  }

  #Close_Alex:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }
  #Close_Alex:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }

  
  #Close_Akiyo
  {
    display: block;
    width: 2.8%;
    height: 4%;
	position:absolute;
	z-index: 999;
    left: 91.7%;
    top: 17%;
	background-size: 100% 100%;

  }

  #Close_Akiyo:hover
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }
  #Close_Akiyo:active
  { 
    position:fixed;
    transition: .5s ease;
    left: 91.7%;
    top: 17%;
	z-index: 999;
	background-size: 100% 100%;
  }
/* ===========================
   ====== Contact Form ======= 
   =========================== */

   .megos {
	   border-radius: 25px;
   }