/**
 * multiscroll 0.0.6 Beta
 * https://github.com/alvarotrigo/multiscroll.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */


.ms-section {
  position: relative;
  z-index: 1000;
  background: #fff; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-size: cover;
}
.ms-right .ms-section {
  padding: 0 40px 0 0;
}
.ms-left .ms-section {
  padding: 0 0 0 40px;
}
@media (max-width: 992px) {
.ms-right .ms-section {
  padding: 0 20px 0 0;
} 
.ms-left .ms-section {
  padding: 0 0 0 20px;
}
} 
@media (max-width: 500px) {
.ms-right .ms-section {
  padding: 0 10px 0 0;
}
.ms-left .ms-section {
  padding: 0 0 0 10px;
}
}
.ms-section .ms-image {
  text-align: center;
}
.ms-section .ms-image img {
  max-width: 500px; 
  width: auto;
  text-align: center;
}
.ms-section.ms-table {
  display: table;
  width: 100%;
}
.ms-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.ms-easing {
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.multiscrollmenu#menu {
	position: fixed;	
  z-index: 700;
	top: 0;
	left: 0;
  width: 100%;
  float: left;
	height: auto;
  background: #f0f0f0;
}
.multiscrollmenu .menu {
  width: 100%;
  float: left;
	height: auto;
  text-align: center;
	padding: 0;
	margin:0;
}
.multiscrollmenu#menu li {
	display: inline-block;
	color: #000;
  opacity: 0.7;
  margin: 0 10px;
  padding: 0;
}
.multiscrollmenu#menu li.active {
	opacity: 1;
}
.multiscrollmenu#menu li a {
  display: block;
	text-decoration:none;
	color: #000;
  text-transform: uppercase;
  padding: 10px 5px;
  outline: none;
}
.multiscrollmenu#menu li.active a:hover {
	color: #000;
}
.multiscrollmenu#menu li:hover {
	opacity: 1;
}