/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
@charset "UTF-8";
/*!
Theme Name: Helander
Theme URI: http://julian.is
Description: Default theme for Helander.
Version: 1.0
Author: Julian Gaviria
Author URI: julian.is
Tags: starkers, naked, clean, basic, html5, boilerplate, sass, smacss
*/
html {
box-sizing: border-box; }
*, *::after, *::before {
box-sizing: inherit; }
/* Bitters 0.10.0
* http://bitters.bourbon.io
* Copyright 2013-2014 thoughtbot, inc.
* MIT License */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 0; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/*
This class is supposed to be assigned to the parent of items you need organized. Example below:
This would give you 2 rows with 2 columns.
*/
.rows-of-2 {
display: block; }
.rows-of-2::after {
clear: both;
content: "";
display: table; }
.rows-of-2 > * {
margin-bottom: 1.5em;
display: block;
position: relative; }
.rows-of-2 > * > *:first-child {
margin-top: 0; }
@media (min-width: 40em) {
.rows-of-2 > * {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%; }
.rows-of-2 > *:last-child {
margin-right: 0; }
.rows-of-2 > *:nth-child(2n) {
margin-right: 0; }
.rows-of-2 > *:nth-child(2n+1) {
clear: left; }
.rows-of-2 > *:nth-last-child(2):last-child {
margin-bottom: 0 !important; }
.rows-of-2 > *:nth-last-child(1):last-child {
margin-bottom: 0 !important; } }
.lt-ie9 .rows-of-2 {
display: block; }
.lt-ie9 .rows-of-2::after {
clear: both;
content: "";
display: table; }
.lt-ie9 .rows-of-2 > * {
margin-bottom: 1.5em;
display: block;
position: relative; }
.lt-ie9 .rows-of-2 > * > *:first-child {
margin-top: 0; }
@media (min-width: 40em) {
.lt-ie9 .rows-of-2 > * {
float: left;
width: 50% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 1em;
padding-right: 1em;
display: inline-block !important;
clear: none !important; } }
.rows-of-3 {
display: block; }
.rows-of-3::after {
clear: both;
content: "";
display: table; }
.rows-of-3 > * {
margin-bottom: 1.5em;
display: block;
position: relative; }
.rows-of-3 > * > *:first-child {
margin-top: 0; }
@media (min-width: 40em) {
.rows-of-3 > * {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%; }
.rows-of-3 > *:last-child {
margin-right: 0; }
.rows-of-3 > *:nth-child(3n) {
margin-right: 0; }
.rows-of-3 > *:nth-child(3n+1) {
clear: left; } }
.lt-ie9 .rows-of-3 {
display: block; }
.lt-ie9 .rows-of-3::after {
clear: both;
content: "";
display: table; }
.lt-ie9 .rows-of-3 > * {
margin-bottom: 1.5em;
display: block;
position: relative; }
.lt-ie9 .rows-of-3 > * > *:first-child {
margin-top: 0; }
@media (min-width: 40em) {
.lt-ie9 .rows-of-3 > * {
float: left;
width: 33.3% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 1em;
padding-right: 1em; } }
.rows-of-4 {
display: block; }
.rows-of-4::after {
clear: both;
content: "";
display: table; }
.rows-of-4 > * {
margin-bottom: 1.5em;
display: block;
position: relative; }
.rows-of-4 > * > *:first-child {
margin-top: 0; }
@media (min-width: 40em) {
.rows-of-4 > * {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%; }
.rows-of-4 > *:last-child {
margin-right: 0; }
.rows-of-4 > *:nth-child(4n) {
margin-right: 0; }
.rows-of-4 > *:nth-child(4n+1) {
clear: left; } }
.lt-ie9 .rows-of-4 {
display: block; }
.lt-ie9 .rows-of-4::after {
clear: both;
content: "";
display: table; }
.lt-ie9 .rows-of-4 > * {
margin-bottom: 1.5em;
display: block;
position: relative; }
.lt-ie9 .rows-of-4 > * > *:first-child {
margin-top: 0; }
@media (min-width: 40em) {
.lt-ie9 .rows-of-4 > * {
float: left;
width: 25% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 1em;
padding-right: 1em; } }
@media (max-width: 40em) {
.mobile-rows-of-2 {
display: block; }
.mobile-rows-of-2::after {
clear: both;
content: "";
display: table; }
.mobile-rows-of-2 > * {
margin-bottom: 1.5em;
display: block;
position: relative;
float: left;
display: block;
margin-right: 7.4229703521%;
width: 46.288514824%; }
.mobile-rows-of-2 > * > *:first-child {
margin-top: 0; }
.mobile-rows-of-2 > *:nth-last-child(1) {
background-color: red;
margin-bottom: 0; }
.mobile-rows-of-2 > *:nth-last-child(2) {
background-color: green;
margin-bottom: 0; }
.mobile-rows-of-2 > *:last-child {
margin-right: 0; }
.mobile-rows-of-2 > *:nth-child(2n) {
margin-right: 0; }
.mobile-rows-of-2 > *:nth-child(2n+1) {
clear: left; } }
.row {
display: block;
clear: both; }
.row::after {
clear: both;
content: "";
display: table; }
@media (min-width: 40em) {
.col-1 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 6.1721527019%; }
.col-1:last-child {
margin-right: 0; }
.col-2 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 14.7019570017%; }
.col-2:last-child {
margin-right: 0; }
.col-3 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%; }
.col-3:last-child {
margin-right: 0; }
.col-4 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%; }
.col-4:last-child {
margin-right: 0; }
.col-5 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 40.2913699012%; }
.col-5:last-child {
margin-right: 0; }
.col-6 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%; }
.col-6:last-child {
margin-right: 0; }
.col-7 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 57.3509785009%; }
.col-7:last-child {
margin-right: 0; }
.col-8 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 65.8807828007%; }
.col-8:last-child {
margin-right: 0; }
.col-9 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 74.4105871005%; }
.col-9:last-child {
margin-right: 0; }
.col-10 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 82.9403914003%; }
.col-10:last-child {
margin-right: 0; }
.col-11 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 91.4701957002%; }
.col-11:last-child {
margin-right: 0; }
.col-12 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%; }
.col-12:last-child {
margin-right: 0; }
.col-last {
margin-right: 0;
margin-right: 0 !important; } }
body {
-webkit-font-smoothing: antialiased;
background-color: white;
color: #1c1c1c;
font-family: "Roboto", sans-serif;
font-size: 1em;
line-height: 1.5;
/*@include mq(mediumv) {
font-size:.875em;
}
@include mq(smallv) {
font-size:.75em;
}*/ }
.display-font-size {
font-size: 2.3625em; }
@media (min-width: 60em) {
.display-font-size {
font-size: 2.625em; } }
.xlarge-font-size {
font-size: 1.59375em; }
@media (min-width: 40em) {
.xlarge-font-size {
font-size: 1.9125em; } }
@media (min-width: 60em) {
.xlarge-font-size {
font-size: 2.125em; } }
.large-font-size {
font-size: 1.5em; }
@media (min-width: 60em) {
.large-font-size {
font-size: 1.875em; } }
.medium-font-size {
font-size: 1.23em;
margin-bottom: 2em;
margin-top: 1.75em; }
@media (min-width: 60em) {
.medium-font-size {
font-size: 1.5em; } }
.base-font-size {
font-size: 1.0625em; }
@media (min-width: 40em) {
.base-font-size {
font-size: 1.125em; } }
@media (min-width: 60em) {
.base-font-size {
font-size: 1.125em; } }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Titillium Web", sans-serif;
line-height: 1.25;
margin: 0;
font-weight: 700;
color: #526699; }
.h1,
h1 {
font-size: 2.3625em;
line-height: 1.2444444444em;
margin-top: 0;
margin-bottom: 24px; }
@media (min-width: 60em) {
.h1,
h1 {
font-size: 2.625em; } }
h2,
.h2 {
font-size: 1.59375em;
margin-top: 24px;
margin-bottom: 16px; }
@media (min-width: 40em) {
h2,
.h2 {
font-size: 1.9125em; } }
@media (min-width: 60em) {
h2,
.h2 {
font-size: 2.125em; } }
.h3,
h3 {
font-size: 1.5em;
margin-top: 24px;
margin-bottom: 16px; }
@media (min-width: 60em) {
.h3,
h3 {
font-size: 1.875em; } }
.h4,
h4 {
font-size: 1.23em;
margin-top: 24px;
margin-bottom: 16px; }
@media (min-width: 60em) {
.h4,
h4 {
font-size: 1.5em; } }
.h5,
h5 {
font-size: 1.25em;
line-height: 1.5em;
margin-top: 24px;
margin-bottom: 16px; }
h6 {
font-size: 1.125em;
line-height: 1.3333333333em;
margin-top: 24px;
margin-bottom: 16px; }
p {
margin: 0 0 16px;
font-size: 1.125em;
line-height: 1.5em; }
.emph, .section-header-wrap p, .page-intro p {
font-family: "Roboto", sans-serif;
font-size: 1.25em;
line-height: 1.7em;
font-weight: 500;
font-style: normal;
color: #526699;
margin: 0.8em 0 1.5em; }
a {
color: #3273D8;
text-decoration: underline;
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
transition: color 0.1s linear; }
a:focus, a:hover {
color: #1e519f;
/*color: inherit;*/
text-decoration: none; }
a:focus {
outline: none; }
a:focus:not(:active):not(:hover) {
outline: 2px dashed red;
outline-offset: 1px; }
hr {
border-bottom: 1px solid #484848;
border-left: none;
border-right: none;
border-top: none;
margin: 3.125em 0 1.25em; }
img,
picture {
margin: 0;
max-width: 100%; }
blockquote {
padding: 0;
margin: 0; }
cite {
color: #5c5c5c;
font-style: italic; }
cite:before {
content: "\2014 \00A0"; }
iframe {
max-width: 100%; }
/*
Forms
Lists
Tables
*/
/* Forms */
fieldset {
background: #626161;
border: 1px solid #484848;
margin: 0 0 0.75em 0;
padding: 1.5em; }
input,
label,
select {
display: block;
font-family: "Roboto", sans-serif;
font-size: 1.125em; }
label {
font-weight: bold;
margin-bottom: 0.375em; }
label.required:after {
content: "*"; }
label abbr {
display: none; }
textarea,
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea,
select[multiple=multiple],
select {
box-sizing: border-box;
-webkit-transition: border-color;
-moz-transition: border-color;
transition: border-color;
background-color: white;
border-radius: 0;
border: 1px solid #484848;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
font-family: "Roboto", sans-serif;
font-size: 1.125em;
margin-bottom: 0.75em;
padding: 0.5em 0.5em;
width: 100%; }
textarea:focus, textarea:hover,
input[type="color"]:focus,
input[type="color"]:hover, input[type="date"]:focus, input[type="date"]:hover, input[type="datetime"]:focus, input[type="datetime"]:hover, input[type="datetime-local"]:focus, input[type="datetime-local"]:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="month"]:focus, input[type="month"]:hover, input[type="number"]:focus, input[type="number"]:hover, input[type="password"]:focus, input[type="password"]:hover, input[type="search"]:focus, input[type="search"]:hover, input[type="tel"]:focus, input[type="tel"]:hover, input[type="text"]:focus, input[type="text"]:hover, input[type="time"]:focus, input[type="time"]:hover, input[type="url"]:focus, input[type="url"]:hover, input[type="week"]:focus, input[type="week"]:hover, textarea:focus, textarea:hover,
select[multiple=multiple]:focus,
select[multiple=multiple]:hover,
select:focus,
select:hover {
border-color: #2f2e2e; }
textarea:focus,
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus,
select[multiple=multiple]:focus,
select:focus {
border-color: #3273D8;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(38, 103, 202, 0.7);
outline: none; }
textarea {
resize: vertical; }
input[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
input[type="checkbox"],
input[type="radio"] {
display: inline;
margin-right: 0.375em;
width: auto !important; }
input[type="file"] {
margin-bottom: 0.75em;
width: 100%; }
select {
margin-bottom: 1.5em;
max-width: 100%;
height: 2.3em !important;
width: 100%; }
.hs-form fieldset {
max-width: 100% !important;
background-color: transparent !important; }
.hs-form fieldset.form-columns-1 .hs-input {
width: 100% !important; }
.hs-error-msgs {
color: red; }
a:hover, a:focus {
color: #1e519f; }
/*strong{
color: $light-blue;
}*/
/* Lists */
ul,
ol {
margin: 0;
padding: 0;
list-style-type: none; }
dl {
margin-bottom: 0.75em; }
dl dt {
font-weight: bold;
margin-top: 0.75em; }
dl dd {
margin: 0; }
/*ul:not([class]) {
clear: left;
list-style-type: none;
margin-bottom: $base-spacing / 2;
padding-left: $base-spacing;
li:not([class]) {
position: relative;
font-size: $base-font-size;
line-height: 1.5em;
// p {
// font-size: 1em;
// }
a {
text-decoration: none;
font-weight: normal;
}
&:after {
content: '';
width: 4px;
height: 4px;
display: block;
position: absolute;
top: 50%;
left: em(-11,17);
background-color: $light-blue;
border-radius: 50%;
@include transform(translateY(-50%));
}
}
}*/
ul:not([class]),
ul.bullet-style {
clear: left;
list-style-type: none;
margin-bottom: 0;
padding-left: 1.0625em; }
ul:not([class]) li,
ul.bullet-style li {
position: relative;
margin-bottom: 0.2222222222em;
font-size: 1.125em;
line-height: 1.5555555556em;
font-weight: 400;
color: #1c1c1c;
font-family: "Roboto", sans-serif; }
ul:not([class]) li a,
ul.bullet-style li a {
text-decoration: none;
font-weight: normal; }
ul:not([class]) li:after,
ul.bullet-style li:after {
content: '';
width: 5px;
height: 5px;
display: block;
position: absolute;
top: 0.6666666667em;
left: -0.6111111111em;
background-color: #526699;
border-radius: 50%;
overflow: hidden; }
ul:not([class]) li ul,
ul.bullet-style li ul {
margin: 0;
padding-left: 1.5em; }
ul:not([class]) li ul li,
ul.bullet-style li ul li {
font-family: "Roboto", sans-serif !important;
margin-bottom: 0.2222222222em !important;
font-size: 1em !important;
line-height: 1.5555555556em !important;
font-weight: 400 !important;
color: #1c1c1c !important; }
ul:not([class]) li ul li:after,
ul.bullet-style li ul li:after {
width: 4px !important;
height: 4px !important;
top: 0.7222222222em !important;
left: -0.6111111111em !important;
background-color: #526699 !important;
border-radius: 50% !important;
overflow: hidden; }
ol {
clear: left;
list-style-type: none;
list-style-position: outside;
counter-reset: custom-counter;
margin-bottom: 0.75em;
padding-left: 0; }
ol li {
margin-bottom: 0.2222222222em;
color: #1c1c1c;
font-size: 1.125em;
line-height: 1.5555555556em;
font-weight: 400;
font-family: "Roboto", sans-serif;
counter-increment: custom-counter; }
ol li:before {
content: counter(custom-counter) " ";
color: #526699;
font-weight: 700; }
ol li a {
text-decoration: none;
font-weight: normal; }
ol li ol {
margin: 0;
list-style-type: none;
counter-reset: custom-counter;
padding-left: 1.5em; }
ol li ol li {
font-family: "Roboto", sans-serif !important;
margin-bottom: 0.2222222222em !important;
font-size: 1em !important;
line-height: 1.5555555556em !important;
font-weight: 400 !important;
color: #1c1c1c !important;
counter-increment: custom-counter; }
ol li ol li:before {
content: counter(custom-counter, lower-alpha) " ";
color: #526699;
font-weight: 700; }
/* Tables */
table {
border-collapse: collapse;
margin: 0.75em 0;
table-layout: fixed;
width: 100%;
color: #72716E; }
th {
font-weight: bold;
padding: 0.3125em 0.625em;
text-align: left;
color: #526699; }
td {
padding: 0.3125em 0.625em; }
td ul {
font-size: 0.875em; }
tr,
td,
th {
vertical-align: middle; }
tbody tr:nth-child(odd) {
background-color: #EFEFEF; }
/*=============== Spec Tables ===============*/
.spec-table {
display: block;
width: 100%;
margin-bottom: 1.5em;
background: white; }
.spec-thead {
display: block; }
.spec-table-row {
display: block;
width: 100%; }
.spec-cell {
display: block;
border: 0.2em solid #fff;
padding: .5em .8em;
vertical-align: top; }
.spec-cell p {
margin: .5em 0; }
.spec-cell > ul {
margin: .5em 0; }
.spec-cell > ul > li {
margin-bottom: 0 !important; }
.spec-cell > ul > li ul {
padding: 0 0 0 1.8em; }
.spec-cell input,
.spec-cell select {
width: 100%; }
.spec-col {
display: table-column; }
.spec-col-1 {
width: 100%; }
.spec-col-2 {
width: 100%; }
@media (min-width: 40em) {
.spec-table {
display: table; }
.spec-thead {
display: table-header-group; }
.spec-table-row {
display: table-row; }
.spec-cell {
display: table-cell; }
.spec-cell p {
font-size: 1em; }
.spec-spec-col-1 {
width: 30%; }
.spec-spec-col-2 {
width: 70%; } }
/*Other*/
iframe,
.popup-youtube {
max-width: 100%; }
.btn, .btn-rfq, .btn-color, button,
input[type="submit"], .btn-download, .btn-arrow, .product-grid-item-link, .btn-alt, .btn-alt-download, .btn-alt-arrow, .btn-color-alt {
-webkit-font-smoothing: antialiased;
padding: 0.6944444444em 1.5555555556em;
border: 2px solid #3273D8;
border-radius: 3px;
display: inline-block;
position: relative;
color: white;
font-family: "Titillium Web", sans-serif;
font-size: 1.125em;
font-weight: 700;
line-height: 1.1666666667em;
text-decoration: none;
text-align: center;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
transition: background 0.2s; }
.btn:focus, .btn-rfq:focus, .btn-color:focus, button:focus,
input:focus[type="submit"], .btn-download:focus, .btn-arrow:focus, .product-grid-item-link:focus, .btn-alt:focus, .btn-alt-download:focus, .btn-alt-arrow:focus, .btn-color-alt:focus, .btn:hover, .btn-rfq:hover, .btn-color:hover, button:hover,
input:hover[type="submit"], .btn-download:hover, .btn-arrow:hover, .product-grid-item-link:hover, .btn-alt:hover, .btn-alt-download:hover, .btn-alt-arrow:hover, .btn-color-alt:hover {
border-color: #526699;
background-color: #526699;
color: #fff; }
.btn:disabled, .btn-rfq:disabled, .btn-color:disabled, button:disabled,
input:disabled[type="submit"], .btn-download:disabled, .btn-arrow:disabled, .product-grid-item-link:disabled, .btn-alt:disabled, .btn-alt-download:disabled, .btn-alt-arrow:disabled, .btn-color-alt:disabled {
cursor: not-allowed;
opacity: 0.5; }
.btn:after, .btn-rfq:after, .btn-color:after, button:after,
input[type="submit"]:after, .btn-download:after, .btn-arrow:after, .product-grid-item-link:after, .btn-alt:after, .btn-alt-download:after, .btn-alt-arrow:after, .btn-color-alt:after {
content: ''; }
.btn, .btn-rfq, .btn-color, button,
input[type="submit"], .btn-download, .btn-arrow, .product-grid-item-link {
background-color: #3273D8;
color: #fff;
padding: 0.6944444444em 1.5555555556em; }
.btn:focus, .btn-rfq:focus, .btn-color:focus, button:focus,
input:focus[type="submit"], .btn-download:focus, .btn-arrow:focus, .product-grid-item-link:focus, .btn:hover, .btn-rfq:hover, .btn-color:hover, button:hover,
input:hover[type="submit"], .btn-download:hover, .btn-arrow:hover, .product-grid-item-link:hover {
border-color: #526699;
background-color: #526699;
color: #fff; }
.btn-alt, .btn-alt-download, .btn-alt-arrow {
border: 2px solid #3273D8;
padding: 0.6944444444em 1.5555555556em;
background-color: transparent;
color: #3273D8; }
.btn-alt:focus, .btn-alt-download:focus, .btn-alt-arrow:focus, .btn-alt:hover, .btn-alt-download:hover, .btn-alt-arrow:hover {
border-color: #526699;
background-color: #526699;
color: #fff; }
.btn-rfq {
min-width: 10.5555555556em;
/*padding: em(18,18) em(28,18) em(18, 18);*/ }
.btn-color {
/*font-size: em(18);
background-color: $light-gray;
border:2px solid $light-gray;
color: $blue;
padding: em(12.5,18) em(28,18);
&:focus,
&:hover {
border-color: $navy-blue;
background-color: $navy-blue;
color: $white;
}*/ }
.btn-color-alt {
background-color: transparent;
border: 2px solid #f2f2f2;
color: #f2f2f2;
padding: 0.6944444444em 1.5555555556em; }
.btn-color-alt:focus, .btn-color-alt:hover {
border-color: #526699;
background-color: #526699;
color: #fff; }
.btn-link-arrow {
padding-right: 1.1111111111em;
display: inline-block;
position: relative;
color: #3273D8;
font-family: "Titillium Web", sans-serif;
font-size: 1.125em;
font-weight: 700;
line-height: 1.5em;
text-decoration: none; }
.btn-link-arrow:after {
content: '';
width: 10px;
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/arrow-angle-right-blue.svg) center 9px/7px no-repeat;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
transition: background 0.1s linear; }
.btn-link-arrow:hover, .btn-link-arrow:focus {
color: #526699;
text-decoration: none; }
.btn-link-arrow:hover:after, .btn-link-arrow:focus:after {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/arrow-angle-right-navy-blue.svg) center 9px/7px no-repeat; }
.btn-link-arrow-on-color {
padding-right: 1.1111111111em;
display: inline-block;
position: relative;
color: #fff;
font-family: "Titillium Web", sans-serif;
font-size: 1.125em;
font-weight: 700;
line-height: 1.5em;
text-decoration: none; }
.btn-link-arrow-on-color:after {
content: '';
width: 10px;
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/arrow-angle-right-white.svg) center center/7px no-repeat;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
transition: background 0.1s linear; }
.btn-link-arrow-on-color:hover, .btn-link-arrow-on-color:focus {
color: #3273D8;
text-decoration: none; }
.btn-link-arrow-on-color:hover:after, .btn-link-arrow-on-color:focus:after {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/arrow-angle-right-blue.svg) center center/7px no-repeat; }
button,
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: none;
cursor: pointer;
user-select: none;
vertical-align: middle;
white-space: nowrap; }
button:focus:not(:hover):not(:active),
input[type="submit"]:focus:not(:hover):not(:active) {
outline: 2px dashed #3273D8;
outline-offset: 2px; }
.btn-download, .btn-alt-download, .btn-arrow, .btn-alt-arrow {
padding-right: 4em; }
.btn-download:after, .btn-alt-download:after, .btn-arrow:after, .btn-alt-arrow:after {
content: '';
display: block;
right: 0;
top: 0;
bottom: 0;
width: 3em;
position: absolute;
background-position: center center;
background-size: 1.5em;
background-repeat: no-repeat;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
transition: background 0.1s linear; }
.btn-download:hover:after, .btn-alt-download:hover:after, .btn-arrow:hover:after, .btn-alt-arrow:hover:after {
background-size: 2em; }
.btn-download:after {
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-download.svg); }
.btn-alt-download:after {
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-download.svg); }
.btn-arrow:after {
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-white-arrow-right.svg); }
.btn-alt-arrow:after {
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-white-arrow-right.svg); }
.site-nav,
#hs_menu_wrapper_primary_nav {
background-color: #fff; }
@media (max-width: 959px) {
.site-nav,
#hs_menu_wrapper_primary_nav {
max-height: calc(100vh - 51px);
overflow-y: auto; } }
@media (min-width: 60em) {
.site-nav,
#hs_menu_wrapper_primary_nav {
display: block;
position: relative;
top: 0;
left: 0;
background-color: transparent; } }
.sn-level-1,
#hs_menu_wrapper_primary_nav > ul {
margin: 0;
padding: 0;
border-top: 1px solid rgba(28, 28, 28, 0.2);
font-family: "Titillium Web", sans-serif;
font-weight: 700; }
@media (min-width: 60em) {
.sn-level-1,
#hs_menu_wrapper_primary_nav > ul {
height: 6.625em;
border: none;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; } }
.sn-li-l1,
.hs-menu-depth-1 {
display: block;
background-color: #fff;
border-bottom: 1px solid rgba(28, 28, 28, 0.2); }
.sn-li-l1 span,
.hs-menu-depth-1 span {
font-size: 1.0625em;
font-weight: 700;
white-space: nowrap; }
.sn-li-l1 > a,
.hs-menu-depth-1 > a {
margin: 0 1em;
display: inline-block;
line-height: 3.125em;
border-bottom: 4px solid transparent;
padding: 0 2.0588235294em 0 0;
height: 3.125em;
color: #1c1c1c;
text-decoration: none; }
.sn-li-l1 > a:visited,
.hs-menu-depth-1 > a:visited {
color: #1c1c1c; }
.sn-li-l1 > a:focus, .sn-li-l1 > a:hover,
.hs-menu-depth-1 > a:focus,
.hs-menu-depth-1 > a:hover {
color: #1A51A5; }
.sn-li-l1:focus > a, .sn-li-l1:hover > a,
.hs-menu-depth-1:focus > a,
.hs-menu-depth-1:hover > a {
color: #1A51A5;
border-color: #1A51A5; }
.sn-li-l1:focus.menu-item-has-children .m-subnav-arrow, .sn-li-l1:hover.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-1:focus.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-1:hover.menu-item-has-children .m-subnav-arrow {
border-top-color: #fff; }
.sn-li-l1.has-subnav, .sn-li-l1.menu-item-has-children, .sn-li-l1.hs-item-has-children,
.hs-menu-depth-1.has-subnav,
.hs-menu-depth-1.menu-item-has-children,
.hs-menu-depth-1.hs-item-has-children {
position: relative; }
.sn-li-l1.has-subnav .m-subnav-arrow, .sn-li-l1.menu-item-has-children .m-subnav-arrow, .sn-li-l1.hs-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.has-subnav .m-subnav-arrow,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
cursor: pointer;
padding-right: 0em;
width: 15px;
height: 11px;
display: inline-block;
margin-bottom: 1.12em;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/nav-down-arrow-blue.svg) center no-repeat;
background-size: 14px;
display: inline-block;
vertical-align: bottom;
position: absolute;
right: 16px;
top: 20px; }
.sn-li-l1.has-subnav .m-subnav-arrow.active, .sn-li-l1.menu-item-has-children .m-subnav-arrow.active, .sn-li-l1.hs-item-has-children .m-subnav-arrow.active,
.hs-menu-depth-1.has-subnav .m-subnav-arrow.active,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow.active,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
@media (min-width: 60em) {
.sn-li-l1.has-subnav .m-subnav-arrow, .sn-li-l1.menu-item-has-children .m-subnav-arrow, .sn-li-l1.hs-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.has-subnav .m-subnav-arrow,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
display: none; } }
.sn-li-l1.has-subnav > a, .sn-li-l1.menu-item-has-children > a, .sn-li-l1.hs-item-has-children > a,
.hs-menu-depth-1.has-subnav > a,
.hs-menu-depth-1.menu-item-has-children > a,
.hs-menu-depth-1.hs-item-has-children > a {
display: inline-block;
vertical-align: top; }
@media (min-width: 60em) {
.sn-li-l1,
.hs-menu-depth-1 {
height: 6.625em;
float: left;
border-bottom: 0;
padding: 0;
background-color: transparent;
text-align: center; }
.sn-li-l1 span,
.hs-menu-depth-1 span {
margin-bottom: 0.2857142857em;
font-size: 0.875em;
line-height: 1em;
display: inline-block;
vertical-align: middle; }
.sn-li-l1:not(:last-child),
.hs-menu-depth-1:not(:last-child) {
border-bottom: 0;
/*margin-right: 4%;*/ }
.sn-li-l1 > a,
.hs-menu-depth-1 > a {
height: 6.625em;
padding: 0 0.5714285714em;
margin: 0;
display: block;
line-height: 6.625em;
color: #1c1c1c;
position: relative; }
.sn-li-l1 > a:visited,
.hs-menu-depth-1 > a:visited {
color: #1c1c1c; }
.sn-li-l1 > a:focus, .sn-li-l1 > a:hover,
.hs-menu-depth-1 > a:focus,
.hs-menu-depth-1 > a:hover {
color: #3273D8; }
.sn-li-l1:last-child .sn-level-5, .sn-li-l1:last-child .sn-level-4, .sn-li-l1:last-child .sn-level-3,
.hs-menu-depth-1:last-child .sn-level-5,
.hs-menu-depth-1:last-child .sn-level-4,
.hs-menu-depth-1:last-child .sn-level-3 {
left: -100%; }
.sn-li-l1.has-subnav, .sn-li-l1.menu-item-has-children, .sn-li-l1.hs-item-has-children,
.hs-menu-depth-1.has-subnav,
.hs-menu-depth-1.menu-item-has-children,
.hs-menu-depth-1.hs-item-has-children {
position: static;
/*> a span {
padding-right: em(19, 18);
position: relative;
&:after {
content: '';
width: 12px;
height: 8px;
position: absolute;
right: 0;
bottom: 3px;
display: inline-block;
background: url(img/icons/nav-down-arrow.png) center no-repeat;
background-size: contain;
}
}*/ }
.sn-li-l1.has-subnav > a span, .sn-li-l1.menu-item-has-children > a span, .sn-li-l1.hs-item-has-children > a span,
.hs-menu-depth-1.has-subnav > a span,
.hs-menu-depth-1.menu-item-has-children > a span,
.hs-menu-depth-1.hs-item-has-children > a span {
padding-right: 0.8571428571em;
position: relative;
display: inline-block; }
.sn-li-l1.has-subnav > a span:after, .sn-li-l1.menu-item-has-children > a span:after, .sn-li-l1.hs-item-has-children > a span:after,
.hs-menu-depth-1.has-subnav > a span:after,
.hs-menu-depth-1.menu-item-has-children > a span:after,
.hs-menu-depth-1.hs-item-has-children > a span:after {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
width: 0.5714285714em;
height: 0.5714285714em;
background-image: url("https://metalspinning.helandermetal.com/hubfs/img/icons/nav-down-arrow-blue.svg");
background-position: right center;
background-repeat: no-repeat;
background-size: 0.5714285714em; }
.sn-li-l1:focus.has-subnav > a span:after, .sn-li-l1:focus.menu-item-has-children > a span:after, .sn-li-l1:focus.hs-item-has-children > a span:after, .sn-li-l1:hover.has-subnav > a span:after, .sn-li-l1:hover.menu-item-has-children > a span:after, .sn-li-l1:hover.hs-item-has-children > a span:after,
.hs-menu-depth-1:focus.has-subnav > a span:after,
.hs-menu-depth-1:focus.menu-item-has-children > a span:after,
.hs-menu-depth-1:focus.hs-item-has-children > a span:after,
.hs-menu-depth-1:hover.has-subnav > a span:after,
.hs-menu-depth-1:hover.menu-item-has-children > a span:after,
.hs-menu-depth-1:hover.hs-item-has-children > a span:after {
-webkit-transform: translateY(-50%) rotate(-180deg);
-moz-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
-o-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg); }
.sn-li-l1:focus .sn-level-2,
.sn-li-l1:focus .hs-menu-children-wrapper, .sn-li-l1:hover .sn-level-2,
.sn-li-l1:hover .hs-menu-children-wrapper,
.hs-menu-depth-1:focus .sn-level-2,
.hs-menu-depth-1:focus .hs-menu-children-wrapper,
.hs-menu-depth-1:hover .sn-level-2,
.hs-menu-depth-1:hover .hs-menu-children-wrapper {
display: block !important; }
.sn-li-l1:focus > a, .sn-li-l1:hover > a,
.hs-menu-depth-1:focus > a,
.hs-menu-depth-1:hover > a {
color: #3273D8; } }
@media (min-width: 80em) {
.sn-li-l1 > a,
.hs-menu-depth-1 > a {
padding: 0 13px; }
.sn-li-l1 span,
.hs-menu-depth-1 span {
font-size: 1.125em;
line-height: 1em; } }
.sn-level-2,
.hs-menu-children-wrapper {
border-top: none;
padding: 0;
margin: 0;
display: none;
background-color: #D7DAED;
position: relative; }
.sn-level-2.active,
.hs-menu-children-wrapper.active {
display: block; }
@media (min-width: 60em) {
.sn-level-2,
.hs-menu-children-wrapper {
width: 14.375em;
max-width: 100%;
position: absolute;
border-top: 0;
border-radius: 0 0 3px 3px;
padding: 0.625em 0; }
.sn-level-2.active,
.hs-menu-children-wrapper.active {
display: none; } }
@media (min-width: 80em) {
.sn-level-2,
.hs-menu-children-wrapper {
width: 21.125em; } }
@media screen and (max-width: 959px) {
.sn-level-2,
.hs-menu-children-wrapper {
display: none !important; }
.sn-level-2.active,
.hs-menu-children-wrapper.active {
display: block !important; } }
.sn-li-l2, .sn-li-l3, .sn-li-l4, .sn-li-l5,
.hs-menu-depth-2 {
background-color: #D7DAED;
border-top: none; }
.sn-li-l2 > a, .sn-li-l3 > a, .sn-li-l4 > a, .sn-li-l5 > a,
.hs-menu-depth-2 > a {
padding: 0 2.0588235294em 0 0;
color: #1c1c1c;
border: 0;
display: block;
text-decoration: none;
line-height: 2.1875em; }
.sn-li-l2 > a span, .sn-li-l3 > a span, .sn-li-l4 > a span, .sn-li-l5 > a span,
.hs-menu-depth-2 > a span {
font-size: 1.0625em;
line-height: 1.4117647059em;
display: block;
vertical-align: middle;
padding: 0.4117647059em 0 0.4117647059em 1.9411764706em;
font-weight: 700;
text-transform: none;
margin: 0;
white-space: normal; }
.sn-li-l2 > a:focus, .sn-li-l3 > a:focus, .sn-li-l4 > a:focus, .sn-li-l5 > a:focus, .sn-li-l2 > a:hover, .sn-li-l3 > a:hover, .sn-li-l4 > a:hover, .sn-li-l5 > a:hover,
.hs-menu-depth-2 > a:focus,
.hs-menu-depth-2 > a:hover {
color: #3273D8; }
.sn-li-l2:first-of-type, .sn-li-l3:first-of-type, .sn-li-l4:first-of-type, .sn-li-l5:first-of-type,
.hs-menu-depth-2:first-of-type {
border-top: 0; }
.sn-li-l2:first-of-type > a, .sn-li-l3:first-of-type > a, .sn-li-l4:first-of-type > a, .sn-li-l5:first-of-type > a,
.hs-menu-depth-2:first-of-type > a {
border-top: 0; }
.sn-li-l2:last-child > a, .sn-li-l3:last-child > a, .sn-li-l4:last-child > a, .sn-li-l5:last-child > a,
.hs-menu-depth-2:last-child > a {
border-bottom: 0; }
.sn-li-l2.has-subnav, .has-subnav.sn-li-l3, .has-subnav.sn-li-l4, .has-subnav.sn-li-l5, .sn-li-l2.menu-item-has-children, .menu-item-has-children.sn-li-l3, .menu-item-has-children.sn-li-l4, .menu-item-has-children.sn-li-l5, .sn-li-l2.hs-item-has-children, .hs-item-has-children.sn-li-l3, .hs-item-has-children.sn-li-l4, .hs-item-has-children.sn-li-l5,
.hs-menu-depth-2.has-subnav,
.hs-menu-depth-2.menu-item-has-children,
.hs-menu-depth-2.hs-item-has-children {
position: relative; }
.sn-li-l2.has-subnav .m-subnav-arrow, .has-subnav.sn-li-l3 .m-subnav-arrow, .has-subnav.sn-li-l4 .m-subnav-arrow, .has-subnav.sn-li-l5 .m-subnav-arrow, .sn-li-l2.menu-item-has-children .m-subnav-arrow, .menu-item-has-children.sn-li-l3 .m-subnav-arrow, .menu-item-has-children.sn-li-l4 .m-subnav-arrow, .menu-item-has-children.sn-li-l5 .m-subnav-arrow, .sn-li-l2.hs-item-has-children .m-subnav-arrow, .hs-item-has-children.sn-li-l3 .m-subnav-arrow, .hs-item-has-children.sn-li-l4 .m-subnav-arrow, .hs-item-has-children.sn-li-l5 .m-subnav-arrow,
.hs-menu-depth-2.has-subnav .m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children .m-subnav-arrow {
border-top-color: white;
top: 15px; }
@media (min-width: 60em) {
.sn-li-l2.has-subnav .m-subnav-arrow, .has-subnav.sn-li-l3 .m-subnav-arrow, .has-subnav.sn-li-l4 .m-subnav-arrow, .has-subnav.sn-li-l5 .m-subnav-arrow, .sn-li-l2.menu-item-has-children .m-subnav-arrow, .menu-item-has-children.sn-li-l3 .m-subnav-arrow, .menu-item-has-children.sn-li-l4 .m-subnav-arrow, .menu-item-has-children.sn-li-l5 .m-subnav-arrow, .sn-li-l2.hs-item-has-children .m-subnav-arrow, .hs-item-has-children.sn-li-l3 .m-subnav-arrow, .hs-item-has-children.sn-li-l4 .m-subnav-arrow, .hs-item-has-children.sn-li-l5 .m-subnav-arrow,
.hs-menu-depth-2.has-subnav .m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children .m-subnav-arrow {
display: none; } }
.sn-li-l2.has-subnav > a, .has-subnav.sn-li-l3 > a, .has-subnav.sn-li-l4 > a, .has-subnav.sn-li-l5 > a, .sn-li-l2.menu-item-has-children > a, .menu-item-has-children.sn-li-l3 > a, .menu-item-has-children.sn-li-l4 > a, .menu-item-has-children.sn-li-l5 > a, .sn-li-l2.hs-item-has-children > a, .hs-item-has-children.sn-li-l3 > a, .hs-item-has-children.sn-li-l4 > a, .hs-item-has-children.sn-li-l5 > a,
.hs-menu-depth-2.has-subnav > a,
.hs-menu-depth-2.menu-item-has-children > a,
.hs-menu-depth-2.hs-item-has-children > a {
display: inline-block; }
.sn-li-l2.has-subnav > a:focus > a, .has-subnav.sn-li-l3 > a:focus > a, .has-subnav.sn-li-l4 > a:focus > a, .has-subnav.sn-li-l5 > a:focus > a, .sn-li-l2.has-subnav > a:hover > a, .has-subnav.sn-li-l3 > a:hover > a, .has-subnav.sn-li-l4 > a:hover > a, .has-subnav.sn-li-l5 > a:hover > a, .sn-li-l2.menu-item-has-children > a:focus > a, .menu-item-has-children.sn-li-l3 > a:focus > a, .menu-item-has-children.sn-li-l4 > a:focus > a, .menu-item-has-children.sn-li-l5 > a:focus > a, .sn-li-l2.menu-item-has-children > a:hover > a, .menu-item-has-children.sn-li-l3 > a:hover > a, .menu-item-has-children.sn-li-l4 > a:hover > a, .menu-item-has-children.sn-li-l5 > a:hover > a, .sn-li-l2.hs-item-has-children > a:focus > a, .hs-item-has-children.sn-li-l3 > a:focus > a, .hs-item-has-children.sn-li-l4 > a:focus > a, .hs-item-has-children.sn-li-l5 > a:focus > a, .sn-li-l2.hs-item-has-children > a:hover > a, .hs-item-has-children.sn-li-l3 > a:hover > a, .hs-item-has-children.sn-li-l4 > a:hover > a, .hs-item-has-children.sn-li-l5 > a:hover > a,
.hs-menu-depth-2.has-subnav > a:focus > a,
.hs-menu-depth-2.has-subnav > a:hover > a,
.hs-menu-depth-2.menu-item-has-children > a:focus > a,
.hs-menu-depth-2.menu-item-has-children > a:hover > a,
.hs-menu-depth-2.hs-item-has-children > a:focus > a,
.hs-menu-depth-2.hs-item-has-children > a:hover > a {
color: #526699; }
.sn-li-l2.has-subnav:focus > a, .has-subnav.sn-li-l3:focus > a, .has-subnav.sn-li-l4:focus > a, .has-subnav.sn-li-l5:focus > a, .sn-li-l2.has-subnav:hover > a, .has-subnav.sn-li-l3:hover > a, .has-subnav.sn-li-l4:hover > a, .has-subnav.sn-li-l5:hover > a, .sn-li-l2.menu-item-has-children:focus > a, .menu-item-has-children.sn-li-l3:focus > a, .menu-item-has-children.sn-li-l4:focus > a, .menu-item-has-children.sn-li-l5:focus > a, .sn-li-l2.menu-item-has-children:hover > a, .menu-item-has-children.sn-li-l3:hover > a, .menu-item-has-children.sn-li-l4:hover > a, .menu-item-has-children.sn-li-l5:hover > a, .sn-li-l2.hs-item-has-children:focus > a, .hs-item-has-children.sn-li-l3:focus > a, .hs-item-has-children.sn-li-l4:focus > a, .hs-item-has-children.sn-li-l5:focus > a, .sn-li-l2.hs-item-has-children:hover > a, .hs-item-has-children.sn-li-l3:hover > a, .hs-item-has-children.sn-li-l4:hover > a, .hs-item-has-children.sn-li-l5:hover > a,
.hs-menu-depth-2.has-subnav:focus > a,
.hs-menu-depth-2.has-subnav:hover > a,
.hs-menu-depth-2.menu-item-has-children:focus > a,
.hs-menu-depth-2.menu-item-has-children:hover > a,
.hs-menu-depth-2.hs-item-has-children:focus > a,
.hs-menu-depth-2.hs-item-has-children:hover > a {
color: #3273D8; }
@media (min-width: 60em) {
.sn-li-l2, .sn-li-l3, .sn-li-l4, .sn-li-l5,
.hs-menu-depth-2 {
border-top: none;
position: relative;
background-color: #D7DAED; }
.sn-li-l2 > a, .sn-li-l3 > a, .sn-li-l4 > a, .sn-li-l5 > a,
.hs-menu-depth-2 > a {
color: #1c1c1c;
padding: 0 1.2222222222em;
line-height: 2.5em;
text-align: left; }
.sn-li-l2 > a span, .sn-li-l3 > a span, .sn-li-l4 > a span, .sn-li-l5 > a span,
.hs-menu-depth-2 > a span {
padding: 0.6428571429em 0 0.6428571429em 1.5714285714em;
line-height: 1em;
font-size: 0.875em;
padding-left: 0; }
.sn-li-l2:first-of-type, .sn-li-l3:first-of-type, .sn-li-l4:first-of-type, .sn-li-l5:first-of-type,
.hs-menu-depth-2:first-of-type {
border-top: none; }
.sn-li-l2:last-of-type, .sn-li-l3:last-of-type, .sn-li-l4:last-of-type, .sn-li-l5:last-of-type,
.hs-menu-depth-2:last-of-type {
border-bottom: none; }
.sn-li-l2.has-subnav, .has-subnav.sn-li-l3, .has-subnav.sn-li-l4, .has-subnav.sn-li-l5, .sn-li-l2.menu-item-has-children, .menu-item-has-children.sn-li-l3, .menu-item-has-children.sn-li-l4, .menu-item-has-children.sn-li-l5, .sn-li-l2.hs-item-has-children, .hs-item-has-children.sn-li-l3, .hs-item-has-children.sn-li-l4, .hs-item-has-children.sn-li-l5,
.hs-menu-depth-2.has-subnav,
.hs-menu-depth-2.menu-item-has-children,
.hs-menu-depth-2.hs-item-has-children {
background-color: #D7DAED; }
.sn-li-l2.has-subnav > a, .has-subnav.sn-li-l3 > a, .has-subnav.sn-li-l4 > a, .has-subnav.sn-li-l5 > a, .sn-li-l2.menu-item-has-children > a, .menu-item-has-children.sn-li-l3 > a, .menu-item-has-children.sn-li-l4 > a, .menu-item-has-children.sn-li-l5 > a, .sn-li-l2.hs-item-has-children > a, .hs-item-has-children.sn-li-l3 > a, .hs-item-has-children.sn-li-l4 > a, .hs-item-has-children.sn-li-l5 > a,
.hs-menu-depth-2.has-subnav > a,
.hs-menu-depth-2.menu-item-has-children > a,
.hs-menu-depth-2.hs-item-has-children > a {
display: block;
/*span {
padding-right: em(19, 18);
position: relative;
&:after {
content: '';
top: 50%;
@include transform(translateY(-50%) rotate(270deg));
}
}*/ }
.sn-li-l2.has-subnav > a:focus, .has-subnav.sn-li-l3 > a:focus, .has-subnav.sn-li-l4 > a:focus, .has-subnav.sn-li-l5 > a:focus, .sn-li-l2.has-subnav > a:hover, .has-subnav.sn-li-l3 > a:hover, .has-subnav.sn-li-l4 > a:hover, .has-subnav.sn-li-l5 > a:hover, .sn-li-l2.menu-item-has-children > a:focus, .menu-item-has-children.sn-li-l3 > a:focus, .menu-item-has-children.sn-li-l4 > a:focus, .menu-item-has-children.sn-li-l5 > a:focus, .sn-li-l2.menu-item-has-children > a:hover, .menu-item-has-children.sn-li-l3 > a:hover, .menu-item-has-children.sn-li-l4 > a:hover, .menu-item-has-children.sn-li-l5 > a:hover, .sn-li-l2.hs-item-has-children > a:focus, .hs-item-has-children.sn-li-l3 > a:focus, .hs-item-has-children.sn-li-l4 > a:focus, .hs-item-has-children.sn-li-l5 > a:focus, .sn-li-l2.hs-item-has-children > a:hover, .hs-item-has-children.sn-li-l3 > a:hover, .hs-item-has-children.sn-li-l4 > a:hover, .hs-item-has-children.sn-li-l5 > a:hover,
.hs-menu-depth-2.has-subnav > a:focus,
.hs-menu-depth-2.has-subnav > a:hover,
.hs-menu-depth-2.menu-item-has-children > a:focus,
.hs-menu-depth-2.menu-item-has-children > a:hover,
.hs-menu-depth-2.hs-item-has-children > a:focus,
.hs-menu-depth-2.hs-item-has-children > a:hover {
color: #3273D8;
background-color: transparent; }
.sn-li-l2.has-subnav > a span, .has-subnav.sn-li-l3 > a span, .has-subnav.sn-li-l4 > a span, .has-subnav.sn-li-l5 > a span, .sn-li-l2.menu-item-has-children > a span, .menu-item-has-children.sn-li-l3 > a span, .menu-item-has-children.sn-li-l4 > a span, .menu-item-has-children.sn-li-l5 > a span, .sn-li-l2.hs-item-has-children > a span, .hs-item-has-children.sn-li-l3 > a span, .hs-item-has-children.sn-li-l4 > a span, .hs-item-has-children.sn-li-l5 > a span,
.hs-menu-depth-2.has-subnav > a span,
.hs-menu-depth-2.menu-item-has-children > a span,
.hs-menu-depth-2.hs-item-has-children > a span {
padding-right: 0.8571428571em;
position: relative; }
.sn-li-l2.has-subnav > a span:after, .has-subnav.sn-li-l3 > a span:after, .has-subnav.sn-li-l4 > a span:after, .has-subnav.sn-li-l5 > a span:after, .sn-li-l2.menu-item-has-children > a span:after, .menu-item-has-children.sn-li-l3 > a span:after, .menu-item-has-children.sn-li-l4 > a span:after, .menu-item-has-children.sn-li-l5 > a span:after, .sn-li-l2.hs-item-has-children > a span:after, .hs-item-has-children.sn-li-l3 > a span:after, .hs-item-has-children.sn-li-l4 > a span:after, .hs-item-has-children.sn-li-l5 > a span:after,
.hs-menu-depth-2.has-subnav > a span:after,
.hs-menu-depth-2.menu-item-has-children > a span:after,
.hs-menu-depth-2.hs-item-has-children > a span:after {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) rotate(270deg);
-moz-transform: translateY(-50%) rotate(270deg);
-ms-transform: translateY(-50%) rotate(270deg);
-o-transform: translateY(-50%) rotate(270deg);
transform: translateY(-50%) rotate(270deg);
content: '';
width: 0.5714285714em;
height: 0.5714285714em;
background-image: url("https://metalspinning.helandermetal.com/hubfs/img/icons/nav-down-arrow-blue.svg");
background-position: right center;
background-repeat: no-repeat;
background-size: 0.5714285714em; }
.sn-li-l2.has-subnav:focus, .has-subnav.sn-li-l3:focus, .has-subnav.sn-li-l4:focus, .has-subnav.sn-li-l5:focus, .sn-li-l2.has-subnav:hover, .has-subnav.sn-li-l3:hover, .has-subnav.sn-li-l4:hover, .has-subnav.sn-li-l5:hover, .sn-li-l2.menu-item-has-children:focus, .menu-item-has-children.sn-li-l3:focus, .menu-item-has-children.sn-li-l4:focus, .menu-item-has-children.sn-li-l5:focus, .sn-li-l2.menu-item-has-children:hover, .menu-item-has-children.sn-li-l3:hover, .menu-item-has-children.sn-li-l4:hover, .menu-item-has-children.sn-li-l5:hover, .sn-li-l2.hs-item-has-children:focus, .hs-item-has-children.sn-li-l3:focus, .hs-item-has-children.sn-li-l4:focus, .hs-item-has-children.sn-li-l5:focus, .sn-li-l2.hs-item-has-children:hover, .hs-item-has-children.sn-li-l3:hover, .hs-item-has-children.sn-li-l4:hover, .hs-item-has-children.sn-li-l5:hover,
.hs-menu-depth-2.has-subnav:focus,
.hs-menu-depth-2.has-subnav:hover,
.hs-menu-depth-2.menu-item-has-children:focus,
.hs-menu-depth-2.menu-item-has-children:hover,
.hs-menu-depth-2.hs-item-has-children:focus,
.hs-menu-depth-2.hs-item-has-children:hover {
background-color: #D7DAED; }
.sn-li-l2.has-subnav:focus > a, .has-subnav.sn-li-l3:focus > a, .has-subnav.sn-li-l4:focus > a, .has-subnav.sn-li-l5:focus > a, .sn-li-l2.has-subnav:hover > a, .has-subnav.sn-li-l3:hover > a, .has-subnav.sn-li-l4:hover > a, .has-subnav.sn-li-l5:hover > a, .sn-li-l2.menu-item-has-children:focus > a, .menu-item-has-children.sn-li-l3:focus > a, .menu-item-has-children.sn-li-l4:focus > a, .menu-item-has-children.sn-li-l5:focus > a, .sn-li-l2.menu-item-has-children:hover > a, .menu-item-has-children.sn-li-l3:hover > a, .menu-item-has-children.sn-li-l4:hover > a, .menu-item-has-children.sn-li-l5:hover > a, .sn-li-l2.hs-item-has-children:focus > a, .hs-item-has-children.sn-li-l3:focus > a, .hs-item-has-children.sn-li-l4:focus > a, .hs-item-has-children.sn-li-l5:focus > a, .sn-li-l2.hs-item-has-children:hover > a, .hs-item-has-children.sn-li-l3:hover > a, .hs-item-has-children.sn-li-l4:hover > a, .hs-item-has-children.sn-li-l5:hover > a,
.hs-menu-depth-2.has-subnav:focus > a,
.hs-menu-depth-2.has-subnav:hover > a,
.hs-menu-depth-2.menu-item-has-children:focus > a,
.hs-menu-depth-2.menu-item-has-children:hover > a,
.hs-menu-depth-2.hs-item-has-children:focus > a,
.hs-menu-depth-2.hs-item-has-children:hover > a {
color: #3273D8;
background-color: transparent; }
.sn-li-l2:focus, .sn-li-l3:focus, .sn-li-l4:focus, .sn-li-l5:focus, .sn-li-l2:hover, .sn-li-l3:hover, .sn-li-l4:hover, .sn-li-l5:hover,
.hs-menu-depth-2:focus,
.hs-menu-depth-2:hover {
color: #3273D8;
background-color: transparent; }
.sn-li-l2:focus > a, .sn-li-l3:focus > a, .sn-li-l4:focus > a, .sn-li-l5:focus > a, .sn-li-l2:hover > a, .sn-li-l3:hover > a, .sn-li-l4:hover > a, .sn-li-l5:hover > a,
.hs-menu-depth-2:focus > a,
.hs-menu-depth-2:hover > a {
background-color: transparent;
color: #3273D8; }
.sn-li-l2:focus.has-subnav > a span:after, .sn-li-l3:focus.has-subnav > a span:after, .sn-li-l4:focus.has-subnav > a span:after, .sn-li-l5:focus.has-subnav > a span:after, .sn-li-l2:focus.menu-item-has-children > a span:after, .sn-li-l3:focus.menu-item-has-children > a span:after, .sn-li-l4:focus.menu-item-has-children > a span:after, .sn-li-l5:focus.menu-item-has-children > a span:after, .sn-li-l2:focus.hs-item-has-children > a span:after, .sn-li-l3:focus.hs-item-has-children > a span:after, .sn-li-l4:focus.hs-item-has-children > a span:after, .sn-li-l5:focus.hs-item-has-children > a span:after, .sn-li-l2:hover.has-subnav > a span:after, .sn-li-l3:hover.has-subnav > a span:after, .sn-li-l4:hover.has-subnav > a span:after, .sn-li-l5:hover.has-subnav > a span:after, .sn-li-l2:hover.menu-item-has-children > a span:after, .sn-li-l3:hover.menu-item-has-children > a span:after, .sn-li-l4:hover.menu-item-has-children > a span:after, .sn-li-l5:hover.menu-item-has-children > a span:after, .sn-li-l2:hover.hs-item-has-children > a span:after, .sn-li-l3:hover.hs-item-has-children > a span:after, .sn-li-l4:hover.hs-item-has-children > a span:after, .sn-li-l5:hover.hs-item-has-children > a span:after,
.hs-menu-depth-2:focus.has-subnav > a span:after,
.hs-menu-depth-2:focus.menu-item-has-children > a span:after,
.hs-menu-depth-2:focus.hs-item-has-children > a span:after,
.hs-menu-depth-2:hover.has-subnav > a span:after,
.hs-menu-depth-2:hover.menu-item-has-children > a span:after,
.hs-menu-depth-2:hover.hs-item-has-children > a span:after {
-webkit-transform: translateY(-50%) rotate(-270deg);
-moz-transform: translateY(-50%) rotate(-270deg);
-ms-transform: translateY(-50%) rotate(-270deg);
-o-transform: translateY(-50%) rotate(-270deg);
transform: translateY(-50%) rotate(-270deg); }
.sn-li-l2:focus .sn-level-3, .sn-li-l3:focus .sn-level-3, .sn-li-l4:focus .sn-level-3, .sn-li-l5:focus .sn-level-3, .sn-li-l2:hover .sn-level-3, .sn-li-l3:hover .sn-level-3, .sn-li-l4:hover .sn-level-3, .sn-li-l5:hover .sn-level-3,
.hs-menu-depth-2:focus .sn-level-3,
.hs-menu-depth-2:hover .sn-level-3 {
display: block !important; } }
@media (min-width: 80em) {
.sn-li-l2 > a span, .sn-li-l3 > a span, .sn-li-l4 > a span, .sn-li-l5 > a span,
.hs-menu-depth-2 > a span {
padding: 0.4444444444em 0 0.4444444444em 1.2222222222em;
line-height: 1em;
font-size: 1.125em;
padding-left: 0; } }
@media (min-width: 100em) {
.sn-li-l2 > a span, .sn-li-l3 > a span, .sn-li-l4 > a span, .sn-li-l5 > a span,
.hs-menu-depth-2 > a span {
padding: 0.6666666667em 0 0.6666666667em 1.2222222222em; } }
.sn-level-5,
.sn-level-4,
.sn-level-3 {
border-top: none;
background-color: #D7DAED;
padding: 0.625em 0;
margin: 0;
display: none;
position: relative; }
.sn-level-5.active,
.sn-level-4.active,
.sn-level-3.active {
display: block; }
@media (min-width: 60em) {
.sn-level-5,
.sn-level-4,
.sn-level-3 {
width: 14.375em;
border-top: 0;
position: absolute;
top: -1px;
left: 100%; }
.sn-level-5.active,
.sn-level-4.active,
.sn-level-3.active {
display: none; } }
@media (min-width: 80em) {
.sn-level-5,
.sn-level-4,
.sn-level-3 {
width: 21.125em; } }
.sn-li-l3 > a span, .sn-li-l4 > a span, .sn-li-l5 > a span {
padding-left: 3.3333333333em; }
@media (min-width: 60em) {
.sn-li-l3 > a span, .sn-li-l4 > a span, .sn-li-l5 > a span {
padding-left: 0; }
.sn-li-l3.menu-item-has-children:focus .sn-level-4, .menu-item-has-children.sn-li-l4:focus .sn-level-4, .menu-item-has-children.sn-li-l5:focus .sn-level-4, .sn-li-l3.menu-item-has-children:hover .sn-level-4, .menu-item-has-children.sn-li-l4:hover .sn-level-4, .menu-item-has-children.sn-li-l5:hover .sn-level-4 {
display: block !important; } }
.sn-li-l4 > a span, .sn-li-l5 > a span {
padding-left: 4.4444444444em; }
@media (min-width: 60em) {
.sn-li-l4 > a span, .sn-li-l5 > a span {
padding-left: 0; }
.sn-li-l4.menu-item-has-children:focus .sn-level-5, .menu-item-has-children.sn-li-l5:focus .sn-level-5, .sn-li-l4.menu-item-has-children:hover .sn-level-5, .menu-item-has-children.sn-li-l5:hover .sn-level-5 {
display: block !important; } }
@media (min-width: 60em) {
.sn-li-l5 > a span {
padding-left: 0; }
.sn-li-l5.menu-item-has-children:focus .sn-level-6, .sn-li-l5.menu-item-has-children:hover .sn-level-6 {
display: block !important; } }
.site-nav-container {
background-color: #fff;
width: 100%;
right: -100%;
top: 0;
z-index: 1000;
position: fixed;
/*padding-bottom: em(70);*/
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }
.site-nav-container.active {
right: 0; }
@media (min-width: 60em) {
.site-nav-container {
width: auto;
height: 6.625em;
padding: 0;
position: static;
float: right;
background-color: transparent; }
.site-nav-container .site-nav {
padding: 0;
display: inline-block;
max-width: 100%; } }
@media (min-width: 80em) {
.site-nav-container {
width: auto; } }
.site-nav-container-screen {
position: fixed;
display: none;
z-index: 999;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5); }
.site-nav-container-screen.active {
display: block; }
@media (min-width: 60em) {
.site-nav-container-screen {
display: none !important; } }
.close-menu {
display: inline-block;
vertical-align: top;
clear: both;
text-align: center;
color: #1c1c1c !important;
font-size: 1.125em;
line-height: 1.6666666667em;
font-weight: 700;
text-decoration: none; }
.close-menu:visited {
color: #1c1c1c; }
.close-menu span {
display: none; }
.close-menu:focus, .close-menu:hover {
color: #1c1c1c; }
.close-menu:after {
content: '';
background-color: transparent;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/mobile-module-close-icon.svg) right center no-repeat;
background-size: 25.7px;
display: inline-block;
vertical-align: middle;
width: 25.7px;
height: 25.7px;
margin: 0; }
@media (min-width: 60em) {
.close-menu {
display: none; } }
.snc-header {
text-align: right;
margin: 0;
padding: 0.6875em 1.125em 0.625em;
background-color: #364262;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
@media (min-width: 60em) {
.snc-header {
padding: 0;
margin: 0;
display: none; } }
/*
This is used to separate sections/modules of the website while still keeping a consistent max-width. Example below:
*/
.inner-wrap, .inner-wrap-narrow, .inner-wrap-wide, .inner-wrap-fullwidth {
max-width: 76.25em;
margin-left: auto;
margin-right: auto;
padding: 1.5em 1em 1.5em 1em; }
.inner-wrap::after, .inner-wrap-narrow::after, .inner-wrap-wide::after, .inner-wrap-fullwidth::after {
clear: both;
content: "";
display: table; }
.inner-wrap > *:first-child, .inner-wrap-narrow > *:first-child, .inner-wrap-wide > *:first-child, .inner-wrap-fullwidth > *:first-child {
margin-top: 0; }
.inner-wrap > *:last-child, .inner-wrap-narrow > *:last-child, .inner-wrap-wide > *:last-child, .inner-wrap-fullwidth > *:last-child {
margin-bottom: 0; }
@media (min-width: 40em) {
.inner-wrap, .inner-wrap-narrow, .inner-wrap-wide, .inner-wrap-fullwidth {
padding: 2.5em 1.5em 2.5em 1.5em; } }
.inner-wrap-narrow {
max-width: 61.375em; }
.inner-wrap-wide {
max-width: 83.0625em; }
.inner-wrap-fullwidth {
max-width: 100%; }
/*=============== Sections ===============*/
.section-header-wrap {
background-color: #f2f2f2; }
.section-header-wrap .inner-wrap, .section-header-wrap .inner-wrap-narrow, .section-header-wrap .inner-wrap-wide, .section-header-wrap .inner-wrap-fullwidth {
padding-top: 1.5em;
padding-bottom: 1.5em; }
.section-header-wrap h1 {
margin: 0; }
.section-header-wrap p {
margin: .5em 0 0 0; }
.section-cta {
text-align: center; }
.blockquote-text {
color: #D7DAED;
font-weight: 600;
position: relative;
font-size: 1.125em;
padding: 0 1.7777777778em 0;
margin-top: 1.7777777778em;
margin-bottom: 1.7777777778em; }
.blockquote-text:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 0.5em;
height: 100%;
background-color: #D7DAED; }
@media (min-width: 40em) {
.blockquote-text {
max-width: 45.7142857143em;
width: 100%;
margin: auto;
font-size: 1.5em;
line-height: 1.3333333333em;
padding: 0 0.7619047619em 0 2.1428571429em;
margin-top: 3.5238095238em;
margin-bottom: 3.5238095238em; } }
/*================ Dest Slider ============= */
.innerpage-carousel {
max-width: 28.6875em;
margin: 0; }
.innerpage-carousel .slider-for {
margin-bottom: 0.5em; }
.innerpage-carousel .slider-for a {
overflow: hidden; }
.innerpage-carousel .slider-for a:focus:not(:hover):not(:active) {
outline-offset: -2px; }
.innerpage-carousel .slick-track {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; }
.innerpage-carousel .slider-nav .slick-list {
margin-right: 4.5em; }
.innerpage-carousel .slider-nav .slick-list .slick-slide {
margin-right: 0.5em;
position: relative;
line-height: 0;
overflow: hidden; }
.innerpage-carousel .slider-nav .slick-list .slick-slide img {
width: 100%; }
.innerpage-carousel .slider-nav .slick-arrow {
font-size: 1.25em;
height: 1.25em;
width: 0.65em;
position: absolute;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
min-width: inherit;
background-color: #fff;
padding: 0;
opacity: 1; }
.innerpage-carousel .slider-nav .slick-arrow.slick-prev {
display: none !important; }
.innerpage-carousel .slider-nav .slick-arrow.slick-next {
right: 1.2em;
display: inline-block !important; }
.innerpage-carousel .slider-nav .slick-arrow.slick-next:before {
content: '';
font-size: 1em;
display: inline-block;
opacity: 1;
width: 100%;
height: 1.25em;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/icons/carousel-arrow.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-size: 0.65em;
-webkit-transition: 0.25s all linear;
-moz-transition: 0.25s all linear;
transition: 0.25s all linear; }
.innerpage-carousel .slider-nav .slick-arrow.slick-next:hover {
border: 0; }
.innerpage-carousel .slider-nav .slick-arrow.slick-next:hover:before {
width: 100%;
height: 1.25em;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/icons/carousel-arrow-hover.svg);
background-size: 0.65em; }
@media (min-width: 40em) {
.innerpage-carousel {
padding-right: 0.5em; } }
.slider-nav-item {
display: inline-block; }
.slider-nav-item:focus:not(:hover):not(:active) {
outline-offset: -2px; }
.innerpage-carousel-widthout-thumb {
max-width: 28.6875em;
margin-top: 2em; }
.innerpage-carousel-widthout-thumb a.lightbox:focus:not(:active):not(:hover) {
outline-offset: -2px; }
.innerpage-carousel-widthout-thumb .slick-track {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; }
.innerpage-carousel-widthout-thumb .slick-dots li {
width: 9px;
height: 9px; }
.innerpage-carousel-widthout-thumb .slick-dots li button {
font-size: 0;
width: 9px;
height: 9px;
border-radius: 50%;
border: 1px solid #3273D8;
padding: 0; }
.innerpage-carousel-widthout-thumb .slick-dots li button:before {
display: none; }
.innerpage-carousel-widthout-thumb .slick-dots li.slick-active button {
background-color: #3273D8;
border: 0; }
@media (min-width: 40em) {
.innerpage-carousel-widthout-thumb {
padding-left: 0.5em;
margin-top: 0; } }
/*=============== Accordion Tabs ===============*/
.accordion-tabs {
line-height: 1.5;
margin-bottom: 1.5em;
padding: 0 !important;
border: 0; }
.accordion-tabs::after {
clear: both;
content: "";
display: table; }
@media screen and (max-width: 40em) {
.accordion-tabs {
border-radius: 0; } }
@media (min-width: 40em) {
.accordion-tabs {
border: 0; } }
.accordion-tabs .tab-header-and-content {
list-style: none;
margin-bottom: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.accordion-tabs .tab-header-and-content:after {
display: none; }
@media screen and (min-width: 40em) {
.accordion-tabs .tab-header-and-content {
display: inline; } }
.accordion-tabs .tab-link {
width: 100%;
background-color: #fff;
color: #72716E;
display: block;
font-size: 1.125em;
line-height: normal;
padding: 0.6111111111em 1.5833333333em;
text-decoration: none;
border-bottom: 0;
font-family: "Titillium Web", sans-serif;
vertical-align: bottom;
text-transform: none;
font-weight: 700;
border-radius: 3px;
box-shadow: 0px 0px 13px #00000029;
text-align: center; }
@media (min-width: 40em) {
.accordion-tabs .tab-link {
width: calc(33.33% - 1px); } }
@media screen and (min-width: 40em) {
.accordion-tabs .tab-link {
display: inline-block;
border: 0;
/*margin-right: 2px;*/
margin-right: -2px; } }
.accordion-tabs .tab-link:hover {
border-bottom: 0; }
.accordion-tabs .tab-link:focus {
outline: none; }
.accordion-tabs .tab-link:focus:not(:hover):not(:active) {
/*outline-offset: -2px;*/
position: relative;
z-index: 1; }
.accordion-tabs .tab-link.is-active {
background-color: #526699;
color: #fff; }
@media screen and (min-width: 40em) {
.accordion-tabs .tab-link.is-active {
border: 0; } }
.accordion-tabs .tab-content {
background: #f2f2f2;
display: none;
padding: 1.5em 1.618em;
width: 100%;
/*border-top: 1px solid $blue;*/
font-size: 1.125em; }
.accordion-tabs .tab-content > *:first-child {
margin-top: 0; }
.accordion-tabs .tab-content > *:last-child {
margin-bottom: 0; }
@media screen and (min-width: 40em) {
.accordion-tabs .tab-content {
border-top-right-radius: 0;
float: left; } }
/*=============== Click to Expand ===============*/
.click-expand-module .inner-wrap, .click-expand-module .inner-wrap-narrow, .click-expand-module .inner-wrap-wide, .click-expand-module .inner-wrap-fullwidth {
padding-top: 0;
padding-bottom: 1.875em; }
.click-expand {
clear: both;
border: 0;
/*border-radius: rem(3);
overflow: hidden;*/
margin-bottom: 1.5em;
background-color: #f2f2f2;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.click-expand.active:hover {
background-color: #526699; }
.click-expand.active .ce-header {
background-color: #526699;
color: #fff; }
.click-expand.active .ce-header:after {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/navigation/ico-minus.svg) center 5px/27px no-repeat; }
.click-expand.active .ce-body {
display: block;
opacity: 1;
-webkit-animation: click-expand 0.5s 1;
-moz-animation: click-expand 0.5s 1;
animation: click-expand 0.5s 1;
-webkit-animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-delay: 0.05s;
-moz-animation-delay: 0.05s;
animation-delay: 0.05s;
padding: 1.5em 1.618em;
display: block; }
.click-expand.active .ce-body > *:first-child {
margin-top: 0; }
.click-expand.active .ce-body > *:last-child {
margin-bottom: 0; }
.click-expand:hover {
background-color: #484848; }
.ce-header {
position: relative;
cursor: pointer;
margin: 0;
border-radius: 3px 3px 0 0;
overflow: hidden;
padding-left: 1.5555555556em;
padding-right: 3.3333333333em;
padding-top: 0.8888888889em;
padding-bottom: 0.8888888889em;
font-size: 1.125em;
background-color: #526699;
color: #fff;
font-weight: 700;
font-family: "Titillium Web", sans-serif;
text-transform: none; }
.ce-header:after {
content: "";
width: 3.3333333333em;
height: 100%;
border-left: 1px solid #fff;
position: absolute;
right: 0;
top: 50%;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/navigation/ico-plus.svg) center/27px no-repeat;
color: #fff;
transform: translateY(-50%); }
.ce-header:focus:not(:hover):not(:active) {
outline: 2px dashed red;
outline-offset: 1px;
overflow: visible; }
.ce-body {
display: none;
opacity: 0;
background-color: #f2f2f2;
border-radius: 0 0 3px 3px;
overflow: hidden; }
.ce-body p {
font-size: 1.125em; }
@-webkit-keyframes click-expand {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes click-expand {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes click-expand {
from {
opacity: 0; }
to {
opacity: 1; } }
/*Full Width CTA Module*/
.fwc-module {
background-color: #72716E;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
text-align: center; }
.fwc-module:before {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background-color: rgba(31, 29, 20, 0.5); }
.fwc-module > * {
position: relative;
z-index: 1; }
.fwc-module .inner-wrap, .fwc-module .inner-wrap-narrow, .fwc-module .inner-wrap-wide, .fwc-module .inner-wrap-fullwidth {
padding-top: 3.5em;
padding-bottom: 3.5em; }
.fwc-title {
margin: 0 0 0.8333333333em;
color: #fff;
font-size: 1.875em;
line-height: 1.2em; }
.fwc-para {
color: #fff; }
.btn-fwc {
/*margin-top: em(25, 17);*/
/*padding: em(16.5,18) em(62.02,18);*/ }
/*=============== Product Grid ===============*/
.product-grid {
clear: both; }
.product-grid-item {
font-size: .875em;
text-decoration: none;
text-align: center;
background-color: #fff;
padding: 1em;
border-bottom: 1px solid #484848;
border-right: 1px solid #484848;
overflow: hidden;
display: block;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
.product-grid-item:hover {
border-bottom: 1px solid #3273D8;
border-right: 1px solid #3273D8; }
.product-grid-item:hover .product-grid-item-img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07); }
@media (min-width: 40em) {
.product-grid-item {
font-size: .75em;
margin-bottom: 1.5em; } }
@media (min-width: 60em) {
.product-grid-item {
font-size: 1em; } }
@media (min-width: 40em) {
.product-grid-item-header-wrap {
height: 4em;
line-height: 4em;
margin-bottom: 1em; }
.product-grid-item-header-wrap .product-grid-item-header {
display: inline-block;
vertical-align: middle; } }
@media (min-width: 60em) {
.product-grid-item-header-wrap {
height: 4em;
line-height: 4em; } }
.product-grid-item-header {
font-size: 1.125em;
color: #526699;
text-decoration: none;
margin: 0 0 0 0;
width: 70%;
float: right;
text-align: left;
clear: none; }
@media (min-width: 40em) {
.product-grid-item-header {
width: auto;
float: none;
text-align: center; } }
.product-grid-item-subheader {
color: #000;
margin: 0 0 1em 0;
width: 70%;
float: right;
text-align: left;
clear: none;
font-size: 0.9375em; }
@media (min-width: 40em) {
.product-grid-item-subheader {
width: auto;
float: none;
text-align: center; } }
@media (min-width: 60em) {
.product-grid-item-subheader {
min-height: 3em; } }
.product-grid-item-img {
float: left;
width: 25%;
margin-top: -1em;
display: block;
margin: 0 auto;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
@media (min-width: 40em) {
.product-grid-item-img {
margin-top: 0;
float: none;
width: auto; } }
.product-grid-item-link {
margin: 1em 0 0 0;
float: right;
text-align: left;
clear: none;
font-size: .75em; }
@media (min-width: 40em) {
.product-grid-item-link {
width: auto;
float: none;
text-align: center; } }
/*============Side Navigation Test==============*/
.side-nav h3 {
margin-top: 0; }
.sn-nav {
max-width: 16.5em;
border-radius: 3px;
font-family: "Titillium Web", sans-serif;
/*&.single-dropdown {
li.active {
background-color: #262626;
}
}*/ }
.sn-nav li {
background-color: #526699;
position: relative; }
.sn-nav li:first-child {
border-radius: 3px 3px 0 0; }
.sn-nav li:first-child a {
border-radius: 3px 3px 0 0;
overflow: hidden; }
.sn-nav li:last-child {
border-radius: 0 0 3px 3px; }
.sn-nav li:last-child a {
border-radius: 0 0 3px 3px;
overflow: hidden; }
.sn-nav li a {
padding: 0.75em 2.5em 0.75em 1em;
display: block;
color: #fff;
font-weight: 700;
font-size: 1em;
line-height: 1.375em;
text-decoration: none;
word-break: break-word; }
@media (min-width: 80em) {
.sn-nav li a {
word-break: initial; } }
.sn-nav li a:focus:not(:active):not(:hover) {
outline-offset: 1px !important;
position: relative;
z-index: 1; }
.sn-nav li:not(:last-of-type) {
border-bottom: 1px solid #fff; }
.sn-nav li.active {
background-color: #526699;
border-bottom: 1px solid #f2f2f2; }
.sn-nav li.active a {
color: white; }
.sn-nav li.active > a {
/*border-radius: 3px 3px 0 0;*/
background: #526699;
color: #fff; }
.sn-nav li.active > .m-subnav-arrows {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/icons/navigation/ico-arrow.svg); }
.sn-nav li:last-child {
border-bottom: 0; }
.sn-nav .menu-item-has-children .m-subnav-arrows {
cursor: pointer;
padding-right: 0em;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/icons/navigation/ico-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
display: block;
width: 2.5em;
height: 3em;
position: absolute;
z-index: 2;
background-color: transparent;
right: 0;
top: 0;
bottom: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.sn-nav .menu-item-has-children ul {
background-color: #f2f2f2;
padding: 0;
display: none; }
.sn-nav .menu-item-has-children ul li {
margin-bottom: 0;
background-color: #f2f2f2;
border-bottom: 0 !important; }
.sn-nav .menu-item-has-children ul li a {
color: #000;
font-size: 1em;
padding: 0.3125em 2.5em 0.3125em 1em;
line-height: 1.5em;
font-weight: 700;
text-transform: none; }
.sn-nav .menu-item-has-children ul li a:focus, .sn-nav .menu-item-has-children ul li a:hover {
background-color: #526699;
color: #fff; }
.sn-nav .menu-item-has-children ul li a:focus:not(:active):not(:hover) {
outline-offset: 1px !important;
position: relative;
z-index: 1; }
.sn-nav .menu-item-has-children ul li:not([class]) {
margin-bottom: 0;
padding: 0; }
.sn-nav .menu-item-has-children ul li:not([class]):after {
display: none; }
.sn-nav .menu-item-has-children ul:not([class]) {
margin-bottom: 0; }
.sn-nav .menu-item-has-children ul.active {
display: block; }
.sn-nav .menu-item-has-children.active > a {
color: #fff; }
.sn-nav .menu-item-has-children.active .sub-menu a {
padding-left: 1.25em; }
.sn-nav .menu-item-has-children.active .sub-menu .sub-menu a {
padding-left: 1.875em; }
.sn-nav .menu-item-has-children.active .sub-menu .sub-menu .sub-menu a {
padding-left: 2.5em; }
.sn-nav .sub-menu .m-subnav-arrows {
height: 2.25em;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/icons/navigation/ico-arrow-black.svg); }
.sn-nav .sub-menu .m-subnav-arrows.active {
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/icons/navigation/ico-arrow.svg); }
/*=============== Product Carousel ===============*/
.product-header {
font-size: 2.5625em;
line-height: 1.1463414634em;
text-transform: uppercase; }
.product-description {
max-width: 100%;
width: 48.7777777778em;
margin: 0 auto 0.8888888889em;
color: #1c1c1c;
font-size: 1.125em;
line-height: 1.7777777778em;
text-align: center; }
.product-item {
text-decoration: none;
color: #72716E; }
@media (min-width: 40em) {
.product-item {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%; }
.product-item:last-child {
margin-right: 0; } }
@media (max-width: 40em) {
.product-item {
float: left;
display: block;
margin-right: 4.8291579146%;
width: 47.5854210427%; }
.product-item:last-child {
margin-right: 0; }
.product-item:nth-child(2n) {
margin-right: 0; }
.product-item:nth-child(2n+1) {
clear: left; } }
.product-img img {
display: block;
width: 100%; }
.product-title {
font-size: 1.25em;
display: block;
text-align: center;
line-height: 1.5em;
margin-top: 0.75em;
font-family: "Titillium Web", sans-serif;
font-weight: 700;
color: #1c1c1c; }
/*=============== Media Object ===============*/
.media-object {
overflow: hidden; }
.media-object-img {
width: 20%;
float: left;
display: block;
margin-right: 5%; }
.media-object-img img {
width: 100%; }
.media-object-body {
width: 75%;
float: left; }
.media-object-header {
margin-top: 0;
margin-bottom: .15em; }
.media-grid-2 > * {
margin-bottom: 1em; }
@media (min-width: 40em) {
.media-grid-2 > * {
float: left;
display: block;
margin-right: 3.1684356888%;
width: 48.4157821556%;
margin-bottom: 1.5em; }
.media-grid-2 > *:last-child {
margin-right: 0; }
.media-grid-2 > *:nth-child(2n) {
margin-right: 0; }
.media-grid-2 > *:nth-child(2n+1) {
clear: left; } }
.media-img {
max-height: 20.125em; }
/*======= Responsive iFrame / YouTube / HTML5 Video =======*/
.iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 1.8em; }
.iframe-container iframe, .iframe-container object, .iframe-container embed, .iframe-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/*=============== Social Media Icons ===============*/
.social-wrap {
overflow: hidden;
/*span {
background-color:$white;
border-radius:3px;
display:inline-block;
padding:.15em;
img {
display:block;
margin:0 auto;
}
}*/ }
.social-wrap a {
display: block;
float: left;
width: 25%;
text-align: center;
position: relative; }
.social-wrap a path {
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear; }
.social-wrap a:hover {
opacity: .75; }
.social-wrap a:hover path {
fill: #D7DAED; }
.social-wrap img {
display: inline-block;
margin: 0 auto;
width: 1.1em;
height: auto;
vertical-align: middle; }
.social-wrap svg {
display: inline-block;
vertical-align: middle; }
/*=============== Slide Panel ===============*/
.slide-panel {
display: none;
position: fixed;
background: #1c1c1c;
color: #fff;
height: 100%;
width: 21.25em;
right: -21.25em;
top: 14%;
z-index: 10;
-webkit-transition: right 0.4s ease-in-out;
-moz-transition: right 0.4s ease-in-out;
transition: right 0.4s ease-in-out; }
.slide-panel h2 {
padding: .2em 1em; }
.slide-panel p {
background: #1c1c1c;
padding: .25px 2em; }
.slide-panel label {
color: #fff !important; }
.slide-panel:hover {
right: 0px; }
@media (min-width: 40em) {
.slide-panel {
display: block; } }
.slide-panel-button {
position: absolute;
top: 50px;
right: 340px;
padding: 20px 20px;
background: #1c1c1c;
min-width: 200px; }
/*=============== Slide Box ===============*/
#last {
margin: 0;
padding: 0; }
#slidebox {
padding: 0.625em 0.625em 0.625em 1em;
position: fixed;
bottom: 0;
right: -26.875em;
z-index: 1000;
width: 100%;
background-color: #526699; }
@media (min-width: 40em) {
#slidebox {
width: auto; } }
a.close {
background-color: white;
color: #D7DAED;
text-align: center;
float: left;
padding: 0 0.5em;
font-size: 0.6875em;
border-radius: 0.1875em;
position: absolute;
cursor: pointer;
top: 1.5em;
right: 2em; }
a.close:hover {
background-color: rgba(255, 255, 255, 0.75); }
/*=============== HubSpot Thumbnail Slider Gallery ===============*/
.hs_cos_gallery_thumbnails .hs_cos_gallery_slide:hover {
cursor: pointer; }
.hs_cos_gallery_thumbnails img {
height: 3.75em;
object-fit: cover;
border: 1px solid #484848; }
.hs_cos_gallery_thumbnails .slick-current img {
border: 1px solid #3273D8; }
/*=============== Misc ===============*/
hr {
display: block;
clear: both; }
figure {
margin: 0;
padding: 0; }
.wp-pagenavi > * {
margin-right: .75em; }
/*=============== Lightbox / Magnific Popup ===============*/
.white-popup {
position: relative;
background: #fff;
padding: 2.5em;
width: auto;
max-width: 37.5em;
margin: 1.25em auto; }
.white-popup > * {
margin-top: 0; }
.mfp-fade-side .mfp-content, .mfp-fade-side .white-popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
overflow: auto; }
/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8; }
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0; }
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px); }
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
max-width: 85%;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px); }
/*=============== Layouts ===============*/
.page-intro {
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/hero/hero-image.jpg);
background-color: #3273D8;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 0; }
.page-intro .inner-wrap, .page-intro .inner-wrap-narrow, .page-intro .inner-wrap-wide, .page-intro .inner-wrap-fullwidth {
padding-top: 2.1875em;
padding-bottom: 2.1875em;
position: relative;
z-index: 1;
min-height: 14.8125em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; }
.page-intro h1 {
margin: 0;
color: #fff;
font-size: 2.625em;
line-height: 1.3333333333em;
text-transform: none; }
.page-intro p {
margin: .5em 0 0 0; }
.page-intro:before {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background: url(https://metalspinning.helandermetal.com/hubfs/img/hero/hero-gradient-overlay.png) center/cover no-repeat;
/*opacity: 0.9;*/ }
@media (max-width: 500px) {
.page-intro h1 {
font-size: 2.5rem; } }
.breadcrumb-menu {
margin-bottom: 0;
color: #1c1c1c; }
.breadcrumb-menu span span > a {
color: #72716E;
font-weight: 500;
margin-right: 0.3125em;
text-decoration: underline; }
.breadcrumb-menu span span > a:focus, .breadcrumb-menu span span > a:hover {
color: #3273D8;
text-decoration: none; }
.breadcrumb-menu span span span > a {
color: #72716E;
font-weight: 500;
margin-right: 0.3125em;
text-decoration: underline;
margin-left: 0.3125em; }
.breadcrumb-menu span span span > a:focus, .breadcrumb-menu span span span > a:hover {
color: #3273D8;
text-decoration: none; }
.breadcrumb-menu .breadcrumb_last {
margin-left: 0.3125em; }
.breadcrumb-menu .inner-wrap, .breadcrumb-menu .inner-wrap-narrow, .breadcrumb-menu .inner-wrap-wide, .breadcrumb-menu .inner-wrap-fullwidth {
padding-bottom: 0; }
@media (min-width: 60em) {
.site-content.one-column .site-content-primary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%;
margin-right: 0; }
.site-content.one-column .site-content-primary:last-child {
margin-right: 0; }
.site-content.one-column .site-content-secondary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%;
margin-right: 0; }
.site-content.one-column .site-content-secondary:last-child {
margin-right: 0; }
.site-content.two-column .site-content-primary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 74.4105871005%; }
.site-content.two-column .site-content-primary:last-child {
margin-right: 0; }
.site-content.two-column .site-content-secondary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%;
margin-right: 0; }
.site-content.two-column .site-content-secondary:last-child {
margin-right: 0; }
.site-content.three-column .site-content-primary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%; }
.site-content.three-column .site-content-primary:last-child {
margin-right: 0; }
.site-content.three-column .site-content-secondary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%; }
.site-content.three-column .site-content-secondary:last-child {
margin-right: 0; }
.site-content.three-column .additional-content {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%;
margin-right: 0; }
.site-content.three-column .additional-content:last-child {
margin-right: 0; }
.site-content.two-column-alt .site-content-primary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 65.8807828007%; }
.site-content.two-column-alt .site-content-primary:last-child {
margin-right: 0; }
.site-content.two-column-alt .site-content-secondary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%;
margin-right: 0; }
.site-content.two-column-alt .site-content-secondary:last-child {
margin-right: 0; } }
.destination > .inner-wrap, .destination > .inner-wrap-narrow, .destination > .inner-wrap-wide, .destination > .inner-wrap-fullwidth {
padding-top: 2.8125em;
padding-bottom: 0; }
.image-gallery-with-thumbs .inner-wrap, .image-gallery-with-thumbs .inner-wrap-narrow, .image-gallery-with-thumbs .inner-wrap-wide, .image-gallery-with-thumbs .inner-wrap-fullwidth {
padding-top: 0; }
.accordian-tabs-module .inner-wrap, .accordian-tabs-module .inner-wrap-narrow, .accordian-tabs-module .inner-wrap-wide, .accordian-tabs-module .inner-wrap-fullwidth {
padding-top: 0; }
.click-expand-module .inner-wrap, .click-expand-module .inner-wrap-narrow, .click-expand-module .inner-wrap-wide, .click-expand-module .inner-wrap-fullwidth {
padding-top: 0; }
.tabular-data .inner-wrap, .tabular-data .inner-wrap-narrow, .tabular-data .inner-wrap-wide, .tabular-data .inner-wrap-fullwidth {
padding-top: 0; }
.text-media-module .inner-wrap, .text-media-module .inner-wrap-narrow, .text-media-module .inner-wrap-wide, .text-media-module .inner-wrap-fullwidth {
padding-top: 0; }
.product-grid-module .inner-wrap, .product-grid-module .inner-wrap-narrow, .product-grid-module .inner-wrap-wide, .product-grid-module .inner-wrap-fullwidth {
padding-top: 0; }
.content-img-slider .inner-wrap, .content-img-slider .inner-wrap-narrow, .content-img-slider .inner-wrap-wide, .content-img-slider .inner-wrap-fullwidth {
padding-top: 0; }
.addition-cap-module .inner-wrap, .addition-cap-module .inner-wrap-narrow, .addition-cap-module .inner-wrap-wide, .addition-cap-module .inner-wrap-fullwidth {
padding-top: 0; }
.prosuct-module .inner-wrap, .prosuct-module .inner-wrap-narrow, .prosuct-module .inner-wrap-wide, .prosuct-module .inner-wrap-fullwidth {
padding-top: 0; }
.image-gallery-module .inner-wrap, .image-gallery-module .inner-wrap-narrow, .image-gallery-module .inner-wrap-wide, .image-gallery-module .inner-wrap-fullwidth {
padding-top: 0; }
.image-gallery-module .rows-of-4, .image-gallery-module .rows-of-3, .image-gallery-module .rows-of-2 {
text-align: center; }
/*=============== Resources Module ===============*/
.resources-module {
background-color: #fff; }
.rm-item-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (min-width: 40em) {
.rm-item-wrap {
-webkit-box-lines: single;
-moz-box-lines: single;
box-lines: single;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.rm-item-wrap > * {
-webkit-box-flex: auto;
-moz-box-flex: auto;
box-flex: auto;
-webkit-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto; }
@media (min-width: 40em) {
.rm-item-wrap > * {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1; } }
.rm-item {
text-align: center;
background-color: #f2f2f2;
padding: 1em !important; }
.rm-item:hover .rm-item-img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05); }
@media (min-width: 40em) {
.rm-item {
margin-bottom: 0; } }
.rm-item-cta {
font-size: .75em;
font-weight: bold; }
.rm-item-img {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
margin-bottom: 1em; }
.rm-item-img img {
max-width: 100%;
object-fit: contain;
height: 19.375em; }
.rm-item-title {
text-decoration: none;
text-align: center;
margin-top: 0;
margin-bottom: 0;
position: relative;
display: inline-block;
text-align: center;
height: 2.5em;
line-height: 2.5em;
color: #526699;
position: relative;
z-index: 10; }
.rm-item-title span {
line-height: 1.25em;
display: inline-block;
color: #526699; }
/*========= Button Style ========*/
.btn-wrap > div {
display: block;
margin-bottom: 1.5em; }
.btn-wrap > div:last-child {
margin: 0; }
@media (min-width: 40em) {
.btn-wrap > div {
margin-right: 1.5em;
display: inline-block; } }
@media (min-width: 80em) {
.btn-wrap > div {
margin-bottom: 0; } }
@media (min-width: 40em) {
.btn-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.btn-wrap-bg {
max-width: 100%;
background: #363B40;
min-width: 21.875em;
padding: 0.875em 1em;
text-align: center; }
.btn-wrap-bg > a:first-child {
min-width: 14.7058823529em;
max-width: 100%; }
.btn-wrap-bg > a:not(:last-child) {
margin-bottom: 1.1764705882em; }
/*======= Color Pallete =======*/
.cp-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
margin-top: 1.75em;
margin-bottom: 5.125em; }
@media (min-width: 60em) {
.cp-wrap {
-webkit-box-lines: single;
-moz-box-lines: single;
box-lines: single;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.cp-item {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin-bottom: 1em; }
@media (min-width: 40em) {
.cp-item {
width: 50%; } }
@media (min-width: 60em) {
.cp-item {
width: 25%; } }
.cp-color {
width: 5.625em;
height: 5.625em; }
.cp-content {
padding-left: 1.8125em; }
.cp-content span {
display: block;
/*text-transform: uppercase;*/
font-size: 1.125em;
line-height: 1.7777777778em; }
.cp-content span.cp-title {
font-weight: 500;
color: #3273D8;
text-transform: uppercase; }
/*====== Typography =======*/
.typo-wrap {
margin-top: 3.875em; }
.tw-title {
font-size: 1.125em; }
.tw-title span {
color: #526699;
font-weight: 700; }
.heading-wrap {
border-top: 1px solid #b7b7b7;
border-bottom: 1px solid #b7b7b7;
position: relative; }
.heading-wrap > * {
position: relative;
z-index: 1; }
@media (min-width: 40em) {
.heading-wrap:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-color: #0072bb; } }
.lb-title {
color: #526699; }
.lb-title:after {
background-color: #D7DAED; }
.on-light-bg {
padding: 1em; }
.on-light-bg h1 {
color: #526699; }
@media (min-width: 40em) {
.on-light-bg {
padding: 0; } }
.on-color-bg {
background-color: #0072bb;
color: #fff;
padding: 1em; }
.on-color-bg h1 {
color: #fff; }
.on-color-bg h2,
.on-color-bg h3 {
color: #fff; }
@media (min-width: 40em) {
.on-color-bg {
padding: 0; } }
@media (min-width: 60em) {
.on-color-bg .hw-txt {
float: right; } }
.hw-txt h2 {
font-weight: 400; }
@media (min-width: 60em) {
.hw-txt {
max-width: 28.5em;
width: 100%; } }
/*====== Icon Navigation =======*/
.icn-nav {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: distribute;
-moz-box-pack: distribute;
box-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
-o-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (min-width: 60em) {
.icn-nav {
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; } }
.in-item {
text-align: center;
min-width: 6.25em;
margin-bottom: 1em; }
@media (min-width: 60em) {
.in-item {
min-width: inherit; } }
.in-img {
display: table;
width: 4.25em;
margin: auto;
height: 4.25em;
border: 1px solid #f2f2f2;
text-align: center; }
.in-img figure {
display: table-cell;
vertical-align: middle; }
.in-img img {
width: auto;
margin: auto;
max-height: 1.125em;
vertical-align: middle; }
.in-title {
display: block;
line-height: 1.625em;
margin-top: 1em; }
.cta-module .inner-wrap, .cta-module .inner-wrap-narrow, .cta-module .inner-wrap-wide, .cta-module .inner-wrap-fullwidth {
padding-bottom: 3.5em; }
.cta-wrap {
text-align: center; }
@media (min-width: 60em) {
.cta-wrap {
text-align: left;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.cta-wrap h3 {
margin-bottom: 0; }
.cta-wrap div {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
flex-grow: 1;
-ms-flex-positive: 1; } }
.cw-left {
margin-bottom: 0.9375em; }
.cw-left h3 {
margin: 0;
color: #1c1c1c;
font-size: 1.875em;
line-height: 1.2em;
text-transform: none;
font-weight: 400; }
@media (min-width: 60em) {
.cw-left {
width: 57%;
margin-bottom: 0;
text-align: left; } }
@media (max-width: 40em) {
.cw-right span {
display: block; } }
@media (min-width: 60em) {
.cw-right {
text-align: right;
width: 43%; } }
.btn-contact {
margin-bottom: 1.6666666667em; }
@media (min-width: 40em) {
.btn-contact {
margin-bottom: 0;
margin-right: 2.2222222222em; } }
/*========= Form Stylling ========*/
body .gform_wrapper .gfield label.gfield_label {
font-size: 1em; }
body .gform_wrapper .gform_footer .gform_button {
margin: 0 !important;
width: 100% !important;
font-size: 1.125em !important;
padding: 0.7222222222em !important; }
@media (min-width: 40em) {
body .gform_wrapper label.gfield_label {
/*min-height: em(44);*/ } }
@media (min-width: 60em) {
body .gform_wrapper label.gfield_label {
min-height: inherit; } }
body .gform_wrapper .gform_footer {
display: block !important;
text-align: center; }
body .gform_wrapper .ginput_container_fileupload input, body .gform_wrapper .ginput_container_fileupload .gform_fileupload_rules {
color: #1c1c1c; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.innerpage-carousel .slider-nav .slick-arrow {
width: 13px;
height: 20px; }
.innerpage-carousel .slider-nav .slick-arrow.slick-next:before {
height: 25px;
background-size: 13px; }
.innerpage-carousel .slider-nav .slick-arrow.slick-next:hover:before {
height: 25px;
background-size: 13px; } }
@supports (-ms-ime-align: auto) {
.innerpage-carousel .slider-nav .slick-arrow {
width: 13px;
height: 18px; }
.innerpage-carousel .slider-nav .slick-arrow.slick-next:before {
height: 18px;
background-size: 13px; }
.innerpage-carousel .slider-nav .slick-arrow.slick-next:hover:before {
height: 18px;
background-size: 13px; } }
/*======== Multiple Grid =============*/
.multiple-cols-grid-module {
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.multiple-cols-grid-module .inner-wrap, .multiple-cols-grid-module .inner-wrap-narrow, .multiple-cols-grid-module .inner-wrap-wide, .multiple-cols-grid-module .inner-wrap-fullwidth {
padding-top: 0;
padding-bottom: 0; }
.tse-cols-2 > * {
padding: 0 0 1.25em; }
@media (min-width: 60em) {
.tse-cols-2 {
margin: 0 -0.8125em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tse-cols-2:before, .tse-cols-2:after {
content: "";
display: table; }
.tse-cols-2:after {
clear: both; }
.tse-cols-2 > * {
width: 50%;
padding: 0 0.8125em;
/*float: left;*/ } }
.tse-cols-3 > * {
padding: 0 0 1.25em; }
@media (min-width: 40em) {
.tse-cols-3 {
margin: 0 -0.8125em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tse-cols-3:before, .tse-cols-3:after {
content: "";
display: table; }
.tse-cols-3:after {
clear: both; }
.tse-cols-3 > * {
width: 50%;
padding: 0 0.8125em;
/*float: left;*/ } }
@media (min-width: 60em) {
.tse-cols-3 > * {
width: 33.33%; } }
.tse-cols-4 > * {
padding: 0 0 1.25em; }
@media (min-width: 40em) {
.tse-cols-4 {
margin: 0 -0.8125em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tse-cols-4:before, .tse-cols-4:after {
content: "";
display: table; }
.tse-cols-4:after {
clear: both; }
.tse-cols-4 > * {
width: 50%;
padding: 0 0.8125em;
/*float: left;*/ } }
@media (min-width: 60em) {
.tse-cols-4 > * {
width: 25%; } }
.tse-cols-5 > * {
padding: 0 0 1.25em; }
@media (min-width: 40em) {
.tse-cols-5 {
margin: 0 -0.8125em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tse-cols-5:before, .tse-cols-5:after {
content: "";
display: table; }
.tse-cols-5:after {
clear: both; }
.tse-cols-5 > * {
width: 33.33%;
padding: 0 0.8125em;
/*float: left;*/ } }
@media (min-width: 60em) {
.tse-cols-5 > * {
width: 20%; } }
.tse-cols-6 > * {
padding: 0 0 1.25em; }
@media (min-width: 40em) {
.tse-cols-6 {
margin: 0 -0.8125em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tse-cols-6:before, .tse-cols-6:after {
content: "";
display: table; }
.tse-cols-6:after {
clear: both; }
.tse-cols-6 > * {
width: 33.33%;
padding: 0 0.8125em;
/*float: left;*/ } }
@media (min-width: 60em) {
.tse-cols-6 > * {
width: 16.66%; } }
/* =========== Unequal Column grid styling ==================*/
.unequal-cols-grid-module {
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.unequal-cols-grid-module .inner-wrap, .unequal-cols-grid-module .inner-wrap-narrow, .unequal-cols-grid-module .inner-wrap-wide, .unequal-cols-grid-module .inner-wrap-fullwidth {
padding-top: 0;
padding-bottom: 0; }
.section_description {
margin-bottom: 1.25em; }
@media (min-width: 60em) {
.ucgm-section-wrap {
margin: 0 -0.8125em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; } }
.ucgm-section-wrap div > p:first-child {
margin-top: 0; }
.tse-cols-1_3 {
margin-bottom: 20px; }
@media (min-width: 60em) {
.tse-cols-1_3 {
width: 33.33%;
padding: 0 0.8125em;
margin-bottom: 0;
/*float: left;*/ } }
.tse-cols-2_3 {
margin-bottom: 20px; }
@media (min-width: 60em) {
.tse-cols-2_3 {
width: 66.6667%;
padding: 0 0.8125em;
margin-bottom: 0;
/*float: left;*/ } }
.tse-cols-1_4 {
margin-bottom: 20px; }
@media (min-width: 60em) {
.tse-cols-1_4 {
width: 25%;
padding: 0 0.8125em;
margin-bottom: 0;
/*float: left;*/ } }
.tse-cols-3_4 {
margin-bottom: 20px; }
@media (min-width: 60em) {
.tse-cols-3_4 {
width: 75%;
padding: 0 0.8125em;
margin-bottom: 0;
/*float: left;*/ } }
.tse-cols-3_12 {
margin-bottom: 20px; }
@media (min-width: 60em) {
.tse-cols-3_12 {
width: 30%;
padding: 0 0.8125em;
margin-bottom: 0;
/*float: left;*/ } }
.tse-cols-7_12 {
margin-bottom: 20px; }
@media (min-width: 60em) {
.tse-cols-7_12 {
width: 70%;
padding: 0 0.8125em;
margin-bottom: 0;
/*float: left;*/ } }
.tse-cols-2_12 {
margin-bottom: 20px; }
@media (min-width: 60em) {
.tse-cols-2_12 {
width: 20%;
padding: 0 0.8125em;
margin-bottom: 0;
/*float: left;*/ } }
@media screen and (max-width: 960px) {
div[class^='tse-cols'] img.alignnone, div[class^='tse-cols'] img.alignleft, div[class^='tse-cols'] img.alignright {
display: block;
margin-left: auto;
margin-right: auto;
float: none;
padding-left: 0;
padding-right: 0; } }
@media (min-width: 640px) and (max-width: 1016px) {
.rows-of-3 .test-form .gform_wrapper,
.tse-cols-3 .test-form .gform_wrapper {
padding: 15px; } }
/*Image Gallery Module*/
.image-gallery-module {
text-align: center; }
.image-gallery-module .popup-gallery,
.image-gallery-module .lightbox {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
line-height: 0;
display: block; }
.image-gallery-module .popup-gallery img,
.image-gallery-module .lightbox img {
width: 100%; }
/* ===== DEFAULTS FOR ALL BLOGS ===== */
.fb_iframe_widget span {
height: 24px !important; }
#recaptcha_table {
table-layout: initial !important;
height: 126px;
overflow: hidden;
margin-bottom: 1em; }
.blog-pagination {
font-size: 1.7em;
font-weight: bold; }
.blog-pagination a {
margin-right: 2em;
text-decoration: none; }
.more-link {
font-size: 1.4em;
text-decoration: none; }
.post-item {
border-bottom: 5px solid #f2f2f2;
padding-bottom: 2em;
margin-bottom: 2em; }
.hs-author-avatar {
float: left;
margin-right: 1.5em; }
.hs-author-avatar img {
border-bottom: 1px solid #adadad; }
.hs-author-social-label {
font-size: 1.3em; }
.hs-author-bio {
font-size: 1.3em;
line-height: 1.5em;
margin-bottom: 1em; }
.hs-author-profile {
background: #F2F2F2;
padding: .2em 2em 2em 2em; }
.hs-author-listing-header {
padding-top: 1em;
margin-top: .3em;
color: #b9b9b9; }
.hs-author-social-links a {
text-decoration: none; }
.hs-author-social-links img {
opacity: .7;
width: 1.875em;
height: 1.875em; }
.hs-author-social-links img:hover {
opacity: 1; }
/* end defaults */
.site-wrap {
background: #fff;
position: relative;
overflow: hidden;
margin: 0 auto; }
/*=============== ADA Complaince styling ===================*/
#skipToContent {
position: fixed;
z-index: 0;
top: 10px;
left: 10px;
opacity: 0; }
#skipToContent:focus {
opacity: 1;
z-index: 99999; }
.social-wrap a:focus:not(:hover):not(:active) {
outline-offset: -2px; }
.social-wrap a.tse-remove-border:focus:not(:hover):not(:active) {
outline: none;
outline-offset: 0; }
.site-nav a:focus:not(:hover):not(:active) {
position: relative;
z-index: 1; }
.nonlink {
cursor: default;
pointer-events: auto; }
@media (min-width: 60em) {
.nonlink {
pointer-events: none; } }
.lightbox {
display: inline-block; }
.lightbox.tse-remove-border {
outline: none !important; }
.lightbox.tse-remove-border:focus {
outline: none !important; }
.tse-remove-border {
outline: none !important; }
.tse-remove-border:focus {
outline: none !important; }
/*.no-touch {
&.mfg-popup-open {
margin-right: 17px;
.pillarpage-linklist-module.stuck,
.sh-sticky-wrap.stuck {
padding-right: 17px;
transition: none;
}
}
}*/
/*=============== Site Header ===============*/
.site-header {
position: relative;
z-index: 4; }
.site-header .inner-wrap, .site-header .inner-wrap-narrow, .site-header .inner-wrap-wide, .site-header .inner-wrap-fullwidth {
max-width: 82.625em; }
.site-header-wrap {
position: relative;
z-index: 99; }
.sh-logo-utitlity-wrap {
background-color: #f5f5f5; }
.sh-logo-utitlity-wrap > .inner-wrap, .sh-logo-utitlity-wrap > .inner-wrap-narrow, .sh-logo-utitlity-wrap > .inner-wrap-wide, .sh-logo-utitlity-wrap > .inner-wrap-fullwidth {
padding-top: 2.1875em;
padding-bottom: 0; }
@media (min-width: 60em) {
.sh-logo-utitlity-wrap {
background-color: #364262;
border-bottom: none; }
.sh-logo-utitlity-wrap > .inner-wrap, .sh-logo-utitlity-wrap > .inner-wrap-narrow, .sh-logo-utitlity-wrap > .inner-wrap-wide, .sh-logo-utitlity-wrap > .inner-wrap-fullwidth {
padding-top: 0.75em;
padding-bottom: 0.75em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.sh-logo-utitlity-wrap > .inner-wrap:after, .sh-logo-utitlity-wrap > .inner-wrap-narrow:after, .sh-logo-utitlity-wrap > .inner-wrap-wide:after, .sh-logo-utitlity-wrap > .inner-wrap-fullwidth:after {
content: none; } }
.site-logo {
margin: 0 auto;
max-width: 15.1875em; }
.site-logo.sh-mob-logo {
display: block;
margin: 0 auto 2.1875em; }
.site-logo img {
display: block; }
@media (min-width: 60em) {
.site-logo {
width: 22%;
max-width: 18.9375em;
display: inline-block;
vertical-align: middle;
margin: 0; }
.site-logo.sh-mob-logo {
display: none; } }
@media (min-width: 80em) {
.site-logo {
width: 29%;
margin-left: -1em;
margin-bottom: 0.1875em; } }
.sh-sticky-wrap {
/*@include transition(all .25s ease-in-out);*/ }
.sh-sticky-wrap .inner-wrap, .sh-sticky-wrap .inner-wrap-narrow, .sh-sticky-wrap .inner-wrap-wide, .sh-sticky-wrap .inner-wrap-fullwidth {
padding-top: 0;
padding-bottom: 0; }
@media (min-width: 60em) {
.sh-sticky-wrap {
background-color: transparent; }
.sh-sticky-wrap > .inner-wrap, .sh-sticky-wrap > .inner-wrap-narrow, .sh-sticky-wrap > .inner-wrap-wide, .sh-sticky-wrap > .inner-wrap-fullwidth {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.sh-sticky-wrap > .inner-wrap:after, .sh-sticky-wrap > .inner-wrap-narrow:after, .sh-sticky-wrap > .inner-wrap-wide:after, .sh-sticky-wrap > .inner-wrap-fullwidth:after {
content: none; }
.sh-sticky-wrap.stuck {
height: 6.25em;
padding: 0;
background-color: white;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 99;
box-shadow: 0px 0px 10px grey; }
.sh-sticky-wrap.stuck .site-nav-container {
border: 0; } }
.site-nav-container .sh-ico-search {
display: none; }
@media (min-width: 60em) {
.site-nav-container .sh-ico-search {
display: inline-block;
float: right; } }
.sh-utility-nav {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
position: relative;
background-color: #364262; }
.sh-utility-nav:before, .sh-utility-nav:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 100%;
background-color: #364262; }
.sh-utility-nav:after {
left: auto;
right: 100%; }
.sh-utility-nav > * {
display: inline-block;
text-align: center;
position: relative;
margin: 0;
vertical-align: middle; }
.sh-utility-nav > *:last-child {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
-webkit-order: 2;
-moz-order: 2;
order: 2;
-ms-flex-order: 2; }
.sh-utility-nav .top-header-nav {
display: none; }
@media (min-width: 60em) {
.sh-utility-nav {
width: 100%;
background-color: transparent;
margin: 0 1px 0 0;
padding: 0;
border: 0;
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end; }
.sh-utility-nav:after, .sh-utility-nav:before {
content: none; }
.sh-utility-nav > * {
width: auto;
display: inline;
text-align: left; }
.sh-utility-nav > *:last-child {
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
box-ordinal-group: 0;
-webkit-order: 0;
-moz-order: 0;
order: 0;
-ms-flex-order: 0; }
.sh-utility-nav > *:not(:last-of-type):after {
content: none; }
.sh-utility-nav .top-header-nav {
display: block; } }
/*//Site Header Icons*/
@media (min-width: 60em) {
.sh-icons {
display: none !important; } }
.sh-ico-search, .sh-ico-menu {
background-repeat: no-repeat;
background-position: center top;
display: inline-block;
padding-left: 1.5555555556em;
text-align: center;
text-decoration: none; }
.sh-ico-search span, .sh-ico-menu span {
font-size: 1.125em;
line-height: 2.0955555556em;
color: white; }
.sh-ph {
display: inline-block;
color: #fff;
font-size: 0;
position: relative;
text-decoration: none; }
.sh-ph span {
display: none; }
.sh-ph:before {
content: '';
width: 19px;
height: 19px;
display: block;
vertical-align: middle;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/phone.svg) left center no-repeat;
background-size: 18px; }
.sh-ph:focus, .sh-ph:hover {
color: #3273D8; }
.sh-ph:focus:before, .sh-ph:hover:before {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/phone-hover.svg) left center no-repeat;
background-size: 18px; }
@media (min-width: 60em) {
.sh-ph {
margin: 1px 0 0 2.9647058824em;
display: inline;
font-size: 1.0625em;
line-height: 1.1764705882em;
font-weight: 500;
padding-left: 1.4817647059em; }
.sh-ph span {
display: inline-block;
font-style: italic; }
.sh-ph:before {
display: inline-block;
position: absolute;
top: 0.0588235294em;
left: 0;
background-size: 16px; }
.sh-ph:focus:before, .sh-ph:hover:before {
background-size: 15px; } }
.sh-mail {
color: #fff;
font-size: 1.0625em;
line-height: 1.1764705882em;
position: relative;
text-decoration: none;
display: inline-block;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
-webkit-order: 1;
-moz-order: 1;
order: 1;
-ms-flex-order: 1; }
.sh-mail span {
display: none; }
.sh-mail:before {
content: '';
width: 21px;
height: 21px;
display: block;
vertical-align: middle;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/mail.svg) left center no-repeat;
background-size: 21px; }
.sh-mail:focus, .sh-mail:hover {
color: #3273D8; }
.sh-mail:focus:before, .sh-mail:hover:before {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/mail-hover.svg) left center no-repeat;
background-size: 21px; }
@media (min-width: 60em) {
.sh-mail {
padding: 0 0 0 1.3529411765em;
margin: 0.0588235294em 0 0 8.25%;
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
box-ordinal-group: 0;
-webkit-order: 0;
-moz-order: 0;
order: 0;
-ms-flex-order: 0; }
.sh-mail:before {
position: absolute;
left: 0;
top: 0;
background-size: 18px; }
.sh-mail span {
display: inline-block;
font-style: italic; }
.sh-mail:focus:before, .sh-mail:hover:before {
background-size: 17px; } }
.sh-ico-search {
position: relative;
padding-left: 0;
display: block;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
-webkit-order: 2;
-moz-order: 2;
order: 2;
-ms-flex-order: 2; }
.sh-ico-search span {
display: none; }
.sh-ico-search:before {
content: '';
width: 18px;
height: 18px;
display: block;
vertical-align: middle;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/search.svg) left center no-repeat;
background-size: 18px; }
.sh-ico-search:after {
content: none; }
@media (min-width: 60em) {
.sh-ico-search {
margin: 0 0 0 2.525em;
padding-left: 1.625em;
display: inline-block;
vertical-align: top;
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
box-ordinal-group: 0;
-webkit-order: 0;
-moz-order: 0;
order: 0;
-ms-flex-order: 0;
color: #fff;
font-family: "Titillium Web", sans-serif; }
.sh-ico-search:before {
width: 19px;
height: 19px;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.sh-ico-search span {
display: inline-block;
font-size: 1.0625em;
font-weight: 700;
line-height: 1.5294117647em; }
.sh-ico-search:focus, .sh-ico-search:hover {
color: #3273D8; }
.sh-ico-search:focus span, .sh-ico-search:hover span {
color: #3273D8; }
.sh-ico-search:focus:before, .sh-ico-search:hover:before {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/search-hover.svg) left center no-repeat;
background-size: 18px; } }
.sh-ico-menu {
width: 24px;
height: 24px;
padding-left: 24px;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/mobile-module-menu-icon.svg) left center no-repeat;
background-size: 24px;
vertical-align: middle;
display: block; }
.sh-ico-menu span {
display: none; }
@media (min-width: 60em) {
.sh-ico-menu {
display: none; } }
.sh-contact {
padding: 0 1.4711111111em;
display: inline-block;
font-size: 1.125em;
line-height: 2.8877777778em;
text-decoration: none;
font-weight: 700;
overflow: hidden;
display: none;
/*@media (min-width: 960px) and (max-width: 1100px ) {
padding: 0 em(10, 18);
margin-left: em(10, 18);
}*/ }
@media (min-width: 960px) and (max-width: 1200px){
.sh-contact {
padding: 0 11px;
font-size: 14px;
margin: 32px 0 !important;
}}
@media (min-width: 60em){
.site-logo {
max-width: 13em !important;
}}
@media (min-width: 80em){
.site-logo {
max-width: 18.1875em !important;
}}
.sh-contact.sh-mob-contact {
font-size: 0.9375em;
line-height: 2.7333333333em;
display: block;
padding: 0 1.2em 0 1.2666666667em;
margin: 0; }
.sh-contact.sh-mob-contact:focus, .sh-contact.sh-mob-contact:hover {
border-color: #526699;
color: #526699;
color: #fff; }
@media (min-width: 60em) {
.sh-contact {
display: inline-block;
float: right;
margin: 1.3888888889em -2px 1.3888888889em 0.9733333333em; }
.sh-contact.sh-mob-contact {
display: none; } }
.top-header-nav {
font-family: "Titillium Web", sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 1em; }
@media (min-width: 60em) {
.top-header-nav {
font-size: 1.0625em; } }
.thn-menu {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; }
.thn-menu li:not(:last-child) {
border-right: 1px solid #fff;
padding-right: 0.5294117647em;
margin-right: 0.5294117647em; }
.thn-menu li a {
color: #fff;
text-decoration: none; }
.thn-menu li a:hover, .thn-menu li a:focus {
color: #3273D8;
text-decoration: none; }
/*=============== Site Intro ===============*/
.site-intro {
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/hero/hero-image.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden; }
.site-intro .inner-wrap, .site-intro .inner-wrap-narrow, .site-intro .inner-wrap-wide, .site-intro .inner-wrap-fullwidth {
position: relative;
z-index: 2;
padding-top: 5.1875em;
padding-bottom: 5.5625em; }
.site-intro:before {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background: url(https://metalspinning.helandermetal.com/hubfs/img/hero/hero-gradient-overlay.png) center/cover no-repeat;
z-index: 1; }
@media (min-width: 40em) {
.site-intro .inner-wrap, .site-intro .inner-wrap-narrow, .site-intro .inner-wrap-wide, .site-intro .inner-wrap-fullwidth {
height: 33.125em;
padding-top: 5.625em;
padding-bottom: 5.625em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; } }
.sh-video-wrapper video {
position: absolute;
left: 0;
top: 0;
height: 100%;
overflow: hidden;
/* width: 100%; */ }
@media (min-width: 60em) {
.sh-video-wrapper video {
width: 100%;
height: auto; } }
.si-content-wrap {
width: 31.25em;
max-width: 100%;
text-align: center;
margin: 0 auto; }
@media (min-width: 40em) {
.si-content-wrap {
text-align: left;
margin: 0; } }
.si-header {
font-size: 1.5625em;
line-height: 1.2em;
font-weight: 700;
color: #fff;
margin: 0; }
@media (min-width: 40em) {
.si-header {
font-size: 1.875em;
line-height: 1.4em; } }
@media (min-width: 80em) {
.si-header {
margin-top: 0.3em; } }
.si-sub-header {
margin-bottom: 0.3888888889em;
font-size: 0.72em;
line-height: 1.6666666667em;
font-weight: 700;
color: #fff;
display: block; }
@media (min-width: 40em) {
.si-sub-header {
margin-bottom: 0.2619047619em;
font-size: 0.7em;
line-height: 1.5238095238em; } }
.si-btn-wrap {
margin: 1.71875em 0 0; }
@media (min-width: 40em) {
.si-btn-wrap {
margin: 1.625em 0 0; } }
.si-cta {
padding: 0.632em 1.0666666667em 0.568em 1.1333333333em;
font-size: 0.9375em;
line-height: 1.5333333333em; }
@media (min-width: 40em) {
.si-cta {
padding: 0.4661904762em 1.6380952381em 0.4395238095em;
font-size: 1.3125em;
line-height: 1.5238095238em; } }
/*=============== Site Content ===============*/
.site-content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
/*==================== Services Module ==================*/
.services-module {
position: relative; }
.services-module:before {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(https://metalspinning.helandermetal.com/hubfs/img/services/services-bg-graphic.png) center/cover no-repeat;
opacity: 0.1; }
.services-module .inner-wrap, .services-module .inner-wrap-narrow, .services-module .inner-wrap-wide, .services-module .inner-wrap-fullwidth {
padding-top: 2.875em;
padding-bottom: 6.3125em;
position: relative;
z-index: 1; }
@media (min-width: 40em) {
.sm-wrap {
margin: 0 -0.5em; }
.sm-wrap.tse-cols-3 {
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center; } }
@media (min-width: 60em) {
.sm-wrap {
-webkit-box-lines: single;
-moz-box-lines: single;
box-lines: single;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.sm-item {
padding-bottom: 1em; }
@media (min-width: 40em) {
.sm-item {
padding: 0 0.5em 1em; } }
.sm-item-link {
height: 22.5em;
border-radius: 3px;
padding: 1.875em 0;
display: block;
position: relative;
background-color: #72716E;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
text-decoration: none;
overflow: hidden; }
.sm-item-link:before {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
transition: opacity 0.25s; }
.sm-item-link:hover, .sm-item-link:focus {
text-decoration: none; }
.sm-item-link:hover .sm-heading, .sm-item-link:focus .sm-heading {
background-color: #3273D8; }
.sm-item-link:hover:before, .sm-item-link:focus:before {
opacity: 0; }
.sm-img {
display: none; }
.sm-heading {
width: 100%;
padding: 0.4em;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 2.5em;
line-height: 1.2em;
text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: background 0.25s;
-moz-transition: background 0.25s;
transition: background 0.25s; }
.sm-additional-services {
padding: 2.8125em 1.25em 2.9375em;
border-radius: 3px;
position: relative;
background-color: #72716E;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden; }
.sm-additional-services:before {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
transition: opacity 0.25s; }
.sm-additional-services > * {
position: relative;
z-index: 1; }
@media (min-width: 60em) {
.sm-additional-services {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; } }
.sm-add-heading-wrap {
padding: 3%;
text-align: center; }
@media (min-width: 60em) {
.sm-add-heading-wrap {
width: 35%;
float: left; } }
@media (min-width: 80em) {
.sm-add-heading-wrap {
padding: 3% 7% 3% 3%; } }
.sm-add-heading {
margin: 0;
color: #fff;
font-size: 2.5em;
line-height: 1.2em;
text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2); }
@media (min-width: 60em) {
.sm-add-services-wrap {
width: 65%;
float: right; } }
.sm-add-services-listing > * {
padding: 0 0 3.25em; }
@media (min-width: 40em) {
.sm-add-services-listing {
margin: 0 -0.8125em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.sm-add-services-listing:before, .sm-add-services-listing:after {
content: "";
display: table; }
.sm-add-services-listing:after {
clear: both; }
.sm-add-services-listing > * {
width: 50%;
padding: 0 0.8125em;
/*float: left;*/ } }
@media (min-width: 40em) {
.sm-add-item:nth-child(even) .sm-add-item-link {
margin-left: auto;
margin-right: 0; }
.sm-add-item:not(:last-child):not(:nth-last-child(2)) {
margin-bottom: 3.25em; } }
.sm-add-item-link {
max-width: 100%;
width: 100%;
min-height: 4.5em;
padding: 0.6666666667em 0.5416666667em;
border: 1px solid #fff;
margin-right: auto;
border-radius: 3px;
display: table;
color: #fff;
font-size: 1.5em;
font-weight: 700;
line-height: 1.5em;
text-align: center;
text-decoration: none;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
background-size: cover;
background-position: center;
position: relative; }
.sm-add-item-link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(50, 115, 216, 0.4);
opacity: 0; }
.sm-add-item-link > * {
position: relative;
z-index: 1; }
.sm-add-item-link span {
display: table-cell;
vertical-align: middle; }
.sm-add-item-link:hover, .sm-add-item-link:focus {
border-color: #3273D8;
background-color: #3273D8;
color: #fff;
text-decoration: none; }
.sm-add-item-link:hover:before, .sm-add-item-link:focus:before {
opacity: 1; }
@media (min-width: 60em) {
.sm-add-item-link {
width: 14.125em; } }
@media (min-width: 80em) {
.sm-add-item-link {
padding: 0.6666666667em 0.75em; } }
/*======== Industries Served Module =========*/
.industries-served-module {
background-color: #F2F2F2; }
.industries-served-module .inner-wrap, .industries-served-module .inner-wrap-narrow, .industries-served-module .inner-wrap-wide, .industries-served-module .inner-wrap-fullwidth {
padding-top: 3.8125em;
padding-bottom: 5.375em; }
@media (min-width: 60em) {
.industries-served-module .inner-wrap, .industries-served-module .inner-wrap-narrow, .industries-served-module .inner-wrap-wide, .industries-served-module .inner-wrap-fullwidth {
padding-bottom: 4.125em; } }
.ism-section-heading {
margin: 0 0 0.8375em;
color: #1c1c1c;
font-size: 2.5em;
font-weight: 700;
line-height: 1.525em;
text-align: center; }
.ism-tabs-wrap {
margin-bottom: 4.15625em; }
.ism-tabs-wrap .item {
display: block !important; }
.ism-tabs-wrap .slick-next,
.ism-tabs-wrap .slick-prev {
width: 30px;
height: calc(100% - 11px);
margin: 5.5px 0;
background: #526699 url(https://metalspinning.helandermetal.com/hubfs/img/icons/arrow-angle-right-white.svg) center no-repeat;
background-size: 14.26px;
top: 0;
right: 0;
z-index: 1;
transform: none;
color: transparent; }
.ism-tabs-wrap .slick-next:before,
.ism-tabs-wrap .slick-prev:before {
display: none; }
.ism-tabs-wrap .slick-next:after,
.ism-tabs-wrap .slick-prev:after {
display: none; }
.ism-tabs-wrap .slick-next:focus, .ism-tabs-wrap .slick-next:hover,
.ism-tabs-wrap .slick-prev:focus,
.ism-tabs-wrap .slick-prev:hover {
background: #3273D8 url(https://metalspinning.helandermetal.com/hubfs/img/icons/arrow-angle-right-white.svg) center no-repeat;
background-size: 14.26px; }
.ism-tabs-wrap .slick-next:focus:not(:hover):not(:active),
.ism-tabs-wrap .slick-prev:focus:not(:hover):not(:active) {
outline: 2px dashed #1c1c1c;
outline-offset: -2px; }
.ism-tabs-wrap .slick-prev {
display: none !important; }
.ism-tabs-wrap .slick-next {
right: 0;
left: auto; }
.ism-tabs-wrap .slick-list {
width: calc(100% - 36px);
margin-right: auto; }
@media (min-width: 40em) {
.ism-tabs-wrap .slick-current .ism-tab-title {
background-color: #526699; }
.ism-tabs-wrap .slick-current .ism-tab-title span {
color: #fff; }
.ism-tabs-wrap .slick-current .ism-img-on {
display: none; }
.ism-tabs-wrap .slick-current .ism-img-off {
display: block; }
.ism-tabs-wrap .slick-slide {
border-left: 0; } }
.ism-tab-title {
height: 6.3125em;
padding: 0.9375em 0.75em;
border-radius: 3px;
margin: 0.34375em;
cursor: pointer;
background-color: #fff;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
/*@include justify-content(center);*/
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); }
.ism-tab-title span {
font-family: "Titillium Web", sans-serif;
font-size: 1.125em;
line-height: 1.15em;
font-weight: 700;
color: #000; }
.ism-tab-title figure {
margin-right: 0.75em; }
.ism-tab-title figure.ism-commercial-food {
margin-right: 0.5625em; }
.ism-tab-title figure.ism-commercial-food img {
min-width: 3em; }
.slick-slide .ism-img-off {
display: none; }
#ism-content-wrap .slick-list {
overflow: visible; }
.ism-wrap.slick-slider {
margin-bottom: 0 !important; }
.ism-wrap .item {
display: block !important; }
.ism-wrap .slick-dots {
bottom: -0.9375em; }
.ism-wrap .slick-dots li {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0;
margin: 0.1875em; }
.ism-wrap .slick-dots li button {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #3273D8;
border: 1px solid #3273D8;
padding: 0; }
.ism-wrap .slick-dots li button:before {
display: none; }
.ism-wrap .slick-dots li button:after {
display: none; }
.ism-wrap .slick-dots li.slick-active {
background-color: transparent; }
.ism-wrap .slick-dots li.slick-active button {
background-color: transparent; }
@media (min-width: 60em) {
.ism-wrap .slick-dots {
display: none !important; } }
.ism-content {
text-align: center; }
@media (min-width: 60em) {
.ism-content {
text-align: left;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; } }
.ism-img {
border-radius: 3px;
overflow: hidden; }
.ism-img img {
margin: auto;
border-radius: 3px; }
@media (min-width: 60em) {
.ism-img {
width: 50%; }
.ism-img img {
width: 100%;
min-height: 20.25em;
margin: auto;
display: block;
object-fit: cover; } }
.ism-txt {
max-width: 100%;
margin: 0 auto;
padding: 0; }
@media (min-width: 60em) {
.ism-txt {
width: 33.125em;
margin: 0 auto 0 0; } }
.smc-subtitle {
margin: 0;
color: #1A51A5;
font-family: "Titillium Web", sans-serif;
font-size: 1.125em;
font-weight: 500;
line-height: 1.6666666667em;
text-transform: uppercase; }
.smc-title {
margin: 0 0 0.1785714286em;
color: #1c1c1c;
font-size: 1.75em;
font-weight: 700;
line-height: 1.5357142857em; }
.smc-txt {
margin-bottom: 2.5em; }
.smc-txt p {
margin: 0 0 1.1111111111em;
color: #1c1c1c;
font-size: 1.125em;
font-weight: 400;
line-height: 1.3888888889em; }
.btn-smc {
text-transform: capitalize; }
@media (min-width: 40em) {
.btn-smc {
padding: 0.5em 2.005em 0.55em;
font-size: 1.25em;
line-height: 1.5em; } }
/*========= About Us Module Start =========*/
.about-us-module {
background-color: #D7DAED; }
@media (min-width: 60em) {
.about-us-module {
position: relative; }
.about-us-module:after, .about-us-module:before {
content: '';
width: 100%;
height: 4.5em;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(https://metalspinning.helandermetal.com/hubfs/img/about-us/about-us-border-shape.png) top center/cover no-repeat; }
.about-us-module:after {
top: auto;
bottom: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
background: url(https://metalspinning.helandermetal.com/hubfs/img/about-us/about-us-border-shape.png) bottom center/cover no-repeat; } }
@media (min-width: 80em) {
.about-us-module:after {
bottom: -2.2%; } }
@media (min-width: 60em) {
.about-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
/*@include align-items(flex-end);
@include justify-content(center);*/ } }
.aum-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: none; }
.aum-img img {
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover; }
@media (min-width: 60em) {
.aum-img {
width: 49.7%;
min-height: 61.4375em;
display: block; }
.aum-img img {
display: none; } }
.aum-content-wrap {
width: 36.75em;
padding: 1.875em 0;
max-width: calc(100% - 32px);
margin: 0 auto;
text-align: center; }
@media (min-width: 60em) {
.aum-content-wrap {
max-width: calc(50.3% - 24px);
margin: 0 auto 0 0;
padding: 8.8125em 0 18.9375em 5.5em;
text-align: left; } }
.aum-heading {
margin: 0 0 0.675em;
font-size: 2.5em;
line-height: 1.2em;
color: #1c1c1c;
font-weight: 700; }
.aum-listing-content {
text-align: left; }
.aum-item {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.34375em; }
.aum-item:not(:last-child) .aum-item-description {
padding-bottom: 1.5789473684em;
border-bottom: 1px solid #c1c1c1; }
.aum-item-icon {
min-width: 2.5em;
max-width: 100%;
margin-right: 1.875em;
margin-top: 0.625em; }
@media (min-width: 40em) {
.aum-item-icon {
min-width: 3.75em;
margin-top: 0;
margin-right: 2.611875em; } }
.aum-item-title {
margin: 0;
font-size: 1.5em;
line-height: 1.5em;
color: #1c1c1c;
font-weight: 700; }
.aum-item-description {
margin: 0;
font-size: 1.1875em;
line-height: 1.2105263158em;
color: #1c1c1c;
font-weight: 400; }
.aum-btn {
margin-top: 0.95em; }
@media (min-width: 40em) {
.aum-btn {
padding: 0.5em 2.005em 0.55em;
font-size: 1.25em;
line-height: 1.5em; } }
.aum-certificates-wrap {
padding-bottom: 1.875em; }
.aum-certificates-wrap .inner-wrap, .aum-certificates-wrap .inner-wrap-narrow, .aum-certificates-wrap .inner-wrap-wide, .aum-certificates-wrap .inner-wrap-fullwidth {
padding-top: 0;
padding-bottom: 0; }
@media (min-width: 60em) {
.aum-certificates-wrap {
width: 100%;
position: absolute;
left: 0;
bottom: 7.375em;
padding-bottom: 0; } }
.aum-cert-inner-wrap {
border-radius: 3px;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
overflow: hidden; }
.aum-cert-inner-wrap:after {
content: none; }
.aum-cert-inner-wrap > * {
width: 100%;
padding: 0.9375em; }
@media (min-width: 40em) {
.aum-cert-inner-wrap > * {
width: 33.33%; }
.aum-cert-inner-wrap > *.aum-cert-title {
width: 100%; } }
@media (min-width: 60em) {
.aum-cert-inner-wrap {
-webkit-box-lines: single;
-moz-box-lines: single;
box-lines: single;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.aum-cert-inner-wrap > * {
width: 25%; }
.aum-cert-inner-wrap > *.aum-cert-title {
width: 25%; } }
.aum-cert-title {
min-height: 8.9375em;
padding: 0.9375em;
display: table;
background-color: #f2f2f2;
text-align: center; }
.aum-cert-title h3 {
margin: 0;
display: table-cell;
vertical-align: middle;
font-size: 1.75em;
line-height: 1.5357142857em;
color: #1c1c1c;
font-weight: 700; }
.aum-cert-img {
max-height: 6.5em; }
.aum-cert-img img {
max-height: 6.5em;
display: block;
margin: 0 auto; }
/*========= Our Blog Module =========*/
.our-blog-module {
background-color: #f2f2f2; }
.our-blog-module .inner-wrap, .our-blog-module .inner-wrap-narrow, .our-blog-module .inner-wrap-wide, .our-blog-module .inner-wrap-fullwidth {
padding-top: 6.3125em;
padding-bottom: 3em; }
@media (min-width: 60em) {
.our-blog-module {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; } }
.obm-section-content-wrap {
text-align: center; }
@media (min-width: 60em) {
.obm-section-content-wrap {
width: 25%;
float: left;
text-align: left;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
height: 100%; } }
.obm-section-content {
margin: 0 0 1.875em; }
@media (min-width: 60em) {
.obm-section-content {
max-width: calc(100% - 16px);
width: 15.9375em;
margin: 0; } }
.obm-heading {
margin: 0 0 0.3055555556em;
color: #1c1c1c;
font-size: 2.25em;
font-weight: 700;
line-height: 1.3333333333em; }
.obm-description {
margin: 0 0 2.7777777778em;
color: #1c1c1c;
font-size: 1.125em;
font-weight: 400;
line-height: 1.3888888889em; }
.obm-cta {
padding: 0.8555555556em 1.5em; }
@media (min-width: 60em) {
.obm-listing-wrap {
width: 75%;
float: right;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; } }
.obm-listing {
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
text-align: center; }
@media (min-width: 40em) {
.obm-listing {
margin: 0 -0.5625em; } }
.obm-item-wrap {
padding-bottom: 1.125em; }
@media (min-width: 40em) {
.obm-item-wrap {
padding: 0 0.5625em 1.125em; } }
@media (min-width: 60em) {
.obm-item-wrap {
padding-bottom: 0; } }
.obm-item {
border-radius: 3px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
overflow: hidden; }
@media (min-width: 60em) {
.obm-item {
height: 100%; } }
.obm-item-img {
border-radius: 3px 3px 0 0; }
.obm-item-img a,
.obm-item-img img {
width: 100%;
display: block; }
.obm-item-img a:focus:not(:active):not(:hover) {
outline-offset: -2px; }
.obm-item-content {
background-color: #fff;
padding: 0.8125em 1.0625em 1.8125em; }
@media (min-width: 60em) {
.obm-item-content {
height: 100%; } }
.obm-item-title {
margin: 0 0 0.4761904762em;
color: #1c1c1c;
font-size: 1.3125em;
font-weight: 700;
line-height: 1.5238095238em; }
.obm-item-description {
/*margin: 0 0 em(27, 18);*/
margin: 0 0 1.1111111111em;
color: #555;
font-size: 1.125em;
font-weight: 400;
line-height: 1.3888888889em; }
/*============ Sitemap Page styling ============*/
.sitemap-menu .sub-menu {
padding-left: 1.875em;
display: block !important; }
.sitemap-menu li {
margin-bottom: 0.5em; }
.sitemap-menu .nonlink {
color: #1c1c1c;
text-decoration: none; }
.sitemap-menu .nonlink:hover, .sitemap-menu .nonlink:focus {
color: #1c1c1c;
text-decoration: none; }
.sitemap .breadcrumb-menu {
display: none; }
/*=============== Site Footer ===============*/
.site-footer {
color: #1c1c1c;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); }
@media (min-width: 40em) {
.site-footer {
text-align: left; } }
.sf-top {
position: relative; }
.sf-top:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(https://metalspinning.helandermetal.com/hubfs/img/footer-bg-graphic.png) center/cover no-repeat;
opacity: 0.1; }
.sf-top > .inner-wrap, .sf-top > .inner-wrap-narrow, .sf-top > .inner-wrap-wide, .sf-top > .inner-wrap-fullwidth {
padding-top: 3.1875em;
padding-bottom: 0.75em;
position: relative;
z-index: 1; }
.sf-footer-logo {
width: 100%;
padding: 0 0 4.4375em;
margin-top: 0 !important;
text-align: center; }
.sf-footer-logo a {
display: inline-block; }
.sf-footer-logo img {
width: 24.75em;
max-width: 100%;
margin: auto;
display: block; }
.sf-header {
margin: 0 0 0.619047619em;
color: #1c1c1c;
font-size: 1.3125em;
font-weight: 700;
line-height: 1.5238095238em; }
.sf-company-name {
margin: 1.4375em 0 0.3125em;
font-weight: 500;
display: block; }
.sf-contact-info {
margin-bottom: 1.625em; }
@media (min-width: 960px) and (max-width: 1100px) {
.tse-cols-4 > * {
width: 23%; }
.tse-cols-4 > *.sf-contact-info {
width: 29%; } }
.sf-contact-list {
list-style: none;
padding-left: 0; }
.sf-contact-list li {
font-size: 1.125em;
font-weight: 500;
line-height: 1.3888888889em; }
.sf-contact-list li:not(:last-child) {
margin-bottom: 0.9375em; }
.sf-contact-list li:not(.sf-menu-link):not(.sf-email):not(.sf-ph):before {
content: '';
width: 20px;
height: 20px;
margin-right: 5px;
display: inline-block;
vertical-align: middle; }
.sf-contact-list a {
text-decoration: none;
color: #1c1c1c;
font-weight: 600; }
.sf-contact-list .sf-ph a:before,
.sf-contact-list .sf-email a:before {
content: '';
width: 20px;
height: 20px;
margin-right: 5px;
display: inline-block;
vertical-align: middle; }
.sf-contact-list:not(.sf-fax) a:focus, .sf-contact-list:not(.sf-fax) a:hover {
color: #3273D8;
text-decoration: none; }
@media (min-width: 60em) {
.sf-contact-list .sf-ph a,
.sf-contact-list .sf-email a {
padding-left: 1.5em; }
.sf-contact-list li:not(.sf-menu-link):not(.sf-email):not(.sf-ph) {
padding-left: 1.5em; }
.sf-contact-list .sf-ph a,
.sf-contact-list .sf-email a,
.sf-contact-list li {
position: relative; }
.sf-contact-list .sf-ph a:before,
.sf-contact-list .sf-email a:before,
.sf-contact-list li:before {
position: absolute;
left: 0;
top: 3px; } }
@media (max-height: 46em) and (min-width: 60em) {
.sf-contact-list .sf-ph a:before,
.sf-contact-list .sf-email a:before,
.sf-contact-list li:before {
top: 1px; } }
.sf-ph a:before {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/phone-black.svg) left center/15px no-repeat; }
.sf-ph a:focus, .sf-ph a:hover {
text-decoration: none !important; }
.sf-ph a:focus:before, .sf-ph a:hover:before {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/phone-hover.svg) left center/15px no-repeat; }
@media (max-height: 46em) and (min-width: 60em) {
.sf-ph a:before {
background-size: 12px; } }
.sf-fax a:before {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/fax.svg) left center/16px no-repeat; }
@media (max-height: 46em) and (min-width: 60em) {
.sf-fax a:before {
background-size: 12px; } }
.sf-email a:before {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/mail-black.svg) left center/15px no-repeat; }
.sf-email a:focus, .sf-email a:hover {
text-decoration: none !important; }
.sf-email a:focus:before, .sf-email a:hover:before {
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/mail-hover.svg) left center/15px no-repeat; }
@media (max-height: 46em) and (min-width: 60em) {
.sf-email a:before {
background-size: 15px; } }
.sf-contact-list li.sf-address {
font-size: 1em;
font-weight: 400 !important;
line-height: 1.5625em;
color: #1c1c1c;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.sf-contact-list li.sf-address address {
font-style: normal;
font-weight: 500; }
.sf-contact-list li.sf-address:before {
min-width: 20px;
width: 20px;
height: 22px;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/location-icon.svg) left center/14px no-repeat; }
@media (max-height: 46em) and (min-width: 60em) {
.sf-contact-list li.sf-address:before {
background-size: 11px; } }
.sf-links-wrap {
margin-bottom: 1.875em; }
.sf-links a {
color: #1c1c1c;
font-size: 1.125em;
font-weight: 600;
line-height: 1.3888888889em;
text-decoration: none; }
.sf-links a:focus, .sf-links a:hover {
color: #3273D8;
text-decoration: none; }
.sf-links li:not(:last-child) {
margin-bottom: 0.9375em; }
.footer-bottom {
background-color: #364262;
text-align: center; }
.footer-bottom .inner-wrap, .footer-bottom .inner-wrap-narrow, .footer-bottom .inner-wrap-wide, .footer-bottom .inner-wrap-fullwidth {
padding-top: 0.875em;
padding-bottom: 0.75em; }
@media (min-width: 60em) {
.footer-bottom .inner-wrap, .footer-bottom .inner-wrap-narrow, .footer-bottom .inner-wrap-wide, .footer-bottom .inner-wrap-fullwidth {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.footer-bottom .inner-wrap:after, .footer-bottom .inner-wrap-narrow:after, .footer-bottom .inner-wrap-wide:after, .footer-bottom .inner-wrap-fullwidth:after {
content: none; } }
.copyright {
font-size: 1.125em;
line-height: 1.5em;
color: #fff;
margin: 0; }
.copyright a {
color: #fff;
text-decoration: none; }
.copyright a:focus, .copyright a:hover {
color: #3273D8;
text-decoration: underline; }
.sf-bottom-links-wrap {
font-size: 1em;
font-weight: 400;
line-height: 1em; }
@media (min-width: 60em) {
.sf-bottom-links-wrap {
font-size: 1.125em; } }
.sf-bottom-links {
margin-top: 0.625em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.sf-bottom-links li:not(:last-child) {
border-right: 1px solid #fff;
padding-right: 0.4444444444em;
margin-right: 0.4444444444em; }
.sf-bottom-links li a {
color: #fff;
text-decoration: none; }
.sf-bottom-links li a:hover, .sf-bottom-links li a:focus {
color: #3273D8;
text-decoration: none; }
@media (min-width: 60em) {
.sf-bottom-links {
margin-top: 0; } }
.sf-social-wrap {
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.sf-social-wrap a {
margin: 0 0 0 0.375em;
opacity: 0.71; }
.sf-social-wrap a.twitter img {
width: 1.4375em; }
.sf-social-wrap a.facebook img {
width: 0.6875em; }
.sf-social-wrap a.instagram img {
width: 1.3125em; }
.sf-social-wrap a.linkedin img {
width: 1.25em; }
@media (min-width: 60em) {
.sf-social-wrap {
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end; } }
img[name=pphLoggerImage] {
display: none; }
/*=============== Search ===============*/
.search-table {
display: table;
width: 100%;
float: right;
padding: 0; }
.search-row {
display: table-row;
width: 100%; }
.search-cell1 {
display: table-cell;
vertical-align: middle; }
@media (min-width: 60em) {
.search-cell1 {
width: 92%; } }
.search-cell2 {
display: table-cell;
width: 3.75em;
border: 0;
vertical-align: middle;
text-align: center; }
@media (min-width: 60em) {
.search-cell2 {
width: 6%; } }
.search-cell3 {
display: table-cell;
vertical-align: middle; }
@media (min-width: 60em) {
.search-cell3 {
width: 3%;
text-align: center; } }
.search-text {
font-size: .8em;
width: 100%;
height: 2.3em;
border: 1px solid red;
float: left;
padding-left: .5em;
margin-bottom: 0 !important; }
.search-text:focus {
border: 0;
box-shadow: none !important; }
.search-submit {
width: 25px;
height: 1.6em;
margin: 0 auto;
padding: 0 !important;
border: 0;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/search.svg) no-repeat center center/22px !important; }
.search-submit:focus, .search-submit:hover {
border: 0 !important;
/*background: url(img/icons/search-hover.svg) no-repeat center center/22px !important;*/
opacity: 0.6; }
.search-submit:focus {
outline: none; }
@media (min-width: 40em) {
.site-search {
width: 100%; }
.search-text {
height: 2.3em; }
.search-submit {
height: 1.6em; } }
.search-module {
background-color: #3273D8;
margin-top: -5em;
/*border-bottom: 1px solid rgba(0, 0, 0, 0.47);*/
position: fixed;
left: 0;
right: 0;
z-index: 10000;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.search-module.active {
margin-top: 0; }
.search-module .inner-wrap, .search-module .inner-wrap-narrow, .search-module .inner-wrap-wide, .search-module .inner-wrap-fullwidth {
padding: 0.8125em 1.5em; }
.search-exit i {
font-size: 2.25em;
color: #fff; }
.search-exit img {
width: 1.1875em;
vertical-align: middle; }
.search-exit:hover {
opacity: 0.6; }
@media (min-width: 60em) {
.search-exit {
margin-bottom: 0px; } }
/*=============== Read More ===============*/
.main-content {
display: block;
overflow: hidden;
position: relative; }
@media (min-width: 40em) {
.main-content {
display: inline; } }
@media (max-width: 40em) {
.height {
max-height: 15.625em; }
.height:before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
bottom: 0;
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 1; }
.heightAuto {
max-height: 312.5em; }
.heightAuto:before {
display: none; } }
.link {
display: block;
text-align: center;
font-weight: bold;
color: #3273D8;
padding-bottom: 0.625em; }
@media (min-width: 40em) {
.link {
display: none; } }
/*======== Solution Module =========*/
.sm-tabs-wrap .slick-prev {
width: 50px;
height: 75px;
background-color: #3273D8;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-arrowleft.png);
background-size: 10px 16px;
background-position: center;
top: 0;
left: 0;
z-index: 1;
transform: none;
background-repeat: no-repeat; }
.sm-tabs-wrap .slick-prev:before {
display: none; }
.sm-tabs-wrap .slick-prev:after {
display: none; }
.sm-tabs-wrap .slick-prev:focus, .sm-tabs-wrap .slick-prev:hover {
background-color: #3273D8;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-arrowleft.png);
background-size: 10px 16px;
background-repeat: no-repeat;
transform: none;
background-position: center; }
.sm-tabs-wrap .slick-prev:focus:not(:hover):not(:active) {
outline: 2px dashed #1c1c1c;
outline-offset: -2px; }
.sm-tabs-wrap .slick-next {
width: 50px;
height: 75px;
background-color: #3273D8;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-arrowleft.png);
background-size: 10px 16px;
background-position: center;
top: 0;
right: 0;
z-index: 1;
transform: rotate(180deg);
background-repeat: no-repeat; }
.sm-tabs-wrap .slick-next:before {
display: none; }
.sm-tabs-wrap .slick-next:after {
display: none; }
.sm-tabs-wrap .slick-next:focus, .sm-tabs-wrap .slick-next:hover {
background-color: #3273D8;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-arrowleft.png);
background-size: 10px 16px;
background-repeat: no-repeat;
transform: rotate(180deg);
background-position: center; }
.sm-tabs-wrap .slick-next:focus:not(:hover):not(:active) {
outline: 2px dashed #1c1c1c;
outline-offset: -2px; }
.sm-tabs-wrap .slick-list {
width: calc(100% - 102px);
margin: auto; }
.sm-tabs-wrap .slick-slide {
border-right: 1px solid #fff;
border-left: 1px solid #fff; }
@media (min-width: 60em) {
.sm-tabs-wrap .slick-current .sm-tab-title {
background-color: #f2f2f2; }
.sm-tabs-wrap .slick-current .sm-tab-title span {
color: #3273D8; }
.sm-tabs-wrap .slick-slide {
border-left: 0; } }
.sm-tab-title {
text-align: center;
cursor: pointer;
background-color: #3273D8;
padding: 0.75em 0.625em;
height: 4.625em;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.sm-tab-title span {
font-size: 22px;
line-height: 1.2em;
font-weight: 500;
color: #fff; }
.sm-wrap.slick-slider {
margin-bottom: 0 !important; }
.sm-wrap .slick-dots {
bottom: 0; }
.sm-wrap .slick-dots li {
width: 12px;
height: 12px;
border-radius: 50%;
margin: 0;
margin: 0.1875em; }
.sm-wrap .slick-dots li button {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: transparent;
border: 1px solid #3273D8;
padding: 0; }
.sm-wrap .slick-dots li button:before {
display: none; }
.sm-wrap .slick-dots li button:after {
display: none; }
.sm-wrap .slick-dots li.slick-active {
background-color: #3273D8; }
.sm-content {
text-align: center; }
@media (min-width: 60em) {
.sm-content {
text-align: left;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin: auto; } }
.sm-img {
overflow: hidden; }
.sm-img img {
margin: auto; }
@media (min-width: 60em) {
.sm-img {
width: 32.5em; }
.sm-img img {
margin: auto;
display: block;
width: 100%; } }
@media (min-width: 60em) {
.sm-txt {
width: calc(100% - 32.5em);
padding-left: 1.5625em;
padding-right: 1.5625em; } }
/*======== Industries We Served Module =========*/
/*.ism-heading{
text-align: center;
}
.ism-tabs{
.accordion-tabs{
.tab-link {
font-size: em(20);
background-image: none;
background-image: url(img/ico-plus.svg);
background-repeat: no-repeat;
background-position: 95% center;
&.is-active {
background-image: url(img/ico-minus.svg);
}
}
@include mq(medium){
.tab-link {
width: 33.33%;
background-image: none;
text-align: center;
&.is-active {
background-image: none;
}
}
}
}
}*/
/*======== Capabilities Module =========*/
.cm-item {
display: inline-block;
width: 100%;
line-height: 0;
height: 22.5em;
position: relative;
overflow: hidden;
border-radius: 9px;
max-width: 31.25em;
margin: 0 auto; }
.cm-item:hover .cm-text {
display: block;
opacity: 1; }
.cm-item:hover .cm-btn {
display: inline-block;
opacity: 1; }
.cm-item:hover .cm-overlay {
height: 100%; }
.cm-item:hover .cm-overlay > span {
position: absolute;
width: 100%;
max-width: 100%;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto; }
.cm-item:focus:not(:hover):not(:active) .cm-text {
display: block;
opacity: 1; }
.cm-item:focus:not(:hover):not(:active) .cm-btn {
display: inline-block;
opacity: 1; }
.cm-item:focus:not(:hover):not(:active) .cm-overlay {
height: 100%; }
.cm-item:focus:not(:hover):not(:active) .cm-overlay > span {
position: absolute;
width: 100%;
max-width: 100%;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto; }
.cm-img {
position: relative;
display: block;
height: 22.5em; }
.cm-img img {
position: absolute;
margin: auto;
min-height: 100%;
min-width: 100%;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%; }
.cm-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin-left: -0.75em;
margin-right: -0.75em; }
.cm-wrap > div {
max-width: 22.5em;
width: 100%;
padding-left: 0.75em;
padding-right: 0.75em;
text-align: center;
margin-bottom: 1.5em; }
@media (min-width: 60em) {
.cm-wrap > div {
max-width: inherit;
float: left;
width: 25%; } }
.cm-overlay {
background: #3273D8;
padding: 0.625em;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
height: 3.1875em;
text-align: center;
-webkit-transition: height 0.3s ease-in-out 0s;
-moz-transition: height 0.3s ease-in-out 0s;
transition: height 0.3s ease-in-out 0s; }
.cm-overlay > span {
-webkit-transition: height 0.3s ease-in-out 0s;
-moz-transition: height 0.3s ease-in-out 0s;
transition: height 0.3s ease-in-out 0s; }
.cm-title {
font-size: 1.375em;
line-height: 1.2727272727em;
color: #fff;
font-weight: 700;
display: block;
margin: 0; }
.cm-text {
font-family: "Titillium Web", sans-serif;
font-size: 1.125em;
color: #fff;
line-height: 1.5555555556em;
display: none;
opacity: 0;
margin: 0;
-webkit-transition: opacity 0.3s ease-in-out 0s;
-moz-transition: opacity 0.3s ease-in-out 0s;
transition: opacity 0.3s ease-in-out 0s; }
.cm-btn {
-webkit-transition: opacity 0.3s ease-in-out 0s;
-moz-transition: opacity 0.3s ease-in-out 0s;
transition: opacity 0.3s ease-in-out 0s;
display: none;
opacity: 0;
margin: 0; }
/*======== Multiple Item Slider =========*/
.mis-slider {
margin: 0 auto;
padding: 0 1.25em; }
@media (min-width: 80em) {
.mis-slider {
padding: 0; } }
.mis-slider .slick-slide {
padding: 0.3125em 0.53125em;
outline: none !important; }
.mis-slider .slick-arrow {
font-size: 1.125em;
height: 1.6111111111em;
width: 1em;
top: 44.5%;
transform: none;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-slider-arrow.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain; }
.mis-slider .slick-arrow:before {
display: none; }
.mis-slider .slick-arrow:hover, .mis-slider .slick-arrow:focus {
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-slider-arrow.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain; }
.mis-slider .slick-arrow.slick-prev {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
left: 0; }
@media (min-width: 80em) {
.mis-slider .slick-arrow.slick-prev {
left: -1.5em; } }
.mis-slider .slick-arrow.slick-next {
right: 0; }
@media (min-width: 80em) {
.mis-slider .slick-arrow.slick-next {
right: -1.5em; } }
.mis-item {
width: 100%;
display: inline-block;
line-height: 0;
text-decoration: none;
text-align: center; }
.mis-item:hover .mis-title, .mis-item:focus .mis-title {
color: #000; }
.mis-item:hover .mis-image figure, .mis-item:focus .mis-image figure {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.mis-item:focus:not(:hover):not(:active) {
outline-offset: 0px; }
.mis-image {
display: block;
overflow: hidden;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); }
.mis-image figure {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.mis-image img {
width: 100%; }
.mis-title {
display: block;
font-size: 1.125em;
line-height: 1.6666666667em;
font-weight: 600;
margin-top: 0.6111111111em;
padding: 0 1.7777777778em;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
/*======== Accordion Opening on click & focus =========*/
.aof-item {
margin-bottom: 1.5em; }
.aof-title-wrap {
background-color: #3273D8;
font-size: 1.5em;
margin: 0;
position: relative; }
.aof-title-wrap:after {
content: "";
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-plus.svg);
position: absolute;
right: 0.7619047619em;
width: 0.619047619em;
height: 0.619047619em;
background-size: 0.619047619em 0.619047619em;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%); }
.aof-title-wrap a {
display: block;
color: #fff;
font-weight: 500;
text-transform: none;
text-decoration: none;
padding: 1.1904761905em; }
.aof-title-wrap a:focus:not(:hover):not(:active) {
outline-offset: -2px; }
.aof-title-wrap.active {
background-color: #3273D8; }
.aof-title-wrap.active:after {
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/ico-minus.svg);
width: 0.619047619em;
height: 0.0952380952em;
background-size: 0.619047619em 0.0952380952em; }
.aof-content {
display: none;
background-color: #f2f2f2;
padding: 1.5em 1.618em;
position: relative; }
/*======== Buckets Hover/Focus =========*/
@media (min-width: 60em) {
.bhf-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; } }
.bhf-item {
width: 100%;
display: block;
height: 22.5em;
text-decoration: none;
position: relative;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.bhf-item:focus:not(:hover):not(:active) {
outline-offset: -2px; }
@media (min-width: 60em) {
.bhf-item {
width: 33.33%;
flex-grow: 1; }
.bhf-item .bhf-desc {
display: none;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.bhf-item .bhf-btn {
display: none;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.bhf-item.active-col {
width: 60%; }
.bhf-item.active-col .bhf-desc {
display: block;
visibility: visible;
opacity: 1; }
.bhf-item.active-col .bhf-btn {
display: inline-block;
visibility: visible;
opacity: 1; }
.bhf-item.deactive-col {
width: 20%; } }
.bhf-main {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
width: 100%;
padding: 1.5em 1.618em; }
.bhf-heading, .bhf-desc {
color: #1c1c1c; }
.padding-bottom {
padding-bottom: 0; }
.padding-top {
padding-top: 0; }
.align-right {
text-align: center; }
@media (min-width: 40em) {
.align-right {
float: right;
margin-left: 0.625em;
margin-bottom: 0.625em; } }
.right-cta {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
text-align: center; }
@media (min-width: 40em) {
.right-cta {
text-align: right; } }
.gmap iframe {
width: 100%; }
.add-loc-module .alm-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap; }
.add-loc-module .alm-item {
width: 100%;
padding: 20px; }
@media (min-width: 60em) {
.add-loc-module .alm-item {
width: 50%; } }
.add-loc-module .alm-content-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin: auto;
flex-wrap: wrap;
width: 360px; }
.add-loc-module .alm-img-wrap {
width: 20%;
margin-right: 20px; }
.add-loc-module .alm-add-wrap {
width: calc(80% - 20px); }
.rfq-lp-module {
background-color: #eee;
text-align: center; }
.rfq-lp-module .rfq-lp-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto; }
@media (min-width: 40em) {
.rfq-lp-module .rfq-lp-wrap {
width: 40.625em; } }
.rfq-lp-module .rfq-lp-item {
width: 50%;
padding: 0.625em; }
@media (max-width: 40em) {
.rfq-lp-module .rfq-lp-item {
width: 33.33%; } }
@media (min-width: 40em) {
.rfq-lp-module .rfq-lp-item {
width: 25%; } }
@media (min-width: 60em) {
.rfq-lp-module .rfq-lp-item {
width: 20%; } }
.rfq-lp-module .rfq-lp-item h4 {
font-size: 1.25em;
font-weight: bold;
margin-top: 0.625em; }
.bucket-module {
text-align: center; }
.bucket-module .inner-wrap, .bucket-module .inner-wrap-narrow, .bucket-module .inner-wrap-wide, .bucket-module .inner-wrap-fullwidth {
padding-top: 0; }
.bucket-module .bm-des {
margin-bottom: 1em; }
.bucket-module .bm-item {
margin-bottom: 2.5em; }
.bucket-module .bm-item img {
width: 100%;
display: block; }
@media (min-width: 40em) {
.bucket-module {
text-align: left; }
.bucket-module .bm-item {
margin-bottom: 1em; } }
.resource-module .rm-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
flex-wrap: wrap; }
.resource-module .rm-desc {
margin-bottom: 30px; }
.resource-module .rm-content {
width: 100%;
margin-bottom: 40px;
color: #484848; }
@media (min-width: 40em) {
.resource-module .rm-content {
width: 50%;
margin-bottom: 0; } }
@media (min-width: 60em) {
.resource-module .rm-content {
width: 60%; } }
.resource-module .rm-img {
width: 100%;
text-align: center; }
@media (min-width: 40em) {
.resource-module .rm-img {
width: 50%;
padding-left: 40px; } }
@media (min-width: 60em) {
.resource-module .rm-img {
width: 40%; } }
.addition-fact-module .inner-wrap, .addition-fact-module .inner-wrap-narrow, .addition-fact-module .inner-wrap-wide, .addition-fact-module .inner-wrap-fullwidth {
padding-top: 0; }
@media (min-width: 40em) {
.addition-fact-module .afm-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; } }
@media (min-width: 40em) {
.addition-fact-module .afm-img-wrap, .addition-fact-module .afm-content {
width: 45%; } }
.addition-fact-module .afm-content {
margin-top: 30px; }
@media (min-width: 40em) {
.addition-fact-module .afm-content {
margin-top: 0; } }
.addition-fact-module .afm-cta {
margin-top: 30px; }
.lightbox {
line-height: 0;
max-width: 100%;
display: inline-block; }
.image-gallery-module .lightbox {
line-height: 0;
max-width: 100%;
display: inline-block; }
.image-gallery-module .li-title {
margin-top: 5px; }
.cc-img-right {
width: 100%;
max-width: 380px;
text-align: center;
position: relative;
margin: 0 auto 20px auto;
clear: both;
z-index: 2; }
.cc-img-right small {
display: block; }
@media (min-width: 60em) {
.cc-img-right {
max-width: 380px;
width: auto;
float: right;
margin: 0 0 10px 20px; } }
.cc-img-right .lightbox {
line-height: 0;
display: inline-block;
width: 100%; }
.cc-img-left {
width: 100%;
max-width: 380px;
text-align: center;
position: relative;
margin: 0 auto 20px auto;
clear: both;
z-index: 2; }
@media (min-width: 60em) {
.cc-img-left {
float: left;
margin: 0 20px 10px 0;
max-width: 380px; } }
.cc-img-left .lightbox {
line-height: 0;
display: inline-block;
width: 100%; }
.sitemap .breadcrumb-menu {
display: none; }
.site-content {
min-height: 500px; }
.page-template-content-sidebar .side-nav {
margin-top: 16px; }
.page-template-content-sidebar .site-content > .inner-wrap, .page-template-content-sidebar .site-content > .inner-wrap-narrow, .page-template-content-sidebar .site-content > .inner-wrap-wide, .page-template-content-sidebar .site-content > .inner-wrap-fullwidth {
padding-left: 0;
padding-right: 0; }
.page-template-content-sidebar .site-content > .inner-wrap .breadcrumb-menu, .page-template-content-sidebar .site-content > .inner-wrap-narrow .breadcrumb-menu, .page-template-content-sidebar .site-content > .inner-wrap-wide .breadcrumb-menu, .page-template-content-sidebar .site-content > .inner-wrap-fullwidth .breadcrumb-menu {
padding-left: 1.5em;
padding-right: 1.5em; }
@media (min-width: 60em) {
.page-template-content-sidebar .site-content > .inner-wrap, .page-template-content-sidebar .site-content > .inner-wrap-narrow, .page-template-content-sidebar .site-content > .inner-wrap-wide, .page-template-content-sidebar .site-content > .inner-wrap-fullwidth {
padding-right: 1.5em; }
.page-template-content-sidebar .site-content > .inner-wrap .breadcrumb-menu, .page-template-content-sidebar .site-content > .inner-wrap-narrow .breadcrumb-menu, .page-template-content-sidebar .site-content > .inner-wrap-wide .breadcrumb-menu, .page-template-content-sidebar .site-content > .inner-wrap-fullwidth .breadcrumb-menu {
padding-left: 1.5em; } }
.page-template-content-sidebar .site-content-primary > .inner-wrap, .page-template-content-sidebar .site-content-primary > .inner-wrap-narrow, .page-template-content-sidebar .site-content-primary > .inner-wrap-wide, .page-template-content-sidebar .site-content-primary > .inner-wrap-fullwidth {
padding-bottom: 0;
padding-top: 0; }
.page-template-content-sidebar .site-content-primary > .inner-wrap p:last-child, .page-template-content-sidebar .site-content-primary > .inner-wrap-narrow p:last-child, .page-template-content-sidebar .site-content-primary > .inner-wrap-wide p:last-child, .page-template-content-sidebar .site-content-primary > .inner-wrap-fullwidth p:last-child {
margin-bottom: 16px !important; }
.page-template-content-sidebar .site-content-secondary .side-nav {
margin-left: auto;
margin-right: auto; }
.page-template-content-sidebar .site-content-secondary .side-nav .sn-nav {
margin: 0 auto; }
.page-template-content-sidebar .site-content-secondary > .inner-wrap, .page-template-content-sidebar .site-content-secondary > .inner-wrap-narrow, .page-template-content-sidebar .site-content-secondary > .inner-wrap-wide, .page-template-content-sidebar .site-content-secondary > .inner-wrap-fullwidth {
padding-top: 0; }
@media (min-width: 60em) {
.page-template-content-sidebar .site-content-secondary > .inner-wrap, .page-template-content-sidebar .site-content-secondary > .inner-wrap-narrow, .page-template-content-sidebar .site-content-secondary > .inner-wrap-wide, .page-template-content-sidebar .site-content-secondary > .inner-wrap-fullwidth {
padding-left: 0;
padding-right: 0;
padding-bottom: 0; } }
@media (min-width: 60em) {
.page-template-content-sidebar .site-content-secondary .side-nav .sn-nav {
margin: 0; } }
.readmore-time .time {
padding-left: 30px;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/icon-clock.png);
background-position: left center;
background-size: 23px;
background-repeat: no-repeat;
display: inline-block; }
.readmore-time .readmore {
margin-left: 20px;
padding-left: 30px;
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/icon-plus.png);
background-position: left center;
background-size: 23px;
background-repeat: no-repeat;
display: inline-block;
text-decoration: none;
cursor: pointer; }
/*Safari hack*/
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
@media (min-width: 40em) {
.tse-cols-4 > *,
.tse-cols-3 > *,
.sm-add-services-listing > * {
width: calc(50% - 1px); } }
@media (min-width: 60em) {
.tse-cols-2 > * {
width: calc(50% - 1px); } }
@media (min-width: 60em) {
.tse-cols-3 > * {
width: calc(33.33% - 1px); } }
@media (min-width: 60em) {
.tse-cols-4 > * {
width: 23%; } } } }
/*Edge Hack*/
@supports (-ms-ime-align: auto) {
@media (min-width: 960px) and (max-width: 1100px) {
.sh-contact {
padding: 0 0.5555555556em;
margin-left: 0.5555555556em; } } }
/* Microsoft Edge Browser 15+ - @supports method */
@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
@media (min-width: 960px) and (max-width: 1000px) {
.sh-contact {
margin-left: -1px; } } }
/*================== IE10 and IE11 ==================*/
@media (min-width: 60em) {
.mfp-zoom-out-cur .sh-sticky-wrap.stuck, .mfp-zoom-out-cur .pillarpage-linklist-module.stuck {
width: calc(100% - 17px);
-webkit-transition: none;
-moz-transition: none;
transition: none; } }
button.mfp-close, button.mfp-arrow {
outline: none !important; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: auto !important; }
.mfp-iframe-holder {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.page-inner-anchor {
margin-top: 0 !important;
padding-top: 0; }
@media (min-width: 60em) {
.page-inner-anchor {
margin-top: -100px !important;
padding-top: 100px; } }
/********************* landing page style ********************************/
.lp-about-us-module {
background-color: #D7DAED; }
.aum-header {
text-align: center;
color: #1C1C1C;
font-size: 2.5em; }
@media (min-width: 60em) {
.laum-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
font-size: 1.25vw; } }
@media (min-width: 80em) {
.laum-wrap {
font-size: 1em; } }
.laum-item {
margin-bottom: 2.5em;
border-bottom: 1px solid #C1C1C1;
padding-bottom: 0.625em;
text-align: center; }
@media (min-width: 40em) {
.laum-item {
text-align: left; } }
@media (min-width: 60em) {
.laum-item {
width: 33.33%;
border-left: 1px solid #C1C1C1;
border-bottom: none;
padding: 0 0.3125em; }
.laum-item:first-child {
border-left: 0;
padding-left: 0; } }
.aumi-image {
max-width: 3.75em;
display: inline-block;
vertical-align: top; }
.aumi-content {
display: inline-block;
vertical-align: top;
width: 83%;
padding: 0 0.9375em 0 1.25em; }
.aum-header {
margin-bottom: 1.1em;
font-size: 2.5em;
font-weight: bold; }
.aumi-title {
font-size: 1.5em;
line-height: 1.5em;
margin: 0;
color: #1C1C1C; }
.aumi-text p {
font-size: 1.1875em;
line-height: 1.2105263158em;
color: #1C1C1C; }
.laum-cta {
text-align: center; }
.lp-about-us-module {
position: relative;
margin-top: 9.0625em; }
.lp-about-us-module .inner-wrap, .lp-about-us-module .inner-wrap-narrow, .lp-about-us-module .inner-wrap-wide, .lp-about-us-module .inner-wrap-fullwidth {
padding-bottom: 6.9375em;
position: relative; }
.lp-about-us-module:before {
content: '';
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/blue-round.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 9.0625em;
width: 102%;
position: absolute;
left: -1%;
top: -5.125em; }
/********************* landing page Form style ********************************/
.lpc-from {
background-color: #efefef;
padding: 1.875em; }
.hs-form-field label {
font-weight: 400;
font-size: 1em; }
.hs-form-field label > span {
color: #42464A; }
.hs-form-field label span.hs-form-required {
color: #FF0000;
margin-left: 5px; }
.hs-form-field .input input, .hs-form-field .input select {
font-size: 1em;
line-height: 1.25em;
padding: 0.25em 0.5em;
margin-bottom: 1.75em;
border: 1px solid #9DA9B1; border-radius:3px; }
.hs-form-field .input textarea{
border: 1px solid #9DA9B1;
border-radius: 3px;
}
.hs-form-field .input select {
height: 1.875em !important;
box-shadow: none; }
.hs-fieldtype-file {
position: relative;
padding-bottom: 1em; }
.hs-fieldtype-file .hs-field-desc {
position: absolute;
left: 0.6428571429em;
bottom: 1.8571428571em;
font-size: 0.875em;
line-height: 0.875em; }
.hs-fieldtype-file .input input {
border: none; }
.hs-form fieldset.form-columns-1 .hs-input[type="checkbox"] {
width: auto !important; }
.hs-form-booleancheckbox label span {
font-weight: bold; }
.hs-recaptcha {
margin-bottom: 24px; }
.hs-recaptcha .grecaptcha-logo {
transform: scale(0.85);
transform-origin: left center; }
@media (min-width: 40em) {
.hs-recaptcha .grecaptcha-logo {
transform: scale(1);
transform-origin: left center; } }
.hs-message .hs-input {
border: 1px solid #9DA9B1; }
.lpc-from input[type="submit"] {
width: 100%; }
.lpc-wrap-from {
padding-bottom: 1.875em; }
.lpc-wrap .hs_cos_wrapper h2 {
margin-bottom: 40px; }
.lpc-from .form-title {
display: none; }
/********************* landing page style end ********************************/
/********************* landing page contact us start ********************************/
.lp-contact-us-module {
position: relative;
margin-top: 9.0625em;
background-color: #F2F2F2; }
.lp-contact-us-module .inner-wrap, .lp-contact-us-module .inner-wrap-narrow, .lp-contact-us-module .inner-wrap-wide, .lp-contact-us-module .inner-wrap-fullwidth {
padding-bottom: 3.75em;
position: relative; }
.lp-contact-us-module:before {
content: '';
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/grey-round.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 9.0625em;
width: 102%;
position: absolute;
left: -1%;
top: -5.125em; }
.lpc-content h2 {
margin-top: 0;
margin-bottom: 24px !important; }
@media (min-width: 60em) {
.lpc-tow-col {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.lpc-tow-col > div {
-webkit-flex-basis: 52.74%;
-moz-flex-basis: 52.74%;
flex-basis: 52.74%;
-ms-flex-preferred-size: 52.74%;
padding-left: 2.5em; }
.lpc-tow-col > div.lpc-wrap-from {
-webkit-flex-basis: 47.26%;
-moz-flex-basis: 47.26%;
flex-basis: 47.26%;
-ms-flex-preferred-size: 47.26%; padding-left: 0;
/*width: 47.26%;*/ } }
@media (min-width: 60em) {
.lcum-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
font-size: 1.25vw; } }
@media (min-width: 80em) {
.lcum-wrap {
font-size: 1em; } }
.lcum-item {
margin-bottom: 2.5em;
padding-bottom: 0.625em;
text-align: center;
padding-left: 1.625em;
background: url(https://metalspinning.helandermetal.com/hubfs/img/icons/location-icon-new.svg) left 3px/14px no-repeat; }
@media (min-width: 40em) {
.lcum-item {
text-align: left; } }
@media (min-width: 60em) {
.lcum-item {
width: 25%;
padding: 0 0.3125em;
padding-left: 1.625em; }
.lcum-item:first-child {
border-left: 0; } }
.hs-form-field .input textarea {
border: 1px solid #9DA9B1;
border-radius: 3px; }
.site-header-ebook .sh-sticky-wrap .inner-wrap, .site-header-ebook .sh-sticky-wrap .inner-wrap-narrow, .site-header-ebook .sh-sticky-wrap .inner-wrap-wide, .site-header-ebook .sh-sticky-wrap .inner-wrap-fullwidth {
padding-top: 1.4375em;
padding-bottom: 1.6875em; }
.landing-page-ebook p {
color:#42464A;
}
.landing-page-ebook {
position: relative; }
.landing-page-ebook .inner-wrap, .landing-page-ebook .inner-wrap-narrow, .landing-page-ebook .inner-wrap-wide, .landing-page-ebook .inner-wrap-fullwidth {
position: relative; }
.landing-page-ebook::before {
content: '';
background-image: url(https://299658.fs1.hubspotusercontent-na1.net/hubfs/299658/img/Footer%20graphic.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
opacity: 0.08;
top: 0; }
.site-header-ebook .sh-utility-nav{
padding-top:5px;
padding-bottom:5px;
}
@media (min-width: 60em) {
.site-header-ebook .sh-utility-nav{
padding-top:0px;
padding-bottom:0px;
}
}
.site-footer-ebook .sf-top::after {
display: none; }
.site-footer-ebook .footer-bottom .inner-wrap, .site-footer-ebook .footer-bottom .inner-wrap-narrow, .site-footer-ebook .footer-bottom .inner-wrap-wide, .site-footer-ebook .footer-bottom .inner-wrap-fullwidth {
display: block;
text-align: center; }
.landing-page-ebook .lpec-wrap-from {
margin:0 0 30px;
}
@media (min-width: 60em) {
.landing-page-ebook .lpec-wrap-from {
max-width: 34.625em;
width: 100%;
float: left;
margin: 0 2.5em 30px 0; } }
.ebook-title{
margin-top: 0;
margin-bottom: 40px;
}
.ebook-image{
text-align: center;
}
.lp-about-us-ebook-module {
position: relative;
background-color: #D7DAED; }
.lp-about-us-ebook-module .inner-wrap, .lp-about-us-ebook-module .inner-wrap-narrow, .lp-about-us-ebook-module .inner-wrap-wide, .lp-about-us-ebook-module .inner-wrap-fullwidth {
padding-bottom: 3.75em;
position: relative; }
.lp-about-us-ebook-module:before {
content: '';
background-image: url(https://metalspinning.helandermetal.com/hubfs/img/white-round.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 9.0625em;
width: 102%;
position: absolute;
left: -1%;
bottom: -5.125em; }
.hs-form-booleancheckbox label > span{
display: inline-block;
vertical-align: top;
width: 88%;
}
.hs-form-booleancheckbox label > span.hs-form-required{
color:#f00;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.clearfix {
*zoom: 1; }
.alignright {
display: block;
padding-bottom: 1.5em;
margin: 0 auto; }
.alignleft {
display: block;
padding-bottom: 1.5em;
margin: 0 auto; }
.aligncenter {
display: block;
margin: 0 auto; }
img.alignnone {
display: block;
margin: 0 auto; }
@media (min-width: 60em) {
.alignright {
display: block;
float: right;
padding-bottom: 1.5em;
padding-left: 1.5em; }
.alignleft {
display: block;
float: left;
padding-bottom: 1.5em;
padding-right: 1.5em; }
.aligncenter {
display: block;
margin: 0 auto; }
img.alignnone {
display: inline;
margin: 0; } }
.text-alignright {
text-align: right; }
.text-alignleft {
text-align: left; }
.text-aligncenter {
text-align: center; }
.clearboth {
clear: both;
display: block; }
.spacing-bottom {
margin-bottom: 2em; }
.spacing-top {
margin-top: 2em; }
.d-block {
display: block; }
.d-none {
display: none; }
.hide {
display: none; }
@media (min-width: 40em) {
.hide {
display: inherit;
opacity: 0;
visibility: hidden; } }
.pb-0 {
padding-bottom: 0; }
.tablepress-scroll-wrapper {
overflow-x: auto;
overflow-y: hidden; }
.img_container.overflow {
overflow: hidden; }
.left_img.alignleft {
display: block;
float: left;
padding-bottom: 1.5em;
padding-right: 1.5em; }
.left_img.alignleft a:focus:not(:active):not(:hover) {
outline-offset: -2px; }
@media (max-width: 40em) {
.left_img.alignleft {
float: none;
text-align: center; } }
.text-transform-none {
text-transform: none; }
body .dataTables_wrapper {
overflow: auto; }
body .dataTables_wrapper .tablepress {
white-space: nowrap;
width: auto;
margin: auto !important; }
@media (min-width: 60em) {
body .dataTables_wrapper .tablepress {
width: 100%; } }
body .dataTables_wrapper.custom-table .tablepress {
white-space: pre-wrap; }
/*Slick Slider*/
.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;
overflow: hidden;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-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:before,
.slick-track:after {
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; }
[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; }
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow-y: auto;
max-height: 100vh; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: auto; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
max-height: 100000px !important; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/*! Tablesaw - v1.0.2 - 2014-12-17
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2014 Filament Group; Licensed MIT */
table.tablesaw {
empty-cells: show;
max-width: 100%;
width: 100%; }
.tablesaw {
border-collapse: collapse;
width: 100%; }
/* Structure */
.tablesaw {
border: 0;
padding: 0; }
.tablesaw th,
.tablesaw td {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .5em .7em; }
.tablesaw thead tr:first-child th {
padding-top: .9em;
padding-bottom: .7em; }
/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
/*border-bottom: 1px solid #dfdfdf;*/ }
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: none; }
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
/* Show the table cells as a block level element */
.tablesaw-stack td,
.tablesaw-stack th {
text-align: left;
display: block; }
.tablesaw-stack tr {
clear: both;
display: table-row; }
/* Make the label elements a percentage width */
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: block;
padding: 0 .6em 0 0;
width: 30%;
display: inline-block; }
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
.tablesaw-stack th .tablesaw-cell-label-top,
.tablesaw-stack td .tablesaw-cell-label-top {
display: block;
padding: .4em 0;
margin: .4em 0; }
.tablesaw-cell-label {
display: block; }
/* Avoid double strokes when stacked */
.tablesaw-stack tbody th.group {
margin-top: -1px; }
/* Avoid double strokes when stacked */
.tablesaw-stack th.group b.tablesaw-cell-label {
display: none !important; } }
@media (max-width: 39.9375em) {
.tablesaw-stack thead td,
.tablesaw-stack thead th {
display: none; }
.tablesaw-stack tbody td,
.tablesaw-stack tbody th {
clear: left;
float: left;
width: 100%; }
.tablesaw-cell-label {
vertical-align: top; }
.tablesaw-cell-content {
max-width: 67%;
display: inline-block; }
.tablesaw-stack td:empty,
.tablesaw-stack th:empty {
display: none; } }
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
.tablesaw-stack tr {
display: table-row; }
/* Show the table header rows */
.tablesaw-stack td,
.tablesaw-stack th,
.tablesaw-stack thead td,
.tablesaw-stack thead th {
display: table-cell;
margin: 0; }
/* Hide the labels in each cell */
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: none !important; } }
/*=================Gravity form================*/
.gform_confirmation_message {
margin: 2rem .5rem 1rem;
padding: .2rem 1rem;
border: 2px solid #46b450; }
.gform_wrapper select, .gform_wrapper textarea {
font-family: inherit;
letter-spacing: normal;
font-size: inherit; }
.gform_wrapper .gf_progressbar:after, .gform_wrapper ol.validation_list:after {
content: ""; }
body .gform_wrapper {
max-width: 100%;
padding: 1.625rem;
margin: 0 0 1.25rem;
background: #f2f2f2;
/*border-radius: rem(15);*/ }
.gform_wrapper form {
text-align: left;
max-width: 100%;
margin: 0 auto; }
.gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
box-sizing: border-box !important; }
.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 {
font-weight: 400;
border: none;
background: 0 0; }
body .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not([type=reset]),
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not([type=reset]) {
font-size: 1rem;
font-family: inherit;
padding: 3px 3px 3px 8px;
letter-spacing: normal;
/*border: 1px solid #ccc;*/
line-height: 1.4;
border: 1px solid #c1c7c8;
margin-bottom: 0px;
height: 2.5rem;
border-radius: 3px; }
body .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not([type=reset]):focus,
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not([type=reset]):focus {
border-color: #3273D8; }
.gform_wrapper input[type=image] {
border: none !important;
padding: 0 !important;
width: auto !important; }
body .gform_wrapper textarea {
padding: 3px 3px 3px 8px;
line-height: 1.4;
resize: vertical;
height: 112px;
border: 1px solid #c1c7c8;
border-radius: 3px; }
body .gform_wrapper textarea:focus {
border-color: #3273D8; }
body .gform_wrapper select {
font-size: 0.875rem;
line-height: 1.4;
height: 2.5rem !important;
border: 1px solid #c1c7c8;
border-radius: 3px; }
body .gform_wrapper select:focus {
border-color: #3273D8; }
.gform_wrapper .ginput_container_multiselect select {
background-image: none !important;
-webkit-appearance: none;
-moz-appearance: none;
outline: 0; }
.gform_wrapper ul.gform_fields {
margin: 0 !important;
list-style-type: none;
display: block; }
.gform_wrapper ul, html > body .entry ul {
text-indent: 0; }
.gform_wrapper form li, .gform_wrapper li {
margin-left: 0 !important;
list-style: none !important;
overflow: visible; }
body .gform_wrapper ul li.gfield {
clear: both;
margin: 0 0 22.5px; }
body .gform_wrapper ul li.gfield.tse-recaptcha {
margin-top: 0; }
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
overflow: hidden; }
.gform_wrapper form ul.gform_fields.left_label li.gfield, .gform_wrapper form ul.gform_fields.right_label li.gfield, .gform_wrapper ul.gform_fields.left_label li.gfield, .gform_wrapper ul.gform_fields.right_label li.gfield {
margin-bottom: 14px; }
.gform_wrapper form ul.left_label li ul.gfield_checkbox li, .gform_wrapper form ul.left_label li ul.gfield_radio li, .gform_wrapper form ul.right_label li ul.gfield_checkbox li, .gform_wrapper form ul.right_label li ul.gfield_radio li, .gform_wrapper ul.left_label li ul.gfield_checkbox li, .gform_wrapper ul.left_label li ul.gfield_radio li, .gform_wrapper ul.right_label li ul.gfield_checkbox li, .gform_wrapper ul.right_label li ul.gfield_radio li {
margin-bottom: 10px; }
.gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields {
padding: 0;
margin: 0;
overflow: visible; }
.gform_wrapper select option {
padding: 2px;
display: block; }
.gform_wrapper .inline {
display: inline !important; }
.gform_wrapper .gform_heading {
width: 100%;
margin-bottom: 18px; }
.gform_wrapper .clear-multi {
display: flex; }
.gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {
display: -moz-inline-stack;
display: inline-block; }
.gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_year {
flex-direction: row; }
.gform_wrapper .gfield_date_dropdown_day, .gform_wrapper .gfield_date_dropdown_month, .gform_wrapper .gfield_date_dropdown_year {
vertical-align: top;
flex-direction: row;
margin-right: .5rem; }
.gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_month {
width: 4rem;
margin-right: .5rem; }
.gform_wrapper .gfield_date_day input[type=number], .gform_wrapper .gfield_date_month input[type=number] {
width: calc(3rem + 8px) !important; }
.gform_wrapper .gfield_date_year input[type=number] {
width: calc(4rem + 8px) !important; }
.gform_wrapper .gfield_date_year {
width: 5rem; }
.gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_month input {
width: calc(3rem + 8px); }
.gform_wrapper .gfield_date_year input {
width: 4rem; }
.gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label {
width: 3rem;
text-align: center; }
.gform_wrapper .field_sublabel_above div.gfield_date_year.ginput_container label, .gform_wrapper .field_sublabel_below div.gfield_date_year.ginput_container label {
width: 4rem; }
.gform_wrapper .gfield_time_ampm, .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute {
width: 33.333%;
flex-direction: row; }
@media only screen and (min-width: 321px) {
.gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_month {
max-width: 4rem; }
.gform_wrapper .gfield_date_year, .gform_wrapper .gfield_time_ampm {
max-width: calc(4rem + .5rem); }
.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute {
max-width: 4rem; }
.gform_wrapper .gfield_time_ampm, .gform_wrapper .gfield_time_hour {
max-width: calc(4rem + .5rem); } }
.gform_wrapper ul.gform_fields:not(.top_label) .ginput_container_time span {
float: left; }
.gform_wrapper .gfield_time_hour i {
font-style: normal !important;
font-family: sans-serif !important;
width: 10px;
text-align: center;
float: right;
margin-top: 9%; }
.gform_wrapper .gfield_time_minute {
margin-right: .5rem; }
.gform_wrapper .gfield_time_hour {
margin-right: .25rem; }
.gform_wrapper .gfield_time_ampm {
vertical-align: top;
display: -moz-inline-stack;
display: inline-block; }
.gform_wrapper .gfield_time_ampm select {
min-width: calc(2rem + 25px);
width: calc(3rem + 25px); }
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {
width: calc(3rem + 8px); }
.gform_wrapper .gfield_time_hour input[type=number], .gform_wrapper .gfield_time_minute input[type=number] {
width: calc(3rem + 8px) !important; }
.gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
width: 3rem;
text-align: center; }
.gform_wrapper .field_hover {
border: 1px dashed #2175A9;
cursor: pointer; }
.gform_wrapper .field_selected {
background-color: #DFEFFF;
border: 1px solid #C2D7EF; }
.gform_wrapper .field_name_first, .gform_wrapper .field_name_last, .gform_wrapper .field_name_middle {
width: 49.5%;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top; }
.gform_wrapper .ginput_complex.ginput_container {
overflow: visible;
width: 100%; }
body .gform_wrapper label.gfield_label {
font-weight: 600;
font-size: 16px;
margin-bottom: 0;
color: #1c1c1c; }
body .gform_wrapper .top_label .gfield_label {
display: -moz-inline-stack;
display: inline-block;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.2;
clear: both; }
.gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex select {
width: 100%; }
.gform_wrapper .hidden_label .gfield_label, .gform_wrapper label.hidden_sub_label, .gform_wrapper label.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
display: block;
font-size: .813em;
letter-spacing: .5pt;
white-space: nowrap; }
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
display: -moz-inline-stack;
display: inline-block;
letter-spacing: inherit;
vertical-align: middle;
cursor: pointer; }
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
margin: 9px 0 1px 1px; }
.gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_email label, .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_name label, .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_password label, .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_time label {
margin-top: 0; }
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
margin: 1px 0 9px 1px; }
.gform_wrapper .top_label .field_sublabel_above label.gfield_label + .ginput_complex.ginput_container, .gform_wrapper .top_label .field_sublabel_above label.gfield_label + div[class*=gfield_time_].ginput_container {
margin-top: 0; }
body .gform_wrapper .top_label div.ginput_container {
margin-top: 3px; }
body.gform_wrapper div.clear-multi {
display: -moz-inline-stack;
display: inline-block; }
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
margin-top: 16px;
margin-bottom: 0; }
.gfield.left_label, .gfield.right_label {
padding-top: 10px; }
.gform_wrapper li.hidden_label input {
margin-top: 12px; }
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
margin-bottom: 12px; }
.gform_wrapper input.large, .gform_wrapper input.medium, .gform_wrapper input.small, .gform_wrapper select.large, .gform_wrapper select.medium, .gform_wrapper select.small {
width: 100% !important; }
.gform_wrapper input.datepicker_with_icon.large, .gform_wrapper input.datepicker_with_icon.medium, .gform_wrapper input.datepicker_with_icon.small {
width: calc(100% - 24px); }
.gform_wrapper .gfield_error input.large, .gform_wrapper .gfield_error input.medium, .gform_wrapper .gfield_error input.small, .gform_wrapper .gfield_error select.large, .gform_wrapper .gfield_error select.medium, .gform_wrapper .gfield_error select.small {
width: 100%; }
.gform_wrapper .gfield_error input.datepicker_with_icon.large, .gform_wrapper .gfield_error input.datepicker_with_icon.medium, .gform_wrapper .gfield_error input.datepicker_with_icon.small {
width: calc(100% - 32px); }
.gform_wrapper textarea.small {
height: 80px;
width: 100%; }
.gform_wrapper textarea.medium {
height: 112px;
width: 100%;
margin-bottom: 0; }
.gform_wrapper textarea.large {
height: 160px;
width: 100%; }
.gform_wrapper h2.gsection_title {
margin: 0 !important;
padding: 0 !important;
letter-spacing: normal !important; }
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
font-weight: 700;
font-size: 1.25em; }
.gform_wrapper h3.gform_title {
letter-spacing: normal !important;
margin: 10px 0 6px; }
.gform_wrapper li.gfield.field_description_below + li.gsection {
margin-top: 24px !important; }
.gform_wrapper span.gform_description {
font-weight: 400;
display: block;
width: calc(100% - 16px);
margin-bottom: 16px; }
.gform_wrapper .gsection {
border-bottom: 1px solid #CCC;
padding: 0 16px 8px 0;
margin: 28px 0;
clear: both; }
.gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] {
width: auto !important;
margin-top: 0 !important; }
.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {
margin: 6px 0;
padding: 0; }
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
display: -moz-inline-stack;
display: inline-block;
padding: 0;
width: auto;
line-height: 1.5;
font-size: .875em;
vertical-align: middle;
max-width: 85%;
white-space: normal; }
.gform_wrapper .ginput_complex .ginput_cardinfo_left label, .gform_wrapper .ginput_complex .ginput_cardinfo_right label, .gform_wrapper div.charleft {
white-space: nowrap !important; }
.gform_wrapper .gfield_checkbox li label {
margin: 0; }
.gform_wrapper .gfield_radio li label {
margin: 2px 0 0 4px; }
.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
margin-left: 1px; }
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
font-size: .813em;
line-height: inherit;
clear: both;
font-family: inherit;
letter-spacing: normal; }
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description {
padding: 0 16px 0 0; }
body .gform_wrapper .field_description_below .gfield_description {
padding-top: 0; }
.gform_wrapper .field_sublabel_above .description, .gform_wrapper .field_sublabel_above .gfield_description, .gform_wrapper .field_sublabel_above .gsection_description {
margin-top: 9px; }
.gform_wrapper .top_label .gsection_description {
width: 100%;
margin-bottom: 9px; }
.gform_wrapper .gfield_description {
width: 100%; }
.gform_wrapper .description_above .gfield_description {
padding: 0 0 10px; }
.gfield_date_year + .gfield_description {
padding: 0; }
body .gform_wrapper .gfield_required {
color: red !important;
margin-left: 1px; }
body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent;
margin-bottom: 20px !important;
border-top: none;
border-bottom: none;
padding-bottom: 0;
padding-top: 0;
box-sizing: border-box; }
.gform_wrapper li.gfield.gfield_creditcard_warning {
padding: 16px 16px 14px;
border-top: 2px solid red;
border-bottom: 4px solid red;
background-color: rgba(255, 223, 224, 0.25);
width: calc(100% - 16px); }
.gform_wrapper li.gfield.gfield_error.gfield_creditcard_warning {
padding: 16px 16px 14px; }
.gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
font-size: .875em;
font-weight: 700;
font-family: inherit;
min-height: 25px;
color: red;
max-width: 100%;
position: relative; }
.gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message span {
display: block;
padding: 0 0 14px 24px;
margin-bottom: 16px;
line-height: 1.5;
letter-spacing: .1pt;
border-bottom: 1px solid red;
text-transform: uppercase;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMTA2NyAyODY1IDI0IDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMDY3IDI4NjUgMjQgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3OTAwMDA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTA1MywyODY1Yy01LjUsMC0xMCw0LjUtMTAsMTBoNGMwLTMuMywyLjctNiw2LTZjMy4zLDAsNiwyLjcsNiw2djJoLTIwdjE0YzAsMy4zLDIuNyw2LDYsNmgxMg0KCWMzLjMsMCw2LTIuNyw2LTZ2LTE2Qy0xMDQzLDI4NjkuNS0xMDQ3LjUsMjg2NS0xMDUzLDI4NjV6IE0tMTA0OSwyODkzaC0xMmMtMS4xLDAtMi0wLjktMi0ydi0xMGgxNnYxMA0KCUMtMTA0NywyODkyLjEtMTA0Ny45LDI4OTMtMTA0OSwyODkzeiBNLTEwNTMsMjg4N2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJTLTEwNTMsMjg4NS45LTEwNTMsMjg4N3oiLz4NCjwvc3ZnPg0K);
background-size: 1em auto;
background-repeat: no-repeat;
background-position: left center; }
.gform_wrapper li.gfield.gfield_error.gfield_creditcard_warning div.gfield_creditcard_warning_message {
padding: 16px 16px 14px; }
li.gfield + li.gfield.gfield_creditcard_warning {
margin-top: 16px !important; }
.gform_wrapper .top_label .gfield_error {
width: calc(100% - 2px); }
.gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea {
width: 100%; }
.gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea, .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea {
width: 70%; }
body .gform_wrapper .gfield_error .gfield_label {
color: #1c1c1c; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
padding-right: 0; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_time_ampm.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_time_minute.ginput_container {
margin-left: 0; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
max-width: 100%;
padding-right: 16px; }
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0; }
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label {
position: relative;
top: 12px; }
body .gform_wrapper div.validation_error {
display: none;
color: red;
font-size: 1em;
font-weight: 700;
margin-bottom: 25px;
border-top: 2px solid red;
border-bottom: 2px solid red;
padding: 16px 0;
clear: both;
width: 100%;
text-align: center; }
.gform_wrapper ol.validation_list {
clear: both;
width: 100%;
margin-bottom: 25px;
color: red; }
.gform_wrapper ol.validation_list li {
list-style-type: decimal !important; }
.gform_wrapper ol.validation_list li a {
color: red; }
.gform_wrapper div#error {
margin-bottom: 25px; }
.gform_wrapper table.gfield_list tbody tr td.gfield_list_icons {
vertical-align: middle !important; }
.gform_wrapper li.gfield fieldset {
margin: 0;
padding: 0;
display: block;
position: relative;
width: 100%; }
.gform_wrapper li.gfield fieldset > * {
width: auto; }
.gform_wrapper li.gfield fieldset legend.gfield_label {
width: 100%;
line-height: 32px; }
div.gf_page_steps + div.validation_error {
margin-top: 16px; }
.gform_wrapper div.gfield_description.validation_error {
color: red;
font-weight: 700;
font-size: .875em;
line-height: 1.2;
margin-bottom: 16px; }
body .gform_wrapper .validation_message {
color: red;
font-weight: 400;
letter-spacing: normal;
font-size: 0.8125em;
line-height: 1.5; }
body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper li.gfield_error textarea {
border: 1px solid #ddd; }
body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, body .gform_wrapper li.gfield_error textarea:focus {
border: 1px solid #3273D8; }
body .gform_wrapper li.gfield_error .ginput_recaptcha > div {
outline: 2px solid red;
outline-offset: 1px; }
body .gform_wrapper li.gfield_error .ginput_recaptcha + .validation_message {
display: none !important; }
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
color: red; }
body .gform_wrapper .gform_footer {
padding: 0;
margin: 20px 0 0;
clear: both;
width: 100%; }
body .test-form_wrapper.gform_wrapper .gform_footer {
text-align: center; }
body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
width: auto !important;
margin: 0;
border: 2px solid #3273D8;
white-space: nowrap;
border-radius: 0.1875rem;
padding: 0.8125rem 1.75rem 0.75rem !important;
display: inline-block;
font-size: 1.125rem !important;
line-height: 1.3125rem;
background-color: #3273D8;
color: #fff;
font-weight: 700;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear; }
body .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {
border-color: #526699;
background-color: #526699;
color: #fff; }
body .gform_wrapper .gform_footer input.button:focus:not(:active):not(:hover), .gform_wrapper .gform_footer input[type=submit]:focus:not(:active):not(:hover), .gform_wrapper .gform_page_footer input.button:focus:not(:active):not(:hover), .gform_wrapper .gform_page_footer input[type=submit]:focus:not(:active):not(:hover) {
outline: 2px dashed red;
outline-offset: 1px; }
body .gform_wrapper .gform_footer input[type=reset].button {
margin-left: 0.9375rem; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
width: auto;
line-height: 24px !important; }
.gform_wrapper .gform_footer a.gform_save_link, .gform_wrapper .gform_page_footer a.gform_save_link {
font-size: 1em;
display: block;
text-align: center; }
.gform_wrapper .gform_footer input[type=image] {
padding: 0;
width: auto !important;
background: 0 0 !important;
border: none !important;
margin: 0 auto 16px !important;
display: block;
max-width: 100%; }
.gform_wrapper .ginput_complex .ginput_full, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
min-height: 45px; }
.gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_full select, .gform_wrapper .ginput_complex .ginput_full input[type=email], .gform_wrapper .ginput_complex .ginput_full input[type=number], .gform_wrapper .ginput_complex .ginput_full input[type=password], .gform_wrapper .ginput_complex .ginput_full input[type=tel], .gform_wrapper .ginput_complex .ginput_full input[type=text], .gform_wrapper .ginput_complex .ginput_full input[type=url] {
width: 100%; }
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
position: relative;
margin: 0 0 16px;
line-height: 1.2; }
.gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label {
font-weight: 700; }
.gform_wrapper input.datepicker.datepicker_with_icon {
margin-right: 4px !important;
display: -moz-inline-stack;
display: inline-block; }
.gform_wrapper .gf_hidden, .gform_wrapper .gform_hidden, .gform_wrapper input.gform_hidden, .gform_wrapper input[type=hidden] {
display: none !important;
max-height: 1px !important;
overflow: hidden; }
.gform_wrapper .gf_invisible, .gform_wrapper .gfield_visibility_hidden {
visibility: hidden;
position: absolute;
left: -9999px; }
.gform_wrapper .ginput_full br, .gform_wrapper .ginput_left br, .gform_wrapper .ginput_right br {
display: none !important; }
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
padding: 0 !important; }
.gform_wrapper ul.gfield_radio li input + input {
margin-left: 4px; }
.gform_wrapper ul.gfield_radio li input[value=gf_other_choice] {
margin-right: 6px;
margin-top: 4px; }
.gform_wrapper .gfield_description + .gform_wrapper .gfield_description.validation_message {
margin-top: 6px; }
.gform_wrapper .ginput_container.ginput_list + .gfield_description.validation_message {
margin-top: 0; }
.gform_wrapper li.gfield_html {
max-width: 100%; }
.gform_wrapper .gfield_html.gfield_no_follows_desc {
margin-top: 10px; }
body .gform_wrapper ul li.gfield.gfield_html img {
max-width: 100% !important; }
.gform_wrapper .gform_ajax_spinner {
padding-left: 10px; }
.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none !important;
position: absolute !important;
left: -9000px; }
.gform_wrapper .gfield_captcha_input_container {
padding-top: 3px; }
.gform_wrapper .simple_captcha_small input {
width: 64px; }
.gform_wrapper .simple_captcha_medium input {
width: 96px; }
.gform_wrapper .simple_captcha_large input {
width: 128px; }
.gform_wrapper .gform_wrapper .left_label .simple_captcha_small, .gform_wrapper .left_label .simple_captcha_large, .gform_wrapper .left_label .simple_captcha_medium, .gform_wrapper .right_label .simple_captcha_large, .gform_wrapper .right_label .simple_captcha_medium, .gform_wrapper .right_label .simple_captcha_small {
margin-left: 32%; }
.gform_wrapper .gfield_captcha_container img.gfield_captcha {
border: none !important;
background: 0 0 !important;
float: none !important;
margin: 0 !important;
padding: 0 !important; }
.gform_wrapper .left_label .math_large, .gform_wrapper .left_label .math_medium, .gform_wrapper .left_label .math_small, .gform_wrapper .left_label div.charleft, .gform_wrapper .right_label .math_large, .gform_wrapper .right_label .math_medium, .gform_wrapper .right_label .math_small, .gform_wrapper .right_label div.charleft {
margin-left: 32%; }
.gform_wrapper .math_small input {
width: 70px; }
.gform_wrapper .math_medium input {
width: 510px; }
.gform_wrapper .math_large input {
width: 612px; }
.gform_wrapper div.charleft {
font-size: .688em;
margin-top: 4px;
color: #B7B7B7;
width: 92% !important; }
.gform_wrapper div.charleft[style] {
width: 92% !important; }
.gform_wrapper div.charleft.ginput_counter_tinymce {
border: 1px solid #eee;
border-width: 1px 0 0;
padding: 4px 9px;
width: 100% !important; }
.gform_wrapper div.charleft.warningTextareaInfo {
color: #A1A1A1; }
.gform_wrapper div.charleft.ginput_counter_error {
color: red; }
.gform_wrapper li.gf_hide_charleft div.charleft {
display: none !important; }
.gf_submission_limit_message {
color: red;
font-size: 1.375em; }
.gform_wrapper .ginput_price {
filter: alpha(opacity=70);
-moz-opacity: .7;
-khtml-opacity: .7;
opacity: .7; }
.gform_wrapper span.ginput_total {
color: #060;
font-size: inherit; }
.gform_wrapper .top_label span.ginput_total {
margin: 8px 0; }
.gform_wrapper span.ginput_product_price_label {
margin-right: 2px; }
.gform_wrapper span.ginput_product_price {
color: #900; }
.gform_wrapper span.ginput_quantity_label {
margin-left: 10px;
margin-right: 2px; }
.gform_wrapper input.ginput_quantity[type=text] {
width: 3rem; }
.gform_wrapper input.ginput_quantity[type=number] {
width: 4rem; }
.gform_wrapper .gform_page_footer {
margin: 14px 0;
width: 100%;
border-top: 1px dotted #CCC;
padding: 16px 0 0;
clear: both; }
.gform_wrapper .gform_page_footer.left_label, .gform_wrapper .gform_page_footer.right_label {
padding: 16px 0 0 29%; }
.gform_wrapper .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_page_footer .button.gform_previous_button {
display: -moz-inline-stack;
display: inline-block; }
.gform_wrapper .gform_page_footer .button.gform_previous_button {
margin-bottom: 8px; }
.gform_wrapper .gf_progressbar_wrapper {
clear: both;
width: 100%;
margin: 0 0 16px;
padding: 0 0 16px; }
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
font-size: .813em;
line-height: 1 !important;
margin: 0 0 8px 12px !important;
padding: 0 !important;
clear: both;
filter: alpha(opacity=60);
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .6; }
.gform_wrapper .gf_progressbar {
padding: 10px;
position: relative;
background-color: rgba(0, 0, 0, 0.1);
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
width: 100%; }
.gform_wrapper .gf_progressbar_percentage {
height: 24px;
text-align: right;
font-family: helvetica, arial, sans-serif;
font-size: 0.813em !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
z-index: 999;
vertical-align: middle;
background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 20px), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
border-radius: 20px 4px 4px 20px; }
.gform_wrapper .gf_progressbar:after {
display: block;
width: 100%;
z-index: 990;
height: 24px;
margin-top: -24px;
background-color: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
border-radius: 20px; }
.gform_wrapper .gf_progressbar_percentage.percentbar_100 {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px; }
.gform_wrapper .gf_progressbar_percentage span {
display: block;
width: auto;
float: right;
margin-right: 5px;
margin-left: 5px;
line-height: 1.8; }
.gform_wrapper .gf_progressbar_percentage.percentbar_0 span {
color: #959595;
text-shadow: none;
float: none !important;
margin-left: 12px;
word-wrap: normal; }
.gform_wrapper .percentbar_blue {
background-color: #036493;
color: #FFF; }
.gform_wrapper .percentbar_gray {
background-color: #7C7C7C;
color: #FFF; }
.gform_wrapper .percentbar_green {
background-color: #88B831;
color: #FFF; }
.gform_wrapper .percentbar_orange {
background-color: #FF7120;
color: #FFF; }
.gform_wrapper .percentbar_red {
background-color: #FF2A1A;
color: #FFF; }
.gform_wrapper .gf_page_steps {
width: 100%;
margin: 0 0 8px;
padding: 0 0 4px;
border-bottom: 1px dotted #CCC; }
.gform_wrapper .gf_step {
width: 100%;
margin: 24px 24px 24px 0;
font-size: .875em;
height: 14px;
line-height: 1.25 !important;
filter: alpha(opacity=20);
-moz-opacity: .2;
-khtml-opacity: .2;
opacity: .2;
font-family: inherit; }
.gform_wrapper .gf_step span.gf_step_number {
font-size: 1.25em;
font-family: arial, sans-serif;
margin-right: 4px; }
.gform_wrapper .gf_step span.gf_step_label, .gform_wrapper .gf_step span.gf_step_number {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle; }
.gform_wrapper .gf_step.gf_step_active {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1; }
.gform_wrapper .gf_step_clear {
display: block;
clear: both;
height: 1px;
overflow: hidden; }
.gform_wrapper .gfield_password_strength {
border: 1px solid #DDD;
margin-top: 18px;
margin-bottom: 18px;
line-height: 1.8;
padding: 10px 5px;
text-align: center;
background-color: #EEE;
border-bottom: 3px solid #DDD; }
.gform_wrapper ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength {
margin-right: 16px; }
.gform_wrapper ul.left_label li.gfield .gfield_password_strength, .gform_wrapper ul.right_label li.gfield .gfield_password_strength {
margin-top: 18px;
margin-bottom: 18px;
width: 100%; }
.gform_wrapper .gfield_password_strength.bad {
background-color: #FFB78C;
border-color: #FF853C;
border-bottom: 3px solid #FF853C; }
.gform_wrapper .gfield_password_strength.good {
background-color: #FFEC8b;
border-color: #FC0;
border-bottom: 3px solid #FC0; }
.gform_wrapper .gfield_password_strength.mismatch, .gform_wrapper .gfield_password_strength.short {
background-color: #FFA0A0;
border-color: #f04040;
border-bottom: 3px solid #f04040; }
.gform_wrapper .gfield_password_strength.strong {
background-color: #C3FF88;
border-color: #8DFF1C;
border-bottom: 3px solid #8DFF1C; }
.gform_wrapper table.gfield_list, .gform_wrapper table.gfield_list caption, .gform_wrapper table.gfield_list tbody, .gform_wrapper table.gfield_list td, .gform_wrapper table.gfield_list tfoot, .gform_wrapper table.gfield_list th, .gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline; }
.gform_wrapper table.gfield_list {
border-spacing: 0;
border-collapse: collapse;
table-layout: auto !important; }
.gform_wrapper table.gfield_list thead th {
font-weight: 700;
text-align: left; }
.gform_wrapper table.gfield_list colgroup {
width: 100%;
display: block; }
.gform_wrapper li.gfield.gfield_error table.gfield_list thead th {
color: red; }
.gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr {
padding: 0;
margin: 0; }
.gform_wrapper table.gfield_list td, .gform_wrapper table.gfield_list th {
padding: 4px 0; }
.gform_wrapper ul.gform_fields:not(.top_label) table.gfield_list th {
padding: 0 0 4px; }
.gform_wrapper table.gfield_list td + td, .gform_wrapper table.gfield_list th + th {
padding: 0 0 0 16px; }
.gform_wrapper .gfield_list, .gform_wrapper .gfield_list td.gfield_list_cell input {
width: 100%; }
.gfield_icon_disabled {
cursor: default !important;
filter: alpha(opacity=60);
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .6; }
.gform_wrapper table.gfield_list tr td.gfield_list_icons {
width: 48px !important;
padding: 0 0 0 4px !important;
box-sizing: border-box; }
.gform_wrapper table.gfield_list td.gfield_list_icons img {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle; }
.gform_wrapper .gform_card_icon_container {
margin: 8px 0 6px;
height: 32px; }
.gform_wrapper div.gform_card_icon {
margin-right: 4px;
text-indent: -9000px;
background-image: url(../images/gf-creditcard-icons.png);
background-repeat: no-repeat;
width: 36px;
height: 32px;
float: left; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa {
background-position: 0 0; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
background-position: 0 -32px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
background-position: 0 -64px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard {
background-position: -36px 0; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
background-position: -36px -32px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
background-position: -36px -64px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex {
background-position: -72px 0; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
background-position: -72px -32px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
background-position: -72px -64px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover {
background-position: -108px 0; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
background-position: -108px -32px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
background-position: -108px -64px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro {
background-position: -144px 0; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
background-position: -144px -32px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
background-position: -144px -64px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb {
background-position: -180px 0; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
background-position: -180px -32px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
background-position: -180px -64px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa {
background-position: 0 -192px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
background-position: 0 -224px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
background-position: 0 -256px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard {
background-position: -36px -192px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
background-position: -36px -224px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
background-position: -36px -256px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex {
background-position: -72px -192px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
background-position: -72px -224px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
background-position: -72px -256px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover {
background-position: -108px -192px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
background-position: -108px -224px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
background-position: -108px -256px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro {
background-position: -144px -192px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
background-position: -144px -224px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
background-position: -144px -256px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb {
background-position: -180px -192px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
background-position: -180px -224px; }
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
background-position: -180px -256px; }
.gform_card_icon_container input[type=radio]#gform_payment_method_creditcard {
float: left;
position: relative;
top: 4px !important; }
.gform_wrapper .ginput_complex .ginput_cardinfo_right {
min-width: 85px !important; }
.gform_wrapper .ginput_complex span.ginput_cardextras {
display: block;
overflow: hidden; }
.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container {
position: relative;
display: block;
min-width: 160px !important; }
.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select {
margin-bottom: 8px; }
.gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
max-width: 50% !important; }
.gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
width: 32px;
height: 23px;
background-image: url(../images/gf-creditcard-icons.png);
background-repeat: no-repeat;
background-position: 0 -128px;
position: relative;
top: -1px;
left: 6px;
display: -moz-inline-stack;
display: inline-block; }
.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
padding: 24px;
border: 1px dashed #CCC;
text-align: center;
color: #AAA;
margin-bottom: 16px;
background: rgba(0, 0, 0, 0.02);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.gform_wrapper span.gform_drop_instructions {
display: block;
margin-bottom: 8px; }
.gform_delete {
vertical-align: middle;
cursor: pointer; }
.gform_wrapper .copy_values_option_container .copy_values_enabled {
width: auto; }
.gform_wrapper li.field_sublabel_above .ginput_complex input[type=text] {
margin-bottom: 1px; }
.gform_wrapper .form_saved_message {
margin: 1em auto;
padding: 3em 2em;
width: 99%;
font-size: 1em;
line-height: 1.8;
color: #31708f;
background-color: #e3f3f3;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.gform_wrapper .form_saved_message form {
text-align: center; }
.form_saved_message p.resume_form_link_wrapper {
background-color: white;
display: inline-block;
padding: 1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
max-width: 98% !important;
overflow: hidden;
-webkit-box-shadow: 0 3px 2px 0 rgba(66, 103, 126, 0.2);
-moz-box-shadow: 0 3px 2px 0 rgba(66, 103, 126, 0.2);
box-shadow: 0 3px 2px 0 rgba(66, 103, 126, 0.2); }
.form_saved_message a.resume_form_link {
word-wrap: break-word;
text-decoration: none;
color: #2f637e; }
.form_saved_message .form_saved_message_emailform {
margin: 1em 0 0; }
.form_saved_message label.form_saved_label {
position: absolute;
left: -9000px; }
div.form_saved_message div.form_saved_message_emailform form input[type=text] {
margin-bottom: .25em; }
div.form_saved_message div.form_saved_message_emailform form input {
margin: .75em auto 0;
display: inline-block; }
div.form_saved_message div.form_saved_message_emailform form input[type=email] {
padding: calc(.75em - 1px) !important;
width: 24em;
max-width: 98% !important;
font-size: 1em;
background-color: white;
border: 1px solid #91afc7;
color: #424242;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: inset 0 0 5px 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 0 #eeeeee;
box-shadow: inset 0 0 5px 0 #eeeeee; }
div.form_saved_message div.form_saved_message_emailform form input[type=submit] {
padding: .75em 1em;
font-size: 1em;
line-height: 1;
background-color: #91afc7;
border: 1px solid #91afc7;
color: white;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none; }
@media only screen and (max-width: 640px) {
div.form_saved_message div.form_saved_message_emailform form input[type=email], div.form_saved_message div.form_saved_message_emailform form input[type=submit] {
display: block;
width: 98%; } }
.form_saved_message .form_saved_message_emailform .validation_message {
color: red;
font-weight: 700;
padding: 2em; }
.form_saved_message_sent {
margin: 1em auto;
padding: 3em 2em;
width: 99%;
font-size: 1em;
background-color: #e9ffd9;
color: #3c763d;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-sizing: border-box; }
.form_saved_message_sent .saved_message_email, .form_saved_message_sent .saved_message_success {
font-weight: 700;
display: block;
line-height: 2; }
.form_saved_message_sent .saved_message_email {
word-wrap: break-word;
text-decoration: underline; }
body #content .entry-content .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area, body .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area {
line-height: 1 !important; }
body .gform_wrapper img.ui-datepicker-trigger {
width: 17px !important;
height: 16px !important;
display: -moz-inline-stack;
display: inline-block; }
body .gform_wrapper img.add_list_item, body .gform_wrapper img.delete_list_item {
display: -moz-inline-stack;
display: inline-block;
margin-top: -2px; }
.gform_wrapper ul li.gfield.field_sublabel_above.field_description_below + li.gfield {
margin-top: 26px; }
.gform_wrapper li.gfield ul.gfield_radio li input[type=radio] + input[type=text] {
width: 45.25%; }
.gform_wrapper table.recaptchatable {
table-layout: auto; }
.gform_wrapper ul.gform_fields:not(.top_label) div.ginput_container_captcha {
margin-left: 29%; }
.gfield .wp-editor-container {
border: 1px solid #ddd; }
.gfield .wp-switch-editor {
border-color: #ddd; }
.gfield .html-active .switch-html, .gfield .tmce-active .switch-tmce {
border-bottom-color: #f5f5f5; }
.gfield .mce-edit-area iframe {
width: 99.9% !important;
margin: 0 !important; }
body .gform_wrapper ul.gform_fields li.gfield {
margin-top: 0;
margin-bottom: 13px;
padding-top: 0; }
body .gform_wrapper ul.gfields li.gfield label.gfield_label {
margin-bottom: 0 !important;
padding-bottom: 0 !important; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
line-height: inherit; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
list-style-type: disc !important;
margin: 0 0 8px;
overflow: visible;
padding-left: 0; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul {
list-style-type: disc !important;
margin: 16px 0 16px 28px !important;
padding-left: 0; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li {
list-style-type: decimal !important;
overflow: visible;
margin: 0 0 8px;
padding-left: 0; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol {
list-style-type: decimal !important;
margin: 16px 0 18px 32px;
padding-left: 0; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
list-style-type: disc !important;
padding-left: 0; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul {
margin: 16px 0 16px 16px; }
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
margin: 0 0 8px; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl {
margin: 0 0 18px;
padding-left: 0; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt {
font-weight: 700; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd {
margin: 0 0 16px 18px; }
.gform_wrapper span.gf_clear_span {
display: block;
height: 1px;
overflow: hidden;
width: 100%;
float: none;
clear: both;
margin-top: -1px; }
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.chosen-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
display: none; }
.chosen-container.chosen-with-drop .chosen-drop {
display: block; }
.chosen-container a {
cursor: pointer; }
.chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400;
color: #999; }
.chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top; }
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
-webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px; }
.chosen-container-single .chosen-single input[type=text] {
cursor: pointer;
opacity: 0;
position: absolute;
width: 0; }
.chosen-container-single .chosen-default {
color: #999; }
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap; }
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px; }
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px; }
.chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px; }
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%; }
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(chosen-sprite.png) 0 2px no-repeat; }
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap; }
.chosen-container-single .chosen-search input[type=text] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: url(chosen-sprite.png) 100% -20px no-repeat;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0; }
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box; }
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
opacity: 0;
pointer-events: none; }
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch; }
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none; }
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer; }
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default; }
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff; }
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4; }
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: 700;
cursor: default; }
.chosen-container .chosen-results li.group-option {
padding-left: 15px; }
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline; }
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text; }
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none; }
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap; }
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: 0 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px; }
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default; }
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px; }
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666; }
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4; }
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px; }
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0; }
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default; }
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
background-image: linear-gradient(#eee 20%, #fff 80%);
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset; }
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: 0 0; }
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px; }
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #222 !important; }
.chosen-disabled {
opacity: 0.5 !important;
cursor: default; }
.chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single {
cursor: default; }
.chosen-rtl {
text-align: right; }
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0; }
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl; }
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px; }
.chosen-rtl .chosen-single div {
right: auto;
left: 3px; }
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px; }
.chosen-rtl .chosen-choices li {
float: right; }
.chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl; }
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px; }
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px; }
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0; }
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0; }
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none; }
.chosen-rtl .chosen-search input[type=text] {
padding: 4px 5px 4px 20px;
background: url(chosen-sprite.png) -30px -20px no-repeat;
direction: rtl; }
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px; }
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] {
background-image: url(chosen-sprite@2x.png) !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important; } }
body .gform_wrapper .chosen-container a.chosen-single {
border-radius: inherit; }
body .gform_wrapper ul.chosen-results li {
line-height: inherit; }
@media only screen and (max-width: 641px) {
.gform_wrapper .chosen-container.chosen-container-single[style], .gform_wrapper div.chosen-container.chosen-container-multi[style] {
width: 100% !important; }
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 2;
min-height: 2rem; }
.gform_wrapper textarea {
line-height: 1.5; }
.gform_wrapper .chosen-container-single .chosen-single {
height: 40px;
line-height: 2.8; }
.gform_wrapper .chosen-container-single .chosen-single div b {
position: relative;
top: 10px; }
.gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice, .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {
width: 100%;
line-height: inherit;
float: none; }
.gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span {
margin-bottom: 0; }
.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
top: calc(50% - 6px); }
.gform_wrapper .ginput_container span:not(.ginput_price) {
margin-bottom: 8px;
display: block; }
.gform_wrapper li.field_sublabel_below .ginput_complex {
margin-top: 12px !important; }
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
width: 85%;
cursor: pointer; } }
@media only screen and (max-width: 761px), (min-device-width: 768px) and (max-device-width: 1023px) {
body .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
margin-top: 0; }
.gform_wrapper table.gfield_list {
border: 0; }
.gform_wrapper table.gfield_list thead {
position: absolute;
top: -9999px;
left: -9999px; }
.gform_wrapper table.gfield_list tr {
margin-bottom: 10px;
display: block;
background: #fff;
position: relative;
border: 1px solid #CCC;
border-top: 2px solid #CCC;
border-bottom: 4px solid #CCC; }
.gform_wrapper table.gfield_list td {
display: block;
margin-left: 8px;
margin-right: 8px; }
.gform_wrapper table.gfield_list td.gfield_list_icons {
border-bottom: 0;
margin: 16px 0 0 !important; }
.gform_wrapper ul.gform_fields.form_sublabel_above table.gfield_list td:before, .gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after {
content: attr(data-label);
font-size: .875em;
letter-spacing: .5pt;
white-space: nowrap;
display: block;
clear: both; }
.gform_wrapper ul.gform_fields.form_sublabel_above table.gfield_list td:before {
margin: 8px 0 3px 8px; }
.gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after {
margin: 3px 0 8px 8px; }
.gform_wrapper table.gfield_list td + td, .gform_wrapper table.gfield_list th + th {
padding: 4px 0 0; }
.gform_wrapper table.gfield_list tr.gfield_list_row_even, .gform_wrapper table.gfield_list tr.gfield_list_row_odd {
margin: 16px 0; }
.gform_wrapper table.gfield_list tr, .gform_wrapper table.gfield_list tr.gfield_list_row_odd:first-child {
padding-top: 12px; }
.gform_wrapper table.gfield_list tr td.gfield_list_icons {
width: 100% !important;
padding: 0 4px 4px !important;
background-color: #EEE; }
.gform_wrapper table.gfield_list tr td.gfield_list_icons img.add_list_item {
margin: 12px 0 0 16px !important; }
.gform_wrapper table.gfield_list tr td.gfield_list_icons img.delete_list_item {
margin: 12px 0 0 8px !important; }
.gform_wrapper .gform_footer a.gform_save_link, .gform_wrapper .gform_page_footer a.gform_save_link {
margin-left: 0; }
.gform_wrapper .gfield_list td.gfield_list_cell input {
width: calc(100% - 16px);
margin-left: 8px;
margin-right: 8px; } }
@media only screen and (min-width: 641px) {
.gform_wrapper .gform_body {
width: 100%; }
body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: 100% !important; }
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
margin: 0 0 8px;
line-height: 1.3; }
.gform_wrapper .gsection {
margin: 28px 16px 28px 0; }
.gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {
float: left;
width: 29%;
padding-right: 16px;
margin-bottom: 16px; }
.gform_wrapper .right_label .gfield_label {
text-align: right; }
.gform_wrapper .left_label .gfield_description, .gform_wrapper .right_label .gfield_description {
width: 70%; }
.gform_wrapper form ul.left_label li ul.gfield_checkbox li, .gform_wrapper form ul.left_label li ul.gfield_radio li, .gform_wrapper form ul.right_label li ul.gfield_checkbox li, .gform_wrapper form ul.right_label li ul.gfield_radio li, .gform_wrapper ul.left_label li ul.gfield_checkbox li, .gform_wrapper ul.left_label li ul.gfield_radio li, .gform_wrapper ul.right_label li ul.gfield_checkbox li, .gform_wrapper ul.right_label li ul.gfield_radio li {
margin-bottom: 10px; }
.gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .gfield_description, .gform_wrapper .right_label .instruction {
margin-left: 29%; }
.gform_wrapper ul.gform_fields:not(.top_label) .gsection .gsection_description {
margin-left: 0;
padding-top: 4px;
padding-left: 0;
line-height: 1.5; }
.gform_wrapper form ul.gform_fields:not(.top_label) li.gfield_html_formatted {
margin-left: 29% !important;
width: 70%; }
.gform_wrapper ul.gform_fields:not(.top_label) ul.gfield_checkbox, .gform_wrapper ul.gform_fields:not(.top_label) ul.gfield_radio {
overflow: hidden; }
.gform_wrapper .left_label div.ginput_complex, .gform_wrapper .right_label div.ginput_complex {
width: 70%;
margin-left: 29%; }
.gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small, .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small {
width: 15%; }
.gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium, .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium {
width: calc(35% - 8px); }
.gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small {
width: 70%; }
.gform_wrapper ul.gform_fields:not(.top_label) .ginput_list {
width: 70%;
margin-left: 29% !important; }
.gform_wrapper .top_label .gfield_list {
width: 100%; }
.gform_wrapper .left_label .gf_list_one_column, .gform_wrapper .right_label .gf_list_one_column {
width: 45%; }
.gform_wrapper .top_label .gf_list_one_column {
width: 46%; }
.gform_wrapper .left_label li.hidden_label input, .gform_wrapper .right_label li.hidden_label input {
margin-left: 3.7%; }
.gform_wrapper .left_label li.gfield .gfield_password_strength, .gform_wrapper .right_label li.gfield .gfield_password_strength {
margin-left: 29%; }
.gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small {
width: 25%; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: calc(50% - 8px); }
.gform_wrapper.gform_validation_error .top_label input.medium, .gform_wrapper.gform_validation_error .top_label select.medium {
width: 50%; }
.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
width: 100%; }
.gform_wrapper .top_label input.large.datepicker, .gform_wrapper .top_label input.medium.datepicker, .gform_wrapper .top_label input.small.datepicker {
width: auto; }
.gform_wrapper textarea.small {
height: 80px;
width: 100%; }
body .gform_wrapper textarea.medium {
height: 121px;
width: 100%;
margin: 0;
display: block; }
.gform_wrapper textarea.large {
height: 320px;
width: 100%; }
.gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_cardinfo_left {
width: 50%; }
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
width: 50%;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0 -4px 0 0; }
.gform_wrapper .ginput_container_password .ginput_right {
padding-left: 8px; }
.gform_wrapper .ginput_complex .ginput_cardinfo_left, .gform_wrapper .ginput_complex .ginput_cardinfo_right {
min-height: 43px;
position: relative;
float: left; }
.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month, .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year {
width: 47% !important;
display: -moz-inline-stack;
display: inline-block; }
.gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month {
margin-right: 4px; }
.gform_wrapper .gf_step {
width: auto;
display: -moz-inline-stack;
display: inline-block;
margin: 16px 32px 16px 0; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {
display: -moz-inline-stack;
display: inline-block; }
.gform_wrapper .gform_footer input[type=image] {
vertical-align: middle; }
.gform_wrapper .gform_footer a.gform_save_link, .gform_wrapper .gform_page_footer a.gform_save_link {
font-size: 1em;
margin-left: 0;
display: -moz-inline-stack;
display: inline-block; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
font-size: 1em;
width: auto;
margin: 0; }
body .gform_wrapper ul.gform_fields li.gfield {
padding-right: 0; }
body .gform_wrapper ul.gform_fields li.gfield.textarea {
margin-bottom: 0; }
.gform_wrapper .ginput_complex .ginput_left {
padding-right: 8px; }
.gform_wrapper .left_label .ginput_complex.ginput_container_address:after {
content: "";
display: block; }
.gform_wrapper .ginput_complex.ginput_container_address .ginput_left {
margin-right: 8px; }
.gform_wrapper .ginput_complex.ginput_container_address .ginput_right {
margin-right: -8px;
padding-right: 8px; }
.gform_wrapper .ginput_complex.ginput_container_address span.ginput_full + span.ginput_right {
padding-right: 8px !important;
margin-right: 8px; }
.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left {
padding-right: 8px !important;
margin-right: -8px; }
.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left.address_zip {
margin-right: 8px; }
.gform_wrapper .gfield_error .ginput_container {
padding-right: 0; }
.gform_wrapper ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength {
margin: 18px 0; }
.gform_wrapper .gform_footer:not(.top_label) {
padding: 16px 0 10px;
margin-left: 29%;
width: 70%; }
.top_label div.ginput_complex.ginput_container.gf_name_has_1, .top_label div.ginput_complex.ginput_container.gf_name_has_2, .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
width: calc(100% + 15px); }
.top_label div.ginput_complex.ginput_container.gf_name_has_4 {
width: calc(100% + 13px); }
.top_label div.ginput_complex.ginput_container.gf_name_has_5 {
width: calc(100% + 14px); }
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_1, ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_2, ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_3 {
width: calc(70% + 15px);
margin-left: 29%; }
ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1, ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2, ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 {
width: calc(70% + 24px); }
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_4 {
width: calc(70% + 13px);
margin-left: 29%; }
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_5 {
width: calc(70% + 14px);
margin-left: 29%; }
div.ginput_container_name span {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
padding-right: 16px;
margin-right: -4px; }
div.ginput_complex.ginput_container.gf_name_has_1 span {
width: 100%; }
div.ginput_complex.ginput_container.gf_name_has_2 span {
width: 50%; }
div.ginput_complex.ginput_container.gf_name_has_3 span {
width: 33.3%; }
div.ginput_complex.ginput_container.gf_name_has_4 span {
width: 25%; }
div.ginput_complex.ginput_container.gf_name_has_5 span {
width: 19.95%; }
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1 span {
width: 99.75% !important; }
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2 span {
width: 49.75% !important; }
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 span {
width: 33% !important; }
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_4 span {
width: 24.75% !important; }
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_5 span {
width: 19.75% !important; }
html div.ginput_complex.ginput_container.gf_name_has_2 span:first-child, html div.ginput_complex.ginput_container.gf_name_has_3 span:first-child, html div.ginput_complex.ginput_container.gf_name_has_4 span:first-child, html div.ginput_complex.ginput_container.gf_name_has_5 span:first-child {
margin-left: 0 !important; }
.gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email {
width: calc(100% + 15px); }
.gform_wrapper ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.ginput_container_email {
width: calc(70% + 16px);
margin-left: 29%; }
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.ginput_container_email {
width: calc(70% + 17px); }
li.gfield.gfield_error .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error .ginput_complex.ginput_container.ginput_container_email {
width: calc(70% + 8px) !important; }
.gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_left, .gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_right {
padding-right: 16px; }
.gform_wrapper ul.left_label li.gfield .gfield_password_strength, .gform_wrapper ul.right_label li.gfield .gfield_password_strength {
width: 70%; }
.gform_wrapper .ginput_complex span.ginput_left + input.gform_hidden + span.ginput_left {
padding-right: 0; }
.gform_wrapper .ginput_complex span.ginput_left.address_country {
margin-right: 0; }
html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi, html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description, html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date) {
width: 70%;
margin-left: 29%; }
.gform_wrapper .gf_progressbar {
width: calc(100% - 16px); }
.gform_wrapper ul.gform_fields:not(.top_label) .gform_fileupload_multifile .gform_drop_area {
margin-left: 29%;
width: 70%; }
body .gform_wrapper span.ginput_left.address_city + input.gform_hidden + span.ginput_left.address_country {
width: calc(50% - 8px);
margin-right: 0; }
.gform_wrapper ul.gform_fields:not(.top_label) .ginput_container.ginput_recaptcha {
margin-left: 29% !important; }
.gform_wrapper .gform_page_footer .button.gform_previous_button {
margin-bottom: 0; }
.gform_wrapper .gform_page_footer .button.gform_button, .gform_wrapper .gform_page_footer .button.gform_next_button {
margin-right: 10px; }
body .gform_wrapper select.medium.gfield_select + div.chosen-container-multi[style], body .gform_wrapper select.medium.gfield_select + div.chosen-container-single[style] {
width: calc(50% - 8px) !important; }
body .gform_wrapper select.large.gfield_select + div.chosen-container-multi[style], body .gform_wrapper select.large.gfield_select + div.chosen-container-single[style] {
width: 100% !important; }
body .gform_wrapper select.small.gfield_select + div.chosen-container-multi[style], body .gform_wrapper select.small.gfield_select + div.chosen-container-single[style] {
width: 25%; } }
@media only screen and (min-width: 640px) {
.gform_wrapper .top_label li.gfield.gf_inline {
vertical-align: top;
width: auto !important;
margin: 0;
padding-right: 16px;
float: none !important;
display: -moz-inline-stack;
display: inline-block; }
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=text].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=text].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=text].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].small {
width: 100%; }
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].datepicker.medium {
width: 96px !important; }
.gform_wrapper .top_label li.gfield.gf_inline select, .gform_wrapper .top_label li.gfield.gf_inline textarea {
width: 100%; }
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour input[type=text], .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute input[type=text] {
width: 70% !important; }
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_day, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_month, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_year, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute {
width: 50px; }
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_ampm {
width: auto; }
.gform_wrapper li.gf_inline div.ginput_container {
white-space: nowrap !important; }
.gform_wrapper li.gf_inline div.ginput_container.ginput_container_date label {
display: block !important; }
.gform_wrapper li.gfield.gfield_error.gf_inline {
margin-right: 16px;
padding-right: 0; }
body .gform_wrapper .top_label li.gfield.gf_left_half,
body .gform_wrapper .top_label li.gfield.gf_right_half {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
width: calc(50% - 6px);
padding-right: 0;
margin-right: 11.99px;
float: none; }
body .gform_wrapper .top_label li.gfield.gf_right_half {
margin-right: 0; }
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
width: 100% !important;
margin: 4px 0 0;
padding-left: 0;
padding-right: 0; }
.gform_wrapper .top_label li.gfield.gf_left_half:before {
content: "";
display: block;
clear: both; }
.gform_wrapper .top_label li.gfield.gf_right_half:after {
content: "";
display: table;
clear: both; }
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
max-width: calc(50% - 16px);
padding-right: 0; }
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {
margin-right: 16px; }
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) input.large, .gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) input.medium, .gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) select.large, .gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) select.medium, .gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) input.large, .gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) input.medium, .gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) select.large, .gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) select.medium {
width: 100%; }
.gform_wrapper .top_label li.gfield.gf_left_half textarea, .gform_wrapper .top_label li.gfield.gf_right_half textarea {
width: 98%; }
.gform_wrapper .top_label li.gfield.gf_left_half input.small, .gform_wrapper .top_label li.gfield.gf_right_half input.small {
width: 35%; }
.gform_wrapper .top_label li.gfield.gf_left_half + li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_left_half + li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gf_left_half + li.gsection, .gform_wrapper .top_label li.gfield.gf_right_half + li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half + li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gf_right_half + li.gsection, .gform_wrapper .top_label li.gfield.gsection.gf_left_half + li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half + li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half + li.gfield.gsection.gf_right_half {
padding: 16px 0 8px; }
.gform_wrapper .top_label li.gfield.gsection.gf_left_half + li.gfield.gsection.gf_right_half {
padding: 0 0 8px; }
.gform_wrapper .top_label li.gfield.gf_first_quarter + li.gsection, .gform_wrapper .top_label li.gfield.gf_fourth_quarter + li.gsection, .gform_wrapper .top_label li.gfield.gf_left_third + li.gsection, .gform_wrapper .top_label li.gfield.gf_right_third + li.gsection, .gform_wrapper .top_label li.gfield.gsection.gf_left_half + li.gfield.gsection.gf_right_half + li.gfield.gsection.gf_left_half + li.gfield.gsection.gf_right_half {
padding: 16px 0 8px; }
.gform_wrapper .top_label li.gfield.gf_left_half + .gform_footer, .gform_wrapper .top_label li.gfield.gf_left_half + li.gfield, .gform_wrapper .top_label li.gfield.gf_right_half + .gform_footer, .gform_wrapper .top_label li.gfield.gf_right_half + li.gfield {
clear: both; }
.gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
float: none;
margin-bottom: 8px; }
.gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
width: 33.3%; }
.gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
width: 33.4%; }
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input.large, .gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input.medium, .gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select.large, .gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select.medium, .gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input.large, .gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input.medium, .gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select.large, .gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select.medium, .gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input.large, .gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input.medium, .gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select.large, .gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select.medium {
width: 100%; }
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]):not(.ginput_quantity), .gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select, .gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]):not(.ginput_quantity), .gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select, .gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]):not(.ginput_quantity), .gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select {
width: 100% !important; }
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third {
width: calc(33.3% - 24px) !important;
margin-right: 16px; }
.gform_wrapper .top_label li.gfield.gfield_error.gf_right_third {
width: 33.4%; }
.gform_wrapper .top_label li.gfield.gf_right_third:after {
content: "";
display: table;
clear: both; }
.gform_wrapper .top_label li.gfield.gf_left_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_left_third + li.gfield, .gform_wrapper .top_label li.gfield.gf_middle_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_middle_third + li.gfield, .gform_wrapper .top_label li.gfield.gf_right_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_right_third + li.gfield {
clear: both; }
.gform_wrapper .top_label li.gfield.gf_first_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_fourth_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_second_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_third_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
width: 25%;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
float: none; }
.gform_wrapper .top_label li.gfield.gf_first_quarter, .gform_wrapper .top_label li.gfield.gf_fourth_quarter, .gform_wrapper .top_label li.gfield.gf_second_quarter, .gform_wrapper .top_label li.gfield.gf_third_quarter {
margin-bottom: 8px; }
.gform_wrapper .top_label li.gfield.gf_first_quarter div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]), .gform_wrapper .top_label li.gfield.gf_first_quarter div:not(.ginput_container_date) select, .gform_wrapper .top_label li.gfield.gf_fourth_quarter div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]), .gform_wrapper .top_label li.gfield.gf_fourth_quarter div:not(.ginput_container_date) select, .gform_wrapper .top_label li.gfield.gf_second_quarter div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]), .gform_wrapper .top_label li.gfield.gf_second_quarter div:not(.ginput_container_date) select, .gform_wrapper .top_label li.gfield.gf_third_quarter div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]), .gform_wrapper .top_label li.gfield.gf_third_quarter div:not(.ginput_container_date) select {
width: 100% !important; }
.gform_wrapper .top_label li.gfield.gfield_error.gf_first_quarter, .gform_wrapper .top_label li.gfield.gfield_error.gf_fourth_quarter, .gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter, .gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
width: 24.5%; }
.gform_wrapper .top_label li.gfield.gf_fourth_quarter:after {
content: "";
display: table;
clear: both; }
.gform_wrapper .top_label li.gfield.gf_first_quarter input.large, .gform_wrapper .top_label li.gfield.gf_first_quarter input.medium, .gform_wrapper .top_label li.gfield.gf_first_quarter select.large, .gform_wrapper .top_label li.gfield.gf_first_quarter select.medium, .gform_wrapper .top_label li.gfield.gf_fourth_quarter input.large, .gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium, .gform_wrapper .top_label li.gfield.gf_fourth_quarter select.large, .gform_wrapper .top_label li.gfield.gf_fourth_quarter select.medium, .gform_wrapper .top_label li.gfield.gf_second_quarter input.large, .gform_wrapper .top_label li.gfield.gf_second_quarter input.medium, .gform_wrapper .top_label li.gfield.gf_second_quarter select.large, .gform_wrapper .top_label li.gfield.gf_second_quarter select.medium, .gform_wrapper .top_label li.gfield.gf_third_quarter input.large, .gform_wrapper .top_label li.gfield.gf_third_quarter input.medium, .gform_wrapper .top_label li.gfield.gf_third_quarter select.large, .gform_wrapper .top_label li.gfield.gf_third_quarter select.medium {
width: 97.5%; }
.gform_wrapper .top_label li.gfield.gf_first_quarter + .gform_footer, .gform_wrapper .top_label li.gfield.gf_first_quarter + li.gfield, .gform_wrapper .top_label li.gfield.gf_fourth_quarter + .gform_footer, .gform_wrapper .top_label li.gfield.gf_fourth_quarter + li.gfield, .gform_wrapper .top_label li.gfield.gf_second_quarter + .gform_footer, .gform_wrapper .top_label li.gfield.gf_second_quarter + li.gfield, .gform_wrapper .top_label li.gfield.gf_third_quarter + .gform_footer, .gform_wrapper .top_label li.gfield.gf_third_quarter + li.gfield {
clear: both; }
.gform_wrapper .top_label li ul.gfield_checkbox, .gform_wrapper .top_label li ul.gfield_radio {
width: calc(100% + 16px); }
.gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_checkbox, .gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_radio {
width: calc(70% + 16px); }
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
width: 50%;
display: -moz-inline-stack;
display: inline-block;
margin: 0;
padding-right: 16px;
min-height: 28px;
vertical-align: top;
font-size: 90%; }
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
width: 33.3%;
display: -moz-inline-stack;
display: inline-block;
margin: 0 0 2px;
padding-right: 16px;
min-height: 28px;
vertical-align: top;
font-size: 90%; }
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li label, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li label, .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li label, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li label, .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li label, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li label {
max-width: 75%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle; }
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li {
width: 25%;
display: -moz-inline-stack;
display: inline-block;
margin: 0;
padding-right: 16px;
min-height: 28px;
vertical-align: top;
font-size: 90%; }
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
width: 20%;
display: -moz-inline-stack;
display: inline-block;
margin: 0;
padding-right: 16px;
min-height: 28px;
vertical-align: top;
font-size: 90%; }
.gform_wrapper ul.gform_fields:not(.top_label) li.gf_list_2col_vertical label.gfield_label, .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_2col label.gfield_label, .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_3col label.gfield_label, .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_4col label.gfield_label, .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_5col label.gfield_label, .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_inline label.gfield_label {
margin: 0 0 10px; }
body .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox, body .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio, body .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox, body .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio, body .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox, body .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio, body .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox, body .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio {
overflow: visible; }
.gform_wrapper li.gf_list_2col_vertical .ginput_container_checkbox ul.gfield_checkbox, .gform_wrapper li.gf_list_3col_vertical .ginput_container_checkbox ul.gfield_checkbox, .gform_wrapper li.gf_list_4col_vertical .ginput_container_checkbox ul.gfield_checkbox, .gform_wrapper li.gf_list_5col_vertical .ginput_container_checkbox ul.gfield_checkbox {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px; }
.gform_wrapper li.gf_list_2col_vertical .ginput_container_checkbox ul.gfield_checkbox, .gform_wrapper li.gf_list_2col_vertical .ginput_container_radio ul.gfield_radio {
width: calc(100% - 16px);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2; }
.gform_wrapper li.gf_list_3col_vertical .ginput_container_checkbox ul.gfield_checkbox, .gform_wrapper li.gf_list_3col_vertical .ginput_container_radio ul.gfield_radio {
width: calc(100% - 8px);
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3; }
.gform_wrapper li.gf_list_4col_vertical .ginput_container_checkbox ul.gfield_checkbox, .gform_wrapper li.gf_list_4col_vertical .ginput_container_radio ul.gfield_radio {
width: calc(100% - 8px);
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4; }
.gform_wrapper li.gf_list_5col_vertical .ginput_container_checkbox ul.gfield_checkbox, .gform_wrapper li.gf_list_5col_vertical .ginput_container_radio ul.gfield_radio {
width: calc(100% - 8px);
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5; }
.gform_wrapper li.gf_list_2col_vertical .ginput_container_checkbox ul.gfield_checkbox li label, .gform_wrapper li.gf_list_2col_vertical .ginput_container_radio ul.gfield_radio li label, .gform_wrapper li.gf_list_3col_vertical .ginput_container_checkbox ul.gfield_checkbox li label, .gform_wrapper li.gf_list_3col_vertical .ginput_container_radio ul.gfield_radio li label, .gform_wrapper li.gf_list_4col_vertical .ginput_container_checkbox ul.gfield_checkbox li label, .gform_wrapper li.gf_list_4col_vertical .ginput_container_radio ul.gfield_radio li label, .gform_wrapper li.gf_list_5col_vertical .ginput_container_checkbox ul.gfield_checkbox li label, .gform_wrapper li.gf_list_5col_vertical .ginput_container_radio ul.gfield_radio li label {
max-width: 75%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.gform_wrapper li.gfield.gf_list_height_25 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_25 ul.gfield_radio li {
height: 25px; }
.gform_wrapper li.gfield.gf_list_height_50 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_50 ul.gfield_radio li {
height: 50px; }
.gform_wrapper li.gfield.gf_list_height_75 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_75 ul.gfield_radio li {
height: 75px; }
.gform_wrapper li.gfield.gf_list_height_100 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_100 ul.gfield_radio li {
height: 100px; }
.gform_wrapper li.gfield.gf_list_height_125 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_125 ul.gfield_radio li {
height: 125px; }
.gform_wrapper li.gfield.gf_list_height_150 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_150 ul.gfield_radio li {
height: 150px; }
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li {
width: auto !important;
float: none !important;
margin: 0 8px 10px 0;
display: -moz-inline-stack;
display: inline-block; }
html[dir=rtl] .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, html[dir=rtl] .gform_wrapper li.gf_list_inline ul.gfield_radio li {
padding-left: 16px !important;
padding-right: 0 !important; }
.gform_wrapper li.gf_hide_ampm div.gfield_time_ampm {
display: none !important; }
.gform_wrapper li.gsection.gf_scroll_text {
height: 240px;
width: calc(100% - 16px);
padding: 16px;
background-color: #fff;
overflow-y: scroll;
overflow-x: hidden;
border: 1px solid #CCC;
border-bottom: 1px solid #CCC !important; }
.gform_wrapper .top_label li.gsection.gf_scroll_text h2.gsection_title {
margin: 10px 10px 0 8px !important; }
.gform_wrapper.gf_browser_chrome .top_label li.gsection.gf_scroll_text h2.gsection_title, .gform_wrapper.gf_browser_gecko .top_label li.gsection.gf_scroll_text h2.gsection_title {
margin: 0 10px 0 8px !important; }
.gform_wrapper .top_label li.gsection.gf_scroll_text .gsection_description {
margin: 10px;
font-size: 12px; }
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul li, .gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul li {
list-style-type: disc !important;
margin: 0 0 8px;
overflow: visible;
padding-left: 0; }
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul, .gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul {
list-style-type: disc !important;
margin: 16px 0 16px 18px;
padding-left: 0; }
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li, .gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li {
list-style-type: decimal !important;
overflow: visible;
margin: 0 0 8px;
padding-left: 0; }
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol, .gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol {
list-style-type: decimal !important;
margin: 16px 0 18px 32px;
padding-left: 0; }
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul, .gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul li {
list-style-type: disc !important;
padding-left: 0; }
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul {
margin: 16px 0 16px 18px; }
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul li {
margin: 0 0 8px; }
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description dl {
margin: 0 0 18px;
padding-left: 0; }
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description dl dt {
font-weight: 700; }
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description dl dd {
margin: 0 0 16px 18px; }
.gform_wrapper li.gfield.gfield_html.gf_alert_blue, .gform_wrapper li.gfield.gfield_html.gf_alert_gray, .gform_wrapper li.gfield.gfield_html.gf_alert_green, .gform_wrapper li.gfield.gfield_html.gf_alert_red, .gform_wrapper li.gfield.gfield_html.gf_alert_yellow {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 20px 0 !important;
padding: 20px !important; }
.gform_wrapper li.gfield.gfield_html.gf_alert_green {
border: 1px solid #97B48A;
background-color: #CBECA0;
text-shadow: #DFB 1px 1px;
color: #030; }
.gform_wrapper li.gfield.gfield_html.gf_alert_red {
border: 1px solid #CFADB3;
background-color: #FAF2F5;
text-shadow: #FFF 1px 1px;
color: #832525; }
.gform_wrapper li.gfield.gfield_html.gf_alert_yellow {
border: 1px solid #E6DB55;
background-color: #FFFBCC;
text-shadow: #FCFAEA 1px 1px;
color: #222; }
.gform_wrapper li.gfield.gfield_html.gf_alert_gray {
border: 1px solid #CCC;
background-color: #EEE;
text-shadow: #FFF 1px 1px;
color: #424242; }
.gform_wrapper li.gfield.gfield_html.gf_alert_blue {
border: 1px solid #a7c2e7;
background-color: #D1E4F3;
text-shadow: #E0F1FF 1px 1px;
color: #314475; }
div.gform_confirmation_wrapper.gf_confirmation_simple_yellow {
margin: 30px 0;
max-width: 99%;
border-top: 1px solid #E6DB55;
border-bottom: 1px solid #E6DB55;
padding: 32px;
background-color: #FFFBCC;
color: #424242;
font-size: 25px; }
div.gform_confirmation_wrapper.gf_confirmation_simple_gray {
margin: 30px 0;
max-width: 99%;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 32px;
background-color: #EAEAEA;
color: #424242;
font-size: 25px; }
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient {
position: relative;
background-color: #FFFBD2;
margin: 30px 0;
border: 1px solid #E6DB55;
-webkit-box-shadow: 0 0 5px rgba(221, 215, 131, 0.75);
-moz-box-shadow: 0 0 5px rgba(221, 215, 131, 0.75);
box-shadow: 0 0 5px rgba(221, 215, 131, 0.75); }
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient div.gforms_confirmation_message {
margin: 0;
padding: 40px;
max-width: 99%;
font-size: 28px;
border-top: 2px solid #FFF;
border-bottom: 1px solid #E6DB55;
color: #424242;
background: #fffce5;
background: -moz-linear-gradient(top, #fffce5 0, #fff9bf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fffce5), color-stop(100%, #fff9bf));
background: -webkit-linear-gradient(top, #fffce5 0, #fff9bf 100%);
background: -o-linear-gradient(top, #fffce5 0, #fff9bf 100%);
background: -ms-linear-gradient(top, #fffce5 0, #fff9bf 100%);
background: linear-gradient(to bottom, #fffce5 0, #fff9bf 100%); }
div.gform_confirmation_wrapper.gf_confirmation_green_gradient {
position: relative;
background-color: #f1fcdf;
margin: 30px 0;
border: 1px solid #a7c37c;
-webkit-box-shadow: 0 0 5px rgba(86, 122, 86, 0.4);
-moz-box-shadow: 0 0 5px rgba(86, 122, 86, 0.4);
box-shadow: 0 0 5px rgba(86, 122, 86, 0.4); }
div.gform_confirmation_wrapper.gf_confirmation_green_gradient div.gforms_confirmation_message {
margin: 0;
padding: 40px;
max-width: 99%;
font-size: 28px;
border-top: 2px solid #effade;
border-bottom: 1px solid #a7c37c;
text-shadow: #DFB 1px 1px;
color: #030;
background: #dbf2b7;
background: -moz-linear-gradient(top, #dbf2b7 0, #b4d088 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dbf2b7), color-stop(100%, #b4d088));
background: -webkit-linear-gradient(top, #dbf2b7 0, #b4d088 100%);
background: -o-linear-gradient(top, #dbf2b7 0, #b4d088 100%);
background: -ms-linear-gradient(top, #dbf2b7 0, #b4d088 100%);
background: linear-gradient(to bottom, #dbf2b7 0, #b4d088 100%); }
div.gform_confirmation_wrapper.gf_confirmation_green_gradient:after, div.gform_confirmation_wrapper.gf_confirmation_green_gradient:before, div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:after, div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:before {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width: 40%;
background: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg); }
div.gform_confirmation_wrapper.gf_confirmation_green_gradient:after, div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto; }
.gform_wrapper.gf_simple_horizontal_wrapper.centered_wrapper {
width: auto;
margin: 0 auto;
display: table; }
.gform_wrapper form.gf_simple_horizontal {
width: calc(100% - 16px);
margin: 0 auto; }
.gform_wrapper form.gf_simple_horizontal div.gform_body, .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 0;
position: relative; }
.gform_wrapper form.gf_simple_horizontal div.gform_body {
width: auto;
max-width: 75%; }
.gform_wrapper form.gf_simple_horizontal div.ginput_container, .gform_wrapper form.gf_simple_horizontal ul li.gfield {
margin-top: 0 !important; }
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
width: auto;
max-width: 25%;
padding: 0;
margin: 0; }
body:not(rtl) .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
text-align: left; }
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label {
display: table;
width: 100%; }
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield {
display: table-cell;
padding-right: 1em;
height: auto; }
.gform_wrapper form.gf_simple_horizontal .gfield_description:not(.validation_message), .gform_wrapper form.gf_simple_horizontal .ginput_complex label, .gform_wrapper form.gf_simple_horizontal label.gfield_label {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
position: absolute;
top: 0;
left: -9000px; }
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label.form_sublabel_above li.gfield, .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label.form_sublabel_below li.gfield {
vertical-align: middle; }
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.large, .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.medium, .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.small, .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield select.large, .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield select.medium, .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield select.small {
width: 100%; }
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type=submit], .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type=button], .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type=image] {
height: auto; }
.gform_wrapper form.gf_simple_horizontal .top_label .gfield_error {
margin-bottom: 0; }
.gform_wrapper form.gf_simple_horizontal ul li.gfield .ginput_container_checkbox ul li, .gform_wrapper form.gf_simple_horizontal ul li.gfield .ginput_container_radio ul li {
display: inline-block;
margin-right: .5em; }
html[dir=rtl] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_2 span {
width: 48.5%; }
html[dir=rtl] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_3 span {
width: 33%; }
html[dir=rtl] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_4 span {
width: 24.5%; }
html[dir=rtl] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_5 span {
width: 19.5%; } }
body .gform_wrapper.gf_form_center_wrapper {
padding: 16px 0 16px 16px; }
@media (min-width: 40em) {
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
max-width: calc(50% - 6px) !important; }
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {
margin-right: 11.99px !important; } }
/*@media (max-width: 400px) {
.ginput_recaptcha {
@include transform(scale(0.8));
margin-left: rem(-26);
}
}*/
.ginput_recaptcha {
transform: scale(0.8) translateX(0);
margin-left: -11%; }
@media (min-width: 60em) {
.ginput_recaptcha {
transform: none;
margin-left: 0; } }
body .gform_legacy_markup_wrapper ul.gform_fields:not(.top_label) ul.gfield_checkbox,
body .gform_legacy_markup_wrapper ul.gform_fields:not(.top_label) ul.gfield_radio,
body .gform_legacy_markup_wrapper ul.gfield_checkbox li,
body .gform_legacy_markup_wrapper ul.gfield_radio li {
overflow: visible; }
body .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input,
body .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
body .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
margin-top: 0.3125rem !important;
vertical-align: top; }
body .gform_legacy_markup_wrapper .gfield_checkbox li label,
body .gform_legacy_markup_wrapper .gfield_radio li label,
body .gform_wrapper li.gfield[class*=col][class*=gf_list_] ul.gfield_checkbox li,
body .gform_wrapper li.gfield[class*=col][class*=gf_list_] ul.gfield_radio li {
font-size: 1rem; }
body .instruction.validation_message {
display: none; }
body .gform_wrapper.gf_form_center_wrapper {
padding: 16px 0 16px 16px; }
@media (max-width: 40em) {
body .gform_legacy_markup_wrapper .left_label .gfield_error input.large,
body .gform_legacy_markup_wrapper .left_label .gfield_error select.large,
body .gform_legacy_markup_wrapper .left_label .gfield_error textarea.textarea,
body .gform_legacy_markup_wrapper .right_label .gfield_error input.large,
body .gform_legacy_markup_wrapper .right_label .gfield_error select.large,
body .gform_legacy_markup_wrapper .right_label .gfield_error textarea.textarea {
width: 100%; } }
/*** Slick Slider CSS ***/
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-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;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before,
.slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[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; }
/* Slider */
/*.slick-list {
.slick-loading & {
background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
}
}*/
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
z-index: 1;
display: block;
height: 45px;
width: 35px;
/*line-height: 0px;
font-size: 0px;*/
cursor: pointer;
/*background: transparent;
color: transparent;*/
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
color: transparent;
/*&:before {
font-family: $slick-font-family;
font-size: 20px;
line-height: 1;
color: $slick-arrow-color;
opacity: $slick-opacity-default;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}*/ }
.slick-prev span,
.slick-next span {
display: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
border: none;
outline: none;
background: transparent;
color: transparent;
/*&:before {
opacity: $slick-opacity-on-hover;
}*/ }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 1; }
.slick-prev {
left: -35px;
/*background: url(img/icons/carousel-arrow.svg) center/37px no-repeat;*/
-webkit-transform: rotateY(180deg) translateY(-50%);
-moz-transform: rotateY(180deg) translateY(-50%);
-ms-transform: rotateY(180deg) translateY(-50%);
-o-transform: rotateY(180deg) translateY(-50%);
transform: rotateY(180deg) translateY(-50%);
/*&:before {
content: $slick-prev-character;
[dir="rtl"] & {
content: $slick-next-character;
}
}*/
/*&:focus,
&:hover {
background: url(img/icons/carousel-arrow-hover.svg) center/37px no-repeat;
}*/ }
[dir="rtl"] .slick-prev {
left: auto;
right: -35px; }
.slick-next {
right: -35px;
/*&:before {
background: url(img/icons/carousel-arrow.svg) center/37px no-repeat;
content: $slick-next-character;
[dir="rtl"] & {
content: $slick-prev-character;
}
}*/
/*&:focus,
&:hover {
background: url(img/icons/carousel-arrow-hover.svg) center/37px no-repeat;
}*/ }
[dir="rtl"] .slick-next {
left: -35px;
right: auto; }
/* Dots */
/*.slick-dotted.slick-slider {
margin-bottom: 30px;
}*/
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: white;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: white;
opacity: 1; }
@media (min-width: 60em){
.sn-level-4{
width:165px !important;
}
}
@media (min-width: 80em){
.sn-level-4{
width:194px !important;
}
}
.lcum-wrap {
justify-content: space-evenly;
}
/* Flying focus */
#flying-focus {
position: absolute;
margin: 0;
background: transparent;
-webkit-transition-property: left, top, width, height, opacity;
transition-property: left, top, width, height, opacity;
-webkit-transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
visibility: hidden;
pointer-events: none;
box-shadow: 0 0 2px 3px #1c1c1c, 0 0 2px #1c1c1c inset; }
#flying-focus.flying-focus_visible {
visibility: visible;
z-index: 9999; }
.flying-focus_target {
outline: none !important;
/* Doesn't work in Firefox :( */ }
/* http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links/199319 */
.flying-focus_target::-moz-focus-inner {
border: 0 !important; }
/* Replace it with @supports rule when browsers catch up */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
#flying-focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -3px; } }
/* Anything HubSpot Related */
.hs-error-msgs {
color: #C02F2F; }
/*! /* Responsive Grid */
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
/* Clearfix */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}*/
/*!
[hubspot-metadata]
{
"path": "custom/page/web_page_basic/style.css"
}
[end-hubspot-metadata]
*/
/*****************************************/
/* Start your style declarations here */
/*****************************************/