/* Styles */
.ob-notices-wrapper  {
	position:fixed;
	z-index: 90;
	bottom:0;
	left: 0;
	right: 0;
	width: 100%;
}

.ob-notices-container {
	position:relative;
}
.ob-notices-wrapper .ob-notices-slider,
.ob-notices-wrapper .ob-notices-nav {
	transition: all 0.5s;
}
.ob-notices-wrapper.hidden .ob-notices-slider , 
.ob-notices-wrapper.hidden .ob-notices-nav {
	transform: translateX(100vw);
}
.ob-notices-wrapper .swiper-slide {
	padding: 15px;
	padding-right: 170px;
	display:flex;
	align-items: stretch;	
	height: auto;
}
.ob-notices-wrapper .swiper-slide > div {
	display:flex;
	align-items: center;	
}

.ob-notices-wrapper .swiper-slide  .ob-notices-title-col  {
	padding-right: 20px;
	border-right: 2px solid rgba(0,0,0,.1);
	margin-right: 20px;
	max-width: 30%;
}
.ob-notices-wrapper .swiper-slide  .ob-notices-title-col a:hover h4 {
	transform: scale(1.025);
}
.ob-notices-wrapper .swiper-slide  .ob-notices-content-col  {
	max-width: 70%;
}
.ob-notices-wrapper .swiper-slide  .ob-notices-title-col h4, 
.ob-notices-wrapper .swiper-slide  .ob-notices-content-col p {
	margin-top: 0!important;
	margin-bottom: 0!important;
	transition: all 0.5s;
}
.ob-notices-wrapper .swiper-slide  .ob-notices-content-col p {
	width: 980px;
	max-width: 100%;
}
.ob-notices-wrapper .ob-notices-btns {
	position: absolute;
    right: 0;
    top: 0;
	width: 150px;
	z-index: 10;
	 height: 100%;
}
.ob-notices-wrapper .ob-notices-close, 
.ob-notices-wrapper .ob-notices-nav {
	position: absolute;
	display: flex;
	height: 100%;
	top: 0;
	align-items: center;
	justify-content: center;
}
.ob-notices-wrapper .ob-notices-close {
    right: 0;
	width: 50px;
	cursor: pointer;
}

.ob-notices-wrapper.hidden  .ob-notices-btns {
	width: 50px;
}

.ob-notices-wrapper .ob-notices-nav {
    right: 50px;
    width: 100px;
}

.ob-notices-wrapper .ob-notices-close svg {
	height: 30px;
}

.ob-notices-wrapper .ob-notices-nav .swiper-button-prev, 
.ob-notices-wrapper .ob-notices-nav .swiper-button-next {
	margin-top:0;
	top: auto;
	height: 30px;
}
.ob-notices-wrapper .ob-notices-nav .swiper-button-prev:after, 
.ob-notices-wrapper .ob-notices-nav .swiper-button-next:after {
	font-size: 30px;
}