.article.widget-basic-slider[data-sliderType="1"] {
	margin-left: 50%;
	width: 100vw;
	transform: translate3d(-50%, 0, 0);
}

.article.widget-basic-slider > .margin > .padding {
	padding: 0 !important;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider {
	position:relative;
	width:100%;
	overflow:hidden;
	top:0px;
	left:0px;
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > .hidden-image {
	visibility: hidden;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider.fade-in {
	opacity: 0;
	
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides {
	height: 100%;  
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.article.widget-basic-slider > .margin > .padding > .basic-slider[data-animation="slide"] > ol.slides {
	will-change: transform;
	display: flex;
}
.article.widget-basic-slider > .margin > .padding > .basic-slider[data-animation="fade"] > ol.slides .slide {
	will-change: opacity;
	position: absolute;
	left: 0;
	opacity: 0;
}
.article.widget-basic-slider > .margin > .padding > .basic-slider[data-animation="fade"] > ol.slides .slide:first-child {
	opacity: 1;
	z-index: 1;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide {
	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #ccc;
	text-align: center;
	color:#fff;
	visibility:hidden;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > a {
	color: inherit;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide [role=img] {
	height: 100%;
	background-size: cover; 
	background-position:50% 50%;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide.alive { 
	visibility:visible; 
}

.article.widget-basic-slider > .margin > .padding > .basic-slider.arrow-hover .nav{
	opacity: 0;
	visibility: hidden;
}



.article.widget-basic-slider > .margin > .padding > .basic-slider.arrow-hover:hover .nav{
	opacity: 1;
	visibility: visible;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider.bullet-hover > .bullet-wrap {
	visibility: hidden;
	opacity: 0;
	transition: 0.66s ease-in-out;
	transition-property: opacity, visibility;
	z-index: 1;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider.bullet-hover:hover > .bullet-wrap {
	opacity: 1;
	visibility: visible;
}
.article.widget-basic-slider > .margin > .padding > .basic-slider > .bullet-wrap {
	position: absolute;
	bottom: 30px;
	text-align: center;
	width: 100%;
}
.article.widget-basic-slider > .margin > .padding > .basic-slider > .bullet-wrap > ol.bullets {
	
	left: 50%;
	margin: 0;
	padding: 0;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > .bullet-wrap > ol.bullets > li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-left: 5px;
	background: #fff;
	list-style: none;
	opacity: 0.7;
	cursor: pointer;
	transition: opacity 0.15s ease-in-out;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > .bullet-wrap > ol.bullets > li.active,
.article.widget-basic-slider > .margin > .padding > .basic-slider > .bullet-wrap > ol.bullets > li:hover {
	opacity: 1;
}

/* video */
.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper {
	margin: 0 auto;
	max-width: 1200px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper.video {
	max-width: 100%;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div {
	display: flex;
	height: 100%;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div  > i {
	font-size: 40px;
	cursor: pointer;
	transition: color 0.15s ease-in-out;
	margin: auto;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div > i:hover {
	color: #D8D8D8;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div > i.close {
	display: none;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div > iframe {
	display: none;
	width: 100%;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div > iframe.active {
	display: block;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div > iframe.active ~ i.close {
	display: block;
	position: absolute;
	z-index: 50;
	top: 45px;
	right: 100px;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div > .video-no-cookies {
	width: 100%;
	margin-top: 40px;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper[data-background='1'][data-auto-play='1'] > div > iframe.active ~ i.play,
.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper[data-background='1'][data-auto-play='1'] > div > iframe.active ~ i.close,
.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div > iframe.active ~ i.play {
	display: none;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper > div > .cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper[data-background='1'] > div > .cover {
	display: block;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide > .video-wrapper[data-background='1'] > div > iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 
* TEXT
*/
.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text {
	position: absolute;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text > div > div {
	position: relative;
	padding: 30px 50px;
	background-color: #F2F2F2;
	font-size: 18px;
	line-height: 26px;
	color: #191B1C;
	z-index: 1;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text > div:after {
	content: '';
	border: solid 1px #F2F2F2;
	position: absolute;
	top: 5px;
	left: 5px;
	right: -5px;
	bottom: -5px;
	z-index: 0;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text > div > div p {
	margin-bottom: 10px;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text > div > div [rel="button"] {
	background-color: #191B1C;
	margin-top: 10px;
	transition: background-color 0.2s linear;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text > div > div [rel="button"]:hover {
	background-color: #363839;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.br{
	bottom: 50px;
	right: 30px;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.bl{
	bottom: 50px;
	left: 30px;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.bc{
	bottom: 50px;
	left: 0;
	right: 0;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.tl{
	top: 50px;
	left: 30px;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.tr{
	top: 50px;
	right: 30px;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.tc{
	top: 50px;
	left: 0;
	right: 0;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.mc{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.ml {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 0 !important;
    float: left;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.mr {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 0 !important;
    float: right;
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.tc,
.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.bc {
	left: 50%;
	right: unset;
	transform: translateX(-50%);
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper > .overlay-text.mc {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* arrows */
.article.widget-basic-slider > .margin > .padding > .basic-slider > .nav { 
	position:absolute; 
	z-index:9; 
	top:50%; 
	margin-top: -24px;
	cursor:pointer; 
	color:#fff; 
	opacity:0.7; 
	transition: opacity 0.66s ease;
  }

.article.widget-basic-slider > .margin > .padding > .basic-slider > .nav:hover { 
	opacity:1.0; 
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > .arrow-left { 
	left:3%; 
}

.article.widget-basic-slider > .margin > .padding > .basic-slider > .arrow-right { 
	right:3%; 
}


/*A*/
@media (max-width: 1024px)
{
	.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper {
		max-width: 85%;
	}
	
	.article.widget-basic-slider > .margin > .padding > .basic-slider.bullet-hover > .bullet-wrap {
		bottom: 10px;
	}
}

/*B*/
@media (max-width: 991px)
{
	.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper {
		max-width: 85%;
	}
	
	.article.widget-basic-slider > .margin > .padding > .basic-slider.bullet-hover > .bullet-wrap {
		bottom: 10px;
	}
}

/*C*/
@media (max-width: 767px)
{
	.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper {
		max-width: 80%;
	}
	
	.article.widget-basic-slider > .margin > .padding > .basic-slider.bullet-hover > .bullet-wrap {
		bottom: 0px;
	}
}

/*D*/
@media (max-width: 479px)
{
	.article.widget-basic-slider > .margin > .padding > .basic-slider > ol.slides > .slide .text-wrapper {
		max-width: 70%;
	}
}
