html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline; box-sizing: border-box; text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
font-smooth: always; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
max-width: 100%;
display: block;
}
nav ul {
list-style: none;
}
nav ul a {
display: block;
} html,
body {
font-family: sans-serif;
font-size: 16px;
}
body.overlay-active {
overflow: hidden;
}
.link-wrapper {
display: table;
color: inherit;
}
.link-wrapper:hover,
.link-wrapper:focus {
color: inherit;
text-decoration: none;
}
.link-wrapper-inner {
display: block;
height: 100%;
width: 100%;
color: inherit;
}
.link-wrapper-inner:hover,
.link-wrapper-inner:focus {
color: inherit;
text-decoration: none;
}
.hidden,
.hide {
display: none !important;
}
.show,
.visible {
display: block !important;
}
.instant {
transition: none !important;
}
.donthyphenate {
word-wrap: none;
-webkit-hyphens: none !important;
-moz-hyphens: none !important;
-ms-hyphens: none !important;
hyphens: none !important;
}
.bg-cover {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.bg-contain {
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.bg-fixed {
background-attachment: fixed;
}
.vh-center {
backface-visibility: hidden;
transform: translateZ(0);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.v-center {
backface-visibility: hidden;
transform: translateZ(0);
top: 50%;
transform: translateY(-50%);
position: absolute;
width: 100%;
}
.item-square {
padding-top: 100%;
position: relative;
}
.item-square .item-square-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gpu {
backface-visibility: hidden;
transform: translateZ(0);
}
.scroll-animation {
opacity: 0;
}
.animated {
opacity: 1;
}
.svg {
display: none;
}
.mfp-bg {
background-color: rgba(0, 0, 0, 0.8);
}
.img-cover {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-height: none;
max-width: none;
min-height: 100%;
min-width: 100%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
} .content {
font-size: 1em;
line-height: 1.3;
}
.content > * {
margin-bottom: 1em;
}
.content > *:last-child {
margin-bottom: 0;
}
.content ul,
.content ol {
margin-left: 1em;
padding-left: .5em;
}
.content a {
transition: .4s;
}
.content .alignright {
float: right;
}
.content .alignleft {
float: left;
}
.content .aligncenter {
margin: 0 auto;
}
.content.content-center {
text-align: center;
}
.content.content-center ul,
.content.content-center ol {
display: table;
margin: 0 auto;
} .container {
max-width: 1280px;
}
.container.container-large {
max-width: 1440px;
}
.container.container-small {
max-width: 1024px;
}
.container.container-full {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.container.container-full > .row {
margin-left: 0;
margin-right: 0;
}
.container.container-full > .row > .col {
padding-left: 0;
padding-right: 0;
}
.row .col-auto {
max-width: 100%;
}
.owl-stage {
display: flex;
}
.owl-stage .owl-item {
display: flex;
flex: 1 0 auto;
}
.owl-stage .owl-item > * {
width: 100%;
}
.so-panel,
.panel-grid,
.panel-grid-cell {
margin-bottom: 0 !important;
} #wpadminbar {
transform: translateZ(0);
backface-visibility: hidden;
}
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
}
#overlay .overlay-content {
backface-visibility: hidden;
transform: translateZ(0);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
display: block;
position: relative;
height: 500px;
width: 600px;
max-width: 100%;
max-height: calc(-100%);
}
.overlay-content {
display: none;
}
#page {
position: relative;
}
.page-outer {
position: absolute;
top: 0;
left: 0;
}
header {
position: relative;
background-color: #fff;
z-index: 10;
}
header.header-fixed {
position: fixed;
top: 0;
width: 100%;
}
body.admin-bar header.header-fixed {
top: 32px;
}
main {
z-index: 1;
position: relative;
}
section {
padding: 3em 0;
}
footer.footer-fixed {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
} .fadeInUpSmall {
animation-name: fadeInUpSmall;
}
@keyframes fadeInUpSmall {
from {
opacity: 0;
transform: translate3d(0, 25px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownSmall {
animation-name: fadeInDownSmall;
}
@keyframes fadeInDownSmall {
from {
opacity: 0;
transform: translate3d(0, -25px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeOutDownSmall {
animation-name: fadeOutDownSmall;
}
@keyframes fadeOutDownSmall {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 25px, 0);
}
}
.fadeOutUpSmall {
animation-name: fadeOutUpSmall;
}
@keyframes fadeOutUpSmall {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -25px, 0);
}
}
.fadeInLeftSmall {
animation-name: fadeInLeftSmall;
}
@keyframes fadeInLeftSmall {
from {
opacity: 0;
transform: translate3d(-25px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightSmall {
animation-name: fadeInRightSmall;
}
@keyframes fadeInRightSmall {
from {
opacity: 0;
transform: translate3d(25px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.widthInLeft {
animation-name: widthInLeft;
}
@keyframes widthInLeft {
from {
width: 0;
visibility: visible;
}
to {
width: 100%;
transform: scale(0);
}
}