#page-header {
position: relative;
display: table;
width: 100%;
z-index: 3;
overflow: hidden;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
#page-header.page-header-init .page-header-inner {
opacity: 1;
visibility: visible; }
#page-header.wtbx-fadeout .page-header-content {
will-change: transform, opacity; }
#page-header .page-header-inner {
display: table-cell;
vertical-align: middle;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out; }
@media only screen and (max-width: 991px) {
#page-header .page-header-inner .wtbx-page-title h1 {
font-size: 90%; } }
@media only screen and (max-width: 767px) {
#page-header .page-header-inner .wtbx-page-title h1 {
font-size: 80%; } }
#page-header .page-header-wrapper {
position: relative;
padding-left: 0;
padding-right: 0; }
#page-header .page-header-wrapper .wtbx-col-sm-12 {
padding: 0; }
#page-header .wtbx-page-title {
font-size: 40px; }
#page-header .wtbx-page-title h1 {
font-size: 100%;
margin: 0; }
@media only screen and (max-width: 991px) {
#page-header .wtbx-page-title h1 {
font-size: 90%; } }
@media only screen and (max-width: 767px) {
#page-header .wtbx-page-title h1 {
font-size: 80%; } }
#page-header .wtbx-page-breadcrumbs {
z-index: 3; }
#page-header .wtbx-page-breadcrumbs a {
display: inline-block; }
#page-header .wtbx-page-breadcrumbs .separator {
display: inline-block; }
#page-header .wtbx-page-breadcrumbs .wtbx-separator-angle {
margin: 0 .5em;
width: 5px;
position: relative; }
#page-header .wtbx-page-breadcrumbs .wtbx-separator-angle:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: .25em;
height: .25em;
border-top-style: solid;
border-top-width: 1px;
border-right-style: solid;
border-right-width: 1px;
-moz-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-o-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotateZ(45deg);
transform: translate3d(-50%, -50%, 0) rotateZ(45deg); }
#page-header .wtbx-page-breadcrumbs .wtbx-separator-circle {
margin: 0 .5em;
width: 5px;
position: relative; }
#page-header .wtbx-page-breadcrumbs .wtbx-separator-circle:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: .3em;
height: .3em;
border-radius: .3em;
opacity: .3;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
#page-header .page-header-bg-wrapper {
z-index: -2;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
#page-header .page-header-bg {
z-index: -2;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
#page-header .page-header-image-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -2;
overflow: hidden; }
#page-header .page-header-shadow {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%; }
#page-header .page-header-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
#page-header .page-header-image.wtbx_parallax_scroll {
left: 50%; }
#page-header .page-header-image.wtbx_parallax_mousemove {
top: 50%;
left: 50%;
bottom: auto;
right: auto; }
#page-header .page-header-image .wtbx-bg-image,
#page-header .page-header-image .wtbx-bg-image-inner,
#page-header .page-header-image .wtbx-lazy {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
#page-header .page-header-overlay {
text-align: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; }
#page-header.layout-one .wtbx-page-title {
text-align: center; }
#page-header.layout-one .wtbx-page-breadcrumbs {
text-align: center;
margin-top: 15px; }
#page-header.layout-one[data-decoration="curve-top"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.layout-one[data-decoration="curve-top"] {
padding-bottom: 45px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-one[data-decoration="curve-top"] {
padding-bottom: 35px; } }
#page-header.layout-one[data-decoration="notch-bottom"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.layout-one[data-decoration="notch-bottom"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-one[data-decoration="notch-bottom"] {
padding-bottom: 55px; } }
#page-header.layout-one[data-decoration="notch-top"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.layout-one[data-decoration="notch-top"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-one[data-decoration="notch-top"] {
padding-bottom: 55px; } }
#page-header.layout-one[data-decoration="waves-1"], #page-header.layout-one[data-decoration="waves-2"] {
padding-bottom: 75px; }
@media only screen and (max-width: 991px) {
#page-header.layout-one[data-decoration="waves-1"], #page-header.layout-one[data-decoration="waves-2"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-one[data-decoration="waves-1"], #page-header.layout-one[data-decoration="waves-2"] {
padding-bottom: 45px; } }
#page-header.layout-two .page-header-inner {
z-index: -1; }
#page-header.layout-two .wtbx-page-title {
text-align: center; }
#page-header.layout-two .wtbx-page-breadcrumbs {
text-align: center;
position: absolute;
bottom: 15px;
left: 0;
right: 0;
-webkit-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1); }
#page-header.layout-two .wtbx-page-breadcrumbs.fade {
opacity: 0 !important;
-webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
-moz-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
-ms-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
-o-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important; }
#page-header.layout-two:before {
content: '';
position: absolute;
bottom: 0;
height: 120px;
left: 0;
right: 0;
z-index: -1;
opacity: .4;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); }
#page-header.layout-two[data-decoration="curve-top"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.layout-two[data-decoration="curve-top"] {
padding-bottom: 45px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-two[data-decoration="curve-top"] {
padding-bottom: 35px; } }
#page-header.layout-two[data-decoration="notch-bottom"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.layout-two[data-decoration="notch-bottom"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-two[data-decoration="notch-bottom"] {
padding-bottom: 55px; } }
#page-header.layout-two[data-decoration="notch-top"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.layout-two[data-decoration="notch-top"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-two[data-decoration="notch-top"] {
padding-bottom: 55px; } }
#page-header.layout-two[data-decoration="waves-1"], #page-header.layout-two[data-decoration="waves-2"] {
padding-bottom: 75px; }
@media only screen and (max-width: 991px) {
#page-header.layout-two[data-decoration="waves-1"], #page-header.layout-two[data-decoration="waves-2"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-two[data-decoration="waves-1"], #page-header.layout-two[data-decoration="waves-2"] {
padding-bottom: 45px; } }
#page-header.layout-three .page-header-inner, #page-header.layout-four .page-header-inner {
vertical-align: bottom;
padding-bottom: 30px; }
#page-header.layout-three .page-header-wrapper, #page-header.layout-four .page-header-wrapper {
position: relative; }
#page-header.layout-three[data-decoration="curve-top"], #page-header.layout-four[data-decoration="curve-top"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.layout-three[data-decoration="curve-top"], #page-header.layout-four[data-decoration="curve-top"] {
padding-bottom: 45px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-three[data-decoration="curve-top"], #page-header.layout-four[data-decoration="curve-top"] {
padding-bottom: 35px; } }
#page-header.layout-three[data-decoration="curve-bottom"], #page-header.layout-four[data-decoration="curve-bottom"] {
padding-bottom: 80px; }
@media only screen and (max-width: 991px) {
#page-header.layout-three[data-decoration="curve-bottom"], #page-header.layout-four[data-decoration="curve-bottom"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-three[data-decoration="curve-bottom"], #page-header.layout-four[data-decoration="curve-bottom"] {
padding-bottom: 50px; } }
#page-header.layout-three[data-decoration="notch-bottom"], #page-header.layout-four[data-decoration="notch-bottom"] {
padding-bottom: 80px; }
@media only screen and (max-width: 991px) {
#page-header.layout-three[data-decoration="notch-bottom"], #page-header.layout-four[data-decoration="notch-bottom"] {
padding-bottom: 75px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-three[data-decoration="notch-bottom"], #page-header.layout-four[data-decoration="notch-bottom"] {
padding-bottom: 70px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-three[data-decoration="notch-top"], #page-header.layout-four[data-decoration="notch-top"] {
padding-bottom: 55px; } }
#page-header.layout-three[data-decoration="waves-1"], #page-header.layout-three[data-decoration="waves-2"], #page-header.layout-four[data-decoration="waves-1"], #page-header.layout-four[data-decoration="waves-2"] {
padding-bottom: 75px; }
@media only screen and (max-width: 991px) {
#page-header.layout-three[data-decoration="waves-1"], #page-header.layout-three[data-decoration="waves-2"], #page-header.layout-four[data-decoration="waves-1"], #page-header.layout-four[data-decoration="waves-2"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-three[data-decoration="waves-1"], #page-header.layout-three[data-decoration="waves-2"], #page-header.layout-four[data-decoration="waves-1"], #page-header.layout-four[data-decoration="waves-2"] {
padding-bottom: 45px; } }
#page-header.layout-three .wtbx-page-title,
#page-header.layout-three .wtbx-page-breadcrumbs {
text-align: left; }
#page-header.layout-three .page-header-wrapper {
position: relative;
padding: 0 0 0 25px; }
#page-header.layout-three .page-header-wrapper:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
display: block;
border-radius: 2px; }
#page-header.layout-four .wtbx-page-title,
#page-header.layout-four .wtbx-page-breadcrumbs {
text-align: right; }
#page-header.layout-four .page-header-wrapper {
position: relative;
padding: 0 25px 0 0; }
#page-header.layout-four .page-header-wrapper:before {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 2px;
display: block;
border-radius: 2px; }
#page-header.layout-five .page-header-inner {
vertical-align: bottom;
padding-bottom: 30px; }
#page-header.layout-five .wtbx-page-title {
float: left; }
#page-header.layout-five .wtbx-page-title h1 {
line-height: 40px; }
#page-header.layout-five .wtbx-page-breadcrumbs {
float: right; }
#page-header.layout-five .wtbx-page-breadcrumbs .breadcrumbs-path {
line-height: 40px; }
#page-header.layout-six .page-header-inner {
vertical-align: bottom;
padding-bottom: 30px; }
#page-header.layout-six .wtbx-page-title {
float: right; }
#page-header.layout-six .wtbx-page-title h1 {
line-height: 40px; }
#page-header.layout-six .wtbx-page-breadcrumbs {
float: left; }
#page-header.layout-six .wtbx-page-breadcrumbs .breadcrumbs-path {
line-height: 40px; }
@media only screen and (max-width: 767px) {
#page-header.layout-five .page-header-wrapper, #page-header.layout-six .page-header-wrapper {
padding-bottom: 15px; }
#page-header.layout-five .wtbx-page-title, #page-header.layout-six .wtbx-page-title {
float: none;
text-align: center; }
#page-header.layout-five .wtbx-page-breadcrumbs, #page-header.layout-six .wtbx-page-breadcrumbs {
float: none;
text-align: center; } }
#page-header.layout-five[data-decoration="curve-top"], #page-header.layout-six[data-decoration="curve-top"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.layout-five[data-decoration="curve-top"], #page-header.layout-six[data-decoration="curve-top"] {
padding-bottom: 45px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-five[data-decoration="curve-top"], #page-header.layout-six[data-decoration="curve-top"] {
padding-bottom: 35px; } }
#page-header.layout-five[data-decoration="curve-bottom"], #page-header.layout-six[data-decoration="curve-bottom"] {
padding-bottom: 50px; }
@media only screen and (max-width: 991px) {
#page-header.layout-five[data-decoration="curve-bottom"], #page-header.layout-six[data-decoration="curve-bottom"] {
padding-bottom: 35px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-five[data-decoration="curve-bottom"], #page-header.layout-six[data-decoration="curve-bottom"] {
padding-bottom: 20px; } }
#page-header.layout-five[data-decoration="notch-bottom"], #page-header.layout-six[data-decoration="notch-bottom"] {
padding-bottom: 50px; }
#page-header.layout-five[data-decoration="notch-bottom"] .wtbx-scrolldown-button, #page-header.layout-six[data-decoration="notch-bottom"] .wtbx-scrolldown-button {
bottom: -15px; }
@media only screen and (max-width: 991px) {
#page-header.layout-five[data-decoration="notch-bottom"], #page-header.layout-six[data-decoration="notch-bottom"] {
padding-bottom: 45px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-five[data-decoration="notch-bottom"], #page-header.layout-six[data-decoration="notch-bottom"] {
padding-bottom: 40px; }
#page-header.layout-five[data-decoration="notch-bottom"] .wtbx-scrolldown-button, #page-header.layout-six[data-decoration="notch-bottom"] .wtbx-scrolldown-button {
bottom: -10x; } }
#page-header.layout-five[data-decoration="notch-top"] .wtbx-scrolldown-button, #page-header.layout-six[data-decoration="notch-top"] .wtbx-scrolldown-button {
bottom: 60px; }
@media only screen and (max-width: 767px) {
#page-header.layout-five[data-decoration="notch-top"], #page-header.layout-six[data-decoration="notch-top"] {
padding-bottom: 60px; }
#page-header.layout-five[data-decoration="notch-top"] .wtbx-scrolldown-button, #page-header.layout-six[data-decoration="notch-top"] .wtbx-scrolldown-button {
bottom: -10px; } }
#page-header.layout-five[data-decoration="waves-1"], #page-header.layout-five[data-decoration="waves-2"], #page-header.layout-six[data-decoration="waves-1"], #page-header.layout-six[data-decoration="waves-2"] {
padding-bottom: 75px; }
@media only screen and (max-width: 991px) {
#page-header.layout-five[data-decoration="waves-1"], #page-header.layout-five[data-decoration="waves-2"], #page-header.layout-six[data-decoration="waves-1"], #page-header.layout-six[data-decoration="waves-2"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.layout-five[data-decoration="waves-1"], #page-header.layout-five[data-decoration="waves-2"], #page-header.layout-six[data-decoration="waves-1"], #page-header.layout-six[data-decoration="waves-2"] {
padding-bottom: 45px; } }
#page-header .page-header-author {
text-align: center; }
#page-header .page-header-author.page-header-inner {
padding-bottom: 30px; }
#page-header .page-header-author .row-inner {
max-width: 600px; }
#page-header .page-header-author .author-image {
width: 60px;
height: 60px;
margin: 0 auto; }
#page-header .page-header-author .author-image img {
border-radius: 50%; }
#page-header .page-header-author .author-contacts {
margin: 15px auto 0; }
#page-header .page-header-author .author-contacts a {
position: relative;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
display: inline-block;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
#page-header .page-header-author .author-contacts a:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 50%;
opacity: 0;
z-index: -1;
-moz-transform: scale3d(0.9, 0.9, 1);
-o-transform: scale3d(0.9, 0.9, 1);
-ms-transform: scale3d(0.9, 0.9, 1);
-webkit-transform: scale3d(0.9, 0.9, 1);
-webkit-transform: -webkit-scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
#page-header .page-header-author .author-contacts a:hover:before {
opacity: 1;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
#page-header .page-header-author .author-contacts a i {
font-size: 16px;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
#page-header .page-header-author .author-title {
margin: 15px auto 0; }
#page-header .page-header-author .author-title .author-name {
font-size: 1.5em;
font-weight: 600;
line-height: 1.5;
text-transform: none;
letter-spacing: normal;
display: block;
margin: 0; }
#page-header .page-header-author .author-title .author-position {
font-size: 11px;
font-weight: 600;
line-height: 1.5;
text-transform: uppercase;
display: block;
opacity: .5;
margin-top: .5em; }
#page-header .page-header-author .author-info {
margin: 40px auto 0;
font-size: 16px;
line-height: 1.9;
position: relative; }
#page-header.page-header-author-wrapper[data-decoration="curve-top"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.page-header-author-wrapper[data-decoration="curve-top"] {
padding-bottom: 45px; } }
@media only screen and (max-width: 767px) {
#page-header.page-header-author-wrapper[data-decoration="curve-top"] {
padding-bottom: 35px; } }
#page-header.page-header-author-wrapper[data-decoration="curve-bottom"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.page-header-author-wrapper[data-decoration="curve-bottom"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.page-header-author-wrapper[data-decoration="curve-bottom"] {
padding-bottom: 55px; } }
#page-header.page-header-author-wrapper[data-decoration="notch-bottom"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.page-header-author-wrapper[data-decoration="notch-bottom"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.page-header-author-wrapper[data-decoration="notch-bottom"] {
padding-bottom: 55px; } }
#page-header.page-header-author-wrapper[data-decoration="notch-top"] {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.page-header-author-wrapper[data-decoration="notch-top"] {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.page-header-author-wrapper[data-decoration="notch-top"] {
padding-bottom: 55px; } }
#page-header.page-header-author-wrapper[data-decoration="waves-1"], #page-header.page-header-author-wrapper[data-decoration="waves-2"] {
padding-bottom: 80px; }
@media only screen and (max-width: 991px) {
#page-header.page-header-author-wrapper[data-decoration="waves-1"], #page-header.page-header-author-wrapper[data-decoration="waves-2"] {
padding-bottom: 55px; } }
@media only screen and (max-width: 767px) {
#page-header.page-header-author-wrapper[data-decoration="waves-1"], #page-header.page-header-author-wrapper[data-decoration="waves-2"] {
padding-bottom: 50px; } }
#page-header .header-section-meta,
#page-header .post-header-section-meta {
-webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1); }
#page-header .header-section-meta.fade,
#page-header .post-header-section-meta.fade {
opacity: 0; }
#page-header .page-header-inner.page-header-post {
text-align: center; }
#page-header .page-header-inner.page-header-post h1 {
font-size: 2.5em;
text-transform: none;
letter-spacing: normal;
margin: 0;
font-weight: 600;
line-height: 1.5; }
#page-header .page-header-inner.page-header-post.page-header-post-custom_1 .hero-meta-categories {
margin-bottom: 2em; }
#page-header .page-header-inner.page-header-post.page-header-post-custom_1 .hero-meta-categories a {
display: inline-block;
line-height: 2.4;
font-size: .714286em;
font-weight: 600;
text-transform: uppercase;
padding: 0 1em;
border-radius: 4em;
background-color: rgba(0, 0, 0, 0.2);
margin: 0 .1em;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
#page-header .page-header-inner.page-header-post.page-header-post-custom_1 .hero-meta-categories a:hover {
background-color: #fff;
box-shadow: 0 12px 35px -7px rgba(9, 31, 67, 0.3); }
#page-header .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta {
margin: 2em auto 0;
display: inline-block; }
#page-header .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta a {
color: inherit;
font-weight: 600; }
#page-header .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta a:hover {
text-decoration: underline; }
#page-header[data-skin="dark"] .page-header-inner.page-header-post.page-header-post-custom_1 .hero-meta-categories a {
background-color: #fff;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, 0.15); }
#page-header[data-skin="dark"] .page-header-inner.page-header-post.page-header-post-custom_1 .hero-meta-categories a:hover {
box-shadow: 0 12px 35px -7px rgba(9, 31, 67, 0.3); }
#page-header[data-decoration="curve-top"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta {
bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="curve-top"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta {
bottom: 45px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="curve-top"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta {
bottom: 35px; } }
#page-header[data-decoration="curve-top"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 50px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="curve-top"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 40px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="curve-top"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 30px; } }
#page-header[data-decoration="curve-top"] .page-header-author.page-header-inner {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="curve-top"] .page-header-author.page-header-inner {
padding-bottom: 45px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="curve-top"] .page-header-author.page-header-inner {
padding-bottom: 35px; } }
#page-header[data-decoration="curve-bottom"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="curve-bottom"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="curve-bottom"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 55px; } }
#page-header[data-decoration="curve-bottom"] .page-header-author.page-header-inner {
padding-bottom: 45px; }
#page-header[data-decoration="notch-bottom"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta,
#page-header[data-decoration="notch-bottom"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="notch-bottom"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta,
#page-header[data-decoration="notch-bottom"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="notch-bottom"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta,
#page-header[data-decoration="notch-bottom"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 55px; } }
#page-header[data-decoration="notch-bottom"] .page-header-author.page-header-inner {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="notch-bottom"] .page-header-author.page-header-inner {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="notch-bottom"] .page-header-author.page-header-inner {
padding-bottom: 55px; } }
#page-header[data-decoration="notch-top"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta {
bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="notch-top"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta {
bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="notch-top"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta {
bottom: 55px; } }
#page-header[data-decoration="notch-top"] .page-header-author.page-header-inner {
padding-bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="notch-top"] .page-header-author.page-header-inner {
padding-bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="notch-top"] .page-header-author.page-header-inner {
padding-bottom: 55px; } }
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta,
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta, #page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta,
#page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 80px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta,
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta, #page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta,
#page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 65px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta,
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta, #page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_1 .header-section-meta,
#page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_2 .post-header-section-meta {
bottom: 50px; } }
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_1.page-header-inner,
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_2.page-header-inner, #page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_1.page-header-inner,
#page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_2.page-header-inner {
padding-bottom: 80px; }
@media only screen and (max-width: 991px) {
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_1.page-header-inner,
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_2.page-header-inner, #page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_1.page-header-inner,
#page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_2.page-header-inner {
padding-bottom: 65px; } }
@media only screen and (max-width: 767px) {
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_1.page-header-inner,
#page-header[data-decoration="waves-1"] .page-header-inner.page-header-post.page-header-post-custom_2.page-header-inner, #page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_1.page-header-inner,
#page-header[data-decoration="waves-2"] .page-header-inner.page-header-post.page-header-post-custom_2.page-header-inner {
padding-bottom: 50px; } }
#page-header.type-content_block {
padding-top: 0 !important;
padding-bottom: 0 !important; }
#page-header.type-content_block .wtbx-section-decoration {
z-index: 9998; }
#page-header.type-content_block .wtbx-scrolldown-button {
z-index: 9999; }
#page-header.type-content_block[data-decoration="curve-top"] .wtbx-scrolldown-button {
bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.type-content_block[data-decoration="curve-top"] .wtbx-scrolldown-button {
bottom: 45px; } }
@media only screen and (max-width: 767px) {
#page-header.type-content_block[data-decoration="curve-top"] .wtbx-scrolldown-button {
bottom: 35px; } }
#page-header.type-content_block[data-decoration="notch-bottom"] .wtbx-scrolldown-button {
bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.type-content_block[data-decoration="notch-bottom"] .wtbx-scrolldown-button {
bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.type-content_block[data-decoration="notch-bottom"] .wtbx-scrolldown-button {
bottom: 55px; } }
#page-header.type-content_block[data-decoration="notch-top"] .wtbx-scrolldown-button {
bottom: 65px; }
@media only screen and (max-width: 991px) {
#page-header.type-content_block[data-decoration="notch-top"] .wtbx-scrolldown-button {
bottom: 60px; } }
@media only screen and (max-width: 767px) {
#page-header.type-content_block[data-decoration="notch-top"] .wtbx-scrolldown-button {
bottom: 55px; } }
body.device-desktop #page-header.scroll-hs_3d_slide {
box-shadow: inset 0 15px 60px -10px rgba(9, 31, 67, 0.3); }
body.device-desktop #page-header.scroll-hs_3d_slide .page-header-bg-wrapper {
moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-webkit-transform-origin: bottom center;
transform-origin: bottom center; }
body.device-desktop #page-header.scroll-hs_3d_slide .page-header-image-wrapper {
width: 100%;
height: 100%;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
box-shadow: 0 15px 60px -10px rgba(9, 31, 67, 0.3);
overflow: hidden;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
body.device-desktop #page-header.scroll-hs_3d_slide .page-header-shadow {
width: 100%;
height: 100%;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
box-shadow: 0 15px 60px -10px rgba(9, 31, 67, 0.3);
overflow: hidden;
moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
body.device-desktop #page-header.scroll-hs_3d_slide .page-header-inner {
moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-webkit-transform-origin: bottom center;
transform-origin: bottom center; }
body.device-desktop #page-header.scroll-cont_zoom_in {
z-index: 0; }
body.device-desktop #page-header.scroll-cont_zoom_in .page-header-bg-wrapper {
height: 100vh;
width: 100%; }
body.device-desktop #page-header.scroll-cont_zoom_in .page-header-inner {
-webkit-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1); }
body.device-desktop #page-header.scroll-cont_zoom_in + #page-wrap {
border-radius: 8px;
box-shadow: 0 15px 60px -10px rgba(9, 31, 67, 0.3);
overflow: hidden;
moz-transform-origin: top center;
-o-transform-origin: top center;
-ms-transform-origin: top center;
-webkit-transform-origin: top center;
transform-origin: top center; }
body.device-desktop #page-header.scroll-cont_zoom_in + #page-wrap:not(.scrolled-into-view) {
-moz-transform: scale3d(0.916515, 0.916515, 1);
-o-transform: scale3d(0.916515, 0.916515, 1);
-ms-transform: scale3d(0.916515, 0.916515, 1);
-webkit-transform: scale3d(0.916515, 0.916515, 1);
-webkit-transform: -webkit-scale3d(0.916515, 0.916515, 1);
transform: scale3d(0.916515, 0.916515, 1); }
body.device-desktop #page-header.scroll-cont_zoom_in + #page-wrap.scrolled-into-view {
border-radius: 0;
box-shadow: none; }  .wtbx-scrolldown-button {
text-align: center;
z-index: 3;
width: 40px;
height: 40px;
position: absolute;
bottom: 30px;
left: 50%;
-moz-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-webkit-transform: -webkit-translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
cursor: pointer; }
.wtbx-scrolldown-button.fade {
opacity: 0 !important;
-webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
-moz-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
-ms-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
-o-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important; }
.wtbx-scrolldown-button.scrolldown-arrow-single {
opacity: .7; }
.wtbx-scrolldown-button.scrolldown-arrow-single span {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.75, 0.75, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.75, 0.75, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.75, 0.75, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.75, 0.75, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.75, 0.75, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.75, 0.75, 1);
width: 2px;
height: 28px; }
.wtbx-scrolldown-button.scrolldown-arrow-single span:before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 6px;
height: 6px;
-moz-transform: translate3d(-50%, 0, 0) rotateZ(45deg);
-o-transform: translate3d(-50%, 0, 0) rotateZ(45deg);
-ms-transform: translate3d(-50%, 0, 0) rotateZ(45deg);
-webkit-transform: translate3d(-50%, 0, 0) rotateZ(45deg);
-webkit-transform: -webkit-translate3d(-50%, 0, 0) rotateZ(45deg);
transform: translate3d(-50%, 0, 0) rotateZ(45deg);
moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
border-right-width: 2px;
border-right-style: solid;
border-bottom-width: 2px;
border-bottom-style: solid; }
.wtbx-scrolldown-button.scrolldown-arrow-single.wtbx-skin-light span {
background-color: #fff; }
.wtbx-scrolldown-button.scrolldown-arrow-single.wtbx-skin-light span:before {
border-color: #fff; }
.wtbx-scrolldown-button.scrolldown-arrow-single:hover {
opacity: 1;
-moz-transform: translate3d(-50%, 5px, 0);
-o-transform: translate3d(-50%, 5px, 0);
-ms-transform: translate3d(-50%, 5px, 0);
-webkit-transform: translate3d(-50%, 5px, 0);
-webkit-transform: -webkit-translate3d(-50%, 5px, 0);
transform: translate3d(-50%, 5px, 0);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.wtbx-scrolldown-button.scrolldown-angle-down {
border-radius: 50%;
border-width: 2px;
border-style: solid;
opacity: .5;
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); }
.wtbx-scrolldown-button.scrolldown-angle-down span {
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 7px;
-moz-transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
-o-transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
-ms-transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
-webkit-transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
-webkit-transform: -webkit-translate3d(-50%, -3px, 0) rotateZ(45deg);
transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
border-right-width: 2px;
border-right-style: solid;
border-bottom-width: 2px;
border-bottom-style: solid; }
.wtbx-scrolldown-button.scrolldown-angle-down.wtbx-skin-light {
border-color: #fff; }
.wtbx-scrolldown-button.scrolldown-angle-down.wtbx-skin-light span {
border-color: #fff; }
.wtbx-scrolldown-button.scrolldown-angle-down:hover {
opacity: 1;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.wtbx-scrolldown-button.scrolldown-angle-down-cont {
border-radius: 50%;
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); }
.wtbx-scrolldown-button.scrolldown-angle-down-cont span {
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 7px;
-moz-transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
-o-transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
-ms-transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
-webkit-transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
-webkit-transform: -webkit-translate3d(-50%, -3px, 0) rotateZ(45deg);
transform: translate3d(-50%, -3px, 0) rotateZ(45deg);
moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
border-right-width: 2px;
border-right-style: solid;
border-bottom-width: 2px;
border-bottom-style: solid;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.wtbx-scrolldown-button.scrolldown-angle-down-cont.wtbx-skin-light {
background-color: #fff;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.15); }
.wtbx-scrolldown-button.scrolldown-angle-down-cont.wtbx-skin-dark {
opacity: .4; }
.wtbx-scrolldown-button.scrolldown-angle-down-cont.wtbx-skin-dark span {
border-color: #fff; }
.wtbx-scrolldown-button.scrolldown-angle-down-cont:hover {
opacity: 1;
-moz-transform: translate3d(-50%, 0, 0) scale3d(1.2, 1.2, 1);
-o-transform: translate3d(-50%, 0, 0) scale3d(1.2, 1.2, 1);
-ms-transform: translate3d(-50%, 0, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: translate3d(-50%, 0, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: -webkit-translate3d(-50%, 0, 0) scale3d(1.2, 1.2, 1);
transform: translate3d(-50%, 0, 0) scale3d(1.2, 1.2, 1); }
.wtbx-scrolldown-button.scrolldown-angle-down-cont:hover span {
border-color: #fff; }
.wtbx-scrolldown-button.scrolldown-mouse-simple {
width: 25px;
border-width: 2px;
border-style: solid;
opacity: .5;
border-radius: 40px;
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); }
.wtbx-scrolldown-button.scrolldown-mouse-simple span {
position: absolute;
top: 8px;
left: 50%;
width: 4px;
height: 4px;
border-radius: 4px;
-moz-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-webkit-transform: -webkit-translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-o-animation: mouseScrollDown 1.8s infinite;
-moz-animation: mouseScrollDown 1.8s infinite;
-webkit-animation: mouseScrollDown 1.8s infinite;
animation: mouseScrollDown 1.8s infinite; }
.wtbx-scrolldown-button.scrolldown-mouse-simple.wtbx-skin-light {
border-color: #fff; }
.wtbx-scrolldown-button.scrolldown-mouse-simple.wtbx-skin-light span {
background-color: #fff; }
.wtbx-scrolldown-button.scrolldown-mouse-simple:hover {
opacity: 1;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
@keyframes mouseScrollDown {
0% {
opacity: 0; }
40% {
opacity: 1; }
80% {
opacity: 0;
-moz-transform: translate3d(-50%, 16px, 0);
-o-transform: translate3d(-50%, 16px, 0);
-ms-transform: translate3d(-50%, 16px, 0);
-webkit-transform: translate3d(-50%, 16px, 0);
-webkit-transform: -webkit-translate3d(-50%, 16px, 0);
transform: translate3d(-50%, 16px, 0); }
100% {
opacity: 0;
-moz-transform: translate3d(-50%, 16px, 0);
-o-transform: translate3d(-50%, 16px, 0);
-ms-transform: translate3d(-50%, 16px, 0);
-webkit-transform: translate3d(-50%, 16px, 0);
-webkit-transform: -webkit-translate3d(-50%, 16px, 0);
transform: translate3d(-50%, 16px, 0); } }