/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
IMPORTS
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
/* html element 62.5% font-size for REM use */
html {
font-size: 62.5%; }
body {
font: 400 16px/1.2 "PT Sans", sans-serif;
color: #303030; }
/* clear */
.clear {
*zoom: 1; }
.clear:before, .clear:after {
content: ' ';
display: table; }
.clear:after {
clear: both; }
a {
color: #df8411;
font-weight: 700;
text-decoration: none;
border-bottom: 1px solid #df8411; }
a.image {
border-bottom: none;
display: block; }
a.image.video-image {
position: relative;
cursor: pointer; }
a.image.video-image img {
box-shadow: 0 0 12px 5px #bfc3cd; }
a.image.video-image:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
display: block;
background: url("/wp-content/themes/html5blank-stable/img/web-graphics/play-button.png") no-repeat center;
background-size: 20%; }
a.image:hover {
border-bottom: none; }
a:hover {
color: #303030;
border-bottom: 1px solid #303030; }
a:focus {
outline: 0; }
a:hover, a:active {
outline: 0; }
input:focus {
outline: 0; }
h2 {
font-size: 26px;
font-family: 'PT Sans Narrow', sans-serif;
color: #303030;
font-weight: 400;
line-height: 100%;
margin: 0;
letter-spacing: 1px; }
h2 span {
font-weight: 700;
font-family: 'PT Sans', sans-serif; }
h2:after {
content: "";
max-width: 649px;
width: calc(100% + 55px);
height: 44px;
background-image: url("/wp-content/themes/html5blank-stable/img/orange-line-sm.png");
display: block;
position: relative;
left: -50px; }
.fancybox-container h2:after {
display: none; }
h3 {
font-size: 26px;
color: #fffcfc;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
line-height: 100%; }
h3 span {
font-weight: 700; }
p {
color: #303030;
font-size: 16px;
font-family: 'PT Sans', sans-serif;
margin-top: 0;
line-height: 2em; }
.flexcontainer .box .badger-accordion p {
padding-left: 80px; }
a.butt {
font-weight: 700;
border: 2px #303030 solid;
color: #303030;
display: inline-block;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
letter-spacing: 3px;
text-decoration: none;
margin-top: 20px;
padding: 5px 17px;
z-index: 99;
text-align: center;
cursor: pointer; }
a.butt.inline {
margin-left: 10px; }
a.butt.leftmargin {
margin-left: 50px; }
.resources a.butt {
display: block;
margin-left: 50px;
width: auto;
float: left;
clear: left; }
.badger-accordion a.butt {
margin-left: 80px; }
a.butt:hover {
background: #df8411;
color: white;
border-color: #df8411; }
#search-form {
transition: visibility 0s linear, opacity 200ms linear; }
.top-row #search-form {
opacity: 0;
visibility: hidden;
position: absolute;
right: 50px;
top: 37px; }
.top-row #search-form form {
background: rgba(255, 255, 255, 0.8);
padding: 20px; }
#search-form.active {
opacity: 1;
visibility: visible; }
#search-form form {
padding: 0px; }
#search-form form input {
-webkit-appearance: none;
font-weight: 400;
border: 2px #303030 solid;
color: #303030;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
padding: 5px 5px;
z-index: 99; }
#search-form form input::placeholder {
font-weight: 400;
color: #303030; }
#search-form form button {
-webkit-appearance: none;
font-weight: 700;
border: 2px #303030 solid;
color: #303030;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
letter-spacing: 3px;
text-decoration: none;
padding: 5px 17px;
z-index: 99;
text-align: center;
cursor: pointer; }
#search-form form button:hover {
background: #df8411;
color: white;
border-color: #df8411; }
.search-results, .error-page {
flex-direction: column; }
.flexcontainer.results {
padding-top: 0; }
.flexcontainer.results .link-wrapper {
display: flex;
flex-direction: column; }
.flexcontainer.results .link-wrapper a {
font-size: 20px;
padding: 5px 0;
border-bottom: none; }
p > a.butt {
margin-left: 0; }
.box > a.butt {
margin-left: 50px; }
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr, img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
/*------------------------------------*\
HEADER NAVIGATION
\*------------------------------------*/
header .home-hero-wrapper,
header .hero-wrapper {
position: relative;
width: 100%; }
header .home-hero-wrapper video,
header .hero-wrapper video {
position: relative;
display: block; }
header .home-hero-wrapper img,
header .hero-wrapper img {
position: absolute;
top: 0;
width: 100%;
left: 0; }
header .hero-wrapper img:first-of-type {
position: relative; }
header .hero-wrapper .hero-slogan {
position: absolute;
left: 11%;
display: flex;
top: 0;
align-items: flex-end;
height: 100%;
margin-top: -3%; }
header .hero-wrapper .hero-slogan.interior {
bottom: 40px; }
header .home-hero-wrapper .hero-slogan {
position: absolute;
left: 3%;
display: flex;
top: 0;
align-items: center;
height: 100%;
margin-top: -50px; }
@media (max-width: 570px) {
header .home-hero-wrapper .hero-slogan {
margin-top: 0; } }
header .hero-slogan h1 {
text-shadow: 1px 1px 8px #3a3a3a;
font-family: 'PT Sans', sans-serif;
color: #fff;
font-size: 40px;
font-weight: 400; }
header .hero-slogan h1 span {
font-weight: 700; }
@media (max-width: 570px) {
header .hero-slogan h1 {
font-size: 30px; } }
@media (max-width: 480px) {
header .hero-slogan h1 {
font-size: 24px; } }
header .header-overlay {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: url("/wp-content/themes/html5blank-stable/img/headers/home-hero-overlay.png") no-repeat center;
background-size: cover; }
header .nav {
position: relative;
max-width: 1140px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
z-index: 5;
background: white;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
header .nav .logo {
cursor: pointer;
margin: 16px 0;
z-index: 9999; }
header .nav .logo a {
cursor: pointer;
display: block; }
header .nav .logo a img {
max-width: 276px;
width: 100%;
height: auto; }
header .nav .desktop .top-row {
display: flex;
justify-content: flex-end;
align-items: center; }
header .nav .desktop ul li {
display: inline-block; }
header .nav .desktop ul li a {
color: #303030;
font-size: 12px;
padding: 0 10px;
font-family: 'PT Sans Narrow', serif;
border-right: 1px #303030 solid;
text-decoration: none;
border-bottom: none;
cursor: pointer; }
header .nav .desktop ul li a.last {
border: none; }
header .nav .desktop ul li a:hover {
color: #df8411;
border-bottom: none; }
header .nav .desktop .ph {
display: inline-block;
font-family: 'PT Sans', serif;
text-decoration: underline;
color: #df8411;
font-weight: 700;
font-size: 14px;
padding-left: 10px;
border-bottom: none; }
header .nav .desktop .ph:hover {
color: #303030; }
header .nav .desktop img.search {
display: inline-block;
padding: 0px 10px;
cursor: pointer; }
header .nav .desktop .main-nav {
display: flex;
justify-content: flex-end; }
header .nav .desktop .main-nav .sub-menu {
z-index: 1200; }
header .nav .desktop .main-nav ul {
margin: 16px 0; }
header .nav .desktop .main-nav ul li a {
color: #df8411;
font-size: 20px;
font-weight: 700;
border: none;
padding: 0 20px; }
header .nav .desktop .main-nav ul li a:hover {
color: #303030; }
header .nav .desktop .main-nav ul ul {
display: none;
position: absolute;
border-left: 2px #df8411 solid;
padding: 21px 0;
margin: 0; }
header .nav .desktop .main-nav ul ul li {
display: block;
background: rgba(255, 255, 255, 0.8);
padding: 10px 0; }
header .nav .desktop .main-nav ul ul li a {
color: #df8411; }
header .nav .desktop .main-nav ul ul li:hover {
background: rgba(0, 0, 0, 0.6); }
header .nav .desktop .main-nav ul ul li:hover a {
color: #fff; }
header .header-right.mobile {
max-width: 50px;
width: 100%; }
header .header-right.mobile .mobile-button {
max-width: 50px;
width: 100%;
cursor: pointer;
position: relative;
z-index: 9999; }
header .header-right.mobile .mobile-button span {
width: 100%;
height: 4px;
background: #df8411;
display: block;
margin: 8px 0;
transition: 100ms all linear; }
header .header-right.mobile .mobile-button span:nth-of-type(2) {
position: absolute;
top: 4px; }
header .header-right.mobile .mobile-button.active span:nth-of-type(1) {
opacity: 0; }
header .header-right.mobile .mobile-button.active span:nth-of-type(2) {
transform: rotate(-45deg);
transform-origin: center; }
header .header-right.mobile .mobile-button.active span:nth-of-type(3) {
transform: rotate(45deg);
transform-origin: center; }
header .header-right.mobile .mobile-button.active span:nth-of-type(4) {
opacity: 0; }
header .header-right.mobile .mobile-menu {
display: none;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #303030;
height: 101vh;
padding: 100px 0 0; }
header .header-right.mobile .mobile-menu.active {
display: block; }
header .header-right.mobile .mobile-menu ul {
padding: 0 20px;
list-style-type: none; }
header .header-right.mobile .mobile-menu ul.sub-menu {
display: none; }
header .header-right.mobile .mobile-menu ul li {
padding: 20px 0 0; }
header .header-right.mobile .mobile-menu ul li a {
font-size: 1.6em;
border-bottom: 0; }
header .header-right.mobile .mobile-menu ul li a:hover {
color: white; }
li.disable-link > a {
cursor: auto !important; }
@media (min-width: 840px) {
.header-right.mobile {
display: none; } }
@media (max-width: 840px) {
.header-right.mobile {
display: block; }
.header-right.desktop {
display: none; } }
form.wpcf7-form ::placeholder {
color: #303030;
text-transform: uppercase; }
form.wpcf7-form input {
width: 100%;
margin: 0; }
form.wpcf7-form input,
form.wpcf7-form textarea,
form.wpcf7-form select {
background: rgba(236, 236, 236, 0.6);
font-size: 16px;
font-family: 'PT Sans', sans-serif;
font-weight: 700;
letter-spacing: 1px;
color: #303030;
border: none;
padding: 11px; }
form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus,
form.wpcf7-form select:focus {
border: none;
outline: none; }
form.wpcf7-form textarea {
width: 100%;
resize: none;
margin-top: 10px;
height: 165px; }
form.wpcf7-form .wpcf7-submit {
display: inline-block;
background: none;
color: #fff;
text-transform: none;
border: 2px #fff solid;
margin-top: 15px;
width: auto;
padding: 5px 10px;
margin: 15px 0 0 0 auto; }
form.wpcf7-form .styled-select {
width: 240px;
padding: 10px; }
form.wpcf7-form .styled-select span {
display: block; }
form.wpcf7-form .styled-select select {
-webkit-appearance: none;
background: url("/wp-content/themes/html5blank-stable/img/web-graphics/dropdown-arrow.png") transparent no-repeat right center;
border: none;
font-size: 14px;
width: 100%;
padding: 0;
color: #303030;
text-transform: uppercase; }
form.wpcf7-form .styled-select.slate {
width: 100%; }
form.wpcf7-form .styled-select.slate select {
border: none;
font-size: 16px;
width: 100%; }
form.wpcf7-form .slate {
background: rgba(236, 236, 236, 0.6) !important; }
form.wpcf7-form .slate select {
color: #303030; }
.gform_wrapper {
margin-top: 0 !important; }
.gform_wrapper li h2 {
font-weight: 700;
margin-top: 40px; }
.gform_wrapper .top_label input.medium.datepicker {
width: 100% !important; }
.gform_wrapper .gfield_checkbox li input {
margin-top: 0 !important; }
.gform_wrapper li label.gfield_label {
font-weight: 400; }
.gform_wrapper li.no-label {
margin-top: 0 !important; }
.gform_wrapper li.no-label label.gfield_label {
display: none; }
.gform_wrapper li.no-label .ginput_container {
margin-top: 0 !important; }
.gform_wrapper .top_label div.ginput_container {
margin-top: 0 !important; }
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
background: rgba(236, 236, 236, 0.6);
font-size: 16px;
font-family: 'PT Sans', sans-serif;
letter-spacing: 1px;
color: #303030 !important;
border: none;
padding: 11px !important; }
.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
border: none;
outline: none; }
.gform_wrapper .gform_footer input[type=submit] {
border: 2px solid #303030;
font-weight: 700;
background: transparent;
padding: 8px !important; }
form#gform_2 {
width: 100%;
margin-bottom: 50px; }
form#gform_2 .gform_footer {
text-align: center; }
@media only screen and (min-width: 641px) {
form#gform_2 .gform_body {
width: 100%;
padding-left: 50px; }
form#gform_2 .gform_footer {
padding-left: 50px; } }
@media (max-width: 960px) {
form#gform_2 .gform_body {
padding-left: 0; }
form#gform_2 .gform_body ul {
padding-left: 0; } }
@media (max-width: 640px) {
form#gform_2 .gform_body {
width: 100%; }
form#gform_2 .gform_footer {
margin-left: 10px;
margin-top: 0px; } }
@media (max-width: 425px) {
form#gform_2 {
flex-direction: column; }
form#gform_2 .gform_footer {
margin-left: 0 !important;
margin-top: 10px; } }
#gform_wrapper_2 .gform_validation_errors {
margin-left: 50px; }
#gform_wrapper_2 .gform_validation_errors h2:after {
content: none; }
#gforms_confirmation_message_2 {
padding-left: 50px;
padding-bottom: 20px; }
.former {
width: 100%;
display: flex;
justify-content: space-between;
padding: 0; }
@media (max-width: 800px) {
.former {
flex-direction: column; } }
.former .box {
padding: 10px 0;
max-width: 49%; }
@media (max-width: 800px) {
.former .box {
max-width: 100%;
padding: 0;
margin-bottom: 10px; } }
/******************************
Gravity Contact Us Form
******************************/
#gform_7 li.gfield {
max-width: 100%;
width: 100%;
padding: 0 !important;
margin: 0 !important;
display: inline-block;
vertical-align: top; }
#gform_7 li.gfield.gf_left_half,
#gform_7 li.gfield.gf_right_half {
padding: 0 !important;
max-width: 49%; }
#gform_7 li.gfield.gf_right_half {
float: right; }
@media only screen and (max-width: 800px) {
#gform_7 li.gfield.gf_left_half,
#gform_7 li.gfield.gf_right_half {
width: 100% !important;
max-width: 100% !important;
float: none !important; } }
#gform_7 li.gfield input {
margin: 0 0 12px 0 !important; }
#gform_7 textarea::-webkit-input-placeholder,
#gform_7 input::-webkit-input-placeholder {
color: #303030;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px; }
#gform_7 textarea:-moz-placeholder,
#gform_7 input:-moz-placeholder {
/* FF 4-18 */
color: #303030;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px; }
#gform_7 textarea::-moz-placeholder,
#gform_7 input::-moz-placeholder {
/* FF 19+ */
color: #303030;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px; }
#gform_7 textarea:-ms-input-placeholder,
#gform_7 input:-ms-input-placeholder {
/* IE 10+ */
color: #303030;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px; }
#gform_7 img.gform_ajax_spinner {
display: none !important; }
#gform_7 input,
#gform_7 textarea,
#gform_7 #field_7_4 select {
background: rgba(236, 236, 236, 0.6);
font-size: 16px;
font-family: 'PT Sans', sans-serif;
font-weight: 700;
letter-spacing: 1px;
color: #303030;
border: none;
padding: 11px; }
#gform_7 input:focus,
#gform_7 textarea:focus,
#gform_7 #field_7_4 select:focus {
border: none;
outline: none; }
#gform_7 #field_7_4 {
width: 240px;
padding: 10px;
margin-bottom: 12px !important;
width: 100%;
background: rgba(236, 236, 236, 0.6) !important;
color: #303030;
display: inline-block; }
#gform_7 #field_7_4 .ginput_container {
display: block; }
#gform_7 #field_7_4 select {
-webkit-appearance: none;
background: url("/wp-content/themes/html5blank-stable/img/web-graphics/dropdown-arrow.png") transparent no-repeat right 12px center;
border: none;
font-size: 14px;
width: 100%;
padding: 0;
color: #303030;
text-transform: uppercase;
border: none;
font-size: 16px;
width: 100%; }
#gform_7 .gform_footer {
text-align: center;
margin-top: 0;
padding-top: 0; }
#gform_7 .gform_footer input[type=submit] {
border: 2px solid #303030;
font-weight: 700;
background: transparent;
padding: 8px !important;
display: inline-block;
background: none;
color: #fff !important;
text-transform: none;
border: 2px #fff solid;
margin-top: 15px;
width: auto;
padding: 5px 10px;
margin: 15px 0 0 0 auto; }
#gform_7 .gform_footer input[type=submit]:hover {
background: #df8411 !important; }
.badger-accordion {
border-radius: 4px;
overflow: hidden; }
.badger-accordion__panel {
overflow: hidden;
background-color: #fafafa;
position: relative;
margin-left: 0;
margin-bottom: 10px; }
.badger-accordion--initialized .badger-accordion__panel {
transition: all ease-in-out 0.2s; }
.badger-accordion__panel.-ba-is-hidden {
max-height: 0 !important;
visibility: hidden; }
.badger-accordion__panel-inner {
padding: 20px 20px; }
.badger-accordion__trigger {
align-content: space-between;
align-items: center;
background-color: #f4f4f4;
border: 0;
border-radius: 0px;
color: #34495e;
display: flex;
font-family: "Josefin Sans",Arial;
font-size: 1.25rem;
line-height: 1;
padding: 0;
text-align: left;
transition: all ease-in-out .2s;
width: 100%; }
.badger-accordion__trigger::-moz-focus-inner {
border: none; }
.badger-accordion__trigger:focus, .badger-accordion__trigger:hover {
background-color: #f8971d;
cursor: pointer;
outline: none; }
.badger-accordion__trigger:focus .badger-accordion__trigger-title, .badger-accordion__trigger:hover .badger-accordion__trigger-title {
color: #fff; }
.badger-accordion__trigger:focus .badger-accordion__trigger-icon:before, .badger-accordion__trigger:focus .badger-accordion__trigger-icon:after, .badger-accordion__trigger:hover .badger-accordion__trigger-icon:before, .badger-accordion__trigger:hover .badger-accordion__trigger-icon:after {
background-color: #fff; }
.badger-accordion__trigger .badger-accordion__trigger-title {
font-family: 'PT Sans';
font-size: 20px;
font-weight: 700;
color: #303030;
padding: 25px 20px;
width: 100%;
transition: ease-in-out .3s; }
.badger-accordion__trigger[aria-expanded=true] .badger-accordion__trigger-icon:before {
transform: rotate(45deg) translate3d(8px, 6px, 0); }
.badger-accordion__trigger[aria-expanded=true] .badger-accordion__trigger-icon:after {
transform: rotate(-45deg) translate3d(-6px, 8px, 0); }
.badger-accordion__trigger-icon {
display: block;
height: 50px;
position: relative;
transition: all ease-in-out .2s;
width: 90px;
padding: 0 20px;
border-right: 2px solid white; }
.badger-accordion__trigger-icon:after, .badger-accordion__trigger-icon:before {
background-color: #333;
content: "";
height: 1px;
position: absolute;
top: 17px;
transition: all ease-in-out .1333333333s;
width: 30px;
left: 24px; }
.badger-accordion__trigger-icon:before {
transform: rotate(0deg) translate3d(0px, 8px, 0);
transform-origin: 50%; }
.badger-accordion__trigger-icon:after {
transform: rotate(-90deg) translate3d(-8px, 0px, 0);
transform-origin: 50%; }
.footertop {
width: 100%;
color: #fffcfc;
background-image: url("/wp-content/themes/html5blank-stable/img/footer-circle.png");
background-color: #303030;
background-repeat: no-repeat;
background-size: default;
background-position: right 20px;
padding: 0; }
.footertop .flexcontainer {
padding: 70px 20px;
margin: 0 auto; }
.footertop .flexcontainer .box {
width: 100%; }
.footertop .flexcontainer .box-left {
max-width: 40%;
padding-right: 20px; }
.footertop .flexcontainer .box-right {
max-width: 60%; }
@media (max-width: 800px) {
.footertop .flexcontainer .box-left {
max-width: 100%;
padding: 0; }
.footertop .flexcontainer .box-right {
max-width: 100%; } }
.footertop p {
color: #fffcfc;
padding-left: 0 !important; }
.footertop h3 {
color: #fffcfc; }
.footerbottom {
background: #ececec;
width: 100%;
padding-top: 50px;
padding-bottom: 30px; }
.footerbottom .flexcontainer .nav {
width: 60%; }
.footerbottom .flexcontainer .logocontainer {
width: 40%;
padding-right: 10%; }
.footerbottom .flexcontainer .logocontainer a {
display: block; }
.footerbottom .flexcontainer .logocontainer a img {
max-width: 330px;
width: 100%;
height: auto; }
.footerbottom .flexcontainer .social {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 20px; }
.footerbottom .flexcontainer .social a {
margin: 15px 10px; }
@media (max-width: 915px) {
.footerbottom .flexcontainer .nav, .footerbottom .flexcontainer .logocontainer {
width: 100%;
padding: 0; }
.footerbottom .flexcontainer .logocontainer {
text-align: center; } }
.footerbottom ul {
background: none;
border: none;
margin-left: 0;
padding-left: 0; }
.footerbottom ul li {
display: inline-block; }
@media (max-width: 560px) {
.footerbottom ul li {
display: block; } }
.footerbottom ul li a {
display: inline-block;
border: none;
font-size: 12px;
color: #f8961d;
text-transform: uppercase;
font-weight: 700;
margin-right: 15px;
padding-left: 0;
text-decoration: none; }
.footerbottom p {
font-size: 14px;
padding-left: 0 !important;
margin-left: 0; }
.footerbottom p.copy {
font-size: 12px;
color: #b2b1b1;
padding-top: 5px; }
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
width: 100%;
margin: 0 auto;
position: relative; }
/*------------------------------------*\
PAGES
\*------------------------------------*/
.flexwrapper {
max-width: 100%;
width: 100%; }
.flexwrapper.bottom-swoosh {
background: url("/wp-content/themes/html5blank-stable/img/join-swoosh.jpg") no-repeat right bottom; }
.flexcontainer {
display: flex;
flex-wrap: wrap;
max-width: 1140px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 35px 20px; }
.page-template-page-interior .flexcontainer {
align-items: center; }
.flexcontainer.accordion.reverse {
flex-direction: row-reverse; }
.flexcontainer.accordion.reverse .box.box-right {
padding: 0 40px 0 0; }
.flexcontainer.accordion.reverse .box.box-left {
padding: 0 0 0 40px; }
@media (max-width: 900px) {
.flexcontainer.accordion.reverse {
flex-direction: column; }
.flexcontainer.accordion.reverse .box {
padding: 0 !important; } }
@media (max-width: 900px) {
.flexcontainer.accordion {
flex-direction: column; }
.flexcontainer.accordion .box {
padding: 0 !important; } }
.flexcontainer.skinny {
max-width: 800px; }
.flexcontainer.col1 h2 {
width: 100%; }
.flexcontainer.col1 ul, .flexcontainer.col1 ol {
padding-left: 75px; }
.flexcontainer.col1 .box-center {
max-width: 100%;
width: 100%; }
@media (max-width: 960px) {
.flexcontainer.col1 .box-center p {
padding-left: 0; }
.flexcontainer.col1 .box-center a.butt {
margin-left: 0; }
.flexcontainer.col1 .box-center ul, .flexcontainer.col1 .box-center ol {
padding-left: 25px; }
.flexcontainer.col1 .box-center img {
display: block;
float: none;
margin: 10px auto;
max-width: 100%;
width: 100%;
height: auto; } }
.flexcontainer.col2 .box {
flex-grow: 2;
max-width: 50%;
width: 100%; }
@media (max-width: 715px) {
.flexcontainer.col2 .box {
flex: 1 1 auto; } }
.flexcontainer.col2 .box.image {
align-self: center; }
.flexcontainer.col2 .box img {
max-width: 100%;
width: auto;
height: auto;
display: block;
margin: 0 auto; }
.flexcontainer.col2 .box ul, .flexcontainer.col2 .box ol {
padding-left: 75px; }
.flexcontainer.col2 .box.box-left {
padding: 0 40px 0 0; }
@media (max-width: 715px) {
.flexcontainer.col2 .box.box-left {
order: 1;
max-width: 100%;
padding: 0; }
.flexcontainer.col2 .box.box-left.image {
order: 2;
max-width: 100%;
display: block;
margin: 20px auto 0; } }
.flexcontainer.col2 .box.box-right {
padding: 0 0 0 40px; }
@media (max-width: 715px) {
.flexcontainer.col2 .box.box-right {
order: 1;
max-width: 100%;
padding: 0; }
.flexcontainer.col2 .box.box-right.image {
order: 2;
max-width: 100%;
display: block;
margin: 20px auto 0; } }
@media (max-width: 1140px) {
.flexcontainer.col2 .box.image {
max-width: 25%;
padding: 0; } }
.flexcontainer.with-sidebar + .grey-break {
margin-top: -160px; }
.flexcontainer.with-sidebar .box-left {
flex: 0 0 calc(100% - 448px);
max-width: none; }
.flexcontainer.with-sidebar .box-right {
flex: 0 0 408px;
max-width: none; }
@media (max-width: 1140px) {
.flexcontainer.with-sidebar .box-left,
.flexcontainer.with-sidebar .box-right {
flex: 1 1 auto; }
.flexcontainer.with-sidebar .box-left {
padding: 0 50px 0 0; }
.flexcontainer.with-sidebar .box-right {
margin-top: 20px;
padding: 0 !important; }
.flexcontainer.with-sidebar + .grey-break {
margin-top: 0px; } }
.industry-leading {
background: url("/wp-content/themes/html5blank-stable/img/industry-leading-bg.jpg") no-repeat center;
background-size: cover; }
ul {
list-style-type: disc; }
ul li {
line-height: 1.2em;
padding: 5px 0; }
ol {
list-style-type: decimal; }
ol li {
line-height: 1.2em;
padding: 5px 0; }
p + ul,
p + ol {
margin-top: 0;
margin-bottom: 30px; }
.hidden-content {
display: none; }
.fancybox-content .flexcontainer .box-right {
padding: 0; }
.fancybox-content p {
font-family: 'PT Sans Narrow', sans-serif;
line-height: 1.2em; }
.fancybox-content .flexcontainer .box h2 {
padding-left: 0; }
.fancybox-content .title {
margin-top: 10px; }
.fancybox-content .center {
text-align: center;
margin-bottom: 50px; }
.fancybox-content.location-popup {
max-width: 800px;
width: 100%; }
.fancybox-content.location-popup .flexcontainer {
padding: 0; }
.fancybox-content.location-popup .box-left {
padding: 0 !important; }
@media (max-width: 715px) {
.fancybox-content.location-popup .box-left {
margin-bottom: 20px; } }
.fancybox-content.location-popup a {
font-weight: 400; }
.fancybox-content.location-popup .more-info {
margin-top: 50px; }
.fancybox-content.location-popup .center p {
text-align: center; }
.fancybox-content.location-popup .info {
padding: 5px 0;
margin-bottom: 5px;
border-bottom: 2px solid #f8971d; }
.fancybox-content.location-popup .info span {
font-weight: 700; }
.fancybox-content.location-popup .info.last {
border-bottom: none; }
.fancybox-content.location-popup h2 {
text-transform: uppercase;
letter-spacing: 2px; }
.fancybox-content.location-popup .title p {
text-align: center;
font-size: 1.4em; }
.fancybox-content#mws-location-popup .flexcontainer {
display: flex;
flex-direction: column;
align-items: flex-start; }
.fancybox-content#mws-location-popup .box {
max-width: 100%;
width: 100%; }
.fancybox-content#mws-location-popup .three-col {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 20px; }
.fancybox-content#mws-location-popup .three-col p {
font-size: 1.2em; }
@media (max-width: 640px) {
.fancybox-content#mws-location-popup .three-col {
flex-direction: column; }
.fancybox-content#mws-location-popup .three-col p {
margin-bottom: 0; } }
.fancybox-content#mws-location-popup .title p {
text-align: left;
font-size: 1em; }
.fancybox-content a.butt {
color: white;
border-color: white;
margin-left: 0 !important;
display: block;
text-align: center; }
.fancybox-content a.butt:hover {
border-color: #df8411; }
.fancybox-slide--html .fancybox-close-small {
color: #f8971d; }
.fancybox-slide--iframe .fancybox-content {
max-width: 1190px;
min-height: 650px; }
@media (max-width: 715px) {
.page-template-page-leadership .fancybox-content {
padding: 34px; }
.page-template-page-leadership .fancybox-content .flexcontainer {
padding: 0; }
.page-template-page-leadership .fancybox-content .flexcontainer .box {
padding: 0; }
.page-template-page-leadership .fancybox-content .flexcontainer .box-left {
margin-bottom: 20px; }
.page-template-page-leadership .fancybox-content .flexcontainer .box-left img {
max-height: 250px; } }
.orange-break {
width: 100%;
flex-basis: 100%;
display: block;
position: relative; }
.swooshunderlay {
width: 100%;
position: relative; }
.flexcontainer .box h2,
.flexcontainer .box p {
padding-left: 50px; }
.flexcontainer .box.center {
margin: 0 auto; }
.grey-break {
width: 100%;
margin-top: -284px;
display: inline-block;
z-index: 2; }
.grey-break.fix {
position: relative;
bottom: -5px; }
.servicestop {
padding-top: 120px;
background-image: url("/wp-content/themes/html5blank-stable/img/services-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
min-height: 943px; }
.thirdparty {
background-image: url("/wp-content/themes/html5blank-stable/img/third-party-background.png");
background-repeat: no-repeat;
background-size: cover; }
.third-party-logistics .orange-break,
.contract-operations .orange-break,
.managed-warehouse-services .orange-break,
.transportation .orange-break,
.corporate-consulting .orange-break,
.build-to-lease .orange-break,
.wow-commodity-purchase-program .orange-break {
margin-top: 0; }
.third-party-logistics .grey-break,
.contract-operations .grey-break,
.managed-warehouse-services .grey-break,
.transportation .grey-break,
.corporate-consulting .grey-break,
.build-to-lease .grey-break,
.wow-commodity-purchase-program .grey-break {
margin-top: 0; }
.contact-us .dark {
background-image: url("/wp-content/themes/html5blank-stable/img/footer-circle.png");
background-color: #303030;
background-repeat: no-repeat;
background-size: default;
background-position: right 20px;
padding: 60px 0 80px; }
.contact-us .dark .flexcontainer {
justify-content: space-between; }
.contact-us .dark .box-left {
max-width: 40%;
padding-right: 20px; }
.contact-us .dark .box-left h3 {
margin-top: 0; }
.contact-us .dark .box-right {
max-width: 60%; }
@media (max-width: 800px) {
.contact-us .dark .flexcontainer {
flex-direction: column; }
.contact-us .dark .box-left {
max-width: 100%;
padding: 0; }
.contact-us .dark .box-right {
max-width: 100%; } }
.contact-us .dark h2 {
color: white; }
.contact-us .dark p {
color: white;
padding-left: 0; }
.contact-us .dark a {
color: #df8411; }
.contact-us .dark a.butt {
color: white;
border-color: white; }
.servicestop .grey-break {
margin-top: 0; }
.servicesmiddle {
background-image: url("/wp-content/themes/html5blank-stable/img/join-swoosh.jpg");
background-position: bottom left;
background-repeat: no-repeat; }
.leadership {
background: url("/wp-content/themes/html5blank-stable/img/leadership-bg.png") no-repeat bottom center;
background-size: 100%; }
.leadership .grey-break {
position: relative;
bottom: -4px;
margin-top: -165px; }
@media (max-width: 947px) {
.leadership .grey-break {
margin-top: -65px; } }
.dudes {
max-width: 950px; }
.dudes .dude {
width: 100%;
position: relative;
padding: 0 !important;
text-align: left;
margin-bottom: 20px;
margin-right: 24px;
cursor: pointer; }
@media (min-width: 948px) {
.dudes .dude {
max-width: 209px; }
.dudes .dude:nth-child(4n) {
margin-right: 0; } }
@media (max-width: 947px) {
.dudes .dude {
max-width: 31%; }
.dudes .dude:nth-child(3n) {
margin-right: 0; } }
@media (max-width: 725px) {
.dudes .dude {
max-width: 48%; }
.dudes .dude:nth-child(3n) {
margin-right: 24px; }
.dudes .dude:nth-child(2n) {
margin-right: 0; } }
@media (max-width: 639px) {
.dudes .dude {
max-width: 500px;
margin: 0 auto !important; } }
.dudes .dude p {
padding-left: 0;
font-weight: 400;
line-height: 1.2em;
margin-top: 10px; }
.dudes .dude a {
border-bottom: 0; }
.dudes .dude span {
font-weight: 700; }
.dudes .dude img.thumb {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
max-width: 100%;
width: 100%;
height: auto; }
.dudes .dude .orangehighlight {
position: absolute;
top: 0;
left: 0;
display: none;
max-width: 100%;
width: 100%; }
.dudes .dude .orangehighlight img {
max-width: 100%;
width: 100%;
height: auto; }
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background: #04A4CC;
color: #FFF;
text-shadow: none; }
::-webkit-selection {
background: #04A4CC;
color: #FFF;
text-shadow: none; }
::-moz-selection {
background: #04A4CC;
color: #FFF;
text-shadow: none; }
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #FFF;
border: 1px solid #F0F0F0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
.our-locations .hero-wrapper .orange-overlay {
display: none; }
#locations .flexcontainer.col1 {
max-width: 1350px;
padding-bottom: 0; }
#locations .flexcontainer.col1 .state {
padding-left: 0;
width: 100%; }
#locations .flexcontainer.col1 .state strong {
font-size: 18px;
border-bottom: 3px solid #df8411;
margin-bottom: 8px;
display: block;
max-width: 300px;
width: 100%; }
#locations .flexcontainer.col1 hr {
margin: 0 0 20px;
border: none;
height: 2px;
display: block;
background: #f8971d;
flex: 100%; }
#locations .flexcontainer.col1 .box-center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch; }
#locations .left-padding {
padding-left: 70px;
padding-top: 0;
padding-bottom: 0; }
#locations .no-padding {
padding-top: 0;
padding-bottom: 0; }
#locations .location {
display: flex;
flex-direction: row;
flex-grow: 2;
flex-shrink: 1;
margin-bottom: 50px;
max-width: 50%;
width: 100%; }
@media (max-width: 715px) {
#locations .location {
max-width: 100%; } }
#locations .location img {
max-width: 164px;
width: 100%;
height: auto;
align-self: flex-start; }
#locations .location .deets p {
padding: 0;
margin: 0;
line-height: 1.5em;
letter-spacing: 1px; }
#locations .location .deets p.title {
font-weight: 700; }
#locations .location .deets a.butt {
margin-top: 10px; }
.blue-corner {
position: absolute; }
.post-type-archive-news .flexcontainer a {
text-decoration: none; }
.news-index, .testimonials-index {
padding-bottom: 70px !important; }
#nav-below {
padding: 20px 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between; }
.testimonials-index {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between; }
.testimonials-index .testimonial {
max-width: 48%;
width: 100%;
margin-bottom: 40px; }
@media (max-width: 750px) {
.testimonials-index .testimonial {
max-width: 100%; } }
.testimonials-index .testimonial .content {
background: #f2f2f2;
padding: 20px;
border-radius: 5px;
position: relative;
margin-bottom: 16px; }
.testimonials-index .testimonial .content p {
margin-bottom: 0; }
.testimonials-index .testimonial .content:before {
width: 0;
display: block;
content: "";
position: absolute;
bottom: -16px;
left: 20px;
border-width: 8px;
border-style: solid outset outset solid;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
border-top-color: #f2f2f2; }
.testimonials-index .testimonial .author {
margin-top: 10px;
margin-left: 10px; }
.dairy-science-scholarship .flexcontainer.col2 {
padding-bottom: 0; }
.dairy-science-scholarship .flexcontainer.col1 {
padding: 0 55px 70px; }
@media (max-width: 715px) {
.dairy-science-scholarship .flexcontainer.col1 {
padding: 35px 20px 35px 50px; } }
.dairy-science-scholarship .flexcontainer.col1 .box h2 {
padding-left: 0; }
.dairy-science-scholarship .flexcontainer.col1 .box p {
padding-left: 15px; }
.third-party-logistics .thirdparty .flexcontainer,
.contract-operations .thirdparty .flexcontainer,
.transportation .thirdparty .flexcontainer {
padding-bottom: 0; }
.third-party-logistics .brokerage .flexcontainer,
.contract-operations .brokerage .flexcontainer,
.transportation .brokerage .flexcontainer {
padding-bottom: 0; }
.managed-warehouse-services .flexcontainer.col1 ul {
display: inline-block; }
.single-news main .flexcontainer, .single-testimonials main .flexcontainer, .single-post main .flexcontainer {
flex-direction: column; }
.single-news h1, .single-testimonials h1, .single-post h1 {
font-family: "PT Sans Narrow", sans-serif;
color: #df8411; }
.single-news .details, .single-testimonials .details, .single-post .details {
display: block;
margin-bottom: 20px;
font-size: 14px; }
.single-news .details span, .single-testimonials .details span, .single-post .details span {
display: block; }
.single-news .news-disclaimer p, .single-testimonials .news-disclaimer p, .single-post .news-disclaimer p {
font-size: 14px; }
.single-news .grey-break, .single-testimonials .grey-break, .single-post .grey-break {
margin-top: -80px;
margin-bottom: -80px; }
.news-index,
.blog-index {
justify-content: space-between; }
.news-index .news-item,
.news-index .blog-item,
.blog-index .news-item,
.blog-index .blog-item {
max-width: 30%;
width: 100%;
box-shadow: 0 0 8px 1px #bfc3cd;
margin: 10px 0; }
@media (max-width: 900px) {
.news-index .news-item,
.news-index .blog-item,
.blog-index .news-item,
.blog-index .blog-item {
max-width: 48%; } }
@media (max-width: 525px) {
.news-index .news-item,
.news-index .blog-item,
.blog-index .news-item,
.blog-index .blog-item {
max-width: 100%; } }
.news-index .news-item .news-image,
.news-index .news-item .blog-image,
.news-index .blog-item .news-image,
.news-index .blog-item .blog-image,
.blog-index .news-item .news-image,
.blog-index .news-item .blog-image,
.blog-index .blog-item .news-image,
.blog-index .blog-item .blog-image {
border-bottom: 2px solid #df8411; }
.news-index .news-item .news-image img,
.news-index .news-item .blog-image img,
.news-index .blog-item .news-image img,
.news-index .blog-item .blog-image img,
.blog-index .news-item .news-image img,
.blog-index .news-item .blog-image img,
.blog-index .blog-item .news-image img,
.blog-index .blog-item .blog-image img {
display: block;
margin: 0 auto;
max-width: 100%;
width: 100%;
height: auto; }
.news-index .news-item .news-content,
.news-index .news-item .blog-content,
.news-index .blog-item .news-content,
.news-index .blog-item .blog-content,
.blog-index .news-item .news-content,
.blog-index .news-item .blog-content,
.blog-index .blog-item .news-content,
.blog-index .blog-item .blog-content {
padding: 20px; }
.news-index .news-item .title,
.news-index .blog-item .title,
.blog-index .news-item .title,
.blog-index .blog-item .title {
margin-bottom: 8px; }
.news-index .news-item .date,
.news-index .blog-item .date,
.blog-index .news-item .date,
.blog-index .blog-item .date {
margin-bottom: 4px; }
.news-index .news-item .excerpt,
.news-index .blog-item .excerpt,
.blog-index .news-item .excerpt,
.blog-index .blog-item .excerpt {
line-height: 1.4em; }
ul.mini-nav {
background: #677071;
width: 100%;
max-width: 408px;
text-align: center;
margin: 0 auto;
list-style: none;
padding: 60px 0 !important; }
ul.mini-nav li {
width: 100%;
list-style-type: none; }
ul.mini-nav li p.orange {
color: #fff;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 700;
font-size: 20px;
border-top: 2px #f8971d solid;
border-bottom: 2px #f8971d solid;
text-transform: uppercase;
width: 80%;
margin: 0 auto;
display: block;
letter-spacing: 3px;
padding: 5px 0;
text-decoration: none;
line-height: 1em; }
ul.mini-nav li ul {
padding: 5px 0 10px 0 !important; }
ul.mini-nav li ul li {
padding: 3px 0; }
ul.mini-nav li ul li a {
cursor: pointer;
color: #fff;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 20px;
border: none;
text-transform: none;
font-weight: 400;
letter-spacing: 0;
width: 80%;
margin: 0 auto;
display: block;
padding: 5px 0;
text-decoration: none; }
/******************************
Single Post
******************************/
body.single-post main h3 {
color: #303030; }
body.single-post .blog-content img {
max-width: 100%;
width: 100%;
height: auto;
float: none;
clear: both;
margin: 0; }
body.single-post .blog-content img.aligncenter {
margin: 0 auto;
display: block;
width: auto; }
@media (min-width: 900px) {
body.single-post .blog-content img.alignleft {
float: left;
margin-right: 20px;
width: auto; }
body.single-post .blog-content img.alignright {
float: right;
margin-left: 20px;
width: auto; } }
/* Center recaptcha */
#input_7_8 > div {
margin: 20px auto 0;
height: 78px; }
iframe[src^="/wp-content/uploads/articulate_uploads/"] {
min-height: 700px;
margin-top: 40px; }
iframe[src^="/wp-content/uploads/articulate_uploads/"] + a {
display: none; }
.custom-password-message {
width: 100%;
font-weight: bold; }
body.supply-chain
header .nav, body.page-template-page-animation-landing header .nav {
z-index: 1000; }
body.supply-chain
header .nav .desktop .main-nav .sub-menu, body.page-template-page-animation-landing header .nav .desktop .main-nav .sub-menu {
background-color: white;
box-shadow: 2px 6px 10px -7px; }
.supply-chain-wrapper {
padding-top: 56px;
overflow: hidden; }
.supply-chain-wrapper .wrap-iframe-video, .supply-chain-wrapper .wrap-iframe-pdf {
opacity: 0;
z-index: -100;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0);
display: none;
pointer-events: none;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: stretch; }
.supply-chain-wrapper .wrap-iframe-video .video-container, .supply-chain-wrapper .wrap-iframe-pdf .video-container {
max-width: 800px;
overflow: hidden;
position: relative;
width: 100%; }
.supply-chain-wrapper .wrap-iframe-video .video-container::after, .supply-chain-wrapper .wrap-iframe-pdf .video-container::after {
padding-top: 56.25%;
display: block;
content: ''; }
.supply-chain-wrapper .wrap-iframe-video .video-container iframe, .supply-chain-wrapper .wrap-iframe-pdf .video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.supply-chain-wrapper .wrap-iframe-video iframe, .supply-chain-wrapper .wrap-iframe-pdf iframe {
transform: scale(0); }
.supply-chain-wrapper .wrap-iframe-video .close, .supply-chain-wrapper .wrap-iframe-pdf .close {
position: absolute;
top: 10px;
right: 10px;
font-size: 25px;
color: white;
font-weight: bold;
cursor: pointer;
border: 1px solid white;
padding: 10px 20px; }
.supply-chain-wrapper .wrap-iframe-video.open, .supply-chain-wrapper .wrap-iframe-pdf.open {
pointer-events: auto;
width: 100%;
height: 100%;
z-index: 1000;
opacity: 1;
background-color: rgba(0, 0, 0, 0.8);
transition: background-color .3s ease;
display: flex; }
.supply-chain-wrapper .wrap-iframe-video.open iframe, .supply-chain-wrapper .wrap-iframe-pdf.open iframe {
transform: scale(1);
transition: transform .3s ease; }
.supply-chain-wrapper .wrap-iframe-pdf iframe {
width: 90%;
position: absolute;
height: calc(100% - 70px - 20px);
left: 5%;
top: 70px;
border: none;
box-shadow: 0 0 15px -3px black; }
.supply-chain-wrapper .fixed-video-link {
position: fixed;
height: 42px;
width: 180px;
z-index: 100;
margin-left: 192px;
top: 687px;
transform: skew(10deg, -29deg); }
.supply-chain-wrapper .fixed-video-link.pdf-link {
margin-top: 70px;
left: 16px; }
.supply-chain-wrapper .fixed-video-link .wrap {
width: 100%;
text-align: center;
font-family: PT Sans Narrow;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 42px;
color: #FFFFFF;
background: #F18A00;
cursor: pointer;
display: block; }
.supply-chain-wrapper .fixed-video-link .wrap:hover {
text-decoration: none;
border-bottom: none; }
.supply-chain-wrapper .fixed-video-link .wrap img {
margin-bottom: -1px; }
.supply-chain-wrapper .fixed-video-link .shaddow {
position: absolute;
bottom: -16px;
left: 10px;
z-index: -1; }
.supply-chain-wrapper .section-layer {
max-width: 1240px;
width: 100%;
margin: 0 auto;
margin-top: 100px; }
.supply-chain-wrapper .section-layer.top .part-1 .content .bg {
background-color: #6AAAE4; }
.supply-chain-wrapper .section-layer.top .part-1 .content .bg .arrow {
background-color: #6AAAE4; }
.supply-chain-wrapper .section-layer.top .part-1 .content .bg .bg-extended {
background-color: #6AAAE4; }
.supply-chain-wrapper .section-layer.middle .part-1 .content .bg {
background-color: #F18A00; }
.supply-chain-wrapper .section-layer.middle .part-1 .content .bg .arrow {
background-color: #F18A00; }
.supply-chain-wrapper .section-layer.middle .part-1 .content .bg .bg-extended {
background-color: #F18A00; }
.supply-chain-wrapper .section-layer.bottom .part-1 .content .bg {
background-color: #002D74; }
.supply-chain-wrapper .section-layer.bottom .part-1 .content .bg .arrow {
background-color: #002D74; }
.supply-chain-wrapper .section-layer.bottom .part-1 .content .bg .bg-extended {
background-color: #002D74; }
.supply-chain-wrapper .section-layer.top .part-1 .content .bg .arrow {
top: 46px; }
.supply-chain-wrapper .section-layer.middle .part-1 .content .bg .arrow {
top: 140px; }
.supply-chain-wrapper .section-layer.bottom .part-1 .content .bg .arrow {
top: 225px; }
.supply-chain-wrapper .section-layer .part-1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch; }
.supply-chain-wrapper .section-layer .part-1 .wrap-square {
margin-right: 47px;
height: 450px; }
.supply-chain-wrapper .section-layer .part-1 .content {
max-width: 600px;
margin-right: 0;
max-width: none;
width: 100%; }
.supply-chain-wrapper .section-layer .part-1 .content .bg {
width: 100%;
padding: 35px 47px;
margin-top: 105px;
position: relative;
background-color: gray;
z-index: 10; }
.supply-chain-wrapper .section-layer .part-1 .content .bg .arrow {
transform: rotate(45deg);
position: absolute;
left: -20px;
top: 18px;
height: 40px;
width: 40px;
background-color: lightgray; }
.supply-chain-wrapper .section-layer .part-1 .content .bg .bg-extended {
position: absolute;
right: -5000px;
top: 0;
height: 100%;
z-index: -1;
width: 10000px; }
.supply-chain-wrapper .section-layer .part-1 .content h2 {
font-family: PT Sans;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 100%;
color: #FFFFFF;
margin-bottom: 7px; }
.supply-chain-wrapper .section-layer .part-1 .content h2:after {
background-image: none;
height: 0px;
width: auto;
display: none; }
.supply-chain-wrapper .section-layer .part-1 .content p, .supply-chain-wrapper .section-layer .part-1 .content li {
margin-bottom: none;
font-family: PT Sans;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 31px;
color: #FFFFFF; }
.supply-chain-wrapper .section-layer .part-1 .content ul:last-child, .supply-chain-wrapper .section-layer .part-1 .content div.vertical-ellipsis ul:last-child {
margin-bottom: 0px; }
.supply-chain-wrapper .section-layer .part-2 {
min-height: 500px;
position: relative;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: stretch; }
.supply-chain-wrapper .section-layer .part-2 .bg-slide {
position: fixed;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center center;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transition: all .7s ease;
transition-delay: .5s; }
.supply-chain-wrapper .section-layer .part-2 .fade-left {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0;
box-shadow: 0 0 32px 43px white;
z-index: 10; }
.supply-chain-wrapper .section-layer .part-2 .fade-right {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 0;
box-shadow: 0 0 32px 43px white;
z-index: 10; }
.supply-chain-wrapper .section-layer .part-2 .slider .slick-prev, .supply-chain-wrapper .section-layer .part-2 .slider .slick-next {
background-repeat: no-repeat;
display: block;
height: 35px;
width: 21px;
z-index: 100;
cursor: pointer; }
.supply-chain-wrapper .section-layer .part-2 .slider .slick-prev:before, .supply-chain-wrapper .section-layer .part-2 .slider .slick-next:before {
content: ''; }
.supply-chain-wrapper .section-layer .part-2 .slider .slick-prev {
background-image: url("/wp-content/themes/html5blank-stable/img/supply-chain/arrow-left-gray.svg");
left: 14.3%; }
.supply-chain-wrapper .section-layer .part-2 .slider .slick-next {
background-image: url("/wp-content/themes/html5blank-stable/img/supply-chain/arrow-right-gray.svg");
right: 14.3%; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide {
outline: none;
margin-top: 150px; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .inner {
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid #C4C4C4;
padding: 15px 35px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: center; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .cube-left {
width: 200px;
height: auto; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .cube-left img {
width: 200px;
height: auto; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .right {
padding-left: 35px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 30px; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .right h2 {
font-family: PT Sans Narrow;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 100%;
margin-bottom: 7px;
color: #53575A; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .right h2:after {
background-image: none;
height: 0px;
width: auto;
display: none; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .right .desc, .supply-chain-wrapper .section-layer .part-2 .slider .my-slide .right .desc p {
font-family: PT Sans Narrow;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 31px;
color: #53575A; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .right .desc ul:last-child {
margin-bottom: 0px; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide[section-no="0"] .right .desc b {
color: #6AAAE4; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide[section-no="1"] .right .desc b {
color: #F18A00; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide[section-no="2"] .right .desc b {
color: #002D74; }
.supply-chain-wrapper .section-layer.middle .part-2 .my-slide .inner {
min-height: 331px; }
.supply-chain-wrapper .section-layer.bottom .part-2 .my-slide .inner {
min-height: 330px; }
@media (max-width: 1040px) {
.supply-chain-wrapper .section-layer .part-1 {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch;
align-content: stretch;
margin-bottom: 70px; }
.supply-chain-wrapper .section-layer .part-1 .content {
max-width: 600px;
margin-right: 0; }
.supply-chain-wrapper .section-layer .part-1 .content .arrow {
display: none; }
.supply-chain-wrapper .section-layer .part-1 .content .bg {
margin-top: 0; }
.supply-chain-wrapper .section-layer .part-1 .content.fixed {
top: 0; }
.supply-chain-wrapper .section-layer .part-1 .wrap-square {
margin-right: 0;
height: 500px; }
.supply-chain-wrapper .section-layer .part-1 .wrap-square .square {
margin-left: auto;
margin-right: auto; }
.supply-chain-wrapper .section-layer .part-2 .bg-slide {
display: none !important; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
margin-bottom: 35px; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .inner .cube-left {
margin: 0 auto; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .inner .right {
padding-left: 0;
padding-right: 0; } }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .inner {
margin-bottom: 35px; }
@media (max-width: 500px) {
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .cube-left
, .supply-chain-wrapper .section-layer .part-2 .slider .my-slide .cube-left img {
width: 125px; } }
.supply-chain-wrapper .section-header {
margin-top: 56px;
margin-bottom: 155px;
padding-right: 40px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch; }
.supply-chain-wrapper .section-header .wrap-square {
margin-right: 111px;
min-width: 372px;
width: 372px;
position: relative;
z-index: 20; }
.supply-chain-wrapper .section-header .wrap-square .square {
margin-left: -66px; }
.supply-chain-wrapper .section-header .wrap-square .square {
position: fixed;
top: 195px;
margin-left: -100px; }
.supply-chain-wrapper .section-header .wrap-square.bottom .square {
position: absolute;
top: unset;
bottom: 125px; }
.supply-chain-wrapper .section-header .wrap-square.bottom .fixed-video-link {
position: absolute;
top: unset;
bottom: 125px; }
.supply-chain-wrapper .section-header .content {
max-width: 760px;
flex: 100%; }
.supply-chain-wrapper .section-header .content.fixed {
display: none;
position: fixed;
top: -105px;
z-index: 10;
left: 0;
width: 100%;
overflow: hidden; }
.supply-chain-wrapper .section-header .content.fixed.show {
display: block; }
.supply-chain-wrapper .section-header .content.fixed .bg {
max-width: 760px;
margin-left: calc(372px + 111px);
width: auto;
margin-right: 40px; }
.supply-chain-wrapper .section-header .content .content-top {
min-height: calc(100vh - 180px - 275px); }
.supply-chain-wrapper .section-header .content h1 {
font-family: PT Sans;
font-style: normal;
font-weight: normal;
font-size: 48px;
line-height: 100%;
color: #F18A00;
margin-bottom: 7px; }
.supply-chain-wrapper .section-header .content h3 {
margin-top: 0;
font-family: PT Sans Narrow;
font-style: normal;
font-weight: normal;
font-size: 32px;
line-height: 100%;
margin-bottom: 47px;
color: #53575A; }
.supply-chain-wrapper .section-header .content p {
font-family: PT Sans;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 31px;
color: #000000; }
.supply-chain-wrapper .section-header .content .text-orange-bold {
font-family: PT Sans;
font-style: italic;
font-weight: bold;
font-size: 24px;
line-height: 31px;
color: #F18A00; }
@media (max-width: 1040px) {
.supply-chain-wrapper .section-header {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch;
align-content: stretch;
margin-left: 40px;
margin-right: 40px;
padding-right: 0; }
.supply-chain-wrapper .section-header .wrap-square {
width: 100%;
margin-right: 0px;
padding-bottom: 50px; }
.supply-chain-wrapper .section-header .wrap-square .square {
position: static;
margin: 0 auto;
max-width: none;
margin-top: -76px; }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link {
position: absolute;
top: 345px;
left: 50%;
margin-left: 8px;
transform: scale(0.8) skew(10deg, -29deg); }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link.pdf-link {
left: calc(50% + 11px);
margin-top: 50px; }
.supply-chain-wrapper .section-header .content {
width: 100%;
margin-bottom: 35px;
max-width: unset !important; }
.supply-chain-wrapper .section-header .content .bg {
padding-left: 0 !important;
padding-right: 0 !important; }
.supply-chain-wrapper .section-header .content.fixed {
max-width: unset !important; }
.supply-chain-wrapper .section-header .content.fixed .bg {
max-width: unset;
margin-left: 40px; } }
.supply-chain-wrapper .down-arrow {
position: relative;
margin-bottom: 100px;
margin-top: 30px; }
.supply-chain-wrapper .down-arrow img {
margin: 0 auto;
display: block; }
.supply-chain-wrapper .section-footer {
margin-bottom: 56px;
padding-top: 300px; }
.supply-chain-wrapper .section-footer .part-1 h3 {
font-family: PT Sans;
font-style: normal;
font-weight: bold;
line-height: 100%;
margin-bottom: 20px;
color: white;
font-size: 36px;
color: #53575A; }
footer.supply-chain {
width: 100%;
margin: 0 auto;
margin-top: 50px; }
footer.supply-chain .footertop {
background-image: none;
background-color: #fff; }
footer.supply-chain h3 {
font-family: PT Sans;
font-style: normal;
font-weight: bold;
line-height: 100%;
margin-bottom: 7px;
text-align: center;
color: white;
font-size: 36px;
width: 100%; }
footer.supply-chain .text {
max-width: 648px;
width: 100%;
margin: 0 auto;
font-family: PT Sans;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 31px;
text-align: center;
color: white; }
.square {
width: 471px;
height: 525px;
position: relative;
z-index: 10; }
.square .part {
position: absolute;
left: 0;
width: 100%;
height: 325px; }
.square .part.top {
top: 0; }
.square .part.middle {
top: 100px; }
.square .part.bottom {
top: 200px; }
.square .part.bg-img {
background-size: 100% auto;
background-repeat: no-repeat; }
.square .part.bg-img.top {
background-image: url("/wp-content/themes/html5blank-stable/img/supply-chain/cube-layer-1-buildtolease.png");
z-index: 30; }
.square .part.bg-img.middle {
background-image: url("/wp-content/themes/html5blank-stable/img/supply-chain/cube-layer-2-contractops.png");
z-index: 20; }
.square .part.bg-img.bottom {
background-image: url("/wp-content/themes/html5blank-stable/img/supply-chain/cube-layer-3-techsolutions.png");
z-index: 10; }
.square .part.bg-img.complete {
transition-duration: unset;
transition-delay: unset !important; }
.square .part.links {
width: calc(77px * 3 + 3px);
height: 97px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
transform: skewY(-29deg); }
.square .part.links.top {
z-index: 50;
left: 244px;
top: 162px; }
.square .part.links.middle {
z-index: 50;
left: 244px;
top: 262px; }
.square .part.links.bottom {
z-index: 50;
left: 244px;
top: 362px; }
.square .part.links .link {
position: relative;
margin-right: 1px;
cursor: pointer;
display: block; }
.square .part.links .link .tooltip {
opacity: 0;
background: black;
color: white;
padding: 10px 20px;
border-radius: 5px;
font-weight: bold;
position: absolute;
right: 50%;
bottom: 120%;
box-shadow: 0 0 15px -1px black;
margin-bottom: 0px;
transform: skewY(29deg);
display: none; }
.square .part.links .link:hover .tooltip {
display: block;
transition: all .5s;
opacity: 1;
margin-bottom: 10px; }
.square .part.links .link::selection {
background: unset; }
.square .part.links .link::-webkit-selection {
background: unset; }
.square .part.links .link::-moz-selection {
background: unset; }
.square .part.links .link.first {
width: 77px;
height: 97px; }
.square .part.links .link.second {
width: 77px;
height: 97px; }
.square .part.links .link.third {
width: 77px;
height: 97px; }
.square.active-layer[section-no="0"] .part.top {
margin-top: -20px;
transition: margin-top 0.5s ease; }
.square.active-layer[section-no="0"] .part.bg-img {
background-size: 100% auto;
background-repeat: no-repeat; }
.square.active-layer[section-no="0"] .part.bg-img.middle {
filter: contrast(0.3) saturate(0);
transition: all 1s ease; }
.square.active-layer[section-no="0"] .part.bg-img.bottom {
filter: contrast(0.3) saturate(0);
transition: all 1s ease; }
.square.active-layer[section-no="1"] .part.top {
margin-top: -20px;
transition: margin-top 0.5s ease; }
.square.active-layer[section-no="1"] .part.bottom {
margin-top: 20px;
transition: margin-top 0.5s ease; }
.square.active-layer[section-no="1"] .part.bg-img {
background-size: 100% auto;
background-repeat: no-repeat; }
.square.active-layer[section-no="1"] .part.bg-img.top {
filter: contrast(0.3) saturate(0);
transition: all 1s ease; }
.square.active-layer[section-no="1"] .part.bg-img.bottom {
filter: contrast(0.3) saturate(0);
transition: all 1s ease; }
.square.active-layer[section-no="2"] .part.bottom {
margin-top: 20px;
transition: margin-top 0.5s ease; }
.square.active-layer[section-no="2"] .part.bg-img {
background-size: 100% auto;
background-repeat: no-repeat; }
.square.active-layer[section-no="2"] .part.bg-img.top {
filter: contrast(0.3) saturate(0);
transition: all 1s ease; }
.square.active-layer[section-no="2"] .part.bg-img.middle {
filter: contrast(0.3) saturate(0);
transition: all 1s ease; }
.square.active {
transform: scale(0.705); }
.supply-chain-wrapper .section-layer .part-1 {
margin-bottom: 50px; }
.fade-left, .fade-right {
z-index: -1 !important; }
@media (max-height: 800px) {
.supply-chain-wrapper .section-header .wrap-square .square {
transform: scale(0.705);
margin-top: -90px; }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link {
position: fixed;
top: 530px;
left: 143px;
margin-left: 0;
transform: scale(0.7) skew(10deg, -29deg); }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link.pdf-link {
left: 154px;
margin-top: 46px; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .cube-left
, .supply-chain-wrapper .section-layer .part-2 .slider .my-slide .cube-left img {
width: 125px; }
.supply-chain-wrapper .section-header .wrap-square.bottom .square {
bottom: 225px; }
.supply-chain-wrapper .section-header .wrap-square.bottom .fixed-video-link {
bottom: 285px; } }
@media (max-height: 630px) {
.supply-chain-wrapper .section-header .wrap-square {
min-width: 272px;
width: 272px; }
.supply-chain-wrapper .section-header .wrap-square .square {
transform: scale(0.5);
margin-top: -140px; }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link {
position: fixed;
top: 424px;
left: 119px;
margin-left: 0;
transform: scale(0.6) skew(10deg, -29deg); }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link.pdf-link {
left: 140px;
margin-top: 41px; }
.supply-chain-wrapper .section-header .wrap-square.bottom .square {
bottom: 275px; }
.supply-chain-wrapper .section-header .wrap-square.bottom .fixed-video-link {
bottom: 380px; } }
@media (max-width: 1000px) {
.mobile .slider {
overflow: hidden; } }
@media (max-width: 1040px) {
.supply-chain-wrapper .section-header .content .content-top {
height: auto; }
.supply-chain-wrapper .section-layer .part-1 .wrap-square {
height: 350px; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide {
margin-top: 0; }
.supply-chain-wrapper .section-footer {
padding-top: 0; }
.square {
transform: scale(0.705); }
.square.active-layer-top {
height: 350px; }
.square.active-layer-top .part.bg-img.middle {
display: none; }
.square.active-layer-top .part.bg-img.bottom {
display: none; }
.square.active-layer-middle {
height: 350px;
margin-top: -97px; }
.square.active-layer-middle .part.bg-img.top {
display: none; }
.square.active-layer-middle .part.bg-img.bottom {
display: none; }
.square.active-layer-bottom {
height: 350px;
margin-top: -194px; }
.square.active-layer-bottom .part.bg-img.top {
display: none; }
.square.active-layer-bottom .part.bg-img.middle {
display: none; } }
@media (max-height: 800px) and (max-width: 1040px) {
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link {
position: absolute;
top: 330px;
left: 50%;
margin-left: 4px;
transform: scale(0.7) skew(10deg, -29deg); }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link.pdf-link {
left: calc(50% + 10px); }
.supply-chain-wrapper .section-header .wrap-square {
width: 100%;
margin-right: 0px; } }
@media (max-height: 630px) {
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link {
position: fixed;
top: 430px;
left: 131px;
margin-left: -20px;
transform: scale(0.6) skew(10deg, -29deg); }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link.pdf-link {
left: 140px;
margin-top: 40px; } }
@media (max-width: 1040px) and (max-height: 630px) {
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link {
position: absolute;
top: 232px;
left: 50%;
margin-left: -20px;
transform: scale(0.6) skew(10deg, -29deg); }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link.pdf-link {
left: calc(50% + 10px); } }
@media (max-width: 1040px) and (max-width: 550px) {
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link {
position: absolute;
top: 232px;
left: 50%;
margin-left: -20px;
transform: scale(0.6) skew(10deg, -29deg); } }
@media (max-width: 550px) {
.supply-chain-wrapper .section-header .wrap-square {
position: relative !important;
height: 350px; }
.supply-chain-wrapper .section-header .wrap-square .square {
transform: scale(0.5);
margin-left: -117px !important;
margin-top: -131px !important; }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link {
position: absolute !important;
top: 237px;
left: 97px;
margin-left: 0;
transform: scale(0.7) skew(10deg, -29deg); }
.supply-chain-wrapper .section-header .wrap-square .fixed-video-link.pdf-link {
left: 107px;
margin-top: 44px; } }
a.button, .button {
white-space: nowrap;
margin-top: 15px;
text-transform: uppercase;
font-family: PT Sans;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
align-items: center;
text-align: center;
color: #FFFFFF;
z-index: 0;
margin: 0 auto;
cursor: pointer;
border: 2px solid white;
padding: 15px 40px; }
a.button img, .button img {
margin-bottom: -3px; }
a.button:hover, .button:hover {
border-bottom: 2px solid white; }
a.button[section-no], .button[section-no] {
margin: 0; }
a.button[section-no="0"], .button[section-no="0"] {
border-color: white;
background-color: #6AAAE4; }
a.button[section-no="0"] span, .button[section-no="0"] span {
background-color: #318bdc !important; }
a.button[section-no="1"], a.button.orange, .button[section-no="1"], .button.orange {
border-color: white;
background-color: #F18A00; }
a.button[section-no="1"] span, a.button.orange span, .button[section-no="1"] span, .button.orange span {
background-color: #ca7402 !important; }
a.button[section-no="2"], .button[section-no="2"] {
border-color: white;
background-color: #002D74; }
a.button[section-no="2"] span, .button[section-no="2"] span {
background-color: #001331 !important; }
a.button.dark, .button.dark {
border-color: white;
background-color: #53575A; }
a.button.dark span, .button.dark span {
background-color: #282a2b !important; }
a.button.back img, .button.back img {
transform: rotate(180deg); }
.btn-animate {
position: relative;
overflow: hidden;
display: table;
color: white; }
.btn-animate span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: #999999;
transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
transform: translate(-50%, -50%);
z-index: -1; }
.btn-animate:hover {
color: white; }
.btn-animate:hover span {
width: 225%;
height: 675px; }
.btn-animate:active {
background-color: white; }
.supply-chain-wrapper .section-layer .part-1 .wrap-square {
display: none; }
.supply-chain-wrapper .section-layer.top .part-1 .content .bg .arrow
, .supply-chain-wrapper .section-layer.middle .part-1 .content .bg .arrow
, .supply-chain-wrapper .section-layer.bottom .part-1 .content .bg .arrow {
display: none; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
margin-bottom: 35px; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .inner .cube-left {
margin: 0 auto; }
.supply-chain-wrapper .section-layer .part-2 .slider .my-slide .inner .right {
padding-left: 0;
padding-right: 0; }
.supply-chain-wrapper.landing .square .part.links .link {
cursor: unset; }
.supply-chain-wrapper.landing .square.active-layer[section-no="0"] .part.links .link[section-no="0"]
, .supply-chain-wrapper.landing .square.active-layer[section-no="1"] .part.links .link[section-no="1"]
, .supply-chain-wrapper.landing .square.active-layer[section-no="2"] .part.links .link[section-no="2"] {
cursor: pointer; }
.supply-chain-wrapper.landing .section-header {
justify-content: center; }
.supply-chain-wrapper.landing .section-header .wrap-square {
max-width: 1100px;
width: 100%; }
.supply-chain-wrapper.landing .section-header .wrap-square .square {
position: absolute;
top: 0; }
.supply-chain-wrapper.landing .fixed-video-link {
display: none; }
.supply-chain-wrapper.landing .section-layer {
margin-top: 60px; }
.supply-chain-wrapper.landing .section-layer .part-1 {
min-height: 465px;
margin-bottom: 0px; }
.supply-chain-wrapper.landing .section-layer .part-1 .content {
width: calc(100% - 430px);
margin-left: 430px; }
.supply-chain-wrapper.landing .section-layer .part-1 .content .bg {
margin-top: 0; }
.supply-chain-wrapper.landing .section-layer .part-2 {
padding-left: 30px;
padding-right: 30px;
max-width: 1100px;
margin-left: auto;
margin-right: auto; }
.supply-chain-wrapper.landing .section-layer .part-2 .opening-copy {
margin: 65px auto 0 auto;
max-width: 810px;
width: 100%; }
.supply-chain-wrapper.landing .section-layer .part-2 .opening-copy h2 {
font-family: PT Sans Narrow;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 100%;
margin-bottom: 7px;
color: #53575A; }
.supply-chain-wrapper.landing .section-layer .part-2 .opening-copy h2:after {
display: none; }
.supply-chain-wrapper.landing .section-layer .part-2 .opening-copy p, .supply-chain-wrapper.landing .section-layer .part-2 .opening-copy li {
font-family: PT Sans Narrow;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 31px;
color: #53575A; }
.supply-chain-wrapper.landing .section-layer .part-2 .slider .my-slide {
margin-top: 40px; }
.supply-chain-wrapper.landing .section-layer .part-2 .slider .my-slide .inner {
flex-direction: row;
padding-left: 70px;
padding-right: 70px;
padding-top: 50px;
padding-bottom: 50px; }
.supply-chain-wrapper.landing .section-layer .part-2 .slider .my-slide .inner .cube-left {
margin-right: 76px; }
.supply-chain-wrapper.landing .section-layer .part-2 .slider .my-slide .inner .right {
padding-top: 0;
padding-bottom: 0;
width: 100%; }
.supply-chain-wrapper.landing .section-layer .part-2 .slider .my-slide .inner .right .desc p:last-child {
margin-bottom: 0; }
.supply-chain-wrapper.landing .btn-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: baseline;
align-content: stretch;
max-width: 1100px;
margin: 0 auto;
margin-bottom: 40px;
padding-right: 40px; }
.supply-chain-wrapper.landing .btn-row a {
margin: 0; }
.supply-chain-wrapper.landing .btn-row a + a {
margin-left: 15px; }
@media (max-width: 1135px) {
.supply-chain-wrapper.landing .btn-row {
flex-direction: column;
align-items: center; }
.supply-chain-wrapper.landing .btn-row a + a {
margin-left: 0px;
margin-top: 20px; } }
@media (max-width: 1040px) {
.supply-chain-wrapper.landing .section-header .wrap-square .square {
top: 73px; } }
@media (max-width: 935px) {
.supply-chain-wrapper.landing .section-layer .part-1 .content {
margin-left: 0;
width: 100%;
max-width: none; }
.supply-chain-wrapper.landing .section-header .wrap-square {
height: 371px; }
.supply-chain-wrapper.landing .section-header .wrap-square .square {
position: relative;
top: 0; }
.supply-chain-wrapper.landing .section-layer .part-2 .slider .my-slide .cube-left img {
width: 125px; } }
@media (max-width: 800px) {
.supply-chain-wrapper.landing .section-layer .part-2 .slider .my-slide .inner {
flex-direction: column; }
.supply-chain-wrapper.landing .section-layer .part-2 .slider .my-slide .inner .cube-left {
margin: 0 auto;
width: auto;
margin-bottom: 30px; } }
.video-wrapper .content {
max-width: 1000px;
margin: 50px auto;
padding-right: 30px;
padding-left: 30px; }
.video-wrapper .content h3 {
color: black; }
.video-wrapper .video-container {
max-width: 800px;
overflow: hidden;
position: relative;
width: 100%;
margin: 0 auto; }
.video-wrapper .video-container::after {
padding-top: 56.25%;
display: block;
content: ''; }
.video-wrapper .video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body.supply-chain .gform-wrapper input[type=submit],
body.supply-chain .gform_wrapper .gform_footer input[type=submit] {
color: white !important;
border: 1px solid white; }
body.supply-chain .gform-wrapper input[type=submit]:hover,
body.supply-chain .gform_wrapper .gform_footer input[type=submit]:hover {
background: #df8411 !important; }
.page-template-page-protein-campaign .hero-wrapper {
display: none; }
.page-template-page-protein-campaign main.protein-campaign .block-bg {
background-size: auto;
background-position: bottom left;
background-repeat: no-repeat; }
@media only screen and (max-width: 1200px) {
.page-template-page-protein-campaign main.protein-campaign .block-bg {
background-position: -150px bottom; } }
@media only screen and (max-width: 1000px) {
.page-template-page-protein-campaign main.protein-campaign .block-bg {
background-image: none !important; } }
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper {
border: 4px solid #F18A00;
max-width: 1054px;
margin: 86px auto 0 auto; }
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper .inner {
max-width: 724px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 75px; }
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper .inner h1 {
color: #53575A;
font-family: 'PT Sans';
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%;
/* 52.8px */
letter-spacing: 3.12px;
margin: 0 0 30px 0; }
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper .inner h2 {
color: #F18A00;
font-family: 'PT Sans';
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0 0 30px 0; }
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper .inner h2:after {
display: none; }
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper .inner p {
margin-bottom: 0;
color: #53575A;
font-family: 'PT Sans';
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 168%; }
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper .inner p:nth-of-type(2) {
margin-top: 30px; }
@media only screen and (max-width: 500px) {
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper .inner h1 {
font-size: 42px; } }
@media only screen and (max-width: 1054px) {
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper {
margin-left: 20px;
margin-right: 20px; }
.page-template-page-protein-campaign main.protein-campaign .orange-border-wrapper .inner {
padding-left: 20px;
padding-right: 20px; } }
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner {
max-width: 1175px;
margin: 75px auto;
padding-left: 25px;
padding-right: 25px; }
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner p {
margin-bottom: 0;
color: #53575A;
font-family: 'PT Sans';
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 168%;
margin-bottom: 30px; }
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner h3 {
color: #F18A00;
font-family: 'PT Sans';
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 168%;
margin-bottom: 0; }
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner .instruction-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 1175px; }
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner .instruction-grid .instruction {
transition: 0.2s all ease-in-out;
max-width: 100%;
display: block;
width: 100%;
max-width: 337px;
margin: 12px 3px; }
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner .instruction-grid .instruction a {
text-decoration: none;
border-bottom: none;
max-width: 100%;
width: 100%; }
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner .instruction-grid .instruction a:hover {
border-bottom: none; }
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner .instruction-grid .instruction a:hover img {
border: 3px solid #F18A00; }
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner .instruction-grid .instruction img {
max-width: 100%;
width: 100%;
height: auto;
border: 3px solid #303030;
min-height: 140px;
object-fit: cover; }
@media only screen and (max-width: 560px) {
.page-template-page-protein-campaign main.protein-campaign .instruction-download .inner .instruction-grid {
grid-template-columns: 1fr;
grid-column-gap: 0; } }
.page-template-page-protein-campaign main.protein-campaign .pre-footer {
padding-bottom: 90px;
padding-top: 153px; }
.page-template-page-protein-campaign main.protein-campaign .pre-footer .inner {
display: flex;
flex-direction: row;
justify-content: flex-end;
max-width: 1054px;
margin: 0 auto; }
.page-template-page-protein-campaign main.protein-campaign .pre-footer .inner .copy {
max-width: 599px; }
.page-template-page-protein-campaign main.protein-campaign .pre-footer .inner .copy p {
color: #F18A00;
font-family: 'PT Sans';
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 168%;
/* 50.4px */ }
@media only screen and (max-width: 1000px) {
.page-template-page-protein-campaign main.protein-campaign .pre-footer .inner {
justify-content: center; }
.page-template-page-protein-campaign main.protein-campaign .pre-footer .inner .copy {
max-width: 664px; } }
@media only screen and (max-width: 1100px) {
.page-template-page-protein-campaign main.protein-campaign .pre-footer {
padding-right: 20px;
padding-left: 20px; } }
@media only screen and (max-width: 1000px) {
.page-template-page-protein-campaign main.protein-campaign .pre-footer {
padding-top: 50px;
padding-bottom: 50px; } }
.page-template-page-protein-campaign main.protein-campaign .footertop .flexcontainer {
max-width: 1175px;
justify-content: space-between; }
.page-template-page-protein-campaign main.protein-campaign .footertop .box-left {
max-width: 424px; }
.page-template-page-protein-campaign main.protein-campaign .footertop .box-left p {
color: #D8D8D8;
font-family: 'PT Sans Narrow';
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 0; }
.page-template-page-protein-campaign main.protein-campaign .footertop .box-left p strong {
color: #F18A00;
font-family: 'PT Sans';
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.page-template-page-protein-campaign main.protein-campaign .footertop .box-left .btn {
margin-top: 25px;
background: transparent;
color: #F18A00 !important;
font-size: 25px;
padding: 5px 30px;
border: 2px solid #F18A00;
transition: 0.2s all ease-in-out; }
.page-template-page-protein-campaign main.protein-campaign .footertop .box-left .btn:hover {
background: #F18A00;
color: #FFF !important; }
@media only screen and (max-width: 1100px) {
.page-template-page-protein-campaign main.protein-campaign .footertop .box-left {
margin-bottom: 50px; } }
.page-template-page-protein-campaign main.protein-campaign .footertop .gform_required_legend {
display: none; }
.page-template-page-protein-campaign main.protein-campaign .footertop form .gform-body input {
background: #C8C8C8; }
.page-template-page-protein-campaign main.protein-campaign .footertop form .gform-body input::placeholder {
color: #303030;
font-family: 'PT Sans';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 150% */
letter-spacing: 0.15px; }
.page-template-page-protein-campaign main.protein-campaign .footertop form label, .page-template-page-protein-campaign main.protein-campaign .footertop form legend {
color: #303030;
font-family: 'PT Sans';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 171.429% */
letter-spacing: 0.15px; }
.page-template-page-protein-campaign main.protein-campaign .footertop form .gfield--type-captcha .ginput_recaptcha > div {
margin: 0 auto; }
.page-template-page-protein-campaign main.protein-campaign .footertop form .gfield--type-radio {
background: #C8C8C8; }
.page-template-page-protein-campaign main.protein-campaign .footertop form .gfield--type-radio .ginput_container_radio {
margin-top: -10px !important;
padding: 0 14px 14px 14px; }
.page-template-page-protein-campaign main.protein-campaign .footertop form .gfield--type-radio legend {
display: block;
background: #C8C8C8;
width: 100%;
padding: 14px 14px 0 14px; }
.page-template-page-protein-campaign main.protein-campaign .footertop form .gform_footer input[type=submit] {
border-color: #fff !important;
color: #fff !important; }
.page-template-page-protein-campaign main.protein-campaign .footertop form .gform_footer input[type=submit]:hover {
background-color: #f8961d; }
.page-template-page-protein-campaign main.protein-campaign .footertop .gfield_required_asterisk {
color: #303030 !important; }
.page-template-page-protein-campaign main.protein-campaign .footertop .gform_confirmation_message {
max-width: 598px;
color: #D8D8D8;
font-family: 'PT Sans Narrow';
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 100px auto 0 auto; }
.page-template-page-protein-campaign main.protein-campaign .footertop .gform_confirmation_message strong {
font-weight: 700; }