.slotholder {
    position: relative;
}
.bullets {

}


.slotholder img{width:100% !important;}
.bullets {
    z-index: 9999999  !important;
    position: absolute;
    display: table;
    margin: auto;
    bottom: 0px !important;
    width: 20px !important;
}
.bannercontainer  .bullets.simplebullets .bullet.selected{
    background : none !important;
    border:3px solid #f8d958 !important;
}
.bullets.simplebullets.round .bullet{cursor:pointer;position:relative;width: 16px !important;height: 16px !important;display: bloc !important;text-indent:-9999px;padding:0;padding-right:0px;margin:0;background: #dad1cd;margin-right: 5px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin-top: 10px !important;}


.slotholder:after {
    background: rgba(0,0,0,.4);
    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%;
 
    background-image: url(../Images/bglogo.png);
    background-repeat:no-repeat;
    background-position:50% 00%;
}
.Span1 {
    /* font-family: 'Hurme Geometric Sans 1'; */
    /* font-weight: 100; */
    font-family: 'Hurme Geometric Sans 1';
    text-transform: uppercase;
    font-size: 15em;
    display: block;
    line-height: 1em;
    font-family: 'Hurme Geometric Sans 1';
}

.Span2 {
    font-family: 'Remachine Script Personal Use';
    font-weight: bold;
    font-size: 10em;
    /* line-height: inherit; */
    display: block;
    line-height: 1em;
}
.leftarrow.large.round, .rightarrow.large.round {
    display:none !important;
}

@media screen   and (max-width:767px)  {
	.Span1 {

   font-weight: 200; 
    font-family: 'Hurme Geometric Sans 1';
    text-transform: uppercase;
    font-size: 15em;
    display: block;
    line-height: 1em;
    font-family: 'Hurme Geometric Sans 1';
    color:#fff !important;
    z-index:9999;
    margin-top:30px
}

.Span2 {
    font-family: 'Remachine Script Personal Use';
    font-weight: bold;
    font-size: 15em;
    /* line-height: inherit; */
    display: block;
    line-height: 2em;
}


	.bullets.simplebullets.round .bullet {
		margin-left:5px !important;
	}
.slotholder img{height:100% !important;}
 .apex-slider img{height:400px !important;}
.bullets {
    z-index: 300;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 10px) !important;
    bottom: 50px !important;
    width: 100% !important;
    margin-left: 5px;
    /* margin-right: 5px !important; */
}
.bannercontainer img {
    height: 400px !important;
    min-width: 100% !important;
}
  .banner {
    height: 400px !important;
}
.BannerContent  {
	width: 100vw !important;
	height: 100% !important;
}
 .BannerContent1 {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;line-height:auto !important;width: 100vw !important;height: 100% !important;top: 24px !important;z-index: 9999999999;}

.BannerContenue {
	width:100%;
	padding:0px 15px;
	color: #fff;
	line-height: initial;
	text-align: center;
	position: absolute;
	line-height: 1em;
	height: 100% !important;
	top: 0px !important;
	z-index: 99;
}
}
@media screen   and (min-width:768px)  {
.bullets {
    z-index: 300;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 10px) !important;
    bottom: 50px !important;
}
.BannerContent  {
	width: 100vw !important;
	height: 100% !important;
}
.BannerHomeScroll{
    position: relative;
    height: 100vh;
}
 .bannercontainer {
    position: relative;
    height: 100vh;
}
.bannercontainer img {
    height: 100vh !important;
    max-height: 100vh !important;
    min-width: 100% !important;
    width: 100% !i;
}
 .BannerContent1 {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-align: center;
 -webkit-align-items: center;
 -webkit-box-align: center;
 align-items: center;
 line-height: initial !important;
 width: 100% !important;
 height: 100% !important;
 }

.BannerContenue {
	width:100%;
	padding:0px 15px;
	color: #fff;
	line-height: initial;
	text-align: center;
	position: absolute;
	line-height: 1em;
	z-index: 99;
	height: 100vh;
	left: 0px !important;
}
 
}




.bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    width: 13px !important;
    height: 13px !important;
    display: block;
    text-indent: -9999px;
    padding: 0;
    padding-right: 0px !important;
    margin: 0;
    background: #dad1cd !important;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 5px !important;
}







@media screen   and (min-width:768px)  {
 

}





a {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
text-decoration:none;
}
 





@media only screen and (max-width: 767px) {
.responsive .bullets {
    display: block !important;
}

.slotholder {
    position: relative;
}
.bullets {

}




.bullets {
    z-index: 999!important;
    position: absolute;
    display: table;
    margin: auto;
    bottom: 0px !important;
    width: 20px !important;
}
.bannercontainer  .bullets.simplebullets .bullet.selected{
    background : none !important;
    border:3px solid #f8d958 !important;
}
.bullets.simplebullets.round .bullet{cursor:pointer;position:relative;width: 16px !important;height: 16px !important;display: bloc !important;text-indent:-9999px;padding:0;padding-right:0px;margin:0;background: #dad1cd;margin-right: 5px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin-top: 10px !important;}


.slotholder:after {
    background: rgba(0,0,0,.4);
    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%;


}
.Span1 {
    /* font-family: 'Hurme Geometric Sans 1'; */
    /* font-weight: 100; */
    font-family: 'Hurme Geometric Sans 1';
    text-transform: uppercase;
    font-size: 15em;
    display: block;
    line-height: 1em;
    font-family: 'Hurme Geometric Sans 1';
}

.Span2 {
    font-family: 'Remachine Script Personal Use';
    font-weight: bold;
    font-size: 10em;
    /* line-height: inherit; */
    display: block;
    line-height: 1em;
}
.leftarrow.large.round, .rightarrow.large.round {
    display:none !important;
}

@media screen   and (max-width:767px)  {
	.Span1 {

   font-weight: 200; 
    font-family: 'Hurme Geometric Sans 1';
    text-transform: uppercase;
    font-size: 15em;
    display: block;
    line-height: 1em;
    font-family: 'Hurme Geometric Sans 1';
    color:#fff !important;
    z-index:9999;
    margin-top:30px
}

.Span2 {
    font-family: 'Remachine Script Personal Use';
    font-weight: bold;
    font-size: 15em;
    /* line-height: inherit; */
    display: block;
    line-height: 2em;
}


	.bullets.simplebullets.round .bullet {
		margin-left:5px !important;
	}
.slotholder img{height:100% !important;}
 .apex-slider img{height:400px !important;}
.bullets {
    z-index: 300;
    position: absolute;
    bottom: 10px;
    left: 0px !important;
    bottom: 50px !important;
    width: 100% !important;
    margin-left: 5px;
    /* margin-right: 5px !important; */
    text-align:;
}
.bannercontainer img {
    height: 400px !important;
    min-width: 100% !important;
}
  .banner {
    height: 400px !important;
}
.BannerContent  {
	width: 100vw !important;
	height: 100% !important;
}
 .BannerContent1 {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;line-height:auto !important;width: 100vw !important;height: 100% !important;top: 24px !important;z-index: 9999999999;}

.BannerContenue {
	width:100%;
	padding:0px 15px;
	color: #fff;
	line-height: initial;
	text-align: center;
	position: absolute;
	line-height: 1em;
	height: 100% !important;
	top: 0px !important;
	z-index: 99;
}
}
@media screen   and (min-width:768px)  {
.bullets {
    z-index: 300;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 10px) !important;
    bottom: 50px !important;
}
.BannerContent  {
	width: 100vw !important;
	height: 100% !important;
}
.BannerHomeScroll{
    position: relative;
    height: 100vh;
}
 .bannercontainer {
    position: relative;
    height: 100vh;
}
.bannercontainer img {
    height: 100vh !important;
    max-height: 100vh !important;
    min-width: 100% !important;
    width: 100% !i;
}
 .BannerContent1 {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-align: center;
 -webkit-align-items: center;
 -webkit-box-align: center;
 align-items: center;
 line-height: initial !important;
 width: 100% !important;
 height: 100% !important;
 }

.BannerContenue {
	width:100%;
	padding:0px 15px;
	color: #fff;
	line-height: initial;
	text-align: center;
	position: absolute;
	line-height: 1em;
	z-index: 99;
	height: 100vh;
	left: 0px !important;
}
 
}




.bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    width: 13px !important;
    height: 13px !important;
    display: block;
    text-indent: -9999px;
    padding: 0;
    padding-right: 0px !important;
    margin: 0;
    background: #dad1cd !important;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 5px !important;
}







@media screen   and (min-width:768px)  {
 

}





a {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
text-decoration:none;
}
 





@media only screen and (max-width: 767px) {
.responsive .bullets {
    display: block !important;
}
 
.ElementSelected {
    font-size: 14px !important;

}
.Element{
    font-size: 14px !important;
}

}







