/**
 * 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: 100%;
  text-align: center;
}
.ms-section.ms-table {
  display: table;
  width: 100%;
}
.ms-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  max-height: 644px;
}
.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;
}
#multiscroll-nav.multiscrollmenu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
    left: 0;
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 700;
}
.multiscrollmenu .menu {
  width: 100%;
  float: left;
	height: auto;
  text-align: center;
	padding: 0;
	margin:0;
}
.multiscrollmenu#multiscroll-nav li {
	display: inline-block;
	color: #000;
  opacity: 0.7;
  margin: 0 10px;
  padding: 0;
  position:relative;
}
#multiscroll-nav.multiscrollmenu ul { padding:0px; }
.multiscrollmenu#multiscroll-nav li.active {
	opacity: 1;
}
#multiscroll-nav.multiscrollmenu li a {
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    height: 18px;
    outline: medium none;
    overflow: hidden;
    text-indent: 100%;
    transition: all 0.2s ease-in-out 0s;
    white-space: nowrap;
    width: 18px;
    border: 2px solid #2f2f2f;
    border-radius: 50%;
}
#multiscroll-nav.multiscrollmenu li a:before{ 
    content: '' ; 
    display: inline-block; 
    position: absolute ; 
    top: -1px ; 
    bottom: 8px ; 
    left: -2px ; 
    right: -2px ; 
    border-radius: 50%; 
    border: 4px solid #fff ; 
	z-index:-2;
}
#multiscroll-nav.multiscrollmenu li a.active {
	color: #000;
	background-color: #fff;
}
#multiscroll-nav.multiscrollmenu li a:hover {
	color: #000;
	background-color: #b69860;
}
.multiscrollmenu#multiscroll-nav li:hover {
	opacity: 1;
}