html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translate(0)
}
[data-aos=fade-up] {
transform: translateY(100px)
}
[data-aos=fade-down] {
transform: translateY(-100px)
}
[data-aos=fade-right] {
transform: translate(-100px)
}
[data-aos=fade-left] {
transform: translate(100px)
}
[data-aos=fade-up-right] {
transform: translate(-100px, 100px)
}
[data-aos=fade-up-left] {
transform: translate(100px, 100px)
}
[data-aos=fade-down-right] {
transform: translate(-100px, -100px)
}
[data-aos=fade-down-left] {
transform: translate(100px, -100px)
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate(0) scale(1)
}
[data-aos=zoom-in] {
transform: scale(.6)
}
[data-aos=zoom-in-up] {
transform: translateY(100px) scale(.6)
}
[data-aos=zoom-in-down] {
transform: translateY(-100px) scale(.6)
}
[data-aos=zoom-in-right] {
transform: translate(-100px) scale(.6)
}
[data-aos=zoom-in-left] {
transform: translate(100px) scale(.6)
}
[data-aos=zoom-out] {
transform: scale(1.2)
}
[data-aos=zoom-out-up] {
transform: translateY(100px) scale(1.2)
}
[data-aos=zoom-out-down] {
transform: translateY(-100px) scale(1.2)
}
[data-aos=zoom-out-right] {
transform: translate(-100px) scale(1.2)
}
[data-aos=zoom-out-left] {
transform: translate(100px) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translate(0)
}
[data-aos=slide-up] {
transform: translateY(100%)
}
[data-aos=slide-down] {
transform: translateY(-100%)
}
[data-aos=slide-right] {
transform: translateX(-100%)
}
[data-aos=slide-left] {
transform: translateX(100%)
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0)
}
@font-face {
font-family: mail;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/mail.eot?32434268);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/mail.eot?32434268#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/mail.woff2?32434268) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/mail.woff?32434268) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/mail.ttf?32434268) format("truetype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/mail.svg?32434268#mail) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight.ttf) format("truetype");
font-weight: 100;
font-style: normal
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight-italic.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight-italic.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight-italic.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight-italic.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-ultalight-italic.ttf) format("truetype");
font-weight: 100;
font-style: italic
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light.ttf) format("truetype");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light-italic.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light-italic.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light-italic.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light-italic.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-light-italic.ttf) format("truetype");
font-weight: 300;
font-style: italic
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir.ttf) format("truetype");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-italic.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-italic.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-italic.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-italic.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-italic.ttf) format("truetype");
font-weight: 400;
font-style: italic
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi.ttf) format("truetype");
font-weight: 600;
font-style: normal
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi-italic.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi-italic.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi-italic.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi-italic.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-demi-italic.ttf) format("truetype");
font-weight: 600;
font-style: italic
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold.ttf) format("truetype");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold-italic.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold-italic.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold-italic.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold-italic.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-bold-italic.ttf) format("truetype");
font-weight: 700;
font-style: italic
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy.ttf) format("truetype");
font-weight: 800;
font-style: normal
}
@font-face {
font-family: Avenir;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy-italic.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy-italic.eot#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy-italic.woff2) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy-italic.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/avenir-heavy-italic.ttf) format("truetype");
font-weight: 800;
font-style: italic
}
[class*=" icon-"]:before,
[class^=icon-]:before {
font-family: mail;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-search:before {
content: "\e800";
font-weight: 700
}
.icon-clock:before {
content: "\e801"
}
.icon-plus-circled:before {
content: "\e802"
}
.icon-right-dir:before {
content: "\e803";
width: auto !important;
margin: 0 0 0 7px;
font-size: 100%
}
.icon-home:before {
content: "\e804"
}
.icon-contact:before {
content: "\e805"
}
.icon-glass:before {
content: "\e806";
opacity: 0
}
.icon-glass {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/glass.png);
background-position: left;
background-size: 48%;
background-repeat: no-repeat
}
.icon-handshake:before {
content: "\e807"
}
.icon-installer:before {
content: "\e808"
}
.icon-basket:before {
content: "\e809"
}
.icon-calculator:before {
content: "\e80a"
}
.icon-money:before {
content: "\e80b"
}
.icon-pig:before {
content: "\e80c"
}
.icon-time:before {
content: "\e80d"
}
.icon-right-dir-1:before {
content: "\e80e"
}
.icon-tint:before {
content: "\e80f"
}
.icon-twitter:before {
content: "\f099"
}
.icon-gplus:before {
content: "\f0d5"
}
.icon-chat-empty:before {
content: "\f0e6"
}
.icon-dollar:before {
content: "\f155"
}
.icon-youtube-play:before {
content: "\f16a"
}
.icon-plus-squared-alt:before {
content: "\f196"
}
.icon-facebook:before {
content: "\f300"
}
.icon-linkedin-squared:before {
content: "\f30c"
}
.icon-facebook-circled:before {
content: "\f30d"
}
.icon-glassdoor {
height: 27px;
width: 12px;
display: inline-block;
background: url(//niagaracorp.com/wp-content/themes/niagra/images/glassdoor.png) center no-repeat;
background-size: contain;
vertical-align: middle;
margin-top: -3px;
margin-left: 3px
}
.add-nav,
.bullet-list,
.filter-list,
.head .posted,
.icon-list,
.links-list,
.main-nav,
.main-nav ul,
.options-list,
.pagination ul,
.popup-grids,
.product-description .num,
.product-list,
.product-logos,
.result-list,
.saved-list,
.social-networks,
.tags,
.text-downloads ul,
.tool-list,
.view-list .paging,
.wp-pagenavi {
margin: 0;
padding: 0;
list-style: none
}
.clearfix:after {
content: "";
display: block;
clear: both
}
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
html {
box-sizing: border-box;
background-color: #012856;
-webkit-overflow-scrolling: auto
}
*,
:after,
:before {
box-sizing: inherit
}
* {
max-height: 1000000px
}
body {
color: #000;
background: #fff;
font: 500 12px/1.2 Avenir, Arial, "Helvetica Neue", Helvetica, sans-serif;
min-width: 320px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
max-width: 100%;
height: auto;
vertical-align: top
}
.gm-style img {
max-width: none
}
#wrapper {
position: relative;
overflow: hidden
}
.h,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: inherit;
font-weight: 700;
margin: 0 0 20px;
color: inherit
}
.h1,
h1 {
font-size: 30px
}
.h2,
h2 {
font-size: 25px
}
.h3,
h3 {
font-size: 18px
}
.h4,
h4 {
font-size: 16px
}
.h5,
h5 {
font-size: 14px
}
.h6,
h6 {
font-size: 13px
}
p {
margin: 0 0 25px
}
.description p {
font-weight: 400;
font-size: 1.8vw;
line-height: 1.75
}
.mission .description p {
line-height: 1.4;
text-transform: none
}
.kits .description p {
color: #fff;
margin-bottom: 15px
}
.page-template-template-products .kits .description p {
color: #012856;
font-size: 1.4vw
}
.page-template-template-technology .description p {
font-size: 15px
}
.home .slide-text p,
.page-template-template-careers .slide-text p,
.page-template-template-mission .slide-text p,
.page-template-template-toilets .slide-text p,
.page-template-template-bidet .slide-text p,
.single-custom_technology .slide-text p {
font-weight: 400;
font-size: 20px;
line-height: 1.5
}
a {
color: #009fc3;
text-decoration: none;
border-bottom: 1px solid transparent;
-webkit-transition: border .3s, opacity .3s;
transition: border .3s, opacity .3s
}
a:focus,
a:hover {
border-color: #30a7c2
}
fieldset,
form {
margin: 0;
padding: 0;
border-style: none
}
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
box-sizing: border-box;
border: 1px solid #ebebeb;
padding: 8px 10px;
background: #fafafa
}
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
border-color: transparent
}
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #a0a0a0
}
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #a0a0a0
}
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
textarea:-moz-placeholder {
color: #a0a0a0
}
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #a0a0a0
}
input[type=email].placeholder,
input[type=password].placeholder,
input[type=search].placeholder,
input[type=tel].placeholder,
input[type=text].placeholder,
textarea.placeholder {
color: #a0a0a0
}
select {
-webkit-border-radius: 0
}
textarea {
resize: vertical;
vertical-align: top
}
button,
input[type=button],
input[type=file],
input[type=reset],
input[type=submit] {
-webkit-appearance: none;
-webkit-border-radius: 0;
cursor: pointer
}
.nia-inside {
opacity: 0;
-moz-transition: opacity .7s ease;
-webkit-transition: opacity .7s ease;
transition: opacity .7s ease;
position: absolute;
top: 0;
left: 0
}
.nia-insides .nia-inside {
opacity: 1
}
.form-search {
width: 100%;
overflow: hidden;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 2px;
margin: 0 0 24px
}
.intro .form-search {
width: auto;
display: inline-block;
white-space: nowrap;
padding-right: 22px;
line-height: normal
}
.form-search input[type=search] {
float: left;
width: 85%;
border-color: #fff;
background: #fff;
outline: 0
}
.form-search .btn-search {
border: 1px solid #fff;
background: #fff;
float: left;
width: 15%;
padding: 8px 0;
color: #009fc3
}
.intro .form-search .btn-search {
display: inline-block;
float: none;
line-height: normal
}
.form-subscribe input[type=email] {
border-radius: 2px;
color: #a0a0a0;
border-color: #fff;
width: 60%;
margin: 0 4.5% 0 0;
background: #fff
}
.form-subscribe input[type=submit] {
width: 33.5%
}
.regions-form {
color: #7ac142;
text-align: left
}
.regions-form select {
text-transform: uppercase;
font-weight: 400;
position: absolute;
left: -9999px
}
.information-form {
line-height: 1.3
}
.information-form .row-form {
color: #454545
}
.information-form input[type=email],
.information-form input[type=password],
.information-form input[type=search],
.information-form input[type=tel],
.information-form input[type=text],
.information-form textarea {
border-radius: 2px;
width: 100%
}
.information-form input[type=email].error,
.information-form input[type=password].error,
.information-form input[type=search].error,
.information-form input[type=tel].error,
.information-form input[type=text].error,
.information-form textarea.error {
border-color: #ed1c24
}
.information-form textarea {
min-height: 58px;
height: 58px
}
.information-form input[type=submit] {
width: 160px;
margin: 10px 0 20px;
float: none
}
.information-form label {
display: block;
padding: 0 0 5px
}
.information-form input[type=checkbox],
.information-form input[type=radio] {
position: fixed;
left: 0;
top: 0;
opacity: 0;
z-index: -1
}
.information-form .radio-label {
display: inline-block;
vertical-align: top;
width: 100%
}
.information-form .fake-input {
float: left;
width: 13px;
height: 13px;
border: 2px solid #454545;
background: #fff;
position: relative;
margin: 0 5px 0 0
}
.information-form input[type=checkbox] + .fake-input,
.information-form input[type=radio] + .fake-input {
border-radius: 100%
}
.information-form input[type=checkbox] + .fake-input:before,
.information-form input[type=radio] + .fake-input:before {
content: "";
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
background: #454545;
border-radius: 50%;
opacity: 0
}
.information-form input[type=checkbox]:checked + .fake-input:before,
.information-form input[type=radio]:checked + .fake-input:before {
opacity: 1
}
.information-form .fake-label {
display: block;
overflow: hidden;
font: 12px/1 "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif
}
.captcha-block {
background: #f9f9f9;
border: 1px solid #dadada;
border-radius: 2px;
padding: 28px 8px 3px 18px;
position: relative;
min-height: 68px;
max-width: 280px;
margin: 0 0 12px
}
.captcha-block img {
position: absolute;
right: 8px;
bottom: 0
}
.required {
color: #ed1c24
}
.information-form .wpcf7-checkbox .wpcf7-list-item-label {
position: relative;
z-index: 10;
display: block;
padding-left: 30px;
top: -17px;
float: left
}
.information-form .wpcf7-checkbox .jcf-checkbox {
position: relative;
z-index: 1;
float: left;
margin-top: 4px
} .fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
padding: 0;
margin: 0;
border: 0;
outline: 0;
vertical-align: top
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}
.fancybox-skin {
position: relative;
background: #fff;
color: #444;
text-shadow: none
}
.fancybox-opened {
z-index: 8030
}
.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}
.fancybox-inner,
.fancybox-outer {
position: relative
}
.fancybox-inner {
overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-iframe,
.fancybox-image {
display: block;
width: 100%;
height: 100%
}
.fancybox-image {
max-width: 100%;
max-height: 100%
}
#fancybox-loading {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/fancybox_sprite.png);
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: .8;
cursor: pointer;
z-index: 8060
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//niagaracorp.com/wp-content/themes/niagra/images/fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
position: absolute;
top: -16px;
right: -1px;
width: 16px;
height: 16px;
cursor: pointer;
z-index: 8040;
border: none
}
.fancybox-close:hover {
opacity: .8
}
.fancybox-close:after,
.fancybox-close:before {
position: absolute;
top: 6px;
left: 0;
right: 0;
-ms-transform: rotate(45deg)
}
.fancybox-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.fancybox-nav {
width: 40px;
height: 26px;
position: absolute;
cursor: pointer;
bottom: -40px;
text-decoration: none;
z-index: 8040;
border: none
}
.fancybox-nav:hover {
opacity: .8
}
.fancybox-nav span {
width: 14px;
height: 14px;
border: solid #fff;
display: block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 auto
}
.fancybox-prev {
right: 40px
}
.fancybox-prev span {
border-width: 0 0 4px 4px
}
.fancybox-next {
right: 1px
}
.fancybox-next span {
border-width: 4px 4px 0 0
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important
}
.fancybox-lock {
overflow: hidden !important;
width: auto
}
.fancybox-lock body {
overflow: hidden !important
}
.fancybox-lock-test {
overflow-y: hidden !important
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(0, 0, 0, .9) !important
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: -28px;
z-index: 8050;
text-align: center
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .9)
}
.popup-holder {
position: relative;
overflow: hidden;
height: 0
}
.form-lightbox {
width: 100%;
max-width: 700px;
padding: 10px;
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400
}
.form-lightbox .information-form {
color: #000
}
.popup-box {
border: 2px solid #a0a0a0;
padding: 10px
}
.popup-box h2 {
color: #002856;
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-family: Avenir, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 24px
}
.popup-box .subtitle {
color: #002856;
font-weight: 500;
text-align: center;
font-family: Avenir, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 24px;
margin-bottom: 15px
}
.popup-box .form-block {
padding: 0 0 15px
}
.popup-box .form-block .row-form {
padding: 0 0 7px
}
.btn-primary,
.btn-primary.lightbox,
.item .btn-primary.popup-open.lightbox {
display: inline-block;
background: #30a7c2;
color: #fff;
padding: 8px 10px;
text-align: center;
border: none;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
cursor: pointer
}
#wrapper .nia-toilet .ps-widget:hover,
.btn-primary:hover {
opacity: .8
}
.btn-primary.btn-center {
display: block;
margin: 0 auto;
width: 160px
}
.breadkrumbs ul,
.holder {
max-width: 1556px;
margin: 0 auto;
padding: 0 28px;
width: 100%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease
}
.corporate .mission .holder {
height: auto;
position: relative;
min-height: 370px
}
.onecolumn.holder {
overflow: hidden
}
.social-networks {
font-size: 17px
}
.social-networks li {
display: inline-block;
vertical-align: top;
margin: 0 6px 0 0
}
.social-networks [class*=" icon-"]:before,
.social-networks [class^=icon-]:before {
margin: 0
}
.social-networks a {
color: #fff
}
.social-networks a:before {
width: auto;
margin-right: 2px
}
.bg-stretch,
.footer-block,
.kits,
.mission,
.product-gallery .cycle-gallery,
.products,
.stealth,
.technologes,
.tool-blocks {
background-size: cover;
background-position: 50% 50%
}
.view,
.view-gray {
font-weight: 900;
border: none;
color: #6bb41f;
display: inline-block;
position: relative;
text-transform: uppercase
}
.view-gray:after,
.view:after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 3px;
background: #009fc3;
display: none
}
.view-gray:hover:after,
.view:hover:after {
display: block
}
.view .icon-right-dir:before,
.view-gray .icon-right-dir:before {
width: auto
}
.view-gray {
color: #a0a0a0
}
.row {
overflow: hidden
}
.title {
font-weight: 700;
font-size: 20px
}
.aligncenter {
text-align: center
}
.alignright {
text-align: right
}
.alignright .visual {
text-align: right
}
.links-list {
font-size: 15px;
text-transform: uppercase
}
.links-list li {
margin: 0 0 15px;
font-size: 18px;
line-height: 1.25
}
.links-list a {
color: #454545
}
.links-list a:hover {
color: #009fc3
}
.bullet-list {
padding: 0 0 20px;
line-height: 1.5
}
.bullet-list li {
padding: 0 0 0 10px;
position: relative
}
.bullet-list li:before {
content: "";
width: 4px;
height: 4px;
position: absolute;
top: 4px;
left: 0;
border-radius: 50%;
background: #454545
}
.breadkrumbs {
padding: 8px 0 36px
}
.breadkrumbs ul {
list-style: none;
font-size: 12px;
line-height: 14px;
font-weight: 400
}
.breadkrumbs li {
display: inline-block;
vertical-align: middle;
color: #a0a0a0
}
.breadkrumbs li:before {
content: ">";
display: inline-block;
vertical-align: top;
padding-right: 3px
}
.breadkrumbs li:first-child:before {
display: none
}
.breadkrumbs a {
color: #a0a0a0
}
.information {
padding: 0 0 27px;
margin: 0;
overflow: hidden;
line-height: 1.35
}
.information dt {
float: left;
padding: 0 3px 0 0
}
.information dd {
clear: right;
margin: 0
}
.block {
padding: 0 0 20px
}
.text-block {
display: block
}
.link-back {
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
position: relative;
z-index: 5
}
.link-back .icon-right-dir:before {
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
margin: 0
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 20;
padding: 10px;
background: rgba(255, 255, 255, .8)
}
.page-template-template-mission .header {
background: 0 0 !important
}
.header.on-scroll {
background: rgba(255, 255, 255, .8)
}
.header .logo {
float: left;
margin-top: 3px
}
.header .logo a {
display: block;
border: none;
position: relative
}
.header img {
display: inline-block;
vertical-align: middle;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.header img.logo-text {
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.header .logo > a > img:first-child {
width: 30px;
height: auto
}
.header .logo > a > .logo-text {
width: 130px
}
.header .logo > a > img[class^=scroll-logo] {
position: absolute;
display: block;
left: 0;
width: 30px;
top: 0;
opacity: 0
}
.header.on-scroll .logo > a > img[class^=scroll-logo] {
opacity: 1
}
.header .logo > a > img[class^=scroll-logo-text] {
width: 130px;
right: 0;
top: 50%;
margin-top: -6px;
left: auto
}
.header.on-scroll .logo-text,
.header.on-scroll .logo > a > img:first-child {
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.nav-block {
float: right;
-webkit-transition: padding .3s linear;
transition: padding .3s linear
}
.resize-active .nav-block {
-webkit-transition: none !important;
transition: none !important
}
.nav-block .btn-primary {
float: left;
margin-right: 30px;
padding-left: 18px;
padding-right: 18px
}
.nav-holder {
float: left
}
.drop {
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 100%;
-webkit-transition: all .3s linear;
transition: all .3s linear;
background: #012856;
height: 100vh;
padding: 68px 25px 25px
}
.nav-active .drop {
left: 0;
overflow-y: auto
}
.resize-active .drop {
-webkit-transition: none !important;
transition: none !important
}
.nav-opener {
float: left;
width: 39px;
height: 35px;
position: relative;
border-radius: 3px;
text-indent: -9999px;
border: none;
z-index: 20
}
.nav-opener span,
.nav-opener:after,
.nav-opener:before {
background: #009fc3;
border-radius: 4px;
position: absolute;
top: 17px;
left: 0;
right: 0;
height: 3px;
margin-top: -2px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.nav-opener:after,
.nav-opener:before {
content: "";
top: 8px
}
.nav-opener:after {
top: 26px
}
.nav-active .nav-opener span,
.nav-active .nav-opener:after,
.nav-active .nav-opener:before,
.nav-opener:hover span,
.nav-opener:hover:after,
.nav-opener:hover:before {
background: #007590
}
.nav-active .nav-opener span {
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 10px
}
.nav-opener span {
opacity: 1
}
.nav-active .nav-opener:after,
.nav-active .nav-opener:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 10px !important
}
.nav-active .nav-opener:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.main-nav > li {
padding: 0 0 20px
}
.main-nav > li > a {
color: #30a7c2;
text-transform: uppercase;
font-size: 20px;
font-weight: 700;
letter-spacing: -1px;
border-bottom: 0
}
.main-nav > li.active > a,
.main-nav > li.hover > a {
color: #fff;
border-color: #009fc3
}
.main-nav ul {
padding-top: 5px
}
.main-nav ul ul {
padding-left: 10px
}
.main-nav ul > li {
padding: 0 0 5px
}
.main-nav ul > li > a {
color: #fff;
letter-spacing: 0;
font-size: 16px;
font-weight: 400
}
.main-nav ul > li > a:hover {
font-weight: 700
}
.main-nav ul > li.active > a,
.main-nav ul > li.hover > a {
color: #fff;
border-color: #009fc3
}
.add-nav li {
margin: 0 0 10px
}
.add-nav a {
border: none;
display: block;
position: relative;
padding: 25px 0 0;
color: #fff;
background: 0 0
}
.add-nav a:before {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
font-size: 20px
}
.add-nav a:hover {
color: #009fc3
}
.cycle-gallery {
position: relative;
background: #0c0c0d;
min-height: 440px
}
.page-template-template-uhet .cycle-gallery {
margin: 0 0 30px;
min-height: 100px
}
.single-custom_toilet .cycle-gallery .slide {
position: absolute;
top: 0;
opacity: 0;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease
}
.single-custom_toilet .cycle-gallery .slideset {
position: relative
}
.careers .cycle-gallery {
overflow: hidden
}
.cycle-gallery .mask,
.cycle-gallery .slide {
position: relative;
overflow: hidden;
width: 100%;
min-height: 440px;
background-repeat: no-repeat
}
.cycle-gallery .slideset {
width: 100%;
float: left
}
.home .cycle-gallery .slideset {
position: relative
}
.cycle-gallery .slide {
width: 100%;
float: left
}
.cycle-gallery .slide.active {
z-index: 1
}
.home .cycle-gallery .slide.active .slide-text {
opacity: 1
}
.home .cycle-gallery .slide {
position: absolute;
left: 0;
top: 0
}
.home .cycle-gallery .slide .slide-text {
opacity: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.careers .cycle-gallery .slide,
.careers .mask {
background-size: cover
}
.pagination {
text-align: center;
font-size: 0;
line-height: 0;
position: absolute;
bottom: 4vw;
z-index: 10;
width: 100%
}
.pagination li {
display: inline-block;
vertical-align: middle;
margin: 0 7px
}
.pagination li.active a,
.pagination li:hover a {
background: #6bb41f
}
.pagination a {
width: 18px;
height: 18px;
display: block;
border: 3px solid #6bb41f;
border-radius: 50%
}
.slide-text {
font-size: 15px;
color: #fff;
padding: 50px 0
}
.aligncenter .slide-text {
width: 100%;
max-width: 900px;
margin: 0 auto
}
.alignright .slide-text {
float: right
}
.slide-text h1 {
color: #fff;
font-weight: 800
}
.bg-white .slide-text h1 {
font-weight: 500
}
.home .slide-text h1,
.page-template-template-careers .slide-text h1,
.page-template-template-mission .slide-text h1,
.page-template-template-toilets .slide-text h1,
.page-template-template-bidet .slide-text h1,
.single-custom_technology .slide-text h1 {
font-weight: 800;
letter-spacing: -2px;
color: #fff;
line-height: 1;
text-transform: uppercase
}
.home .slide-text h1.medium {
font-size: 48px;
}
.page-template-template-toilets .slide-text,
.page-template-template-toilets .slide-text h1,
.page-template-template-bidet .slide-text,
.page-template-template-bidet .slide-text h1 {
color: #012856
}
.breadkrumbs .slide-text ul,
.slide-text .breadkrumbs ul,
.slide-text .holder {
padding: 0 20px;
max-width: 1000px
}
.slide-img {
margin-bottom: 25px;
display: inline-block;
border: none
}
.three-columns {
background: url(//niagaracorp.com/wp-content/themes/niagra/images/bg-technology.jpg) no-repeat 50% 50%;
background-size: cover;
padding: 30px 0;
background-attachment: fixed;
background: #fff
}
.article {
padding: 0 0 25px;
color: #d9d9d9;
font-size: 15px;
line-height: 1.33
}
.article:hover .photo-block:after {
opacity: 0
}
.article h2 {
font-size: 20px;
margin: 0 0 11px;
text-transform: uppercase;
font-weight: 700
}
.article h2 a {
color: #fff;
color: #00244d
}
.article p {
margin: 0;
font-weight: 300;
font-size: 18px;
line-height: 1.5;
color: #353d3b
}
.article > a {
line-height: 1.5;
font-size: 18px;
color: #6bb41f;
text-transform: uppercase;
position: relative;
top: 20px
}
.photo-block {
margin: 0 0 10px;
position: relative;
overflow: hidden;
display: inline-block;
max-width: 410px;
width: 100%
}
.three-columns .photo-block {
filter: url(//niagaracorp.com/wp-content/themes/niagra/images/filters.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(1);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
border: 2px solid #000
}
.three-columns .article:hover .photo-block {
filter: none
}
.photo-block:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background: url(//niagaracorp.com/wp-content/themes/niagra/images/over-image.png);
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
opacity: 0
}
.published {
color: #000;
padding: 0 0 10px;
font-size: 12px
}
.stealth {
overflow: hidden;
color: #fff;
text-align: center;
line-height: 1.33;
background-color: #000;
background: url(//niagaracorp.com/wp-content/themes/niagra/images/stealth-background.jpg) center no-repeat;
background-size: cover;
padding-top: 130px;
padding-bottom: 100px
}
.stealth .logo {
margin: 0 0 20px
}
.stealth .visual {
margin: -50px 0 0;
z-index: 5
}
.stealth .visual img {
max-width: 141%;
margin-left: -20%
}
.stealth .description {
position: relative;
z-index: 10;
text-align: left
}
.visual {
text-align: center;
position: relative;
margin: 0 0 20px
}
.visual .icon-plus-circled {
position: absolute;
top: 35%;
left: 50%;
font-size: 30px;
border: none;
background: 0 0;
-webkit-transform: translateX(-50%);
transform: translateX(-54%)
}
.visual .icon-plus-circled:hover {
opacity: .8
}
.description {
font-size: 15px
}
.technologes .description {
color: #fff
}
.mission.nia-right .description {
float: right;
text-align: left
}
.mission.nia-right > .holder {
overflow: hidden
}
.bg-white .description {
color: #000
}
.bg-white .mission .description {
color: #fff;
position: absolute;
right: 50%;
width: 50%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.bg-white .mission.nia-right .description {
left: 50%;
right: auto
}
.seal > .holder > .row > .description > strong,
.seal > .row > .description > strong {
font-size: 20px;
margin-bottom: 30px;
display: block;
font-weight: 700;
line-height: 23px;
color: #3eb1c8
}
.seal > .holder > .row > .description > h2,
.seal > .row > .description > h2 {
margin-bottom: 0
}
.seal > .row > .description > p {
font-size: 15px;
margin-bottom: 30px
}
.slogan {
display: inline-block;
vertical-align: top;
color: #7ac142;
font-weight: 700;
margin: 0 0 20px;
font-size: 20px
}
.ecologic {
background: #00244d;
color: #fff;
padding: 100px 0;
overflow: hidden
}
.ecologic .logo img {
position: absolute;
margin: -220px 0 -250px -200px;
width: 120%;
position: absolute;
top: 0;
left: -49%;
margin: 0 !important;
-webkit-transform: translateY(-51%);
transform: translateY(-51%);
opacity: 0
}
.ecologic .logo img.eco-logo {
margin: 0;
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 157px;
opacity: 1
}
.ecologic .view,
.ecologic .view-gray {
color: #6bb41f
}
.technologes {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/bg-technology-small.jpg);
padding: 50px 0 10px;
background-attachment: fixed;
color: #a0a0a0
}
.page-template-template-technology .slide-text p {
font-size: 1.8vw;
font-weight: 300;
line-height: 2
}
.bg-white .technologes {
background: #fff;
margin-bottom: 90px
}
.technologes h2 {
font-weight: 700;
text-transform: uppercase;
color: #fff;
font-size: 18px
}
.bg-white .technologes h2 {
color: #002856;
text-align: left;
font-size: 30px;
font-weight: 700;
line-height: 35px;
margin-bottom: 3px
}
.bg-white .technologes .description > strong {
font-size: 20px;
line-height: 23px;
vertical-align: top;
display: inline-block;
color: #3eb1c8
}
.bg-white .technologes .description > p {
font-size: 15px;
line-height: 20px;
text-align: left;
margin-bottom: 0 !important;
margin-top: 20px !important
}
.technologes .row {
padding: 30px 0
}
.kits {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/bg-kits.jpg);
color: #fff;
padding: 70px 0;
line-height: 1.58
}
.page-template-template-products .kits,
.single-custom_technology .kits {
background-repeat: no-repeat;
padding: 2vw 0;
background-position: left !important;
background: 0 0;
background-size: cover
}
.single-custom_technology #how-it-works-boxes + .kits {
padding: 4vw 0 2vw
}
.single-custom_technology .kits + .kits.nia-left {
padding: 2vw 0 4vw
}
.page-template-template-products .kits.background {
padding: 10vw 0
}
.page-template-template-products .kits:first-child {
padding: 4vw 0 2vw
}
.page-template-template-products .kits.aerators {
padding: 2vw 0 4vw
}
.kits .logo {
margin: 0 0 23px
}
.kits .description {
text-align: left;
padding-right: 8%;
width: 48.9%;
display: inline-block;
vertical-align: middle
}
#case-studies.kits .description {
padding-top: 0 !important;
width: 48.9%
}
.kits.nia-left .description {
padding-right: 0;
padding-left: 8%;
padding-top: 0 !important
}
.page-template-template-products .kits.nia-left .visual,
.single-custom_technology .kits.nia-left .visual {
position: static;
-webkit-transform: none;
transform: none
}
.tool-blocks {
padding: 30px 0 20px
}
.after-scroll {
background-position: bottom;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-color: #002856;
padding: 10vw 0 !important
}
.after-scroll > img {
opacity: 0
}
.tool-blocks.programs {
text-align: center
}
.tool-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font: 16px/1.5 "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 300 !important
}
.tool-list li {
text-align: center;
padding: 0 0 5vh
}
.tool-list a {
display: inline-block;
vertical-align: top;
border: none;
color: #6b6b6b;
background: 0 0
}
.tool-list a .title {
display: inline-block;
vertical-align: top;
color: #00234c;
font-family: Avenir, Arial, "Helvetica Neue", Helvetica, sans-serif;
margin: 0 0 12px;
text-transform: uppercase;
font-weight: 800
}
.tool-list a [class*=icon-],
.tool-list a [class^=icon-] {
display: block;
color: #a0a0a0;
margin: 0 0 20px;
font-size: 0;
background-repeat: no-repeat;
background-position: center;
height: 90px;
line-height: 90px
}
.tool-list a [class*=icon-]:before,
.tool-list a [class^=icon-]:before {
width: auto;
margin: 0
}
.tool-list a:hover [class^=icon-] {
color: #009fc3
}
.tool-list .icon-basket {
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.mission {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/bg-mission.jpg);
color: #fff;
text-transform: uppercase;
padding: 30px 0;
min-height: 350px
}
.tool-list a [class*=icon-] > img,
.tool-list a [class^=icon-] > img {
display: inline-block;
vertical-align: middle;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease
}
.tool-list a:hover [class*=icon-] > img,
.tool-list > li > a:hover [class^=icon-] > img {
opacity: 1
}
.careers .mission.nia-right {
min-height: 500px
}
.breadkrumbs .mission ul,
.mission .breadkrumbs ul,
.mission .holder {
text-align: left
}
.mission h2 {
font-size: 45px;
font-weight: 500;
margin: 0 0 20px;
border: none !important
}
.mission h3 {
font-size: 20px;
font-weight: 300;
text-transform: none !important
}
.careers .mission h3 {
font-size: 36px;
color: #fff;
font-weight: 700
}
.mission a {
color: #6bb41f
}
.three-blocks {
overflow: hidden;
background: #d9d9d9;
color: #454545;
font-size: 15px
}
.three-blocks a {
color: #454545
}
.three-blocks a:hover {
color: #353d3b;
font-weight: 800
}
.three-blocks .block {
text-align: center;
padding: 20px
}
.three-blocks .block:first-child {
background: #f7f7f7
}
.three-blocks .block:last-child {
background: #a0a0a0
}
.three-blocks .links-list li {
margin: 0 0 10px
}
.intro {
color: #fff;
text-align: center;
margin: 0 0 20px;
padding: 65px 0 50px
}
.error404 .intro,
.page:not(.page-template-template-technologies):not(.page-template-template-initiatives):not(.page-template-template-calculator) .intro {
margin-bottom: 0;
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/bg-technologies-header.jpg) !important
}
.archive .intro {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/bg-technologies-header.jpg) !important
}
.error404 .intro {
margin-bottom: 0
}
.page-template-template-faq .intro {
margin-bottom: 0
}
.intro > .holder {
min-height: 80px;
line-height: 80px
}
.study-page .intro {
margin-bottom: 0
}
.intro h1 {
text-transform: uppercase;
margin: 0;
display: inline-block;
vertical-align: middle;
width: 100%;
font-size: 48px;
text-align: left;
font-weight: 800;
letter-spacing: -2px;
line-height: 1
}
.search .intro h1 {
text-align: center
}
.content-block {
padding-bottom: 30px
}
.content-block h2 {
font-weight: 500;
text-transform: uppercase;
font-size: 20px
}
.control-panel {
padding: 0 0 20px;
font-size: 12px;
text-transform: uppercase
}
.form-sort {
width: 100%;
margin: 0 0 20px
}
.form-sort select {
width: 160px;
text-transform: uppercase;
padding: 7px 4px
}
.text-control {
float: left;
color: #a0a0a0;
padding: 13px 4px 10px 0
}
.filter-block {
width: 100%
}
.filter-list {
overflow: hidden;
text-align: center
}
.filter-list li {
display: inline-block;
vertical-align: middle;
margin: 0 0 10px
}
.filter-list li.active a,
.filter-list li:hover a {
background: #ebebeb
}
.filter-list a {
display: block;
padding: 8px 10px;
border: 1px solid #ebebeb;
min-width: 80px;
color: #454545;
background: #fff
}
.product-row {
padding: 14px 0 17px;
border-bottom: 1px solid #e2e2e2;
overflow: hidden
}
.lit .product-row {
position: relative
}
.product-description {
padding: 0 0 20px;
color: #454545
}
.lit .product-description {
padding-left: 140px
}
.lit .product-image {
position: absolute;
top: 14px;
left: 0;
width: 125px;
display: block
}
.lit .product-image > img {
width: 100%;
height: auto;
float: left
}
.product-description h2 {
margin: 0 0 6px;
color: #000;
font-size: 18px
}
.product-description p {
margin: 0;
font-size: 13px;
line-height: 1.5
}
.product-description .gpf {
display: block
}
.product-description .num li {
display: inline-block;
vertical-align: middle;
font-size: 13px
}
.product-description .num li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 13px;
background: #7a7a7a;
margin: 0 8px 0 4px
}
.product-description .num li:first-child:before {
display: none
}
.btn-group {
width: 210px;
margin: 0 auto 20px
}
.btn-group .btn-primary {
margin: 10px 0 0;
width: 100%
}
.btn-group .btn-primary:first-child {
margin: 0
}
.text-downloads {
border-top: 1px solid #e2e2e2;
text-transform: uppercase;
padding: 26px 0 0
}
.text-downloads ul {
padding-bottom: 17px
}
.text-downloads ul li {
display: inline-block;
vertical-align: middle
}
.text-downloads ul li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 16px;
background: #e2e2e2;
margin: 0 8px 0 4px
}
.text-downloads ul li:first-child:before {
display: none
}
.text-downloads .type {
padding: 0 14px 0 0
}
.pagination-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 0 30px
}
.view-list .paging,
.wp-pagenavi {
display: inline-block;
vertical-align: top;
text-transform: uppercase
}
.view-list .paging li,
.wp-pagenavi .current,
.wp-pagenavi a {
display: inline-block;
vertical-align: middle;
color: #009fc3;
margin: 0 7px 0 0
}
.wp-pagenavi a {
color: #a0a0a0;
border: none
}
.wp-pagenavi .current,
.wp-pagenavi a:hover {
color: #009fc3
}
.view-list {
display: inline-block;
vertical-align: top;
color: #a0a0a0
}
.view-list span {
padding-right: 16px
}
.view-list .paging li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 13px;
background: #a0a0a0;
margin: 0 8px 0 4px
}
.view-list .paging li:first-child:before {
display: none
}
.video-block {
padding: 0 0 6px
}
.video-block h3 {
margin: 0
}
.video-holder {
border: 1px solid #d9d9d9;
min-height: 200px;
position: relative;
margin: 0 0 7px;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.mix.video-block > .video-holder > img {
width: 100%;
height: auto;
position: relative;
z-index: -1;
opacity: 0
}
.mix.video-block > .video-holder {
min-height: 220px
}
.cs-landing .video-holder {
min-height: 270px
}
.video-holder a {
border: none
}
.video-holder a:hover {
opacity: .8
}
.video-holder .icon-youtube-play {
position: absolute;
top: 50%;
left: 50%;
margin: -23px 0 0 -20px;
font-size: 40px;
color: #b6b6b6;
background: 0 0;
padding: 0
}
.video-description {
color: #454545
}
.intro-vh {
color: #fff;
margin: 0 0 20px;
min-height: 280px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.page-template-template-uhet .slide.bg-stretch {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.page-template-template-uhet .cycle-gallery .mask,
.page-template-template-uhet .cycle-gallery .slide {
height: 100vh;
min-height: 100vh
}
.page-template-template-uhet .holder {
text-align: left
}
.primary-content {
line-height: 1.35;
padding: 0 0 16px;
font-weight: 300
}
.heading {
overflow: hidden;
padding: 0 0 10px;
color: #454545
}
.heading [class*=icon-],
.heading [class^=icon-] {
width: 30px;
height: 30px;
float: left;
font-size: 19px;
line-height: 30px;
text-align: center;
border-radius: 50%;
color: #fff;
margin: 0 8px 0 0
}
.heading strong {
display: block;
overflow: hidden;
text-transform: capitalize;
font-weight: 500
}
.heading strong span {
text-transform: uppercase
}
.heading .icon-tint {
background: #009fc3
}
.heading .icon-dollar {
background: #7ac142
}
.products {
padding: 20px 0
}
.products.gray-block {
background-color: #e6e6e6
}
.bg-white .products h1,
.products h1 {
color: #002856;
font-weight: 700;
text-transform: uppercase;
text-align: left;
margin: 0 0 10px;
font-size: 30px
}
.products.gray-block .holder > p {
line-height: 1.75
}
.popup-grids {
position: relative;
width: 100%
}
.popup-grids > li {
padding: 0 0 25px
}
.popup-grids > li.active .item,
.popup-grids > li:hover .item,
.techslides .slick-slide:hover .item {
background: #f7f7f7
}
.popup-grids > li:hover .popup-open,
.popup-grids > li:hover .product-list .btn-primary,
.product-list .popup-grids > li:hover .btn-primary,
.techslides .slick-slide:hover .popup-open {
display: block !important
}
.popup-grids > li.active .item:after {
opacity: 1
}
.popup-grids .item,
.techslides .item {
position: relative;
text-align: center;
cursor: pointer;
background: #fff;
border: 1px solid #fff;
padding: 0 10px 6px
}
.popup-grids .click-area {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 5;
border: none
}
.popup-grids .item:after,
.techslides .item:after {
content: "";
width: 18px;
height: 18px;
position: absolute;
bottom: -38px;
left: 50%;
margin-left: -9px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
background: #f7f7f7;
-webkit-transition: opacity 1ms linear;
transition: opacity 1ms linear
}
.gray-block .popup-grids .item:after {
background: #fff
}
.bg-white .popup-grids h2,
.bg-white.eco-tech .popup-grids h2,
.popup-grids h2,
.techslides h2 {
font-size: 16px;
font-weight: 600;
color: #37b0c9;
margin: 0;
text-transform: none;
border: none
}
.popup-grids h2 sup {
font-size: 40%;
vertical-align: top;
line-height: 3
}
.popup-grids h2 strong,
.techslides h2 strong {
display: block;
color: #a0a0a0;
font-weight: 500;
font-size: 18px
}
.popup-grids h2 span,
.techslides h2 span {
display: block
}
.popup-grids .popup-block {
position: absolute;
left: 0;
width: 100%;
padding: 18px 20px 36px;
background: #f7f7f7;
margin-top: 28px
}
.gray-block .popup-grids .popup-block {
background: #fff
}
.popup-grids .popup-block h2 {
font-weight: 500;
margin: 0 0 12px;
font-size: 25px
}
.popup-grids .popup-block h2 strong {
font-size: 12px;
line-height: .2;
text-transform: none;
margin-top: 7px
}
.popup-grids .popup-block .visual {
margin: 0 auto 20px;
width: 50%
}
.popup-grids .close {
position: absolute;
top: 10px;
right: 10px;
width: 16px;
height: 16px;
cursor: pointer;
z-index: 10;
border: none
}
.popup-grids .close:hover {
opacity: .8
}
.popup-grids .close:after,
.popup-grids .close:before {
content: "";
background: #a0a0a0;
position: absolute;
top: 6px;
left: 0;
right: 0;
height: 4px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.popup-grids .close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.popup-grids .js-slide-hidden {
min-height: 724px;
margin-bottom: 0 !important
}
.illustration {
padding: 20px 0 23px;
min-height: 243px;
position: relative
}
.item .btn-primary.popup-open.lightbox,
.popup-open,
.product-list .btn-primary,
.techslides .popup-open {
position: absolute;
top: 50%;
left: 50%;
min-width: 150px;
margin: -15px 0 0 -75px;
display: none
}
.description-holder {
padding: 0 0 20px
}
.title-options {
font-size: 15px;
display: block;
padding: 0 0 15px;
color: #454545
}
.options-list {
padding: 0 0 10px;
font-size: 15px;
line-height: 17px
}
.options-list li {
display: inline-block;
vertical-align: top;
width: 50px;
height: 50px;
padding: 8px 4px;
margin: 0 6px 10px 0;
color: #fff;
border-radius: 50%;
background: #a0a0a0;
text-align: center
}
.options-list span {
color: #fff;
border: none
}
.product-gallery .cycle-gallery {
width: 100%;
position: relative;
min-height: 400px
}
.home .img-gallery {
padding: 15vh 0 10vh
}
.img-gallery {
padding: 80px 50px
}
.product-gallery .img-gallery {
padding: 0
}
.img-gallery img {
white-space: normal;
display: block
}
.product-gallery .img-gallery img {
width: 100%
}
.twocolumns {
overflow: hidden;
padding-bottom: 10px
}
.page-template-template-buzz-sidebar .twocolumns.holder,
.page-template-template-distributor .twocolumns.holder {
margin-top: 40px
}
.content h1 {
font-size: 16px;
margin: 0 0 14px;
font-weight: 500
}
.content h2 {
font-size: 18px;
color: #454545;
margin: 0 0 6px;
text-transform: uppercase
}
.content .box {
color: #454545;
border-bottom: 1px solid #e2e2e2;
margin: 0 0 24px;
font-weight: 300
}
#wrapper .twocolumns .ps-widget {
margin-bottom: 30px;
float: none;
display: inline-block !important;
overflow: hidden;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
padding: 0;
background: #30a7c2;
color: #fff;
text-align: center;
font-family: Avenir, Arial, "Helvetica Neue", Helvetica, sans-serif;
cursor: pointer;
outline: 0
}
#wrapper .twocolumns .ps-widget:hover {
opacity: .8
}
.twocolumns .ps-widget span {
font-size: 12px;
min-width: 150px;
float: left;
line-height: 1.2;
padding: 8px 10px;
font-weight: 700
}
.content .bullet-list {
padding: 0 0 20px 20px
}
.product-logos {
padding: 23px 0 32px
}
.product-logos li {
display: inline-block;
vertical-align: middle;
padding: 0 5px 0 0;
width: 30%
}
.product-logos a {
border: none
}
.product-logos a:hover {
opacity: .8
}
.drawing {
margin: 5px 8px 25px
}
.videos .video-block {
font-weight: 400
}
.videos .video-block h3 {
font-size: 13px
}
.videos .video-holder {
min-height: 120px
}
.sidebar h2 {
margin: 0 0 6px;
text-transform: uppercase;
font-size: 25px
}
.sidebar h3 {
text-transform: uppercase;
border-bottom: 1px solid #e2e2e2;
padding: 0 0 6px;
margin: 0 0 19px
}
.sidebar p {
margin: 0 0 15px;
font-weight: 300
}
.sidebar .btn-primary {
min-width: 160px
}
.sidebar .information {
padding: 20px 0 0
}
.sidebar .information:first-child {
padding: 0
}
.sidebar > .information:first-child {
padding: 0 0 34px
}
.sidebar .links-list {
text-transform: uppercase
}
.sidebar .links-list li {
margin: 0 0 14px
}
.sidebar .links-list a {
color: #a0a0a0
}
.sidebar .links-list a:hover {
color: #009fc3
}
.phone {
font-size: 20px;
padding: 0 0 12px
}
.phone strong {
display: block;
font-weight: 900;
line-height: 1.1
}
.phone a {
font-weight: 900
}
.products-box {
border-top: 1px solid #a0a0a0
}
.products-box .popup-grids strong,
.techslides strong {
line-height: 1.25
}
.products-box .illustration,
.techslides .illustration {
min-height: 230px;
padding-bottom: 15px
}
.lightbox-holder {
padding: 20px;
max-width: 1280px
}
.lightbox-holder h2 {
line-height: 1;
font-weight: 500
}
.lightbox-holder h2 span,
.lightbox-holder h2 strong {
font-size: 15px;
line-height: 1.3;
display: block;
color: #a0a0a0;
font-weight: 400;
text-transform: none
}
.lightbox-holder .visual {
text-align: center
}
.lightbox-holder .description p {
margin: 0 0 25px
}
.lightbox-holder .product-logos {
padding: 0 0 20px
}
.lightbox-holder .bullet-list {
line-height: 2
}
.lightbox-holder .bullet-list li:before {
top: 7px
}
.result-block {
line-height: 1.2;
color: #000
}
.result-block h2 {
color: #000
}
.result-block > h2 {
text-transform: none
}
.result-list {
padding-top: 9px
}
.result-list > li {
border-bottom: 1px solid #e2e2e2;
overflow: hidden;
padding: 17px 0 11px
}
.result-list h2 {
margin: 0;
font-weight: 500
}
.result-list address {
font-style: normal;
line-height: 1.3;
text-transform: uppercase;
font-weight: 300
}
.result-list address a {
color: #000;
border: none
}
.result-list address a:hover {
color: #009fc3
}
.result-list .product-description {
padding: 0 0 20px
}
.tags li {
display: inline-block;
vertical-align: top
}
.tags li:before {
content: "";
display: inline-block;
vertical-align: top;
width: 1px;
height: 13px;
background: #a0a0a0;
margin: 0 8px 0 4px
}
.tags li:first-child:before {
display: none
}
.big-columns {
line-height: 1.33
}
.big-columns .content h2 {
text-transform: uppercase;
color: #000;
margin: 0 0 11px;
font-size: 18px
}
.big-columns .content p {
font-weight: 300
}
.big-columns .content h3 {
text-transform: uppercase;
font-size: 16px
}
.form-block {
padding: 16px 1px 10px
}
.form-block .wpcf7-form-control-wrap {
width: 100%
}
.fancybox-wrap .wpcf7-form .row-form .wpcf7-list-item.first {
padding-left: 0
}
.fancybox-wrap .wpcf7-form .row-form .wpcf7-list-item {
padding-left: 10px
}
.fancybox-wrap .wpcf7-form .row-form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
padding-left: 10px
}
.form-block .wpcf7-form-control-wrap input {
width: 100%;
font-size: 15px;
color: #000
}
.form-block:after {
content: "";
clear: both;
display: block
}
.form-block .row-form {
padding: 0 0 17px;
clear: both
}
.form-block .captcha-block .row-form {
padding: 0
}
.blue-box {
background: #009fc3 url(//niagaracorp.com/wp-content/themes/niagra/images/quotes.png) no-repeat 50% 40px;
color: #fff;
padding: 106px 20px 24px;
margin: 0 0 30px;
text-align: center;
line-height: 1.35
}
.blue-box h2 {
margin: 0 0 15px
}
.testimonials-block {
border: 2px dashed #009fc3;
border-radius: 10px;
position: relative;
padding: 20px;
margin: 0 0 40px;
line-height: 1.35;
background: #fff
}
.testimonials-block:after {
content: "";
width: 71px;
height: 22px;
position: absolute;
bottom: -22px;
left: 58px;
background: url(//niagaracorp.com/wp-content/themes/niagra/images/arrow.png) no-repeat
}
.testimonials-block blockquote:after,
.testimonials-block blockquote:before,
.testimonials-block q:after,
.testimonials-block q:before {
content: "";
content: none
}
.testimonials-block blockquote {
margin: 0
}
.testimonials-block blockquote q {
display: block;
padding: 0 10px 6px 0;
line-height: 1.5
}
.testimonials-block blockquote cite {
font-style: normal;
display: block;
font-size: 11px;
line-height: 1.2;
text-transform: uppercase
}
.testimonials-block blockquote cite strong {
display: block;
font-size: 15px;
font-weight: 500
}
.information-form p {
font-size: 13px
}
#contact-form .information-form .form-block p {
margin: 25px 0 0
}
.study-page .logo img.logo-text {
opacity: 0
}
.study-page .logo a:hover img.logo-text {
opacity: 1
}
.study-holder {
padding: 55px 0 0
}
.bg-stretch {
background-color: #fff
}
.study-holder .content {
padding: 0 0 30px
}
.study-holder .content h2 {
margin: 0 0 24px
}
.study-holder .content h2 em {
display: block;
font-size: 15px;
line-height: 1;
text-transform: none
}
.study-holder .content .btn-primary {
min-width: 180px;
margin: 12px 0 0
}
.study-holder p {
margin: 0 0 22px;
font-weight: 300;
line-height: 1.5
}
.study-holder ul {
padding: 0 0 0 20px
}
.study-holder .block {
padding: 0 0 20px
}
.study-holder .block .heading {
display: block;
font-size: 16px;
text-transform: uppercase;
padding: 0 0 15px
}
.head {
line-height: 1.2;
text-transform: uppercase;
padding: 34px 0 27px
}
.head h1 {
font-size: 20px;
font-weight: 500
}
.head .posted {
font-size: 12px;
color: #454545;
line-height: 1;
margin: -5px 0 0 4px
}
.head .posted li {
display: inline-block;
vertical-align: middle
}
.head .posted li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 13px;
background: #757575;
margin: 0 8px 0 4px
}
.head .posted li:first-child:before {
display: none
}
.image {
margin: 0 0 22px;
text-align: center
}
.block.nia-mobile {
display: none
}
.share-block {
padding: 26px 0
}
.share-block .social-networks {
display: inline-block;
vertical-align: middle;
width: 65%;
margin: 0 0 0 6px;
font-size: 15px
}
.share-block .social-networks li {
vertical-align: middle
}
.share-block .social-networks a {
width: 30px;
height: 30px;
white-space: nowrap;
display: block;
background: #a0a0a0;
border-radius: 50%;
text-align: center;
border: none
}
.share-block .social-networks a:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
min-height: 100%
}
.share-block .social-networks a > * {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%
}
.share-block .social-networks a:before {
vertical-align: middle
}
.share-block .social-networks a:hover {
background: #009fc3
}
.title-list {
display: inline-block;
vertical-align: middle;
color: #a0a0a0
}
.saved-list li {
padding: 0 0 7px;
vertical-align: top;
overflow: hidden
}
.saved-list {
padding-left: 0 !important
}
.saved-list [class*=" icon-"],
.saved-list [class^=icon-] {
float: left;
width: 90px;
font-size: 54px;
color: #009fc3
}
.saved-list [class*=" icon-"]:before,
.saved-list [class^=icon-]:before {
margin: 0
}
.saved-list .icon-pig {
font-size: 50px
}
.saved-list h3 {
overflow: hidden;
border: none;
font-weight: 400;
margin: 0;
line-height: 1
}
.saved-list h3 span {
display: block;
font-size: 15px;
line-height: 1
}
.icon-list {
font-size: 20px;
line-height: 1.2;
padding-left: 0 !important
}
.icon-list li {
padding: 0 0 11px;
vertical-align: top;
overflow: hidden
}
.icon-list [class*=" icon-"],
.icon-list [class^=icon-] {
display: inline-block;
vertical-align: middle;
width: 50px;
font-size: 27px;
color: #009fc3
}
.icon-list [class*=" icon-"]:before,
.icon-list [class^=icon-]:before {
margin: 0
}
.product-list {
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0 !important
}
.product-list .lightbox {
padding: 0
}
.product-list li {
margin: 0 0 10px;
background: #fff;
width: 48%
}
.product-list a:hover .btn-primary {
display: block
}
.product-list h4 {
margin: 0
}
.product-list h4 strong {
display: block;
color: #a0a0a0;
font-size: 10px;
line-height: 1.2;
font-weight: 500
}
.product-list h4 span {
display: block
}
.product-list .item {
padding: 13px 20px
}
.product-list .illustration {
min-height: 80px;
padding: 0 11% 10px
}
.product-list .btn-primary {
font-size: 14px;
min-width: 100px;
margin: 0 0 0 -50px
}
.footer-block {
color: #fff;
padding: 20px 0;
font-size: 12px;
line-height: 1.46;
background-size: contain;
background-repeat: no-repeat;
background-color: #012856
}
.aside {
overflow: hidden
}
.contact-page {
max-width: 660px
}
.contact-block h3 {
margin: 0 0 7px;
font-weight: 700;
font-size: 20px
}
.contact-block address {
font-style: normal
}
.contact-block address a {
color: #fff
}
.contact-block p {
margin: 0 0 15px
}
.contact-block .block {
padding: 0 0 14px
}
.contact-page .jcf-select,
.popup-box .jcf-select {
max-width: 100%;
min-width: 10px;
width: 160px
}
.popup-box .column-short > label {
font-size: 12px
}
.footer-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer-nav .main-nav {
width: 47%
}
.footer-nav .main-nav > li > a {
color: #30a7c2;
border: none
}
.footer-nav .main-nav ul {
padding: 0
}
.footer-nav .main-nav ul li {
padding: 0
}
.footer-nav .main-nav ul a {
color: #fff
}
.footer-nav a:hover {
font-weight: 700
}
.footer-nav .main-nav ul ul {
display: block;
padding-left: 20px
}
.footer {
text-align: center;
font-size: 10px
}
.footer p {
margin: 0
}
.bg-white h1,
.bg-white h2,
.bg-white h3 {
color: #002856;
text-transform: uppercase
}
.bg-white section > h1 {
font-size: 30px;
margin-bottom: 20px;
font-weight: 700
}
.bg-white h2 {
font-size: 30px;
line-height: normal;
font-weight: 700;
border-color: #012856;
border-style: solid;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0;
display: inline-block;
-webkit-font-smoothing: initial;
margin-bottom: 3px
}
.bg-white .contact-block h3,
.bg-white .mission h2,
.bg-white .mission h3 {
color: #fff
}
.one-or-two h1 {
text-align: center;
margin-top: 50px;
font-weight: 400;
line-height: 60px;
margin-bottom: 50px
}
.one-or-two img {
width: 100%;
margin-bottom: 30px
}
.one-or-two .col-two > p {
float: left;
width: 50%;
text-align: center;
color: #7ac142;
font-weight: 700
}
.one-or-two .col-two {
margin-bottom: 80px
}
.lit .product-links {
margin-left: 140px
}
.inside,
.noise-canceling {
text-align: center
}
.inside {
margin-bottom: 50px
}
.noise-canceling > img {
display: inline-block;
max-width: 100%;
height: auto
}
.block-center {
margin-top: -70px;
display: inline-block;
width: 90%;
max-width: 820px
}
.careers .block-center {
margin-top: 70px
}
.bg-white .block-center > strong {
margin-bottom: 20px;
display: block;
font-size: 20px;
line-height: 23px;
font-weight: 700;
color: #3eb1c8
}
.bg-white .block-center > h2 {
margin-bottom: 3px
}
.bg-white .block-center > p {
font-size: 15px;
line-height: 20px;
font-weight: 500;
margin-bottom: 60px
}
.seal > .row:first-child {
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2
}
.seal .row {
position: relative;
z-index: 0
}
.seal .holder .row {
margin-bottom: 120px;
margin-top: 100px
}
.half-img > .row > .description,
.seal > .row:first-child > .description {
padding: 0 28px;
float: left;
margin-left: 50%
}
.half-img > .row > .visual,
.seal > .row > .visual {
position: absolute;
left: 0;
top: 0;
height: 100%;
background-size: auto 100%;
background-position: left;
background-repeat: no-repeat;
z-index: -1;
min-width: 850px
}
.half-img > .row > .visual > img,
.seal > .row > .visual > img {
opacity: 0
}
.half-img > .row > .description > img {
width: 80%;
margin-bottom: 20px
}
.half-img > .row > .description > p {
font-size: 15px;
line-height: 20px;
margin-bottom: 50px
}
.half-img > .row > .description > strong {
margin-bottom: 20px;
display: block;
font-size: 20px;
font-weight: 700;
line-height: 23px;
color: #3eb1c8
}
.half-img {
border-top: 1px solid #e2e2e2;
padding-bottom: 30px;
padding-bottom: 0;
border-bottom: 1px solid #e2e2e2;
position: relative;
z-index: 0
}
.seal > .row .visual > img {
float: left
}
.cs-landing .video-holder {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: block;
position: relative;
filter: url(//niagaracorp.com/wp-content/themes/niagra/images/filters.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(1);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease
}
.cs-landing .video-block {
border: none
}
.cs-landing .video-block:hover .video-holder {
filter: none
}
.cs-landing .video-block:hover .video-holder:before {
opacity: 0
}
.cs-landing .video-holder:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
content: '';
background: url(//niagaracorp.com/wp-content/themes/niagra/images/over-image.png);
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease
}
.cs-landing .video-holder.callout:before {
display: none
}
.cs-landing .video-description {
margin-bottom: 25px
}
.cs-landing .tags > li {
text-transform: uppercase;
font-size: 12px;
line-height: 12px
}
.cs-landing .tags li:before {
height: 10px
}
.cs-landing .video-description > h3 {
font-size: 20px;
line-height: 22px;
border-bottom-width: 0;
border-bottom-color: #009fc3;
border-bottom-style: solid;
-webkit-transition: border-bottom-width .1s ease;
-moz-transition: border-bottom-width .1s ease;
-o-transition: border-bottom-width .1s ease;
-ms-transition: border-bottom-width .1s ease;
transition: all .1s ease
}
.cs-landing .video-block .video-description > h3 {
border-bottom-width: 3px;
border-bottom-color: transparent;
font-size: 18px;
font-weight: 500
}
.cs-landing .video-block:hover .video-description > h3 {
border-bottom-width: 3px;
color: #009fc3;
border-bottom-color: #009fc3
}
.cs-landing .video-holder.callout {
background: #000;
color: #fff;
text-align: center;
padding: 50px 40px 0;
filter: none
}
.cs-landing .video-holder.callout > strong {
font-size: 30px;
line-height: 30px;
text-transform: uppercase;
width: 90%;
display: inline-block;
margin-bottom: 16px
}
.cs-landing .video-holder.callout > p {
font-size: 15px;
line-height: 20px;
margin-bottom: 35px
}
.cs-landing .video-holder.callout > a {
padding: 0 25px;
color: #fff;
text-transform: uppercase;
background: #008aad;
line-height: 35px;
display: inline-block
}
.bg-white.careers .slide-text > p {
font-size: 18px;
font-weight: 300
}
.careers .description p {
font-size: 18px;
line-height: 30px;
font-weight: 300;
text-transform: none
}
.bg-white .nia-team .description .sub-text,
.description .sub-text {
line-height: 22px
}
.nia-team > .slides > li {
margin-top: 70px;
font-size: 0;
text-align: right
}
.bg-white .nia-team .description .sub-text {
margin-bottom: 40px;
text-align: right;
opacity: 0
}
.bg-white .nia-team .description .sub-text > p,
.description .sub-text > p {
margin: 0;
font-size: 13px;
color: #454545
}
.mission .description .sub-text > p {
color: #fff
}
.description .sub-text > p {
font-weight: 300;
font-size: 13px
}
.bg-white .nia-team .description .sub-text > strong,
.description .sub-text > strong {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
color: #454545
}
.mission .description > .sub-text > strong {
color: #7ac142
}
.bg-graygrad {
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed
}
.bg-graygrad .block-center {
margin-top: 0
}
.careers .career {
text-align: center;
padding-bottom: 75px
}
.bg-white.careers .block-center > strong {
font-size: 25px;
line-height: normal;
font-weight: 500;
text-transform: none
}
.careers .bg-graygrad {
padding-bottom: 50px;
padding-top: 50px
}
.bg-white.careers .block-center > p {
font-size: 15px;
line-height: 1.75;
color: #454545;
margin-bottom: 20px;
font-weight: 300
}
.car-list {
list-style: none;
line-height: 22px;
font-weight: 800;
font-size: 20px;
padding-left: 0
}
.car-list a {
color: #a0a0a0;
margin-bottom: 10px;
display: inline-block;
border-bottom-width: 3px;
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
line-height: 15px
}
.car-list a:after {
font-family: mail;
margin-left: 10px
}
.careers .block-center .btn-primary {
margin-top: 15px
}
.car-list a:hover {
color: #009fc3
}
.careers .tool-blocks {
height: auto;
text-align: center
}
.careers .tool-blocks .holder > strong {
font-weight: 700;
padding-bottom: 100px;
display: block
}
.careers .tool-blocks.programs .holder > strong {
padding-bottom: 0;
margin-bottom: 40px;
margin-top: 10px;
color: #30a7c2
}
.careers .mission,
.careers .mission .holder {
height: auto;
position: relative;
min-height: 420px
}
.affawards h3 {
color: #a0a0a0 !important;
margin-bottom: 60px;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
text-align: center
}
.affawards {
margin-top: 50px
}
.corporate .bg-graygrad.affawards {
margin-top: 0
}
.careers .affawards {
text-align: center;
padding-top: 40px;
padding-bottom: 40px
}
.careers .bg-graygrad.affawards {
margin-top: 0
}
.affawards > ul > li {
display: inline-block;
vertical-align: middle;
width: 25%;
margin-bottom: 40px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 40px
}
.affawards > ul {
font-size: 0;
padding: 0;
max-width: 800px;
margin: 0 auto
}
.affawards > ul > li > a {
display: inline-block;
border: none
}
.affawards > ul > li > a > img {
max-width: 100%;
height: auto
}
.nia-team.flexslider .slides .big-img {
display: block;
position: absolute;
top: -70px;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: bottom left;
min-height: 300px;
left: 51%
}
.bg-white .nia-team .description {
text-align: left;
padding-left: 30px;
max-width: 540px;
margin-right: 50%;
min-height: 428px
}
.bg-white .nia-team .description > strong {
font-size: 25px;
line-height: normal;
margin-bottom: 25px;
display: block;
color: #30a7c2
}
.bg-white .nia-team .description > p {
font-size: 15px;
line-height: 1.75;
font-weight: 300;
color: #454545
}
.bg-graygrad.team-slide {
text-align: left
}
.corporate .bg-graygrad {
padding-top: 40px;
padding-bottom: 40px
}
.bg-white.careers .block-center > strong,
.bg-white.corporate .block-center > strong {
font-size: 25px;
line-height: normal;
max-width: 450px;
margin: 0 auto 20px;
font-weight: 700;
color: #30a7c2
}
.bg-white.corporate .block-center > p {
color: #454545;
font-size: 15px;
line-height: 1.75;
margin-bottom: 20px;
font-weight: 300
}
.corporate .history .cycle-gallery .slide {
height: 500px;
background-attachment: initial;
min-height: 500px
}
.corporate .history .cycle-gallery,
.corporate .history .cycle-gallery .gallery-block,
.corporate .history .cycle-gallery.mask {
height: 500px !important;
min-height: 500px
}
.corporate .gallery-block {
overflow: hidden
}
.history .slide-text h1 {
font-size: 80px;
font-weight: 700;
color: #fff;
margin-bottom: 60px
}
.corporate .history .slide-text {
padding-top: 10px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding-top: 166px;
font-size: 18px;
left: 0;
top: 0;
position: static
}
.history .slide-text > strong {
font-size: 35px;
font-weight: 600;
margin-bottom: 20px;
display: block;
color: #30a7c2
}
.history .slide-text > p {
font-size: 18px;
line-height: 30px !important
}
.history .pagination {
bottom: 95px
}
.programs > .holder > strong {
font-size: 25px;
line-height: normal;
max-width: 560px;
display: block;
margin: 0 auto 30px;
font-weight: 500
}
.programs .title {
font-size: 18px;
line-height: 1.5;
font-weight: 300
}
.programs p {
font-size: 15px;
line-height: 20px
}
.corporate .nia-right .description p {
font-size: 20px;
line-height: 30px;
text-transform: none
}
.corporate .nia-right .description strong {
font-size: 18px;
line-height: 30px;
margin-bottom: 37px;
display: block;
font-weight: 300
}
.nia-team .flex-control-thumbs li {
display: inline-block;
float: none;
width: 112px;
height: 112px;
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
box-sizing: content-box;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: transparent
}
.nia-team .flex-control-thumbs li > img {
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: transparent
}
.nia-team .flex-control-thumbs li:hover > img,
.nia-team .flex-control-thumbs li > img.flex-active {
border-bottom-color: #76c154
}
.nia-team .flex-control-thumbs {
margin: 0;
font-size: 0
}
.nia-team .flex-direction-nav {
display: none
}
.bg-white .gallery-block.history .mask > h1 {
color: #fff;
text-align: center;
font-size: 35px;
font-weight: 700;
position: absolute;
top: 100px;
z-index: 10;
width: 100%;
left: 0
}
.bg-white .gallery-block.history .mask {
position: relative
}
.results {
list-style: none;
padding: 0;
border-top: 1px solid #e2e2e2;
margin-top: 20px;
padding-top: 20px;
border-bottom: 1px solid #e2e2e2
}
.results > li {
display: block;
position: relative;
margin-bottom: 30px;
min-height: 100px
}
.results > li > a {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
color: #000;
border: none
}
.results .results-image {
float: left;
top: 0;
left: 0;
width: 150px;
height: 100px;
margin-right: 15px
}
.results li > a > p {
margin: 0;
line-height: 20px;
font-size: 15px;
font-weight: 300
}
.results > li > a > strong {
font-size: 18px;
text-transform: none;
display: block;
line-height: 20px;
font-weight: 500
}
.search .intro input[type=search] {
width: 300px;
float: none;
display: inline-block;
color: #000;
text-align: center
}
.nia-faq {
padding-left: 22px;
line-height: 16px;
font-size: 16px
}
.nia-faq strong {
font-size: 14px;
margin-bottom: 20px;
display: block;
font-weight: 500
}
.nia-faq p {
font-size: 15px
}
.nia-faq > li {
padding-left: 15px
}
.bg-white.eco-tech h2 {
color: #14538e;
font-size: 18px;
font-weight: 700;
border-color: #14538e
}
.bg-white.eco-tech .description {
color: #535456
}
.eco-tech .block-center {
margin-top: 0;
color: #535456
}
.eco-tech .sidebyside .block-center {
max-width: 81%;
margin-left: -7%
}
.eco-tech .sidebyside .block-center img {
margin-left: 7%;
width: 43%;
float: left;
height: auto
}
.bg-white.eco-tech .block-center > strong {
font-size: 21px;
line-height: 30px
}
.bg-white.eco-tech .block-center > p {
font-weight: 300
}
.eco-tech .seal > .holder > .row > .description > strong,
.eco-tech .seal > .row > .description > strong {
font-weight: 700
}
.eco-tech .description p {
font-size: 15px;
line-height: 20px
}
.eco-tech .half-img > .row > .description,
.eco-tech .seal > .row:first-child > .description {
min-height: 400px
}
.eco-ban > img {
width: 50%;
float: left
}
.eco-ban {
width: 100%;
display: block;
overflow: hidden
}
.eco-tech .aligncenter .slide-text {
max-width: 660px;
font-size: 21px;
line-height: 30px
}
.eco-tech .cycle-gallery .mask {
min-height: 520px
}
.eco-tech .after-scroll {
background-color: #fff
}
.eco-tech .seal > .row:first-child {
border: none
}
.scroll-top {
position: fixed;
bottom: 28px;
right: 28px;
height: 25px;
width: 25px;
display: block;
background: url(//niagaracorp.com/wp-content/themes/niagra/images/totop.png) no-repeat;
background-size: contain;
z-index: 120;
display: none;
cursor: pointer;
opacity: .65
}
@font-face {
font-family: flexslider-icon;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/flexslider-icon.eot);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/flexslider-icon.woff) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/flexslider-icon.ttf) format("truetype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/flexslider-icon.svg#flexslider-icon) format("svg");
font-weight: 400;
font-style: normal
}
.flex-container a:hover,
.flex-slider a:hover {
outline: 0
}
.flex-control-nav,
.flex-direction-nav,
.slides,
.slides > li {
margin: 0;
padding: 0;
list-style: none
}
.flex-pauseplay span {
text-transform: capitalize
}
.flexslider {
margin: 0;
padding: 0
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden
}
.flexslider .slides img {
width: 100%;
display: block
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .flexslider .slides {
display: block
}
* html .flexslider .slides {
height: 1%
}
.no-js .flexslider .slides > li:first-child {
display: block
}
.flexslider {
margin: 0 0 60px;
position: relative;
zoom: 1
}
.flexslider .slides {
zoom: 1
}
.flexslider .slides img {
height: auto;
-moz-user-select: none
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.loading .flex-viewport {
max-height: 300px
}
.carousel li {
margin-right: 5px
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, .8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.flex-direction-nav a:before {
font-family: flexslider-icon;
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, .8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, .3)
}
.flex-direction-nav a.flex-next:before {
content: '\f002'
}
.flex-direction-nav .flex-prev {
left: -50px
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: .7;
left: 10px
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: .7;
right: 10px
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1
}
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
cursor: default;
z-index: -1
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: .8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000
}
.flex-pauseplay a:before {
font-family: flexslider-icon;
font-size: 20px;
display: inline-block;
content: '\f004'
}
.flex-pauseplay a:hover {
opacity: 1
}
.flex-pauseplay a.flex-play:before {
content: '\f003'
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, .5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, .7)
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, .9);
cursor: default
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease
}
.flex-control-thumbs img:hover {
opacity: 1
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default
}
@media screen and (max-width:860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px
}
}
.flex-control-thumbs img:hover {
filter: none
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.sponsors .slick-track {
margin-left: -30px
} @font-face {
font-family: FontAwesome;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontawesome-webfont.eot?v=4.6.3);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'), url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'), url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'), url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'), url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');
font-weight: 400;
font-style: normal
}
@media (min-width:768px) {
.fancybox-wrap.nia-form {
width: 698px !important
}
.nia-form .lightbox-holder {
width: 678px !important
}
.bg-white.careers .slide-text > p {
font-size: 20px;
line-height: normal;
font-weight: 300
}
.seal > .row .visual {
margin-right: -12%;
width: 62%
}
.seal > .row > .description {
width: 50%
}
.half-img > .row > .description,
.seal > .row > .description {
width: 534px;
margin-top: 60px
}
body {
font-size: 15px
}
.h1,
h1 {
font-size: 40px
}
.h2,
h2 {
font-size: 27px
}
#featured-boxes.initiatives > .box h3,
.solution-block h3,
.subtitle-block h2 {
font-size: 40px
}
.kits h2,
.kits h3 {
margin-bottom: 10px !important
}
.h3,
h3 {
font-size: 20px
}
.form-search {
margin: 0 0 48px
}
.regions-form select {
font-size: 20px;
width: 352px
}
.fancybox-close {
top: -25px
}
.popup-box .column-long {
width: 48.5%
}
.popup-box .column-short {
width: 22.75%
}
#wrapper #view-products .ps-widget,
.btn-primary,
.techslides .btn-primary {
font-size: 18px
}
.view-gray {
font-size: 16px
}
.title {
font-size: 25px
}
.alignright .description {
padding-left: 0;
padding-right: 40px
}
.bullet-list li:before {
top: 10px
}
.column {
width: 48.5%
}
.column-long {
width: 57.5%
}
.column-short {
width: 18.75%
}
.contact-page .column-short {
width: 28%
}
.header {
padding: 18px 28px;
background: 0 0;
-webkit-transition: background .3s ease
}
.header .logo a:hover .logo-text {
opacity: 1
}
.nav-active .nav-block {
padding-right: 250px
}
.drop {
width: 250px;
bottom: -9999px;
left: auto;
right: -100%;
padding: 18px 25px
}
.nav-active .drop {
left: auto;
right: 0
}
.cycle-gallery .slide {
min-height: 480px
}
.cycle-gallery .mask,
.cycle-gallery .slide {
min-height: 550px
}
.home .cycle-gallery {
min-height: 550px
}
.pagination {
bottom: 20px
}
.corporate .slide-text,
.home .slide-text,
.page-template-template-mission .slide-text,
.page-template-template-toilets .slide-text,
.page-template-template-bidet .slide-text,
.single-custom_technology .slide-text {
padding: 11vh 0 5vh;
font-size: 20px;
width: 50%;
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%)
}
.slide-text h1 {
letter-spacing: -2px;
margin: 0 0 35px;
font-size: 60px;
font-weight: 800
}
.home .slide-text h1,
.page-template-template-careers .slide-text h1,
.page-template-template-toilets .slide-text h1,
.page-template-template-bidet .slide-text h1,
.single-custom_technology .slide-text h1 {
font-size: 60px;
margin: 0 0 25px
}
.single-custom_technology .slide-text p,
.slide-text p {
margin: 0 0 35px
}
.home .slide-text p,
.page-template-template-careers .slide-text p,
.page-template-template-toilets .slide-text p,
.page-template-template-bidet .slide-text p,
.single-custom_technology .slide-text p {
font-size: 24px
}
.page-template-template-technology .slide-text p {
font-size: 1.3vw
}
.slide-text .btn-primary {
min-width: 160px
}
.three-columns {
padding: 90px 0 86px
}
.breadkrumbs .three-columns ul,
.three-columns .breadkrumbs ul,
.three-columns .holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.article {
width: 32%;
padding: 0
}
.visual {
display: inline-block;
vertical-align: middle;
width: 50%;
margin: 0
}
.description {
display: inline-block;
vertical-align: middle;
width: 48.9%;
font-size: 20px
}
.description p {
margin: 0 0 30px
}
.slogan {
font-size: 20px;
margin: 0 0 30px
}
.ecologic .logo {
display: inline-block;
vertical-align: middle;
width: 50%;
position: relative
}
.ecologic .description {
padding-left: 40px;
line-height: 1.58
}
.technologes h2 {
font-size: 20px;
margin: 0 0 4px;
font-weight: 700
}
.breadkrumbs .technologes ul,
.technologes .breadkrumbs ul,
.technologes .holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.technologes .row {
padding: 60px 0
}
.technologes .visual {
white-space: nowrap;
height: 100%;
padding: 0 40px 0 0
}
.technologes .visual:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
min-height: 100%
}
.technologes .visual > * {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%
}
.technologes .visual img {
width: auto;
max-height: 100%;
max-width: 100%
}
.technologes .description {
padding-left: 40px;
line-height: 1.58
}
.tool-list {
font-size: 18px;
font-weight: 300;
line-height: 1.5
}
.tool-list li {
width: 48.5%
}
.mission h2 {
font-size: 50px
}
.three-blocks {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.three-blocks .block {
width: 32%;
padding: 52px 3% 47px
}
.intro {
margin: 0 0 45px;
padding: 110px 0 90px
}
.intro.left h1 {
font-size: 60px
}
.page-template-template-faq .intro {
margin-bottom: 0
}
.intro > .holder {
min-height: 100px;
line-height: 100px
}
.study-page .intro {
min-height: 410px
}
.content-block {
padding-bottom: 40px
}
.form-sort {
width: 50%
}
.form-sort select {
width: 230px
}
.filter-list {
text-align: left
}
.filter-list li {
margin: 0 5px 10px 0;
text-align: center
}
.product-links {
position: relative
}
.product-links:after {
content: "";
background: #e2e2e2;
position: absolute;
top: 7px;
bottom: 4px;
left: 232px;
width: 1px
}
.lit .product-links:after {
display: none
}
.btn-group {
display: inline-block;
vertical-align: middle;
margin: 0 16px 0 0
}
.btn-group .btn-primary {
letter-spacing: -1px
}
.text-downloads {
display: inline-block;
vertical-align: middle;
width: 300px;
border: none;
padding-left: 20px
}
.blocks-video {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: flex-start;
margin: 20px 0 30px;
width: 102%;
margin-left: -2%
}
.video-block {
width: 48%;
margin-left: 2%
}
.intro-vh {
height: 100vh;
margin: 0 0 47px
}
.page-template-template-uhet .cycle-gallery {
margin: 0 0 47px
}
.intro-vh .description {
width: 50%
}
.intro-vh .description img {
width: 100%
}
.heading strong {
font-size: 20px
}
.popup-grids {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: flex-start;
width: 102%;
margin-left: -2%
}
.popup-grids > li {
width: 48%;
margin-left: 2%
}
.popup-grids .item {
min-height: 320px
}
.bg-white .popup-grids h2,
.bg-white.eco-tech .popup-grids h2,
.popup-grids h2,
.techslides h2 {
font-size: 18px
}
.popup-grids .popup-block .visual {
width: 100%
}
.popup-grids .popup-block .description {
width: 100%
}
.description-holder {
float: left;
width: 70%;
padding: 0 20px 0 0
}
.options {
float: right;
width: 30%;
padding: 30px 0 0
}
.twocolumns {
line-height: 1.6
}
.content h1 {
font-size: 18px
}
.content h2 {
font-size: 18px
}
.product-logos li {
width: auto
}
.phone {
font-size: 25px
}
.lightbox-holder .visual {
padding: 16px 40px
}
.lightbox-holder .description {
padding-left: 35px;
font-size: 15px;
line-height: 1.6;
vertical-align: top
}
.result-list address,
.result-list li > strong {
float: right;
width: 30%;
font-size: 13px;
text-align: right
}
.result-list li > strong {
font-size: 16px
}
.result-list .product-description {
float: left;
width: 65%;
padding: 0
}
.form-block .row-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.study-holder {
padding: 80px 0 22px
}
.share-block .social-networks {
font-size: 17px;
width: 80%
}
.share-block .social-networks a {
width: 40px;
height: 40px
}
.title-list {
font-size: 16px
}
.product-list {
max-width: 410px;
margin: 0 auto
}
.footer-block {
font-size: 15px;
padding: 42px 0 25px
}
.footer {
font-size: 13px
}
}
@media (min-width:1451px) and (max-width:1624px) {
.breadkrumbs ul,
.holder {
max-width: 1336px
}
}
@media (min-width:768px) and (max-width:1450px) {
.breadkrumbs ul,
.holder {
max-width: 1124px
}
}
@media (min-width:768px) and (max-width:1089px) {
.page.page-template-template-calculator .progress-bar {
left: -14%
}
.header img.logo-text {
margin-left: 8px;
width: 60%
}
.saved-list {
display: inline-block;
vertical-align: top;
width: 48%
}
.icon-list {
display: inline-block;
vertical-align: middle;
width: 48%
}
.contact-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 30px
}
.contact-block .block {
padding: 0 20px 20px 0;
width: 50%
}
}
@media (min-width:1091px) {
.h1,
h1 {
font-size: 40px;
font-weight: 500
}
.h2,
h2 {
font-size: 30px
}
.solution-block h3,
.subtitle-block h2 {
font-size: 40px
}
.kits h2,
.kits h3 {
font-size: 40px !important;
margin-bottom: 20px !important
}
.description p {
font-size: 24px;
margin-bottom: 30px !important
}
.h3,
h3 {
font-size: 25px
}
.regions-form select {
font-size: 30px
}
.information-form .fake-input {
margin-top: 3px
}
.information-form .fake-label {
font-size: 15px;
line-height: 1.33
}
.popup-box {
padding: 29px 10px 14px
}
.popup-box .information-form {
padding: 0 11.5% 0 9.5%
}
.popup-box h2 {
margin: 0 0 28px;
font-size: 28px
}
#utilities > formh2 {
margin: 0
}
.popup-box .form-block {
padding: 0 0 25px
}
.social-networks {
margin: 0 0 12px
}
.bullet-list {
line-height: 2
}
.block {
padding: 0 0 40px
}
.header img.logo-text {
margin-left: 18px
}
.nav-active .nav-block {
padding-right: 300px
}
.drop {
width: 300px
}
.add-nav {
position: fixed;
font-size: 10px;
bottom: 10px;
left: 15px;
z-index: 10;
text-align: center;
text-transform: uppercase
}
.add-nav a {
color: #a0a0a0;
padding: 32px 0 0
}
.add-nav a:before {
font-size: 25px
}
.home .cycle-gallery {
height: 100vh;
min-height: 500px
}
.home .cycle-gallery .slide,
.page-template-template-mission .cycle-gallery .mask,
.page-template-template-mission .cycle-gallery .slide,
.page-template-template-technology .cycle-gallery .mask,
.page-template-template-technology .cycle-gallery .slide,
.page-template-template-toilets .cycle-gallery .mask,
.page-template-template-toilets .cycle-gallery .slide,
.page-template-template-bidet .cycle-gallery .mask,
.page-template-template-bidet .cycle-gallery .slide,
.single-custom_technology .cycle-gallery .mask,
.single-custom_technology .cycle-gallery .slide {
height: 100vh
}
.corporate .slide-text,
.home .slide-text,
.page-template-template-mission .slide-text,
.page-template-template-toilets .slide-text,
.page-template-template-bidet .slide-text,
.single-custom_technology .slide-text { padding: 18vh 0 5vh
}
.breadkrumbs .stealth ul,
.stealth .breadkrumbs ul,
.stealth .holder {
white-space: nowrap
}
.breadkrumbs .stealth ul:after,
.stealth .breadkrumbs ul:after,
.stealth .holder:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
min-height: 100%
}
.breadkrumbs .stealth ul > *,
.stealth .breadkrumbs ul > *,
.stealth .holder > * {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%
}
.technologes {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/bg-technology.jpg);
font-size: 2vh;
padding: 30px 40px
}
.breadkrumbs .kits ul,
.kits .breadkrumbs ul,
.kits .holder {
white-space: nowrap
}
.breadkrumbs .kits ul:after,
.kits .breadkrumbs ul:after,
.kits .holder:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
min-height: 100%
}
.breadkrumbs .kits ul > *,
.kits .breadkrumbs ul > *,
.kits .holder > * {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%
}
.mission {
padding: 40px 0;
min-height: 500px
}
.breadkrumbs .mission ul,
.mission .breadkrumbs ul,
.mission .holder {
white-space: nowrap;
height: 50vh;
text-align: right !important
}
.breadkrumbs .mission ul:after,
.mission .breadkrumbs ul:after,
.mission .holder:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
min-height: 100%
}
.breadkrumbs .mission ul > *,
.mission .breadkrumbs ul > *,
.mission .holder > * {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%
}
.mission h3 {
font-size: 30px
}
.careers .mission h3 {
font-size: 42px
}
.mission .description {
padding-right: 35px
}
.three-blocks h3 {
margin: 0 0 32px
}
.filter-block.full-block {
width: 100%
}
.product-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.product-description {
width: 40%;
padding: 0
}
.product-links {
width: 50%;
text-align: right
}
.lit .product-links {
margin-left: 0
}
.careers .mission .holder,
.corporate .mission .holder {
min-height: 420px
}
.product-links:after {
left: auto;
right: 285px
}
.video-block {
width: 31.18%;
line-height: 1.3;
margin-left: 2.15%
}
.blocks-video {
width: 102.15%;
margin-left: -2.15%
}
.video-block h3 {
font-size: 20px
}
.video-holder {
min-height: 230px
}
.cs-landing .video-holder {
min-height: 300px
}
.mix.video-block > .video-holder {
min-height: 200px
}
.products {
padding: 40px 0 43px;
line-height: 1.35
}
.products h1 {
font-size: 25px
}
.products.gray-block h1 {
font-size: 30px
}
.products .filter-list li {
width: 12%
}
.popup-grids > li {
width: 22.85%;
margin-left: 2.15%
}
.popup-grids {
width: 102.15%;
margin-left: -2.15%
}
.popup-grids .item {
min-height: 340px
}
.popup-grids .popup-block .visual {
width: 24.3%
}
.popup-grids .popup-block .description {
width: 73%;
font-size: 15px
}
.content {
float: left;
width: 70%;
padding: 0 0 35px
}
.onecolumn .content {
width: 100%
}
.content h1 {
font-size: 20px
}
.content .bullet-list {
line-height: 1.6
}
.content .bullet-list li:before {
top: 8px
}
.product-logos li {
padding: 0 18px 0 0
}
.videos .blocks-video {
margin-top: 14px
}
.videos .video-block {
width: 23.33%;
font-size: 13px
}
.videos .video-block p {
margin: 0
}
.sidebar {
float: right;
width: 21.9%;
line-height: 1.33;
padding: 4px 0 0
}
.sidebar h3 {
font-size: 20px
}
.sidebar .links-list a {
border-bottom-width: 5px
}
.phone {
font-size: 30px
}
.products-box {
padding: 36px 0 34px
}
.products-box .popup-grids {
padding: 31px 0 20px
}
.lightbox-holder {
padding: 43px 25px 28px
}
.lightbox-holder h2 {
font-size: 30px;
text-transform: uppercase;
margin: 0 0 25px
}
.lightbox-holder .visual img {
width: 100%;
max-width: 565px
}
.lightbox-holder .bullet-list {
padding: 0 0 20px
}
.lightbox-holder .btn-primary {
min-width: 220px
}
.result-list address,
.result-list li > strong {
width: 24%
}
.result-list .product-description {
width: 45%
}
.big-columns .content {
width: 66%
}
.big-columns .content h2 {
font-size: 20px
}
.big-columns .content h3 {
font-size: 18px;
margin: 0 0 13px
}
.big-columns .sidebar {
width: 31%
}
.form-block {
padding-right: 45px
}
.testimonials-block {
padding: 26px 10px 31px 18px;
margin: 0 0 50px
}
.testimonials-block blockquote cite {
font-size: 12px
}
.testimonials-block blockquote cite strong {
font-size: 16px
}
.information-form .form-block p {
font-size: 15px
}
.study-holder .content h2 {
font-size: 25px
}
.head h1 {
margin: 0;
font-size: 40px
}
.onecolumn .head h1 {
font-size: 18px
}
.share-block {
padding: 26px 0 46px
}
.saved-list {
margin: -12px 0 12px
}
.saved-list h3 {
font-size: 40px
}
.product-list {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.product-list h4 {
font-size: 20px;
color: #454545
}
.product-list .item {
padding: 13px 5px 25px
}
.product-list .illustration {
padding: 0 15% 10px
}
.aside {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 31px
}
.contact-block {
width: 35%
}
.footer-nav {
width: 59.5%;
line-height: 1.35;
padding: 2px 0 0
}
.footer-nav .main-nav {
width: 31.5%
}
.popup-grids .js-slide-hidden {
min-height: 724px;
margin-bottom: 0 !important
}
}
@media (min-width:1091px) {
.fancybox-nav {
bottom: -30px;
width: 14px;
height: 20px
}
.fancybox-prev {
right: 27px
}
.tool-list li {
width: 31%;
padding: 0 0 8vh
}
.control-panel {
padding: 12px 0 28px;
font-size: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.form-sort {
display: inline-block;
vertical-align: middle;
width: 24%;
margin: 0
}
.form-sort select {
width: 70%
}
.text-control {
padding-bottom: 0
}
.filter-block {
display: inline-block;
vertical-align: middle;
width: 75.6%
}
.filter-list {
text-align: justify;
margin: 0 0 -18px
}
.cs-landing .filter-list {
text-align: left
}
.filter-list:after {
display: inline-block;
width: 100%;
content: "";
height: 0;
font-size: 0;
line-height: 0
}
.filter-list li {
margin: 5px 0;
width: 19%
}
.products .control-panel {
padding: 18px 0 50px
}
.cycle-gallery .mask,
.cycle-gallery .slide {
min-height: 500px
}
.careers .cycle-gallery .slide,
.careers .mask,
.corporate .cycle-gallery .slide,
.corporate .mask {
min-height: 800px
}
.cycle-gallery .slide,
.page-template-template-technology .cycle-gallery .mask,
.page-template-template-technology .cycle-gallery .slide {
min-height: 700px
}
.home .img-gallery {
white-space: nowrap;
height: 100vh;
padding: 7vh 18%;
white-space: normal
}
.img-gallery {
padding: 40px 70px
}
.img-gallery:after {
content: "";
display: inline-block;
vertical-align: bottom;
width: 0;
min-height: 100%
}
.img-gallery > * {
white-space: normal;
display: inline-block;
vertical-align: bottom;
width: 100%
}
}
@media (min-width:1280px) {
.slide-text {
-webkit-transform: translateY(30%);
-ms-transform: translateY(30%);
transform: translateY(30%)
}
.visual .icon-plus-circled {
font-size: 40px;
margin-left: 0
}
.ecologic .logo img {
max-width: none;
margin: -210px 0 -320px -270px
}
.tool-blocks {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 40px 0 0
}
.tool-blocks.programs {
height: auto
}
.tool-list a [class*=icon-],
.tool-list a [class^=icon-] {
font-size: 0
}
.mission h3 {
font-size: 30px;
margin: 0 0 37px;
line-height: 1
}
.careers .mission h3 {
font-size: 45px;
line-height: normal;
margin: 0 0 25px
}
.control-panel {
font-size: 13px
}
.filter-list li {
max-width: 168px
}
.products .filter-list li {
width: 13.5%
}
.bg-white .popup-grids h2,
.bg-white.eco-tech .popup-grids h2,
.popup-grids h2,
.techslides h2 {
font-size: 20px
}
.popup-grids .popup-block h2 {
font-size: 30px
}
.options {
width: 20%
}
}
@media (min-width:1281px) {
.mission h2 {
font-size: 55px;
font-weight: 500
}
.home .mission h2 {
font-size: 50px
}
.products .form-sort {
width: 23%
}
.head h1 {
font-size: 40px;
margin-bottom: 10px;
font-weight: 500
}
.onecolumn .head h1 {
font-size: 20px;
line-height: 30px;
margin-bottom: 10px
}
.contact-block {
width: 32%
}
.eco-tech .cycle-gallery .mask {
min-height: 720px
}
}
@media (min-width:1450px) {
.study-holder {
padding-top: 42px
}
.careers .cycle-gallery .slide,
.careers .mask,
.corporate .cycle-gallery .slide,
.corporate .mask {
min-height: 1080px
}
.careers .cycle-gallery .slide,
.careers .mask,
.corporate .mask,
.corporate .slide {
background-size: cover
}
.product-gallery .cycle-gallery .mask {
min-height: 580px
}
.kits {
padding: 171px 0
}
.calculator.container,
.page-template-template-calculator .visual-block {
min-height: 1030px !important
}
.page-template-template-case-studies .mix.video-block > .video-holder {
min-height: 270px
}
}
@media (min-width:1900px) {
.product-gallery .cycle-gallery .mask {
min-height: 760px
}
.page-template-template-calculator .btn-default {
font-size: .7vw !important
}
}
@media (max-width:1450px) {
.bg-white .technologes,
.bg-white .technologes .row {
height: auto
}
.careers .mission h3 {
font-size: 72px
}
}
@media (max-width:1210px) {
.half-img > .row > .description,
.seal > .row > .description {
width: 48.9%;
text-shadow: 0 0 5px rgba(255, 255, 255, .7)
}
.breadkrumbs ul,
.holder {
max-width: 1004px
}
}
@media (max-width:1090px) {
.form-subscribe input[type=email] {
margin-right: 2%;
width: 57%
}
.breadkrumbs ul,
.holder {
max-width: 747px
}
.bg-white .nia-team .description > strong {
line-height: 27px;
font-size: 22px;
margin-bottom: 15px
}
.bg-white .nia-team .description > p {
font-size: 14px;
line-height: 19px;
margin-bottom: 15px
}
.bg-white h2,
.bg-white.eco-tech h2 {
font-size: 25px;
line-height: normal;
margin-bottom: 10px
}
.bg-white.careers .block-center > strong,
.bg-white.corporate .block-center > strong {
font-size: 20px
}
.corporate .nia-right .description p {
font-size: 18px;
line-height: 24px
}
.bg-white .nia-team .description .sub-text > p,
.description .sub-text > p {
font-size: 14px
}
.nia-team .flex-control-thumbs li {
height: 130px;
width: 130px
}
.careers .mission h3 {
font-size: 50px
}
.careers .description p {
font-size: 16px;
line-height: 1.6
}
.home .slide-text p,
.page-template-template-careers .slide-text p,
.page-template-template-mission .slide-text p,
.page-template-template-toilets .slide-text p,
.page-template-template-bidet .slide-text p,
.single-custom_technology .slide-text p {
font-size: 1.5vw;
line-height: 1.5;
margin-bottom: 25px
}
.home .slide-text h1,
.page-template-template-careers .slide-text h1,
.page-template-template-mission .slide-text h1,
.page-template-template-toilets .slide-text h1,
.page-template-template-bidet .slide-text h1,
.single-custom_technology .slide-text h1 {
font-size: 2.5vw;
line-height: 1.2;
margin-bottom: 20px
}
}
@media (max-width:1089px) {
.add-nav {
padding: 20px 0 0;
text-align: center
}
.add-nav li {
display: inline-block;
padding: 0 8px
}
.big-columns {
padding-bottom: 40px
}
.study-holder .block .heading {
text-align: center
}
.sidebar .icon-list,
.sidebar .saved-list {
display: none
}
.block.nia-mobile {
display: block
}
}
@media (max-width:767px) {
.half-img > .row > .visual,
.seal > .row > .visual {
position: relative;
min-height: 310px;
float: left;
min-width: 10px
}
.affawards > ul > li {
width: 33.33%
}
.popup-box .column {
margin-top: 7px
}
.popup-box .column-long {
margin-top: 7px
}
.popup-box .column-short {
margin-top: 7px
}
.column {
margin-top: 20px
}
.column:first-child {
margin: 0
}
.column-long {
margin-top: 20px
}
.column-long:first-child {
margin: 0
}
.column-short {
margin-top: 20px
}
.column-short:first-child {
margin: 0
}
.header .logo {
width: 25px;
margin-top: 5px
}
.header.on-scroll .logo > a > img[class^=scroll-logo-text] {
opacity: 0
}
.header img.logo-text {
display: none
}
.header .logo > a > img[class^=scroll-logo] {
opacity: 1
}
.header .logo > a > img:first-child,
.header .logo > a > img[class^=scroll-logo-text] {
opacity: 0
}
.technologes .row:nth-child(even) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.intro-vh .logo {
padding: 15vh 0
}
.intro-vh .logo img {
width: 50%
}
.footer-nav .main-nav > li > a {
font-size: 15px
}
.footer-nav .main-nav ul a {
font-size: 12px
}
.footer-nav .main-nav ul ul {
padding-left: 10px
}
.half-img > .row > .description,
.seal > .row > .description {
width: auto;
margin-left: 0 !important;
margin-top: 20px
}
.breadkrumbs ul,
.holder {
max-width: 460px
}
.mask .slide {
position: relative
}
.eco-tech .holder {
max-width: 100%
}
.bg-white .nia-team .description {
text-align: center;
padding: 0 30px;
margin-right: 0;
max-width: 100%
}
.bg-white .nia-team .description .sub-text {
display: none
}
.nia-team.flexslider .slides .big-img {
width: 70%;
position: static;
display: inline-block;
min-height: 200px;
background-position: bottom
}
.nia-team > .slides > li {
text-align: center
}
.nia-team .flex-control-thumbs li {
height: 90px;
width: 90px
}
.text-downloads ul li:before {
height: 12px
}
.lit .product-description {
min-height: 145px
}
.lit .product-links {
margin-left: 0
}
.result-list h2 {
margin-bottom: 5px
}
.after-scroll {
background-position: top
}
.bg-white .nia-team .description {
min-height: auto
}
.home .slide-text p,
.page-template-template-careers .slide-text p,
.page-template-template-mission .slide-text p,
.page-template-template-toilets .slide-text p,
.page-template-template-bidet .slide-text p,
.single-custom_technology .slide-text p {
font-size: 2vw;
margin-bottom: 15px
}
.single-custom_technology .slide-text p {
margin-bottom: 0
}
.slide-text {
position: absolute;
max-width: 460px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding: 0 28px
}
.home .slide-text h1,
.page-template-template-careers .slide-text h1,
.page-template-template-mission .slide-text h1,
.page-template-template-toilets .slide-text h1,
.page-template-template-bidet .slide-text h1,
.single-custom_technology .slide-text h1 {
font-size: 4vw;
margin-bottom: 10px
}
.stealth .description {
margin-bottom: 480px
}
.stealth .visual {
position: absolute;
margin: 0;
bottom: 0;
right: 0
}
.stealth .holder {
position: relative;
display: inline-block
}
}
@media (max-width:550px) {
.affawards > ul > li {
width: 50%
}
.home .slide-text p,
.page-template-template-careers .slide-text p,
.page-template-template-mission .slide-text p,
.page-template-template-toilets .slide-text p,
.page-template-template-bidet .slide-text p,
.single-custom_technology .slide-text p {
font-size: 2.8vw
}
.home .slide-text h1,
.page-template-template-careers .slide-text h1,
.page-template-template-mission .slide-text h1,
.page-template-template-toilets .slide-text h1,
.page-template-template-bidet .slide-text h1,
.single-custom_technology .slide-text h1 {
font-size: 5vw
}
.product-gallery .cycle-gallery,
.product-gallery .cycle-gallery .mask {
min-height: 192px
}
}
@media (max-width:767px) and (orientation:landscape) {
.img-gallery img {
width: 40%
}
}
@font-face {
font-family: fontello;
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontello.eot?45285955);
src: url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontello.eot?45285955#iefix) format("embedded-opentype"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontello.svg?45285955) format("svg"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontello.woff2?45285955) format("woff2"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontello.woff?45285955) format("woff"), url(//niagaracorp.com/wp-content/themes/niagra/fonts/fontello.ttf?45285955) format("truetype");
font-weight: 400;
font-style: normal
}
.page-template-template-calculator .icon-menu:before {
content: "\e800"
}
.page-template-template-calculator .icon-ok:before {
content: "\e801"
}
.page-template-template-calculator .icon-down-open-big:before {
content: "\e802"
}
.page-template-template-calculator .icon-cancel:before {
content: "\e803"
}
.page-template-template-calculator .icon-twitter-01:before {
content: "\e88d"
}
.page-template-template-calculator .icon-facebook-01:before {
content: "\e88f"
}
.page-template-template-calculator .icon-chat-empty:before {
content: "\f0e6"
}
.page-template-template-calculator .icon-plus-squared-alt:before {
content: "\f196"
}
.page-template-template-calculator #header,
.page-template-template-calculator .visual-block.white #header {
padding: 20px 22px;
background-size: cover;
position: fixed;
top: 0;
left: 0;
line-height: normal;
width: 100%;
z-index: 23
}
.page-template-template-calculator .logo {
float: left
}
.page-template-template-calculator .nav-area {
float: right;
margin: 3px 0 0
}
.page-template-template-calculator .nav-opener:hover {
opacity: .8
}
.page-template-template-calculator .progress-bar {
overflow: hidden;
padding: 12px 10px 0;
text-align: center;
left: -90px;
position: relative
}
.page-template-template-calculator .progress-bar .sub-title {
color: #a0a0a0;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle
}
.page-template-template-calculator .progress-bar .sub-title.complete {
color: #7ac142
}
.page-template-template-calculator .progress-list {
font-size: 0;
line-height: 0;
padding: 0 12px;
display: inline-block;
vertical-align: middle;
position: relative
}
.page-template-template-calculator .progress-list:before {
content: "";
height: 1px;
width: 20px;
position: absolute;
left: 0;
top: 13px;
margin: -1px 0 0 2px;
background: #7ac142
}
.page-template-template-calculator .progress-list li {
padding: 0 12px;
position: relative;
display: inline-block;
vertical-align: middle
}
.page-template-template-calculator .progress-list li:before {
content: "";
height: 1px;
width: 20px;
position: absolute;
left: 100%;
top: 13px;
background: #fff;
margin: -1px 0 0 -10px
}
.page-template-template-calculator .progress-list li.complete:before {
background: #7ac142
}
.page-template-template-calculator .progress-list .complete .num:after {
color: #fff;
text-align: center;
width: 25px;
height: 25px;
font-size: 14px;
line-height: 20px;
content: "\e801";
font-family: fontello;
padding: 2px;
font-weight: 500;
border-radius: 100%;
background: #7ac142;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.page-template-template-calculator .progress-list .num {
color: #fff;
text-align: center;
width: 25px;
height: 25px;
font-size: 15px;
line-height: 21px;
padding: 2px;
font-weight: 500;
border-radius: 100%;
background: #a0a0a0;
display: block;
overflow: hidden;
position: relative
}
.page-template-template-calculator .progress-list .current .num {
background: #7ac142
}
.page-template-template-calculator #footer {
background: #d9d9d9
}
.page-template-template-calculator #footer .container {
padding-top: 10px;
padding-bottom: 10px
}
.page-template-template-calculator .logos-area .title {
font-size: 16px;
line-height: 20px;
font-weight: 500;
display: block;
margin: 0 0 10px;
text-transform: uppercase
}
.page-template-template-calculator .logos-list {
font-size: 0;
line-height: 0;
margin: 0 0 10px
}
.page-template-template-calculator .logos-list li {
padding: 0 10px 10px;
display: inline-block;
vertical-align: middle
}
.page-template-template-calculator .logos-list li > a {
border: none
}
body.page-template-template-calculator {
line-height: 20px
}
.page-template-template-calculator .btn-default {
color: #fff;
font-size: 3.5vw;
line-height: 1.5;
font-weight: 700;
background: red;
padding: 0;
border: 2px solid #fff;
text-decoration: none;
display: inline-block;
vertical-align: top;
text-transform: uppercase;
-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
transition: color .3s ease-in-out, background .3s ease-in-out;
width: 45%;
margin-left: 10%
}
.page-template-template-calculator .btn-default:first-child {
margin-left: 0
}
.page-template-template-calculator .btn-default.stover {
background: #000
}
.page-template-template-calculator .btn-default:hover {
color: red;
background: #fff
}
.page-template-template-calculator .form-control {
width: 160px;
height: 35px;
border: 1px solid #ebebeb;
background: #fafafa;
color: #a0a0a0;
font-size: 15px;
line-height: 19px;
font-weight: 600;
padding: 5px 9px;
border-radius: 2px;
outline: 0
}
.page-template-template-calculator #wrapper {
position: relative;
overflow: hidden;
width: 100%
}
.page-template-template-calculator .container {
max-width: 1310px;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px
}
.calculate-form,
.user-form {
text-align: center;
padding: 30px 0;
line-height: normal;
display: inline-block;
width: 100%;
vertical-align: middle
}
.calculate-form {
min-height: 300px
}
.calculate-form h2 {
font-size: 3.3vw;
line-height: 34px;
margin: 0 0 15px
}
.calculate-form .intro h2 {
white-space: nowrap;
font-size: 50px
}
.calculate-form h2.gap {
margin: 0 0 25px
}
.calculate-form h2.thin {
font-weight: 400
}
.calculate-form .form-control {
width: 50px;
display: inline-block;
vertical-align: middle
}
.calculate-form #water-heating .form-control {
width: 60px
}
.calculate-form .field-holder {
margin: 0 0 10px;
color: #a0a0a0
}
.calculate-form .field-holder.gap {
margin: 0 0 50px
}
.calculate-form .sub-text {
font-size: 16px;
line-height: 20px;
color: #a0a0a0;
padding: 0 5px 2px;
display: inline-block;
vertical-align: middle;
text-align: left
}
.field-holder > strong {
font-size: 16px;
color: #454545
}
.calculate-form .sub-info {
display: block;
margin: 0 0 25px;
font-style: italic;
font-size: 1vw
}
.calculate-form label > .sub-info {
position: absolute;
bottom: 131px;
width: 650px;
max-width: 90%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-bottom: 0;
opacity: 0;
z-index: -10
}
.calculate-form label.jcf-label-active > .sub-info {
opacity: 1;
z-index: 1
}
.calculate-form .btns-list li {
margin: 0 0 10px
}
.calculate-form .btns-list .back {
font-size: 16px;
line-height: 20px;
font-weight: 700;
display: block;
color: #7ac142;
text-decoration: none;
padding: 6px 10px 5px;
min-width: 160px;
text-transform: uppercase;
border: 2px solid #7ac142;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.calculate-form .btns-list .back:hover {
color: #fff;
background: #7ac142
}
.calculate-form .btns-list .calculate {
font-size: 16px;
line-height: 20px;
font-weight: 400;
font-family: Oswald, sans-serif;
display: block;
color: #fff;
background: #7ac142;
text-decoration: none;
padding: 4px 18px;
min-width: 160px;
text-transform: uppercase;
border: 2px solid #7ac142;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.calculate-form .btns-list .calculate:hover {
color: #7ac142;
background: 0 0
}
.calculate-form .slide {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
width: 950px;
display: inline-block;
display: none;
margin: 0 auto
}
.page-template-template-calculator .slide.intro {
width: 710px;
background-image: none !important
}
.visual-block .slide {
color: #fff
}
.visual-block.white .slide {
color: #454545
}
.page-template-template-calculator .intro > p {
font-size: 20px;
line-height: 55px;
display: inline-block;
line-height: 1.54
}
.page-template-template-calculator .intro > span {
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border: 2px solid #fff;
line-height: 31px;
display: inline-block;
padding: 0 25px;
cursor: pointer;
margin-top: 80px;
vertical-align: top
}
.page-template-template-calculator .intro > span:hover {
background: #fff;
color: #000
}
.calculator.container {
position: relative
}
.user-list {
padding: 0 20px;
text-align: center;
line-height: normal;
margin-top: -114px
}
.user-list li {
display: inline-block;
vertical-align: top;
padding: 0 5px 10px
}
.user-list a {
font-size: 14px;
line-height: 18px;
font-weight: 400;
font-family: Oswald, sans-serif;
color: #a0a0a0;
text-align: center;
text-decoration: none;
display: inline-block;
vertical-align: top;
border-bottom: none
}
.user-list a:hover {
color: #7ac142
}
.page-template-template-calculator .user-list a:hover {
color: #009fc3;
border-bottom: none
}
.user-list .icon {
font-size: 40px;
line-height: 40px;
display: block;
margin: 0 0 4px
}
.visual-block {
background: url(//niagaracorp.com/wp-content/themes/niagra/images/bg01.jpg) no-repeat 50% 0;
background-size: cover;
min-height: 1000px;
position: relative;
line-height: 602px;
z-index: 10
}
.products-info {
z-index: 20;
position: relative
}
.calculator.container,
.page-template-template-calculator .visual-block {
min-height: 350px;
background-attachment: fixed;
line-height: 100vh !important
}
.page-template-template-calculator .visual-block.white {
background: 0 0
}
.page-template-template-calculator .visual-block #header {
background: 0 0
}
.user-form {
text-align: center;
padding: 170px 0 0;
z-index: -1;
opacity: 0;
position: absolute
}
.user-form h1 {
color: #fff;
font-size: 40px;
line-height: 40px;
font-weight: 300;
margin: 0 0 10px
}
.user-form h1 strong {
font-weight: 700
}
.user-form .text {
color: #7ac142;
margin: 0 0 15px;
font-weight: 500;
line-height: 22px
}
.user-form .text p {
margin: 0;
font-size: 14px
}
.user-form .btn-area {
max-width: 680px;
margin: 0 auto 20px
}
.user-form .btn-area .sub-info {
font-size: 20px;
line-height: 24px;
font-weight: 700;
color: #fff;
display: block;
margin: 0 0 20px
}
.results-block {
max-width: 900px;
margin: 0 auto 20px;
line-height: normal
}
.tabs-box {
margin: 0 0 12px;
border: 2px solid #a0a0a0;
background: #fff
}
.js-tab-hidden {
display: block !important;
left: -9999px !important;
position: absolute !important;
top: -9999px !important
}
.tabset {
font-size: 0;
line-height: 0;
border-bottom: 2px solid #a0a0a0;
margin: 0;
padding: 0;
list-style: none
}
.tabset li {
font-size: 18px;
line-height: 22px;
font-weight: 700;
width: 50%;
text-transform: uppercase;
display: inline-block;
vertical-align: top
}
.tabset li + li {
border-left: 2px solid #a0a0a0
}
.tabset a {
color: #000;
display: block !important;
padding: 8px;
position: relative;
text-decoration: none;
-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
transition: color .3s ease-in-out, background .3s ease-in-out;
border: none
}
.tabset a.active,
.tabset a:hover {
padding: 10px;
margin: -2px;
background: #7ac142;
color: #fff
}
.tab-content {
font-size: 24px;
line-height: 28px;
font-weight: 700;
color: #7ac142
}
.tab-content .active {
display: block !important
}
.tab-content .content {
padding: 15px 10px;
float: none;
width: auto
}
.tab-content .gallons {
display: block;
margin: 0 0 5px
}
.tab-content .amount {
display: block
}
.user-box .title {
color: #fff;
font-size: 16px;
line-height: 16px;
font-weight: 500;
text-align: right;
display: block;
margin: 0 0 8px;
text-align: left
}
.user-box .email-col {
margin: 0 0 15px
}
.user-box .fields-holder {
overflow: hidden;
max-width: 420px
}
.user-box .input-holder {
overflow: hidden;
padding: 0 5px 0 0
}
.user-box .form-control {
width: 100%;
text-transform: uppercase
}
.user-box button[type=button],
.user-box button[type=submit] {
float: right;
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: 500;
background: #a0a0a0;
padding: 5px;
border: 2px solid #fff;
width: 75px;
height: 35px;
-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
transition: color .3s ease-in-out, background .3s ease-in-out
}
.user-box button[type=button]:hover,
.user-box button[type=submit]:hover {
color: #a0a0a0;
background: #fff
}
.user-box .socials-col {
overflow: hidden;
text-align: left
}
.user-box.add .title {
color: #000;
font-weight: 600
}
.user-box.add button[type=button] {
background: #7ac142
}
.user-box.add button[type=button]:hover {
color: #7ac142;
background: #fff
}
.user-box.add .email-col {
width: 100%
}
.user-box.add .socials-col {
width: 100%
}
.page-template-template-calculator .social-networks a i {
display: block
}
.page-template-template-calculator .nav-block {
margin-top: -40px
}
.btn-box {
text-align: center
}
.btn-box .btn-holder {
padding: 5px 0 10px;
display: inline-block;
vertical-align: bottom
}
.btn-box .explore {
color: #fff;
text-transform: uppercase;
font-size: 15px;
line-height: 18px;
font-weight: 700;
text-decoration: none;
position: relative;
padding: 0 0 22px;
display: inline-block;
vertical-align: top;
border: none
}
.btn-box .explore:hover {
color: #7ac142
}
.btn-box .explore:after {
content: "\e802";
font-family: fontello;
position: absolute;
left: 0;
right: 0;
bottom: -3px;
font-size: 22px;
line-height: 22px
}
.savings-block {
color: #fff;
background: #454545;
text-align: center
}
.savings-block .container {
padding-top: 15px;
padding-bottom: 1px
}
.savings-block .cols-holder {
font-size: 0;
line-height: 0
}
.savings-block .col {
margin: 0 0 15px;
min-height: 32px
}
.savings-block .title {
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: 500;
text-transform: uppercase;
display: block
}
.savings-block .amount,
.savings-block .gallons {
color: #7ac142;
display: block;
font-size: 22px;
line-height: 26px;
font-weight: 700;
color: #7ac142
}
.products-detail {
background-size: cover;
background-attachment: fixed
}
.products-detail .container {
padding-top: 20px;
padding-bottom: 10px
}
.products-saving .head {
margin: 0 0 15px
}
.products-saving .head .title {
color: #000;
font-size: 16px;
line-height: 20px;
display: block;
margin: 0 0 10px;
text-transform: uppercase
}
.products-saving .table-holder {
padding: 0 0 20px
}
.products-saving .table {
width: 100%;
font-weight: 500;
text-align: left;
box-sizing: border-box
}
.table-heading {
font-size: 0
}
.products-saving .table .table-heading > strong {
font-size: 18px;
line-height: 20px;
color: #252525;
text-transform: uppercase;
padding: 12px 0;
padding-right: 5px;
display: inline-block;
box-sizing: border-box;
white-space: normal;
float: none
}
.products-saving .table .col3,
.products-saving .table-rows > li > div {
width: 17.5%
}
.products-saving .table .col1,
.products-saving .table-rows > li > div:first-child {
width: 43.9%
}
.products-saving .table .col2,
.products-saving .table-rows > li > div:nth-child(even) {
width: 38.6%
}
.products-saving .table .table-rows {
counter-reset: section;
list-style: none;
padding: 0
}
.products-saving .table .table-rows > li {
border-bottom: 1px solid #a0a0a0;
width: 100%;
font-size: 0;
font-weight: 600
}
.products-saving .table .table-rows li .num .list-item-before,
.products-saving .table .table-rows li .num:before {
counter-increment: section;
content: counter(section, decimal) ".";
float: left;
margin: 0 10px 0 0
}
.products-saving .table .table-rows > li > div {
padding: 6px 0;
display: inline-block;
font-size: 15px
}
.products-saving .table .jcf-select,
.products-saving .table .sub-text {
display: inline-block;
vertical-align: middle
}
.products-saving .table .sub-text {
padding: 0 0 0 5px
}
.products-saving .table .form-control.small {
width: 63px;
margin: 0 0 0 6px
}
.products-saving .sub-info {
font-style: italic;
padding: 15px 0;
display: block;
text-align: center;
font-weight: 600
}
.products-saving .sub-info a {
color: #454545;
text-decoration: none
}
.products-saving .sub-info a:hover {
opacity: .8
}
.selection-list li {
margin: 0 0 10px
}
.selection-list li:first-child .jcf-select {
min-width: 240px
}
.selection-list label {
color: #7ac142;
font-size: 16px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0
}
.selection-list .jcf-select {
min-width: 120px;
display: inline-block;
vertical-align: middle
}
.radios-list {
line-height: 0;
display: inline-block;
vertical-align: middle;
margin: -3px 0 0
}
.radios-list li {
padding: 0 9px 0 6px;
display: inline-block;
vertical-align: middle
}
.radios-list label {
display: inline-block;
vertical-align: middle
}
.info-list {
font-size: 0;
line-height: 0
}
.info-list li {
margin: 0 0 10px;
font-size: 15px;
line-height: 20px;
font-weight: 700;
display: inline-block;
vertical-align: middle
}
.info-list .icon {
display: inline-block;
vertical-align: middle
}
.info-list .icon img {
display: block
}
.info-list .text {
color: #7ac142;
max-width: 70%;
padding: 0 0 0 10px;
display: inline-block;
vertical-align: middle
}
.popup-holder {
height: 0;
overflow: hidden
}
.lightbox {
background: #fff;
max-width: 700px;
padding: 10px;
border: none
}
.popup-grids .item .lightbox,
.techslides .item > .lightbox {
background: 0 0
}
.results-info {
padding: 15px;
text-align: center;
border: 2px solid #a0a0a0
}
.results-info .title {
color: #7ac142;
display: block;
font-size: 27px;
line-height: 31px;
font-weight: 700;
margin: 0 0 15px;
text-transform: uppercase
}
.results-info .sub-info {
font-size: 20px;
line-height: 24px;
font-weight: 500;
display: block;
margin: 0 0 15px;
text-transform: uppercase
}
.results-info .form-control {
display: block;
max-width: 420px;
width: 100%;
margin: 0 auto 15px;
text-transform: uppercase
}
.results-info button[type=submit] {
font-size: 16px;
line-height: 20px;
font-weight: 700;
display: block;
color: #fff;
background: #7ac142;
text-decoration: none;
padding: 4px 18px 3px;
min-width: 160px;
display: inline-block;
vertical-align: top;
text-transform: uppercase;
border: 2px solid #7ac142;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.results-info button[type=submit]:hover {
color: #7ac142;
background: 0 0
}
.results-info .radio-select {
padding: 20px 0 0;
text-align: left
}
.results-info .radio-select .jcf-checkbox {
float: left;
margin: 3px 8px 0 0
}
.results-info .radio-select label {
display: block;
overflow: hidden
}
.results-info #subscribe-msg > p {
font-size: 20px;
line-height: 24px;
font-weight: 500;
text-transform: uppercase
}
.user-box #subscribe-msg {
color: #fff;
line-height: 40px;
display: block;
margin-top: -4px;
text-transform: uppercase;
font-size: 16px;
text-align: center
}
.calculator .user-box #subscribe-msg > p > img {
display: none !important
}
#footer .user-box #subscribe-msg {
color: #000
}
.jcf-radio {
vertical-align: middle;
display: inline-block;
position: relative;
overflow: hidden;
cursor: default;
background: #fff;
border: 2px solid #454545;
border-radius: 9px;
margin: 0 3px 0 0;
height: 14px;
width: 14px
}
.jcf-radio span {
display: none;
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
background: #454545;
border-radius: 100%
}
.jcf-radio input[type=radio] {
position: absolute;
height: 100%;
width: 100%;
border: 0;
margin: 0;
left: 0;
top: 0
}
.jcf-radio.jcf-checked span {
display: block
}
.rad-list {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
font-size: 0;
margin-bottom: 30px;
margin-top: 0;
text-align: center;
font-size: 0
}
.rad-list.gap {
margin-bottom: 11vw;
margin-top: 70px
}
.rad-list > li {
display: inline-block;
margin-left: 25px;
width: 125px;
margin-bottom: 50px;
margin-right: 25px
}
.rad-list > li > label {
display: block;
cursor: pointer;
position: relative
}
.rad-list label > * {
display: inline-block;
clear: left;
font-size: 15px
}
.rad-list label > img {
background: #a0a0a0;
border-radius: 50%;
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
transition: background .3s ease
}
.rad-list label > strong {
width: 120%;
font-size: 20px;
text-transform: uppercase;
color: #a0a0a0;
white-space: nowrap;
text-align: center;
margin-left: -10%;
padding-top: 100%;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
transition: color .3s ease;
position: absolute;
top: 0;
left: 0;
line-height: 50px
}
.rad-list label > .jcf-radio {
display: none
}
.rad-list .jcf-label-active > img,
.rad-list label:hover > img {
background: #7ac142
}
.rad-list .jcf-label-active > strong,
.rad-list label:hover > strong {
color: #7ac142
}
.jcf-checkbox {
vertical-align: middle;
display: inline-block;
position: relative;
overflow: hidden;
cursor: default;
background: #fff;
border: 2px solid #454545;
border-radius: 9px;
margin: 0 3px 0 0;
height: 14px;
width: 14px;
z-index: 1
}
.jcf-checkbox span {
display: none;
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
background: #454545;
border-radius: 100%
}
:root .jcf-checkbox span {
margin: 0
}
.jcf-checkbox input[type=checkbox] {
position: absolute;
width: 100%;
height: 100%;
border: 0;
margin: 0;
left: 0;
top: 0
}
.jcf-checkbox.jcf-checked span {
display: block
}
.newsletter .wpcf7-list-item-label {
position: relative;
z-index: 12;
margin-left: -14px;
padding-left: 24px;
color: #000
}
.jcf-select {
display: inline-block;
vertical-align: top;
position: relative;
border-radius: 1px;
border: 1px solid #ebebeb;
background: #fafafa;
margin: 0;
min-width: 160px;
height: 35px;
text-align: left
}
.jcf-select select {
z-index: 1;
left: 0;
top: 0
}
.jcf-select .jcf-select-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: default;
display: block;
color: #a0a0a0;
font-size: 15px;
line-height: 33px;
font-weight: 600;
margin: 0 30px 0 10px
}
.regions-form .jcf-select .jcf-select-text {
font-size: 25px;
width: 300px;
text-align: center
}
.jcf-select .jcf-select-opener {
position: absolute;
text-align: center;
width: 26px;
bottom: 0;
right: 0;
top: 0
}
.jcf-select .jcf-select-opener:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 14px;
right: 10px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #454545
}
body > .jcf-select-drop {
position: absolute;
margin: -1px 0 0;
z-index: 9999
}
body > .jcf-select-drop.jcf-drop-flipped {
margin: 1px 0 0
}
.jcf-select .jcf-select-drop {
position: absolute;
margin-top: 0;
z-index: 9999;
top: 100%;
left: -1px;
right: -1px
}
.jcf-select .jcf-drop-flipped {
bottom: 100%;
top: auto
}
.jcf-select-drop .jcf-select-drop-content {
border: 1px solid #ebebeb
}
.calculator .slide .jcf-select-gpm {
margin-top: -15px
}
.jcf-list-box {
overflow: hidden;
display: inline-block;
border: 1px solid #b8c3c9;
min-width: 200px;
margin: 0 15px
}
.jcf-list {
display: inline-block;
vertical-align: top;
position: relative;
background: #fff;
line-height: 18px;
font-size: 15px;
width: 100%
}
.jcf-list .jcf-list-content {
vertical-align: top;
display: inline-block;
overflow: auto;
width: 100%
}
.jcf-list ul {
list-style: none;
padding: 0;
margin: 0
}
.jcf-list ul li {
overflow: hidden;
display: block
}
.jcf-list .jcf-overflow {
overflow: auto
}
.jcf-list .jcf-option {
white-space: nowrap;
overflow: hidden;
cursor: default;
display: block;
padding: 5px 9px;
color: #656565;
height: 1%
}
.jcf-list .jcf-disabled {
background: #fff !important;
color: #aaa !important
}
.jcf-list-box .jcf-selected,
.jcf-select-drop .jcf-hover {
background: #e6e6e6;
color: #000
}
.jcf-list .jcf-optgroup-caption {
white-space: nowrap;
font-weight: 700;
display: block;
padding: 5px 9px;
cursor: default;
color: #000
}
.jcf-list .jcf-optgroup .jcf-option {
padding-left: 30px
}
.jcf-select-gpm {
margin: 0 0 15px
}
.jcf-scrollable-wrapper {
box-sizing: content-box;
position: relative
}
.jcf-scrollbar-vertical {
position: absolute;
cursor: default;
background: #e3e3e3;
width: 14px;
bottom: 0;
right: 0;
top: 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
background: #bbb;
height: 14px;
width: 14px;
left: 0;
top: 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
top: auto;
bottom: 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
background: #888;
height: 1px;
width: 14px
}
.jcf-scrollbar-horizontal {
position: absolute;
background: #ababab;
right: auto;
top: auto;
left: 0;
bottom: 0;
width: 1px;
height: 9px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
display: inline-block;
vertical-align: top;
overflow: hidden;
background: #bbb;
height: 0;
width: 0
}
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
left: auto;
right: 0
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
display: inline-block;
vertical-align: top;
position: relative;
height: 9px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
position: absolute;
background: #353535;
height: 9px
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
visibility: hidden
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
background: #e3e3e3
}
.calculator span[class^=nia-] {
position: absolute;
bottom: 30px;
margin: 0 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
color: #7ac142;
border: 2px solid #7ac142;
line-height: 31px;
cursor: pointer;
white-space: nowrap;
padding: 0 20px;
min-width: 156px
}
.calculator .nia-prev {
right: 50%
}
.calculator .nia-next {
left: 50%
}
.calculator span[class^=nia-]:hover {
color: #fff;
background: #7ac142
}
.page-template-template-calculator .at-icon-wrapper {
height: 30px !important;
width: 30px !important;
line-height: 30px !important;
border-radius: 50%;
background: #a0a0a0 !important;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding: 0 !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important
}
.page-template-template-calculator .at-icon-wrapper > svg {
height: 30px !important;
width: 30px !important;
line-height: 30px !important
}
.page-template-template-calculator .addthis_inline_share_toolbox > a {
margin-left: 10px;
border: none;
display: inline-block
}
.page-template-template-calculator #footer .addthis_inline_share_toolbox > a {
margin: 2px
}
.page-template-template-calculator .at-resp-share-element {
display: none !important
}
.results-block .socials-col a:hover .at-icon-wrapper {
background: #fff !important
}
.results-block .addthis_inline_share_toolbox > a:hover {
border: none
}
.results-block a:hover svg {
fill: #a0a0a0 !important
} .fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
padding: 0;
margin: 0;
outline: 0;
vertical-align: top
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
border-radius: 4px
}
.fancybox-opened {
z-index: 8030
}
.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}
.fancybox-inner,
.fancybox-outer {
position: relative
}
.fancybox-inner {
overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-iframe,
.fancybox-image {
display: block;
width: 100%;
height: 100%
}
.fancybox-image {
max-width: 100%;
max-height: 100%
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: .8;
cursor: pointer;
z-index: 8060
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//niagaracorp.com/wp-content/themes/niagra/images/fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
position: absolute;
top: -26px;
right: -4px;
width: 20px;
height: 20px;
cursor: pointer;
z-index: 8040;
color: #fff;
font-size: 18px;
line-height: 18px;
text-align: center;
text-decoration: none
}
.fancybox-close:hover {
opacity: .8
}
.fancybox-close:before {
content: "\e803";
font-family: fontello;
position: absolute;
left: 0;
right: 0;
top: 0;
text-decoration: none
}
.fancybox-nav {
position: absolute;
cursor: pointer;
text-decoration: none;
background: transparent url(//niagaracorp.com/wp-content/themes/niagra/images/blank.gif);
-webkit-tap-highlight-color: transparent;
z-index: 8040
}
.fancybox-next {
right: 0
}
.fancybox-nav span {
cursor: pointer;
z-index: 8040
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important
}
.fancybox-lock {
overflow: hidden !important;
width: auto
}
.fancybox-lock body {
overflow: hidden !important
}
.fancybox-lock-test {
overflow-y: hidden !important
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//niagaracorp.com/wp-content/themes/niagra/images/fancybox_overlay.png)
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
z-index: 8050;
text-align: center
}
.fancybox-title-float-wrap .child {
display: inline-block;
padding: 0;
background: 0 0;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #fff;
font-weight: 700;
line-height: 24px;
white-space: nowrap
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8)
}
.fancybox-wrap.nia-form .fancybox-skin {
border-radius: 0;
padding: 0 !important
}
.nia-form .lightbox-holder {
padding: 35px 78px;
border: 1px solid #a0a0a0;
background: #fff
}
.nia-form .lightbox-holder .wpcf7-form > h2 {
display: block;
text-align: center;
font-size: 30px;
color: #7ac142;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 30px
}
.nia-form .lightbox-holder .wpcf7-form .feedback {
display: inline-block;
text-align: center;
font-size: 16px;
font-family: Oswald, Arial, Helvetica, sans-serif;
color: #a0a0a0;
text-transform: uppercase;
width: 100%
}
.nia-form .lightbox-holder .wpcf7-form {
text-align: left;
font-size: 0
}
.nia-form .lightbox-holder .wpcf7-form > * {
font-size: 15px
}
.nia-form .feedback input {
display: none
}
.nia-form .feedback label {
display: block;
cursor: pointer
}
.nia-form .feedback label > .wpcf7-list-item-label:before {
display: block;
font-family: FontAwesome !important;
font-size: 50px;
line-height: 66px
}
.nia-form .feedback input:checked + .wpcf7-list-item-label,
.nia-form .feedback label:hover {
color: #009fc3
}
.nia-form .feedback .wpcf7-list-item:nth-child(even) > label > .wpcf7-list-item-label:before {
content: "\f088"
}
.nia-form .feedback .wpcf7-list-item:nth-child(odd) > label > .wpcf7-list-item-label:before {
content: "\f087"
}
.nia-form .feedback .wpcf7-list-item:first-child > label > .wpcf7-list-item-label:before {
content: "\f0eb"
}
.nia-form .feedback .wpcf7-list-item {
display: inline-block;
min-width: 82px;
margin-left: 82px;
margin-left: 15%
}
.nia-form .feedback .wpcf7-radio {
display: inline-block;
width: 100%;
margin-left: -15%
}
.nia-form .rad-number .wpcf7-radio,
.nia-form .wpcf7-form-control-wrap {
width: 100%;
display: block
}
.nia-form .g-recaptcha {
padding-top: 20px
}
.nia-form .btn-primary {
min-width: 160px;
font-family: Oswald, Arial, Helvetica, sans-serif;
line-height: 35px;
font-size: 16px;
padding: 0;
float: left;
margin-top: 20px
}
.nia-form .wpcf7-form-control-wrap.signup {
color: #454545;
text-align: left;
line-height: 20px;
position: relative;
font-size: 0
}
.nia-form .wpcf7-form-control-wrap.signup .wpcf7-checkbox,
.nia-form .wpcf7-form-control-wrap.signup .wpcf7-checkbox .wpcf7-list-item {
display: block;
font-size: 0
}
.nia-form .wpcf7-form-control-wrap.signup .wpcf7-list-item-label {
padding-left: 24px;
float: left;
font-size: 15px
}
.nia-form .wpcf7-form-control-wrap.signup input {
position: absolute !important;
top: 5px;
left: 0
}
.nia-form .lightbox-holder input[type=text],
.nia-form .lightbox-holder textarea {
width: 100%;
color: #a0a0a0;
background-color: #fafafa !important;
-webkit-appearance: none
}
.nia-form .wpcf7-form > strong {
display: block;
text-align: left;
margin-bottom: 7px
}
.nia-form .rad-number {
position: relative;
margin-top: 7px;
padding-bottom: 17px
}
.nia-form .rad-number input {
display: none
}
.nia-form .rad-number .wpcf7-list-item {
display: inline-block;
margin-left: 8px;
cursor: pointer;
margin-bottom: 8px
}
.nia-form .rad-number .wpcf7-list-item-label {
font-size: 20px;
line-height: 40px;
width: 40px;
text-align: center;
border: 1px solid #e2e2e2;
color: #000;
background: #fff;
display: block;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease
}
.nia-form .rad-number .wpcf7-list-item:first-child {
margin-left: 0
}
.nia-form .rad-number .wpcf7-form-control {
text-align: center
}
.nia-form .rad-number .wpcf7-list-item:hover .wpcf7-list-item-label,
.nia-form .rad-number input:checked + .wpcf7-list-item-label {
color: #fff;
background: #009fc3
}
.rad-number .col-left {
position: absolute;
left: 0;
bottom: 0;
text-transform: uppercase;
font-size: 13px;
color: #a0a0a0;
font-weight: 500
}
.rad-number .col-right {
position: absolute;
bottom: 0;
right: 0;
text-transform: uppercase;
font-size: 13px;
color: #a0a0a0;
font-weight: 500
}
@media (min-width:700px) {
.results-info {
padding: 15px 60px
}
}
@media (min-width:768px) {
.page-template-template-calculator .logos-area {
float: left;
width: 50%
}
.page-template-template-calculator .logos-area .title {
margin: 0 0 20px
}
.page-template-template-calculator .logos-list {
display: inline-block;
vertical-align: middle;
margin: 0 -10px
}
.page-template-template-calculator .btn-default {
font-size: 1vw;
line-height: 28px
}
.calculate-form {
padding: 70px 0 20px;
min-height: 350px
}
.calculate-form .form-control {
width: 65px
}
.calculate-form .sub-text {
font-size: 20px;
line-height: 24px;
padding: 0 8px 3px
}
.page-template-template-calculator .field-holder > strong {
font-size: 20px
}
.page-template-template-calculator .field-holder > strong {
font-size: 20px;
line-height: 24px
}
.calculate-form .btns-list li {
padding: 0 9px 10px;
display: inline-block;
vertical-align: middle
}
.user-list {
text-align: left;
position: absolute;
bottom: 0;
margin-top: 0
}
.user-list li {
display: block;
margin: 0 0 11px
}
.user-form .text {
margin: 0 0 20px;
line-height: 22px
}
.user-form .btn-area .sub-info {
font-size: 30px;
line-height: 36px
}
.results-block {
margin: 0 auto 30px
}
.tabset li {
font-size: 22px;
line-height: 26px
}
.tab-content {
font-size: 40px;
line-height: 46px
}
.tab-content .content {
padding: 25px 10px
}
.user-box .title {
width: 60px;
text-align: right;
padding: 2px 0 0;
margin: 0;
display: inline-block;
vertical-align: middle;
font-size: 12px
}
.page-template-template-calculator .logos-area .title {
font-size: 12px
}
.user-box .email-col {
float: left;
width: 60%;
margin: 0
}
.user-box .email-col .title {
float: left
}
.user-box .input-holder {
padding: 0 5px
}
.user-box .socials-col {
text-align: right
}
.user-box.add {
overflow: hidden
}
.user-box.add .email-col {
margin: 0 0 10px
}
.btn-box .btn-holder {
padding: 0
}
.savings-block .container {
padding-bottom: 15px
}
.savings-block .cols-holder {
margin: 0 -5px
}
.savings-block .col {
width: 33.333%;
padding: 0 5px;
margin: 0;
display: inline-block;
vertical-align: middle
}
.savings-block .amount,
.savings-block .gallons {
font-size: 25px;
line-height: 34px
}
.products-saving .head {
margin: 0 0 13px
}
.products-saving .sub-info {
padding: 20px 0
}
.selection-list {
display: inline-block;
vertical-align: middle
}
.selection-list li {
padding: 0 8px;
margin: 0;
display: inline-block;
vertical-align: top
}
.info-list li {
width: 50%;
margin: 0;
padding: 0 10px 10px
}
.results-info .title {
font-size: 40px;
line-height: 46px
}
.calculator.container,
.visual-block {
min-height: 530px
}
.calculator.container,
.page-template-template-calculator .visual-block {
min-height: 720px
}
}
@media (min-width:1091px) {
.page-template-template-calculator #footer .container {
padding-top: 15px
}
.page-template-template-calculator .logos-area {
padding: 10px 0 0;
width: 40%
}
.page-template-template-calculator .logos-area .title {
margin: 0 15px 10px 0;
display: inline-block;
vertical-align: middle
}
.calculate-form {
padding: 120px 0 20px;
min-height: 400px
}
.calculator.container,
.page-template-template-calculator .visual-block {
min-height: 635px
}
.calculate-form h2 {
line-height: 46px;
margin: 0 0 25px
}
.calculate-form h2.gap {
margin: 0 0 75px
}
.calculate-form .form-control {
height: 60px;
width: 100px;
font-size: 60px;
line-height: 58px;
padding: 0 9px
}
.calculate-form #water-heating .form-control {
width: 175px
}
.calculate-form .form-control.large {
width: 160px
}
.calculate-form .field-holder {
margin: 0 0 25px
}
.calculate-form .field-holder.gap {
margin: 0 0 100px
}
.calculate-form .sub-text {
padding: 0 7px 5px
}
.calculate-form .sub-info {
margin: 0 0 65px
}
.user-form {
padding: 70px 0 0
}
.user-form h1 {
font-size: 40px;
line-height: 45px;
margin: 0 0 15px
}
.user-form .text p {
font-size: 16px
}
.user-form .text {
font-size: 20px;
line-height: 24px;
margin: 0 0 40px
}
.user-form .btn-area .sub-info {
margin: 0 0 40px
}
.tabset li {
font-size: 30px;
line-height: 34px
}
.tab-content {
font-size: 44px;
line-height: 50px
}
.user-box .input-holder {
padding: 0 10px
}
.user-box button[type=button] {
width: 100px
}
.user-box.add .email-col {
width: 67%;
margin: 0
}
.user-box.add .socials-col {
width: auto;
overflow: hidden
}
.products-saving .head .title {
display: inline-block;
vertical-align: middle;
font-size: 20px;
line-height: 24px
}
.products-saving .table .table-heading > strong {
font-size: 20px;
line-height: 22px;
margin: 0 !important
}
.info-list li {
width: 25%
}
.info-list .text {
max-width: 63%
}
.results-info {
padding: 46px 100px 50px
}
.results-info .title {
font-size: 50px;
line-height: 60px;
margin: 0 0 36px
}
.results-info .sub-info {
margin: 0 0 46px
}
.results-info .form-control {
margin: 0 auto 32px
}
.results-info .radio-select {
padding: 36px 0 0
}
.jcf-select-gpm {
width: 300px;
height: 60px;
margin: 0 0 25px
}
.calculator .slide .jcf-select-gpm {
margin-top: -55px
}
.jcf-select-gpm .jcf-select-text {
font-size: 60px;
line-height: 58px;
margin: 0 40px 0 6px
}
.jcf-select-gpm .jcf-select-opener:after {
border-top-width: 10px;
border-left-width: 10px;
border-right-width: 10px;
top: 25px;
right: 13px
}
.jcf-select-gpm .jcf-list {
font-size: 60px;
line-height: 60px
}
}
@media (min-width:1310px) {
.page-template-template-calculator #footer .container {
padding-top: 19px
}
.page-template-template-calculator .logos-area {
padding: 3px 0 0
}
.page-template-template-calculator .logos-area .title {
font-size: 20px;
line-height: 24px;
margin: 0 20px 10px 0
}
.page-template-template-calculator .logos-list li {
padding: 0 15px 10px
}
.page-template-template-calculator .btn-default {
font-size: 1vw
}
.calculate-form {
padding: 0 0 20px;
display: inline-block;
width: 100%;
vertical-align: middle;
transform: translateY(80px);
min-height: 543px
}
.calculate-form h2 {
line-height: 56px;
margin: 0 0 1vw
}
.calculate-form h2.gap {
margin: 0 0 150px
}
.calculate-form .field-holder {
margin: 0 0 83px;
font-size: 30px
}
.calculate-form .field-holder.gap {
margin: 0 0 140px
}
.calculate-form .sub-info {
margin: 0 0 131px
}
.user-form {
padding: 61px 0 0
}
.user-form h1 {
font-size: 50px;
line-height: 58px;
margin: 60px 0 22px
}
.user-form .text p {
font-size: 20px
}
.user-form .text {
margin: 0 0 85px
}
.user-form .btn-area {
margin: 0 auto
}
.user-form .btn-area .sub-info {
margin: 0 0 69px
}
.results-block {
margin: 0 auto 72px
}
.tabset a {
padding: 11px
}
.tabset a.active,
.tabset a:hover {
padding: 13px
}
.tab-content {
font-size: 50px;
line-height: 58px
}
.tab-content .content {
padding: 48px 10px 40px
}
.tab-content .gallons {
margin: 0 0 22px
}
.user-box .title {
font-size: 15px;
line-height: 20px;
width: 100px;
margin: -4px 0 0;
padding: 0
}
.page-template-template-calculator .logos-area .title {
font-size: 15px
}
.user-box .email-col {
width: 50%
}
.user-box.add .email-col {
width: 66.5%
}
.btn-box .user-list {
float: left;
margin: -42px -100% 0 0
}
.btn-box .btn-holder {
margin: 0;
padding: 69px 0 0
}
.btn-box .explore {
font-size: 20px;
line-height: 22px
}
.btn-box .explore:after {
font-size: 24px;
line-height: 24px
}
.savings-block .container {
padding-top: 16px;
padding-bottom: 13px
}
.savings-block .title {
font-size: 20px;
line-height: 24px;
margin: 0 0 7px
}
.savings-block .amount,
.savings-block .gallons {
font-size: 40px;
line-height: 44px;
margin: 0 0 6px
}
.products-detail .container {
padding-top: 30px;
padding-bottom: 21px
}
.products-saving .head .title {
margin: 2px 8px 0 0
}
.products-saving .table-holder {
padding: 0 0 15px
}
.products-saving .sub-info {
padding: 0 100px 26px
}
.selection-list label {
margin: 0
}
.info-list {
padding: 0 0 0 20px
}
.info-list li {
padding: 0 20px 10px
}
.info-list .text {
padding: 0 0 0 15px
}
.jcf-select-gpm {
margin: 0 0 42px;
width: 327px
}
.calculator.container,
.page-template-template-calculator .visual-block {
min-height: 740px
}
}
@media (max-width:1450px) {
.user-form .btn-area .sub-info {
margin: 0 0 40px
}
.results-block {
margin: 0 auto 30px
}
.tab-content .content {
padding: 25px 10px
}
.tab-content {
font-size: 44px;
line-height: 50px
}
.results-block {
margin: 0 auto 30px
}
.user-form .text {
font-size: 20px;
line-height: 24px;
margin: 0 0 40px
}
.user-form h1 {
font-size: 40px;
line-height: 45px;
margin: 0 0 15px
}
}
@media (min-width:1441px) {
.calculate-form h2 {
margin: 0 0 35px;
font-size: 56px
}
.calculate-form .sub-info {
font-size: 20px
}
.jcf-select-gpm .jcf-select-text {
font-size: 45px;
line-height: 50px
}
.calculate-form .form-control {
font-size: 45px !important;
line-height: 50px !important;
height: 50px !important
}
.jcf-select-gpm {
height: 52px;
margin: 0 0 35px
}
.calculator .slide .jcf-select-gpm {
margin-top: -90px
}
.calculate-form .field-holder {
margin: 0 0 50px
}
}
@media (max-width:1309px) {
.page-template-template-calculator .nav-area {
margin: 12px 0 0
}
.user-form .text {
margin: 0 0 20px
}
.user-form .btn-area .sub-info {
font-size: 24px;
line-height: 1.2;
margin: 0 0 63px
}
.results-block {
margin: 0 auto 20px
}
.results-block .at-icon-wrapper,
.results-block .at-icon-wrapper > svg {
width: 30px !important;
height: 30px !important
}
}
@media (max-width:1279px) {
.product-gallery .cycle-gallery,
.product-gallery .cycle-gallery .mask {
min-height: 410px
}
.calculate-form .sub-info {
font-size: 1.5vw
}
.footer-block {
background-size: cover
}
.eco-tech .slide-text {
padding: 80px 0 40px
}
}
@media (max-width:1089px) {
.calculate-form .slide {
width: 700px
}
.page-template-template-calculator .intro > span {
margin-top: 40px
}
.products-saving .table .table-heading > strong.col1,
.products-saving .table .table-rows > li > div:first-child {
float: left;
margin-top: 0;
position: static;
text-align: left
}
.products-saving .table .table-heading > strong.col2,
.products-saving .table .table-rows > li > div:nth-child(even) {
float: left;
clear: left;
margin-top: 0;
position: static;
text-align: left
}
.products-saving .table .table-heading > strong.col2 {
margin-top: -15px;
text-align: left
}
.products-saving .table .table-rows > li {
width: 100%;
display: inline-block;
position: relative
}
.products-saving .table .table-rows > li > div {
float: right;
width: 39.9%;
position: absolute;
right: 0;
top: 0;
text-align: right
}
.products-saving .table .table-heading > .col3 {
float: right;
width: 39.9%;
margin-top: -46px !important;
text-align: right;
margin-top: -73px !important
}
.products-saving .table .table-rows {
font-size: 0
}
.products-saving .table .form-control.small {
float: left;
clear: left;
margin-left: 0;
margin-top: 8px
}
.products-saving .table-rows .jcf-select {
float: left
}
.products-saving .table .sub-text {
float: left;
line-height: 35px
}
.products-saving .table .form-control.small + .sub-text {
margin-top: 8px
}
.table-rows input[type=text] {
float: left;
width: 80px
}
.rad-list label > strong {
font-size: 16px
}
.rad-list label > img {
width: 100%;
height: auto
}
.rad-list > li {
width: 90px;
margin-left: 20px;
margin-right: 20px
}
.rad-list.gap {
margin-top: 40px;
margin-bottom: 50px
}
.corporate .history .cycle-gallery,
.corporate .history .cycle-gallery .gallery-block,
.corporate .history .cycle-gallery .slide,
.corporate .history .cycle-gallery.mask {
min-height: 400px;
height: 400px !important;
background-size: cover
}
.bg-white .gallery-block.history .mask > h1 {
top: 35px
}
.bg-white .gallery-block.history .mask > h1 {
font-size: 40px;
font-size: 25px
}
.history .slide-text > strong {
font-size: 25px
}
.history .slide-text > p {
font-size: 16px;
line-height: 28px !important
}
.corporate .history .slide-text {
padding-top: 100px;
width: 100%;
padding-left: 0;
padding-right: 0
}
.history .pagination {
bottom: 50px
}
.product-gallery .cycle-gallery,
.product-gallery .cycle-gallery .mask {
min-height: 310px
}
.page-template-template-calculator #header {
padding: 15px 15px 8px
}
.page-template-template-calculator .progress-bar {
padding: 0;
left: 0
}
.page-template-template-calculator .progress-bar .sub-title {
padding: 8px 0;
display: block
}
.page-template-template-calculator .progress-list {
padding: 0;
margin: 0 0 -10px
}
.page-template-template-calculator .progress-list:before {
margin: -1px 0 0 -14px
}
.page-template-template-calculator .progress-list li {
padding: 0 5px 10px
}
.page-template-template-calculator .nav-block {
margin-top: -96px
}
.ecologic .logo img {
margin: -170px 0 -200px -150px
}
}
@media (max-width:767px) {
.page-template-template-calculator .user-list .icon-chat-empty {
display: block;
margin: -4px 0 8px
}
.page-template-template-calculator .calculate-form .slide {
width: 460px
}
.page-template-template-calculator .intro > p {
font-size: 18px
}
.page-template-template-calculator .calculate-form h2 {
font-size: 24px
}
.radios-list li {
margin-top: 6px
}
.products-saving .table .table-heading > strong.col2,
.products-saving .table .table-rows > li > div:nth-child(even) {
width: 80%
}
.products-saving .table .table-heading > strong.col2 {
margin-top: -20px
}
.products-saving .table .table-heading > strong {
font-size: 16px
}
.products-saving .table .table-heading > .col3 {
margin-top: -68px !important
}
.fancybox-wrap.nia-form,
.nia-form .lightbox-holder {
width: auto
}
.nia-form .feedback .wpcf7-list-item {
margin-left: 11%
}
.nia-form .feedback .wpcf7-radio {
margin-left: -10%;
width: 110%
}
.eco-ban > img {
width: 100%
}
.careers .mission h3 {
font-size: 30px;
margin-bottom: 10px
}
.careers .description p {
font-size: 14px;
margin-bottom: 15px
}
.product-gallery .cycle-gallery,
.product-gallery .cycle-gallery .mask {
min-height: 188px
}
.product-gallery .cycle-gallery .mask {
margin-top: 55px
}
.calculate-form {
margin-top: 90px
}
.ecologic .logo img.eco-logo {
margin-bottom: 50px;
position: relative
}
.ecologic .logo {
position: relative
}
.footer-nav .main-nav {
width: 100%;
text-align: center
}
.footer-nav .main-nav > li > a {
font-size: 24px
}
.footer-nav .main-nav ul a {
font-size: 14px
}
.footer-block {
font-size: 14px
}
.contact-block h3 {
font-size: 12px
}
.contact-block p {
font-size: 10px
}
.contact-block address a {
font-size: 10px
}
.footer {
margin-top: 20px
}
.contact-block {
text-align: center;
font-weight: 600
}
.footer-nav {
display: none
}
}
@media (max-width:479px) {
.page-template-template-calculator .calculate-form .slide {
width: 300px
}
.page-template-template-calculator #industry {
margin-top: 100px
}
.rad-list.gap {
margin-bottom: 10px;
margin-top: 10px
}
.page-template-template-calculator .calculate-form h2 {
font-size: 20px;
line-height: 22px
}
.page-template-template-calculator .intro > p {
font-size: 16px;
line-height: 24px
}
.rad-list > li {
width: 42px
}
.rad-list label > strong {
font-size: 8px
}
.page-template-template-calculator .progress-bar {
float: left;
width: 100%
}
.results > li > a > strong {
font-size: 14px;
line-height: 15px
}
.results li > a > p {
font-size: 12px
}
.careers .cycle-gallery,
.corporate .cycle-gallery,
.corporate .cycle-gallery .slide,
.cycle-gallery .mask,
.product-gallery .cycle-gallery {
min-height: 362px
}
.page-template-template-technology .cycle-gallery .mask {
min-height: 440px
}
.page-template-template-toilets .cycle-gallery .mask {
min-height: 440px
}
.single-custom_technology .cycle-gallery .mask {
min-height: 440px
}
.careers .cycle-gallery .slide,
.careers .mask,
.corporate .mask,
.corporate .slide {
background-size: 210% auto
}
.page-template-template-technology .slide-text {
padding: 70px 0 40px
}
.eco-tech .slide-text p,
.page-template-template-technology .slide-text p {
font-size: 2.5vw
}
.eco-tech .slide-text p {
font-size: 3.4vw;
line-height: 2
}
.page-template-template-case-studies .mix.video-block > .video-holder {
min-height: 200px
}
.page-template-template-calculator .nav-block {
margin-top: -121px
}
.bg-white .mission.nia-right .description,
.bg-white.careers .mission .description {
left: 5%;
width: 90%;
text-align: center
}
.careers .mission,
.careers .mission .holder,
.corporate .mission,
.corporate .mission .holder {
min-height: 300px
}
.careers .mission.nia-right {
min-height: 300px
}
.product-gallery .cycle-gallery,
.product-gallery .cycle-gallery .mask {
min-height: 140px
}
.calculate-form {
margin-top: 130px
}
.eco-tech .sidebyside .block-center img {
width: 93%;
margin-bottom: 40px
}
.page-template-template-uhet .cycle-gallery .mask,
.page-template-template-uhet .cycle-gallery .slide {
max-height: 250px;
min-height: auto
}
}
@media (max-height:700px) {
.careers .cycle-gallery,
.careers .cycle-gallery .slide,
.careers .mask,
.corporate .cycle-gallery,
.corporate .cycle-gallery .slide,
.corporate .mask {
min-height: 100vh
}
}
@media (max-height:400px) {
.careers .cycle-gallery,
.careers .cycle-gallery .slide,
.careers .mask,
.corporate .cycle-gallery,
.corporate .cycle-gallery .slide,
.corporate .mask {
min-height: 400px
}
}
#product-container .mix {
display: none;
margin-bottom: 0
}
#blocks-video .mix {
display: none
}
#blocks-container .mix {
display: none
}
#kits-container .mix {
display: none
}
.wpcf7-form .jcf-checkbox INPUT,
.wpcf7-form .jcf-radio INPUT {
display: none
}
.at-style-responsive .at-share-btn {
background: #a0a0a0 !important;
border-radius: 50% !important
}
.addthis_inline_share_toolbox {
display: inline-block;
vertical-align: middle
}
.page-template-template-calculator #water-audit-button {
display: none
}
.jcf-select-drop.jcf-select-wpcf7-form-control.jcf-select-wpcf7-select.jcf-select-jcf-hidden.jcf-unselectable {
width: auto !important
}
#content .aligncenter,
#content img.aligncenter,
.content .aligncenter,
.content img.aligncenter {
float: none;
display: block;
margin: 0 auto 40px;
max-width: 100%;
height: auto
}
#content .alignleft,
#content img.alignleft,
.content .alignleft,
.content img.alignleft {
float: left;
margin: 20px 15px 40px 0;
max-width: 100%;
height: auto
}
#content .alignright,
#content img.alignright,
.content .alignright,
.content img.alignright {
float: right;
margin: 20px 0 40px 15px;
max-width: 100%;
height: auto
}
@media screen and (max-width:720px) and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
.after-scroll {
background-attachment: scroll !important
}
}
#ga {
display: none
}
.kits h2,
.kits h3 {
font-size: 2.5vw;
color: #fff;
text-transform: uppercase;
line-height: 1;
font-weight: 800;
margin-bottom: 10px
}
.page-template-template-products .kits h3 {
color: #012856;
font-size: 3vw;
text-transform: none
}
#resources h3 {
color: #00244c
}
#product-image {
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative
}
#product-image > img {
width: 100%;
display: block;
height: auto;
position: relative;
z-index: -1;
opacity: 0
}
#view-products {
background: rgba(255, 255, 255, .8);
padding: 30px 0;
color: #ccd4dd;
text-transform: uppercase;
text-align: center;
font-size: 24px;
position: absolute;
bottom: 0;
width: 100%;
left: 0
}
#view-products > .holder > strong {
display: block;
margin-bottom: 20px
}
#view-products > .holder > .btn-primary {
padding: 12px 50px
}
#view-products .ps-widget {
float: none;
display: inline-block !important;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
font-family: Avenir, Arial, "Helvetica Neue", Helvetica, sans-serif;
background: #30a7c2;
line-height: 1.2;
padding: 12px 50px;
border: none;
outline: 0;
opacity: 1
}
#view-products .ps-widget:hover {
opacity: .8
}
#featured-boxes {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.col-three {
font-size: 0
}
#featured-boxes > .box {
background: #3eb0c8;
text-align: center;
padding: 9.5vw 5vw;
position: relative
}
.col-three > .box {
width: 33.333333%;
display: inline-block;
vertical-align: middle
}
#featured-boxes > .box:first-child {
background: #002854
}
.col-three > box:first-child {
width: 33.333334%
}
#featured-boxes > .box:last-child {
background: #78be20
}
.col-three .box > p,
.col-three .box > strong {
font-size: 1.5vw;
line-height: 1.5;
color: #fff;
margin-bottom: 10%
}
.box > strong {
text-transform: uppercase
}
.box > strong {
font-size: 1.5vw
}
.box > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 10;
border-bottom: none
}
.box .feat-icon {
margin-bottom: 10%;
display: inline-block;
max-width: 25%
}
.intro.left {
text-align: left
}
.intro.left h1 {
font-weight: 800;
letter-spacing: -2px;
line-height: 1
}
.intro .holder p {
line-height: normal;
margin-top: 15px;
margin-bottom: 0
}
.bg-white .intro.left h1 {
color: #fff
}
.subtitle-block {
text-align: center;
padding: 18vw 0
}
.solution-block h3,
.subtitle-block h2 {
text-transform: uppercase;
color: #002856;
font-weight: 800
}
.subtitle-block p {
margin-bottom: 0;
font-size: 21px;
line-height: 1.5;
color: #3d4543
}
.after-scroll p {
font-size: 24px;
line-height: 1.5;
color: #fff;
padding: 0 15%
}
.after-scroll p strong {
color: #3eb1c8
}
.techslides {
max-height: 640px;
overflow: hidden
}
.single-custom_technology .techslides {
margin-bottom: 30px;
max-height: 390px;
overflow: hidden
}
.single-custom_technology .holder {
max-height: 99999px
}
.techslides .slide {
min-height: 640px;
position: relative;
background: gray;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.techslides .slide-content {
position: absolute;
top: 54.69%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 12px
}
.circle {
display: block;
position: relative;
border-radius: 50%;
border: 20px solid #fff;
padding: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box !important;
width: 209px;
max-width: 100%;
margin-bottom: 20%
}
.page-template-template-technology .circle,
.single-custom_technology .circle {
position: absolute;
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 385px;
border-width: 40px;
margin-bottom: 0
}
.circle > img {
display: block;
width: 100%;
height: auto;
z-index: -1;
position: relative;
opacity: 0
}
.circle .text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
text-transform: uppercase
}
.circle .text p {
margin-bottom: 0;
font-size: 13px;
font-weight: 600;
min-height: 45px
}
.page-template-template-technology .circle .text p,
.single-custom_technology .circle .text p {
font-size: 24px
}
.text > strong {
font-size: 22px;
font-weight: 800;
margin-bottom: 1px;
display: block
}
.page-template-template-technology .text > strong,
.single-custom_technology .text > strong {
font-size: 40px;
line-height: 1
}
.text > strong:after {
display: inline-block;
vertical-align: top;
content: '\2122';
font-size: 10px;
line-height: 15px
}
.page-template-template-technology .text > strong:after,
.single-custom_technology .text > strong:after {
font-size: 20px;
line-height: 27px;
font-weight: 500
}
.techslides .item {
min-height: 390px
}
.text img {
display: inline-block;
vertical-align: top;
max-width: 60%;
max-height: 150px
}
.techslides .text img {
max-height: 90px
}
.page-template-template-technology .text img {
max-width: 40%
}
.text > div {
margin-bottom: 13px
}
.page-template-template-technology .text > div,
.single-custom_technology .text > div {
margin-bottom: 30px
}
.techslides .slick-arrow {
font-size: 0;
padding: 0;
display: block;
position: absolute;
height: 70px;
width: 70px;
background: 0 0;
z-index: 10;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
border-top: none;
border-right: none;
top: 48%;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
left: 2.34%;
margin-left: 15px;
outline: 0
}
.single-custom_technology .techslides .slick-arrow {
border-left: 2px solid #012856;
border-bottom: 2px solid #012856;
left: 0
}
.single-custom_technology .techslides .slick-next.slick-arrow {
right: 0
}
.single-custom_technology .kits {
background: 0 0
}
.single-custom_technology .kits.solution {
padding: 15vw 0;
background-size: cover !important
}
.single-custom_technology .kits .description p {
color: #616866;
margin-bottom: 0
}
.single-custom_technology .kits.solution h3,
.single-custom_technology .kits.solution p {
color: #002856
}
.single-custom_technology .kits .description p strong {
color: #012856
}
.techslides .slick-next.slick-arrow {
-webkit-transform: translateY(-50%) rotate(225deg);
transform: translateY(-50%) rotate(225deg);
right: 2.34%;
left: auto;
margin-right: 15px;
margin-left: 0
}
.techslides .illustration > img {
display: inline-block
}
.techslides h2 {
display: inline-block;
max-width: 80%;
text-transform: uppercase;
font-weight: 600;
line-height: 1.4
}
.single-custom_technology .techslides h2 {
text-transform: unset
}
.techslides .item > .lightbox {
cursor: initial
}
.techslides .item .click-area {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 5;
border: none
}
.item .btn-primary,
.item .btn-primary.popup-open.lightbox {
z-index: 10;
margin-top: 25px;
font-size: 14px
}
.item .btn-primary.popup-open.lightbox {
margin-top: -25px;
margin-bottom: 0
}
#how-it-works-boxes > h3,
.tech-title {
font-weight: 800;
font-size: 40px;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-bottom: 52px
}
.tech-title {
color: #012856;
margin-top: 52px;
display: inline-block;
position: relative;
text-align: left
}
.tech-title:after {
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-left: 60px;
height: 2px;
margin-top: -1px;
right: -99999px;
background: #3b4542
}
.slider-title {
position: relative
}
.slider-title:after {
position: absolute;
right: 0;
top: 0;
width: 3px;
height: 100px;
background: #fff;
z-index: 10
}
#how-it-works-boxes {
padding-top: 52px;
background: #012856;
overflow: hidden
}
#how-it-works-boxes .box {
min-height: 33vw;
line-height: 33vw;
text-align: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
#how-it-works-boxes .box > p {
display: inline-block;
vertical-align: bottom;
max-width: 56.25%;
font-size: 1.2vw;
margin-bottom: 5.20835vw
}
.techslides .slick-list {
overflow: hidden
}
.visual-block.calculator {
background: url(//niagaracorp.com/wp-content/themes/niagra/images/bg-calculator.jpg) no-repeat 50% 0;
background-size: cover
}
.page-template-template-distributor .intro h1,
.page-template-template-distributor .regions-form,
.page-template-template-rebates .intro h1,
.page-template-template-rebates .regions-form {
text-align: center
}
.toilets-block {
padding: 150px 0 0;
overflow: hidden
}
.toilets-block > .holder {
padding: 0 220px
}
.nia-toilet {
display: block;
float: left;
margin-bottom: 80px;
width: 100%
}
.toilets-block .col-left {
float: left;
width: 35.75%
}
.nia-toilet h2 {
font-size: 30px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: 800;
color: #002856;
line-height: 1;
margin-bottom: 0
}
.nia-toilet h3 {
font-size: 20px;
text-transform: uppercase;
line-height: 1.133333;
font-weight: 600;
letter-spacing: -1px;
color: #002856
}
.nia-toilet .col-left > img {
width: 290px;
max-width: 90%;
display: block
}
.toilets-block .col-right {
float: right;
width: 64.25%
}
.nia-toilet ul {
list-style: none;
padding-left: 0
}
.nia-toilet .col-right > li {
width: 100%;
display: block;
margin-top: 25px;
font-size: 24px;
color: #3d4543;
font-weight: 500;
position: relative
}
.nia-toilet .labels > li {
font-weight: 700;
text-transform: uppercase;
font-size: 15px !important;
color: #002856
}
.nia-toilet .labels > li:before {
content: '';
width: 100%;
height: 60px;
display: block;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 20px
}
.labels .flush:before {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/icon-flush-rate.svg)
}
.labels .bowl:before {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/icon-bowl-shape.svg)
}
.labels .rough:before {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/icon-rough-in.svg)
}
.nia-toilet .col-right > li:first-child {
margin-top: 0
}
.nia-toilet .col-right ul {
display: block;
overflow: hidden
}
.nia-toilet .col-right ul > li {
width: 20%;
float: left;
text-align: center;
line-height: 26px;
min-height: 1px;
font-size: 17px
}
.nia-toilet .col-right ul > li:first-child,
.nia-toilet .col-right ul > li:nth-child(2) {
width: 30%
}
.nia-toilet .btn-primary {
line-height: 1.2;
float: right;
font-size: 15px;
padding: 4px 10px;
white-space: nowrap
}
#wrapper .nia-toilet .ps-widget {
background: #30a7c2;
font-weight: 700;
font-size: 15px;
line-height: 1.2;
padding: 4px 10px;
border: none;
position: absolute;
left: 100%;
min-width: 100px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: 10px;
color: #fff;
display: block;
font-family: Avenir, Arial, "Helvetica Neue", Helvetica, sans-serif;
cursor: pointer;
outline: 0;
opacity: 1
}
.scroll-box {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.pad .scroll-box {
top: 62px
}
.logged-in .pad .scroll-box {
top: 94px
}
.scroll-box > * {
line-height: normal
}
.scroll-box > div[class^=text-],
.scroll-box > p[class^=text-] {
position: absolute;
font-size: 45px;
line-height: 1.22;
z-index: -12;
color: #fff;
opacity: 0;
font-size: 2.5vw
}
.scroll-box .text-intro {
top: 38%;
left: 10%;
-webkit-transition: opacity .3s ease .5s;
-moz-transition: opacity .3s ease .5s;
-o-transition: opacity .3s ease .5s;
transition: opacity .3s ease .5s
}
.scroll-box .text-intro h1 {
font-size: 4.5vw;
text-transform: uppercase;
font-weight: 800;
letter-spacing: -2px;
margin-bottom: 0;
line-height: 1.1
}
.scroll-box .text-intro h2 {
text-transform: uppercase;
font-weight: 700;
line-height: 1;
font-size: 2vw
}
.scroll-box .text-outro {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
font-size: 4vw;
width: 65%;
line-height: 1.243;
max-width: 1065px;
position: absolute;
color: #012856 !important
}
.scroll-box h1.text-outro {
color: #012856;
margin-top: -8%;
font-weight: 800;
width: 50%;
line-height: 1.1;
z-index: -11;
opacity: 0
}
.scroll-box .text-intro > strong {
font-size: 10vw;
line-height: 1
}
.scroll-box .text-intro > p {
font-size: 3.3vw
}
.scroll-box .scroll-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-position: center;
background-repeat: no-repeat;
background-color: #000;
background-size: cover;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.scroll-box > p[class^=text-right] {
right: 80px;
top: 50%;
width: 480px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity .3s ease, z-index 0s ease .3s;
-moz-transition: opacity .3s ease, z-index 0s ease .3s;
-o-transition: opacity .3s ease, z-index 0s ease .3s;
transition: opacity .3s ease, z-index 0s ease .3s
}
.scroll-box .scroll-bg.active-one-intro {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec1-2.jpg)
}
.scroll-box .scroll-bg.active-two-a {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec3.jpg)
}
.scroll-box .scroll-bg.active-three {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec4.jpg)
}
.scroll-box .scroll-bg.active-four {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec5.jpg)
}
.scroll-box .scroll-bg.active-five {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec6.jpg)
}
.scroll-box .scroll-bg.active-six {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec7.jpg)
}
.scroll-box .scroll-bg.active-seven-a {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec8.jpg)
}
.scroll-box .text-outro.active,
.scroll-box > div[class^=text-].active,
.scroll-box > p[class^=text-].active {
z-index: 12;
opacity: 1;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.scroll-box .scroll-side-nav {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 100;
list-style: none;
padding-left: 0
}
.scroll-box .scroll-side-nav > li {
height: 18px;
width: 18px;
border-radius: 50%;
margin: 10px 1px;
background: rgba(0, 0, 0, 0);
float: left;
clear: left;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
border: 3px solid #6bb41f;
-webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, .3)
}
.scroll-box .scroll-side-nav > li.active,
.scroll-box .scroll-side-nav > li:hover {
background: #6bb41f
}
.scroll-box .scroll-down {
display: inline-block;
width: 28%;
text-align: center;
font-size: 0;
border-radius: 50%;
color: #fff;
-webkit-transition: opacity .3s ease .5s;
-moz-transition: opacity .3s ease .5s;
-o-transition: opacity .3s ease .5s;
transition: opacity .3s ease .5s;
z-index: -10;
opacity: 0;
animation: pulsate .5s infinite;
animation-direction: alternate;
-webkit-animation: pulsate 1s infinite;
-webkit-animation-direction: alternate;
cursor: pointer
}
.visual-one {
position: absolute;
top: 50%;
left: -30%;
display: block;
width: 29%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -12;
opacity: 0;
-webkit-transition: opacity .3s ease, z-index 0s ease .3s, left .3s ease .3s;
-moz-transition: opacity .3s ease, z-index 0s ease .3s, left .3s ease .3s;
-o-transition: opacity .3s ease, z-index 0s ease .3s, left .3s ease .3s;
transition: opacity .3s ease, z-index 0s ease .3s, left .3s ease .3s
}
.visual-one.active {
z-index: 10;
opacity: 1;
left: 10%;
-webkit-transition: opacity .3s ease, left .3s ease;
-moz-transition: opacity .3s ease, left .3s ease;
-o-transition: opacity .3s ease, left .3s ease;
transition: opacity .3s ease, left .3s ease
}
.visual-one > img {
width: 100%
}
.scroll-box .scroll-down.active {
opacity: 1;
z-index: 12;
-webkit-transition: opacity .3s ease .2s;
-moz-transition: opacity .3s ease .2s;
-o-transition: opacity .3s ease .2s;
transition: opacity .3s ease .2s
}
.scroll-box .read-now {
position: absolute;
z-index: -12;
color: #fff;
opacity: 0;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
display: block;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity .3s ease, z-index 0s ease .3s, top .3s ease;
-moz-transition: opacity .3s ease, z-index 0s ease .3s, top .3s ease;
-o-transition: opacity .3s ease, z-index 0s ease .3s, top .3s ease;
transition: opacity .3s ease, z-index 0s ease .3s, top .3s ease;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 8%;
white-space: nowrap
}
.scroll-box .read-now.active {
opacity: 1;
z-index: 12;
-webkit-transition: opacity .3s ease .5s, top .3s ease .5s, border-width .1s linear;
-moz-transition: opacity .3s ease .5s, top .3s ease .5s, border-width .1s linear;
-o-transition: opacity .3s ease .5s, top .3s ease .5s, border-width .1s linear;
transition: opacity .3s ease .5s, top .3s ease .5s, border-width .1s linear;
top: 50%
}
.scroll-box .read-now:hover {
border-width: 5px
}
.scroll-box .scroll-down:before {
content: '';
display: block;
vertical-align: bottom;
line-height: 37px;
width: 100%;
height: 100px;
display: block;
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/green-down-arrow.svg);
background-size: contain;
background-repeat: no-repeat
}
.scroll-box .scroll-bg > img {
position: relative;
z-index: -28;
width: 100%;
height: auto;
display: block;
opacity: 0
}
.page-template-template-mission {
position: relative
}
.page-template-template-mission #wrapper {
position: static;
overflow: visible
}
.page-template-template-mission .footer-block {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.page-template-template-mission .header .logo-text,
.page-template-template-mission .header .logo > a > img:first-child {
opacity: 1
}
.page-template-template-mission .header .logo > a > img[class^=scroll-] {
opacity: 0
}
.page-template-template-initiatives .intro {
height: 100vh;
position: relative;
padding: 0;
margin-bottom: 0
}
.title-box {
position: absolute;
top: 50%;
display: block;
z-index: 10;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
text-align: center;
background: rgba(255, 255, 255, .65);
padding: 75px 50px 60px;
width: 41.666666%;
max-width: 800px
}
.title-box > h1 {
max-width: 420px
}
.title-box:before {
content: '';
position: absolute;
z-index: -1;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
background-color: rgba(255, 255, 255, .65)
}
.title-box > * {
text-align: center !important
}
.intro.left .title-box h1 {
color: #002856;
margin-bottom: 15px
}
.title-box p {
color: #3d4543;
font-size: 24px;
line-height: 1.5;
max-width: 380px;
margin: 0 auto
}
.page-template-template-initiatives .subtitle-block {
padding: 10vw 0
}
.page-template-template-initiatives .subtitle-block .holder {
padding: 0 18%
}
.solution-block .col-left,
.solution-block .col-right {
display: inline-block;
width: 50%;
vertical-align: top
}
.solution-block .col-right {
padding-left: 4%;
text-transform: uppercase;
list-style: none
}
.solution-block .col-right > li {
width: 33%;
display: inline-block;
vertical-align: middle;
margin-bottom: 30px
}
.solution-block .col-right > li > strong {
font-size: 12px;
display: block;
text-align: center;
color: #1c2c57;
padding: 0 6%;
display: none
}
.solution-block .background {
height: 160px;
background-size: contain;
background-repeat: no-repeat;
background-position: center
}
.solution-block {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
padding: 10vw 0 420px;
position: relative
}
.solution-block p {
font-size: 21px;
line-height: 1.5;
color: #3d4543
}
.solution-block .col-left p {
margin-bottom: 0
}
.next-steps {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
background-color: rgba(255, 255, 255, .6);
text-align: center;
padding: 35px 0
}
.next-steps h3 {
margin-bottom: 0
}
.next-steps .buttons .green.btn-primary {
margin-left: 146px;
background-color: #76bc21
}
.next-steps .buttons .btn-primary {
background-color: #37b1ca;
width: 206px;
padding: 12px
}
.initiatives .box > a {
position: static;
font-size: 21px;
color: #fff;
margin-top: 15px
}
.initiatives .box > a > span {
display: inline;
border-bottom: 1px solid transparent;
-webkit-transition: border-bottom .3s ease;
transition: border-bottom .3s ease
}
.initiatives .box > a:hover > span {
border-color: #30a7c2;
font-weight: 700
}
.page-template-template-initiatives .popup-box h2 {
margin-bottom: 0
}
#featured-boxes.initiatives > .box {
text-align: left;
color: #fff
}
#featured-boxes.initiatives > .box h3 {
text-transform: uppercase;
font-weight: 800;
margin-bottom: 0
}
.form-content {
text-align: center
}
.page-template-template-products .kits .holder {
padding: 0 12%
}
@-webkit-keyframes pulsate {
0% {
opacity: .6
}
100% {
opacity: 1
}
}
@media (min-width:1091px) {
.page-template-template-products .kits h3 {
font-size: 26px !important;
margin-bottom: 15px !important
}
.page-template-template-products .kits .description p {
font-size: 14px
}
}
@media (min-width:1451px) {
.page-template-template-products .kits h3 {
font-size: 30px !important
}
.scroll-box .text-intro h1 {
font-size: 65px
}
.scroll-box > div[class^=text-],
.scroll-box > p[class^=text-] {
font-size: 36px
}
.scroll-box .text-intro {
left: 18%
}
.scroll-box .text-intro h2 {
font-size: 29px
}
.scroll-box h1.text-outro {
font-size: 58px
}
.page-template-template-products .kits .btn-primary {
font-size: 18px;
padding: 2px 25px
}
.page-template-template-products .kits .description p {
font-size: 16px
}
}
@media (max-width:1440px) {
.nia-toilet h2 {
font-size: 28px
}
.scroll-box p[class^=text-right] {
width: 33%
}
.toilets-block > .holder {
padding: 0 180px
}
#wrapper .nia-toilet .ps-widget,
.nia-toilet .btn-primary {
font-size: 12px
}
#wrapper .nia-toilet .ps-widget {
min-width: 90px
}
.nia-toilet .col-right ul > li {
line-height: 22px
}
.nia-toilet h3 {
font-size: 19px
}
.nia-toilet .col-right > li {
font-size: 22px
}
.page-template-template-products .kits {
padding: 2vw 0
}
.page-template-template-products .kits:first-child {
padding: 4vw 0 2vw
}
.page-template-template-products .kits.aerators {
padding: 2vw 0 4vw
}
.page-template-template-products .kits.background {
padding: 12vw 0
}
.page-template-template-products .kits .btn-primary {
padding: 4px 20px;
font-size: 14px
}
.page-template-template-products .visual > img {
max-height: 400px
}
.page-template-template-products .aerators .visual > img {
max-height: 300px
}
}
@media (max-width:1210px) {
.toilets-block > .holder {
padding: 0 80px
}
.intro.left .title-box h1 {
font-size: 48px
}
.initiatives .box > a,
.solution-block p,
.subtitle-block p {
font-size: 18px
}
.next-steps .buttons .btn-primary {
padding: 8px;
font-size: 16px
}
.next-steps .buttons .green.btn-primary {
margin-left: 100px
}
.solution-block {
padding: 10vw 0 360px
}
#featured-boxes.initiatives > .box h3 {
font-size: 30px
}
#featured-boxes.initiatives > .box {
padding: 8vw 3.5vw
}
.solution-block .background {
height: 105px
}
.solution-block .col-right > li {
margin-bottom: 20px
}
.title-box p {
font-size: 22px
}
.title-box {
width: 50%;
padding: 50px 30px 40px
}
}
@media (max-width:1090px) {
.col-three .box > p,
.col-three .box > strong {
font-size: 1.5vw
}
.page:not(.page-template-template-technologies):not(.page-template-template-initiatives) .intro {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/bg-technologies-header-small.jpg) !important
}
#how-it-works-boxes .box > p {
font-size: 1.9vw;
max-width: 55%
}
#how-it-works-boxes .box {
width: 100%
}
.page-template-template-products .visual > img,
.single-custom_technology .visual > img {
max-height: 280px
}
.page-template-template-products .aerators .visual > img {
max-height: 200px
}
.after-scroll p {
font-size: 2.4vw;
padding: 0 5%
}
.toilets-block .col-left,
.toilets-block .col-right {
width: 100%;
text-align: center
}
.nia-toilet {
margin-bottom: 50px
}
.page-template-template-initiatives .subtitle-block .holder {
padding: 0 5%
}
.nia-toilet .col-left > img {
margin: 0 auto
}
#featured-boxes.initiatives > .box h3 {
font-size: 24px
}
.initiatives .box > a {
font-size: 16px
}
.page-template-template-initiatives .intro {
height: 550px
}
.page-template-template-products .kits .holder {
padding: 0 28px
}
.page-template-template-products .kits .btn-primary {
font-size: 14px
}
.page-template-template-products .kits h3 {
font-size: 3vw
}
.page-template-template-products .kits .description p {
font-size: 1.4vw
}
}
@media (max-width:1024px) {
.scroll-box .scroll-bg.active-one-intro {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec1-2-small.jpg)
}
.scroll-box .scroll-bg.active-two-a {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec3-small.jpg)
}
.scroll-box .scroll-bg.active-three {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec4-small.jpg)
}
.scroll-box .scroll-bg.active-four {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec5-small.jpg)
}
.scroll-box .scroll-bg.active-five {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec6-small.jpg)
}
.scroll-box .scroll-bg.active-six {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec7-small.jpg)
}
.scroll-box .scroll-bg.active-seven-a {
background-image: url(//niagaracorp.com/wp-content/themes/niagra/images/mission-imgs/bg-sec8-small.jpg)
}
}
@media (max-width:820px) {
#wrapper .nia-toilet .ps-widget {
position: static;
display: inline-block !important;
-webkit-transform: none;
transform: none;
margin-left: 0;
float: right;
min-width: 95px;
margin-top: 5px
}
.nia-toilet .col-right > li {
overflow: hidden
}
}
@media (max-width:768px) {
#product-image {
margin-bottom: 98px
}
.page-template-template-products .visual > img,
.single-custom_technology .visual > img {
max-height: 200px
}
.page-template-template-technology .text > strong,
.single-custom_technology .text > strong {
font-size: 29px
}
.page-template-template-technology .text > div,
.single-custom_technology .text > div {
margin-bottom: 20px
}
.page-template-template-technology .circle .text p,
.single-custom_technology .circle .text p {
font-size: 18px
}
.page-template-template-products .aerators .visual > img {
max-height: 150px
}
.intro h1 {
font-size: 40px
}
.page-template-template-products .visual > img,
.single-custom_technology .visual > img {
width: auto
}
.kits .description {
padding: 220px 0 0 !important;
width: 100%
}
.page-template-template-technology .circle,
.single-custom_technology .circle {
width: 320px;
border-width: 25px
}
.nia-toilet .col-right ul > li {
font-size: 15px;
width: 25% !important;
line-height: 22px
}
.nia-toilet .col-left > img {
max-width: 60%;
margin: 0 auto 30px
}
.nia-toilet .labels > li:before {
height: 70px;
margin-bottom: 20px
}
.nia-toilet .labels > li {
font-size: 13px !important
}
.page-template-template-technology .circle {
width: 350px
}
.kits.solution .description {
padding: 0 !important
}
.nia-toilet {
margin-bottom: 40px
}
.toilets-block > .holder {
padding: 0 25px
}
.kits.background .description {
padding-top: 0 !important;
width: 61%
}
.page-template-template-products .kits .visual,
.single-custom_technology .kits .visual {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%
}
#view-products {
bottom: auto;
top: 100%
}
.page-template-template-products .kits .holder,
.single-custom_technology .kits .holder {
position: relative
}
.page-template-template-products .kits {
background-position: left
}
.page-template-template-products .kits.background {
padding: 7vw 0
}
#featured-boxes.initiatives > .box h3 {
font-size: 3.4vw
}
.page-template-template-products .kits h3 {
font-size: 3.6vw
}
.page-template-template-products .kits .description p {
font-size: 2vw
}
.page-template-template-products .kits .btn-primary {
font-size: 2vw
}
.solution-block .col-left,
.solution-block .col-right {
width: 100%;
padding: 0;
margin-bottom: 30px
}
.initiatives .box > a {
font-size: 2.3vw
}
.next-steps .buttons .green.btn-primary {
margin-left: 40px
}
.next-steps .buttons .btn-primary {
font-size: 14px;
width: 150px
}
.solution-block p,
.subtitle-block p {
font-size: 14px
}
.solution-block h3 {
font-size: 25px
}
.solution-block {
padding: 10vw 0 300px
}
.title-box {
width: 75%;
padding: 30px 9% 20px
}
.intro.left .title-box h1 {
font-size: 7.5vw
}
.title-box p {
font-size: 2.9vw
}
.page-template-template-initiatives .intro {
height: 440px
}
}
@media (max-width:550px) {
#how-it-works-boxes > h3,
.kits h2,
.kits h3,
.tech-title {
font-size: 5vw
}
.page-template-template-technology .circle,
.single-custom_technology .circle {
max-width: 50%;
border-width: 20px
}
.page-template-template-technology .text > strong,
.single-custom_technology .text > strong {
font-size: 5vw
}
.nia-toilet .labels > li {
font-size: 2.68vw !important
}
.visual-one {
width: 25%
}
.scroll-box > p[class^=text-right] {
font-size: 4vw;
right: 50px;
width: 45%
}
.nia-toilet h2 {
font-size: 7vw
}
.nia-toilet h3 {
font-size: 4.2vw
}
.scroll-box .text-intro h1,
.scroll-box h1.text-outro {
font-size: 7vw
}
.scroll-box h1.text-outro {
width: 80%;
margin-top: -15%
}
.scroll-box > p.text-outro {
font-size: 4vw;
width: 80%
}
.scroll-box .read-now {
margin-top: 15%
}
.scroll-box .text-intro h2 {
font-size: 3.6vw
}
.scroll-box .scroll-side-nav > li {
height: 15px;
width: 15px;
border: 2px solid #6bb41f;
margin: 6px 1px
}
.nia-toilet .col-right > li {
margin-top: 6.4%
}
.nia-toilet .btn-primary {
font-size: 2.25vw;
min-width: 18.8vw;
padding: 4px 5px
}
#wrapper .nia-toilet .ps-widget {
font-size: 2.25vw;
min-width: 18.8vw
}
.nia-toilet .col-right ul > li {
font-size: 3.2vw
}
.after-scroll p {
font-size: 3.4vw
}
.page-template-template-technology .text > div,
.single-custom_technology .text > div {
margin-bottom: 20px
}
.nia-toilet .labels > li:before {
margin-bottom: 15px;
height: 0;
padding-top: 67%
}
.page-template-template-technology .circle .text p,
.single-custom_technology .circle .text p {
font-size: 3.4vw
}
.page-template-template-technology .circle .text p {
font-size: 3vw
}
.page-template-template-technology .text > div > img,
.single-custom_technology .text > div > img {
max-width: 44%
}
.page-template-template-technology .text > strong:after,
.single-custom_technology .text > strong:after {
font-size: 5vw;
line-height: .9
}
#how-it-works-boxes .box > p,
.col-three .box > p,
.col-three .box > strong,
.kits .description p {
font-size: 2.8vw
}
.col-three .box > p {
margin-bottom: 5%
}
.box .feat-icon {
max-width: 15%;
margin-bottom: 5%
}
.col-three > .box {
width: 100% !important
}
#featured-boxes.initiatives > .box h3,
.solution-block h3,
.subtitle-block h2 {
font-size: 6.9vw
}
.page-template-template-products .kits h3 {
font-size: 4.5vw
}
.page-template-template-products .kits .btn-primary,
.page-template-template-products .kits .description p {
font-size: 2.5vw
}
.initiatives .box > a,
.solution-block p,
.subtitle-block p {
font-size: 3.6vw
}
.solution-block p {
font-size: 4.2vw
}
.solution-block .col-right {
text-align: center
}
.solution-block .col-right > li {
width: 50%
}
.solution-block .background {
height: 0;
padding-top: 79%
}
.next-steps .buttons .btn-primary {
margin: 15px auto 0 !important;
display: block
}
}
#product-image .kits {
position: absolute;
background: 0 0;
color: #012856;
text-align: center;
width: 100%;
padding: 0;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
#product-image .kits .description {
text-align: center;
padding: 0 !important
}
#product-image .description h2,
#product-image .description p {
color: #012856
}
.hbspt-form .hs-form-field label {
font-family: Open Sans;
font-size: 14px !important;
text-transform: uppercase !important;
margin-bottom: 8px !important;
}
.slide-text-floating {
margin-top: 25vh;
background: #012856c2;
padding: 2rem 2rem 2rem 2rem !important;
color: #fff !important;
}
.slide-text-floating h1 {
color: #fff !important;
margin-bottom: 1rem !important;
}
.toilet-icons {
background-color: #002854;
padding: 4rem 0 1rem;
border-bottom: 1px solid #073363;
}
.toilet-icons .toilet-icon {
float: left;
width: 45%;
margin: 0 2.5%;
text-align: center;
color: #fff;
height: 200px;
}
@media (min-width: 768px) {
.toilet-icons .toilet-icon {
float: left;
width: 20%;
margin: 0 2.5%;
text-align: center;
color: #fff;
height: auto;
}
}
@media (max-width: 1090px) {
.col-three .box > p,
.col-three .box > strong {
font-size: 1.25vw;
}
}
.col-three .box > p,
.col-three .box > strong {
font-size: 1.35vw;
}
@media (min-width: 768px) {
.page-template-template-toilets .slide-text {
width: 66%;
}
}
.page-template-template-toilets #featured-boxes > .box {
padding: 5vw 4.75vw;
}
@media (min-width: 1091px) {
.page-template-template-toilets .slide-text {
padding: 18vh 0 5vh;
}
}
html {
scroll-behavior: smooth;
}
.representative-info h5 {
font-size: 1.125rem;
margin-bottom: 4px;
}
.representative-info ul {
list-style: none;
margin: 0;
padding: 0;
}
.representative-info li {
line-height: 1.5;
}
.representative-info li i {
color: #30a7c2;
margin-right: 6px;
}
.popup-box.region-popup {
border-color: #30a7c2;
padding: 40px;
}
.rep-map-wrapper {
margin-bottom: 60px;
}
.rep-map-wrapper .region g path {  }
.rep-map-wrapper .region.active g path {  }
.fancybox-overlay {
background: rgba(0, 0, 0, .75) !important;
}
.btn-large {
padding: 18px 60px;
} .showroom-video-wrapper {
background-color: transparent;
align-items: center;
display: flex;
height: 100vh;
position: relative;
}
.showroom-video-video {
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
width: 100%;
z-index: 0;
}
.showroom-video-content {
padding: 4rem;
position: relative;
z-index: 1;
}
.showroom-video-content h1 {
color: #fff;
font-size: 4rem;
font-weight: 800;
line-height: 1.3;
text-transform: uppercase;
}
.showroom-video-content p {
color: #fff;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
}
#modal-enterShowroom.lightbox.form-lightbox {
max-width: 100%;
}
#modal-enterShowroom,
.page-id-151624 .fancybox-skin {
background-color: #012856;
color: #fff;
}
#modal-enterShowroom .popup-box {
border: none;
}
#modal-enterShowroom .flex-grid {
display: flex;
justify-content: space-between;
}
#modal-enterShowroom .col {
text-align: center;
width: 31%;
}
@media (min-width: 1091px) {
.home .aligncenter .slide-text { padding: 5vh 0 5vh;
width: 65%;
}
}
.Xcontainer {
margin: 0 auto;
padding: 0 40px;
max-width: 1200px;
width: 100%;
}
.holder  .flex-2 {
display: flex;
flex-direction: row;
gap: 40px;
justify-content: flex-start;
flex-wrap: wrap;
}
.holder .flex-3 {
display: flex;
flex-direction: row;
gap: 40px;
justify-content: flex-start;
flex-wrap: wrap;
}
.holder .flex-2 > div {
box-sizing: border-box;
width: calc(50% - 40px);
}
.holder .flex-3 > div {
box-sizing: border-box;
width: calc(33% - 40px);
}
.holder.bidet-landing-intro {
padding-top: 60px;
padding-bottom: 60px;
} .page-template-template-bidet .cycle-gallery .mask,
.page-template-template-bidet .cycle-gallery .slide {
height: 65vh
}
.page-template-template-bidet .cycle-gallery .pagination {
display: none;
}
.page-template-template-bidet .slide-text {
padding: 8vh 0 5vh
}
.slide-text {
font-size: 30px;
line-height: 1.33
}
.bidet-landing-features {
background: #002854;
}
.bidet-feature {
color: #ffffff;
font-size: 20px;
padding: 3rem;
text-align: center;
}
.bidet-landing-products {
padding: 3rem 0;
}
.bidet-landing-product {
padding: 2rem;
}
.bidet-content {
position: relative;
text-align: center;
}
.bidet-hover-wrapper .post-featured-image {
display: flex;
align-items: center;
justify-content: center;
}
.bidet-hover-wrapper .post-featured-image .btn-primary {
display: none;
}
.bidet-hover-wrapper .post-featured-image:hover .btn-primary {
display: block;
}
.bidet-content h2 {
font-size: 20px;
font-weight: 600;
padding-top: 1rem;
}
.bidet-content h2 span{
color: #a0a0a0;
font-size: 18px;
font-weight: 500;
} .bidet-single-intro {
padding-top: 3rem;
}
.bidet-single-intro-content h1 {
color: #0f2d52;
font-size: 36px;
font-weight: 700;
margin-top: 5rem;
margin-bottom: 10px;
}
.bidet-single-intro-content h3 {
color: #308aa5;
font-size: 1.125rem;
font-weight: 600;
}
.product-specifications p {
font-size: 16px;
}
.product-specifications li {
font-size: 16px;
}
.bidet-single-extra {
margin: 5rem 0 3rem;
}
.retailer-buttons {
padding-top: 1rem;
}
.retailer-buttons .amazon-btn {
background: #212120;
border-radius: 5px;
}
.retailer-buttons .home-depot-btn {
background: #f96302;
border-radius: 5px;
}
.bidet-product-details {
background: #f7f7f7;
padding: 3rem;
}
.bidet-info {
border-top: 1px solid #e2e2e2;
font-size: 16px;
}
.bidet-info h3 {
color: #308aa5;
font-weight: 600;
padding-top: 2rem;
}
.documents-list {
font-size: 16px;
text-transform: uppercase;
margin: 0;
padding: 0;
list-style: none
}
.documents-list li {
margin: 0 0 15px;
font-size: 16px;
line-height: 1.25
}
.documents-list a {
color: #454545
}
.documents-list a:hover {
color: #009fc3
}
.single-custom_bidets .cycle-gallery {
max-height: 400px !important;
}
.single-custom_bidets .cycle-gallery .mask {
max-height: 280px !important;
}
@media (min-width: 1200px) {
.product-gallery .cycle-gallery .mask {
min-height: 380px;
}
}
.single-custom_bidets .cycle-gallery .pagination {
display: none;
}
.single-custom_bidets .intro-gallery .gallery-view {
border-radius: 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 500px;
max-width: 500px;
width: 100%;
overflow: hidden;
}
.single-custom_bidets .intro-gallery .gallery-view img {
border: 1px solid #f4f4f4;
border-radius: 5px;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.single-custom_bidets .intro-gallery .gallery-nav {
margin-top: 12px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
gap: 12px;
max-width: 500px;
width: 100%;
}
.single-custom_bidets .intro-gallery .gallery-nav .gallery-nav-item {
background: #fff;
border: 1px solid #f4f4f4;
border-radius: 5px;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 100px;
margin: 0;
overflow: hidden;
}
.single-custom_bidets .intro-gallery .gallery-nav .gallery-nav-item img {
border-radius: 5px;
height: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}