body, html {
  margin: 0;
  overflow: hidden;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

body, .onepage-wrapper, html {
  display: block;
  position: static;
  padding: 0;
  width: 100%;
  height: 100%;
}

.onepage-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}

.onepage-wrapper .section {
  width: 100%;
  height: 100%;
}


/* here until */
.onepage-pagination {
  position: absolute;
  right: 0.2%;
  top: 35%;
  z-index: 5;
  list-style: none;
  
  padding: 0;
  display:none;
  
}
.onepage-pagination li {
  padding: 0;
  text-align: right;
  
}

.onepage-pagination li:first-child {
  display:none;
}

.onepage-pagination li a{
  padding: 7px 13px;
  width: auto;
  height: auto;
  display: inline-block;
  background-color:transparent;
  color:#333333;
  border:1px solid #666666;
  margin:3px;
  
}
.onepage-pagination li a:before{
  
}

.onepage-pagination li a.active{
	background-color:black;
	color:white; 
	padding:8px 75px 8px 20px;
}

.onepage-pagination li a.active span.text-active{
	display:block;
	font-family:'Titillium-Semibold';
}

.onepage-pagination li a.active span.text-nonactive{
	display:none;
	font-family:'Titillium-Regular';
}

.onepage-pagination li a span.text-active{
  	display:none;
  
}

.onepage-pagination li a span.text-nonactive{
  	display:block;
  
}

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .section {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
  display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}

@media screen and (max-width:1920px){
.onepage-pagination {
  top: 33%;
  font-size:19px;
}

.onepage-pagination li a{
  padding: 9px 18px;
}

.onepage-pagination li a.active{
	padding:9px 110px 9px 20px;
}

}

@media screen and (max-width:1920px){
    .onepage-pagination {
          top: 38.5%;
          font-size:20px;
        }
    
    .onepage-pagination li a.active{
	    padding:9px 140px 9px 30px;
    }
}

@media screen and (max-width:1811px){
    .onepage-pagination li a.active{
	    padding:9px 130px 9px 30px;
    }
}

@media screen and (max-width:1730px){
    .onepage-pagination li a.active{
	    padding:9px 120px 9px 30px;
    }
}

@media screen and (max-width:1665px) and (max-height:845px){
.onepage-pagination li a.active{
	padding:9px 90px 9px 20px;
}
}

@media screen and (max-width:1655px){
    .onepage-pagination li a.active{
	    padding:9px 110px 9px 30px;
    }
}

@media screen and (max-width:1560px) and (max-height:836px){
.onepage-pagination {
  font-size:17px;
}

.onepage-pagination li a.active{
	padding:8px 70px 8px 20px;
}

.onepage-pagination li a{
  padding: 8px 16px;
}
}


@media screen and (max-width:1550px){
    .onepage-pagination {
      top: 39.5%;
      font-size:16px;
    }
    
    .onepage-pagination li a.active{
	    padding:9px 100px 9px 30px;
    }
}

@media screen and (max-width:1510px){
    .onepage-pagination li a.active{
	    padding:9px 90px 9px 30px;
    }
}

@media screen and (max-width:1400px){
    .onepage-pagination li a.active{
	    padding:9px 80px 9px 30px;
    }
}

@media screen and (max-width:1366px) and (max-height:667px){
.onepage-pagination {
  top: 38.5%;
  font-size:16px;
}

.onepage-pagination li a.active{
	padding:8px 90px 8px 20px;
}

}

@media screen and (max-width:1355px) and (max-height:640px){
.onepage-pagination {
  top: 39.5%;
  font-size:15px;
}

.onepage-pagination li a.active{
	padding:8px 95px 8px 20px;
}

}


@media screen and (max-width:1300px) and (max-height:640px){
.onepage-pagination {
  top: 39.5%;
  font-size:15px;
}

.onepage-pagination li a.active{
	padding:8px 90px 8px 20px;
}

}




@media screen and (max-width:1180px) and (max-height:640px){
.onepage-pagination {
  top: 36.5%;
  font-size:13px;
}

.onepage-pagination li a{
 	font-size:13px; 
}

.onepage-pagination li a.active{
	padding:8px 85px 8px 20px;
}
}


@media screen and (max-width:1030px) and (max-height:640px){

.onepage-pagination li a.active{
	padding:8px 70px 8px 20px;
}
    
.onepage-pagination li a{
      padding: 7px 12px;
    }

}

@media screen and (max-width:940px) and (max-height:470px){
    .onepage-pagination {
      top: 40%;
    }
}

@media screen and (max-width:950px) and (max-height:640px){

.onepage-pagination li a.active{
	padding:8px 60px 8px 20px;
}

}

@media screen and (max-width:860px) and (max-height:480px){
    .onepage-pagination li a.active{
        padding:8px 50px 8px 20px;
    }
}

@media screen and (max-width:780px) and (max-height:640px){
.onepage-pagination {
  font-size:12px;
}
    
.onepage-pagination li a.active{
	padding:7px 40px 7px 20px;
}

}

@media screen and (max-width:767px) and (max-height:520px){
    .onepage-pagination li a.active{
        padding:7px 35px 7px 20px;
    }
}

@media screen and (max-width:680px) and (max-height:640px){
.onepage-pagination {
  font-size:12px;
}
    
.onepage-pagination li a.active{
	padding:7px 30px 7px 15px;
}
    
    

}