.onepage-wrapper {
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%;
}
.onepage-pagination {
position: fixed;
right: 22px;
top: 50%;
z-index: 100;
list-style: none;
margin: 0;
padding: 0;
width: 30px;
transform: translateY(-50%);
}
@media (max-width: 959px) {
.onepage-pagination {
display: none;
}
}
.no-touch .onepage-pagination li {
text-align: right;
height: 1.8em;
position: relative;
}
.no-touch .onepage-pagination a {
display: inline-block;
backface-visibility: hidden;
cursor: default;
}
.no-touch .onepage-pagination span.cd-dot-cont:hover .cd-dot,
.no-touch .onepage-pagination a.is-selected .cd-dot {
background-color: #ffffff;
transform: scale(1.3);
}
.no-touch .onepage-pagination span.cd-dot-cont:hover + .cd-label {
opacity: 1;
transform: scale(1) translateX(-100%);
display: inline-block;
transition: opacity 100ms ease-out 100ms,transform 100ms ease-out 100ms, display 0ms 0ms;
}
.no-touch .cd-dot-cont {
position: relative;
width: 30px;
height: 30px;
cursor: pointer;
float: right;
display: inline-block;
text-align: center;
z-index: 1;
}
.no-touch .onepage-pagination .cd-dot {
transition: all 100ms ease-out;
width: 6px;
height: 6px;
background-color: rgba(255, 255, 255, 0.5);
display: inline-block;
-webkit-backface-visibility: visible;
transition: all 100ms ease-in-out;
border-radius: 50%;
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
transform: scale(1);
}
.no-touch .onepage-pagination .cd-label {
font-size: 13px;
font-weight: 500;
padding: 6px 18px 6px 18px;
position: absolute;
color: #ffffff;
display: inline-block;
left: -12px;
top: -2px;
border-radius: 2px;
font-weight: 600;
opacity: 0;
pointer-events: none;
transform-origin: 0% 50%;
transform: scale(0.5);
transition: opacity 100ms ease-out,transform 100ms ease-out, display 0ms 100ms;
transform: scale(0.5) translateX(-100%);
white-space: pre;
z-index: 0;
}
.no-touch .onepage-pagination .cd-label:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
top: 50%;
right: -4px;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: inherit;
}
body.wrap.disabled-onepage-scroll {
display: block !important;
}
body.wrap.disabled-onepage-scroll > div[data-parent="true"],
.disabled-onepage-scroll,
.disabled-onepage-scroll .wrapper {
overflow: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper .section {
position: relative !important;
top: auto !important;
left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
-webkit-transform: none !important;
-moz-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;
}