@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);

.ms-section {

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}


.ms-section.ms-table{

    display: table;

    width: 100%;

}

.ms-tableCell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%;

}

.controlArrow {

    position: absolute;

    top: 50%;

    cursor: pointer;

    width: 0;

    height: 0;

    border-style: solid;

    margin-top: -38px;

}

.controlArrow.prev {

    left: 15px;

    width: 0;

    border-width: 38.5px 34px 38.5px 0;

    border-color: transparent #fff transparent transparent;

}

.controlArrow.next {

    right: 15px;

    border-width: 38.5px 0 38.5px 34px;

    border-color: transparent transparent transparent #fff;

}

.scrollable {

    overflow: scroll;

}

.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 {

    position: fixed;

    z-index: 300;

    margin-top: -52px;

    top: 50%;

    opacity: 1;

}

#multiscroll-nav.right {

    right: 17px;

}

#multiscroll-nav.left {

    left: 17px;

}

.multiscroll-slidesNav {

    position: absolute;

    z-index: 300;

    left: 50%;

    opacity: 1;

}

.multiscroll-slidesNav.bottom {

    bottom: 17px;

}

.multiscroll-slidesNav.top {

    top: 17px;

}

#multiscroll-nav ul,

.multiscroll-slidesNav ul {

  margin: 0;

  padding: 0;

    z-index: 300;

}

#multiscroll-nav li,

.multiscroll-slidesNav li {

    display: block;

    width: 14px;

    height: 13px;

    margin: 7px;

    position:relative;

    z-index: 300;

}

.multiscroll-slidesNav li {

    display: inline-block;

}

#multiscroll-nav li a,

.multiscroll-slidesNav li a {

    display: block;

    position: relative;

    z-index: 300;

    width: 100%;

    height: 100%;

    cursor: pointer;

    text-decoration: none;

}

#multiscroll-nav li .active span,

.multiscroll-slidesNav .active span {

    width: 16px;

    height: 16px;

    top: -2px;

    left: -2px;

	background:rgba(255,255,255,0);

    z-index: 300;

}

#multiscroll-nav span,

.multiscroll-slidesNav span {

    top: 2px;

    left: 2px;

    width: 8px;

    height: 8px;

    border: 1px solid #fff;

	text-align:center;

	background:rgba(255,255,255,1);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    z-index: 300;

}

.multiscroll-tooltip {

    position: absolute;

    color: #fff;

    font-size: 10px;

	width:90px;

	background:rgba(0,0,0,.9);

	box-shadow: 0 0 15px rgba(0,0,0,0.3);

	height:26px;

	line-height:26px;

	font-family: 'Lato', sans-serif;

	font-weight:400;

    top: -7px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

	text-transform:uppercase;

    z-index: 300;

}

.multiscroll-tooltip.right {

    right: 25px;

	text-align:center;

}

.multiscroll-tooltip.left {

    left: 25px;

	text-align:center;

}