/*
skins available:
	- sweet
	- powerful
	- charming
*/

/* the container */
.allinone_carousel {
	position:relative;
}
.allinone_carousel img {
	max-width:none;
	max-height:none;
}

.bannerPhoto {
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border: 5px solid #fff;
}
.bannerPhoto::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	bottom: 5px;
	right: 5px;
	border-radius: 50%;
	background: #009ee0;
	opacity: 0.3;
}
.slideText {
	position: absolute;
	bottom: -50px;
	background: #fff;
	color:#232323;
	text-transform: uppercase;
	display: inline-block;
	padding: 25px;
	border-radius: 100px;
}
.allinone_carousel_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

.allinone_carousel .contentHolder {
	position:relative;
	overflow:hidden;
}
.mycanvas {
	position:absolute;
	top:8px;
	right:10px;
	z-index:1000;
}

.myloader {
	background:url(../images/loader.gif);
	width:37px;
	height:37px;
	position:absolute;
	left:49%;
	top:49%;
	z-index:999;
}


/***powerful SKIN***/

.allinone_carousel.powerful .contentHolderUnit {
	position:absolute;
	/*float:left;
	display:block;*/
	width:380px;
	height:380px;
	overflow:hidden;
	cursor: pointer;
	background:url(images/empty.gif) repeat;
}

.allinone_carousel.powerful .elementTitle {
	position:absolute;
	left:0;
	top: auto !important;
	text-align:center;
	width: 100%;
	bottom: 0;
}
.newFS {
	background: #2dafe6;
	color:#fff;
  display: inline-block;
  padding: 30px 60px;
  border-radius: 100px;
  font-size: 20px !important;
  font-weight: 500;
  position: relative;
}
.newFS:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #2dafe6;
	border-width: 8px;
	margin-left: -8px;
}
.allinone_carousel.powerful .playOver {
	position:absolute;
	width:100px;
	height:100px;
	background:url(skins/powerful/play_over.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.allinone_carousel.powerful .playOver:hover {
	background:url(skins/powerful/play_over2.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.text {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	font-weight: normal;
	color:#FFFFFF;
	text-transform: none;
}


.allinone_carousel.powerful .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:101;
	width:100%;
}

.allinone_carousel.powerful .leftNav {
	position:absolute;
	left:-30px;
	width: 20px;
	height:32px;
	background:url(../images/leftArrow.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_carousel.powerful .leftNav:hover {
	background:url(../images/leftArrowHover.png) 0 0 no-repeat;
}
.allinone_carousel.powerful .rightNav {
    position: absolute;
    right: -30px;
    width: 20px;
    height: 32px;
    background: url(../images/rightArrow.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.powerful .rightNav:hover {
	background:url(../images/rightArrowHover.png) 0 0 no-repeat;
}
.allinone_carousel.powerful .bottomNav {
	position:absolute;
	height:35px;
	width:0;
	padding-left:9px;
	margin-left:-3px;
	z-index:140;
}
.allinone_carousel.powerful .bottomNavButtonOFF {
	float:left;
	display:block;
	width:13px;
	height:13px;
	background:url(skins/powerful/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_carousel.powerful .bottomNavButtonON {
	float:left;
	display:block;
	width:13px;
	height:13px;
	padding-left:9px;
	background:url(skins/powerful/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_carousel.powerful .bottomNavLeft {
	position:absolute;
	width:0px;
	height:35px;
	bottom:-10px;
	z-index:140;
}
.allinone_carousel.powerful .bottomNavRight {
	position:absolute;
	width:0px;
	height:35px;
	bottom:-10px;
	z-index:140;
}

.allinone_carousel.powerful .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(skins/powerful/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	margin-left:-25px;
}
.allinone_carousel.powerful .bottomOverThumb img {
	border:4px solid #FFFFFF;
}



.hideElement {
	display:none;
}