.allinone_carousel {
    position: relative
}
.allinone_carousel img {
    max-width: none;
    max-height: none;
}

.allinone_carousel:after {
   content:"";
   position: absolute;
   top:100px;right:0;bottom:0;left: 0;
   z-index:-2;      
   -webkit-box-shadow:0px 250px 15px -35px rgba(0,0,0,.25);
   -moz-box-shadow:0px 250px 15px -35px rgba(0,0,0,.25);
   box-shadow:0px 250px 15px -35px rgba(0,0,0,.25);
   -webkit-border-radius:50%;
   -moz-border-radius:50%;
   border-radius:50%;
   transform:scaleY(.3);
   -webkit-transform:scaleY(.3);
   -moz-transform:scaleY(.3);
   -ms-transform:scaleY(.3);
   -o-transform:scaleY(.3);
}
    
.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;
    display:none !important;
}
.myloader {
    width: 37px;
    height: 37px;
    position: absolute;
    left: 49%;
    top: 49%;
    z-index: 999
}
.allinone_carousel.charming .contentHolderUnit {
    position: absolute;
    width: 40%;
    height: 80%;
    overflow: hidden;
    cursor: pointer;
    border: 10px solid aliceblue;
}
.allinone_carousel.charming .elementTitle {
    position: absolute;
    left: 0;
    top: 340px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize
}
.allinone_carousel.charming .playOver {
    position: absolute;
    width: 73px;
    height: 73px;
    display: none;
    z-index: 200;
    cursor: pointer
}
.allinone_carousel.charming .bannerControls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
    margin-top:13% !important;
}
.allinone_carousel.charming .leftNav {
    position: absolute;
    left: 5%;
    width: 20px;
    height: 36px;
    /*background: url(../../images/slider/leftNavOFF.png) no-repeat;*/
    background-size: 20px 38px;
    cursor: pointer;
    display: block !important;
    margin-top: 0px !important;
}
.allinone_carousel.charming .leftNav:hover {
    /*background: url(../../images/slider/leftNavOFF.png) no-repeat;*/
    background-size: 20px 38px;
    width: 20px;
    height: 36px;
    color:#fff;
}
.allinone_carousel.charming .rightNav {
    position: absolute;
    right: 4.5%;
    width: 20px;
    height: 36px;
    /*background: url(../../images/slider/rightNavOFF.png) no-repeat;*/
    background-size: 20px 38px;
    cursor: pointer;
    display: block !important
}
.allinone_carousel.charming .rightNav:hover {
    /*background: url(../../images/slider/rightNavOFF.png) no-repeat;*/
    background-size: 20px 38px;
    width: 20px;
    height: 36px;
    color:#fff;
}
@media screen and (max-width: 768px) {
    .allinone_carousel.charming .leftNav,
    .allinone_carousel.charming .leftNav:hover,
    .allinone_carousel.charming .rightNav:hover {
        background-size: 35px 35px
    }
    .allinone_carousel.charming .leftNav {
        left: 0
    }
    .allinone_carousel.charming .rightNav {
        right: 0;
        background-size: 35px 35px
    }
}
@media screen and (max-width: 640px) {
    .allinone_carousel.charming .leftNav,
    .allinone_carousel.charming .rightNav {
        display: none!important
    }
}
.allinone_carousel.charming .bottomNav {
    position: absolute;
    height: 35px;
    width: 0;
    padding-left: 9px;
    z-index: 140
}
.allinone_carousel.charming .bottomNavButtonOFF,
.allinone_carousel.charming .bottomNavButtonON {
    float: left;
    display: block;
    width: 19px;
    height: 19px;
    padding-left: 9px;
    cursor: pointer
}
.allinone_carousel.charming .bottomNavLeft,
.allinone_carousel.charming .bottomNavRight {
    display: none;
    position: absolute;
    z-index: 140
}
.allinone_carousel.sweet .playOver,
.allinone_carousel.sweet .playOver:hover {
    display: none;
    z-index: 200;
    cursor: pointer
}
.allinone_carousel.charming .bottomOverThumb img {
    border: 4px solid #22032e
}
.allinone_carousel.powerful .bottomOverThumb img,
.allinone_carousel.sweet .bottomOverThumb img {
    border: 4px solid #FFF
}
.allinone_carousel.sweet .contentHolderUnit {
    position: absolute;
    width: 520px;
    height: 385px;
    overflow: hidden;
    cursor: pointer
}
.allinone_carousel.sweet .elementTitle {
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    text-align: center;
    font: 700 22px/30px 'Droid Sans', Verdana, Helvetica, sans-serif;
    color: #FFF;
    text-transform: capitalize
}
.allinone_carousel.sweet .bannerControls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%
}
.allinone_carousel.sweet .leftNav {
    position: absolute;
    left: -5px;
    width: 110px;
    height: 157px;
    background: url(../../images/slider/leftNavOFF.png) no-repeat;
    cursor: pointer
}
.allinone_carousel.sweet .leftNav:hover {
    background: url(../../images/slider/leftNavON.png) no-repeat
}
.allinone_carousel.sweet .rightNav {
    position: absolute;
    right: -5px;
    width: 110px;
    height: 157px;
    background: url(../../images/slider/rightNavOFF.png) no-repeat;
    cursor: pointer
}
.allinone_carousel.sweet .rightNav:hover {
    background: url(../../images/slider/rightNavON.png) no-repeat
}
.allinone_carousel.sweet .bottomNav {
    position: absolute;
    height: 35px;
    width: 0;
    padding-left: 9px;
    z-index: 140
}
.allinone_carousel.sweet .bottomNavButtonOFF,
.allinone_carousel.sweet .bottomNavButtonON {
    float: left;
    display: block;
    width: 11px;
    height: 11px;
    padding-left: 9px;
    cursor: pointer
}
.allinone_carousel.sweet .bottomNavLeft,
.allinone_carousel.sweet .bottomNavRight {
    position: absolute;
    width: 63px;
    height: 35px;
    bottom: -10px;
    z-index: 140
}
.allinone_carousel.sweet .bottomOverThumb {
    position: absolute;
    width: 88px;
    height: 106px;
    background: url(../../images/slider/bottomOverThumbBg.png) 23px bottom no-repeat;
    bottom: 27px;
    margin-left: -25px
}
.allinone_carousel.powerful .contentHolderUnit {
    position: absolute;
    width: 326px;
    height: 329px;
    overflow: hidden;
    cursor: pointer
}
.allinone_carousel.powerful .elementTitle {
    position: absolute;
    left: 0;
    top: 370px;
    width: 100%;
    text-align: center;
    font: 700 16px/25px 'Droid Sans', Verdana, Helvetica, sans-serif;
    color: #333;
    text-transform: uppercase
}

.text_span_powerful {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: #FFF;
    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: -23px;
    width: 110px;
    height: 157px;
    background: url(../../images/slider/leftNavOFF.png) no-repeat;
    cursor: pointer
}
.allinone_carousel.powerful .leftNav:hover {
    background: url(../../images/slider/leftNavON.png) no-repeat
}
.allinone_carousel.powerful .rightNav {
    position: absolute;
    right: -23px;
    width: 110px;
    height: 157px;
    background: url(../../images/slider/rightNavOFF.png) no-repeat;
    cursor: pointer
}
.allinone_carousel.powerful .rightNav:hover {
    background: url(../../images/slider/rightNavON.png) 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,
.allinone_carousel.powerful .bottomNavButtonON {
    float: left;
    display: block;
    width: 13px;
    height: 13px;
    padding-left: 9px;
    cursor: pointer
}
.allinone_carousel.powerful .bottomNavLeft,
.allinone_carousel.powerful .bottomNavRight {
    position: absolute;
    width: 0;
    height: 35px;
    bottom: -10px;
    z-index: 140
}
.allinone_carousel.powerful .bottomOverThumb {
    position: absolute;
    width: 88px;
    height: 106px;
    background: url(../../images/slider/bottomOverThumbBg.png) 23px bottom no-repeat;
    bottom: 27px;
    margin-left: -25px
}
.hideElement {
    display: none
}