.ContentWrapper {
    overflow: hidden;
}
 
.leftarrow.large.round{
 display: none !important;
}
.rightarrow.large.round{
 display: none !important;
}
 
.leftarrow.large.number,.rightarrow.large.number{display:none !important;}
 .bullets.simplebullets.number .bullet {

}

.bullets.simplebullets.number .bullet:after {

}
.bullets.simplebullets.number .bullet.selected:after {

}
.bullets.simplebullets.round .bullet.selected{
   
}
.slotholder:after {
 
}
@media screen  and (min-width:768px)    {
.bullets {
    position: absolute;
    right: -80px;
    top: calc(50% - 50px) !important;
    left: inherit !important;
    width: 80px!important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    height: 100px;
}
.ContenuBanner{color: #FFF;font-size: 4em;
width: calc(100% - 140px);text-align: center;
font-family: 'Marcellus SC', serif;
text-transform: uppercase;
margin-bottom: 80px;
text-shadow: #000 2px 2px 2px;}
.ContentBanner {
    width: 100% !important;
    height: calc(100% - 100px) !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: flex-end;
    line-height: 45px  !important;
    top: 0px !important;
    z-index:99999;
    white-space: pre-wrap !important;
    justify-content: center;
    font-family: 'Marcellus SC', serif;
}
.BannerPrincipal img{
   height: 100vh;
}
.BannerPrincipal {
    width: 100%;
    height: 100vh;
    position: relative;
    min-height: 600px !important;
}
.banner {
    position: relative;
    height: 100vh !important;
    min-height: 600px !important;
}
}

@media screen  and (max-width:767px) {
.bullets.simplebullets.round .bullet {

    margin-left: 2px !important;
    margin-right: 2px !important;
}
.responsive .bullets {
    width: 200px !important;
}
.slotholder:after {
   /* background: rgba(255,255,255,0.37);
    content: "";
    left: 00%;
    position: absolute;
    top: 00%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    z-index: 1;
    width: 100%;
    height: 100%;*/
 
}
.BannerTop {
    position: relative;
    top: 0px;
    width: 100%;
    height: 300px;
    margin-left: 0px;
}	
.banner {
    position: relative;
    height: 300px !important;
}
.BannerPrincipal img{
   height: 100%;
}
.BannerPrincipal {
    width: 100%;
    height: 300px;
    position: relative;
}
.bullets.simplebullets.number .bullet.selected {
    padding-right: 67px;
}
}


 @media only screen and (max-width: 479px) and (min-width: 0px){
.responsive .bullets {

}
 
}
 @media only screen and (max-width: 767px) {
.bullets.simplebullets.number .bullet.selected:after {
    width: 50px;
}
.responsive .bullets {
    /*display: block !important;
    right: 00px !important;*/
}
.bullets.simplebullets.number .bullet:after {
    width: 20px;
}
.ContenuBanner{color: #FFF;font-size: 20px;width: calc(100% - 60px);text-align: center; letter-spacing: 0px;text-transform: uppercase;font-family: 'Marcellus SC', serif;z-index: 9999; text-shadow: #000 2px 2px 2px;}
.ContentBanner {
    width: 100% !important;
    height:100% !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: flex-end;
    line-height: 45px  !important;
    top: 0px !important;
    z-index:99999;
    white-space: pre-wrap !important;
    justify-content: center;
    font-family: 'Marcellus SC', serif;
}
.ContenuBanner {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}
}
.bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    width: 7px;
    height: 7px;
    box-shadow: 0 0 0 2px transparent;
    margin-bottom: 13px !important;
    background: #e1e1e1 !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;  border: 3px solid #f5f5f5;
}
.bullets.simplebullets.round .bullet.selected{
    background: #606060 !important;
    box-shadow: 0 0 0 2px #606060 !important;
    border: 3px solid #f5f5f5;

}
.bullets.simplebullets.round .bullet:hover {
        background: #606060 !important;
    box-shadow: 0 0 0 2px #606060 !important;
    border: 3px solid #f5f5f5;
}
