
.rm_wrapper{
	width:1160px;
	margin:0 auto;
	position:relative;
}
.rm_container{
	box-sizing: unset !important;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 1070px;
}
.rm_mask{
  margin-left: -43px;
  margin-right: -63px;
  margin-top: -27px;
  position: absolute;
  z-index: 998;
}
.rm_mask img{
	width:100%;
}
.rm_container h2{
	background: transparent url(../images/lines.png) repeat top left;
	padding: 10px 30px;
	position: absolute;
	bottom: 130px;
	font-size: 38px;
  font-style: italic;
	right: 8px;
	color: inherit;
	font-size: 38px;
	text-shadow: 1px 0px 1px #fff;
	z-index: 999;
}
.rm_container ul{
	width:1170px;
	height:520px;
	overflow: hidden;
}
.rm_container ul li{
	float:left;
	margin-left:-80px;
	position:relative;
	overflow:hidden;
	width:310px;
	height:465px;
	border:0;
	border-width:0;
	background-color:#eae4d8;
}

.rm_container ul li.rm_container_1{
	background: none repeat scroll 0 0 #eae4d8;
	height: 470px;
	margin-left: -81px;
	margin-top: 10px;
	width: 366px;
}
.rm_container ul li.rm_container_2{
  background: none repeat scroll 0 0 #eae4d8;
  height: 500px;
  margin-left: -83px;
  margin-top: -20px;
  width: 395px;
}
.rm_container ul li.rm_container_3{
  background: none repeat scroll 0 0 #eae4d8;
  height: 523px;
  margin-left: -102px;
  margin-top: 22px;
  width: 290px;
}
.rm_container ul li.rm_container_4{
    background: none repeat scroll 0 0 #eae4d8;
    height: 510px;
    margin-left: -10px;
    margin-top: 30px;
    width: 315px;
}
.rm_container ul li img{
	position:absolute;
	top:0px;
	left:0px;
}
.rm_mask_right, .rm_mask_left{
	position: absolute;
	height: 110px;
	background: #f0f0f0;
	width: 530px;
	bottom: -30px;
	left: 0px;
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	transform:rotate(-3deg);
}
.rm_mask_right{
	left:auto;
	right:0px;
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	transform:rotate(3deg);
}
.rm_corner_right, .rm_corner_left{
	background: #f0f0f0;
	position:absolute;
	width:200px;
	height:100px;
	bottom:0px;
	left:-65px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.rm_corner_right{
	left:auto;
	right:-65px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.rm_nav a{
	color: #fff;
  position: absolute;
  top: 200px;
   z-index: 998;
   opacity:0.7;
}
.rm_nav a span{
  font-size: 45px;
  text-shadow: 0 0 4px #878787;
}
.rm_nav a:hover{
	opacity:1.0;
}
.rm_nav a.rm_next,.rm_nav a.rm_prev{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rm_nav a.rm_next{
	/*background:transparent url(../images/next.png) no-repeat top left;*/
	right:-5px;
}
.rm_nav a.rm_next:hover{
	right:-10px;
}
.rm_nav a.rm_prev{
	/*background:transparent url(../images/prev.png) no-repeat top left;*/
	left:-5px;
}
.rm_nav a.rm_prev:hover{
	left:-10px;
}
.rm_controls{
	bottom: 0;
  box-sizing: unset !important;
  height: 20px;
  left: 50%;
  margin: 0 0 31px -60px;
  position: absolute;
  z-index: 999;

}
.rm_controls a{
	cursor:pointer;
	opacity:0.7;
	padding-left:24px;
	font-size:15px;
	text-transform:uppercase;
	height:20px;
	float:left;
	line-height:20px;
	color:#fff !important;
  font-size: 20px;
  text-shadow: 0 0 3px #555;
}
.rm_controls a span{
  font-family: "Lato",sans-serif;
  font-weight:700;
  padding-left:10px;
}
.rm_controls a:hover{
	opacity:1.0;
}
.rm_controls a.fa-play{
}
.rm_controls a.fa-pause{
	display:none;
}

@media screen and (max-width: 1200px) {
	.rm_nav a.rm_prev {left: 5px;}
	.rm_nav a.rm_prev:hover {left: 0px;}
	.rm_nav a.rm_next {right: 5px;}
	.rm_nav a.rm_next:hover {right: 0px;}
	.rm_wrapper {
		width: 1080px;
		height: 470px;
		overflow: hidden;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 980px;
	}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 344px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 350px;
		margin-left: -79px;
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 278px;
		margin-left: -94px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 400px;
		margin-left: -20px;
	}
	.rm_container h2 {
		bottom: 174px;
		font-size: 35px;
		right: 0px;
	}
}
@media screen and (max-width: 1120px) {
	.rm_wrapper {
		width: 990px;
		height: 420px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;}
	.rm_controls {height: 10px;}
	.rm_mask {margin-top: -17px;}
	.rm_mask img {
		width: 99%;
		margin: 0 0 0 0.5%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 890px;
	}
	.rm_nav a {
		top: 180px;
	}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 323px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 330px;
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 248px;
		margin-top: 16px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 360px;
	}
	.rm_container h2 {
		bottom: 204px;
		font-size: 33px;
	}
}
@media screen and (max-width: 990px) {
	.rm_wrapper {
		width: 770px;
		height: 320px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -16px;}
	.rm_mask img {
		width: 94%;
		margin: 0 0 0 3%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 690px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 130px;
	}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 283px;
		margin-top: -50px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 260px;
		margin-top: -44px;
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 195px;
		margin-top: 16px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 300px;
	}
	.rm_container h2 {
		bottom: 271px;
		right: 6px;
		font-size: 27px;
	}
}
@media screen and (max-width: 990px) {
	.rm_wrapper {
		width: 770px;
		height: 320px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -16px;}
	.rm_mask img {
		width: 94%;
		margin: 0 0 0 3%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 690px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 130px;
	}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 283px;
		margin-top: -50px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 260px;
		margin-top: -44px;
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 195px;
		margin-top: 16px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 300px;
	}
	.rm_container h2 {
		bottom: 271px;
		right: 6px;
		font-size: 27px;
	}
}
@media screen and (max-width: 780px) {
	body.header-light header {display: none;}
	.rm_wrapper {
		width: 750px;
		height: 295px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -16px;}
	.rm_mask img {
		width: 93%;
		margin: 0 0 0 3%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 670px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 110px;
	}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 270px;
		margin-top: -50px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 260px;
		margin-top: -34px;
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 190px;
		margin-top: 16px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 200px;
		margin-top: -5px;
		margin-left: -26px;
	}
	.rm_container h2 {
		bottom: 301px;
		right: 7px;
		font-size: 26px;
	}
	.rm_controls {
		bottom: -8px;
	}
}
@media screen and (max-width: 730px) {
	body.header-light header {display: none;}
	.rm_wrapper {
		width: 710px;
		height: 280px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -16px;}
	.rm_mask img {
		width: 93%;
		margin: 0 0 0 3%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 610px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 110px;
	}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 267px;
		margin-top: -50px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 240px;
		margin-top: -44px;
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 168px;
		margin-top: 16px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 200px;
		margin-top: -20px;
		margin-left: -26px;
	}
	.rm_container h2 {
		bottom: 301px;
		right: 7px;
		font-size: 26px;
	}
}
@media screen and (max-width: 700px) {
	body.header-light header {display: none;}
	.rm_wrapper {
		width: 610px;
		height: 245px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -0px;}
	.rm_mask img {
		width: 89%;
		margin: 0 0 0 5%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 540px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 105px;
	}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 257px;
		margin-top: -50px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 210px;
		margin-top: -44px;
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 148px;
		margin-top: 0px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 200px;
		margin-top: -20px;
		margin-left: -26px;
	}
	.rm_container h2 {
		bottom: 331px;
		right: 10px;
		font-size: 23px;
	}
	#rm_play {line-height: 40px;}
}
@media screen and (max-width: 620px) {
	.rm_wrapper {
		width: 550px;
		height: 225px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -0px;}
	.rm_mask img {
		width: 84%;
		margin: 0 0 0 7%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 510px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 105px;
	}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 185px;
		margin-top: -50px;
		margin-left: -20px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 190px;
		margin-top: -54px;
		margin-left: -70px;	
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 135px;
		margin-top: 20px;
		margin-left: -90px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 150px;
		margin-top: 10px;
		margin-left: -26px;
	}
	.rm_container h2 {
		bottom: 331px;
		right: 10px;
		font-size: 23px;
	}
	#rm_play {opacity:0;visibility:hidden}
}

@media screen and (max-width: 550px) {
	.rm_wrapper {
		width: 500px;
		height: 200px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -0px;}
	.rm_mask img {
		width: 84%;
		margin: 0 0 0 7%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 430px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 85px;
	}
	.rm_nav a span {font-size: 35px;}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 175px;
		margin-top: -50px;
		margin-left: -37px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 180px;
		margin-top: -54px;
		margin-left: -70px;	
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 116px;
		margin-top: 20px;
		margin-left: -90px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 150px;
		margin-top: 10px;
		margin-left: -36px;
	}
	.rm_container h2 {
		bottom: 359px;
		right: 13px;
		font-size: 21px;
		padding: 4px 10px;
	}
}
@media screen and (max-width: 490px) {
	.rm_wrapper {
		width: 465px;
		height: 190px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -0px;}
	.rm_mask img {
		width: 82%;
		margin: 0 0 0 8%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 420px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 85px;
	}
	.rm_nav a span {font-size: 35px;}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 175px;
		margin-top: -50px;
		margin-left: -37px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 170px;
		margin-top: -54px;
		margin-left: -70px;	
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 117px;
		margin-top: 20px;
		margin-left: -90px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 150px;
		margin-top: 10px;
		margin-left: -36px;
	}
	.rm_container h2 {
		bottom: 362px;
		right: 16px;
		font-size: 19px;
		padding: 4px 10px;
	}
}
@media screen and (max-width: 450px) {
	.rm_wrapper {
		width: 435px;
		height: 180px;
		overflow: hidden;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -0px;}
	.rm_mask img {
		width: 82%;
		margin: 0 0 0 8%;
	}
	.rm_wrapper .rm_container {
		height: auto;
		width: 420px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 85px;
	}
	.rm_nav a span {font-size: 35px;}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		width: 175px;
		margin-top: -50px;
		margin-left: -37px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		width: 170px;
		margin-top: -54px;
		margin-left: -70px;	
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		width: 117px;
		margin-top: 20px;
		margin-left: -90px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 150px;
		margin-top: 10px;
		margin-left: -36px;
	}
	.rm_container h2 {
		bottom: 362px;
		right: 16px;
		font-size: 19px;
		padding: 4px 10px;
	}
}
@media screen and (max-width: 420px) {
	.rm_wrapper {
		width: 370px;
		height: 152px;
		overflow: hidden;
		margin-top: -10px;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -0px;}
	.rm_mask img {
		width: 84%;
		margin: 0 0 0 6%;
	}
	.rm_wrapper .rm_container {
		width: 358px;
		overflow: hidden;
		height: 170px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 65px;
	}
	.rm_nav a.rm_next,.rm_nav a.rm_next:hover {right: 5px;opacity:0.9;}
	.rm_nav a.rm_prev,.rm_nav a.rm_prev:hover {left: 5px;opacity:0.9;}
	.rm_nav a span {font-size: 30px;}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		margin-top: -40px;
		width: 133px;
		margin-left: -15px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		margin-left: -70px;
		margin-top: -4px;
		width: 139px;
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		margin-left: -70px;
		margin-top: 10px;
		width: 105px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 100px;
		margin-top: 6px;
		margin-left: -41px;
	}
	.rm_container h2 {
		display:none;
		bottom: 362px;
		right: 16px;
		font-size: 19px;
		padding: 4px 10px;
	}
}
@media screen and (max-width: 340px) {
	.rm_wrapper {
		width: 310px;
		height: 152px;
		overflow: hidden;
		margin-top: -10px;
	}
	.rm_container h2 {right: 1px;bottom: 260px;font-size: 23px;padding: 5px 20px;}
	.rm_mask {margin-top: -0px;}
	.rm_mask img {
		width: 85%;
		margin: 0 0 0 6%;
	}
	.rm_wrapper .rm_container {
		width: 328px;
		overflow: hidden;
		height: 150px;
	}
	.rm_controls {height: 0px;}
	.rm_nav a {
		top: 65px;
	}
	.rm_nav a.rm_next,.rm_nav a.rm_next:hover {right: 5px;opacity:0.9;}
	.rm_nav a.rm_prev,.rm_nav a.rm_prev:hover {left: 5px;opacity:0.9;}
	.rm_nav a span {font-size: 30px;}
	.rm_container ul li.rm_container_1 {
		height: inherit;
		margin-top: -40px;
		width: 133px;
		margin-left: -15px;
	}
	.rm_container ul li.rm_container_2 {
		height: inherit;
		margin-left: -70px;
		margin-top: -4px;
		width: 129px;
	}
	.rm_container ul li.rm_container_3 {
		height: inherit;
		margin-left: -70px;
		margin-top: 10px;
		width: 100px;
	}
	.rm_container ul li.rm_container_4 {
		height: inherit;
		width: 100px;
		margin-top: 6px;
		margin-left: -41px;
	}
	.rm_container h2 {
		display:none;
		bottom: 362px;
		right: 16px;
		font-size: 19px;
		padding: 4px 10px;
	}
}