@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    src: url('../../fonts/OpenSans-VariableFont_wdth.woff2') format('woff2 supports variations'),
            url('../../fonts/OpenSans-VariableFont_wdth.woff2') format('woff2-variations');
}

body {
	-webkit-font-smoothing: antialiased;
	color: #232525;
	padding: 0;
	margin: 0;
    font-family: 'Open Sans', sans-serif;
}
.outer {
	width: 788px;
	height: 388px;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #eee;
}
.container {
	padding: 0;
}
#slides {
	display: none;
	padding: 3px;
}
.slidesjs-container {
	height: 345px !important;
	margin-bottom: 20px;
}
#slides .slidesjs-navigation {
	margin-top:5px;
}
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
	background-image: url(../img/btns-next-prev.png);
	background-repeat: no-repeat;
	display:block;
	width:12px;
	height:18px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin-right:5px;
}
a.slidesjs-next {
	margin-right:10px;
	background-position: -12px 0;
}

a:hover.slidesjs-next {
	background-position: -12px -18px;
}

a.slidesjs-previous {
	background-position: 0 0;
}

a:hover.slidesjs-previous {
	background-position: 0 -18px;
}

a.slidesjs-play {
	width:15px;
	background-position: -25px 0;
}

a:hover.slidesjs-play {
	background-position: -25px -18px;
}

a.slidesjs-stop {
	width:18px;
	background-position: -41px 0;
}

a:hover.slidesjs-stop {
	background-position: -41px -18px;
}

.slidesjs-pagination {
	margin: 7px 0 0;
	float: right;
	list-style: none;
}

.slidesjs-pagination li {
	float: left;
	margin: 0 1px;
}

.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url(../img/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
	background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
	background-position: 0 -26px
}
#slides a:link,
#slides a:visited {
	color: #333;
	transition: none;
}
#slides a:hover,
#slides a:active {
	color: #9e2020;
	transition: none;
}
.slidesjs-slide h1 {
	padding:0px 0px 15px 0px;
}
.navbar {
	overflow: hidden
}
#slides h1 {
	font-size: 32px;
	margin-top: 2px;
	margin-bottom: 18px;
}
#slides p {
	font-size: 15px;
	line-height: 25px;
}