body .custom-slick-slider {
    position: relative;
    width:100%;
    z-index: 0;
}

#nBnr {
	width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 4;
	font-size: 0;
}

#ec_bannerSlides {
	z-index:2;
}

#ec_bannerSlides ul {
	padding:0;
	margin:0;
	list-style:none;
	list-style-type:none;
}

#ec_bannerSlides ul li {
	padding:0;
	margin:0 auto;
	list-style:none;
	list-style-type:none;
	left:0px;
	top:0px;
	cursor: pointer;
	background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(50%, #1C212B00), to(#1C212B)) 0% 0% no-repeat padding-box;
	background: transparent -o-linear-gradient(top, #1C212B00 50%, #1C212B 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #1C212B00 50%, #1C212B 100%) 0% 0% no-repeat padding-box;
}

body.mobile #ec_bannerSlides ul li {
	height: auto;
}

body.tablet #ec_bannerSlides ul li {
	/* height: 295px; */
}

.hiddenSlide {
	display:none;	
}

#ec_bannerControls {
	position:absolute;
	width:100%;
	z-index:500;
	bottom:100px;
	right:0px;
}

.ui-loader {
	display:none!important
}

.ec_Controls {
	position:absolute; 
	z-index:2; 
	bottom:-20px;
	right:15px;
	display: none;
}

#ppPause, #ppPlay {
	padding-left:0px!important;	
	vertical-align:top;
	zoom:0.75!important;
	margin-top:4px;
}

.ec_slidersButton {
	display:inline-block;
	margin: 2px 5px;
	width:20px;
	height:20px;
	font-size:14px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	border-radius:5px;
	cursor:pointer;
	color:#C7EBCB;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}

.ec_slidersButton:hover {
	color:var(--primary-white);
	text-decoration:none;
}

.ec_slidersButton > .dott {
	width: 6px;
    height: 6px;
    border: 1px solid var(--primary-input-color);
    border-radius: 50%;
    background: #15171D 0% 0% no-repeat padding-box;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.ec_slidersButtonActive {
	color: var(--primary-white);
	cursor:default;
	font-size:20px;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}

.ec_slidersButtonActive > .dott {
	-webkit-transform: rotate(135deg) scale(2);
    -ms-transform: rotate(135deg) scale(2);
    transform: rotate(135deg) scale(2);
    -webkit-box-shadow: 0px 0px 6px #00ebff;
            box-shadow: 0px 0px 6px #00ebff;
    background: #00EBFF;
    border-radius: 9px;
}

.ppInactive {
	display:none;	
}

.navigateSlidesOff {
	opacity:0 !important;	
}

.navigateSlides {
	width:25px;
	height:40px;
	line-height:40px;
	position:absolute;
	z-index:5;
	top:50%;
	opacity:0.5;
	cursor:pointer;
}

.navigateSlides:hover {
	opacity:0.8;	
}

#navigateSlidesLeft {
	left:5px;
	background-image:url(/images/arrow_left.svg?);
	background-repeat:no-repeat;
	background-position:center;
	background-size:  10px 50px;
    width: 50px;
    height: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#navigateSlidesLeft:hover {
	background:black;
	opacity:0.1;
	background-image:url(/images/arrow_left.svg);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 30px 60px;
}

#navigateSlidesRight{
	right:5px;
	background-image:url(/images/arrow_right.svg?);
	background-repeat:no-repeat;
	background-position:center;
	background-size:  10px 50px;
    width: 50px;
    height: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:left;
}

#navigateSlidesRight:hover {
	background:black;
	opacity:0.1;
	background-image:url(/images/arrow_right.svg);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 30px 60px;
}

#navigateSlidesLeftMP {
	left:0px;
	background-image:url(/images/system/arrow_left.png);
	background-repeat:no-repeat;
	background-position:top left;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:right;
}

#navigateSlidesRightMP{
	right:0px;
	background-image:url(/images/system/arrow_right.png);
	background-repeat:no-repeat;
	background-position:top left;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:left;
}

#navigateSlidesLeftMR {
	left:0px;
	background-image:url(/images/system/arrow_left.png);
	background-repeat:no-repeat;
	background-position:top left;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:right;
}

#navigateSlidesRightMR{
	right:0px;
	background-image:url(/images/system/arrow_right.png);
	background-repeat:no-repeat;
	background-position:top left;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:left;
}

.navigateSlideArrow {
	font-size:18px;
	margin:10px 3px;	
}

.bannerSlide {
	position:relative;
	width:100%;
	color: var(--primary-white);
}

.bnr_link_button {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
}

.bnr_rules_text {
	font-size:16px;
	position:absolute;
	bottom:-20px;
	left:15px;
}

.bannerImg {
	width:100%;
	height:100%;	
	z-index: -1;
}

.bigban {
	width: 100%; 
	padding-top: 40%; 
	position: absolute;
	left:0;
	top:0;
	z-index: 1;
	background-position: center;
    background-repeat: no-repeat;
	background-size:cover;
	border-bottom:3px solid #02314d;
    -webkit-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.internal > .bigban {
	position: absolute;
    left: 0;
    top: 0;
}