.scrollbar
{
	
	
	height: 730px;
	width: 100%;
	background: #F5F5F5;
	overflow-y: scroll;

}

.force-overflow
{
	min-height: 730px;
}

#wrapper
{
	text-align: center;
	width: 100%;
	margin: auto;
}

/*
 *  STYLE 1
 */

font-family: 'Slabo 27px', serif;

/*
 *  STYLE 12
 */

#style-12::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	border-radius: px;
	background-color: #444444;
}

#style-12::-webkit-scrollbar
{
	width: 17px; 
	background-color: #F5F5F5;
   
}

#style-12::-webkit-scrollbar-thumb
{
	border-radius: px;
	background-color: #D62929;
	background-image: -webkit-linear-gradient(90deg,
											  transparent,
											  rgba(0, 0, 0, 0.4) 50%,
											  transparent,
											  transparent)
}


/*menu effetcs*/

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700);




header {
 
  width: 100%;
  height: 65px;
    right: 20px;
}

.menu-links {
  float: right;  
  padding-right: 20px;
}

.toggle-menu {
  float: right; 
}

.toggle-menu li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: left;
}

.toggle {
  padding-top: 5px;
  cursor: pointer;   
}

li.toggle:hover span.toggle-menu-bar {
  background-color: #ddd;
}




.toggle-menu-bar {
    font-size: 50px;
	display: block;
	width: 30px;
	height: 5px;
	background-color: black;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 3px;
  transition: background-color 0.2s;
}

.contac {
  font-size: 16px;
  text-decoration: none;
  color: black;
    font-weight: 600;
  padding-right: 15px;
  transition: color 0.2s;
    font-family: 'Alata', sans-serif;
}

.contac:hover {
  color: darkslategrey;
}



















.contact{
   border-radius: 5px;
    background-color: gold;
    color: black;
    font-weight: bold;
    padding: 19px;
    
}
.contact:hover{
    text-decoration:none;
background-color: crimson;
    color: white;
}



a{
    color:crimson;
    }
a:hover{
    color: red;
    
    
}

.clck{
    color:gold;
    }
.clck:hover{
    color: white;
    
    
}

.clck1{
    color: white;
    }
.clck1:hover{
   
     color:red;
    
    
}
/* gallery effects */

#photos {
  opacity: .88;
}

#photos img {
  width: 30%;
  float: left;
  display: block;
  margin: 2px;
}

ul {
  list-style: none;
  margin: 0px auto;
  padding: 10px;
  display: block;
  max-width: 780px;
  text-align: center;
}

#overlay {
  background: rgba(0,0,0, .8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
}

#overlay img {
  margin: 10% auto 0;
  width: 550px;
  border-radius: 5px;
}

#photos {
  width: 100%;
}

#photo-gallery {
  width: 100%;
}

.hovar{
   border: 1px solid black;padding:  15px;width: 107%; border-radius: 10px; 
    background-color: black;
    font-weight: bold;
}

.hovar:hover{
    background-color: deepskyblue;
    border: 1px solid deepskyblue;
    font-weight: bold;
 color: black;
    
    
}




















/*font */


font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Open Sans', sans-serif;