@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic|Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400|Open+Sans+Condensed:300,300italic,700");
.social-fun-container .social-fun-items:after {
content: "";
display: table;
clear: both; } html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px); }
60% {
opacity: 1;
transform: translateX(30px); }
80% {
transform: translateX(-10px); }
100% {
transform: translateX(0); } }
@keyframes bounceOutRight {
0% {
transform: translateX(0); }
20% {
opacity: 1;
transform: translateX(-20px); }
100% {
opacity: 0;
transform: translateX(2000px); } }
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomOut {
0% {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 10%, 0); }
100% {
opacity: 1;
transform: none; } }
*, *:before, *:after {
-webkit-print-color-adjust: exact;
box-sizing: border-box; }
*:focus {
outline: none !important; }
img, svg {
max-width: 100%;
height: auto;
vertical-align: top; }
img.alignright, svg.alignright {
float: right;
margin-left: 20px; }
@media only screen and (max-width: 56.25em) {
img.alignright, svg.alignright {
max-width: 300px; } }
@media only screen and (max-width: 37.5em) {
img.alignright, svg.alignright {
max-width: 200px; } }
@media only screen and (max-width: 25em) {
img.alignright, svg.alignright {
max-width: 100px; } }
img.alignleft, svg.alignleft {
float: left;
margin-right: 20px; }
@media only screen and (max-width: 56.25em) {
img.alignleft, svg.alignleft {
max-width: 300px; } }
@media only screen and (max-width: 37.5em) {
img.alignleft, svg.alignleft {
max-width: 200px; } }
@media only screen and (max-width: 25em) {
img.alignleft, svg.alignleft {
max-width: 100px; } }
img.aligncenter, svg.aligncenter {
display: block;
margin: 0 auto 30px; }
img.alignnone, svg.alignnone {
display: block;
margin: 0 auto; }
img.orange, svg.orange {
fill: #fff !important;
color: #f15b2d !important; }
img.orange-yellow, svg.orange-yellow {
fill: #ece810 !important;
color: #f15b2d !important; }
img.green, svg.green {
fill: #fff !important;
color: #679961 !important; }
img.red, svg.red {
fill: #fff !important;
color: #db2027 !important; }
strong {
font-weight: 700; }
em {
font-style: italic; }
a {
font-size: 1em;
color: inherit;
text-decoration: inherit;
line-height: inherit;
font-weight: inherit;
text-transform: inherit; }
a:hover, a:active, a:visited {
color: inherit;
text-decoration: inherit; }
input, button, textarea {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 0;
margin: 0;
padding: 0;
outline: none;
background: none;
border-radius: 0;
font-size: 1em;
font-family: "Open Sans Condensed", sans-serif; }
button {
cursor: pointer; }
.sprite-text {
color: transparent;
text-indent: -9999px;
background-image: url(//mycardoeswhat.org/wp-content/themes/usmangroup/img/sprite.png);
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5) {
.sprite-text {
background-image: url(//mycardoeswhat.org/wp-content/themes/usmangroup/img/sprite@2x.png);
-webkit-background-size: 500px 500px; } }
.clearfix:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
html {
-webkit-font-smoothing: antialiased;
position: relative;
font-size: 18px; }
html body {
overflow-x: hidden;
position: relative;
font-family: "Open Sans Condensed", sans-serif;
background-color: #363636; }
html.frontPage {
width: 100%;
height: 100%; }
html.frontPage body {
width: 100%;
height: 100%; }
.container, .intro {
margin: 0 auto;
padding: 0 20px;
position: relative; }
.bx-wrapper {
position: relative;
margin: 0 auto; }
.bx-wrapper img {
display: block; }
.bx-wrapper .bx-viewport {
transform: translatez(0); }
.toggleNav {
width: 45px;
height: 56px;
background-color: #ddd;
transform: rotate(0deg);
transition: all 150ms ease;
opacity: 0;
cursor: pointer; }
.frontPage .toggleNav {
opacity: 1;
display: none; }
@media only screen and (max-width: 66.25em) {
.frontPage .toggleNav {
display: block; } }
.innerNav .toggleNav {
opacity: 1;
transition: all 150ms linear;
background-color: #fff;
border: 1px solid #c0c0c0; }
@media only screen and (min-width: 66.25em) {
.innerNav .toggleNav {
transition: all 150ms linear 0ms, opacity 150ms linear 1300ms; } }
.innerNav .toggleNav span:not(.text) {
background-color: #C0C0C0; }
.innerNav .toggleNav .text {
color: #aaa; }
.no-touch .innerNav .toggleNav:hover {
box-shadow: 0 0 0 4px #DDDDDD; }
@media only screen and (min-width: 66.25em) {
.innerNavOpen .toggleNav {
display: none; }
.openNav .toggleNav {
display: block; }
.innerNavOpen.scrolling .toggleNav {
display: block;
transition: opacity 150ms linear; } }
.lightLock .toggleNav {
opacity: 0;
transition: all 150ms linear 0ms !important; }
@media only screen and (min-width: 50em) {
.stuckNav .toggleNav {
position: fixed;
right: 0 !important;
top: 0px !important; }
.no-touch .stuckNav .toggleNav:hover {
box-shadow: none !important; } }
.toggleNav span:not(.text) {
display: block;
position: absolute;
height: 1px;
width: 27px;
background: #161616;
opacity: 1;
left: 8px;
transform: rotate(0deg);
transition: .25s ease-in-out; }
.toggleNav span:not(.text):nth-child(1) {
top: 13px; }
.toggleNav span:not(.text):nth-child(2), .toggleNav span:not(.text):nth-child(3) {
top: 21px; }
.toggleNav span:not(.text):nth-child(4) {
top: 29px; }
.toggleNav .text {
display: block;
width: 100%;
position: absolute;
bottom: 5px;
left: 0px;
font-family: "Open Sans", sans-serif;
font-size: 10px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
color: #161616; }
@media only screen and (max-width: 66.25em) {
.toggleNav .text {
bottom: 3px; } }
.openNav .toggleNav {
height: 57px;
background-color: #252525;
border: transparent;
transition: all 150ms linear 0ms, background 1ms linear; }
.openNav .toggleNav span:not(.text) {
background-color: #C0C0C0; }
.openNav .toggleNav .text {
color: transparent !important; }
.openNav .toggleNav span:nth-child(1) {
top: 23px;
width: 0%;
left: 50%; }
.openNav .toggleNav span:nth-child(2) {
transform: rotate(45deg);
background-color: #C0C0C0; }
.openNav .toggleNav span:nth-child(3) {
transform: rotate(-45deg);
background-color: #C0C0C0; }
.openNav .toggleNav span:nth-child(2), .openNav .toggleNav span:nth-child(3) {
width: 37px;
left: 4px; }
.openNav .toggleNav span:nth-child(4) {
top: 23px;
width: 0%;
left: 50%; }
.no-touch .openNav .toggleNav:hover {
box-shadow: none !important; }
.content-wAside {
position: relative;
overflow: hidden;
z-index: 2;
transition: none; }
.content-wAside .sectionWrap {
position: relative;}
.content-wAside .sectionWrap:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 26.875em) {
.content-wAside .sectionWrap {
padding-left: 0; } }
.content-wAside.screenLock {
overflow: initial;
height: 100%; }
.content-wAside.screenLock .sectionWrap {
position: fixed;
width: 100%;
right: 0;
z-index: -1; }
@media only screen and (max-width: 66.25em) {
.content-wAside.t2 {
font-size: 0.75em; } }
.content-wAside.t2 .sectionWrap {
padding-top: 120px;
background-color: #eee; }
@media only screen and (min-width: 66.25em) {
.content-wAside.t2 .sectionWrap {
transition: padding 250ms ease 1400ms; } }
@media only screen and (max-width: 66.25em) {
.content-wAside.t2 .sectionWrap {
padding-top: 87px; } }
.innerNav .content-wAside.t2 .sectionWrap {
padding-top: 60px; }
@media only screen and (max-width: 66.25em) {
.innerNav .content-wAside.t2 .sectionWrap {
padding-top: 87px; } }
.content-wAside.t2 .sectionWrap > section:nth-child(2n) {
background-color: #eee; }
.content-wAside.t2 .sectionWrap > section:nth-child(2n+1) {
background-color: #fff; }
.innerNav .content-wAside.t2 {
position: relative;
z-index: 3;
background-color: #eee; }
.content-wAside.t5 .sectionWrap {
padding-top: 190px;
background-color: #eee; }
@media only screen and (min-width: 66.25em) {
.content-wAside.t5 .sectionWrap {
transition: padding 250ms ease 1400ms; } }
@media only screen and (max-width: 66.25em) {
.content-wAside.t5 .sectionWrap {
padding-top: 87px; } }
.innerNav .content-wAside.t5 .sectionWrap {
padding-top: 120px; }
@media only screen and (max-width: 66.25em) {
.innerNav .content-wAside.t5 .sectionWrap {
padding-top: 87px; } }
.innerNavOpen .content-wAside.t5 .sectionWrap {
padding-top: 190px; }
@media only screen and (max-width: 66.25em) {
.innerNavOpen .content-wAside.t5 .sectionWrap {
padding-top: 87px; } }
.content-wAside.t6 .sectionWrap {
background-color: #eee; }
@media only screen and (max-width: 45.625em) {
.content-wAside.t6 .sectionWrap {
padding-top: 87px; } }
.content-wAside.t7 .sectionWrap {
padding-top: 190px;
background-color: #eee; }
@media only screen and (min-width: 66.25em) {
.content-wAside.t7 .sectionWrap {
transition: padding 250ms ease 1400ms; } }
@media only screen and (max-width: 66.25em) {
.content-wAside.t7 .sectionWrap {
padding-top: 87px; } }
.innerNav .content-wAside.t7 .sectionWrap {
padding-top: 120px; }
@media only screen and (max-width: 66.25em) {
.innerNav .content-wAside.t7 .sectionWrap {
padding-top: 87px; } }
.content-wAside.t7 .sectionWrap .container:after, .content-wAside.t7 .sectionWrap .intro:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.content-wAside.t10 .sectionWrap {
padding-top: 190px;
background-color: #eee; }
@media only screen and (min-width: 66.25em) {
.content-wAside.t10 .sectionWrap {
transition: padding 250ms ease 1400ms; } }
@media only screen and (max-width: 66.25em) {
.content-wAside.t10 .sectionWrap {
padding-top: 87px; } }
.innerNav .content-wAside.t10 .sectionWrap {
padding-top: 120px; }
@media only screen and (max-width: 66.25em) {
.innerNav .content-wAside.t10 .sectionWrap {
padding-top: 87px; } }
.content-wAside.t3 .sectionWrap, .content-wAside.t4 .sectionWrap, .content-wAside.t7 .sectionWrap, .content-wAside.t8 .sectionWrap, .content-wAside.t9 .sectionWrap, .content-wAside.t12 .sectionWrap {
background-color: #eee; }
@media only screen and (min-width: 66.3125em) {
.content-wAside.t8 footer {
position: relative;
padding-right: calc(34.25% + 20px); }
.content-wAside.t8 footer:before {
content: "";
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
height: 100%;
width: 34.25%;
background-color: #fff; }
.content-wAside.t8 footer .row {
max-width: 820px;
width: 100%;
float: right;
clear: both; } }
.radialOverlay, .quickGuide, .howItWorks, .questions, .shareFeature {
position: relative; }
@media only screen and (min-width: 52.5em) {
.h2-s1, .quickGuide h2, .howItWorks h2, .questions h2, .resourcesSlider h2, .shareFeature h2 {
padding: 0 20px; }
.h2-s1 .content, .quickGuide h2 .content, .howItWorks h2 .content, .questions h2 .content, .resourcesSlider h2 .content, .shareFeature h2 .content {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 2.618em;
font-weight: 800;
color: #262626;
text-transform: uppercase;
text-align: center;
margin-bottom: 15px; }
.h2-s1 .underline, .quickGuide h2 .underline, .howItWorks h2 .underline, .questions h2 .underline, .resourcesSlider h2 .underline, .shareFeature h2 .underline {
display: block;
width: 30px;
transition: all 1s ease 700ms;
margin: 0 auto; }
.h2-s1 .underline span, .quickGuide h2 .underline span, .howItWorks h2 .underline span, .questions h2 .underline span, .resourcesSlider h2 .underline span, .shareFeature h2 .underline span {
display: block;
height: 1px;
margin: 0 auto 4px;
background-color: #c0c0c0; }
.h2-s1 .underline span:nth-child(1), .quickGuide h2 .underline span:nth-child(1), .howItWorks h2 .underline span:nth-child(1), .questions h2 .underline span:nth-child(1), .resourcesSlider h2 .underline span:nth-child(1), .shareFeature h2 .underline span:nth-child(1) {
width: 100%; }
.h2-s1 .underline span:nth-child(2), .quickGuide h2 .underline span:nth-child(2), .howItWorks h2 .underline span:nth-child(2), .questions h2 .underline span:nth-child(2), .resourcesSlider h2 .underline span:nth-child(2), .shareFeature h2 .underline span:nth-child(2) {
width: 80%; }
.h2-s1 .underline span:nth-child(3), .quickGuide h2 .underline span:nth-child(3), .howItWorks h2 .underline span:nth-child(3), .questions h2 .underline span:nth-child(3), .resourcesSlider h2 .underline span:nth-child(3), .shareFeature h2 .underline span:nth-child(3) {
width: 60%; } }
@media only screen and (max-width: 52.5em) {
.h2-s1, .quickGuide h2, .howItWorks h2, .questions h2, .resourcesSlider h2, .shareFeature h2 {
display: block;
width: 100%;
position: relative;
font-size: 1.618em;
font-weight: 700;
color: #1173cb;
background-color: #fff;
text-transform: uppercase;
text-align: center;
padding: 30px 10px 35px;
border-top: 1px solid #c0c0c0;
cursor: pointer;
transition: .1s ease; }
.h2-s1:not(.active), .quickGuide h2:not(.active), .howItWorks h2:not(.active), .questions h2:not(.active), .resourcesSlider h2:not(.active), .shareFeature h2:not(.active) {
margin-bottom: 0px; }
.h2-s1:after, .quickGuide h2:after, .howItWorks h2:after, .questions h2:after, .resourcesSlider h2:after, .shareFeature h2:after {
content: "";
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 11px solid #b8b8b8;
position: absolute;
left: 50%;
margin-left: -8px;
margin-top: 8px;
transition: all 150ms ease; }
.stuckNav .h2-s1:after, .stuckNav .quickGuide h2:after, .quickGuide .stuckNav h2:after, .stuckNav .howItWorks h2:after, .howItWorks .stuckNav h2:after, .stuckNav .questions h2:after, .questions .stuckNav h2:after, .stuckNav .resourcesSlider h2:after, .resourcesSlider .stuckNav h2:after, .stuckNav .shareFeature h2:after, .shareFeature .stuckNav h2:after {
margin-top: 4px; }
.h2-s1:hover, .quickGuide h2:hover, .howItWorks h2:hover, .questions h2:hover, .resourcesSlider h2:hover, .shareFeature h2:hover, .h2-s1.active, .quickGuide h2.active, .howItWorks h2.active, .questions h2.active, .resourcesSlider h2.active, .shareFeature h2.active {
background-color: rgba(17, 115, 203, 0.95);
color: #fff;
border-top: 1px solid rgba(17, 115, 203, 0.95); }
.h2-s1:hover:after, .quickGuide h2:hover:after, .howItWorks h2:hover:after, .questions h2:hover:after, .resourcesSlider h2:hover:after, .shareFeature h2:hover:after, .h2-s1.active:after, .quickGuide h2.active:after, .howItWorks h2.active:after, .questions h2.active:after, .resourcesSlider h2.active:after, .shareFeature h2.active:after {
border-top: 11px solid #fff; }
.h2-s1.active:after, .quickGuide h2.active:after, .howItWorks h2.active:after, .questions h2.active:after, .resourcesSlider h2.active:after, .shareFeature h2.active:after {
transform: rotate(180deg); } }
.h2-s2 .content, .content-wAside.learning .learning-details .heading-container h2 .content {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 2.618em;
font-weight: 800;
color: #262626;
text-align: center;
margin-bottom: 15px; }
@media only screen and (max-width: 37.5em) {
.h2-s2 .content, .content-wAside.learning .learning-details .heading-container h2 .content {
font-size: 1.618em; } }
.h2-s2 .underline, .content-wAside.learning .learning-details .heading-container h2 .underline {
display: block;
width: 30px;
transition: all 1s ease 700ms;
margin: 0 auto;
max-width: 100% !important; }
.h2-s2 .underline span, .content-wAside.learning .learning-details .heading-container h2 .underline span {
display: block;
height: 1px;
margin: 0 auto 4px;
background-color: #c0c0c0; }
.h2-s2 .underline span:nth-child(1), .content-wAside.learning .learning-details .heading-container h2 .underline span:nth-child(1) {
width: 100%;
max-width: 100% !important; }
.h2-s2 .underline span:nth-child(2), .content-wAside.learning .learning-details .heading-container h2 .underline span:nth-child(2) {
width: 80%;
max-width: 80% !important; }
.h2-s2 .underline span:nth-child(3), .content-wAside.learning .learning-details .heading-container h2 .underline span:nth-child(3) {
width: 60%;
max-width: 60% !important; }
@media only screen and (max-width: 52.5em) {
.setMobileToggle .mobileWrap {
display: none;
opacity: 0; }
.setMobileToggle section.open .mobileWrap {
animation-name: fadeIn;
animation-duration: 250ms;
animation-delay: 400ms;
animation-fill-mode: both; }
.setMobileToggle .shareFF {
display: none;
opacity: 0; }
.setMobileToggle section.open .shareFF {
animation-name: fadeIn;
animation-duration: 250ms;
animation-delay: 400ms;
animation-fill-mode: both; } }
.initTop h2 .underline {
width: 450px !important; }
@media only screen and (max-width: 45.625em) {
.initTop h2 .underline {
width: 280px !important; } }
.lightBox, .lightIframeBox {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -5; }
.lightLock--social .lightBox.lightBox--social, .lightLock--social .lightIframeBox.lightBox--social {
display: table;
z-index: 9999999;
background-color: rgba(50, 50, 50, 0.9);
transition: background-color 150ms ease 250ms; }
.lightBox.lightBox--social .vAlign .hAlign, .lightIframeBox.lightBox--social .vAlign .hAlign {
max-width: 800px; }
.lightBox.lightBox--social .vAlign .hAlign .hoverOff, .lightIframeBox.lightBox--social .vAlign .hAlign .hoverOff {
cursor: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/close-white.png) 25 15, pointer; }
.lightLock--relatedLinks .lightBox.lightBox--relatedLinks, .lightLock--relatedLinks .lightIframeBox.lightBox--relatedLinks {
display: table;
z-index: 9999999;
background-color: rgba(50, 50, 50, 0.9);
transition: background-color 150ms ease 250ms; }
.lightBox.lightBox--relatedLinks .vAlign .hAlign, .lightIframeBox.lightBox--relatedLinks .vAlign .hAlign {
max-width: 800px; }
.lightLock--mediaDownload .lightBox.lightBox--mediaDownload, .lightLock--mediaDownload .lightIframeBox.lightBox--mediaDownload {
display: table;
z-index: 9999999;
background-color: rgba(50, 50, 50, 0.9);
transition: background-color 150ms ease 250ms; }
.lightBox.lightBox--mediaDownload .vAlign .hAlign, .lightIframeBox.lightBox--mediaDownload .vAlign .hAlign {
max-width: 700px;
padding: 0; }
.lightLock-video .lightBox.lightBox, .lightLock-video .lightIframeBox.lightBox {
display: table;
z-index: 9999999;
background-color: rgba(255, 255, 255, 0.95);
transition: background-color 150ms ease 250ms; }
.lightLock1 .lightBox.lightBox-player1, .lightLock1 .lightIframeBox.lightBox-player1 {
display: table;
z-index: 9999999;
background-color: rgba(255, 255, 255, 0.95);
transition: background-color 150ms ease 250ms; }
.lightLock2 .lightBox.lightBox-player2, .lightLock2 .lightIframeBox.lightBox-player2 {
display: table;
z-index: 9999999;
background-color: rgba(255, 255, 255, 0.95);
transition: background-color 150ms ease 250ms; }
.lightLock3 .lightBox.lightBox-player3, .lightLock3 .lightIframeBox.lightBox-player3 {
display: table;
z-index: 9999999;
background-color: white;
transition: background-color 150ms ease 250ms; }
.lightLockIframe .lightBox.lightBox-player-iframe, .lightLockIframe .lightIframeBox.lightBox-player-iframe {
display: table;
z-index: 9999999;
background-color: white;
transition: background-color 150ms ease 250ms; }
.removeLock .lightBox, .removeLock .lightIframeBox {
background-color: rgba(255, 255, 255, 0);
transition: background-color 300ms ease 150ms; }
.lightBox .vAlign, .lightIframeBox .vAlign {
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
position: relative;
z-index: 3; }
.lightBox .vAlign .hAlign, .lightIframeBox .vAlign .hAlign {
max-width: 1200px;
width: 100%;
padding: 0 60px;
margin: 0 auto;
cursor: crosshair;
cursor: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/close.png) 25 15, pointer; }
@media only screen and (max-width: 50em) {
.lightBox .vAlign .hAlign, .lightIframeBox .vAlign .hAlign {
width: 100%;
padding: 0 20px; } }
.lightBox .hoverOff, .lightIframeBox .hoverOff {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
cursor: crosshair;
cursor: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/close.png) 25 15, pointer; }
.lightLock .lightBox, .lightLock .lightIframeBox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999; }
.lightLock .lightBox .hoverOff, .lightLock .lightIframeBox .hoverOff {
position: fixed;
z-index: 2;
transition: all 200ms ease; }
.lightLock .lightBox .meat, .lightLock .lightIframeBox .meat {
position: relative;
vertical-align: top;
z-index: 3; }
.lightLock .lightBox .links, .lightLock .lightIframeBox .links {
background-color: #EEEEEE;
padding: 30px;
border: solid 15px #fff;
z-index: 3;
position: relative; }
.lightLock .lightBox .links:after, .lightLock .lightIframeBox .links:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.lightLock .lightBox .links strong, .lightLock .lightIframeBox .links strong {
display: block;
font-weight: 900;
font-size: 1.079em;
text-transform: uppercase;
margin-bottom: 15px;
text-align: left; }
.lightLock .lightBox .links ul, .lightLock .lightBox .links ol, .lightLock .lightIframeBox .links ul, .lightLock .lightIframeBox .links ol {
display: block;
width: 100%;
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #777777;
line-height: 1.5;
text-align: left; }
.lightLock .lightBox .links ul li, .lightLock .lightBox .links ol li, .lightLock .lightIframeBox .links ul li, .lightLock .lightIframeBox .links ol li {
margin-left: 30px; }
.lightLock .lightBox .links ul li a, .lightLock .lightBox .links ol li a, .lightLock .lightIframeBox .links ul li a, .lightLock .lightIframeBox .links ol li a {
color: #2874b9; }
.lightLock .lightBox .links ul, .lightLock .lightIframeBox .links ul {
list-style-type: disc; }
.lightLock .lightBox .links ol, .lightLock .lightIframeBox .links ol {
list-style-type: decimal; }
.lightLock .lightBox .wpvr_embed, .lightLock .lightIframeBox .wpvr_embed {
padding-top: 0 !important;
padding-bottom: 56.25% !important; }
.lightLock .lightBox .socialMediaButtons, .lightLock .lightIframeBox .socialMediaButtons {
background-color: #EEEEEE;
padding: 30px;
border: solid 15px #fff; }
.lightLock .lightBox .socialMediaButtons:after, .lightLock .lightIframeBox .socialMediaButtons:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.lightLock .lightBox .socialMediaButtons a, .lightLock .lightIframeBox .socialMediaButtons a {
display: block;
width: 22%;
float: left; }
.lightLock .lightBox .socialMediaButtons a:nth-child(4n+1), .lightLock .lightIframeBox .socialMediaButtons a:nth-child(4n+1) {
clear: both; }
.lightLock .lightBox .socialMediaButtons a:not(:nth-child(4n)), .lightLock .lightIframeBox .socialMediaButtons a:not(:nth-child(4n)) {
margin-right: 2.5%; }
.lightLock .lightBox .socialMediaButtons a:first-child, .lightLock .lightIframeBox .socialMediaButtons a:first-child {
margin-left: 2.5%; }
@media only screen and (max-width: 25em) {
.lightLock .lightBox .socialMediaButtons a, .lightLock .lightIframeBox .socialMediaButtons a {
width: 32%;
margin-bottom: 20px; }
.lightLock .lightBox .socialMediaButtons a:nth-child(5n+1), .lightLock .lightIframeBox .socialMediaButtons a:nth-child(5n+1) {
clear: none; }
.lightLock .lightBox .socialMediaButtons a:not(:nth-child(5n)), .lightLock .lightIframeBox .socialMediaButtons a:not(:nth-child(5n)) {
margin-right: 0%; }
.lightLock .lightBox .socialMediaButtons a:nth-child(3n+1), .lightLock .lightIframeBox .socialMediaButtons a:nth-child(3n+1) {
clear: both; }
.lightLock .lightBox .socialMediaButtons a:not(:nth-child(3n)), .lightLock .lightIframeBox .socialMediaButtons a:not(:nth-child(3n)) {
margin-right: 2%; } }
.lightLock .lightBox .socialMediaButtons a svg, .lightLock .lightIframeBox .socialMediaButtons a svg {
display: block;
width: 100%;
fill: #1C79CD;
opacity: 1;
transition: all 150ms ease; }
@media only screen and (max-width: 50em) {
.lightLock .lightBox .socialMediaButtons a svg, .lightLock .lightIframeBox .socialMediaButtons a svg {
height: 100px; } }
@media only screen and (max-width: 37.5em) {
.lightLock .lightBox .socialMediaButtons a svg, .lightLock .lightIframeBox .socialMediaButtons a svg {
height: 75px; } }
@media only screen and (max-width: 25em) {
.lightLock .lightBox .socialMediaButtons a svg, .lightLock .lightIframeBox .socialMediaButtons a svg {
height: 50px; } }
.lightLock .lightBox .socialMediaButtons a:hover svg, .lightLock .lightIframeBox .socialMediaButtons a:hover svg {
opacity: 0.7; }
.ajax-video-lightbox {
position: fixed !important;
top: 0 !important;
left: 0 !important;
display: block;
width: 100%;
min-height: 100%;
z-index: 1 !important;
transition: all 150ms linear !important;
transform: scale(1.2);
opacity: 0;
background-color: rgba(38, 38, 38, 0.95);
padding: 120px 60px; }
@media only screen and (max-width: 40em) {
.ajax-video-lightbox {
padding: 60px 0 0; } }
.ajax-video-lightbox .loading-gif {
display: none; }
.ajax-video-lightbox.loading .loading-gif {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 75px;
height: 75px;
margin-top: -37.5px;
margin-left: -37.5px; }
.ajax-video-lightbox.loading .container, .ajax-video-lightbox.loading .intro {
padding: 0 !important;
border: 0 !important; }
.ajax-video-lightbox .container, .ajax-video-lightbox .intro {
z-index: 2;
max-width: 1280px;
background-color: #eee;
padding: 40px;
border: 10px solid #969696; }
.ajax-video-lightbox .video--main {
padding: 0 !important; }
.ajax-video-lightbox .hoverOff {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
cursor: crosshair;
cursor: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/close-white.png) 25 15, pointer;
z-index: 1; }
.ajax-video-lightbox .hoverOff svg {
position: absolute;
top: 50px;
right: 50px;
display: block;
width: 25px;
height: 25px;
fill: #fff; }
@media only screen and (max-width: 40em) {
.ajax-video-lightbox .hoverOff svg {
top: 15px;
right: 20px; } }
.show-ajax-video .ajax-video-lightbox {
transform: scale(1);
opacity: 1; }
.show-ajax-video-animate .ajax-video-lightbox {
position: fixed !important;
z-index: 9999999 !important;
min-height: 100vh; }
.show-ajax-video.show-ajax-video-animate .ajax-video-lightbox {
position: relative !important; }
.standard-lightbox {
position: fixed !important;
top: 0 !important;
left: 0 !important;
display: block;
width: 100%;
min-height: 100%;
z-index: 1 !important;
transition: all 150ms linear !important;
transform: scale(1.2);
opacity: 0;
background-color: rgba(38, 38, 38, 0.95);
padding: 120px 60px; }
@media only screen and (max-width: 75em) {
.standard-lightbox {
padding: 60px 0 0; } }
.standard-lightbox .container, .standard-lightbox .intro {
z-index: 2;
display: block;
max-width: 825px;
background-color: #eee;
padding: 45px 95px 120px;
border: 10px solid #969696; }
.standard-lightbox .hoverOff {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
cursor: crosshair;
cursor: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/close-white.png) 25 15, pointer;
z-index: 1; }
.standard-lightbox .hoverOff svg {
position: absolute;
top: 50px;
right: 50px;
display: block;
width: 25px;
height: 25px;
fill: #fff; }
@media only screen and (max-width: 40em) {
.standard-lightbox .hoverOff svg {
top: 15px;
right: 20px; } }
.show-standard-lightbox .standard-lightbox {
transform: scale(1);
opacity: 1; }
.show-standard-lightbox-animate .standard-lightbox {
position: fixed !important;
z-index: 9999999 !important;
min-height: 100vh; }
.show-standard-lightbox.show-standard-lightbox-animate .standard-lightbox {
position: relative !important; }
.errorPage .sectionWrap .error__message {
display: block;
width: 100%; }
.errorPage .sectionWrap .error__message .error__bg {
display: table;
width: 100%;
height: 100%;
background-size: cover;
background-position: right center;
background-repeat: no-repeat; }
@media only screen and (max-width: 50em) {
.errorPage .sectionWrap .error__message .error__bg {
background-position: center; } }
.errorPage .sectionWrap .error__message .vAlign {
display: table-cell;
width: 100%;
vertical-align: middle;
position: relative;
z-index: 1; }
.errorPage .sectionWrap .error__message .hAlign {
display: block;
max-width: 1200px;
margin: 0 auto; }
.errorPage .sectionWrap .error__message .hAlign:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.errorPage .sectionWrap .error__message .error__wrap {
display: block;
float: right;
width: 100%;
max-width: 455px;
padding: 0 20px; }
@media only screen and (max-width: 50em) {
.errorPage .sectionWrap .error__message .error__wrap {
max-width: 280px;
float: none;
margin: 0 auto; } }
.errorPage .sectionWrap .error__message .error__wrap .error__heading {
font-family: "Open Sans", sans-serif;
color: rgba(255, 255, 255, 0.2);
margin-bottom: 20px; }
@media only screen and (max-width: 50em) {
.errorPage .sectionWrap .error__message .error__wrap .error__heading {
font-size: 0.5em; } }
.errorPage .sectionWrap .error__message .error__wrap .error__heading span {
display: block;
width: 100%;
text-align: center;
text-transform: uppercase;
line-height: 0.85; }
.errorPage .sectionWrap .error__message .error__wrap .error__heading .size--1 {
font-size: 2.5em;
letter-spacing: 1px; }
.errorPage .sectionWrap .error__message .error__wrap .error__heading .size--2 {
font-size: 6em;
letter-spacing: 14px; }
@media only screen and (max-width: 50em) {
.errorPage .sectionWrap .error__message .error__wrap .error__heading .size--2 {
font-size: 5em; } }
.errorPage .sectionWrap .error__message .error__wrap .error__heading .size--3 {
font-size: 13em; }
.errorPage .sectionWrap .error__message .error__wrap .error__content {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 2em;
letter-spacing: 2px;
color: #fff;
text-align: center; }
@media only screen and (max-width: 50em) {
.errorPage .sectionWrap .error__message .error__wrap .error__content {
font-size: 1em; } }
.errorPage .sectionWrap .error__message .error__search {
display: block;
font-size: 1.5em;
text-align: center;
color: #fff;
padding: 30px 0 15px; }
@media only screen and (max-width: 50em) {
.errorPage .sectionWrap .error__message .error__search {
padding: 20px 0 15px;
font-size: 0.875em; } }
.errorPage .sectionWrap .error__message form {
display: block;
position: relative;
margin: 0 auto 20px;
clear: both;
padding: 0 20px; }
.errorPage .sectionWrap .error__message form label {
display: none; }
.errorPage .sectionWrap .error__message form input[type="text"] {
display: block;
width: 100%;
position: relative;
z-index: 1;
font-family: "Open Sans", sans-serif;
font-size: 1.618em;
font-weight: 400;
color: #969696;
background-color: #fff;
padding: 6px 35px 6px 12px;
border: 1px solid #C2C2C2;
border-bottom: 0; }
.errorPage .sectionWrap .error__message form input[type="submit"] {
display: block;
width: 100%;
position: relative;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: #1173cb;
transition: all 150ms ease;
padding: 15px;
z-index: 2;
cursor: pointer; }
.errorPage .sectionWrap .error__message form input[type="submit"]:hover {
background-color: #363636; }
.errorPage .sectionWrap .error__message form svg {
display: block;
position: absolute;
z-index: 3; }
.errorPage .sectionWrap .error__message form svg.close {
width: 12px;
height: 12px;
top: 21px;
right: 20px;
cursor: pointer; }
.mascot {
position: absolute;
top: -125px;
right: 0;
height: auto;
width: 260px;
z-index: 999;
display: block;
transition: all 150ms ease; }
.mascot:hover {
opacity: .8; }
@media only screen and (min-width: 100em) and (max-height: 60em) {
.mascot {
top: -100px;
width: 215px; } }
@media only screen and (min-width: 100em) and (max-height: 50.9375em) {
.mascot {
display: none; } }
@media only screen and (max-width: 100em) {
.mascot {
top: -100px;
width: 215px; } }
@media only screen and (max-width: 100em) and (max-height: 42.5em) {
.mascot {
display: none; } }
@media only screen and (max-width: 81.25em) {
.mascot {
top: -135px;
width: 215px; } }
@media only screen and (max-width: 81.25em) and (max-height: 38.5625em) {
.mascot {
display: none !important; } }
@media only screen and (max-width: 66.25em) {
.mascot {
display: none  !important; } }
#fun-controls {
display: none; }
html, body {
max-width: 100%; }
header.main {
position: fixed;
top: 0;
right: 0;
z-index: 50; }
.scrolling header.main {
top: -300px;
transition: top 250ms ease 1500ms; }
.hideContent header.main, .openNav header.main {
top: -300px !important;
opacity: 0;
transition: all 0ms ease 0ms; }
.frontPage header.main {
top: 0 !important;
transition: top 250ms ease 0ms; }
@media only screen and (max-width: 66.25em) {
.frontPage header.main {
width: 100%;
height: 85px;
transition: opacity 150ms ease; } }
header.main a.siteLogo {
display: block;
position: absolute;
top: 75px;
right: 25px;
width: 395px;
height: 72px; }
header.main a.siteLogo svg {
width: 395px;
height: 72px;
fill: #2271b8; }
header.main a.siteLogo svg #road {
fill: #fff; }
header.main a.siteLogo svg #road #period {
fill: #c14e00; }
header.main a.siteLogo svg #road .st1 {
fill: #c14e00; }
header.main a.siteLogo svg #road .st2 {
fill: #ffa400; }
header.main a.siteLogo svg #text {
fill: #2271b8; }
header.main a.siteLogo svg #text #green {
fill: #106550; }
header.main a.siteLogo svg #text #tm {
fill: #292527; }
header.main a.siteLogo svg #text #blue {
fill: #2271b8; }
header.main a.siteLogo svg #text #light_blue {
fill: #4c8ecb; }
@media only screen and (max-width: 66.25em) {
header.main a.siteLogo {
top: 22px;
right: 95px;
width: 180px;
height: 34px; }
header.main a.siteLogo svg {
width: 180px;
height: 34px; } }
.frontPage header.main a.siteLogo {
width: 500px;
height: 92px; }
@media only screen and (min-width: 100em) and (max-height: 57.8125em) {
.frontPage header.main a.siteLogo {
right: 250px; } }
@media only screen and (max-width: 100em) and (max-height: 50em) {
.frontPage header.main a.siteLogo {
right: 250px; } }
@media only screen and (max-width: 81.25em) and (max-height: 45.625em) {
.frontPage header.main a.siteLogo {
right: 250px !important; } }
@media only screen and (max-width: 66.25em) {
.frontPage header.main a.siteLogo {
right: 95px !important; } }
.frontPage header.main a.siteLogo svg {
width: 500px;
height: 92px;
fill: rgba(255, 255, 255, 0.9); }
.frontPage header.main a.siteLogo svg #road * {
fill: rgba(255, 255, 255, 0.9); }
.frontPage header.main a.siteLogo svg #road #period {
fill: #c14e00; }
.frontPage header.main a.siteLogo svg #road .st1 {
fill: #c14e00; }
.frontPage header.main a.siteLogo svg #road .st2 {
fill: #ffa400; }
.frontPage header.main a.siteLogo svg #text {
fill: rgba(255, 255, 255, 0.9); }
.frontPage header.main a.siteLogo svg #text #green {
fill: rgba(255, 255, 255, 0.9); }
.frontPage header.main a.siteLogo svg #text #tm {
fill: rgba(255, 255, 255, 0.9); }
.frontPage header.main a.siteLogo svg #text #blue {
fill: rgba(255, 255, 255, 0.9); }
.frontPage header.main a.siteLogo svg #text #light_blue {
fill: rgba(255, 255, 255, 0.9); }
@media only screen and (max-width: 66.25em) {
.frontPage header.main a.siteLogo {
top: 22px;
right: 95px;
width: 180px;
height: 34px; }
.frontPage header.main a.siteLogo svg {
width: 180px;
height: 34px; } }
.innerNav:not(.innerNavOpen) header.main a.siteLogo {
top: 10px;
right: 90px;
z-index: 2; }
@media only screen and (min-width: 66.25em) {
.innerNav:not(.innerNavOpen) header.main a.siteLogo {
transition: top 250ms ease 1300ms, right 250ms ease 1300ms, opacity 150ms linear 0ms; } }
@media only screen and (max-width: 66.25em) {
.innerNav:not(.innerNavOpen) header.main a.siteLogo {
top: 22px;
right: 95px;
width: 180px;
height: 34px; }
.innerNav:not(.innerNavOpen) header.main a.siteLogo svg {
width: 180px;
height: 34px; } }
.scrolling header.main a.siteLogo {
opacity: 0; }
@media only screen and (max-width: 66.25em) {
.frontPage .scrolling header.main a.siteLogo {
opacity: 0 !important; } }
.frontPage header.main a.siteLogo {
opacity: 1; }
.hideContent header.main a.siteLogo {
opacity: 0; }
.stuckNav header.main a.siteLogo {
display: none; }
header.main nav {
display: block;
font-size: 0;
padding: 15px 25px 0 0; }
@media only screen and (max-width: 66.25em) {
header.main nav {
display: none; } }
header.main nav > a, header.main nav button, header.main nav .navItem > a {
padding: 12px 20px; }
header.main nav > a, header.main nav button, header.main nav .navItem {
display: inline-block;
position: relative;
font-size: 0.667rem;
font-weight: 700;
color: #161616;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.8);
margin-right: 3px;
transition: background-color 150ms ease;
vertical-align: bottom; }
.frontPage header.main nav > a:nth-child(9), .frontPage header.main nav button:nth-child(9), .frontPage header.main nav .navItem:nth-child(9) {
transition: opacity 150ms linear 0ms; }
.frontPage header.main nav > a:nth-child(8), .frontPage header.main nav button:nth-child(8), .frontPage header.main nav .navItem:nth-child(8) {
transition: opacity 150ms linear 100ms; }
.frontPage header.main nav > a:nth-child(7), .frontPage header.main nav button:nth-child(7), .frontPage header.main nav .navItem:nth-child(7) {
transition: opacity 150ms linear 200ms; }
.frontPage header.main nav > a:nth-child(6), .frontPage header.main nav button:nth-child(6), .frontPage header.main nav .navItem:nth-child(6) {
transition: opacity 150ms linear 300ms; }
.frontPage header.main nav > a:nth-child(5), .frontPage header.main nav button:nth-child(5), .frontPage header.main nav .navItem:nth-child(5) {
transition: opacity 150ms linear 400ms; }
.frontPage header.main nav > a:nth-child(4), .frontPage header.main nav button:nth-child(4), .frontPage header.main nav .navItem:nth-child(4) {
transition: opacity 150ms linear 500ms; }
.frontPage header.main nav > a:nth-child(3), .frontPage header.main nav button:nth-child(3), .frontPage header.main nav .navItem:nth-child(3) {
transition: opacity 150ms linear 600ms; }
.frontPage header.main nav > a:nth-child(2), .frontPage header.main nav button:nth-child(2), .frontPage header.main nav .navItem:nth-child(2) {
transition: opacity 150ms linear 700ms; }
.frontPage header.main nav > a:nth-child(1), .frontPage header.main nav button:nth-child(1), .frontPage header.main nav .navItem:nth-child(1) {
display: none;
transition: opacity 150ms linear 800ms; }
.innerNavOpen.scrolling header.main nav > a, .innerNavOpen.scrolling header.main nav button, .innerNavOpen.scrolling header.main nav .navItem {
opacity: 0;
transition: opacity 150ms linear; }
.innerNav:not(.innerNavOpen) header.main nav > a, .innerNav:not(.innerNavOpen) header.main nav button, .innerNav:not(.innerNavOpen) header.main nav .navItem {
opacity: 0; }
.innerNav:not(.innerNavOpen) header.main nav > a:nth-child(1), .innerNav:not(.innerNavOpen) header.main nav button:nth-child(1), .innerNav:not(.innerNavOpen) header.main nav .navItem:nth-child(1) {
display: none;
transition: opacity 150ms linear 500ms; }
.innerNav:not(.innerNavOpen) header.main nav > a:nth-child(2), .innerNav:not(.innerNavOpen) header.main nav button:nth-child(2), .innerNav:not(.innerNavOpen) header.main nav .navItem:nth-child(2) {
transition: opacity 150ms linear 600ms; }
.innerNav:not(.innerNavOpen) header.main nav > a:nth-child(3), .innerNav:not(.innerNavOpen) header.main nav button:nth-child(3), .innerNav:not(.innerNavOpen) header.main nav .navItem:nth-child(3) {
transition: opacity 150ms linear 700ms; }
.innerNav:not(.innerNavOpen) header.main nav > a:nth-child(4), .innerNav:not(.innerNavOpen) header.main nav button:nth-child(4), .innerNav:not(.innerNavOpen) header.main nav .navItem:nth-child(4) {
transition: opacity 150ms linear 800ms; }
.innerNav:not(.innerNavOpen) header.main nav > a:nth-child(5), .innerNav:not(.innerNavOpen) header.main nav button:nth-child(5), .innerNav:not(.innerNavOpen) header.main nav .navItem:nth-child(5) {
transition: opacity 150ms linear 900ms; }
.innerNav:not(.innerNavOpen) header.main nav > a:nth-child(6), .innerNav:not(.innerNavOpen) header.main nav button:nth-child(6), .innerNav:not(.innerNavOpen) header.main nav .navItem:nth-child(6) {
transition: opacity 150ms linear 1000ms; }
.innerNav:not(.innerNavOpen) header.main nav > a:nth-child(7), .innerNav:not(.innerNavOpen) header.main nav button:nth-child(7), .innerNav:not(.innerNavOpen) header.main nav .navItem:nth-child(7) {
transition: opacity 150ms linear 1100ms; }
.innerNav:not(.innerNavOpen) header.main nav > a:nth-child(8), .innerNav:not(.innerNavOpen) header.main nav button:nth-child(8), .innerNav:not(.innerNavOpen) header.main nav .navItem:nth-child(8) {
transition: opacity 150ms linear 1200ms; }
.innerNav:not(.innerNavOpen) header.main nav > a:nth-child(9), .innerNav:not(.innerNavOpen) header.main nav button:nth-child(9), .innerNav:not(.innerNavOpen) header.main nav .navItem:nth-child(9) {
transition: opacity 150ms linear 1300ms; }
.hideNav header.main nav > a, .hideNav header.main nav button, .hideNav header.main nav .navItem {
opacity: 0;
transition-delay: 0ms; }
.stuckNav header.main nav > a, .stuckNav header.main nav button, .stuckNav header.main nav .navItem {
display: none; }
header.main nav > a:hover, header.main nav button:hover, header.main nav .navItem:hover {
background-color: #fff; }
header.main nav button {
height: 36px;
width: 40px;
background-color: #2271b8; }
header.main nav button svg {
width: 14px;
height: 14px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -7px;
margin-left: -7px;
fill: #fff; }
header.main nav button:hover svg {
fill: #2271b8; }
header.main nav .navItem {
padding: 0; }
header.main nav .navItem > a {
display: block;
padding: 12px 20px; }
header.main nav .safetySubNav {
display: none;
width: 445px;
position: absolute; }
header.main nav .safetySubNav.active {
display: block; }
header.main nav .safetySubNav a {
display: block;
width: 100%;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
color: #fff;
line-height: 1.3;
padding: 13px 15px 12px;
transition: all 150ms linear;
opacity: 0; }
header.main nav .safetySubNav a.blue {
background-color: rgba(27, 41, 67, 0.95); }
header.main nav .safetySubNav a.blue:hover {
background-color: #1b2943; }
header.main nav .safetySubNav a.green {
background-color: rgba(8, 96, 75, 0.95); }
header.main nav .safetySubNav a.green:hover {
background-color: #08604b; }
header.main nav .safetySubNav a.orange {
background-color: rgba(224, 110, 43, 0.95); }
header.main nav .safetySubNav a.orange:hover {
background-color: #e06e2b; }
header.main nav .safetySubNav a.purple {
background-color: rgba(27, 41, 67, 0.95); }
header.main nav .safetySubNav a.purple:hover {
background-color: #1b2943; }
header.main nav .safetySubNav a.lime {
background-color: rgba(173, 182, 67, 0.95); }
header.main nav .safetySubNav a.lime:hover {
background-color: #adb643; }
header.main nav .safetySubNav a.all {
font-weight: 700;
color: #2e81b7;
background-color: rgba(255, 255, 255, 0.8); }
header.main nav .safetySubNav a.all svg {
display: inline-block;
width: 11px;
height: 16px;
fill: #2e81b7;
transform: rotate(-90deg);
position: relative;
margin-left: 10px;
margin-top: 4px; }
header.main nav .safetySubNav a.all:hover {
background-color: white; }
header.main nav .safetySubNav a:nth-child(1) {
transition: opacity 150ms linear 600ms; }
header.main nav .safetySubNav a:nth-child(2) {
transition: opacity 150ms linear 500ms; }
header.main nav .safetySubNav a:nth-child(3) {
transition: opacity 150ms linear 400ms; }
header.main nav .safetySubNav a:nth-child(4) {
transition: opacity 150ms linear 300ms; }
header.main nav .safetySubNav a:nth-child(5) {
transition: opacity 150ms linear 200ms; }
header.main nav .safetySubNav a:nth-child(6) {
transition: opacity 150ms linear 100ms; }
header.main nav .safetySubNav.show a {
opacity: 1; }
header.main nav .safetySubNav.show a:nth-child(1) {
transition: opacity 100ms linear 100ms; }
header.main nav .safetySubNav.show a:nth-child(2) {
transition: opacity 100ms linear 150ms; }
header.main nav .safetySubNav.show a:nth-child(3) {
transition: opacity 100ms linear 200ms; }
header.main nav .safetySubNav.show a:nth-child(4) {
transition: opacity 100ms linear 250ms; }
header.main nav .safetySubNav.show a:nth-child(5) {
transition: opacity 100ms linear 300ms; }
header.main nav .safetySubNav.show a:nth-child(6) {
transition: opacity 100ms linear 350ms; }
header.main .toggleNav {
position: fixed;
top: 19px;
right: 20px;
z-index: 5000; }
.mobileNav {
width: 300px;
height: 100%;
position: absolute;
top: 0;
right: -300px;
z-index: 9999999; }
@media only screen and (min-height: 34.375em) {
.mobileNav {
transition: all 300ms ease; } }
.touch .mobileNav {
position: fixed; }
.mobileNav:before {
content: "";
display: block;
width: 300px;
height: 100%;
position: fixed;
top: 0;
right: -300px;
background-color: #252525;
z-index: 3; }
@media only screen and (min-height: 34.375em) {
.mobileNav:before {
transition: all 300ms ease; } }
.mobileNav:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 255, 255, 0.7);
z-index: 1; }
.mobileNav .toggleNav {
position: fixed;
top: 19px;
right: 20px;
z-index: 5; }
.mobileNav nav {
width: 300px;
position: fixed;
right: -300px;
top: 0;
padding: 30px 20px;
background-color: #252525;
z-index: 4; }
.mobileNav nav:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-height: 34.375em) {
.mobileNav nav {
position: absolute; } }
@media only screen and (min-height: 34.375em) {
.mobileNav nav {
transition: all 300ms ease; } }
.mobileNav nav a, .mobileNav nav button {
float: left;
font-size: 1.618em;
font-weight: 300;
color: #C0C0C0;
text-transform: uppercase;
vertical-align: top;
padding: 19px 10px;
transition: all 150ms ease;
width: 100%;
border: 1px solid transparent; }
@media only screen and (max-width: 93.75em) {
.mobileNav nav a, .mobileNav nav button {
padding: 12px 10px; } }
.mobileNav nav a:hover, .mobileNav nav button:hover {
color: #fff;
border: 1px solid #777777; }
.mobileNav nav a svg, .mobileNav nav button svg {
display: block;
width: 30px;
height: 30px;
fill: #c0c0c0;
text-align: left; }
.mobileNav nav .subNav {
display: none; }
.mobileNav .hoverOff {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: -1;
cursor: crosshair;
cursor: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/close.png) 25 15, pointer; }
.openNav .mobileNav {
width: 100%;
right: 0; }
.openNav .mobileNav:before {
right: 0; }
.openNav .mobileNav:after {
position: fixed;
transition: all 200ms ease;
opacity: 1; }
.openNav .mobileNav nav {
right: 0; }
.openNav .mobileNav .hoverOff {
position: fixed;
z-index: 2; }
.navSearch .mobileNav {
right: -300px; }
.navSearch .mobileNav:before {
right: -300px; }
.navSearch .mobileNav nav {
right: -300px; }
.navSearch .mobileNav .hoverOff {
position: fixed;
z-index: 2; }
@media only screen and (min-width: 66.25em) {
section.homePage {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1; } }
section.homePage .backgroundSlider {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
section.homePage .backgroundSlider:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6); }
@media only screen and (max-width: 66.25em) {
section.homePage .backgroundSlider {
background-position: right top;
background-size: 150% auto; }
section.homePage .backgroundSlider span {
display: none !important; } }
section.homePage .backgroundSlider span {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
opacity: 0;
transition: all 1000ms linear; }
section.homePage .backgroundSlider span.inactive {
opacity: 1;
z-index: 3; }
section.homePage .backgroundSlider span.active {
opacity: 1;
z-index: 5; }
section.homePage .triangle {
display: table;
width: 600px;
height: 530px;
position: absolute;
bottom: 230px;
right: 0;
z-index: 2;
transition: all 150ms ease; }
@media only screen and (max-width: 100em) {
section.homePage .triangle {
width: 500px;
height: 442px;
bottom: 180px; } }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle {
width: 350px;
height: 310px;
bottom: 205px; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle {
width: 100%;
height: 100%;
position: relative;
bottom: auto;
right: auto;
background-color: rgba(223, 148, 68, 0.6);
margin-top: 90px;
padding: 30px 20px; } }
section.homePage .triangle:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
border-right: 600px solid #df9444;
border-top: 265px solid transparent;
border-bottom: 265px solid transparent; }
@media only screen and (max-width: 100em) {
section.homePage .triangle:before {
border-right: 500px solid #df9444;
border-top: 221px solid transparent;
border-bottom: 221px solid transparent; } }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle:before {
border-right: 350px solid #df9444;
border-top: 155px solid transparent;
border-bottom: 155px solid transparent; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle:before {
display: none; } }
section.homePage .triangle .tabContainer {
position: absolute;
top: 130px;
right: 20px;
z-index: 9999; }
@media only screen and (max-width: 100em) {
section.homePage .triangle .tabContainer {
top: 105px; } }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .tabContainer {
top: 75px;
right: 10px; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle .tabContainer {
display: block;
top: auto;
right: auto;
position: relative;
margin: 0 auto 30px;
text-align: center; } }
section.homePage .triangle .tabContainer button {
position: relative;
display: inline-block;
width: 15px;
height: 15px;
background-color: transparent;
border: 3px solid #fff;
border-radius: 50%;
margin-right: 15px;
transition: all 150ms ease;
cursor: pointer;
z-index: 1; }
section.homePage .triangle .tabContainer button .hover {
display: none;
opacity: 0;
width: 70px;
position: absolute;
top: -125px;
left: 50%;
margin-left: -35px;
font-size: 0.667em;
font-weight: 700;
color: #fff;
text-align: center; }
section.homePage .triangle .tabContainer button .hover:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -15px;
left: 50%;
margin-left: -60px;
border-top: 125px solid #0a6350;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
z-index: -1; }
section.homePage .triangle .tabContainer button.active, section.homePage .triangle .tabContainer button:hover {
background-color: #fff; }
section.homePage .triangle .tabContainer button:hover .hover {
display: block;
animation-name: fadeIn;
animation-duration: 500ms;
animation-fill-mode: both;
z-index: 2; }
@media only screen and (max-height: 51.25em) {
section.homePage .triangle .tabContainer button:hover .hover {
display: none; } }
@media only screen and (max-width: 100em) and (max-height: 51.25em) {
section.homePage .triangle .tabContainer button:hover .hover {
display: block; } }
@media only screen and (max-width: 100em) and (max-height: 44.6875em) {
section.homePage .triangle .tabContainer button:hover .hover {
display: none; } }
@media only screen and (max-width: 81.25em) and (max-height: 44.6875em) {
section.homePage .triangle .tabContainer button:hover .hover {
display: block; } }
@media only screen and (max-width: 81.25em) and (max-height: 39.6875em) {
section.homePage .triangle .tabContainer button:hover .hover {
display: none; } }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .tabContainer button {
border: 2px solid #fff;
margin-right: 8px; } }
section.homePage .triangle .tabContainer .arrow {
display: inline-block;
width: 13px;
height: 13px;
position: relative;
top: 4px;
fill: #fff;
cursor: pointer; }
section.homePage .triangle .tabContainer .arrow svg {
width: 100%;
height: 100%; }
section.homePage .triangle .tabContainer .arrow.left {
transform: rotate(90deg);
margin-right: 20px; }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .tabContainer .arrow.left {
margin-right: 15px; } }
section.homePage .triangle .tabContainer .arrow.right {
transform: rotate(-90deg);
margin-left: 5px; }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .tabContainer .arrow.right {
margin-left: 7px; } }
section.homePage .triangle .vAlign {
display: table-cell;
position: relative;
z-index: 4;
vertical-align: middle;
padding-left: 170px; }
@media only screen and (max-width: 100em) {
section.homePage .triangle .vAlign {
padding-left: 90px; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle .vAlign {
display: block;
padding-left: 0; } }
section.homePage .triangle .vAlign .tab {
display: none;
opacity: 0; }
section.homePage .triangle .vAlign .tab.active {
display: block;
opacity: 1;
animation-name: fadeIn;
animation-duration: 500ms;
animation-fill-mode: both; }
section.homePage .triangle .vAlign .tab.link {
text-align: right; }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle .vAlign .tab.link {
text-align: center; } }
section.homePage .triangle .vAlign .tab h1, section.homePage .triangle .vAlign .tab h2 {
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 1.079em;
color: #fff;
text-align: center; }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .vAlign .tab h1, section.homePage .triangle .vAlign .tab h2 {
font-size: 14px; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle .vAlign .tab h1, section.homePage .triangle .vAlign .tab h2 {
font-size: 0.667em; } }
section.homePage .triangle .vAlign .tab h1 strong, section.homePage .triangle .vAlign .tab h2 strong {
display: block;
font-weight: 900;
font-size: 2.824rem;
margin-top: 12px; }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .vAlign .tab h1 strong, section.homePage .triangle .vAlign .tab h2 strong {
font-size: 1.745rem;
margin-top: 8px; } }
section.homePage .triangle .vAlign .tab.video h1, section.homePage .triangle .vAlign .tab.video h2 {
padding-bottom: 50px; }
@media only screen and (max-width: 100em) {
section.homePage .triangle .vAlign .tab.video h1 strong, section.homePage .triangle .vAlign .tab.video h2 strong {
margin-top: 6px; } }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .vAlign .tab.video h1, section.homePage .triangle .vAlign .tab.video h2 {
padding-bottom: 30px; }
section.homePage .triangle .vAlign .tab.video h1 strong, section.homePage .triangle .vAlign .tab.video h2 strong {
margin-top: 12px; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle .vAlign .tab.video h1, section.homePage .triangle .vAlign .tab.video h2 {
padding-bottom: 20px; } }
section.homePage .triangle .vAlign .tab.link h1, section.homePage .triangle .vAlign .tab.link h2 {
display: block;
font-weight: 900;
font-size: 2.824rem;
margin-bottom: 20px;
padding-right: 20px;
text-align: right;
margin-top: -20px; }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .vAlign .tab.link h1, section.homePage .triangle .vAlign .tab.link h2 {
font-size: 1.745rem;
margin-bottom: 8px; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle .vAlign .tab.link h1, section.homePage .triangle .vAlign .tab.link h2 {
text-align: center;
margin-top: 0; } }
section.homePage .triangle .vAlign .tab p {
font-family: "Open Sans", sans-serif;
color: #fff;
line-height: 1.7; }
section.homePage .triangle .vAlign .tab.link p {
padding-right: 20px; }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .vAlign .tab.link p {
font-size: 14px; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle .vAlign .tab.link p {
padding-right: 0;
padding-bottom: 15px; } }
section.homePage .triangle .vAlign .tab a.btn {
display: inline-block;
position: absolute;
bottom: 125px;
right: 20px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: #b4732d;
padding: 18px 30px;
transition: all 150ms ease; }
section.homePage .triangle .vAlign .tab a.btn:hover {
background-color: #a56522; }
@media only screen and (max-width: 100em) {
section.homePage .triangle .vAlign .tab a.btn {
bottom: 85px; } }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .vAlign .tab a.btn {
bottom: 70px;
padding: 12px 15px; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle .vAlign .tab a.btn {
position: relative;
bottom: auto;
right: auto; } }
section.homePage .triangle .vAlign .tab span.btn {
display: table;
position: absolute;
bottom: 170px;
right: 0;
cursor: pointer; }
@media only screen and (max-width: 100em) {
section.homePage .triangle .vAlign .tab span.btn {
bottom: 135px; } }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .vAlign .tab span.btn {
bottom: 95px; } }
@media only screen and (max-width: 66.25em) {
section.homePage .triangle .vAlign .tab span.btn {
position: relative;
bottom: auto;
right: -10px;
margin: 0 auto; } }
section.homePage .triangle .vAlign .tab span.btn .text {
display: table-cell;
vertical-align: middle;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.3);
padding: 12px 15px 12px 25px; }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .vAlign .tab span.btn .text {
font-size: 0.667em;
padding: 7px 9px 7px 20px; } }
section.homePage .triangle .vAlign .tab span.btn .icon {
display: block;
width: 58px;
height: 58px;
position: absolute;
bottom: 50%;
margin-bottom: -29px;
left: -48px;
border: 2px solid #fff;
border-radius: 50%;
color: #2e81b7;
fill: #fff; }
@media only screen and (max-width: 81.25em) {
section.homePage .triangle .vAlign .tab span.btn .icon {
width: 36px;
height: 36px;
margin-bottom: -18px;
left: -29px; } }
aside.features {
display: inline-block;
width: 100%;
position: relative;
z-index: 9;
max-width: 1000px;
bottom: 110px;
transition: all 150ms ease; }
@media only screen and (max-width: 93.75em) {
aside.features {
max-width: 800px; } }
@media only screen and (max-width: 81.25em) {
aside.features {
max-width: 600px; } }
@media only screen and (max-width: 66.25em) {
aside.features {
max-width: none;
bottom: 0; } }
aside.features nav {
padding: 60px 0 45px 45px;
transition: all 300ms ease; }
aside.features nav:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 66.25em) {
aside.features nav {
padding: 30px 30px 15px 30px !important; } }
.scrolling aside.features nav {
position: relative;
z-index: 2; }
aside.features nav a {
position: relative;
display: inline-block;
float: left;
clear: left;
margin-bottom: 20px;
transition: all 300ms ease; }
@media only screen and (max-width: 93.75em) {
aside.features nav a {
margin-bottom: 12px; } }
@media only screen and (max-width: 66.25em) {
aside.features nav a {
display: block;
width: 100%;
border: 1px solid rgba(150, 145, 134, 0.7);
background-color: rgba(0, 0, 0, 0.2);
padding: 5px 0;
margin-bottom: 8px; } }
@media only screen and (min-width: 66.25em) {
aside.features nav a:nth-child(n + 7) {
opacity: 0; }
.scrolling aside.features nav a:nth-child(n + 7), .featuresVisible aside.features nav a:nth-child(n + 7) {
opacity: 1; } }
aside.features nav a .icon {
display: block;
width: 86px;
height: 86px;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
vertical-align: top;
fill: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
border: 3px solid rgba(150, 145, 134, 0.7);
border-radius: 50%;
padding: 5px;
transition: all 150ms ease; }
@media only screen and (max-width: 93.75em) {
aside.features nav a .icon {
width: 53px;
height: 53px;
padding: 1px; } }
@media only screen and (max-width: 66.25em) {
aside.features nav a .icon {
left: 6px;
top: 5px; } }
@media only screen and (max-width: 43.75em) {
aside.features nav a .icon {
width: 40px;
height: 40px;
border: 2px solid rgba(150, 145, 134, 0.7); } }
aside.features nav a .text {
display: inline-block;
font-size: 2.618em;
font-weight: 300;
color: #fff;
line-height: 1.3;
text-transform: uppercase;
vertical-align: top;
padding: 10px 0 16px 115px;
transition: all 150ms ease; }
@media only screen and (max-width: 93.75em) {
aside.features nav a .text {
font-size: 1.618em;
padding: 5px 0 11px 75px; } }
@media only screen and (max-width: 43.75em) {
aside.features nav a .text {
font-size: 1em;
padding: 9px 0 8px 57px; } }
@media only screen and (min-width: 66.25em) {
aside.features nav a:hover .text {
color: rgba(255, 255, 255, 0.7); }
aside.features nav a:hover.blue .icon {
background-color: #1A2844; }
aside.features nav a:hover.green .icon {
background-color: #0a6350; }
aside.features nav a:hover.orange .icon {
background-color: #E06E2B; }
aside.features nav a:hover.purple .icon {
background-color: #5A2D5A; }
aside.features nav a:hover.lime .icon {
background-color: #ADB738; }
aside.features nav a:hover .icon {
background-color: #D99142;
opacity: 1; } }
aside.features button.showFeatures {
position: fixed;
bottom: 110px;
left: 0;
display: block;
width: 50%;
font-family: "Playfair Display", serif;
font-size: 1em;
font-style: italic;
color: #fff;
text-align: left;
padding: 30px 0 30px 160px;
cursor: pointer;
transition: all 300ms ease; }
aside.features button.showFeatures .text {
display: inline-block;
margin-right: 13px; }
aside.features button.showFeatures .icon {
display: inline-block;
width: 13px;
height: 13px;
position: relative;
top: 6px;
fill: #fff; }
.scrolling aside.features button.showFeatures, .featuresVisible aside.features button.showFeatures {
opacity: 0;
z-index: 1; }
@media only screen and (max-width: 93.75em) {
aside.features button.showFeatures {
width: 496px;
padding-left: 120px; } }
@media only screen and (max-width: 66.25em) {
aside.features button.showFeatures {
display: none; } }
aside.featuresV2 {
width: 630px;
position: absolute;
top: 0;
left: -590px;
z-index: 999;
transition: all 400ms ease; }
aside.featuresV2:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 255, 255, 0.7);
z-index: 1; }
.ie aside.featuresV2:after, .ff-browser-ie aside.featuresV2:after {
background-color: #fff !important; }
@media only screen and (max-width: 93.75em) {
aside.featuresV2 {
width: 430px;
left: -390px; } }
@media only screen and (max-width: 26.875em) {
aside.featuresV2 {
display: none; } }
.featuresLock aside.featuresV2 {
position: relative; }
aside.featuresV2 nav {
position: relative;
width: 630px;
background-color: #262626;
padding: 105px 45px 45px;
z-index: 4;
opacity: 1; }
aside.featuresV2 nav:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.mainLock.screenLock:not(.removeLock) aside.featuresV2 nav {
display: none; }
.smallLock .screenLock:not(.removeLock) aside.featuresV2 nav {
display: none; }
.show-ajax-video aside.featuresV2 nav, .show-standard-lightbox aside.featuresV2 nav {
display: none; }
@media only screen and (max-width: 93.75em) {
aside.featuresV2 nav {
width: 430px;
padding-top: 60px; } }
aside.featuresV2 nav a {
position: relative;
display: block;
width: 100%;
float: left;
clear: left;
margin-bottom: 20px; }
@media only screen and (max-width: 93.75em) {
aside.featuresV2 nav a {
margin-bottom: 15px; } }
aside.featuresV2 nav a .icon {
display: block;
width: 86px;
height: 86px;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
vertical-align: top;
fill: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
border: 3px solid rgba(150, 145, 134, 0.7);
border-radius: 50%;
padding: 5px;
transition: all 150ms ease; }
@media only screen and (max-width: 93.75em) {
aside.featuresV2 nav a .icon {
width: 53px;
height: 53px;
padding: 1px; } }
@media only screen and (max-width: 43.75em) {
aside.featuresV2 nav a .icon {
width: 40px;
height: 40px;
border: 2px solid rgba(150, 145, 134, 0.7); } }
aside.featuresV2 nav a .text {
display: inline-block;
font-size: 1.745rem;
font-weight: 300;
color: #fff;
line-height: 1.3;
text-transform: uppercase;
vertical-align: top;
padding: 20px 0 26px 115px;
transition: all 150ms ease; }
@media only screen and (max-width: 93.75em) {
aside.featuresV2 nav a .text {
font-size: 1.079rem;
padding: 13px 0 17px 72px; } }
@media only screen and (min-width: 66.25em) {
aside.featuresV2 nav a:hover .text {
color: rgba(255, 255, 255, 0.7); }
aside.featuresV2 nav a:hover.blue .icon {
background-color: #1A2844; }
aside.featuresV2 nav a:hover.green .icon {
background-color: #0a6350; }
aside.featuresV2 nav a:hover.orange .icon {
background-color: #E06E2B; }
aside.featuresV2 nav a:hover.purple .icon {
background-color: #5A2D5A; }
aside.featuresV2 nav a:hover.lime .icon {
background-color: #ADB738; }
aside.featuresV2 nav a:hover .icon {
background-color: #D99142;
opacity: 1; } }
aside.featuresV2 nav a:focus {
transition: all 1s ease;
transform: scale(1.3) translate(30px);
z-index: 999; }
aside.featuresV2 button.menuBtn {
height: 100%;
width: 40px;
position: fixed;
top: 0;
left: 0;
background-color: #2271b8;
transition: all 400ms ease;
cursor: pointer;
z-index: 5;
overflow: hidden; }
aside.featuresV2 button.menuBtn span.content {
display: inline-block;
min-width: 300px;
position: relative;
left: -130px;
font-family: "Open Sans", sans-serif;
font-size: 0.667rem;
font-weight: 800;
color: #f2f2f2;
text-transform: uppercase;
transform: rotate(-90deg);
cursor: pointer; }
aside.featuresV2 button.menuBtn span.content svg {
display: inline-block;
width: 25px;
height: 15px;
margin-left: 10px;
fill: #fff; }
.featuresLock.screenLock:not(.removeLock) aside.featuresV2 {
width: 100%;
left: 0; }
.featuresLock.screenLock:not(.removeLock) aside.featuresV2:after {
position: fixed;
transition: all 200ms ease;
opacity: 1; }
.featuresLock.screenLock:not(.removeLock) aside.featuresV2 button.menuBtn {
left: 590px; }
.featuresLock.screenLock:not(.removeLock) aside.featuresV2 button.menuBtn span.content {
opacity: 0; }
@media only screen and (max-width: 93.75em) {
.featuresLock.screenLock:not(.removeLock) aside.featuresV2 button.menuBtn {
left: 390px; } }
footer {
padding: 50px 20px 40px; }
.frontPage footer {
position: fixed;
bottom: 110px;
right: 0;
z-index: 2;
padding: 0;
padding-bottom: 20px;
padding-right: 150px;
transition: all 150ms ease; }
@media only screen and (max-width: 81.25em) {
.frontPage footer {
padding-right: 150px; } }
@media only screen and (max-width: 66.25em) {
.frontPage footer {
position: relative;
bottom: auto;
right: auto;
padding-right: 0;
padding-top: 30px; } }
.hideContent .frontPage footer {
opacity: 0; }
footer .row {
text-align: center; }
footer .row:first-child {
margin-bottom: 20px; }
.frontPage footer .row:first-child > a {
margin-right: 22px; }
.frontPage footer .row:first-child > a svg.iowa {
fill: #fff; }
footer .row:first-child > a {
display: inline-block;
color: #000; }
footer .row:first-child > a:first-child {
margin-right: 22px; }
footer .row:first-child > a svg {
display: block;
height: 100px;
width: 100px; }
@media only screen and (max-width: 66.25em) {
footer .row:first-child > a svg {
width: 70px;
height: 70px; } }
footer .row:first-child > a svg.nsc {
fill: #006951;
color: #fff;
padding-top: 22px;
height: 120px;
width: 120px; }
@media only screen and (max-width: 66.25em) {
footer .row:first-child > a svg.nsc {
width: 90px;
height: 90px; } }
footer .row:first-child > a svg.iowa {
fill: #262626; }
footer .row:first-child > a img {
max-height: 100px;
vertical-align: baseline; }
@media only screen and (max-width: 66.25em) {
footer .row:first-child > a img {
max-height: 70px; } }
footer .row:first-child .shareThisSite {
display: inline-block;
padding: 0 0 16px 15px;
vertical-align: bottom; }
@media only screen and (max-width: 31.25em) {
footer .row:first-child .shareThisSite {
display: block;
padding: 15px 0; } }
footer .row:first-child .shareThisSite strong {
display: block;
font-weight: 300;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
padding: 2px 6px 2px 0;
font-size: .9em; }
footer .row:first-child .shareThisSite a, footer .row:first-child .shareThisSite button {
display: inline-block;
width: 21px;
height: 21px;
margin-right: 7px;
vertical-align: bottom;
position: relative;
top: 10px; }
footer .row:first-child .shareThisSite a svg, footer .row:first-child .shareThisSite button svg {
width: 100%;
height: 100%;
fill: #fff;
opacity: 0.7;
transition: all 150ms ease; }
footer .row:first-child .shareThisSite a:hover svg, footer .row:first-child .shareThisSite button:hover svg {
opacity: 1; }
@media only screen and (max-width: 31.25em) {
footer .row:last-child {
padding: 0 20px; } }
footer .row:last-child p {
font-family: "Playfair Display", serif;
font-size: 0.667em;
color: #262626;
line-height: 1.5; }
.frontPage footer .row:last-child p {
color: #fff; }
footer .row:last-child p .linkWrap {
margin-left: 6px; }
@media only screen and (max-width: 32.1875em) {
footer .row:last-child p .linkWrap {
display: block;
margin-top: 5px; } }
footer .row:last-child p a {
transition: all 150ms ease; }
footer .row:last-child p a:before {
content: "";
display: inline-block;
height: 14px;
border-left: 1px solid;
margin: 0 8px 0 6px;
position: relative;
top: 2px; }
@media only screen and (max-width: 81.25em) {
footer .row:last-child p a:before {
height: 10px; } }
footer .row:last-child p a:hover {
text-decoration: underline; }
footer .row:last-child p a:first-of-type:before {
display: none; }
.loadingScreen {
display: table;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
background-color: white;
transition: all 150ms ease; }
.removeLoading .loadingScreen {
background-color: rgba(255, 255, 255, 0);
transition: all 1000ms ease 150ms; }
.loadingScreen .vAlign {
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center; }
.loadingScreen .vAlign .hAlign {
max-width: 1500px;
padding: 0 120px;
margin: 0 auto; }
@media only screen and (max-width: 66.25em) {
.loadingScreen .vAlign .hAlign {
max-width: 800px;
padding: 0 60px; } }
.loadingScreen img {
animation-name: fadeIn;
animation-duration: 500ms;
animation-fill-mode: both;
margin-bottom: 50px; }
.removeLoading .loadingScreen img {
animation-name: fadeOut;
animation-delay: 150ms;
animation-duration: 750ms; }
@media only screen and (max-width: 66.25em) {
.loadingScreen img {
margin-bottom: 30px; } }
.loadingScreen .icon {
display: inline-block;
animation-name: fadeIn;
animation-duration: 500ms;
animation-fill-mode: both;
margin-bottom: 50px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.1) inset;
background-color: #252525; }
.removeLoading .loadingScreen .icon {
animation-name: fadeOut;
animation-delay: 150ms;
animation-duration: 750ms; }
.loadingScreen .icon svg {
fill: white;
height: 100%;
width: 100%; }
@media only screen and (max-width: 66.25em) {
.loadingScreen .icon {
width: 155px;
height: 155px;
padding-top: 30px; } }
.loadingScreen.inner .icon {
width: 205px;
height: 205px;
padding: 10px;
border-radius: 50%; }
.loadingScreen.inner img {
width: 100%;
height: 100%;
border-radius: 50%; }
.loadingScreen p {
animation-name: zoomIn;
animation-duration: 500ms;
animation-fill-mode: both;
animation-delay: 200ms;
font-size: 4.5em;
font-weight: 300;
color: #313131;
line-height: 1.4; }
.touch .loadingScreen p {
animation-name: fadeIn; }
.removeLoading .loadingScreen p {
animation-name: fadeOut;
animation-delay: 150ms;
animation-duration: 750ms; }
@media only screen and (max-width: 66.25em) {
.loadingScreen p {
font-size: 2.5em; } }
@media only screen and (max-width: 37.5em) {
.loadingScreen p {
font-size: 1.5em; } }
.introWrap {
background-color: #eee;
position: relative;
z-index: 55; }
@media only screen and (max-width: 50em) {
.introWrap {
z-index: 1; } }
.introWrap:before {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
top: -290px;
left: 0;
border-top: 475px solid transparent;
border-bottom: 475px solid transparent;
border-left: 345px solid #D5DFDD; }
.blue .introWrap:before {
border-left: 345px solid #DDDFE3; }
.green .introWrap:before {
border-left: 345px solid #D5DFDD; }
.orange .introWrap:before {
border-left: 345px solid #F7DBCA; }
.purple .introWrap:before {
border-left: 345px solid #E6E0E6; }
.lime .introWrap:before {
border-left: 345px solid #EAEDCD; }
.intro {
max-width: 1280px;
font-family: "Open Sans", sans-serif;
padding: 70px 20px 20px; }
.intro.no-video {
padding-bottom: 100px; }
@media only screen and (max-width: 66.25em) {
.intro {
padding: 0px 20px 50px; } }
@media only screen and (max-width: 37.5em) {
.intro {
padding: 0px 20px 30px; } }
.intro article {
padding-left: 270px;
min-height: 205px;
display: flex;
flex-wrap: wrap; }
.intro article .feature-description-section {
width: 100%;
margin-bottom: 15px;
margin-bottom: 20px; }
.intro article .feature-does-section {
width: 50%;
padding-right: 15px;
margin-bottom: 20px; }
@media only screen and (max-width: 43.75em) {
.intro article .feature-does-section {
width: 100%; } }
.intro article .feature-does-section p {
font-size: 1rem;
font-weight: 400; }
@media only screen and (max-width: 66.25em) {
.intro article .feature-does-section p {
font-size: 13.5px; } }
.intro article .feature-does-section p strong {
display: block;
font-weight: 800;
color: #262626;
text-transform: uppercase;
font-size: .9rem; }
@media only screen and (max-width: 66.25em) {
.intro article .feature-does-section p strong {
font-size: 13.5px; } }
@media only screen and (max-width: 66.25em) {
.intro article {
padding-left: 200px;
min-height: 155px; } }
@media only screen and (max-width: 50em) {
.intro article {
padding-top: 185px;
padding-left: 0px;
min-height: none; } }
.intro h1 {
font-size: 2.824em;
font-weight: 800;
color: #262626;
line-height: 1.3;
margin-bottom: 20px; }
@media only screen and (max-width: 66.25em) {
.intro h1 {
margin-bottom: 15px; } }
.intro p {
max-width: 820px;
font-size: 1.079em;
font-weight: 600;
color: #777;
line-height: 1.5; }
.intro p:not(:last-child) {
margin-bottom: 26px; }
.intro h3 {
font-family: "Open Sans",sans-serif;
font-size: 1.079em;
font-weight: 800;
color: #262626;
text-transform: uppercase;
margin-bottom: 20px; }
.intro ul {
list-style-type: disc;
padding-left: 25px;
max-width: 820px;
font-size: 1.079em;
font-weight: 600;
color: #777;
line-height: 1.5; }
.intro .icon {
width: 205px;
height: 205px;
position: absolute;
top: 40px;
left: 20px;
border: 10px solid #fff;
border-radius: 50%;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.1) inset;
background-color: #262626; }
.intro .icon svg, .intro .icon img {
fill: white;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0; }
.intro .icon img {
border-radius: 50%; }
@media only screen and (max-width: 66.25em) {
.intro .icon {
width: 155px;
height: 155px;
top: 0px; } }
@media only screen and (max-width: 50em) {
.intro .icon {
left: 50%;
margin-left: -77px; } }
.video.video--main {
position: relative;
z-index: 2;
max-width: 1290px;
padding: 0 20px;
margin: 0 auto 60px; }
.touch .video.video--main .overlay {
display: none; }
@media only screen and (max-width: 37.5em) {
.video.video--main {
margin-bottom: 30px; } }
.video.video--normal {
max-width: 560px;
margin: 70px auto 0; }
.video.video--normal h3 {
font-size: 1.618rem !important;
margin: 0 0 15px !important; }
.video.video--normal button {
width: 45px !important;
height: 45px !important; }
.video.video--normal button:after {
margin-top: -12px !important;
margin-left: -7px !important;
border-top: 12px solid transparent !important;
border-bottom: 12px solid transparent !important;
border-left: 20px solid #fff !important; }
.blue .video.video--normal .overlay:after {
background-color: rgba(26, 40, 68, 0.75); }
.green .video.video--normal .overlay:after {
background-color: rgba(0, 100, 80, 0.75); }
.orange .video.video--normal .overlay:after {
background-color: rgba(224, 110, 43, 0.75); }
.purple .video.video--normal .overlay:after {
background-color: rgba(90, 45, 90, 0.75); }
.lime .video.video--normal .overlay:after {
background-color: rgba(173, 183, 56, 0.75); }
@media only screen and (max-width: 50em) {
.video.video--normal {
margin-top: 90px; } }
.video.video--small {
float: right;
width: 40%;
margin-top: 15px;
position: relative;
z-index: 10; }
.video.video--small.graphics-header {
width: 30%; }
.video.video--small h2 {
font-size: 1.618rem !important;
margin: 0 0 15px !important; }
.video.video--small button {
width: 45px !important;
height: 45px !important; }
.video.video--small button:after {
margin-top: -12px !important;
margin-left: -7px !important;
border-top: 12px solid transparent !important;
border-bottom: 12px solid transparent !important;
border-left: 20px solid #fff !important; }
@media only screen and (max-width: 62.5em) {
.video.video--small {
margin-top: 60px; } }
@media only screen and (max-width: 55em) {
.video.video--small {
width: 100%;
max-width: 500px;
margin: 45px auto;
float: none;
clear: both; } }
@media only screen and (max-width: 400px) {
.video.video--small h2 {
font-size: 20px !important;
margin: 0 0 5px !important; } }
.video .window {
position: relative;
width: 100%;
margin: 0 auto;
transition: all 150ms linear; }
@media only screen and (max-width: 50em) {
.video .window {
margin-bottom: 30px; } }
.video .window .meat {
position:absolute !important;
z-index:0;
display: none; }
.touch .video .window .meat {
display: block;
margin-bottom: 20px; }
.video .window .meat.active {
display: block; }
.video .window .overlay {
position: relative;
cursor: pointer;
display: block; }
.video .window .overlay.inactive {
display: none; }
.video .window .overlay.ajax-video-btn {
display: block !important; }
.video .window .overlay .contentWrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
text-align: center; }
.video .window .overlay .contentWrap .table {
display: table;
width: 100%;
height: 100%; }
.video .window .overlay .contentWrap .table .vAlign {
display: table-cell;
vertical-align: middle;
padding: 20px; }
.video .window .overlay .contentWrap h1, .video .window .overlay .contentWrap h2, .video .window .overlay .contentWrap h3, .video .window .overlay .contentWrap .overlayHeading {
font-family: "Open Sans", sans-serif;
font-size: 4.236em;
font-weight: 800;
color: #fff;
text-transform: uppercase;
margin-top: 105px;
margin-bottom: 40px; }
@media only screen and (min-width: 66.25em) {
.video .window .overlay .contentWrap h1, .video .window .overlay .contentWrap h2, .video .window .overlay .contentWrap h3, .video .window .overlay .contentWrap .overlayHeading {
padding: 0 40px; } }
@media only screen and (max-width: 66.25em) {
.video .window .overlay .contentWrap h1, .video .window .overlay .contentWrap h2, .video .window .overlay .contentWrap h3, .video .window .overlay .contentWrap .overlayHeading {
margin: 0 0 30px; } }
@media only screen and (max-width: 50em) {
.video .window .overlay .contentWrap h1, .video .window .overlay .contentWrap h2, .video .window .overlay .contentWrap h3, .video .window .overlay .contentWrap .overlayHeading {
font-size: 2.618em;
margin: 0 0 20px; } }
@media only screen and (max-width: 37.5em) {
.video .window .overlay .contentWrap h1, .video .window .overlay .contentWrap h2, .video .window .overlay .contentWrap h3, .video .window .overlay .contentWrap .overlayHeading {
font-size: 1.618em;
margin: 0 0 15px; } }
.video .window .overlay .contentWrap button.play {
display: block;
width: 105px;
height: 105px;
position: relative;
margin: 0 auto;
text-transform: -9999px;
color: transparent;
border: 2px solid #fff;
border-radius: 50%; }
.video .window .overlay .contentWrap button.play:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
margin-top: -24px;
margin-left: -14px;
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
border-left: 42px solid #fff; }
@media only screen and (max-width: 66.25em) {
.video .window .overlay .contentWrap button.play {
width: 85px;
height: 85px; } }
@media only screen and (max-width: 50em) {
.video .window .overlay .contentWrap button.play {
width: 65px;
height: 65px; }
.video .window .overlay .contentWrap button.play:after {
margin-top: -18px;
margin-left: -11px;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 30px solid #fff; } }
@media only screen and (max-width: 37.5em) {
.video .window .overlay .contentWrap button.play {
width: 45px;
height: 45px; }
.video .window .overlay .contentWrap button.play:after {
margin-top: -12px;
margin-left: -7px;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 20px solid #fff; } }
.video .window .overlay:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.4); }
.video .window .overlay img {
position: relative;
width: 100%;
z-index: 1; }
.video .window .ending {
position: absolute;
top: 0;
left: 0;
z-index: 5;
display: none;
height: 100%;
width: 100%; }
.video .window .ending.ended, .video .window .ending.paused {
display: block; }
.flexbox .video .window .ending.ended, .flexbox .video .window .ending.paused {
display: flex;
flex-direction: column; }
@media only screen and (max-width: 43.75em) {
.video .window .ending.ended, .video .window .ending.paused {
display: none !important; } }
.video .window .ending.paused {
height: calc(100% - 60px); }
.video .window .ending.paused:after {
content: "";
position: absolute;
bottom: -15px;
left: 0;
display: block;
height: 15px;
width: 100%;
background: linear-gradient(to bottom, rgba(19, 19, 19, 0.95) 0%, rgba(19, 19, 19, 0) 100%); }
.video .window .ending.paused .top-section {
padding-top: 30px; }
@media only screen and (max-width: 78.125em) {
.video .window .ending.paused .top-section {
padding: 10px 20px;
flex: 40%; } }
.video .window .ending.paused .bottom-section .heading {
margin-bottom: 20px; }
.video .window .ending .top-section {
flex: 60%;
color: #fff;
text-align: center;
padding: 60px 20px 20px;
background-color: rgba(38, 38, 38, 0.95); }
@media only screen and (max-width: 65.625em) {
.video .window .ending .top-section {
display: none !important; } }
.video .window .ending .top-section .wrap {
max-width: 670px;
margin: 0 auto; }
.video .window .ending .top-section .heading {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 1.745em;
font-weight: 900;
text-transform: uppercase;
text-align: center;
margin-bottom: 35px; }
.video .window .ending .top-section .buttons {
max-width: 495px;
margin: 0 auto 20px; }
@media only screen and (max-width: 78.125em) {
.video .window .ending .top-section .buttons {
max-width: 90%;
margin: 0 auto 10px; } }
.video .window .ending .top-section .buttons .btn {
display: block;
width: 100%;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: rgba(108, 108, 108, 0.2);
padding: 18px;
border: 1px solid #c2c2c2;
transition: all 150ms ease; }
@media only screen and (max-width: 78.125em) {
.video .window .ending .top-section .buttons .btn {
width: 175px;
display: inline-block;
font-size: 12px;
padding: 10px;
margin: 0 5px; } }
@media only screen and (max-width: 78.125em) {
.video .window .ending .top-section .buttons .btn:last-child {
margin: 0 auto;
width: 365px;
display: block; } }
@media only screen and (max-width: 70.3125em) {
.video .window .ending .top-section .buttons .btn:last-child {
width: 235px;
display: inline-block; } }
.video .window .ending .top-section .buttons .btn:not(:last-child) {
margin-bottom: 18px; }
@media only screen and (max-width: 70.3125em) {
.video .window .ending .top-section .buttons .btn:not(:last-child) {
margin-bottom: 8px; } }
.video .window .ending .top-section .buttons .btn:hover {
background-color: #6c6c6c; }
.video .window .ending .top-section .buttons .btn svg {
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
fill: #969696;
color: #969696;
margin-right: 5px; }
.video .window .ending .top-section .buttons .btn svg.rotate {
transform: rotate(-90deg); }
.video .window .ending .top-section .buttons .btn .text {
display: inline-block;
vertical-align: middle; }
.video .window .ending .top-section .watch-again {
display: inline-block;
font-family: "Open Sans", sans-serif;
font-size: 0.777rem;
font-weight: 600;
color: #777;
text-decoration: underline;
cursor: pointer; }
.video .window .ending .bottom-section {
flex: 40%;
background-color: rgba(19, 19, 19, 0.95);
padding: 20px;
border-top: 1px solid #616161; }
@media only screen and (max-width: 62.5em) {
.video .window .ending .bottom-section {
padding-top: 25px; } }
.video .window .ending .bottom-section .heading {
display: block;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 700;
color: #fff;
text-align: center;
text-transform: uppercase;
margin-bottom: 35px; }
.video .window .ending .bottom-section .relatedVids {
max-width: 490px;
margin: 0 auto; }
.flexbox .video .window .ending .bottom-section .relatedVids {
display: flex; }
.no-flexbox .video .window .ending .bottom-section .relatedVids:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.video .window .ending .bottom-section .relatedVids .vid {
display: block;
width: 32%; }
.video .window .ending .bottom-section .relatedVids .vid:not(:last-child) {
margin-right: 2%; }
.video .window .ending .bottom-section .relatedVids .vid .imageContainer {
position: relative;
display: block;
width: 100%;
height: 85px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 10px; }
.video .window .ending .bottom-section .relatedVids .vid .imageContainer .time {
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
font-family: "Open Sans", sans-serif;
font-size: 0.666rem;
color: #fff;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.8); }
.video .window .ending .bottom-section .relatedVids .vid .textContainer {
display: block;
font-size: 0; }
.video .window .ending .bottom-section .relatedVids .vid .textContainer .title {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 0.666rem;
color: #d6d6d6;
line-height: 1.4;
margin-bottom: 5px; }
.video .window .ending .bottom-section .relatedVids .vid .textContainer .footer {
font-family: "Open Sans", sans-serif;
font-size: 0.555rem;
color: #959595; }
.video .window .ending .bottom-section .relatedVids .vid .textContainer .footer .comments:before {
content: "|";
display: inline-block;
margin-left: 5px;
margin-right: 5px; }
.video .window .ending .close {
position: absolute;
top: 30px;
right: 40px;
z-index: 5;
display: block;
width: 25px;
height: 25px;
cursor: pointer; }
.video .window .ending .close svg {
width: 25px;
height: 25px;
fill: #fff; }
.video .timeline {
position: relative;
padding-top: 23px;
margin-bottom: 50px; }
.t5 .video .timeline {
margin-bottom: 30px; }
@media only screen and (max-width: 50em) {
.video .timeline {
display: none; } }
.video .timeline .line {
height: 5px;
width: 100%;
position: relative; }
.video .timeline .line .full {
width: 100%;
height: 1px;
position: relative;
top: 2px;
background-color: #969696; }
.video .timeline .line .progress {
height: 5px;
width: 0px;
position: absolute;
top: 0;
left: 0;
background-color: #df8e38;
transition: all 250ms linear; }
.video .timeline .line .progress.jump {
transition: all 0ms linear; }
.video .timeline .jumpTo {
padding-top: 27px; }
.video .timeline .jumpTo button {
display: inline-block;
font-family: "Open Sans", sans-serif;
font-size: 0.667rem;
font-weight: 600;
color: #777;
position: absolute;
cursor: pointer; }
.video .timeline .jumpTo button:before {
content: "";
display: block;
width: 22px;
height: 22px;
position: absolute;
top: -40px;
left: 50%;
margin-left: -11px;
background-color: #fff;
border: 1px solid #969696;
border-radius: 50%; }
.video .timeline .jumpTo button:nth-child(1) {
left: 15%; }
.video .timeline .jumpTo button:nth-child(2) {
left: 45%; }
.video .timeline .jumpTo button:nth-child(3) {
left: 75%; }
.video .excerpt {
position: relative;
background-color: #fff;
padding: 5%;
clear: right; }
.video .excerpt h1, .video .excerpt h2 {
font-weight: 900;
font-size: 2.824em;
margin-bottom: 20px;
line-height: 1.2; }
@media only screen and (max-width: 50em) {
.video .excerpt h1, .video .excerpt h2 {
font-size: 1.745em; } }
.video .excerpt p {
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #777;
line-height: 1.7; }
@media only screen and (max-width: 50em) {
.video .excerpt p {
font-size: 80%; } }
.video .excerpt ul, .video .excerpt ol {
display: block;
width: 100%;
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #777777;
line-height: 1.5;
text-align: left; }
@media only screen and (max-width: 50em) {
.video .excerpt ul, .video .excerpt ol {
font-size: 80%; } }
.video .excerpt ul li, .video .excerpt ol li {
margin-left: 30px; }
.video .excerpt ul {
list-style-type: disc; }
.video .excerpt ol {
list-style-type: decimal; }
.video .excerpt p:not(:last-child), .video .excerpt ul:not(:last-child), .video .excerpt ol:not(:last-child) {
margin-bottom: 20px; }
.video .excerpt a {
color: #1A2844; }
.video .excerpt a:hover {
color: #283e69; }
.video .shareFix {
float: right;
max-width: 100%;
width: 130px;
height: 60px;
position: relative;
z-index: 2;
margin-bottom: 45px; }
@media only screen and (max-width: 55.625em) {
.video .shareFix {
width: 100%;
height: 90px;
padding-top: 30px;
margin-bottom: 30px; } }
.video .shareFix .share {
width: 100%;
height: 100%; }
.video .shareFix .share .btnContainer {
width: 100%;
height: 100%; }
@media only screen and (max-width: 55.625em) {
.video .shareFix .share .btnContainer {
margin: 0 auto; } }
.video .share a, .video .share button {
display: block;
float: right;
width: 130px;
height: 100%;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #969696;
border: 1px solid #C2C2C2;
transition: all .2s ease-in-out;
text-align: center;
padding: 0 10px; }
.video .share a:hover, .video .share button:hover {
background: #fff; }
.video .share a {
padding: 20px 10px 0; }
@media only screen and (min-width: 76.25em) {
.video .share.fixed {
position: fixed;
top: 19px;
right: 90px;
width: 100%;
height: 60px;
z-index: 5;
padding-left: 40px; }
.video .share.fixed .btnContainer {
margin: 0 auto;
position: relative; }
.video .share.fixed .btnContainer a, .video .share.fixed .btnContainer button {
background-color: #eee; } }
.pageNavFix {
display: none;
width: 100%;
height: 107px;
position: relative;
z-index: 40;
background-color: rgba(255, 255, 255, 0.95); }
.pageNavFix.show-5 {
display: block; }
@media only screen and (max-width: 66.25em) {
.pageNavFix {
height: 94px; } }
@media only screen and (max-width: 53.125em) {
.pageNavFix.show-5 {
display: none; } }
.pageNav {
text-align: justify;
font-size: 0; }
.pageNav:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 52.5em) {
.pageNav {
display: none; } }
@media only screen and (min-width: 52.5em) {
.stuckNav .pageNav {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 5;
padding: 0;
background-color: rgba(255, 255, 255, 0.95);
transition: background 150ms ease, padding-right 150ms ease 150ms; } }
.pageNav button {
display: block;
position: relative;
font-size: 1.618rem;
font-weight: 700;
color: #1173cb;
text-transform: uppercase;
text-align: center;
padding: 30px 10px 35px;
border: 1px solid #c0c0c0;
cursor: pointer;
transition: .1s ease; }
@media only screen and (max-width: 66.25em) {
.pageNav button {
font-size: 1.079rem; } }
@media only screen and (min-width: 52.5em) {
.stuckNav .pageNav button {
padding: 7px 11px 23px;
font-size: 1rem; }
.stuckNav .pageNav button:last-child {
border-right: 0; } }
@media only screen and (max-width: 52.5em) {
.pageNav button {
width: 100%;
border-right: none; }
.pageNav button:not(:last-child) {
border-bottom: none; } }
@media only screen and (min-width: 52.5em) {
.pageNav button {
width: 20%;
display: inline-block;
margin: 0;
border-left: none; } }
.pageNav button:after {
content: "";
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 11px solid #b8b8b8;
position: absolute;
left: 50%;
margin-left: -8px;
margin-top: 8px;
transition: all 150ms ease; }
.stuckNav .pageNav button:after {
margin-top: 4px; }
.pageNav button:hover, .pageNav button.active {
background-color: rgba(17, 115, 203, 0.95);
color: #fff;
border: 1px solid rgba(17, 115, 203, 0.95); }
.pageNav button:hover:after, .pageNav button.active:after {
border-top: 11px solid #fff; }
.pageNav button.up:after {
transform: rotate(180deg); }
.quickGuide {
text-align: center;
position: relative;
z-index: 20;
padding: 110px 0 150px; }
@media only screen and (max-width: 90.625em) {
.quickGuide {
padding: 100px 0 120px; } }
@media only screen and (max-width: 52.5em) {
.quickGuide {
padding-top: 0;
padding-bottom: 0; }
.quickGuide.open {
padding-bottom: 100px; } }
.quickGuide h2 {
margin-bottom: 70px; }
@media only screen and (max-width: 66.25em) {
.quickGuide h2 {
margin-bottom: 70px; } }
.quickGuide .container, .quickGuide .intro {
max-width: 1190px;
padding: 0 20px; }
.quickGuide .container.single-sidebar, .quickGuide .single-sidebar.intro {
max-width: none; }
.quickGuide .container article, .quickGuide .intro article {
position: relative;
width: 28%;
float: left;
margin-right: 8%;
text-align: center; }
.quickGuide .container article:last-child, .quickGuide .intro article:last-child {
margin-right: 0; }
.quickGuide .container article:last-child .imgContainer:before, .quickGuide .intro article:last-child .imgContainer:before {
display: none; }
@media only screen and (max-width: 50em) {
.quickGuide .container article, .quickGuide .intro article {
width: 100%;
max-width: 270px;
margin: 0 auto 70px;
float: none; }
.quickGuide .container article:last-child, .quickGuide .intro article:last-child {
margin-right: auto;
margin-bottom: 0px; }
.quickGuide .container article .imgContainer:before, .quickGuide .intro article .imgContainer:before {
display: none !important; } }
.quickGuide .container article .imgContainer, .quickGuide .intro article .imgContainer {
position: relative;
margin-bottom: 40px;
background-color: #fff;
border-radius: 50%; }
.quickGuide .container article .imgContainer:after, .quickGuide .intro article .imgContainer:after {
content: "";
display: block;
width: 50%;
height: 50%;
position: absolute;
bottom: 23px;
left: 50%;
margin-left: -25%;
z-index: 1;
border-radius: 50%;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
@media only screen and (max-width: 50em) {
.quickGuide .container article .imgContainer:after, .quickGuide .intro article .imgContainer:after {
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.1) inset; } }
.quickGuide .container article .imgContainer .overlay, .quickGuide .intro article .imgContainer .overlay {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
padding: 22px;
border: 1px dashed #989898;
border-radius: 50%;
background-color: transparent; }
.quickGuide .container article .imgContainer .overlay:hover, .quickGuide .intro article .imgContainer .overlay:hover {
cursor: pointer; }
.quickGuide .container article .imgContainer .overlay .table, .quickGuide .intro article .imgContainer .overlay .table {
display: table;
height: 100%;
width: 100%;
background-color: rgba(0, 100, 80, 0.75);
border-radius: 50%;
transition: all 500ms ease; }
.blue .quickGuide .container article .imgContainer .overlay .table, .blue .quickGuide .intro article .imgContainer .overlay .table {
background-color: rgba(26, 40, 68, 0.75); }
.green .quickGuide .container article .imgContainer .overlay .table, .green .quickGuide .intro article .imgContainer .overlay .table {
background-color: rgba(0, 100, 80, 0.75); }
.orange .quickGuide .container article .imgContainer .overlay .table, .orange .quickGuide .intro article .imgContainer .overlay .table {
background-color: rgba(224, 110, 43, 0.75); }
.purple .quickGuide .container article .imgContainer .overlay .table, .purple .quickGuide .intro article .imgContainer .overlay .table {
background-color: rgba(90, 45, 90, 0.75); }
.lime .quickGuide .container article .imgContainer .overlay .table, .lime .quickGuide .intro article .imgContainer .overlay .table {
background-color: rgba(173, 183, 56, 0.75); }
.quickGuide .container article .imgContainer .overlay .table:hover, .quickGuide .intro article .imgContainer .overlay .table:hover {
opacity: 0; }
.quickGuide .container article .imgContainer .overlay .table .number, .quickGuide .intro article .imgContainer .overlay .table .number {
display: table-cell;
vertical-align: middle;
width: 100%;
font-size: 9.857em;
font-weight: 300;
color: #fff; }
.quickGuide .container article .imgContainer img, .quickGuide .intro article .imgContainer img {
border: 23px solid transparent;
border-radius: 50%;
position: relative;
z-index: 2; }
.quickGuide .container article h3, .quickGuide .intro article h3 {
font-family: "Open Sans", sans-serif;
font-size: 1.079em;
font-weight: 800;
color: #262626;
text-transform: uppercase;
margin-bottom: 20px; }
@media only screen and (max-width: 66.25em) {
.quickGuide .container article h3, .quickGuide .intro article h3 {
margin-bottom: 15px; } }
.quickGuide .container article p, .quickGuide .intro article p {
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #777;
line-height: 1.5; }
.quickGuide .container article .arrowContainer, .quickGuide .intro article .arrowContainer {
content: "";
display: block;
width: 73px;
height: 24px;
position: absolute;
top: 50%;
margin-top: -12px;
right: -26%; }
@media only screen and (max-width: 75em) {
.quickGuide .container article .arrowContainer, .quickGuide .intro article .arrowContainer {
width: 57px;
right: -25%; } }
@media only screen and (max-width: 50em) {
.quickGuide .container article .arrowContainer, .quickGuide .intro article .arrowContainer {
display: none; } }
.quickGuide .container article .arrowContainer svg, .quickGuide .intro article .arrowContainer svg {
float: right;
display: inline-block;
width: 18px;
height: 24px;
margin-left: -4px;
transform: rotate(270deg);
fill: #969696; }
@media only screen and (max-width: 75em) {
.quickGuide .container article .arrowContainer svg, .quickGuide .intro article .arrowContainer svg {
margin-left: 0; }
.quickGuide .container article .arrowContainer svg:nth-child(4), .quickGuide .intro article .arrowContainer svg:nth-child(4), .quickGuide .container article .arrowContainer svg:nth-child(5), .quickGuide .intro article .arrowContainer svg:nth-child(5) {
display: none; } }
.no-touch .quickGuide article {
transform: translate3d(0, 50px, 0);
opacity: 0;
transition: all 500ms ease; }
.no-touch .quickGuide article:nth-child(1) {
transition-delay: 700ms; }
.no-touch .quickGuide article:nth-child(2) {
transition-delay: 850ms; }
.no-touch .quickGuide article:nth-child(3) {
transition-delay: 1000ms; }
.no-touch .quickGuide .video {
transform: translate3d(0, 50px, 0);
opacity: 0;
transition: all 500ms ease 200ms; }
.quickGuide.initTop article, .quickGuide.initBottom article {
transform: translate3d(0, 0, 0);
opacity: 1; }
.quickGuide.initBottom .video {
transform: translate3d(0, 0, 0);
opacity: 1; }
.howItWorks {
position: relative;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
overflow: hidden;
z-index: 1;
padding: 110px 0; }
@media only screen and (max-width: 90.625em) {
.howItWorks {
padding: 100px 0; } }
@media only screen and (max-width: 52.5em) {
.howItWorks {
padding-top: 0;
padding-bottom: 0; }
.howItWorks.open {
padding-bottom: 100px; } }
.howItWorks h2 {
margin-bottom: 70px; }
@media only screen and (max-width: 50em) {
.howItWorks h2 {
margin-bottom: 80px; } }
.howItWorks .contentBlocks {
padding: 0 20px; }
.howItWorks .contentBlocks:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.howItWorks .contentBlocks article {
width: 100%;
max-width: 2000px;
margin: 0 auto;
position: relative;
z-index: 1; }
.howItWorks .contentBlocks article:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.howItWorks .contentBlocks article:not(:last-child) {
margin-bottom: 70px; }
@media only screen and (max-width: 50em) {
.howItWorks .contentBlocks article:not(:last-child) {
margin-bottom: 50px; } }
.howItWorks .contentBlocks article .imageContainer {
width: 48%;
float: left;
text-align: right; }
@media only screen and (max-width: 50em) {
.howItWorks .contentBlocks article .imageContainer {
width: 100%;
float: left !important;
margin-bottom: 30px; } }
.howItWorks .contentBlocks article .contentContainer {
width: 48%;
float: right; }
.howItWorks .contentBlocks article .contentContainer:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 50em) {
.howItWorks .contentBlocks article .contentContainer {
width: 100%;
float: left; } }
.howItWorks .contentBlocks article h3 {
display: block;
width: 100%;
max-width: 450px;
float: left;
font-family: "Open Sans", sans-serif;
font-size: 1.079em;
font-weight: 800;
color: #262626;
text-transform: uppercase;
margin-bottom: 15px; }
.howItWorks .contentBlocks article p, .howItWorks .contentBlocks article ul {
display: block;
width: 100%;
max-width: 450px;
float: left;
clear: left;
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #777777;
line-height: 1.5;
text-align: left; }
.howItWorks .contentBlocks article p:not(:last-child), .howItWorks .contentBlocks article ul:not(:last-child) {
margin-bottom: 20px; }
@media only screen and (max-width: 50em) {
.howItWorks .contentBlocks article p, .howItWorks .contentBlocks article ul {
font-size: 1em;
color: #777; } }
.howItWorks .contentBlocks article ul {
list-style-type: disc;
padding-left: 25px; }
.howItWorks .contentBlocks article ul li {
margin-bottom: 10px; }
.howItWorks .contentBlocks article:nth-child(2n) .imageContainer {
float: right;
text-align: left; }
.howItWorks .contentBlocks article:nth-child(2n) .contentContainer {
float: left; }
.howItWorks .contentBlocks article:nth-child(2n) .contentContainer h3, .howItWorks .contentBlocks article:nth-child(2n) .contentContainer p, .howItWorks .contentBlocks article:nth-child(2n) .contentContainer ul {
float: right;
clear: right; }
@media only screen and (max-width: 50em) {
.howItWorks .contentBlocks article:nth-child(2n) .contentContainer h3, .howItWorks .contentBlocks article:nth-child(2n) .contentContainer p, .howItWorks .contentBlocks article:nth-child(2n) .contentContainer ul {
float: left;
clear: left; } }
.howItWorks .pager {
display: block;
width: 29%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-right: 1px solid #c0c0c0;
text-align: right;
z-index: 2; }
.howItWorks .pager:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 50em) {
.howItWorks .pager {
display: none; } }
.howItWorks .pager .wrap {
max-width: 375px;
float: right;
padding-top: 150px;
padding-left: 20px; }
.howItWorks .pager button {
display: block;
width: 100%;
position: relative;
cursor: pointer;
padding: 15px 65px 15px 0;
overflow: visible; }
.howItWorks .pager button:not(:last-child) {
margin-bottom: 80px; }
@media only screen and (max-width: 66.25em) {
.howItWorks .pager button:not(:last-child) {
margin-bottom: 60px; } }
.howItWorks .pager button .icon {
display: block;
width: 54px;
height: 54px;
position: absolute;
top: 0;
right: -28px;
padding-top: 14px;
fill: #c2c2c2;
background-color: #fff;
border: 1px solid #c2c2c2;
border-radius: 50%;
transition: all 150ms ease; }
.howItWorks .pager button .icon svg {
transition: all 150ms ease;
width: 24px;
height: 24px; }
.howItWorks .pager button .content {
display: block;
width: 100%;
position: relative;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1.079em;
font-weight: 800;
color: #c2c2c2;
transition: all 150ms ease;
text-transform: uppercase;
text-align: right; }
.howItWorks .pager button.highlight .icon, .howItWorks .pager button:hover .icon {
height: 85px;
width: 85px;
top: -15px;
right: -43px;
padding-top: 29px;
background-color: #0a6350;
border: 1px solid #0a6350;
fill: #fff; }
.howItWorks .pager button.highlight .content, .howItWorks .pager button:hover .content {
color: #0a6350; }
.no-touch .howItWorks .slider {
transform: translate3d(0, 50px, 0);
opacity: 0;
transition: all 500ms ease 700ms; }
.howItWorks.initTop .slider, .howItWorks.initBottom .slider {
transform: translate3d(0, 0, 0);
opacity: 1; }
.questions {
padding: 110px 0;
position: relative;
z-index: 2; }
@media only screen and (max-width: 90.625em) {
.questions {
padding: 100px 0; } }
@media only screen and (max-width: 52.5em) {
.questions {
padding-top: 0;
padding-bottom: 0; }
.questions.open {
padding-bottom: 100px; } }
.questions h2 {
margin-bottom: 45px; }
.questions .question:not(:first-of-type) {
border-top: 4px solid #eaeaea; }
.questions .question .container, .questions .question .intro {
max-width: 1020px;
padding: 30px 60px; }
.questions .question .container.single-sidebar, .questions .question .single-sidebar.intro {
max-width: none; }
@media only screen and (max-width: 50em) {
.questions .question .container, .questions .question .intro {
padding: 25px 30px; } }
.questions .question .header {
background-color: #0a6350;
cursor: pointer;
transition: all 150ms ease; }
.questions .question .header:hover {
background-color: #07493b; }
.blue .questions .question .header {
background-color: #1A2844; }
.blue .questions .question .header:hover {
background-color: #283e69; }
.green .questions .question .header {
background-color: #0a6350; }
.green .questions .question .header:hover {
background-color: #07493b; }
.orange .questions .question .header {
background-color: #E06E2B; }
.orange .questions .question .header:hover {
background-color: #c86226; }
.purple .questions .question .header {
background-color: #5A2D5A; }
.purple .questions .question .header:hover {
background-color: #723972; }
.lime .questions .question .header {
background-color: #ADB738; }
.lime .questions .question .header:hover {
background-color: #9ea733; }
.questions .question .header h3 {
position: relative;
font-family: "Open Sans", sans-serif;
font-size: 1.079em;
font-weight: 800;
color: #fff;
line-height: 1.3;
text-transform: uppercase;
padding-right: 40px; }
@media only screen and (min-width: 50em) {
.questions .question .header h3 {
padding-right: 70px; } }
.questions .question .header h3:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
margin-top: -6px;
right: 0px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 12px solid #fff;
transition: all 150ms ease; }
.questions .question .content {
background-color: #fff;
display: none; }
.questions .question .content .container, .questions .question .content .intro {
padding: 45px 60px; }
@media only screen and (max-width: 50em) {
.questions .question .content .container, .questions .question .content .intro {
padding: 30px; } }
.questions .question .content p {
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #777;
line-height: 1.7;
opacity: 0; }
.questions .question .content ul, .questions .question .content ol {
display: block;
width: 100%;
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #777777;
line-height: 1.5;
text-align: left;
opacity: 0; }
.questions .question .content ul li, .questions .question .content ol li {
margin-left: 30px; }
.questions .question .content ul {
list-style-type: disc; }
.questions .question .content ol {
list-style-type: decimal; }
.questions .question .content p:not(:last-child), .questions .question .content ul:not(:last-child), .questions .question .content ol:not(:last-child) {
margin-bottom: 20px; }
.blue .questions .question .content a {
color: #1A2844; }
.blue .questions .question .content a:hover {
color: #283e69; }
.green .questions .question .content a {
color: #0a6350; }
.green .questions .question .content a:hover {
color: #07493b; }
.orange .questions .question .content a {
color: #E06E2B; }
.orange .questions .question .content a:hover {
color: #c86226; }
.purple .questions .question .content a {
color: #5A2D5A; }
.purple .questions .question .content a:hover {
color: #723972; }
.lime .questions .question .content a {
color: #ADB738; }
.lime .questions .question .content a:hover {
color: #9ea733; }
.blue .questions .question.open .header {
background-color: #283e69; }
.green .questions .question.open .header {
background-color: #07493b; }
.orange .questions .question.open .header {
background-color: #c86226; }
.purple .questions .question.open .header {
background-color: #723972; }
.lime .questions .question.open .header {
background-color: #252525; }
.questions .question.open .header h3:after {
transform: rotate(180deg); }
.questions .question.open .content p, .questions .question.open .content ul, .questions .question.open .content ol {
opacity: 1;
animation-name: fadeIn;
animation-duration: 250ms;
animation-delay: 400ms;
animation-fill-mode: both; }
.no-touch .questions .question {
transform: translate3d(0, 50px, 0);
opacity: 0;
transition: all 500ms ease; }
.no-touch .questions .question:nth-of-type(1) {
transition-delay: 700ms; }
.no-touch .questions .question:nth-of-type(2) {
transition-delay: 800ms; }
.no-touch .questions .question:nth-of-type(3) {
transition-delay: 900ms; }
.no-touch .questions .question:nth-of-type(4) {
transition-delay: 1000ms; }
.no-touch .questions .question:nth-of-type(5) {
transition-delay: 1100ms; }
.no-touch .questions .question:nth-of-type(6) {
transition-delay: 1200ms; }
.no-touch .questions .question:nth-of-type(7) {
transition-delay: 1300ms; }
.no-touch .questions .question:nth-of-type(8) {
transition-delay: 1400ms; }
.no-touch .questions .question:nth-of-type(9) {
transition-delay: 1500ms; }
.no-touch .questions .question:nth-of-type(10) {
transition-delay: 1600ms; }
.no-touch .questions .haveQuestions {
transform: translate3d(0, 50px, 0);
opacity: 0;
transition: all 500ms ease 200ms; }
.questions.initTop .question, .questions.initBottom .question {
transform: translate3d(0, 0, 0);
opacity: 1; }
.questions.initBottom .haveQuestions {
transform: translate3d(0, 0, 0);
opacity: 1; }
.resourcesSlider {
position: relative;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
padding: 110px 0 100px;
z-index: 2;
background-color: #f4f4f4 !important; }
@media only screen and (max-width: 90.625em) {
.resourcesSlider {
padding: 100px 0 70px; } }
@media only screen and (max-width: 52.5em) {
.resourcesSlider {
padding-top: 0;
padding-bottom: 0; }
.resourcesSlider.open {
padding-bottom: 70px; } }
.resourcesSlider h2 {
margin-bottom: 65px; }
@media only screen and (max-width: 66.25em) {
.resourcesSlider h2 {
margin-bottom: 40px; } }
.resourcesSlider .container, .resourcesSlider .intro {
max-width: 1500px;
padding: 0 40px; }
@media only screen and (max-width: 90.625em) {
.resourcesSlider .container, .resourcesSlider .intro {
padding: 0 20px; } }
.resourcesSlider .container .slider, .resourcesSlider .intro .slider {
display: block;
position: relative;
text-align: center; }
.resourcesSlider .container .slider .slides:after, .resourcesSlider .intro .slider .slides:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.resourcesSlider .container .slider .slides .slide, .resourcesSlider .intro .slider .slides .slide {
display: inline-block;
width: 280px;
position: relative;
padding: 11px;
background-color: #fff;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
margin-bottom: 17px;
transition: all 200ms ease;
vertical-align: top; }
@media only screen and (min-width: 40em) {
.resourcesSlider .container .slider .slides .slide:not(:last-child), .resourcesSlider .intro .slider .slides .slide:not(:last-child) {
margin-right: 20px; } }
.resourcesSlider .container .slider .slides .slide:before, .resourcesSlider .intro .slider .slides .slide:before {
content: "";
display: block;
width: 200px;
height: 100px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -100px;
z-index: -1;
border-radius: 50%;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.resourcesSlider .container .slider .slides .slide:after, .resourcesSlider .intro .slider .slides .slide:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
z-index: 1; }
.resourcesSlider .container .slider .slides .slide:hover, .resourcesSlider .intro .slider .slides .slide:hover {
margin-top: 5px; }
.resourcesSlider .container .slider .slides .slide h3, .resourcesSlider .intro .slider .slides .slide h3 {
position: relative;
font-family: "Open Sans", sans-serif;
font-size: 0.667rem;
color: #262626;
font-weight: 600;
padding: 18px 0 11px;
line-height: 12px;
z-index: 2; }
.resourcesSlider .container .slider .slides .slide img, .resourcesSlider .intro .slider .slides .slide img {
position: relative;
z-index: 2;
height: 199px; }
.resourcesSlider .container .slider .slides .slide ul, .resourcesSlider .intro .slider .slides .slide ul {
display: none; }
.resourcesSlider .container .slider .pager, .resourcesSlider .intro .slider .pager {
display: none;
width: 200px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: linear-gradient(to right, rgba(234, 234, 234, 0) 0%, #f4f4f4 30%, #f4f4f4 100%);
z-index: 3; }
@media only screen and (max-width: 66.25em) {
.resourcesSlider .container .slider .pager, .resourcesSlider .intro .slider .pager {
width: 100px; } }
@media only screen and (max-width: 50em) {
.resourcesSlider .container .slider .pager, .resourcesSlider .intro .slider .pager {
width: 100%;
height: auto;
position: relative;
top: 20px;
right: auto;
background: transparent;
text-align: center; } }
.resourcesSlider .container .slider .pager button, .resourcesSlider .intro .slider .pager button {
display: block;
width: 50px;
height: 50px;
background-color: #fff;
padding: 15px;
border: 1px solid #c0c0c0;
border-radius: 50%;
margin-bottom: 20px;
position: absolute;
right: 5px;
transition: all 100ms ease-in-out; }
.resourcesSlider .container .slider .pager button svg, .resourcesSlider .intro .slider .pager button svg {
display: block;
width: 100%;
height: 100%;
fill: #c0c0c0; }
.resourcesSlider .container .slider .pager button.left, .resourcesSlider .intro .slider .pager button.left {
top: 115px; }
.resourcesSlider .container .slider .pager button.left svg, .resourcesSlider .intro .slider .pager button.left svg {
transform: rotate(90deg); }
.resourcesSlider .container .slider .pager button.right, .resourcesSlider .intro .slider .pager button.right {
top: 55px; }
.resourcesSlider .container .slider .pager button.right svg, .resourcesSlider .intro .slider .pager button.right svg {
transform: rotate(-90deg); }
.resourcesSlider .container .slider .pager button:hover, .resourcesSlider .intro .slider .pager button:hover {
box-shadow: 0 0 0 4px #DDDDDD; }
@media only screen and (max-width: 50em) {
.resourcesSlider .container .slider .pager button, .resourcesSlider .intro .slider .pager button {
display: inline-block;
position: relative;
right: auto;
top: auto !important;
margin-bottom: 0; }
.resourcesSlider .container .slider .pager button.left, .resourcesSlider .intro .slider .pager button.left {
margin-right: 25px; } }
.resourcesSlider .container .slider.animate, .resourcesSlider .intro .slider.animate {
height: 337px;
overflow: hidden;
text-align: left; }
.resourcesSlider .container .slider.animate .slides, .resourcesSlider .intro .slider.animate .slides {
height: 262px; }
.resourcesSlider .container .slider.animate .slides .slide, .resourcesSlider .intro .slider.animate .slides .slide {
position: absolute;
display: block;
float: left;
top: 0;
left: -300px;
opacity: 0;
z-index: -1; }
.resourcesSlider .container .slider.animate .slides .slide.inUse, .resourcesSlider .intro .slider.animate .slides .slide.inUse {
opacity: 1;
z-index: 1; }
.resourcesSlider .container .slider.animate .slides .slide[data-index="1"], .resourcesSlider .intro .slider.animate .slides .slide[data-index="1"] {
left: -300px; }
.resourcesSlider .container .slider.animate .slides .slide[data-index="2"], .resourcesSlider .intro .slider.animate .slides .slide[data-index="2"] {
left: 0px; }
.resourcesSlider .container .slider.animate .slides .slide[data-index="3"], .resourcesSlider .intro .slider.animate .slides .slide[data-index="3"] {
left: 300px; }
.resourcesSlider .container .slider.animate .slides .slide[data-index="4"], .resourcesSlider .intro .slider.animate .slides .slide[data-index="4"] {
left: 600px; }
.resourcesSlider .container .slider.animate .slides .slide[data-index="5"], .resourcesSlider .intro .slider.animate .slides .slide[data-index="5"] {
left: 900px; }
.resourcesSlider .container .slider.animate .slides .slide[data-index="6"], .resourcesSlider .intro .slider.animate .slides .slide[data-index="6"] {
left: 1200px; }
.resourcesSlider .container .slider.animate .slides .slide[data-index="7"], .resourcesSlider .intro .slider.animate .slides .slide[data-index="7"] {
left: 1500px; }
.resourcesSlider .container .slider.animate .slides.right .slide[data-index="1"], .resourcesSlider .intro .slider.animate .slides.right .slide[data-index="1"], .resourcesSlider .container .slider.animate .slides.right .slide[data-index="2"], .resourcesSlider .intro .slider.animate .slides.right .slide[data-index="2"], .resourcesSlider .container .slider.animate .slides.right .slide[data-index="3"], .resourcesSlider .intro .slider.animate .slides.right .slide[data-index="3"], .resourcesSlider .container .slider.animate .slides.right .slide[data-index="4"], .resourcesSlider .intro .slider.animate .slides.right .slide[data-index="4"], .resourcesSlider .container .slider.animate .slides.right .slide[data-index="5"], .resourcesSlider .intro .slider.animate .slides.right .slide[data-index="5"], .resourcesSlider .container .slider.animate .slides.right .slide[data-index="6"], .resourcesSlider .intro .slider.animate .slides.right .slide[data-index="6"] {
transition: all 500ms ease; }
.resourcesSlider .container .slider.animate .slides.left .slide[data-index="2"], .resourcesSlider .intro .slider.animate .slides.left .slide[data-index="2"], .resourcesSlider .container .slider.animate .slides.left .slide[data-index="3"], .resourcesSlider .intro .slider.animate .slides.left .slide[data-index="3"], .resourcesSlider .container .slider.animate .slides.left .slide[data-index="4"], .resourcesSlider .intro .slider.animate .slides.left .slide[data-index="4"], .resourcesSlider .container .slider.animate .slides.left .slide[data-index="5"], .resourcesSlider .intro .slider.animate .slides.left .slide[data-index="5"], .resourcesSlider .container .slider.animate .slides.left .slide[data-index="6"], .resourcesSlider .intro .slider.animate .slides.left .slide[data-index="6"], .resourcesSlider .container .slider.animate .slides.left .slide[data-index="7"], .resourcesSlider .intro .slider.animate .slides.left .slide[data-index="7"] {
transition: all 500ms ease; }
.resourcesSlider .container .slider.animate .pager, .resourcesSlider .intro .slider.animate .pager {
display: block; }
.resourcesSlider .container .deeper-learning, .resourcesSlider .intro .deeper-learning {
max-width: 1180px;
margin: 60px auto 0;
padding: 30px 20px 45px;
border: 1px solid #c0c0c0;
font-family: "Open Sans", sans-serif;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.resourcesSlider .container .deeper-learning .wrap, .resourcesSlider .intro .deeper-learning .wrap {
max-width: 520px;
margin: 0 auto;
text-align: center; }
.resourcesSlider .container .deeper-learning h3, .resourcesSlider .intro .deeper-learning h3 {
margin-bottom: 30px; }
.resourcesSlider .container .deeper-learning h3 svg, .resourcesSlider .intro .deeper-learning h3 svg {
margin-left: -123px;
fill: #006C55; }
@media only screen and (max-width: 37.5em) {
.resourcesSlider .container .deeper-learning h3, .resourcesSlider .intro .deeper-learning h3 {
margin-bottom: 10px; }
.resourcesSlider .container .deeper-learning h3 svg, .resourcesSlider .intro .deeper-learning h3 svg {
width: 300px;
margin-left: -77px; } }
@media only screen and (max-width: 37.5em) and (max-width: 25em) {
.resourcesSlider .container .deeper-learning h3 svg, .resourcesSlider .intro .deeper-learning h3 svg {
width: 250px;
margin-left: -65px; } }
.resourcesSlider .container .deeper-learning p, .resourcesSlider .intro .deeper-learning p {
color: #777;
line-height: 1.7;
margin-bottom: 50px; }
@media only screen and (max-width: 37.5em) {
.resourcesSlider .container .deeper-learning p, .resourcesSlider .intro .deeper-learning p {
margin-bottom: 30px; } }
.resourcesSlider .container .deeper-learning a, .resourcesSlider .intro .deeper-learning a {
display: block;
width: 100%;
max-width: 320px;
color: #fff;
text-transform: uppercase;
padding: 20px;
margin: 0 auto;
background-color: #0a6350; }
.resourcesSlider .container .deeper-learning a strong, .resourcesSlider .intro .deeper-learning a strong {
display: block;
font-size: 1.079em;
font-weight: 900;
margin-bottom: 5px; }
.resourcesSlider .container .deeper-learning a span, .resourcesSlider .intro .deeper-learning a span {
display: block;
font-size: 0.7777778em;
font-weight: 300; }
.resourcesSlider .container .deeper-learning a:hover, .resourcesSlider .intro .deeper-learning a:hover {
background-color: #07493b; }
.blue .resourcesSlider .container .deeper-learning a, .blue .resourcesSlider .intro .deeper-learning a {
background-color: #1A2844; }
.blue .resourcesSlider .container .deeper-learning a:hover, .blue .resourcesSlider .intro .deeper-learning a:hover {
background-color: #283e69; }
.green .resourcesSlider .container .deeper-learning a, .green .resourcesSlider .intro .deeper-learning a {
background-color: #0a6350; }
.green .resourcesSlider .container .deeper-learning a:hover, .green .resourcesSlider .intro .deeper-learning a:hover {
background-color: #07493b; }
.orange .resourcesSlider .container .deeper-learning a, .orange .resourcesSlider .intro .deeper-learning a {
background-color: #E06E2B; }
.orange .resourcesSlider .container .deeper-learning a:hover, .orange .resourcesSlider .intro .deeper-learning a:hover {
background-color: #c86226; }
.purple .resourcesSlider .container .deeper-learning a, .purple .resourcesSlider .intro .deeper-learning a {
background-color: #5A2D5A; }
.purple .resourcesSlider .container .deeper-learning a:hover, .purple .resourcesSlider .intro .deeper-learning a:hover {
background-color: #723972; }
.lime .resourcesSlider .container .deeper-learning a, .lime .resourcesSlider .intro .deeper-learning a {
background-color: #ADB738; }
.lime .resourcesSlider .container .deeper-learning a:hover, .lime .resourcesSlider .intro .deeper-learning a:hover {
background-color: #9ea733; }
.no-touch .resourcesSlider .slides, .no-touch .resourcesSlider .pager {
transform: translate3d(0, 50px, 0);
opacity: 0;
transition: all 500ms ease 700ms; }
.resourcesSlider.initTop .slides, .resourcesSlider.initTop .pager, .resourcesSlider.initBottom .slides, .resourcesSlider.initBottom .pager {
transform: translate3d(0, 0, 0);
opacity: 1; }
.shareFeature {
position: relative;
padding: 110px 0;
z-index: 2; }
@media only screen and (max-width: 90.625em) {
.shareFeature {
padding: 100px 0; } }
@media only screen and (max-width: 66.25em) {
.shareFeature {
padding: 80px 0 100px; } }
@media only screen and (max-width: 52.5em) {
.shareFeature {
padding-top: 0;
padding-bottom: 0; }
.shareFeature.open {
padding-bottom: 100px; } }
.shareFeature h2 {
margin-bottom: 35px; }
@media only screen and (max-width: 66.25em) {
.shareFeature h2 {
margin-bottom: 30px; } }
.shareFeature p {
max-width: 780px;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #262626;
line-height: 1.7;
margin: 0 auto 50px;
padding: 0 20px; }
@media only screen and (max-width: 66.25em) {
.shareFeature p {
margin-bottom: 30px; } }
.shareFeature a.addthis_button {
display: block;
width: 280px;
font-weight: 700;
font-size: 1em;
color: #fff;
text-transform: uppercase;
padding: 25px 10px;
margin: 0 auto 50px;
transition: all 150ms ease !important;
background-color: #176350;
text-align: center;
position: relative; }
.blue .shareFeature a.addthis_button {
background-color: #1A2844; }
.green .shareFeature a.addthis_button {
background-color: #176350; }
.orange .shareFeature a.addthis_button {
background-color: #E06E2B; }
.purple .shareFeature a.addthis_button {
background-color: #5A2D5A; }
.lime .shareFeature a.addthis_button {
background-color: #ADB738; }
.shareFeature a.addthis_button:hover {
box-shadow: 0 0 0 4px #bababa; }
.shareFeature .haveQuestions {
max-width: 1020px;
padding: 30px 40px 45px;
border: 1px solid #c0c0c0;
margin: 50px auto 0; }
@media only screen and (max-width: 66.25em) {
.shareFeature .haveQuestions {
max-width: 740px; } }
@media only screen and (max-width: 50em) {
.shareFeature .haveQuestions {
max-width: 400px;
padding: 30px 20px 45px; } }
@media only screen and (max-width: 31.25em) {
.shareFeature .haveQuestions {
margin-right: 20px;
margin-left: 20px; } }
.shareFeature .haveQuestions .container, .shareFeature .haveQuestions .intro {
max-width: 740px;
padding: 0 20px; }
.shareFeature .haveQuestions h3 {
font-family: "Open Sans", sans-serif;
font-size: 1.079em;
font-weight: 800;
color: #262626;
line-height: 1.4em;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px; }
@media only screen and (max-width: 66.25em) {
.shareFeature .haveQuestions h3 {
margin-bottom: 15px; } }
.shareFeature .haveQuestions .gform_description {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #777;
line-height: 1.4;
text-align: center;
margin-bottom: 30px; }
@media only screen and (max-width: 66.25em) {
.shareFeature .haveQuestions .gform_description {
margin-bottom: 25px; } }
.shareFeature .haveQuestions .validation_error {
display: none; }
.shareFeature .haveQuestions .gform_fields .gfield {
position: relative;
margin-bottom: 10px; }
.shareFeature .haveQuestions .gform_fields .gfield:last-of-type {
margin-bottom: 24px; }
.shareFeature .haveQuestions .gform_fields .gfield label, .shareFeature .haveQuestions .gform_fields .gfield input[type="text"], .shareFeature .haveQuestions .gform_fields .gfield input[type="email"], .shareFeature .haveQuestions .gform_fields .gfield textarea, .shareFeature .haveQuestions .gform_fields .gfield .validation_message {
font-family: "Open Sans", sans-serif;
font-size: 0.667rem;
color: #777; }
.shareFeature .haveQuestions .gform_fields .gfield label {
position: absolute;
top: 17px;
left: 24px;
cursor: text; }
.shareFeature .haveQuestions .gform_fields .gfield label .gfield_required {
margin-left: 5px;
color: red; }
.shareFeature .haveQuestions .gform_fields .gfield .validation_message {
color: red;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px; }
.shareFeature .haveQuestions .gform_fields .gfield.active label {
display: none; }
.shareFeature .haveQuestions .gform_fields .gfield input[type="text"], .shareFeature .haveQuestions .gform_fields .gfield input[type="email"], .shareFeature .haveQuestions .gform_fields .gfield input[type="tel"], .shareFeature .haveQuestions .gform_fields .gfield textarea {
display: block;
width: 100%;
padding: 12px 23px;
background-color: #fff;
border: 1px solid #c0c0c0; }
.shareFeature .haveQuestions .gform_fields .gfield textarea {
max-width: 100%;
height: 90px; }
.shareFeature .haveQuestions input[type="submit"] {
display: block;
width: 130px;
font-size: 1em;
font-weight: 700;
color: #969696;
text-transform: uppercase;
padding: 15px;
border: 1px solid #c2c2c2;
margin: 0 auto;
transition: all 150ms ease;
cursor: pointer; }
.shareFeature .haveQuestions input[type="submit"]:hover {
background-color: #fff; }
.shareFeature .shareContainer {
position: relative;
margin: 0 auto;
max-width: 1270px;
padding: 0 20px; }
.shareFeature .shareContainer:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.shareFeature .shareContainer .share {
width: 18%;
float: left;
background-color: #fff;
position: relative;
z-index: 20;
font-family: "Playfair Display", serif;
font-size: 0.667rem;
line-height: 1.7;
padding-bottom: 30px;
border: 1px solid #CECECE;
border-left: none;
border-top: none; }
.shareFeature .shareContainer .share a {
color: #2874b9; }
.shareFeature .shareContainer .share a:hover {
text-decoration: underline; }
.shareFeature .shareContainer .share .section-thumb {
float: left;
width: 100%;
margin-bottom: -40px; }
.shareFeature .shareContainer .share .section-text {
float: left;
width: 100%;
padding: 60px 20px 15px; }
.shareFeature .shareContainer .share .date {
font-style: italic;
font-family: "Open Sans", sans-serif;
padding: 0 20px;
float: left;
color: #959595; }
.shareFeature .shareContainer .share .label {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
width: 40px;
height: 40px;
padding: 10px;
background: #262626;
border-radius: 50%;
transition: all .2s ease-in-out; }
.shareFeature .shareContainer .share .label:hover {
background: #DF8E37; }
.shareFeature .shareContainer .share:not(:last-child) {
margin-right: 2.5%; }
@media only screen and (max-width: 66.25em) {
.shareFeature .shareContainer .share {
width: 23.5%; }
.shareFeature .shareContainer .share.share {
margin-right: 0; }
.shareFeature .shareContainer .share:not(:nth-child(4)) {
margin-right: 2%; }
.shareFeature .shareContainer .share:last-child {
display: none; } }
@media only screen and (max-width: 50em) {
.shareFeature .shareContainer .share {
width: 32%; }
.shareFeature .shareContainer .share.share {
margin-right: 0; }
.shareFeature .shareContainer .share:not(:nth-child(3)) {
margin-right: 2%; }
.shareFeature .shareContainer .share:nth-child(4) {
display: none; } }
@media only screen and (max-width: 37.5em) {
.shareFeature .shareContainer .share {
width: 47.5%; }
.shareFeature .shareContainer .share.share {
margin-right: 0; }
.shareFeature .shareContainer .share:not(:nth-child(2)) {
margin-right: 5%; }
.shareFeature .shareContainer .share:nth-child(3) {
display: none; } }
@media only screen and (max-width: 25em) {
.shareFeature .shareContainer .share {
width: 100%; }
.shareFeature .shareContainer .share.share {
margin-right: 0; }
.shareFeature .shareContainer .share:not(:first-child) {
display: none; } }
@media only screen and (min-width: 52.5em) {
.no-touch .shareFeature .shareContainer, .no-touch .shareFeature .container > p, .no-touch .shareFeature .intro > p, .no-touch .shareFeature .container > button, .no-touch .shareFeature .intro > button {
transform: translate3d(0, 50px, 0);
opacity: 0;
transition: all 500ms ease 700ms; }
.no-touch .shareFeature.initTop .shareContainer, .no-touch .shareFeature.initTop .container > p, .no-touch .shareFeature.initTop .intro > p, .no-touch .shareFeature.initTop .container > button, .no-touch .shareFeature.initTop .intro > button, .no-touch .shareFeature.initBottom .shareContainer, .no-touch .shareFeature.initBottom .container > p, .no-touch .shareFeature.initBottom .intro > p, .no-touch .shareFeature.initBottom .container > button, .no-touch .shareFeature.initBottom .intro > button {
transform: translate3d(0, 0, 0);
opacity: 1; } }
.safetyFeatures {
background-color: #292929 !important;
padding: 110px 0;
position: relative;
z-index: 2; }
@media only screen and (min-width: 50em) {
.safetyFeatures {
background-image: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/safety-features-bg.jpg);
background-position: center bottom;
background-size: cover; } }
@media only screen and (max-width: 90.625em) {
.safetyFeatures {
padding: 100px 0; } }
@media only screen and (max-width: 66.25em) {
.safetyFeatures {
padding: 80px 0; } }
.safetyFeatures .container, .safetyFeatures .intro {
max-width: 1280px; }
.safetyFeatures h2 {
padding: 0 20px;
margin-bottom: 80px; }
.safetyFeatures h2 .content {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 2.618em;
font-weight: 800;
color: #262626;
text-transform: uppercase;
text-align: center;
margin-bottom: 15px; }
.safetyFeatures h2 .underline {
display: block;
width: 30px;
transition: all 1s ease 700ms;
margin: 0 auto; }
.safetyFeatures h2 .underline span {
display: block;
height: 1px;
margin: 0 auto 4px;
background-color: #c0c0c0; }
.safetyFeatures h2 .underline span:nth-child(1) {
width: 100%; }
.safetyFeatures h2 .underline span:nth-child(2) {
width: 80%; }
.safetyFeatures h2 .underline span:nth-child(3) {
width: 60%; }
@media only screen and (max-width: 66.25em) {
.safetyFeatures h2 {
margin-bottom: 60px; } }
.safetyFeatures h2 .content {
color: #fff; }
.safetyFeatures .safetyFeature {
position: relative;
border: 1px solid #c2c2c2;
padding: 50px 280px 50px 220px; }
@media only screen and (max-width: 60em) {
.safetyFeatures .safetyFeature {
padding-right: 40px; } }
@media only screen and (max-width: 43.75em) {
.safetyFeatures .safetyFeature {
padding: 40px 30px; } }
.safetyFeatures .safetyFeature:not(:last-of-type) {
border-bottom: none; }
.safetyFeatures .safetyFeature:last-of-type {
margin-bottom: 70px; }
.safetyFeatures .safetyFeature .content {
font-family: "Open Sans", sans-serif;
color: #fff; }
@media only screen and (max-width: 43.75em) {
.safetyFeatures .safetyFeature .content {
text-align: center; } }
.safetyFeatures .safetyFeature .content h3 {
font-size: 1.745em;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 25px; }
@media only screen and (max-width: 66.25em) {
.safetyFeatures .safetyFeature .content h3 {
margin-bottom: 20px; } }
.safetyFeatures .safetyFeature .content p {
line-height: 1.7; }
.safetyFeatures .safetyFeature svg, .safetyFeatures .safetyFeature img {
display: block;
width: 120px;
height: 120px;
position: absolute;
top: 50%;
left: 45px;
fill: #fff;
color: #fff;
margin-top: -60px; }
@media only screen and (max-width: 43.75em) {
.safetyFeatures .safetyFeature svg, .safetyFeatures .safetyFeature img {
position: relative;
top: auto;
left: auto;
margin: 0 auto 15px; } }
.safetyFeatures .safetyFeature img {
border-radius: 50%; }
.safetyFeatures .safetyFeature a.learn {
display: block;
width: 150px;
position: absolute;
top: 50%;
right: 65px;
padding: 18px 10px;
border: 1px solid #c2c2c2;
margin-top: -28px;
background-color: #363636;
font-weight: 700;
color: #969696;
text-align: center;
text-transform: uppercase;
transition: all 150ms ease; }
@media only screen and (max-width: 60em) {
.safetyFeatures .safetyFeature a.learn {
position: relative;
top: auto;
right: auto;
margin: 30px 0 0; } }
@media only screen and (max-width: 43.75em) {
.safetyFeatures .safetyFeature a.learn {
margin: 30px auto 0; } }
.safetyFeatures .safetyFeature a.learn:hover {
background-color: #fff; }
.safetyFeatures a.btn {
display: block;
font-weight: 700;
color: #969696;
text-align: center;
text-transform: uppercase;
padding: 30px 10px;
border: 1px solid #c0c0c0;
margin: 0 auto;
background-color: #363636;
transition: all 150ms ease; }
.safetyFeatures a.btn:hover {
background-color: #fff; }
.no-touch .safetyFeatures .safetyFeature {
transform: translate3d(0, 50px, 0);
opacity: 0;
transition: all 500ms ease; }
.no-touch .safetyFeatures .safetyFeature:nth-child(1) {
transition-delay: 700ms; }
.no-touch .safetyFeatures .safetyFeature:nth-child(2) {
transition-delay: 800ms; }
.no-touch .safetyFeatures .safetyFeature:nth-child(3) {
transition-delay: 900ms; }
.safetyFeatures.initTop .safetyFeature, .safetyFeatures.initBottom .safetyFeature {
transform: translate3d(0, 0, 0);
opacity: 1; }
.mediaFilter .wrap {
position: relative;
display: block;
margin: 0 auto;
max-width: 2000px;
padding: 0 100px; }
@media only screen and (max-width: 100em) {
.mediaFilter .wrap {
padding: 0 20px; } }
.flexbox .mediaFilter .wrap {
display: flex; }
@media only screen and (max-width: 56.25em) {
.flexbox .mediaFilter .wrap {
flex-wrap: wrap; } }
.no-flexbox .mediaFilter .wrap:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.mediaFilter .wrap .label {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
padding: 0px 10px;
border: 1px solid #c2c2c2; }
.mediaFilter .wrap .label .text {
font-family: "Open Sans Condensed", sans-serif;
font-size: 0.777rem;
font-weight: 700;
color: #969696;
line-height: 1;
text-transform: uppercase;
vertical-align: middle; }
.mediaFilter .wrap .label:after {
content: "";
display: inline-block;
border-top: 6px solid #969696;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
vertical-align: middle;
margin-left: 8px; }
.mediaFilter .wrap .filter-container.categories {
width: 100%; }
@media only screen and (max-width: 56.25em) {
.mediaFilter .wrap .filter-container.categories {
width: 47.5%;
min-width: 100px; } }
@media only screen and (max-width: 25em) {
.mediaFilter .wrap .filter-container.categories {
width: 100%;
min-width: 250px;
margin-left: 0;
margin-bottom: 25px; } }
.no-flexbox .mediaFilter .wrap .filter-container.categories {
float: left;
width: 500px;
width: calc(100% - 625px); }
@media only screen and (max-width: 56.25em) {
.no-flexbox .mediaFilter .wrap .filter-container.categories {
width: 47.5%; } }
.mediaFilter .wrap .filter-container.categories.graphics {
display: none; }
@media only screen and (max-width: 56.25em) {
.mediaFilter .wrap .filter-container.categories.graphics {
width: 100% !important; } }
.mf--graphics .mediaFilter .wrap .filter-container.categories.graphics {
display: block; }
.mf--graphics .mediaFilter .wrap .filter-container.categories.videos {
display: none; }
@media only screen and (min-width: 75.0625em) {
.mediaFilter .wrap .filter-container.categories .label {
display: none; }
.mediaFilter .wrap .filter-container.categories .filters .button {
display: inline-block;
margin-bottom: 10px; }
.mediaFilter .wrap .filter-container.categories .filters .button:not(:last-child) {
margin-right: 15px; }
.mediaFilter .wrap .filter-container.categories .filters .button .text {
font-family: "Open Sans Condensed", sans-serif;
font-size: 0.777rem;
font-weight: 700;
color: #969696;
line-height: 1;
text-transform: uppercase; }
.mediaFilter .wrap .filter-container.categories .filters .button.active .text {
color: #1b6fba;
border-bottom: 2px solid #1b6fba; }
.mediaFilter .wrap .filter-container.categories .filters .button:hover .text {
color: #1b6fba; }
.mediaFilter .wrap .filter-container.categories .filters .button.grey:before, .mediaFilter .wrap .filter-container.categories .filters .button.dark-blue:before, .mediaFilter .wrap .filter-container.categories .filters .button.orange:before, .mediaFilter .wrap .filter-container.categories .filters .button.light-green:before, .mediaFilter .wrap .filter-container.categories .filters .button.green:before, .mediaFilter .wrap .filter-container.categories .filters .button.purple:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
border-radius: 50%; }
.mediaFilter .wrap .filter-container.categories .filters .button.grey:before {
background-color: #9f9f9f; }
.mediaFilter .wrap .filter-container.categories .filters .button.dark-blue:before {
background-color: #1a2844; }
.mediaFilter .wrap .filter-container.categories .filters .button.orange:before {
background-color: #e06e2b; }
.mediaFilter .wrap .filter-container.categories .filters .button.light-green:before {
background-color: #adb738; }
.mediaFilter .wrap .filter-container.categories .filters .button.green:before {
background-color: #00614b; }
.mediaFilter .wrap .filter-container.categories .filters .button.purple:before {
background-color: #5a2d5a; } }
@media only screen and (max-width: 75em) {
.mediaFilter .wrap .filter-container.categories {
position: relative;
z-index: 22;
height: 50px; }
.mediaFilter .wrap .filter-container.categories .filters {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 100%; }
.mediaFilter .wrap .filter-container.categories .filters .button {
display: block;
width: 100%;
font-family: "Open Sans Condensed", sans-serif;
font-size: 0.777rem;
font-weight: 700;
color: #969696;
line-height: 1;
text-transform: uppercase;
vertical-align: middle;
padding: 15px 20px;
background-color: #eee;
border: 1px solid #c2c2c2;
border-top: 0; }
.mediaFilter .wrap .filter-container.categories .active ~ .filters {
display: block; } }
.mediaFilter .wrap .filter-container.sort {
position: relative;
z-index: 21;
width: 165px;
min-width: 165px;
height: 50px;
margin-left: 35px; }
@media only screen and (max-width: 56.25em) {
.mediaFilter .wrap .filter-container.sort {
width: 47.5%;
min-width: 100px;
margin-left: 5%; } }
@media only screen and (max-width: 25em) {
.mediaFilter .wrap .filter-container.sort {
width: 100%;
min-width: 250px;
margin-left: 0; } }
.mf--graphics .mediaFilter .wrap .filter-container.sort {
display: none; }
.mediaFilter .wrap .filter-container.sort .filters {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 100%; }
.mediaFilter .wrap .filter-container.sort .filters .button {
display: block;
width: 100%;
font-family: "Open Sans Condensed", sans-serif;
font-size: 0.777rem;
font-weight: 700;
color: #969696;
line-height: 1;
text-transform: uppercase;
vertical-align: middle;
padding: 15px 20px;
background-color: #eee;
border: 1px solid #c2c2c2;
border-top: 0; }
.mediaFilter .wrap .filter-container.sort .active ~ .filters {
display: block; }
.no-flexbox .mediaFilter .wrap .filter-container.sort {
float: left; }
.mediaFilter .wrap .filter-container.search {
width: 390px;
min-width: 390px;
height: 50px;
margin-left: 35px; }
@media only screen and (max-width: 56.25em) {
.mediaFilter .wrap .filter-container.search {
width: 100%;
min-width: 100px;
margin-left: 0;
margin-top: 25px; } }
.no-flexbox .mediaFilter .wrap .filter-container.search {
float: left; }
.mediaFilter .wrap .filter-container.search .inputWrap {
position: relative;
width: 100%;
height: 100%;
padding-right: 55px; }
.mediaFilter .wrap .filter-container.search .inputWrap input[type="text"] {
width: 100%;
height: 100%;
font-family: "Open Sans Condensed", sans-serif;
font-size: 16px;
font-weight: 700;
color: #969696;
background-color: #dadada;
padding: 5px 16px; }
.mediaFilter .wrap .filter-container.search .inputWrap input[type="submit"] {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 55px;
height: 100%;
color: transparent;
text-indent: -9999px;
background-color: #1173cb; }
.mediaFilter .wrap .filter-container.search .inputWrap .icon {
position: absolute;
z-index: 3;
top: 17px;
right: 17px;
display: block;
width: 21px;
height: 21px;
fill: #fff;
pointer-events: none; }
.mediaFilter .wrap .filter-container.search .inputWrap .close {
position: absolute;
top: 18px;
right: 70px;
display: none;
cursor: pointer; }
.mediaFilter .wrap .filter-container.search.active .close {
display: block; }
.mediaResources {
position: relative;
margin: 0 auto;
max-width: 2000px;
padding: 45px 100px 0; }
@media only screen and (max-width: 100em) {
.mediaResources {
padding: 45px 20px 0; } }
.flexbox .mediaResources { display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.no-flexbox .mediaResources:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.mediaResources .loading-gif {
display: block;
margin: 0 auto; }
.mediaResources .resource {
position: relative;
z-index: 20;
display: block;
width: 22.75%;
margin: 0 3% 3% 0; }
.mediaResources .resource:nth-child(4n) {
margin-right: 0; }
@media only screen and (max-width: 75em) {
.mediaResources .resource {
width: 31%;
margin: 0 3.5% 3.5% 0; }
.mediaResources .resource:nth-child(4n) {
margin-right: 3.5%; }
.mediaResources .resource:nth-child(3n) {
margin-right: 0; } }
@media only screen and (max-width: 56.25em) {
.mediaResources .resource {
width: 47.5%;
margin: 0 2.5% 2.5% 0; }
.mediaResources .resource:nth-child(4n), .mediaResources .resource:nth-child(3n) {
margin-right: 2.5%; }
.mediaResources .resource:nth-child(2n) {
margin-right: 0; } }
@media only screen and (max-width: 37.5em) {
.mediaResources .resource {
width: 100%;
margin: 0 0 25px !important; } }
.no-flexbox .mediaResources .resource {
float: left; }
.no-flexbox .mediaResources .resource:nth-child(4n+1) {
clear: both; }
@media only screen and (max-width: 75em) {
.no-flexbox .mediaResources .resource:nth-child(4n+1) {
clear: none; }
.no-flexbox .mediaResources .resource:nth-child(3n+1) {
clear: both; } }
@media only screen and (max-width: 56.25em) {
.no-flexbox .mediaResources .resource:nth-child(3n+1) {
clear: none; }
.no-flexbox .mediaResources .resource:nth-child(2n+1) {
clear: both; } }
@media only screen and (max-width: 37.5em) {
.no-flexbox .mediaResources .resource {
clear: both !important; } }
.mediaResources .resource.video {
font-family: "Open Sans", sans-serif;
background-color: #fff;
margin-bottom: 40px;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
transition: all 100ms ease-in-out;
float: left;
min-height: 350px; }
.mediaResources .resource.video .imageContainer {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 175px;
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.mediaResources .resource.video .imageContainer .thirty-seconds {
position: absolute;
top: -8px;
right: -8px; }
.mediaResources .resource.video .imageContainer .icon {
position: absolute;
bottom: -27px;
left: 50%;
margin-left: -24px;
display: inline-block;
width: 48px;
height: 48px;
padding: 0px;
border: 5px solid #fff;
border-radius: 50%; }
.mediaResources .resource.video .imageContainer .icon svg {
display: block;
width: 100%;
height: 100%;
fill: #fff;
color: #fff; }
.mediaResources .resource.video .textContainer {
position: relative;
display: block;
width: 100%;
min-height: 130px;
text-align: center;
padding: 30px 15px; }
.mediaResources .resource.video .textContainer .supTitle {
display: block;
font-size: 0.555rem;
font-weight: 700;
line-height: 1.4;
text-transform: uppercase;
margin-bottom: 10px; }
.mediaResources .resource.video .textContainer .title {
display: block;
font-size: 1rem;
color: #161616;
line-height: 1.5; }
.mediaResources .resource.video .metaContainer {
position: absolute;
bottom: 0;
left: 0;
display: block;
height: 48px;
width: 100%;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0; }
.flexbox .mediaResources .resource.video .metaContainer {
display: flex; }
.no-flexbox .mediaResources .resource.video .metaContainer:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.mediaResources .resource.video .metaContainer .column {
display: block;
width: 33.3333%;
width: calc(100%/3);
height: 100%;
text-align: center;
padding: 10px 5px 0;
border-right: 1px solid #e0e0e0;
float: left; }
.mediaResources .resource.video .metaContainer .column:nth-child(3n) {
border-right: none; }
.no-flexbox .mediaResources .resource.video .metaContainer .column {
float: left; }
.no-flexbox .mediaResources .resource.video .metaContainer .column:nth-child(3n+1) {
clear: both; }
.mediaResources .resource.video .metaContainer .column span {
display: block;
font-size: 0.667rem;
font-weight: 600; }
.mediaResources .resource.video .metaContainer .column span.stat {
color: #262626;
margin-bottom: 5px; }
.mediaResources .resource.video .metaContainer .column span.label {
color: #959595; }
.mediaResources .resource.video.blue .imageContainer {
border-bottom: 7px solid #1A2844; }
.mediaResources .resource.video.blue .imageContainer .icon {
background-color: #1A2844; }
.mediaResources .resource.video.blue .textContainer .supTitle {
color: #1A2844; }
.mediaResources .resource.video.green .imageContainer {
border-bottom: 7px solid #00614b; }
.mediaResources .resource.video.green .imageContainer .icon {
background-color: #00614b; }
.mediaResources .resource.video.green .textContainer .supTitle {
color: #00614b; }
.mediaResources .resource.video.lime .imageContainer {
border-bottom: 7px solid #ADB738; }
.mediaResources .resource.video.lime .imageContainer .icon {
background-color: #ADB738; }
.mediaResources .resource.video.lime .textContainer .supTitle {
color: #ADB738; }
.mediaResources .resource.video.purple .imageContainer {
border-bottom: 7px solid #5A2D5A; }
.mediaResources .resource.video.purple .imageContainer .icon {
background-color: #5A2D5A; }
.mediaResources .resource.video.purple .textContainer .supTitle {
color: #5A2D5A; }
.mediaResources .resource.video.orange .imageContainer {
border-bottom: 7px solid #E06E2B; }
.mediaResources .resource.video.orange .imageContainer .icon {
background-color: #E06E2B; }
.mediaResources .resource.video.orange .textContainer .supTitle {
color: #E06E2B; }
.mediaResources .resource.video.orange-yellow .imageContainer {
border-bottom: 7px solid #ece810; }
.mediaResources .resource.video.orange-yellow .imageContainer .icon {
background-color: #f15b2d; }
.mediaResources .resource.video.orange-yellow .textContainer .supTitle {
color: #f15b2d; }
.mediaResources .resource.graphic {
padding: 11px 11px 69px;
background-color: #fff;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
margin-bottom: 17px;
transition: all 200ms ease; }
@media only screen and (max-width: 25em) {
.mediaResources .resource.graphic {
padding: 11px 11px 60px; } }
.mediaResources .resource.graphic:before {
content: "";
display: block;
width: 150px;
height: 100px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -75px;
z-index: -1;
border-radius: 50%;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
@media only screen and (max-width: 25em) {
.mediaResources .resource.graphic:before {
width: 100px;
height: 75px;
margin-left: -50px; } }
.mediaResources .resource.graphic:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
z-index: 1; }
.mediaResources .resource.graphic h3 {
position: absolute;
bottom: 11px;
left: 0;
padding: 0 11px;
height: 48px;
font-family: "Open Sans", sans-serif;
font-size: 0.667rem;
color: #262626;
font-weight: 600;
line-height: 18px;
z-index: 2; }
@media only screen and (max-width: 25em) {
.mediaResources .resource.graphic h3 {
bottom: 5px; } }
.mediaResources .resource.graphic img {
position: relative;
z-index: 2;
width: 100%; }
.mediaResources .resource.graphic ul {
display: none; }
.no-touch .mediaResources .resource {
transform: translate3d(0, 50px, 0);
opacity: 0;
transition: all 100ms ease-in-out, transform 500ms ease 200ms, opacity 500ms ease 700ms; }
.mediaResources.initTop .resource, .mediaResources.initBottom .resource {
transform: translate3d(0, 0, 0);
opacity: 1; }
.content-wAside.t6 .sectionWrap {
background: #E4E4E4; }
.content-wAside.t6 footer {
max-width: 1570px;
width: 67.2%;
position: absolute;
bottom: 0;
left: 32.8%;
padding-left: 60px; }
@media only screen and (max-width: 45.625em) {
.content-wAside.t6 footer {
width: 100%;
padding-left: 20px;
position: relative;
float: left;
bottom: auto;
left: auto; } }
.about-description {
z-index: 100;
width: 40%;
float: left;
height: 100%;
left: 0;
top: 0;
padding: 150px 60px;
background: #00853e;
color: #fff;
overflow: hidden;
position: relative;
z-index: 1; }
@media only screen and (max-width: 76.875em) {
.about-description {
padding: 100px 30px; } }
@media only screen and (max-width: 60.625em) {
.about-description {
font-size: 80%; } }
@media only screen and (max-width: 45.625em) {
.about-description {
width: 100%;
max-width: 100%;
padding: 40px 30px 60px; } }
.about-description:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
top: -380px;
left: 0;
border-top: 475px solid transparent;
border-bottom: 475px solid transparent;
border-left: 345px solid #005846; }
.about-description article {
position: relative;
z-index: 200; }
.about-description h1, .about-description h2 {
font-weight: 800;
text-transform: uppercase;
font-family: "Open Sans", sans-serif; }
.about-description h1 {
font-size: 4.569em;
margin-bottom: 90px;
letter-spacing: -2px; }
@media only screen and (max-width: 76.875em) {
.about-description h1 {
font-size: 4.236em;
margin-bottom: 60px; } }
@media only screen and (max-width: 60.625em) {
.about-description h1 {
font-size: 2.824em;
margin-bottom: 40px; } }
.about-description h2 {
font-size: 1.745em;
line-height: 1.7; }
.about-description p {
font-family: "Open Sans", sans-serif;
font-weight: 500;
line-height: 1.7;
margin-bottom: 40px; }
@media only screen and (max-width: 76.875em) {
.about-description p {
margin-bottom: 30px; } }
.about-description .button {
background: #B4732D;
font-weight: 900;
text-transform: uppercase;
font-size: 1.618em;
padding: 30px 40px;
text-align: center;
margin: 0 auto;
display: block;
transition: all .2s ease-in-out; }
.about-description .button:hover {
background: #a56522; }
@media only screen and (max-width: 60.625em) {
.about-description .button {
font-size: 1.079em; } }
.about-description .ug-link {
font-size: 0.7em;
color: #734719;
margin-top: 30px;
font-family: "Open Sans", sans-serif;
font-style: italic;
display: inline-block;
font-weight: 600; }
.about-details {
width: 60%;
float: left;
padding-left: 5%;
padding-right: 5%;
padding-top: 200px;
padding-bottom: 200px;
font-family: "Open Sans", sans-serif;
background: #E4E4E4; }
@media only screen and (max-width: 60.625em) {
.about-details {
font-size: 80%; } }
@media only screen and (max-width: 45.625em) {
.about-details {
width: 100%;
max-width: 100%;
padding: 60px 30px 30px;
font-size: 80%; } }
.about-details .images {
float: left;
width: 100%;
margin-bottom: 100px; }
@media only screen and (max-width: 76.875em) {
.about-details .images {
margin-bottom: 60px; } }
@media only screen and (max-width: 60.625em) {
.about-details .images {
margin-bottom: 40px; } }
.about-details .images a {
display: block;
float: left;
width: 31.33333%;
margin: 10px 1%; }
.about-details .images a:nth-child(4n+1) {
clear: both; }
.about-details .images a svg, .about-details .images a img {
display: block;
width: 100%; }
.about-details .images a svg.nsc, .about-details .images a img.nsc {
fill: #006951;
color: #fff; }
.about-details .images a svg.iowa, .about-details .images a img.iowa {
fill: #262626; }
.about-details p {
line-height: 1.7; }
.about-details p:not(:last-child) {
margin-bottom: 20px; }
.about-details p.introduction {
font-size: 1.618em;
line-height: 1.7;
margin-bottom: 70px; }
@media only screen and (max-width: 76.875em) {
.about-details p.introduction {
margin-bottom: 40px; } }
@media only screen and (max-width: 60.625em) {
.about-details p.introduction {
margin-bottom: 20px; } }
.full-width {
font-family: "Open Sans", sans-serif;
padding-top: 1px; }
.full-width:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.full-width footer {
clear: both;
padding-top: 60px; }
.full-width footer:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.full-width .container, .full-width .intro {
max-width: 1240px;
position: relative;
z-index: 11; }
.full-width .container:after, .full-width .intro:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.full-width .container.single-sidebar, .full-width .single-sidebar.intro {
max-width: none; }
.full-width .intro-area {
background: #DF8E38;
position: relative;
margin-top: 155px;
padding: 60px 40px 80px 40px;
overflow: hidden;
color: #fff; }
@media only screen and (min-width: 50em) {
.full-width .intro-area {
padding: 60px 40px 80px 40px; } }
.featuresLock .full-width .intro-area {
overflow: visible; }
.featuresLock .full-width .intro-area:after {
display: none; }
@media only screen and (min-width: 66.25em) {
.full-width .intro-area {
transition: margin-top 250ms ease 1400ms; } }
@media only screen and (max-width: 66.25em) {
.full-width .intro-area {
margin-top: 87px;
padding: 60px 10px 80px 10px; } }
.innerNav:not(.innerNavOpen) .full-width .intro-area {
margin-top: 120px; }
@media only screen and (max-width: 66.25em) {
.innerNav:not(.innerNavOpen) .full-width .intro-area {
margin-top: 87px; } }
.innerNav.scrolling .full-width .intro-area {
transition: none; }
@media only screen and (max-width: 55em) {
.full-width .intro-area {
font-size: 80%; } }
.full-width .intro-area:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
top: 50%;
margin-top: -510px;
left: 0;
border-top: 475px solid transparent;
border-bottom: 475px solid transparent;
border-left: 345px solid #D48735; }
.full-width .intro-area .container, .full-width .intro-area .intro {
position: relative;
z-index: 100; }
.full-width .intro-area h1 {
font-family: "Open Sans", sans-serif;
font-size: 2.222rem;
font-weight: 800;
letter-spacing: -2px;
text-transform: uppercase; }
.full-width .intro-area h1.searchResults {
margin-bottom: 30px; }
@media only screen and (max-width: 37.5em) {
.full-width .intro-area h1 {
font-size: 1.745em; } }
.full-width .intro-area .content {
float: left;
width: 54%; }
.full-width .intro-area .content.graphics-header-content {
width: 64%; }
@media only screen and (max-width: 55em) {
.full-width .intro-area .content {
width: 100%;
float: none;
margin-bottom: 20px; } }
.full-width .intro-area .content h1 {
margin-bottom: 30px; }
@media only screen and (max-width: 55em) {
.full-width .intro-area .content h1 {
margin-bottom: 15px; } }
@media only screen and (max-width: 37.5em) {
.full-width .intro-area .content h1 {
margin-bottom: 10px; } }
.full-width .intro-area .content p {
font-size: 1rem;
line-height: 1.7; }
.full-width .intro-area .content p:not(:last-child) {
margin-bottom: 20px; }
.full-width .intro-area.option--2 {
text-align: center;
padding: 60px 0 90px; }
@media only screen and (max-width: 37.5em) {
.full-width .intro-area.option--2 {
padding-bottom: 40px; } }
.full-width .intro-area.option--2 .content {
width: 100%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
float: none; }
.full-width .tab-container {
float: left;
width: 100%;
position: relative; }
.full-width .tab-container .buttons {
background: #EEEEEE;
padding: 10px;
width: 680px;
max-width: 100%;
position: relative;
z-index: 200;
margin: -20px auto 60px; }
.full-width .tab-container .buttons:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 50em) {
.full-width .tab-container .buttons {
margin: -20px auto 30px; } }
.full-width .tab-container .buttons a, .full-width .tab-container .buttons button {
float: left;
width: 32%;
text-align: center;
padding: 2px;
background-color: #C2C2C2;
transition: all 150ms ease;
position: relative;
cursor: pointer;
margin-right: 2%; }
.full-width .tab-container .buttons a.half-button, .full-width .tab-container .buttons button.half-button {
width: 49%; }
.full-width .tab-container .buttons a:last-of-type, .full-width .tab-container .buttons button:last-of-type {
margin-right: 0; }
.full-width .tab-container .buttons a:before, .full-width .tab-container .buttons button:before {
content: '';
position: absolute;
display: block;
left: 50%;
bottom: 5px;
margin-left: -14px;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 16px solid #EEEEEE;
transition: all 150ms ease;
z-index: 1; }
.full-width .tab-container .buttons a:after, .full-width .tab-container .buttons button:after {
content: '';
position: absolute;
display: block;
left: 50%;
bottom: 2px;
margin-left: -14px;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 16px solid #EEEEEE;
transition: all 150ms ease;
z-index: 2; }
.full-width .tab-container .buttons a span.text, .full-width .tab-container .buttons button span.text {
display: block;
width: 100%;
padding: 20px 10px;
background: #EEEEEE;
font-family: "Open Sans Condensed", sans-serif;
text-transform: uppercase;
font-weight: 700;
color: #969696;
position: relative;
z-index: 3; }
.full-width .tab-container .buttons a:hover, .full-width .tab-container .buttons a.active, .full-width .tab-container .buttons button:hover, .full-width .tab-container .buttons button.active {
background-color: #C14E00;
color: #C14E00;
overflow: visible; }
.full-width .tab-container .buttons a:hover:before, .full-width .tab-container .buttons a.active:before, .full-width .tab-container .buttons button:hover:before, .full-width .tab-container .buttons button.active:before {
bottom: -15px;
border-top: 16px solid #C14E00; }
.full-width .tab-container .buttons a:hover:after, .full-width .tab-container .buttons a.active:after, .full-width .tab-container .buttons button:hover:after, .full-width .tab-container .buttons button.active:after {
bottom: -12px; }
.full-width .tab-container.option--2 .buttons {
width: 100%;
max-width: 490px;
margin: -40px auto 55px; }
@media only screen and (max-width: 41.25em) {
.full-width .tab-container.option--2 .buttons {
margin: 0 auto 25px;
padding: 0; } }
.full-width .tab-container.option--2 .buttons button, .full-width .tab-container.option--2 .buttons a {
padding: 15px 10px;
background-color: #fff;
border: 1px solid #c2c2c2; }
@media only screen and (max-width: 50em) {
.full-width .tab-container.option--2 .buttons button, .full-width .tab-container.option--2 .buttons a {
width: 32%;
margin-left: 0 !important;
min-height: 93px;
padding: 15px 10px; } }
.full-width .tab-container.option--2 .buttons button:before, .full-width .tab-container.option--2 .buttons a:before {
display: none !important; }
.full-width .tab-container.option--2 .buttons button:after, .full-width .tab-container.option--2 .buttons a:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
margin-left: -14px;
bottom: 0px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 16px solid #1173cb;
z-index: -1;
transition: all 150ms ease; }
.full-width .tab-container.option--2 .buttons button svg, .full-width .tab-container.option--2 .buttons a svg {
height: 30px;
width: 30px;
fill: #ddd;
transition: none; }
@media only screen and (max-width: 50em) {
.full-width .tab-container.option--2 .buttons button svg, .full-width .tab-container.option--2 .buttons a svg {
height: 25px;
width: 25px; } }
.full-width .tab-container.option--2 .buttons button span.text, .full-width .tab-container.option--2 .buttons a span.text {
font-weight: 700;
color: #969696;
background-color: transparent;
text-transform: uppercase;
transition: all 5ms;
padding: 10px 0 0; }
.full-width .tab-container.option--2 .buttons button:hover, .full-width .tab-container.option--2 .buttons button.active, .full-width .tab-container.option--2 .buttons a:hover, .full-width .tab-container.option--2 .buttons a.active {
background-color: #1173cb;
border: 1px solid transparent; }
.full-width .tab-container.option--2 .buttons button:hover:after, .full-width .tab-container.option--2 .buttons button.active:after, .full-width .tab-container.option--2 .buttons a:hover:after, .full-width .tab-container.option--2 .buttons a.active:after {
bottom: -16px; }
.full-width .tab-container.option--2 .buttons button:hover svg, .full-width .tab-container.option--2 .buttons button.active svg, .full-width .tab-container.option--2 .buttons a:hover svg, .full-width .tab-container.option--2 .buttons a.active svg {
fill: #fff; }
.full-width .tab-container.option--2 .buttons button:hover .text, .full-width .tab-container.option--2 .buttons button.active .text, .full-width .tab-container.option--2 .buttons a:hover .text, .full-width .tab-container.option--2 .buttons a.active .text {
color: #fff; }
.list-container {
clear: left; }
.feature-container {
position: relative;
background: #fff;
border: 1px solid #CECECE;
border-left: none;
border-top: none;
margin-bottom: 30px;
transition: .5s ease; }
.feature-container:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.feature-container:before {
content: "";
display: block;
width: 50%;
height: 25%;
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
margin-left: -25%;
border-radius: 50%;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
@media only screen and (max-width: 50em) {
.feature-container:before {
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.1) inset; } }
@media only screen and (max-width: 55em) {
.feature-container {
font-size: 80%; } }
.feature-container.blue {
color: #1A2844;
fill: #1A2844; }
.feature-container.blue .heading {
background: #1A2844; }
.feature-container.green {
color: #00614B;
fill: #00614B; }
.feature-container.green .heading {
background: #00614B; }
.feature-container.orange {
color: #E06E2B;
fill: #E06E2B; }
.feature-container.orange .heading {
background: #E06E2B; }
.feature-container.purple {
color: #5A2D5A;
fill: #5A2D5A; }
.feature-container.purple .heading {
background: #5A2D5A; }
.feature-container.lime {
color: #ADB738;
fill: #ADB738; }
.feature-container.lime .heading {
background: #ADB738; }
.feature-container .heading {
position: relative;
z-index: 2;
padding: 20px;
background: #1A2844;
cursor: pointer; }
@media only screen and (max-width: 45.625em) {
.feature-container .heading {
cursor: pointer; } }
.feature-container .heading h2 {
font-family: "Open Sans Condensed", sans-serif;
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 1.745em;
font-weight: 900; }
.feature-container h3 {
color: inherit;
font-weight: 900;
text-transform: uppercase;
font-size: 1.079em; }
.feature-container .details {
position: relative;
z-index: 2;
background: #fff; }
.feature-container .details:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.feature-container .details.inactive {
display: none; }
.feature-container .col {
float: left;
width: 20%;
margin: 40px 2.5%; }
.feature-container .col:nth-child(4n+1) {
clear: left; }
.iconView .feature-container .col {
width: 95%;
margin: 40px 2.5% 0px; }
@media only screen and (max-width: 55em) {
.feature-container .col {
width: 46%;
margin: 20px 2%; }
.feature-container .col:nth-child(4n+1) {
clear: none; }
.feature-container .col:nth-child(2n+1) {
clear: both; } }
@media only screen and (max-width: 28.75em) {
.feature-container .col {
width: 100%;
margin: 20px 0;
padding: 0 20px; } }
.feature-container .col h3 {
padding: 0 9px 20px; }
@media only screen and (min-width: 50em) {
.listView .feature-container .col h3 {
min-height: 77px; } }
.iconView .feature-container .col h3 {
border-bottom: 1px solid #DDDDDD;
margin-bottom: 10px; }
.feature-container .col a {
color: #777777;
line-height: 1.3;
display: block;
padding: 10px 9px;
transition: all 150ms ease;
font-size: 0.777rem; }
.listView .feature-container .col a:not(:first-of-type) {
border-top: 1px solid #DDDDDD; }
.feature-container .col a:hover {
color: inherit; }
.iconView .feature-container .col a {
text-align: center;
margin-bottom: 15px;
display: block;
float: left;
width: 18%;
padding: 2% 0; }
.iconView .feature-container .col a:not(:nth-child(5n+1)) {
margin-right: 2.5%; }
.iconView .feature-container .col a:nth-child(5n+2) {
clear: both; }
@media only screen and (max-width: 55em) {
.iconView .feature-container .col a {
width: 32%; }
.iconView .feature-container .col a:not(:nth-child(5n+1)) {
margin-right: 0%; }
.iconView .feature-container .col a:nth-child(5n+2) {
clear: none; }
.iconView .feature-container .col a:not(:nth-child(3n+1)) {
margin-right: 2%; }
.iconView .feature-container .col a:nth-child(3n+2) {
clear: both; } }
@media only screen and (max-width: 37.5em) {
.iconView .feature-container .col a {
width: 49%; }
.iconView .feature-container .col a:not(:nth-child(3n+1)) {
margin-right: 0%; }
.iconView .feature-container .col a:nth-child(3n+2) {
clear: none; }
.iconView .feature-container .col a:not(:nth-child(2n+1)) {
margin-right: 2%; }
.iconView .feature-container .col a:nth-child(2n+2) {
clear: both; } }
.feature-container .col svg, .feature-container .col img {
display: block;
margin: 0 auto;
transition: all 350ms ease; }
.iconView .feature-container .col svg, .iconView .feature-container .col img {
width: 130px;
height: 130px;
margin-bottom: 15px;
border-radius: 50%;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.1) inset;
background-color: #262626; }
@media only screen and (max-width: 26.25em) {
.iconView .feature-container .col svg, .iconView .feature-container .col img {
width: 80px;
height: 80px;
margin-bottom: 8px; } }
.listView .feature-container .col svg, .listView .feature-container .col img {
width: 0px;
height: 0px; }
.feature-container .col img {
border-radius: 50%; }
.no-touch .feature-container {
transform: translate3d(0, 100px, 0);
transition: all 500ms ease 200ms; }
.feature-container.initTop, .feature-container.initBottom {
transform: translate3d(0, 0, 0);
opacity: 1; }
.icon-nav {
float: left;
width: 100%;
background: #DF8E38;
position: relative;
margin-top: 200px;
padding: 50px 0 30px;
color: #7F3300; }
@media only screen and (min-width: 66.25em) {
.icon-nav {
transition: all 250ms ease 1400ms; } }
@media only screen and (max-width: 66.25em) {
.icon-nav {
margin-top: 87px; } }
.innerNav:not(.innerNavOpen) .icon-nav {
margin-top: 120px; }
@media only screen and (max-width: 66.25em) {
.innerNav:not(.innerNavOpen) .icon-nav {
margin-top: 87px; } }
.innerNav.scrolling .icon-nav {
transition: none; }
@media only screen and (max-width: 48.125em) {
.icon-nav {
padding: 20px 0 10px; } }
.icon-nav ul {
margin: 0 auto;
display: block;
text-align: center;
font-size: 0; }
.icon-nav ul li {
display: inline-block;
font-size: 1rem;
margin: 0 20px 20px;
max-width: 50px;
position: relative; }
@media only screen and (max-width: 48.125em) {
.icon-nav ul li {
margin: 0 10px 10px; }
.icon-nav ul li.active {
border: 2px solid #fff; } }
.icon-nav ul li img {
position: relative;
z-index: 2; }
.icon-nav ul li.active:after {
content: '';
position: absolute;
z-index: 1;
top: -19px;
left: 50%;
margin-left: -68px;
width: 0;
height: 0;
border-left: 68px solid transparent;
border-right: 68px solid transparent;
border-top: 136px solid #fff; }
@media only screen and (max-width: 48.125em) {
.icon-nav ul li.active:after {
display: none; } }
.icon-nav ul li.active:before {
content: '';
position: absolute;
z-index: 1;
top: -20px;
left: 50%;
margin-left: -70px;
width: 0;
height: 0;
border-left: 70px solid transparent;
border-right: 70px solid transparent;
border-top: 140px solid #8F5F2C; }
@media only screen and (max-width: 48.125em) {
.icon-nav ul li.active:before {
display: none; } }
.share-content {
width: 100%;
position: absolute;
z-index: 3;
top: 150px;
left: 0;
padding: 40px !important;
text-align: center; }
@media only screen and (max-width: 48.125em) {
.share-content {
top: 80px; } }
.share-content h1 {
font-weight: 900;
text-transform: uppercase;
font-size: 1.745em;
position: relative;
bottom: -40px;
z-index: 1;
width: 100%; }
@media only screen and (max-width: 55.625em) {
.share-content h1 {
position: relative;
float: left;
top: 0;
margin-bottom: 20px; } }
.share-content .shareFix {
float: right;
max-width: 100%;
width: 270px;
height: 60px;
position: relative;
z-index: 2;
padding: 0 !important; }
@media only screen and (max-width: 55.625em) {
.share-content .shareFix {
width: 100%; } }
.share-content .shareFix .share {
width: 100%;
height: 100%; }
.share-content .shareFix .share .btnContainer {
width: 100%;
height: 100%; }
@media only screen and (max-width: 55.625em) {
.share-content .shareFix .share .btnContainer {
margin: 0 auto; } }
.share-content .share a, .share-content .share button {
display: block;
float: right;
max-width: 49.5%;
width: 130px;
height: 100%;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #969696;
border: 1px solid #C2C2C2;
transition: all .2s ease-in-out;
text-align: center;
padding: 0 10px; }
.share-content .share a:hover, .share-content .share button:hover {
background: #fff; }
.share-content .share a:first-child, .share-content .share button:first-child {
margin-left: 1%; }
.share-content .share a {
padding: 20px 10px 0; }
@media only screen and (min-width: 76.25em) {
.share-content .share.fixed {
position: fixed;
top: 19px;
right: 90px;
width: 100%;
height: 60px;
padding-right: 40px;
z-index: 5; }
.share-content .share.fixed .btnContainer {
margin: 0 auto;
position: relative; }
.share-content .share.fixed .btnContainer a, .share-content .share.fixed .btnContainer button {
background-color: #eee; } }
.full-width .shareContainer {
float: left;
width: 100%; }
.full-width .shareContainer .share {
width: 18%;
float: left;
background-color: #fff;
position: relative;
z-index: 20;
font-family: "Playfair Display", serif;
font-size: 0.667em;
line-height: 1.7;
padding-bottom: 30px;
border: 1px solid #CECECE;
border-left: none;
border-top: none; }
.full-width .shareContainer .share:not(:last-child) {
margin-right: 2.5%; }
.full-width .shareContainer .share a {
color: #2874b9; }
.full-width .shareContainer .share a:hover {
text-decoration: underline; }
@media only screen and (max-width: 66.25em) {
.full-width .shareContainer .share {
width: 23.5%; }
.full-width .shareContainer .share.share {
margin-right: 0; }
.full-width .shareContainer .share.share:not(:nth-child(4n+1)) {
margin-left: 2%; }
.full-width .shareContainer .share:nth-child(5) {
display: none; } }
@media only screen and (max-width: 50em) {
.full-width .shareContainer .share {
width: 49%;
margin-bottom: 2%; }
.full-width .shareContainer .share.share.share {
margin-left: 0; }
.full-width .shareContainer .share.share.share:nth-child(2n) {
margin-left: 2%; }
.full-width .shareContainer .share.share.share:nth-child(2n+1) {
clear: left; } }
@media only screen and (max-width: 31.25em) {
.full-width .shareContainer .share {
width: 100%;
margin-left: 0 !important; } }
.full-width .shareContainer .section-thumb {
float: left;
width: 100%;
margin-bottom: -40px; }
.full-width .shareContainer .section-text {
float: left;
width: 100%;
padding: 60px 20px 15px; }
.full-width .shareContainer .date {
font-style: italic;
font-family: "Open Sans", sans-serif;
padding: 0 20px;
float: left;
color: #959595; }
.full-width .shareContainer .label {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
width: 40px;
height: 40px;
padding: 10px;
background: #262626;
border-radius: 50%;
transition: all .2s ease-in-out; }
.full-width .shareContainer .label:hover {
background: #DF8E37; }
.intro-area.heading-only, .intro-area.news-articles {
text-align: center; }
.intro-area.heading-only:after, .intro-area.news-articles:after {
top: -375px !important;
margin-top: 0; }
.news-articles {
float: left;
width: 65.75%; }
@media only screen and (max-width: 66.25em) {
.news-articles {
width: 100%;
float: none; } }
.news-articles .section-wrap {
max-width: 1000px;
float: right;
padding: 40px 55px 0 30px; }
@media only screen and (max-width: 81.25em) {
.news-articles .section-wrap {
padding: 40px 30px 0; } }
@media only screen and (max-width: 66.25em) {
.news-articles .section-wrap {
float: none;
margin: 0 auto 45px; } }
@media only screen and (max-width: 30em) {
.news-articles .section-wrap {
padding: 40px 15px 0; } }
.news-articles article {
margin-bottom: 20px;
background: #fff;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece; }
.news-articles article:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 66.25em) {
.news-articles article {
font-size: 80%; } }
.news-articles article .content-wrap {
padding: 40px 60px; }
@media only screen and (max-width: 66.25em) {
.news-articles article .content-wrap {
padding: 40px 20px; } }
.news-articles article h2 {
font-weight: 900;
font-size: 1.745em;
color: #262626;
margin-bottom: 5px;
transition: all 200ms ease-in-out;
line-height: 1.3; }
@media only screen and (max-width: 25em) {
.news-articles article h2 {
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; } }
.news-articles article h2:hover {
color: #1173CB; }
.news-articles article p {
margin-bottom: 30px;
line-height: 1.7; }
.news-articles article .date {
font-size: 0.667em;
font-weight: 700;
color: #777777;
margin-bottom: 15px;
letter-spacing: 2px; }
.news-articles article img {
width: 100%; }
.news-articles article .button {
display: block;
width: 150px;
max-width: 100%;
text-align: center;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #969696;
border: 1px solid #C2C2C2;
padding: 20px 10px;
margin-left: 5px;
transition: all .2s ease-in-out; }
.news-articles article .button:hover {
color: #DF8E38;
border-color: #DF8E38; }
.news-articles .pager {
clear: both;
padding-top: 30px; }
.news-articles .pager:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 30em) {
.news-articles .pager {
font-size: 70%; } }
.news-articles .pager a {
width: 50%;
float: left;
line-height: 50px;
color: #1173cb;
text-transform: uppercase;
font-size: 1.618em;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 700;
transition: all .2s ease-in-out; }
.news-articles .pager a:hover {
color: #DF8E38; }
.news-articles .pager a:hover span.btn {
box-shadow: 0 0 0 4px #e1e1e1; }
.news-articles .pager span.btn {
display: inline-block;
width: 50px;
height: 50px;
background-color: #fff;
padding: 15px;
border: 1px solid #c0c0c0;
border-radius: 50%;
transition: all .2s ease-in-out; }
.news-articles .pager span.btn svg {
display: block;
width: 100%;
height: 100%;
fill: #c0c0c0; }
@media only screen and (max-width: 50em) {
.news-articles .pager span.btn {
display: inline-block;
position: relative;
right: auto;
top: auto !important;
margin-bottom: 0; }
.news-articles .pager span.btn.left {
margin-right: 25px; } }
.news-articles .pager .text {
vertical-align: top; }
.news-articles .pager .prev svg {
transform: rotate(90deg); }
.news-articles .pager .prev .text {
margin-left: 15px; }
@media only screen and (max-width: 30em) {
.news-articles .pager .prev .text {
margin-left: 5px; } }
.news-articles .pager .next {
float: right;
text-align: right; }
.news-articles .pager .next svg {
transform: rotate(-90deg); }
.news-articles .pager .next .text {
margin-right: 15px; }
@media only screen and (max-width: 30em) {
.news-articles .pager .next .text {
margin-right: 5px; } }
.no-touch .news-articles article.inview {
transform: translate3d(0, 100px, 0);
opacity: 0;
transition: all 500ms ease 200ms; }
.news-articles article.initTop.initTop {
transform: translate3d(0, 0, 0);
opacity: 1; }
.news-articles.na--search article {
padding: 40px 60px; }
.news-articles.na--search article:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 66.25em) {
.news-articles.na--search article {
padding: 40px 20px; } }
.news-articles.na--search article .postType {
font-size: 0.667em;
font-weight: 700;
color: #777777;
margin-bottom: 10px;
letter-spacing: 2px; }
.news-articles.na--search article .button {
width: 120px;
padding: 15px 10px; }
.news-articles.na--search article.wpvr_video > a {
position: relative;
display: block;
margin-bottom: 20px; }
.news-articles.na--search article.wpvr_video > a:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.4); }
.news-articles.na--search article.wpvr_video > a img {
margin-bottom: 0px; }
.news-articles.na--search article.wpvr_video > a span.play {
display: block;
width: 105px;
height: 105px;
position: absolute;
z-index: 3;
margin-top: -53px;
top: 50%;
margin-left: -53px;
left: 50%;
text-transform: -9999px;
color: transparent;
border: 2px solid #fff;
border-radius: 50%; }
.news-articles.na--search article.wpvr_video > a span.play:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
margin-top: -24px;
margin-left: -14px;
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
border-left: 42px solid #fff; }
@media only screen and (max-width: 66.25em) {
.news-articles.na--search article.wpvr_video > a span.play {
width: 85px;
height: 85px;
margin-top: -43px;
margin-left: -43px; } }
@media only screen and (max-width: 50em) {
.news-articles.na--search article.wpvr_video > a span.play {
width: 65px;
height: 65px;
margin-top: -33px;
margin-left: -33px; }
.news-articles.na--search article.wpvr_video > a span.play:after {
margin-top: -18px;
margin-left: -11px;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 30px solid #fff; } }
@media only screen and (max-width: 37.5em) {
.news-articles.na--search article.wpvr_video > a span.play {
width: 45px;
height: 45px;
margin-top: -23px;
margin-left: -23px; }
.news-articles.na--search article.wpvr_video > a span.play:after {
margin-top: -12px;
margin-left: -7px;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 20px solid #fff; } }
.news-articles.na--search article.safety-features .contentHolder, .news-articles.na--search article.deeper-learning .contentHolder {
padding-left: 250px; }
.news-articles.na--search article.safety-features .contentHolder:after, .news-articles.na--search article.deeper-learning .contentHolder:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 66.25em) {
.news-articles.na--search article.safety-features .contentHolder, .news-articles.na--search article.deeper-learning .contentHolder {
padding-left: 185px; } }
@media only screen and (max-width: 43.75em) {
.news-articles.na--search article.safety-features .contentHolder, .news-articles.na--search article.deeper-learning .contentHolder {
padding-left: 0px; } }
.news-articles.na--search article.safety-features .icon-holder, .news-articles.na--search article.deeper-learning .icon-holder {
display: block;
width: 205px;
height: 205px;
float: left;
margin-right: 45px; }
@media only screen and (max-width: 66.25em) {
.news-articles.na--search article.safety-features .icon-holder, .news-articles.na--search article.deeper-learning .icon-holder {
width: 155px;
height: 155px;
margin-right: 30px; } }
@media only screen and (max-width: 43.75em) {
.news-articles.na--search article.safety-features .icon-holder, .news-articles.na--search article.deeper-learning .icon-holder {
float: none;
margin: 0 auto 30px; } }
.news-articles.na--search article.safety-features .icon-holder .icon, .news-articles.na--search article.deeper-learning .icon-holder .icon {
width: 100%;
height: 100%;
top: 40px;
left: 20px;
border: 10px solid #fff;
border-radius: 50%;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.1) inset;
background-color: #262626; }
.news-articles.na--search article.safety-features .icon-holder .icon svg, .news-articles.na--search article.safety-features .icon-holder .icon img, .news-articles.na--search article.deeper-learning .icon-holder .icon svg, .news-articles.na--search article.deeper-learning .icon-holder .icon img {
fill: white;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0; }
.news-articles.na--search article.safety-features .icon-holder .icon img, .news-articles.na--search article.deeper-learning .icon-holder .icon img {
border-radius: 50%; }
.more-news {
position: relative;
width: 34.25%;
float: right;
background-color: #fff; }
@media only screen and (max-width: 66.25em) {
.more-news {
width: 100%;
float: none;
background-color: transparent;
clear: both;
min-height: auto !important;
padding: 0 30px; } }
@media only screen and (max-width: 66.25em) and (max-width: 30em) {
.more-news {
padding: 0 15px; } }
.more-news:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 1000px;
height: 5000px;
background-color: #fff; }
@media only screen and (max-width: 66.25em) {
.more-news:before {
display: none; } }
.more-news .sidebar-wrap {
max-width: 100%;
width: 550px;
float: left;
font-size: 18px;
padding: 45px 60px 45px; }
@media only screen and (max-width: 81.25em) {
.more-news .sidebar-wrap {
padding: 45px 30px; } }
@media only screen and (max-width: 66.25em) {
.more-news .sidebar-wrap {
max-width: none;
float: none;
margin: 0 auto;
background-color: #fff;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece; } }
@media only screen and (max-width: 30em) {
.more-news .sidebar-wrap {
padding: 40px 20px; } }
.more-news .sidebar-block:not(:last-child) {
margin-bottom: 55px; }
.more-news .button, .more-news button {
display: block;
width: 100%;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #969696;
line-height: 1;
text-align: center;
text-transform: uppercase;
border: 1px solid #C2C2C2;
padding: 20px 10px;
cursor: pointer;
margin-bottom: 20px;
transition: all 200ms ease-in-out; }
@media only screen and (max-width: 48.75em) {
.more-news .button, .more-news button {
margin-bottom: 10px; } }
.more-news .button:hover, .more-news .button.active, .more-news button:hover, .more-news button.active {
color: #DF8E38;
border: 1px solid #DF8E38; }
.more-news .button .text, .more-news button .text {
margin-right: 15px; }
.more-news .button .icon, .more-news button .icon {
display: inline-block;
width: 13px;
height: 13px;
margin-right: -30px;
vertical-align: baseline;
fill: #969696; }
.more-news h2 {
padding-top: 18px;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1.745em;
font-weight: 700;
color: #262626;
text-transform: uppercase;
border-top: 4px solid;
margin-bottom: 30px; }
.more-news .ftd-post:not(:last-child) {
padding-bottom: 25px;
border-bottom: 1px solid #cecece;
margin-bottom: 25px; }
.more-news .post-wrap {
color: #262626; }
.more-news .post-wrap h3 {
font-size: 0.8888889em;
font-weight: 700;
line-height: 1.4;
margin-bottom: 10px;
transition: all 100ms linear; }
.more-news .post-wrap h3 a:hover {
color: #1173CB; }
.more-news .post-wrap p {
font-size: 0.7777777778em;
line-height: 1.5;
margin-bottom: 20px; }
.more-news .post-wrap img {
margin-bottom: 15px; }
.more-news .author-wrap {
display: block;
position: relative;
min-height: 60px;
padding-left: 70px; }
.more-news .author-wrap img {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
border-radius: 50%; }
.more-news .author-wrap strong {
font-size: 0.7777777778em;
color: #262626;
line-height: 1.5;
margin-bottom: 5px;
transition: all 100ms linear; }
.more-news .author-wrap p {
font-size: 0.667em;
color: #777777;
line-height: 1.8;
font-style: italic; }
.more-news .author-wrap:hover strong {
color: #1173CB; }
.more-news .collapsed {
display: none;
clear: both; }
@media only screen and (max-width: 48.75em) {
.more-news .mobileCollapsed {
display: none;
clear: both; } }
.more-news .categories a, .more-news .relatedLinks a {
display: block;
font-size: 0.8888889em;
color: #262626;
line-height: 1.3; }
.more-news .categories a:not(:last-child), .more-news .relatedLinks a:not(:last-child) {
margin-bottom: 15px; }
.more-news .categories a:hover, .more-news .relatedLinks a:hover {
color: #1173CB; }
.more-news #mc_embed_signup {
position: relative;
margin: 0 auto 30px;
padding: 15px 20px;
border: 1px solid #c2c2c2; }
.more-news #mc_embed_signup:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.more-news #mc_embed_signup label {
display: block;
font-size: 0.8888889em;
font-weight: 700;
color: #262626;
text-align: center;
margin-bottom: 15px; }
.more-news #mc_embed_signup input[type="email"], .more-news #mc_embed_signup input[type="text"] {
position: relative;
z-index: 1;
display: block;
width: calc(100% - 73px);
height: 40px;
float: left;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #777;
background-color: #eaeaea;
padding: 10px;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb; }
.more-news #mc_embed_signup input[type="submit"] {
position: relative;
z-index: 2;
display: block;
width: 70px;
height: 40px;
float: right;
font-family: "Open Sans Condensed", sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: #1173cb;
transition: all 150ms ease;
cursor: pointer;
padding: 10px; }
.more-news #mc_embed_signup input[type="submit"]:hover {
background-color: #363636; }
.more-news .press-action {
position: relative;
display: block;
padding: 20px 50px 20px 90px;
border: 1px solid #c2c2c2; }
.more-news .press-action svg.press-release {
position: absolute;
top: 50%;
margin-top: -18px;
left: 30px;
display: block;
width: 36px;
height: 36px;
fill: #777; }
.more-news .press-action .do {
display: block;
font-size: 0.5555556em;
font-weight: 600;
color: #777;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px; }
.more-news .press-action .what {
display: block;
font-size: 0.8888889em;
font-weight: 700;
color: #262626; }
.more-news .press-action svg.icon {
position: absolute;
top: 50%;
margin-top: -6px;
right: 25px;
display: block;
width: 13px;
height: 13px;
fill: #777;
transform: rotate(-90deg); }
.more-news .press-action:hover, .more-news .press-action.active {
color: #DF8E38;
border: 1px solid #DF8E38; }
.news-details .intro-area {
text-align: center;
margin-bottom: 20px; }
.news-details .intro-text {
font-weight: 600; }
.news-details .container, .news-details .intro {
max-width: 1040px;
clear: both; }
.news-details .container:after, .news-details .intro:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.news-details .container.single-sidebar, .news-details .single-sidebar.intro {
max-width: none; }
.news-details .shareFix {
float: right;
width: 130px;
height: 60px;
margin-bottom: 20px;
padding-top: 0; }
@media only screen and (max-width: 37.5em) {
.news-details .shareFix {
display: block;
float: none;
width: 100%; } }
.news-details .shareFix .share {
width: 100%;
height: 100%; }
.news-details .shareFix .share .btnContainer {
width: 100%;
height: 100%; }
.news-details .share a, .news-details .share button {
display: block;
width: 130px;
text-align: center;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #969696;
border: 1px solid #C2C2C2;
padding: 20px 10px;
cursor: pointer;
transition: all .2s ease-in-out; }
@media only screen and (max-width: 37.5em) {
.news-details .share a, .news-details .share button {
width: 100%; } }
.news-details .share a:hover, .news-details .share button:hover {
background: #fff; }
@media only screen and (min-width: 76.25em) {
.news-details .share.fixed {
position: fixed;
top: 19px;
right: 90px;
width: 100%;
height: 60px;
padding-left: 40px; }
.news-details .share.fixed .btnContainer {
margin: 0 auto;
position: relative; }
.news-details .share.fixed a, .news-details .share.fixed button {
float: right; } }
.news-details .back-button {
display: inline-block;
float: left;
text-align: center;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #969696;
border: 1px solid #C2C2C2;
padding: 20px 25px 20px 30px;
cursor: pointer;
transition: all .2s ease-in-out; }
@media only screen and (max-width: 37.5em) {
.news-details .back-button {
display: block;
width: 100%;
float: none;
margin-bottom: 20px; } }
.news-details .back-button:hover {
background: #fff; }
.news-details .back-button svg {
width: 13px;
height: 13px;
transform: rotate(90deg);
fill: #969696;
vertical-align: baseline;
margin-right: 10px; }
.news-details .author-bio {
padding: 35px 140px;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
border-right: 1px solid #cecece;
clear: both; }
@media only screen and (max-width: 66.25em) {
.news-details .author-bio {
padding: 35px 45px; } }
@media only screen and (max-width: 30em) {
.news-details .author-bio {
padding: 35px 20px; } }
.news-details .author-bio .author-wrap {
display: block;
position: relative;
min-height: 60px;
padding-left: 80px; }
.news-details .author-bio img {
position: absolute;
top: 0;
left: 0;
dislay: block;
width: 60px;
height: 60px;
border-radius: 50%; }
.news-details .author-bio .content-wrap {
display: block; }
.news-details .author-bio .content-wrap strong {
font-size: 0.7777777778em;
color: #262626;
line-height: 1.5;
margin-bottom: 10px; }
.news-details .author-bio .content-wrap strong a {
color: #2c77bb; }
.news-details .author-bio .content-wrap p {
font-size: 0.667em;
color: #777777;
line-height: 1.8;
font-style: italic; }
.news-details .main-content {
background: #fff;
padding: 45px 140px 140px;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece; }
.news-details .main-content:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 66.25em) {
.news-details .main-content {
font-size: 80%;
padding: 45px 45px 100px; } }
@media only screen and (max-width: 30em) {
.news-details .main-content {
padding: 45px 20px; } }
.news-details .main-content .post-max-width {
max-width: 1040px;
margin: 0 auto; }
.news-details .main-content .date {
font-size: 0.667rem;
font-weight: 700;
color: #777777;
margin-bottom: 30px;
letter-spacing: 2px; }
@media only screen and (max-width: 66.25em) {
.news-details .main-content .date {
margin-bottom: 20px; } }
.news-details .main-content h1, .news-details .main-content h2 {
font-weight: 900;
font-size: 2.824em;
margin-bottom: 30px;
line-height: 1.3; }
@media only screen and (max-width: 66.25em) {
.news-details .main-content h1, .news-details .main-content h2 {
margin-bottom: 20px;
line-height: 1.2; } }
@media only screen and (max-width: 37.5em) {
.news-details .main-content h1, .news-details .main-content h2 {
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; } }
.news-details .main-content h3 {
font-weight: 900;
font-size: 2.618em;
margin-bottom: 10px;
line-height: 1.3; }
@media only screen and (max-width: 37.5em) {
.news-details .main-content h3 {
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; } }
.news-details .main-content h4 {
font-weight: 900;
font-size: 1.745em;
margin-bottom: 10px;
line-height: 1.3; }
@media only screen and (max-width: 37.5em) {
.news-details .main-content h4 {
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; } }
.news-details .main-content h5 {
font-weight: 900;
font-size: 1.079em;
text-transform: uppercase;
margin-bottom: 10px;
line-height: 1.3;
color: #DF8E38; }
.news-details .main-content h6 {
font-weight: 900;
font-size: 1.079em;
margin-bottom: 10px;
line-height: 1.3; }
.news-details .main-content hr {
display: block;
width: 100%;
clear: both;
margin: 30px auto; }
.news-details .main-content p {
line-height: 1.7; }
.news-details .main-content ul, .news-details .main-content ol {
line-height: 1.7; }
.news-details .main-content ul li, .news-details .main-content ol li {
margin-left: 20px;
margin-bottom: 10px; }
.news-details .main-content ul {
list-style-type: disc; }
.news-details .main-content ol {
list-style-type: decimal; }
.news-details .main-content p:not(:last-child), .news-details .main-content ul:not(:last-child), .news-details .main-content ol:not(:last-child) {
margin-bottom: 30px; }
@media only screen and (max-width: 66.25em) {
.news-details .main-content p:not(:last-child), .news-details .main-content ul:not(:last-child), .news-details .main-content ol:not(:last-child) {
margin-bottom: 20px; } }
.news-details .main-content img {
margin-bottom: 40px; }
.news-details .main-content img.size-full {
width: 100%; }
@media only screen and (max-width: 66.25em) {
.news-details .main-content img {
margin-bottom: 20px; } }
.news-details .main-content a {
color: #1173CB; }
.news-details .main-content a:hover {
text-decoration: underline; }
.news-details .main-content .button {
background: #B4732D;
font-weight: 900;
color: #fff;
text-transform: uppercase;
font-size: 1.618em;
font-family: "Open Sans Condensed", sans-serif;
padding: 30px 40px;
text-align: center;
margin: 50px auto 0;
display: block;
transition: all .2s ease-in-out;
text-decoration: none !important; }
.news-details .main-content .button:hover {
background: #a56522; }
@media only screen and (max-width: 60.625em) {
.news-details .main-content .button {
font-size: 1rem;
margin-top: 30px;
padding: 30px 20px; } }
.news-details .main-content .alignright {
float: right;
margin: 10px 0 10px 20px; }
@media only screen and (max-width: 37.5em) {
.news-details .main-content .alignright {
float: none;
display: block;
margin: 1.125em auto; } }
.news-details .main-content .alignleft {
float: left;
margin: 10px 20px 10px 0; }
@media only screen and (max-width: 37.5em) {
.news-details .main-content .alignleft {
float: none;
display: block;
margin: 1.125em auto; } }
.news-details .main-content .aligncenter {
float: none;
display: block;
margin: 0 auto 15px; }
.news-details .main-content .alignnone {
display: block;
margin: 0 0 15px 0; }
.news-details .main-content blockquote {
line-height: 1.7;
margin-bottom: 15px;
font-weight: 400;
font-style: italic;
width: 100%;
float: left;
padding: 15px 0 30px;
margin: 15px 0;
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
position: relative;
color: #959595; }
.news-details .more-posts {
margin-bottom: 45px;
padding: 0 20px; }
.news-details .more-posts:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.news-details .more-posts h3 {
font-weight: 900;
font-size: 1.079em;
text-transform: uppercase;
float: left;
width: 100%;
padding: 50px 0 20px;
color: #777777; }
.news-details .more-posts .more-posts-row {
display: flex;
flex-wrap: wrap;
float: left; }
.news-details .more-posts .more-posts-row article {
width: 31.3333%;
background: #fff;
padding: 20px;
min-height: 230px;
margin-bottom: 30px;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
margin-right: 1.5%;
line-height: 1.1; }
@media only screen and (max-width: 66.25em) {
.news-details .more-posts .more-posts-row article {
font-size: 80%;
min-height: 200px; } }
@media only screen and (max-width: 50em) {
.news-details .more-posts .more-posts-row article {
width: 100%;
margin-right: 0 !important;
margin-bottom: 15px;
min-height: 0; } }
.news-details .more-posts .more-posts-row article:nth-child(4n) {
margin-right: 0; }
.news-details .more-posts .more-posts-row article a {
font-size: 1.618em;
font-weight: 900;
margin-bottom: 15px;
display: block;
transition: all .2s ease-in-out;
-ms-flex: 0 1 auto; }
.news-details .more-posts .more-posts-row article a:hover {
color: #1173CB; }
.news-details .more-posts .more-posts-row article .date {
font-size: 0.667em;
font-weight: 700;
color: #777777;
margin-bottom: 20px;
letter-spacing: 2px; }
.news-details .more-posts .button {
width: 49%;
float: left;
text-align: center;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #969696;
border: 1px solid #C2C2C2;
padding: 20px 10px;
cursor: pointer;
margin-bottom: 15px;
transition: all .2s ease-in-out; }
.news-details .more-posts .button:hover {
background: #fff; }
.news-details .more-posts .button.next {
float: right; }
.news-details .more-posts .button.full {
width: 100%; }
@media only screen and (max-width: 31.25em) {
.news-details .more-posts .button {
width: 100%; } }
.news-details .prev-next-articles {
background-color: #fff;
padding: 50px 0; }
.news-details .prev-next-articles .container, .news-details .prev-next-articles .intro {
max-width: 1040px; }
.news-details .prev-next-articles .article-block {
width: calc(50% - 10px);
float: left;
border: 1px solid #c2c2c2; }
.news-details .prev-next-articles .article-block:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.news-details .prev-next-articles .article-block:last-child {
float: right; }
@media only screen and (max-width: 50em) {
.news-details .prev-next-articles .article-block {
width: 100%;
float: none !important; }
.news-details .prev-next-articles .article-block:first-child {
margin-bottom: 30px; } }
.news-details .prev-next-articles .article-block.one-available {
width: 100%;
float: none;
margin-bottom: 0; }
.news-details .prev-next-articles .article-block .nav-button {
display: block;
width: 100%;
font-size: 1em;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 700;
color: #1173cb;
text-transform: uppercase;
transition: all .2s ease-in-out;
border-bottom: 1px solid #c2c2c2;
padding: 15px 30px; }
.news-details .prev-next-articles .article-block .nav-button:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 66.25em) {
.news-details .prev-next-articles .article-block .nav-button {
font-size: 0.8888889em; } }
@media only screen and (max-width: 30em) {
.news-details .prev-next-articles .article-block .nav-button {
padding: 15px 20px; } }
.news-details .prev-next-articles .article-block .nav-button:hover {
color: #DF8E38; }
.news-details .prev-next-articles .article-block .nav-button:hover span.btn {
box-shadow: 0 0 0 4px #e1e1e1; }
.news-details .prev-next-articles .article-block .nav-button span.btn {
display: block;
width: 50px;
height: 50px;
background-color: #fff;
padding: 11px 12px;
border: 1px solid #c0c0c0;
border-radius: 50%;
transition: all .2s ease-in-out; }
@media only screen and (max-width: 66.25em) {
.news-details .prev-next-articles .article-block .nav-button span.btn {
width: 40px;
height: 40px;
padding: 12px; } }
.news-details .prev-next-articles .article-block .nav-button span.btn svg {
display: block;
width: 100%;
height: 100%;
fill: #c0c0c0; }
.news-details .prev-next-articles .article-block .nav-button .text {
display: block;
width: calc(100% - 75px);
vertical-align: middle;
text-align: center;
padding-top: 15px; }
@media only screen and (max-width: 66.25em) {
.news-details .prev-next-articles .article-block .nav-button .text {
padding-top: 13px;
width: calc(100% - 50px); } }
.news-details .prev-next-articles .article-block .nav-button.prev .btn {
float: left; }
.news-details .prev-next-articles .article-block .nav-button.prev .text {
float: right;
padding-right: 60px; }
@media only screen and (max-width: 66.25em) {
.news-details .prev-next-articles .article-block .nav-button.prev .text {
padding-right: 35px; } }
.news-details .prev-next-articles .article-block .nav-button.next {
float: right;
text-align: right; }
.news-details .prev-next-articles .article-block .nav-button.next .btn {
float: right; }
.news-details .prev-next-articles .article-block .nav-button.next .text {
float: left;
padding-left: 60px; }
@media only screen and (max-width: 66.25em) {
.news-details .prev-next-articles .article-block .nav-button.next .text {
padding-left: 35px; } }
.news-details .prev-next-articles .article-block .content-wrap {
padding: 40px 40px 60px;
clear: both;
margin: 0 auto; }
@media only screen and (max-width: 30em) {
.news-details .prev-next-articles .article-block .content-wrap {
padding: 30px 20px; } }
.news-details .prev-next-articles .article-block .content-wrap h3 {
font-size: 1.079em;
font-weight: 700;
color: #262626;
line-height: 1.3;
margin-bottom: 5px; }
.news-details .prev-next-articles .article-block .content-wrap h3 a {
transition: all 200ms linear; }
.news-details .prev-next-articles .article-block .content-wrap h3 a:hover {
color: #1173cb; }
.news-details .prev-next-articles .article-block .content-wrap > p {
font-size: 0.7777778em;
color: #262626;
line-height: 1.7;
margin-bottom: 20px; }
.news-details .prev-next-articles .article-block .author-wrap {
display: block;
position: relative;
min-height: 60px;
padding-left: 70px; }
.news-details .prev-next-articles .article-block .author-wrap img {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
border-radius: 50%; }
.news-details .prev-next-articles .article-block .author-wrap strong {
font-size: 0.7777777778em;
color: #262626;
line-height: 1.5;
margin-bottom: 5px; }
.news-details .prev-next-articles .article-block .author-wrap p {
font-size: 0.667em;
color: #777777;
line-height: 1.8;
font-style: italic; }
.siteSearch {
width: 100%;
position: fixed;
top: -150px;
left: 0px;
z-index: 99999999999999999;
padding: 20px;
background-color: #fff;
transition: all 300ms ease; }
.siteSearch:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.navSearch .siteSearch {
top: 0px; }
.siteSearch .inputWrap {
max-width: 960px;
position: relative;
padding-right: 30px;
margin: 0 auto; }
@media only screen and (max-width: 41.25em) {
.siteSearch .inputWrap {
padding-right: 0; } }
.siteSearch .inputWrap label {
display: none; }
.siteSearch .inputWrap input[type="text"] {
display: block;
width: 100%;
position: relative;
z-index: 1;
font-family: "Open Sans", sans-serif;
font-size: 1.618em;
font-weight: 400;
color: #969696;
background-color: #eee;
padding: 6px 150px 6px 66px; }
.siteSearch .inputWrap input[type="submit"] {
display: block;
width: 150px;
height: 100%;
position: absolute;
top: 0;
right: 30px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: #1173cb;
transition: all 150ms ease;
padding: 0 20px;
z-index: 2;
cursor: pointer; }
.siteSearch .inputWrap input[type="submit"]:hover {
background-color: #363636; }
@media only screen and (max-width: 41.25em) {
.siteSearch .inputWrap input[type="submit"] {
width: 100%;
height: auto;
position: relative;
right: auto;
top: auto;
padding: 15px; } }
.siteSearch .inputWrap svg {
display: block;
position: absolute;
z-index: 3; }
.siteSearch .inputWrap svg.icon {
width: 23px;
height: 23px;
top: 16px;
left: 22px;
fill: #969696;
cursor: text; }
.siteSearch .inputWrap svg.close {
width: 12px;
height: 12px;
top: 21px;
right: 0;
cursor: pointer; }
@media only screen and (max-width: 41.25em) {
.siteSearch .inputWrap svg.close {
right: 20px; } }
.searchBlog {
display: none;
position: relative;
margin: 0 auto 20px;
clear: both; }
.searchBlog label {
display: none; }
.searchBlog input[type="text"] {
display: block;
width: 100%;
position: relative;
z-index: 1;
font-family: "Open Sans", sans-serif;
font-size: 1.618em;
font-weight: 400;
color: #969696;
background-color: #fff;
padding: 6px 35px 6px 12px;
border: 1px solid #C2C2C2;
border-bottom: 0; }
.searchBlog input[type="submit"] {
display: block;
width: 100%;
position: relative;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: #1173cb;
transition: all 150ms ease;
padding: 15px;
z-index: 2;
cursor: pointer; }
.searchBlog input[type="submit"]:hover {
background-color: #363636; }
.searchBlog svg {
display: block;
position: absolute;
z-index: 3; }
.searchBlog svg.close {
width: 12px;
height: 12px;
top: 21px;
right: 20px;
cursor: pointer; }
.inview-fadein {
width: 0px;
animation-delay: 200ms; }
.inview-fadein.inview-visible {
width: 100%;
animation-name: fadeIn;
animation-duration: 500ms;
animation-fill-mode: both; }
.inview-slidein {
opacity: 0;
animation-delay: 200ms; }
.inview-slidein.inview-visible {
animation-name: fadeIn;
animation-duration: 500ms;
animation-fill-mode: both; }
.inview-fadeInUp {
opacity: 0;
animation-delay: 300ms; }
.inview-fadeInUp.inview-visible {
animation-name: fadeInUp;
animation-duration: 500ms;
animation-fill-mode: both; }
.wpvr_embed.wpvr_embed {
padding-top: 0 !important; }
#disqus_thread {
max-width: 1180px;
margin: 0 auto 60px;
padding: 0 20px;
position: relative; }
@media only screen and (max-width: 50em) {
#disqus_thread {
margin-bottom: 0px; } }
#shareFF {
margin: 0 auto;
position: relative; }
#shareFF .ff-stream {
padding: 0px 20px !important; }
#shareFF .ff-item {
border: 0px solid #fff !important; }
#shareFF .ff-item:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
#shareFF .ff-item .picture-item__inner {
background-color: #fff !important;
padding: 0px !important;
border: 1px solid #CECECE !important;
border-left: none !important;
border-top: none !important; }
#shareFF .ff-item .picture-item__inner:before {
display: none !important; }
#shareFF .ff-item .ff-img-holder {
margin: 0 auto !important; }
#shareFF .ff-item .ff-img-holder img {
transform: translate3d(0, 0, 0) !important;
opacity: 1 !important; }
#shareFF .ff-item h4 {
display: none !important; }
#shareFF .ff-item .ff-content {
padding: 35px 20px 20px!important;
font-family: "Playfair Display", serif !important;
font-size: 0.667rem !important;
line-height: 1.7 !important;
color: #000 !important; }
#shareFF .ff-item .ff-content:first-child {
padding-top: 0px !important; }
#shareFF .ff-item .ff-content:before {
display: none !important; }
#shareFF .ff-item .ff-content a {
color: #2874b9 !important; }
#shareFF .ff-item .ff-content a:hover {
text-decoration: underline !important; }
#shareFF .ff-item .ff-article {
display: none !important; }
#shareFF .ff-item .ff-item-meta {
position: static !important;
height: auto !important;
overflow: visible !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important; }
#shareFF .ff-item .ff-item-meta .ff-timestamp {
display: block !important;
width: 100% !important;
font-style: italic !important;
font-family: "Open Sans", sans-serif !important;
font-size: 0.667rem !important;
padding: 20px 20px 0 !important;
color: #959595 !important;
margin: 0 !important;
height: auto !important;
line-height: 1 !important;
text-decoration: none !important;
float: none !important; }
#shareFF .ff-item .ff-item-meta .ff-timestamp:before {
display: none !important; }
#shareFF .ff-item .ff-item-meta .ff-name {
display: none !important; }
#shareFF .ff-item .ff-item-meta .ff-userpic {
display: none;
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 10 !important;
width: 40px !important;
height: 40px !important;
padding: 10px !important;
border: 1px solid #262626!important;
border-radius: 50% !important;
transition: all .2s ease-in-out !important;
box-sizing: border-box !important;
margin: 0 !important; }
#shareFF .ff-item .ff-item-meta .ff-userpic:hover {
border: 1px solid #DF8E37!important;
}
#shareFF .ff-item .ff-item-meta .ff-userpic .ff-icon {
border: 0 solid #fff !important; }
#shareFF .ff-item .ff-item-meta .ff-userpic .ff-icon .ff-icon-inner {
background-color: transparent !important;
font-size: 20px !important; }
#shareFF .ff-item .ff-share-wrapper {
display: none !important; }
#shareFF .ff-item .ff-item-cont {
background-color: #fff !important; }
#shareFF .ff-header {
background: #DF8E38 !important;
position: relative !important;
padding: 50px 0 30px !important;
color: #7F3300 !important;
transition: all 0ms linear 100ms; }
@media only screen and (max-width: 48.125em) {
#shareFF .ff-header {
padding: 30px 0 10px !important; } }
#shareFF .ff-header .ff-filter-holder {
margin: 0 auto !important;
display: block !important;
height: auto !important;
text-align: center !important;
font-size: 0 !important; }
#shareFF .ff-header .ff-filter-holder:before {
display: none !important; }
#shareFF .ff-header .ff-filter-holder span.ff-filter {
display: inline-block !important;
font-size: 35px !important;
margin: 0 20px 20px !important;
width: 50px !important;
height: 50px !important;
position: relative !important;
box-sizing: border-box !important;
padding: 0 !important; }
@media only screen and (max-width: 50em) {
#shareFF .ff-header .ff-filter-holder span.ff-filter {
width: 27px !important;
height: 25px !important;
margin: 0 10px 20px !important; } }
#shareFF .ff-filter-holder .ff-filter i,
#shareFF .ff-filter-holder .ff-filter .ff-type-youtube {
font-size: 30px !important;
}
#shareFF .ff-header .ff-filter-holder span.ff-filter:not(.ff-type-all):after {
position: relative !important;
z-index: 2 !important;
box-sizing: border-box !important;
font-size: 45px !important;
vertical-align: middle !important;
line-height: 1 !important;
color: #6F3605 !important; }
@media only screen and (max-width: 50em) {
#shareFF .ff-header .ff-filter-holder span.ff-filter:not(.ff-type-all):after {
font-size: 20px !important; } }
#shareFF .ff-header .ff-filter-holder span.ff-filter.ff-type-all {
position: relative !important;
top: 0px !important;
font-family: "Open Sans", sans-serif !important;
font-weight: 600 !important;
font-size: 40px !important;
color: #6F3605 !important;
line-height: 1 !important;
vertical-align: middle !important; }
@media only screen and (max-width: 50em) {
#shareFF .ff-header .ff-filter-holder span.ff-filter.ff-type-all {
font-size: 20px !important;
top: 10px !important; } }
#shareFF .ff-header .ff-filter-holder span.ff-filter.ff-type-all:not(.pauseDefault) {
color: #fff !important; }
#shareFF .ff-header .ff-filter-holder span.ff-filter .background {
display: none; }
#shareFF .ff-header .ff-filter-holder span.ff-filter.active.pauseDefault {
color: #fff !important; }
#shareFF .ff-header .ff-filter-holder span.ff-filter.active:after {
color: #fff !important; }
#shareFF .ff-header .ff-filter-holder span.ff-search {
display: none !important; }
#shareFF .ff-stream-wrapper {
padding: 0 !important;
margin: 0 auto !important;
max-width: 1240px !important; }
#shareFF .ff-loadmore-wrapper .ff-btn {
height: auto !important;
display: inline-block !important;
float: none !important;
width: 200px !important;
margin: 0 auto !important;
text-transform: uppercase !important;
font-family: "Open Sans Condensed", sans-serif !important;
font-size: 1rem !important;
font-weight: 700 !important;
color: #969696 !important;
border: 1px solid #C2C2C2 !important;
transition: all .2s ease-in-out !important;
text-align: center !important;
padding: 20px 10px !important;
background-color: transparent !important;
border-radius: 0 !important; }
#shareFF .ff-loadmore-wrapper .ff-btn:hover {
background-color: #fff !important; }
#shareFF.v1 {
padding-top: 321px !important; }
#shareFF.v1 .ff-stream {
overflow: visible !important; }
#shareFF.v1 .ff-header {
position: absolute !important;
top: -278px;
left: 0;
width: 100%; }
#shareFF.v2 .ff-stream {
min-height: inherit !important; }
@media only screen and (max-width: 52.5em) {
#shareFF.v2 .ff-stream .ff-stream-wrapper {
height: auto !important;
transform: none !important;
transition: all 0ms ease 0ms !important; }
#shareFF.v2 .ff-stream .ff-stream-wrapper .ff-item {
position: relative !important;
top: auto !important;
left: auto !important;
margin: 0 auto 20px !important;
float: none !important;
display: block !important;
transform: none !important;
transition: all 0ms ease 0ms !important; } }
#shareFF.v2 .ff-loadmore-wrapper {
display: none !important; }
#at20mc {
display: none !important; }
.attachment-fixed {
position: relative;
background-size: cover;
background-position: center top;
background-repeat: no-repeat; }
@media only screen and (max-width: 66.25em) {
.attachment-fixed {
background-attachment: scroll; } }
.content-wAside.learning a.learning-logo {
position: absolute;
top: 110px;
left: 50%;
width: 574px;
height: 100px;
margin-left: -330px;
z-index: 2;
fill: #006C55; }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning a.learning-logo.landing-template {
top: 135px;
fill: #fff; } }
@media only screen and (max-width: 50em) {
.content-wAside.learning a.learning-logo.landing-template {
width: 300px;
height: 53px;
margin-left: -165px; } }
@media only screen and (max-width: 31.25em) {
.content-wAside.learning a.learning-logo.landing-template {
width: 250px;
height: 44px;
margin-left: -145px; } }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning a.learning-logo.single-template {
width: 250px;
height: 44px;
top: 20px;
left: 80px;
margin-left: 0; } }
@media only screen and (max-width: 47.5em) {
.content-wAside.learning a.learning-logo.single-template {
display: none; } }
.content-wAside.learning .learning-landing {
position: relative;
font-family: "Open Sans", sans-serif;
text-align: center;
border-top: 220px solid #EEE;
padding: 90px 0 60px;
background-attachment: fixed; }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning .learning-landing {
background-attachment: scroll;
border-top: 95px solid #eee;
padding-top: 160px; } }
@media only screen and (max-width: 50em) {
.content-wAside.learning .learning-landing {
padding-top: 135px; } }
@media only screen and (max-width: 31.25em) {
.content-wAside.learning .learning-landing {
padding-top: 115px; } }
.content-wAside.learning .learning-landing .container, .content-wAside.learning .learning-landing .intro {
max-width: 1240px;
padding: 0 40px;
color: #fff; }
.content-wAside.learning .learning-landing .container.single-sidebar, .content-wAside.learning .learning-landing .single-sidebar.intro {
max-width: none; }
@media only screen and (max-width: 81.25em) {
.content-wAside.learning .learning-landing .container, .content-wAside.learning .learning-landing .intro {
max-width: 900px; } }
@media only screen and (max-width: 30em) {
.content-wAside.learning .learning-landing .container, .content-wAside.learning .learning-landing .intro {
padding: 0 20px; } }
.content-wAside.learning .learning-landing .container h1, .content-wAside.learning .learning-landing .intro h1 {
display: none;
font-weight: 900;
font-size: 2.824em;
text-transform: uppercase;
margin-bottom: 30px; }
@media only screen and (max-width: 50em) {
.content-wAside.learning .learning-landing .container h1, .content-wAside.learning .learning-landing .intro h1 {
font-size: 1.745em;
margin-bottom: 20px; } }
.content-wAside.learning .learning-landing .container p, .content-wAside.learning .learning-landing .intro p {
font-size: 1.079em;
line-height: 1.7;
font-weight: 600; }
@media only screen and (max-width: 50em) {
.content-wAside.learning .learning-landing .container p, .content-wAside.learning .learning-landing .intro p {
font-size: 0.888888em; } }
.content-wAside.learning .learning-landing .learn-features {
padding: 100px 0 80px; }
.content-wAside.learning .learning-landing .learn-features:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 51.25em) {
.content-wAside.learning .learning-landing .learn-features {
padding: 60px 0 40px; } }
.content-wAside.learning .learning-landing .learn-features a {
display: block;
float: left;
padding: 0 10px;
text-align: center; }
@media only screen and (min-width: 50.0625em) {
.content-wAside.learning .learning-landing .learn-features a {
width: 30%;
margin: 0 5% 60px 0; }
.content-wAside.learning .learning-landing .learn-features a:nth-child(3n) {
margin-right: 0; }
.content-wAside.learning .learning-landing .learn-features a:nth-child(3n+1) {
clear: left; } }
@media only screen and (max-width: 50em) {
.content-wAside.learning .learning-landing .learn-features a {
width: 47.5%;
margin: 0 5% 45px 0; }
.content-wAside.learning .learning-landing .learn-features a:nth-child(2n) {
margin-right: 0; }
.content-wAside.learning .learning-landing .learn-features a:nth-child(2n+1) {
clear: left; }
.content-wAside.learning .learning-landing .learn-features a:nth-child(2n+1):last-child {
float: none;
margin-left: auto;
margin-right: auto; } }
.content-wAside.learning .learning-landing .learn-features a .icon {
position: relative;
display: block;
width: 240px;
height: 240px;
background-color: #262626;
border-radius: 50%;
margin: 0 auto 20px;
transition: all 300ms ease;
padding: 30px; }
@media only screen and (max-width: 81.25em) {
.content-wAside.learning .learning-landing .learn-features a .icon {
width: 190px;
height: 190px;
padding: 20px; } }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-landing .learn-features a .icon {
width: 140px;
height: 140px;
padding: 10px; } }
@media only screen and (max-width: 30em) {
.content-wAside.learning .learning-landing .learn-features a .icon {
width: 90px;
height: 90px;
padding: 5px; } }
.content-wAside.learning .learning-landing .learn-features a .icon:after {
content: '';
position: absolute;
left: -3px;
top: -3px;
z-index: 1;
width: 100%;
height: 100%;
box-sizing: content-box;
border: 3px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
box-shadow: 0px 86px 50px -35px rgba(0, 0, 0, 0.4); }
.content-wAside.learning .learning-landing .learn-features a .icon svg {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 100%; }
.content-wAside.learning .learning-landing .learn-features a:hover .icon {
transform: translate3d(0, -8px, 0); }
.content-wAside.learning .learning-landing .learn-features a .text {
position: relative;
z-index: 3;
display: block;
color: #fff;
font-weight: 700; }
@media only screen and (max-width: 81.25em) {
.content-wAside.learning .learning-landing .learn-features a .text {
font-size: 0.888888em; } }
.content-wAside.learning .learning-landing .coming-soon {
margin-bottom: 90px; }
.content-wAside.learning .learning-landing footer p {
color: #fff; }
.content-wAside.learning .learning-landing footer a {
color: #fff; }
.content-wAside.learning .learning-landing footer a svg.iowa {
fill: currentColor; }
.content-wAside.learning .learning-details {
position: relative;
font-family: "Open Sans", sans-serif;
text-align: center;
border-top: 220px solid #eee; }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning .learning-details {
border-top: 95px solid #eee; } }
.content-wAside.learning .learning-details .container, .content-wAside.learning .learning-details .intro {
position: relative;
z-index: 2;
max-width: 1240px; }
.content-wAside.learning .learning-details .heading-container {
margin-bottom: 120px; }
.content-wAside.learning .learning-details .heading-container .save {
position: absolute;
top: 0px;
right: 20px;
z-index: 3;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1em;
font-weight: 700;
color: #1173cb;
text-transform: uppercase;
padding: 20px 30px;
border: 1px solid #c2c2c2;
background-color: rgba(204, 216, 228, 0.3);
transition: all 150ms ease; }
.content-wAside.learning .learning-details .heading-container .save .text {
margin-right: 10px; }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .heading-container .save .text {
vertical-align: middle; } }
.content-wAside.learning .learning-details .heading-container .save img {
width: 15px; }
.content-wAside.learning .learning-details .heading-container .save:hover {
background-color: rgba(204, 216, 228, 0.8); }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning .learning-details .heading-container .save {
top: 86px;
right: auto;
left: 50%;
margin-left: -88.5px; } }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .heading-container .save {
top: 75px;
padding: 10px 20px;
margin-left: -73.5px;
font-size: 0.8888888889em; } }
.content-wAside.learning .learning-details .learning-intro {
position: relative;
z-index: 2;
height: 100px;
color: #fff;
background: rgba(0, 97, 75, 0.8); }
.content-wAside.learning .learning-details .learning-intro h1 {
height: 100%;
float: right;
padding-right: 60px; }
.flexbox .content-wAside.learning .learning-details .learning-intro h1 {
display: flex;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 45.625em) {
.content-wAside.learning .learning-details .learning-intro h1 {
padding-right: 20px; } }
.content-wAside.learning .learning-details .learning-intro h1 .text {
display: inline-block;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1.745em;
text-transform: uppercase;
font-weight: 700;
margin-right: 40px; }
.no-flexbox .content-wAside.learning .learning-details .learning-intro h1 .text {
padding-top: 35px; }
@media only screen and (max-width: 45.625em) {
.content-wAside.learning .learning-details .learning-intro h1 .text {
font-size: 1.079em;
margin-right: 20px; }
.no-flexbox .content-wAside.learning .learning-details .learning-intro h1 .text {
padding-top: 43px; } }
@media only screen and (max-width: 28.125em) {
.content-wAside.learning .learning-details .learning-intro h1 .text {
margin-right: 0px; } }
.content-wAside.learning .learning-details .learning-intro h1 svg {
width: 100px;
height: 100px;
display: inline-block;
position: relative;
color: #fff;
fill: currentColor; }
@media only screen and (max-width: 45.625em) {
.flexbox .content-wAside.learning .learning-details .learning-intro h1 svg {
width: 75px;
height: 75px; } }
@media only screen and (max-width: 28.125em) {
.content-wAside.learning .learning-details .learning-intro h1 svg {
display: none; } }
.content-wAside.learning .learning-details .learning-intro .overview {
position: absolute;
left: 0;
top: 0;
width: 86px;
height: 100%;
font-size: 0.6111111111rem;
font-weight: 600;
line-height: 1.4;
text-align: center;
padding: 0 10px;
background: #0b5048;
transition: all 300ms ease-in; }
.content-wAside.learning .learning-details .learning-intro .overview:hover {
background: #0d6f64; }
.content-wAside.learning .learning-details .learning-intro .overview:before {
content: "+";
display: block;
margin-bottom: 6px;
font-family: 'Helvetica';
font-size: 2rem;
font-weight: 100;
line-height: 1; }
.content-wAside.learning .learning-details .page-preview {
width: 100%;
padding: 250px 0 150px;
margin-top: -100px; }
.content-wAside.learning .learning-details .page-preview:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 50em) {
.content-wAside.learning .learning-details .page-preview {
padding: 150px 0 50px; } }
.content-wAside.learning .learning-details .page-preview .button-container {
display: block; }
@media only screen and (min-width: 50.0625em) {
.content-wAside.learning .learning-details .page-preview .button-container {
width: 30%;
float: left;
margin-right: 5%; }
.content-wAside.learning .learning-details .page-preview .button-container:nth-child(3n) {
margin-right: 0; }
.content-wAside.learning .learning-details .page-preview .button-container:nth-child(3n+1) {
clear: left; } }
@media only screen and (max-width: 50em) {
.content-wAside.learning .learning-details .page-preview .button-container {
margin-bottom: 45px; } }
@media only screen and (min-width: 50.0625em) {
.content-wAside.learning .learning-details .page-preview.no-play .button-container {
width: 45%;
float: left;
margin-right: 5%; }
.content-wAside.learning .learning-details .page-preview.no-play .button-container:nth-child(2n) {
margin-right: 0; }
.content-wAside.learning .learning-details .page-preview.no-play .button-container:nth-child(2n+1) {
clear: left; } }
.content-wAside.learning .learning-details .page-preview button {
position: relative;
display: block;
max-width: 350px;
margin: 0 auto;
background-color: #252525;
border-radius: 50%;
color: #fff; }
@media only screen and (max-width: 50em) {
.content-wAside.learning .learning-details .page-preview button {
max-width: 215px; } }
.content-wAside.learning .learning-details .page-preview button:after {
content: '';
position: absolute;
z-index: 1;
left: -5px;
top: -5px;
width: 100%;
height: 100%;
box-sizing: content-box;
border: 5px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
box-shadow: 0px 86px 50px -35px rgba(0, 0, 0, 0.4); }
.content-wAside.learning .learning-details .page-preview button .image-container {
position: relative;
z-index: 2;
display: block;
opacity: 0.2;
border-radius: 50%;
overflow: hidden; }
.content-wAside.learning .learning-details .page-preview button .text-container {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px 10px; }
.flexbox .content-wAside.learning .learning-details .page-preview button .text-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; }
.no-flexbox .content-wAside.learning .learning-details .page-preview button .text-container {
padding: 50px 10px 0; }
.content-wAside.learning .learning-details .page-preview button .text-container .wrap {
display: block;
max-width: 100%;
transition: all 300ms ease; }
.content-wAside.learning .learning-details .page-preview button .text-container strong {
display: block;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 100;
font-size: 2.824em;
margin-bottom: 5px;
transition: all 300ms linear; }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning .learning-details .page-preview button .text-container strong {
font-size: 1.745em; } }
.content-wAside.learning .learning-details .page-preview button .text-container .description {
display: block;
overflow: hidden;
font-family: "Open Sans", sans-serif;
font-size: 0.89em;
line-height: 1.4;
transition: max-height 300ms linear 300ms, opacity 300ms linear; }
@media only screen and (min-width: 55.0625em) {
.flexbox .content-wAside.learning .learning-details .page-preview button .text-container .description {
max-height: 0;
opacity: 0; } }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning .learning-details .page-preview button .text-container .description {
font-size: 0.667em; } }
.content-wAside.learning .learning-details .page-preview button .text-container .icon {
display: block;
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 50%;
fill: #fff;
padding: 13px;
margin: 15px auto 0; }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning .learning-details .page-preview button .text-container .icon {
width: 30px;
height: 30px;
padding: 10px; } }
@media only screen and (min-width: 55.0625em) {
.flexbox .content-wAside.learning .learning-details .page-preview button:hover .text-container strong {
margin-top: 20px; }
.flexbox .content-wAside.learning .learning-details .page-preview button:hover .text-container .description {
max-height: 300px;
opacity: 1;
transition: max-height 300ms linear, opacity 300ms linear 300ms; } }
.content-wAside.learning .learning-details .understand {
width: 100%;
padding: 130px 0 200px;
color: #262626; }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning .learning-details .understand {
padding: 70px 0 100px; } }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .understand .container, .content-wAside.learning .learning-details .understand .intro {
padding: 0; } }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .understand .heading-container {
padding: 0 20px; } }
.content-wAside.learning .learning-details .understand .content-container {
position: relative;
border: 20px solid rgba(0, 0, 0, 0.07); }
.content-wAside.learning .learning-details .understand .content-container:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning .learning-details .understand .content-container {
max-width: 560px;
margin: 0 auto; } }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .understand .content-container {
font-size: 80%;
border: none; } }
.content-wAside.learning .learning-details .understand .content-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background-color: #fff; }
.content-wAside.learning .learning-details .understand .content-container .column {
width: 100%;
width: calc(50% - 30px);
text-align: left;
padding: 40px 30px; }
.content-wAside.learning .learning-details .understand .content-container .column:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 66.25em) {
.content-wAside.learning .learning-details .understand .content-container .column {
width: 100%;
float: none !important; } }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .understand .content-container .column {
padding: 40px 20px 20px; } }
.content-wAside.learning .learning-details .understand .content-container .column.left {
float: left; }
.content-wAside.learning .learning-details .understand .content-container .column.right {
float: right; }
.content-wAside.learning .learning-details .understand .content-container h3 {
font-size: 1.745em;
margin-bottom: 20px;
margin-top: 10px;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 700;
width: 100%;
max-width: 400px;
display: block; }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .understand .content-container h3 {
margin: 5px 0 10px; } }
.content-wAside.learning .learning-details .understand .content-container h4 {
font-size: 1em;
font-weight: 700;
margin-bottom: 6px; }
.content-wAside.learning .learning-details .understand .content-container p {
font-size: 0.888889em;
line-height: 1.7;
margin-bottom: 20px; }
.content-wAside.learning .learning-details .understand .content-container img {
max-width: 100% !important; }
@media (max-width: 768px) {
.content-wAside.learning .learning-details .understand .content-container img {
float: none;
display: block;
margin: 0 auto; } }
.content-wAside.learning .learning-details .understand .content-container img:not(:last-child) {
margin-bottom: 30px; }
.content-wAside.learning .learning-details .challenge {
padding: 100px 0 200px;
border-top: 2px solid #a9b0b6;
border-bottom: 2px solid #a9b0b6;
text-align: center; }
.content-wAside.learning .learning-details .challenge.no-play {
padding-bottom: 450px; }
.content-wAside.learning .learning-details .challenge .heading-container {
margin-bottom: 60px; }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .challenge .heading-container {
padding: 0 20px; } }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .challenge .container, .content-wAside.learning .learning-details .challenge .intro {
padding: 0; } }
.content-wAside.learning .learning-details .challenge .the-challenge {
position: relative;
padding: 40px 30px;
background: #fff;
text-align: left; }
.content-wAside.learning .learning-details .challenge .the-challenge:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .challenge .the-challenge {
padding: 40px 20px 20px; } }
.content-wAside.learning .learning-details .challenge .the-challenge h3 {
width: 100%;
text-align: center;
font-family: "Open Sans Condensed", sans-serif;
color: #00614b;
text-transform: uppercase;
font-weight: 100;
font-size: 1.745em;
margin-bottom: 10px; }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .challenge .the-challenge h3 {
margin-bottom: 10px; } }
.content-wAside.learning .learning-details .challenge .the-challenge h3 strong {
color: #262626;
font-weight: 700; }
.content-wAside.learning .learning-details .challenge .the-challenge h4 {
font-weight: 700;
margin-bottom: 8px; }
.content-wAside.learning .learning-details .challenge .the-challenge p {
font-size: .89em;
line-height: 1.7;
margin-bottom: 20px; }
.content-wAside.learning .learning-details .challenge .the-challenge ul, .content-wAside.learning .learning-details .challenge .the-challenge ol {
display: block;
width: 100%;
font-family: "Open Sans", sans-serif;
font-size: .89em;
line-height: 1.7;
text-align: left; }
.content-wAside.learning .learning-details .challenge .the-challenge ul li, .content-wAside.learning .learning-details .challenge .the-challenge ol li {
margin-left: 30px; }
.content-wAside.learning .learning-details .challenge .the-challenge ul {
list-style-type: disc; }
.content-wAside.learning .learning-details .challenge .the-challenge ol {
list-style-type: decimal; }
.content-wAside.learning .learning-details .challenge .the-challenge .details {
padding: 40px 0;
border-bottom: 1px dashed #777777; }
.content-wAside.learning .learning-details .challenge .the-challenge .details:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.content-wAside.learning .learning-details .challenge .the-challenge .details .content {
float: left;
width: 61.7%; }
@media only screen and (max-width: 32.5em) {
.content-wAside.learning .learning-details .challenge .the-challenge .details .content {
float: none;
width: 100%; } }
.content-wAside.learning .learning-details .challenge .the-challenge .details img {
float: right;
max-width: 35%; }
@media only screen and (max-width: 32.5em) {
.content-wAside.learning .learning-details .challenge .the-challenge .details img {
float: none;
width: 100%;
max-width: 100%; } }
.content-wAside.learning .learning-details .challenge .the-challenge .details.horiz-image .content, .content-wAside.learning .learning-details .challenge .the-challenge .details.no-image .content {
width: 100%;
float: none;
margin-bottom: 20px; }
.content-wAside.learning .learning-details .challenge .the-challenge .details.horiz-image img, .content-wAside.learning .learning-details .challenge .the-challenge .details.no-image img {
float: none;
max-width: none;
width: 100%; }
.content-wAside.learning .learning-details .challenge .the-challenge .advice {
display: block;
width: 100%;
padding: 20px 0;
border-bottom: 1px dashed #777777;
text-align: center;
color: #1173cb; }
.content-wAside.learning .learning-details .challenge .the-challenge .advice:before {
content: "+";
font-family: "Helvetica";
font-weight: 900;
font-size: 1.3333333333em;
margin-right: 10px;
transition: all 150ms ease;
display: inline-block; }
.content-wAside.learning .learning-details .challenge .the-challenge .advice.active:before {
transform: rotate(-45deg); }
.content-wAside.learning .learning-details .challenge .the-challenge .show-advice {
position: absolute;
bottom: 109.9px;
left: 0;
z-index: 2;
display: block;
width: 100%;
max-height: 0;
background: #1C79CD;
color: #fff;
overflow: hidden;
transition: all 500ms ease; }
.content-wAside.learning .learning-details .challenge .the-challenge .show-advice .wrap {
padding: 40px; }
.content-wAside.learning .learning-details .challenge .the-challenge .show-advice.active {
max-height: 1000px; }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .challenge .the-challenge .show-advice {
bottom: 84px; } }
.content-wAside.learning .learning-details .challenge .challenge-slider {
position: relative;
z-index: 10;
max-width: 1020px;
margin: 0 auto;
border: 20px solid rgba(0, 0, 0, 0.07); }
@media only screen and (max-width: 61.25em) {
.content-wAside.learning .learning-details .challenge .challenge-slider {
margin-top: 130px; } }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .challenge .challenge-slider {
border: none;
font-size: 80%; } }
.content-wAside.learning .learning-details .challenge .challenge-slider .slide-container {
position: relative;
height: 1000px;
width: 100%;
transition: all 300ms linear;
overflow: hidden;
background-color: #fff; }
.content-wAside.learning .learning-details .challenge .challenge-slider .slide-container .slide {
position: absolute;
top: 0;
width: 100%;
transition: all 300ms linear;
z-index: 1; }
.content-wAside.learning .learning-details .challenge .challenge-slider .slide-container .slide.active {
z-index: 2; }
.content-wAside.learning .learning-details .challenge .challenge-slider .slide-container .slide.active {
left: 0 !important;
z-index: 3; }
.content-wAside.learning .learning-details .challenge .challenge-slider .slide-container[data-direction="prev"] .slide {
left: -100%; }
.content-wAside.learning .learning-details .challenge .challenge-slider .slide-container[data-direction="prev"] .inactive {
left: 100%; }
.content-wAside.learning .learning-details .challenge .challenge-slider .slide-container[data-direction="next"] .slide {
left: 100%; }
.content-wAside.learning .learning-details .challenge .challenge-slider .slide-container[data-direction="next"] .inactive {
left: -100%; }
.content-wAside.learning .learning-details .challenge .button-container {
position: absolute;
top: 100%;
display: block;
width: 100%;
padding-top: 50px; }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .challenge .button-container {
padding: 45px 20px 0; } }
.content-wAside.learning .learning-details .challenge .button-container .arrows {
width: 100%;
max-width: 380px;
margin: 0 auto 30px; }
.content-wAside.learning .learning-details .challenge .button-container .arrows:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.content-wAside.learning .learning-details .challenge .button-container .arrows button {
position: relative;
display: block;
width: 180px;
height: 34px;
max-width: 48%;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 700;
color: #fff;
text-align: center;
text-transform: uppercase;
background: #1173cb;
padding: 5px 20px;
transition: all 200ms ease; }
.content-wAside.learning .learning-details .challenge .button-container .arrows button:hover {
color: #EC8944; }
.content-wAside.learning .learning-details .challenge .button-container .arrows button:before {
content: '';
position: absolute;
width: 0;
height: 0;
top: -1px;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent; }
.content-wAside.learning .learning-details .challenge .button-container .arrows button:after {
content: " challenge"; }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .challenge .button-container .arrows button:after {
content: ""; } }
.content-wAside.learning .learning-details .challenge .button-container .arrows [data-direction="next"] {
float: right; }
.content-wAside.learning .learning-details .challenge .button-container .arrows [data-direction="next"]:before {
right: -12px;
border-left: 12px solid #1173cb; }
.content-wAside.learning .learning-details .challenge .button-container .arrows [data-direction="prev"] {
float: left; }
.content-wAside.learning .learning-details .challenge .button-container .arrows [data-direction="prev"]:before {
left: -12px;
border-right: 12px solid #1173cb; }
.content-wAside.learning .learning-details .challenge .button-container .pager {
display: block;
width: 100%;
text-align: center; }
.content-wAside.learning .learning-details .challenge .button-container .pager button {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 50%;
background: #fff;
border: 1px solid #c0c0c0;
color: #c0c0c0;
font-size: .778em;
font-weight: 700;
transition: all 200ms ease;
cursor: pointer; }
.content-wAside.learning .learning-details .challenge .button-container .pager button.active {
color: #fff;
border-color: #EC8944;
background: #EC8944; }
.content-wAside.learning .learning-details .play {
padding: 100px 0 250px;
clear: both; }
@media only screen and (max-width: 61.25em) {
.content-wAside.learning .learning-details .play {
padding: 100px 0 200px; } }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .play .heading-container {
margin-bottom: 60px; } }
.content-wAside.learning .learning-details .play iframe, .content-wAside.learning .learning-details .play img {
margin-bottom: 100px;
display: block;
width: 100%; }
@media only screen and (max-width: 25em) {
.content-wAside.learning .learning-details .play iframe, .content-wAside.learning .learning-details .play img {
margin: 20px 0 100px; } }
.content-wAside.learning .learning-details .play iframe {
height: 500px; }
@media only screen and (max-width: 37.5em) {
.content-wAside.learning .learning-details .play iframe {
height: 770px; } }
@media only screen and (max-width: 30em) {
.content-wAside.learning .learning-details .play iframe {
height: 690px; } }
@media only screen and (max-width: 20em) {
.content-wAside.learning .learning-details .play iframe {
height: 600px; } }
.content-wAside.learning .learning-details footer {
position: relative;
z-index: 1;
margin-top: -300px; }
.media-kit {
position: relative;
padding: 60px 0;
font-size: 1em; }
.media-kit:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 50em) {
.media-kit {
font-size: 0.8888889em;
padding: 45px 0; } }
.media-kit p {
display: block;
width: calc(100% - 235px);
float: left;
color: #262626;
line-height: 1.7;
margin-right: 60px; }
@media only screen and (max-width: 50em) {
.media-kit p {
width: 100%;
float: none;
margin-right: 0; }
.media-kit p:last-of-type {
margin-bottom: 30px !important; } }
.media-kit p:not(:last-of-type) {
margin-bottom: 20px; }
.media-kit a:not(.download) {
color: #1173cb; }
.media-kit a.download {
position: absolute;
top: 60px;
right: 0;
display: block;
width: 175px;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
line-height: 1.2;
background-color: #1173cb;
padding: 35px 10px 20px; }
@media only screen and (max-width: 50em) {
.media-kit a.download {
position: relative;
top: auto;
right: auto;
max-width: 300px;
margin: 0 auto;
width: 100%;
float: none;
padding: 15px 20px 20px; } }
@media only screen and (max-width: 25em) {
.media-kit a.download {
padding: 30px 20px 20px; } }
.media-kit a.download .text {
display: block;
margin: 0 auto 10px; }
.media-kit a.download .icon {
display: block;
width: 30px;
height: 30px;
padding: 7px;
margin: 0 auto;
background-color: #0b4d88;
border-radius: 50%; }
@media only screen and (max-width: 66.25em) {
.media-kit a.download .icon {
display: inline-block;
margin: 0; } }
@media only screen and (max-width: 25em) {
.media-kit a.download .icon {
display: block;
margin: 0 auto; } }
.media-kit a.download .icon svg {
fill: #fff;
height: 100%;
width: 100%; }
.media-contacts {
margin-bottom: 40px; }
@media only screen and (max-width: 50em) {
.media-contacts {
margin-bottom: 60px; } }
.media-contacts h2 {
font-size: 1.079em;
font-weight: 900;
color: #262626;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px; }
.media-contacts .contacts {
padding: 45px 0;
background-color: #fff;
border-bottom: 1px solid #cecece; }
.media-contacts .contacts:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 50em) {
.media-contacts .contacts {
padding: 0;
margin: 0 auto;
max-width: 440px; } }
.media-contacts .contacts[data-count="3"] .contact {
width: 33.33333%; }
.media-contacts .contacts[data-count="2"] .contact {
width: 50%; }
.media-contacts .contacts[data-count="1"] .contact {
width: 100%; }
.media-contacts .contacts .contact {
float: left;
padding: 0 10px; }
.media-contacts .contacts .contact:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 50em) {
.media-contacts .contacts .contact {
width: 100% !important;
float: none;
padding: 30px; }
.media-contacts .contacts .contact:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; } }
.media-contacts .contacts .contact:nth-child(2) {
border-left: 2px solid #eee;
border-right: 2px solid #eee; }
@media only screen and (max-width: 50em) {
.media-contacts .contacts .contact:nth-child(2) {
border: none;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee; } }
.media-contacts .contacts .contact img {
position: relative;
display: block;
max-width: 115px;
margin: 0 auto 20px;
border: 5px solid #fff;
border-radius: 50%;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
@media only screen and (max-width: 50em) {
.media-contacts .contacts .contact img {
margin: 0 30px 0 0;
float: left; } }
@media only screen and (max-width: 31.25em) {
.media-contacts .contacts .contact img {
margin: 0 auto 20px;
float: none; } }
.media-contacts .contacts .contact .text-container {
max-width: 210px;
margin: 0 auto;
text-align: left; }
@media only screen and (max-width: 50em) {
.media-contacts .contacts .contact .text-container {
width: calc(100% - 145px);
max-width: none;
margin: 0;
float: left;
padding-top: 10px; } }
@media only screen and (max-width: 31.25em) {
.media-contacts .contacts .contact .text-container {
width: 100%;
max-width: 210px;
margin: 0 auto;
float: none;
padding: 0; } }
.media-contacts .contacts .contact strong, .media-contacts .contacts .contact span, .media-contacts .contacts .contact a {
display: block;
font-size: 0.8888889em;
line-height: 1.4;
color: #262626;
margin-bottom: 5px; }
@media only screen and (max-width: 50em) {
.media-contacts .contacts .contact strong, .media-contacts .contacts .contact span, .media-contacts .contacts .contact a {
font-size: 0.7777777778em; } }
.media-contacts .contacts .contact a {
color: #1173cb; }
.media-resources .disclaimer {
padding: 0 10px;
margin-bottom: 60px;
font-size: 0.7222222em;
color: #262626; }
.media-resources .disclaimer strong {
display: block;
margin-bottom: 5px; }
.media-resources .disclaimer p {
line-height: 1.7; }
.media-resources .disclaimer p:not(:last-child) {
margin-bottom: 10px; }
.media-resources .disclaimer p a {
color: #1173cb; }
.media-resources .resource-buttons {
border-bottom: 1px solid #c2c2c2;
margin-bottom: 25px; }
@media only screen and (max-width: 37.5em) {
.media-resources .resource-buttons {
border-bottom: none; } }
.media-resources .resource-buttons button {
position: relative;
display: inline-block;
font-family: "Open Sans Condensed", sans-serif;
font-size: 0.8888889em;
font-weight: 700;
color: #969696;
text-align: center;
text-transform: uppercase;
padding: 18px 23px;
margin-right: 15px; }
.media-resources .resource-buttons button.active {
border: 1px solid #c2c2c2;
border-bottom: none; }
.media-resources .resource-buttons button.active:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 4px;
background-color: #eee; }
@media only screen and (max-width: 37.5em) {
.media-resources .resource-buttons button {
display: block;
width: 100%;
border: 1px solid #c2c2c2; }
.media-resources .resource-buttons button:not(:last-child) {
margin-bottom: 10px; }
.media-resources .resource-buttons button.active {
background-color: #fff;
border-bottom: 1px solid #c2c2c2; }
.media-resources .resource-buttons button.active:after {
display: none; } }
.media-resources .resource-container section {
display: none; }
.media-resources .resource-container section.active {
display: block; }
.media-resources .resource-container .resource {
padding: 40px;
margin-bottom: 10px;
background-color: #fff;
border-bottom: 1px solid #cecece; }
.media-resources .resource-container .resource:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.media-resources .resource-container .resource .image-container {
display: block;
position: relative;
width: 210px;
float: left;
margin-right: 30px; }
.media-resources .resource-container .resource .image-container .icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -37px;
margin-left: -37px;
display: block;
width: 74px;
height: 74px;
color: rgba(0, 0, 0, 0.5);
border: 2px solid #fff;
border-radius: 50%;
fill: #fff; }
@media only screen and (max-width: 56.25em) {
.media-resources .resource-container .resource .image-container {
float: none;
width: 100%;
max-width: 210px;
margin: 0 0 30px; } }
.media-resources .resource-container .resource .text-container {
width: calc(100% - 240px);
float: right; }
@media only screen and (max-width: 56.25em) {
.media-resources .resource-container .resource .text-container {
width: 100%;
float: none; } }
@media only screen and (max-width: 50em) {
.media-resources .resource-container .resource .text-container {
font-size: 80%; } }
.media-resources .resource-container .resource .text-container .date {
display: block;
font-size: 0.666666666rem;
font-weight: 600;
color: #777777;
margin-bottom: 15px; }
.media-resources .resource-container .resource .text-container h2 {
font-size: 1.333333em;
font-weight: 700;
color: #262626;
line-height: 1.2;
margin-bottom: 10px; }
.media-resources .resource-container .resource .text-container p {
font-size: 0.8888889em;
color: #262626;
line-height: 1.7; }
.media-resources .resource-container .resource .button-container {
padding-left: 240px;
padding-top: 30px;
clear: both; }
.media-resources .resource-container .resource .button-container:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both; }
@media only screen and (max-width: 56.25em) {
.media-resources .resource-container .resource .button-container {
padding-left: 0; } }
.media-resources .resource-container .resource .button-container button, .media-resources .resource-container .resource .button-container a {
display: block;
width: 32%;
float: left;
max-width: 300px;
color: #1173cb;
text-align: center;
line-height: 1;
padding: 12px 15px 14px;
border: 1px solid #c2c2c2;
margin-right: 2%; }
.media-resources .resource-container .resource .button-container button:last-child, .media-resources .resource-container .resource .button-container a:last-child {
margin-right: 0; }
@media only screen and (max-width: 37.5em) {
.media-resources .resource-container .resource .button-container button, .media-resources .resource-container .resource .button-container a {
width: 100%;
float: none;
text-align: left;
padding-left: 30px;
padding-right: 30px; }
.media-resources .resource-container .resource .button-container button:not(:last-child), .media-resources .resource-container .resource .button-container a:not(:last-child) {
margin-bottom: 10px; } }
.media-resources .resource-container .resource .button-container button svg, .media-resources .resource-container .resource .button-container a svg {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 5px; }
.media-resources .resource-container .resource .button-container button.video svg, .media-resources .resource-container .resource .button-container a.video svg {
fill: #fff;
color: #1173cb; }
.media-resources .resource-container .resource .button-container button.share svg, .media-resources .resource-container .resource .button-container a.share svg {
fill: #1173cb; }
.media-resources .resource-container .resource .button-container button.download svg, .media-resources .resource-container .resource .button-container a.download svg {
fill: #1173cb;
color: #fff; }
.media-resources .resource-container .resource .button-container button img, .media-resources .resource-container .resource .button-container a img {
display: inline-block;
width: 14px;
height: 15px;
vertical-align: middle;
margin-right: 5px; }
.media-resources .resource-container .resource .button-container button .text, .media-resources .resource-container .resource .button-container a .text {
font-family: "Open Sans Condensed", sans-serif;
font-size: 0.8888889em;
font-weight: 700;
text-transform: uppercase; }
.media-resources .resource-container .resource.video .image-container {
cursor: pointer; }
.media-download {
font-family: "Open Sans", sans-serif;
color: #262626;
background-color: #fff;
border: 10px solid rgba(0, 0, 0, 0.5);
padding: 40px; }
@media only screen and (max-width: 37.5em) {
.media-download {
border: 5px solid rgba(0, 0, 0, 0.5);
padding: 30px 15px; } }
.media-download .requested-resource {
text-align: center;
margin-bottom: 55px; }
.media-download .requested-resource img {
margin-bottom: 15px;
max-width: 250px; }
.media-download .requested-resource .resource-title {
display: block;
font-size: 0.8888889em;
font-weight: 700; }
@media only screen and (max-width: 37.5em) {
.media-download .requested-resource {
display: none; } }
.media-download .resource-content {
text-align: left; }
.media-download .resource-content .heading {
display: block;
font-size: 1.3333333333em;
font-weight: 700;
margin-bottom: 15px;
line-height: 1.2; }
@media only screen and (max-width: 37.5em) {
.media-download .resource-content .heading {
font-size: 1em;
margin-bottom: 10px; } }
.media-download .resource-content p {
font-size: 0.8888889em;
line-height: 1.7;
margin-bottom: 45px; }
@media only screen and (max-width: 37.5em) {
.media-download .resource-content p {
margin-bottom: 20px; } }
.media-download .resource-content button, .media-download .resource-content a {
display: block;
width: 100%;
max-width: 300px;
color: #1173cb;
text-align: center;
line-height: 1;
padding: 12px 15px 14px;
border: 1px solid #c2c2c2;
margin: 0 auto; }
.media-download .resource-content button svg, .media-download .resource-content a svg {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 5px;
fill: #1173cb;
color: #fff; }
.media-download .resource-content button .text, .media-download .resource-content a .text {
font-family: "Open Sans Condensed", sans-serif;
font-size: 0.8888889em;
font-weight: 700;
text-transform: uppercase; }
@media only screen and (max-width: 37.5em) {
.media-download .resource-content button, .media-download .resource-content a {
text-align: left;
padding-left: 30px;
padding-right: 30px; } }
.share-options {
display: block;
font-size: 0;
text-align: center;
margin-bottom: 35px; }
@media only screen and (max-width: 50em) {
.share-options {
margin-top: 35px; } }
.share-options a {
display: inline-block;
padding: 20px 30px;
border: 1px solid #c2c2c2; }
@media only screen and (max-width: 60em) {
.share-options a {
display: block;
padding: 15px; } }
@media only screen and (max-width: 25em) {
.share-options a {
padding: 15px 10px; } }
.share-options a:not(:last-child) {
margin-right: 10px; }
@media only screen and (max-width: 60em) {
.share-options a:not(:last-child) {
margin: 0 auto 25px; } }
.share-options a svg {
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
fill: #969696;
color: #969696;
margin-right: 15px; }
@media only screen and (max-width: 25em) {
.share-options a svg {
width: 12px;
height: 12px;
margin-right: 10px; } }
.share-options a svg.rotate {
transform: rotate(-90deg); }
.share-options a .text {
display: inline-block;
font-size: 1rem;
font-weight: 700;
color: #969696;
text-transform: uppercase;
vertical-align: middle; }
@media only screen and (max-width: 50em) {
.share-options a .text {
font-size: 0.875rem; } }
@media only screen and (max-width: 25em) {
.share-options a .text {
font-size: 0.75rem; } }
.site-all-about {
position: absolute;
top: 30px;
left: 70px;
z-index: 5;
font-family: "Open Sans Condensed", sans-serif;
display: inline-block;
padding: 12px 24px 12px 12px;
background-color: #d8d8d8;
border-radius: 3px;
cursor: pointer; }
@media only screen and (max-width: 75em) {
.site-all-about {
display: none; } }
.site-all-about .icon {
display: inline-block;
width: 25px;
height: 25px;
background-color: #fff;
padding: 3px;
border-radius: 50%;
margin-right: 10px;
vertical-align: middle; }
.site-all-about .icon svg {
fill: #d8d8d8;
width: 19px;
height: 19px; }
.site-all-about .text {
font-size: 0.777777rem;
font-weight: 700;
color: #787878;
text-transform: uppercase;
vertical-align: middle; }
.site-all-about-content {
display: none;
font-family: "Open Sans", sans-serif;
font-size: 0;
color: #262626; }
.site-all-about-content .siteLogo {
display: block;
width: 100%;
margin-bottom: 55px; }
.site-all-about-content .siteLogo svg {
fill: #2271b8; }
.site-all-about-content .siteLogo svg #road {
fill: #fff; }
.site-all-about-content .siteLogo svg #road #period {
fill: #c14e00; }
.site-all-about-content .siteLogo svg #road .st1 {
fill: #c14e00; }
.site-all-about-content .siteLogo svg #road .st2 {
fill: #ffa400; }
.site-all-about-content .siteLogo svg #text {
fill: #2271b8; }
.site-all-about-content .siteLogo svg #text #green {
fill: #106550; }
.site-all-about-content .siteLogo svg #text #tm {
fill: #292527; }
.site-all-about-content .siteLogo svg #text #blue {
fill: #2271b8; }
.site-all-about-content .siteLogo svg #text #light_blue {
fill: #4c8ecb; }
.site-all-about-content h2 {
font-size: 2rem;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 20px; }
.site-all-about-content p {
font-size: 1rem;
line-height: 1.7;
margin-bottom: 35px; }
.site-all-about-content .buttons {
font-size: 0;
text-align: center;
margin-top: 55px; }
.site-all-about-content .buttons a.btn {
display: inline-block;
width: 32%;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #969696;
padding: 15px 5px;
border: 1px solid #c2c2c2; }
.site-all-about-content .buttons a.btn:not(:first-child) {
margin-left: 2%; }
#IPEinvL123240 {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3) !important;
border: none !important; }
.mediaFilter .wrap .filter-container.categories .filters .button.active .text {
color: #1b6fba;
border-bottom: 2px solid #1b6fba; }
.social-fun-container {
width: 100%; }
.social-fun-container .social-fun-items .social-fun-sizer {
width: 25%; }
@media only screen and (max-width: 87.5em) {
.social-fun-container .social-fun-items .social-fun-sizer {
width: 33.3%; } }
@media only screen and (max-width: 64em) {
.social-fun-container .social-fun-items .social-fun-sizer {
width: 50%; } }
@media only screen and (max-width: 43.75em) {
.social-fun-container .social-fun-items .social-fun-sizer {
width: 100%; } }
.social-fun-item {
float: left;
padding: 13px;
width: 25%; }
@media only screen and (max-width: 87.5em) {
.social-fun-item {
width: 33.3%; } }
@media only screen and (max-width: 64em) {
.social-fun-item {
width: 50%; } }
@media only screen and (max-width: 43.75em) {
.social-fun-item {
width: 100%; } }
.social-fun-item .social-fun-content {
margin: 0;
padding: 0;
background-color: #000;
display: block;
position: relative;
cursor: pointer; }
.social-fun-item .social-fun-content .social-fun-play {
display: block;
width: 40px;
height: 40px;
background-image: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/social-fun-play.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px; }
.social-fun-item .social-fun-content .fun-youtube-play {
height: 69px;
position: absolute;
top: 50%;
left: 50%;
margin: -34.5px 0 0 -34.5px;
width: 69px; }
.social-fun-item .social-fun-content img, .social-fun-item .social-fun-content iframe {
height: auto;
width: 100%;
margin: 0 auto;
display: block; }
.social-fun-item .social-fun-content .social-fun-image {
display: none; }
.social-fun-item .social-fun-content .social-fun-vine {
height: 350px; }
.social-fun-item .social-fun-video {
display: none; }
.social-fun-title {
width: 100%;
display: flex;
justify-content: space-between;
padding: 20px;
background-color: #FFF;
border: 1px solid #C2C2C2; }
.social-fun-title h2 {
display: inline-block;
font-size: 14px;
font-family: "Open Sans", sans-serif;
margin-right: 20px;
line-height: 1.3; }
.social-fun-title h2.time-stamp {
margin-right: 0; }
.social-fun-title h2 a {
color: #1b6fba;
text-decoration: none; }
.social-fun-title a {
display: inline-block; }
.social-fun-title a h2 {
vertical-align: top; }
.social-fun-title img {
display: inline-block;
vertical-align: baseline; }
div.filter-container.fun.categories {
text-align: center; }
div.filter-container.fun.categories .filters {
display: inline-block; }
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.8);
cursor: crosshair;
cursor: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/close-white.png) 25 15, pointer; }
.overlay svg.close {
position: absolute;
top: 30px;
right: 30px;
display: block;
width: 20px;
height: 20px;
fill: #fff; }
.overlay .lightbox-container {
background-color: black;
width: 75%;
margin: 13px auto;
position: relative;
display: none;
z-index: 99999;
cursor: default; }
.overlay .lightbox-container .lightbox-content {
width: 100%; }
.overlay .lightbox-container .lightbox-content .social-fun-content {
cursor: default;
max-height: 75vh; }
.overlay .lightbox-container .lightbox-content .social-fun-content .social-fun-play {
display: none; }
.overlay .lightbox-container .lightbox-content .social-fun-content img {
display: none; }
.overlay .lightbox-container .lightbox-content .social-fun-content iframe {
height: 70vh;
width: 100%;
margin: 0 auto;
display: block;
min-height: 500px; }
.overlay .lightbox-container .lightbox-content .social-fun-content .social-fun-image {
height: 70vh;
display: block;
min-height: 500px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%; }
.overlay .lightbox-container .lightbox-content .social-fun-video {
display: block; }
#more_posts {
display: block;
width: auto;
margin: 20px auto;
padding: 20px;
background-color: #1173cb;
color: white;
cursor: pointer; }
.social-fun-vine-wrap {
position: relative;
padding-bottom: 100%;
height: 0;
overflow: hidden; }
.social-fun-vine-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.page-hero {
align-items: center;
display: flex;
justify-content: center;
flex-direction: column;
-ms-flex-pack: center;
-ms-flex-line-pack: center;
height: 200px;
margin-top: 200px;
background-image: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/grid.jpg);
background-repeat: repeat;
position: relative; }
@media only screen and (max-width: 450px) {
.page-hero {
height: 150px; } }
.page-hero .cutout {
position: absolute;
top: -55px;
left: 47%;
z-index: 1;
width: 468px;
height: 296px; }
@media only screen and (max-width: 1000px) {
.page-hero .cutout {
left: 22%; } }
@media only screen and (max-width: 800px) {
.page-hero .cutout {
left: 10%;
top: -48px;
width: 360px;
height: 228px; } }
.page-hero .heading {
color: #fff;
font-size: 3.333rem;
font-family: "Open Sans", sans-serif;
font-weight: bold;
letter-spacing: -.08rem;
margin-bottom: .75rem;
text-align: center;
text-transform: uppercase;
z-index: 5; }
@media only screen and (max-width: 750px) {
.page-hero .heading {
font-size: 2.333rem; } }
@media only screen and (max-width: 500px) {
.page-hero .heading {
font-size: 1.8rem; } }
.page-hero .subheading {
color: #fff;
font-size: 1.667rem;
font-family: "Playfair Display", serif;
font-style: italic;
font-weight: 600;
width: initial;
z-index: 6; }
@media only screen and (max-width: 750px) {
.page-hero .subheading {
font-size: 1rem; } }
.page-body {
max-width: 820px;
margin: 0 auto;
padding-top: 1.5rem; }
@media only screen and (max-width: 890px) {
.page-body {
padding: 1.5rem 1rem 0 1rem; } }
.page-body .back-button {
display: inline-block;
float: left;
text-align: center;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #969696;
border: 1px solid #C2C2C2;
padding: 20px 25px 20px 30px;
cursor: pointer;
transition: all .2s ease-in-out; }
@media only screen and (max-width: 37.5em) {
.page-body .back-button {
display: block;
width: 100%;
float: none;
margin-bottom: 20px; } }
.page-body .back-button:hover {
background: #fff; }
.page-body .back-button svg {
width: 13px;
height: 13px;
transform: rotate(90deg);
fill: #969696;
vertical-align: baseline;
margin-right: 10px; }
.page-body .main-content {
font-family: "Open Sans", sans-serif;
padding: 45px 60px 60px; }
.page-body .body-text {
margin: 1rem auto;
color: #262626;
font-family: "Open Sans", sans-serif;
line-height: 1.6;
margin-bottom: 2.5rem;
display: inline-block; }
@media only screen and (max-width: 400px) {
.page-body .body-text {
font-size: .85rem; } }
.page-body .body-text a {
color: #1173cb; }
.page-body .key {
font-family: "Open Sans", sans-serif;
margin-bottom: 1.5rem; }
.page-body .key .key-heading {
font-weight: 800;
text-transform: uppercase; }
.page-body .key .key-p {
font-size: .6667rem;
margin: 1.5rem 0;
padding-left: 2rem;
position: relative;
text-transform: uppercase; }
.page-body .key .key-p:before {
left: 0;
position: absolute;
top: -7px; }
.page-body .key .key-p.orange:before {
content: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/orange-key.png); }
.page-body .key .key-p.green:before {
content: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/green-key.png); }
.page-body .key .key-p.blue:before {
content: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/blue-key.png); }
.page-body article.safety-article {
background-color: #fff;
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
flex-direction: row;
justify-content: space-between;
margin: .75rem auto;
align-items: center;
padding: 30px 1.5rem;
overflow: hidden;
width: 100%; }
.page-body article.safety-article:last-of-type {
margin-bottom: 5rem; }
@media only screen and (max-width: 800px) {
.page-body article.safety-article {
height: auto; } }
@media only screen and (max-width: 640px) {
.page-body article.safety-article {
flex-direction: column;
max-width: 540px;
padding: 1rem; } }
.page-body article.safety-article .brand {
color: #262626;
font-family: "Open Sans", sans-serif;
font-weight: bold;
font-size: 1.667rem;
margin-right: 20px; }
@media only screen and (max-width: 640px) {
.page-body article.safety-article .brand {
margin-bottom: 1.5rem; } }
.page-body article.safety-article .link-set {
clear: both;
display: flex;
float: right; }
@media only screen and (max-width: 640px) {
.page-body article.safety-article .link-set {
padding-bottom: 1rem;
flex-wrap: wrap;
justify-content: space-around; } }
.page-body article.safety-article .link-set a {
border: 1px solid #000;
font-size: .7778rem;
font-weight: 600;
padding: .5rem 2rem .5rem 1rem;
position: relative;
text-transform: uppercase;
z-index: 999; }
@media only screen and (max-width: 540px) {
.page-body article.safety-article .link-set a  {
width: 100%;
margin: 5px 0px !important;
float: left;
} }
.page-body article.safety-article .link-set a svg {
position: absolute;
right: 11px;
top: 10px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.page-body article.safety-article .link-set a svg {
top: 0; } }
.page-body article.safety-article .link-set a.button.orange {
border-color: #df8e38;
color: #df8e38;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.orange.disabled {
opacity: .3;
cursor: default; }
.page-body article.safety-article .link-set a.button.orange svg .cls-1 {
fill: #df8e38;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.orange:not(.disabled):hover {
background-color: #df8e38;
color: #fff;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.orange:not(.disabled):hover svg .cls-1 {
fill: #fff;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.blue {
background-color: #1173CB;
border-color: #1173CB;
color: #fff;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.blue.disabled {
opacity: .3;
cursor: default; }
.page-body article.safety-article .link-set a.button.blue svg .cls-1 {
fill: #fff;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.blue:not(.disabled):hover {
background-color: #fff;
color: #1173CB;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.blue:not(.disabled):hover svg .cls-1 {
fill: #1173CB;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.green {
border-color: #00614b;
color: #00614b;
margin: 0 .5rem;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.green.disabled {
opacity: .3;
cursor: default; }
.page-body article.safety-article .link-set a.button.green svg .cls-1 {
fill: #00614b;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.green:not(.disabled):hover {
background-color: #00614b;
color: #fff;
transition: all 350ms ease-in-out; }
.page-body article.safety-article .link-set a.button.green:not(.disabled):hover svg .cls-1 {
fill: #fff;
transition: all 350ms ease-in-out; }
@media only screen and (max-width: 527px) {
.page-body article.safety-article .link-set a:last-of-type {
margin-top: 1rem; } }
@media only screen and (max-width: 370px) {
.page-body article.safety-article .link-set a:first-of-type {
margin-bottom: 1rem; } }
.tooltip {
background-color: #fff;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
font-family: "Open Sans", sans-serif;
font-size: .6667rem;
line-height: 1.4;
max-width: 250px;
padding: 1rem;
position: absolute;
text-align: center;
text-transform: uppercase;
z-index: 1000; }
.tooltip b {
font-weight: 600; }
.tooltip .active {
max-height: none; }
.news-details .container.single-sidebar, .news-details .single-sidebar.intro {
float: left;
width: 65.75%;
background-color: #eee; }
@media only screen and (max-width: 66.25em) {
.news-details .container.single-sidebar, .news-details .single-sidebar.intro {
width: 100%;
float: none; } }
.single-news .site-all-about {
position: relative;
display: block;
padding: 28px 60px 28px 75px;
border: 1px solid #c2c2c2;
top: auto;
left: auto;
background-color: #fff;
border-radius: 0; }
@media only screen and (max-width: 75em) {
.single-news .site-all-about {
display: block; } }
.single-news .site-all-about svg.press-release {
position: absolute;
top: 50%;
margin-top: -18px;
left: 20px;
display: block;
width: 36px;
height: 36px;
fill: #777; }
.single-news .site-all-about svg.icon {
position: absolute;
top: 50%;
margin-top: -8px;
right: 25px;
display: block;
width: 19px;
height: 19px;
fill: #777;
transform: rotate(-90deg); }
.single-news .site-all-about .text {
font-size: 0.777777rem;
font-weight: 700;
color: #262626;
text-transform: uppercase;
vertical-align: middle; }
.single-news .site-all-about:hover, .single-news .site-all-about.active {
color: #DF8E38;
border: 1px solid #DF8E38; }
.features-manufacturer-button {
display: block;
text-align: center;
margin-top: 24px; }
.features-manufacturer-button a {
display: inline-block;
width: auto;
font-size: 1em;
font-weight: 700;
font-family: "Open Sans Condensed", sans-serif;
color: #FFF;
background-color: #2271b8;
text-transform: uppercase;
padding: 15px;
margin: 0 auto;
transition: all 150ms ease;
cursor: pointer;
text-align: center; }
.home-future-link {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
background-color: rgba(70, 185, 165, 0.7);
display: flex;
justify-content: center;
z-index: 10;
background-image: url(//mycardoeswhat.org/wp-content/themes/usmangroup/images/nsc-future/future-bar-bg.jpg);
background-size: cover;
background-repeat: no-repeat; }
@media only screen and (max-width: 66.25em) {
.home-future-link {
background-color: #46b9a5; } }
.home-future-link .home-future-content {
padding: 30px;
display: flex;
justify-content: center; }
@media only screen and (max-width: 66.25em) {
.home-future-link .home-future-content {
padding: 10px; } }
.home-future-link .home-future-content span {
font-size: 1.618em;
font-weight: 300;
line-height: 1.6;
text-transform: uppercase;
color: #FFF;
margin-right: 20px; }
@media only screen and (max-width: 66.25em) {
.home-future-link .home-future-content span {
display: none; } }
.home-future-link .home-future-content button {
background-color: #46b9a5;
font-size: 0.667rem;
font-weight: 700;
text-transform: uppercase;
color: #FFF; }
@media only screen and (max-width: 66.25em) {
.home-future-link .home-future-content button {
border: 1px solid #fff; } }
.home-future-link .home-future-content button:hover {
text-decoration: underline; }
.home-future-link .home-future-content button a {
padding: 15px 20px;
display: block; }
.home-future-link svg {
display: block;
width: 15px;
height: 15px;
cursor: pointer;
position: fixed;
right: 45px;
bottom: 45px;
fill: #fff; }
@media only screen and (max-width: 66.25em) {
.home-future-link svg {
right: 28px;
bottom: 28px; } }
@media (max-width: 768px) {
.content-wAside.learning .learning-details .understand .content-container img {
display: block;
margin: 0 auto;
float: none; } } @-webkit-keyframes bounce-left{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}40%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}body.legacy .site-header .close span:before,body.legacy .site-header .close span:after,body.legacy .top-nav li a,body.legacy .top-nav li a:after,body.legacy .top-nav .search-icon path,body.legacy .top-nav .menu span:before,body.legacy .full-menu a,body.legacy .full-menu .social a path,body.legacy .full-menu .social a polygon,body.legacy .full-menu .social a circle,body.legacy .features-nav .safety-trigger:after,body.legacy .full-search .search-form .search-submit{-webkit-transition:0.375s all ease-in-out;transition:0.375s all ease-in-out}body.legacy{width:100%;font-family:"Open Sans",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.legacy .site-header{float:left;width:100%;padding:20px 0;background:rgba(255,255,255,0.9);position:absolute;z-index:8001;left:0;top:0;font-size:14px}body.legacy .site-header .container{max-width:1480px}body.legacy .site-header.future{background:none}body.legacy .site-header.future a{color:#fff}body.legacy .site-header.future .top-nav ul ul a{color:#262626}body.legacy .site-header.future .top-nav ul ul a:hover{color:#EA8A2A}body.legacy .site-header.future .search-icon:hover path{fill:#3fbaa4}body.legacy .site-header.future .top-nav ul li:last-child:hover ul{display:none}@media only screen and (max-width: 980px){body.legacy .site-header{padding:10px 0;background:#fff}}body.legacy .site-header .logo{float:left;width:400px;height:100px;max-width:100%}@media only screen and (max-width: 1200px){body.legacy .site-header .logo{width:310px;height:57px;margin-bottom:10px}}@media only screen and (max-width: 600px){body.legacy .site-header .logo{width:250px;margin-top:10px;margin-bottom:0}}@media only screen and (max-width: 400px){body.legacy .site-header .logo{width:200px;margin-top:12px}}@media only screen and (max-width: 350px){body.legacy .site-header .logo{width:170px}}body.legacy .site-header .close{position:fixed;right:20px;top:20px;width:40px;height:40px;cursor:pointer;z-index:150;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media only screen and (max-width: 600px){body.legacy .site-header .close{position:absolute}}body.legacy .site-header .close:hover span:after,body.legacy .site-header .close:hover span:before{background:#EA8A2A}body.legacy .site-header .close span{display:block;text-indent:-999em;color:transparent;position:relative}body.legacy .site-header .close span:before,body.legacy .site-header .close span:after{content:'';width:40px;height:1px;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;left:0;top:20px}body.legacy .site-header .close span:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}body.legacy .top-nav{float:right;position:relative;top:40px}@media only screen and (max-width: 1200px){body.legacy .top-nav{top:14px}}body.legacy .top-nav ul{display:inline-block}@media only screen and (max-width: 980px){body.legacy .top-nav ul{display:none}}body.legacy .top-nav li{display:inline-block;margin-right:40px;position:relative}@media only screen and (max-width: 1170px){body.legacy .top-nav li{margin-right:20px}}body.legacy .top-nav li:hover>a:after{-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}body.legacy .top-nav li:hover ul{display:block;-webkit-animation-duration:.375s;animation-duration:.375s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}body.legacy .top-nav li.active a:after{-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}body.legacy .top-nav li.active ul{display:none}body.legacy .top-nav li a{color:#262626;position:relative;padding-bottom:10px}body.legacy .top-nav li a:after{content:'';width:80%;position:absolute;left:50%;bottom:0;height:1px;background:#EA8A2A;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%)}body.legacy .top-nav li a:hover:after,body.legacy .top-nav li a.active:after{-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}body.legacy .top-nav li ul{position:absolute;top:26px;left:-20px;width:200px;padding:10px 0;background:#fff;box-shadow:0 20px 50px 0 rgba(0,0,0,0.15);display:none}body.legacy .top-nav li ul a{display:block;padding:10px 20px;width:100%;line-height:1.4}body.legacy .top-nav li ul a:hover{color:#EA8A2A}body.legacy .top-nav li ul a:after{display:none}body.legacy .top-nav .search-icon{width:20px;height:20px;display:inline-block;margin-right:30px;position:relative;top:-2px}@media only screen and (max-width: 980px){body.legacy .top-nav .search-icon{top:0;margin-right:10px}}body.legacy .top-nav .search-icon path{fill:#777}body.legacy .top-nav .search-icon:hover path{fill:#262626}body.legacy .top-nav .menu{display:inline-block;width:34px;height:36px;padding:10px 5px;position:relative}body.legacy .top-nav .menu span{display:block;text-indent:-999em;position:relative;background:#777;height:2px}body.legacy .top-nav .menu span:after{content:'';width:100%;height:2px;top:6px;position:absolute;left:0;background:#777}body.legacy .top-nav .menu span:before{content:'';width:11px;height:2px;top:12px;position:absolute;left:0;background:#777}body.legacy .top-nav .menu:hover span:before{width:100%}body.legacy .full-menu{position:fixed;left:0;top:0;width:100%;height:100%;background:#15191C;color:#fff;display:none}body.legacy .full-menu.active{display:block;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}body.legacy .full-menu.inactive{-webkit-animation-name:fadeOut;animation-name:fadeOut}@media only screen and (max-width: 600px){body.legacy .full-menu{overflow:auto}}body.legacy .full-menu:after{content:'';width:100%;height:120px;position:fixed;left:0;bottom:0;background:-webkit-linear-gradient(top, RGBA(21, 25, 28, 0) 0%, RGBA(21, 25, 28, 1) 60%);background:linear-gradient(to bottom, RGBA(21, 25, 28, 0) 0%, RGBA(21, 25, 28, 1) 60%);z-index:100;opacity:.9}@media only screen and (max-width: 600px){body.legacy .full-menu:after{display:none}}body.legacy .full-menu a{color:#fff}body.legacy .full-menu a:hover,body.legacy .full-menu a.active{color:#EA8A2A}body.legacy .full-menu .details{margin-top:60px}@media only screen and (max-width: 600px){body.legacy .full-menu .details{margin-top:30px}}body.legacy .full-menu .details li{font-size:.875em;margin-bottom:5px;line-height:1.6}body.legacy .full-menu .details strong{font-weight:700}body.legacy .full-menu .social{position:relative;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;width:150px;margin-top:100px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width: 600px){body.legacy .full-menu .social{margin-top:50px;width:100%;float:left}}body.legacy .full-menu .social li{display:inline-block;margin-bottom:30px;width:48%;text-align:center}@media only screen and (max-width: 600px){body.legacy .full-menu .social li{width:auto;margin-right:10px}}body.legacy .full-menu .social svg{width:100%;max-height:100%}body.legacy .full-menu .social a{display:block;width:48px;max-width:100%;height:40px}body.legacy .full-menu .social a path,body.legacy .full-menu .social a polygon,body.legacy .full-menu .social a circle{fill:#fff;opacity:.3}body.legacy .full-menu .social a:hover path,body.legacy .full-menu .social a:hover polygon,body.legacy .full-menu .social a:hover circle{opacity:1}body.legacy .side-links{position:absolute;right:0;width:465px;height:100%;max-width:100%;padding:100px 70px;border-left:1px solid rgba(255,255,255,0.3);z-index:100;overflow-y:auto;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:.2s;animation-delay:.2s}@media only screen and (max-width: 1100px){body.legacy .side-links{width:300px;padding-left:50px;padding-right:50px}}@media only screen and (max-width: 600px){body.legacy .side-links{width:100%;padding:20px 80px 20px 40px;height:auto;position:relative;float:left;border:none}}body.legacy .side-links nav li{margin-bottom:30px;line-height:1.6}@media only screen and (max-width: 600px){body.legacy .side-links nav li{margin-bottom:10px}}body.legacy .side-links nav a{display:block;font-family:"Playfair Display",serif;font-size:1.875em;line-height:1.2;font-weight:700;margin-bottom:15px}body.legacy .side-links nav ul ul{margin-bottom:20px}@media only screen and (max-width: 600px){body.legacy .side-links nav ul ul{margin-bottom:10px}}body.legacy .side-links nav ul ul li{margin-bottom:0;line-height:1.6}body.legacy .side-links nav ul ul a{font-family:"Open Sans",sans-serif;font-size:1em;font-weight:400}body.legacy .features-nav{float:left;width:100%;height:100%;z-index:90;padding-right:460px;padding-top:100px;padding-bottom:100px;overflow-y:auto;position:relative;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.2s;animation-delay:.2s}@media only screen and (max-width: 1100px){body.legacy .features-nav{padding-right:300px}}@media only screen and (max-width: 600px){body.legacy .features-nav{height:auto;padding:0}}body.legacy .features-nav .container{max-width:900px}@media only screen and (max-width: 600px){body.legacy .features-nav .container{padding:0}}body.legacy .features-nav .safety-trigger{display:block;font-size:1.875em;font-weight:700;font-family:"Playfair Display",serif;margin-bottom:60px}body.legacy .features-nav .safety-trigger.active:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media only screen and (max-width: 600px){body.legacy .features-nav .safety-trigger{border:1px solid rgba(255,255,255,0.3);border-right:1px solid transparent;border-left:1px solid transparent;width:100%;float:left;padding:10px 20px;cursor:pointer;margin-bottom:20px;position:relative}body.legacy .features-nav .safety-trigger:before{content:'View '}body.legacy .features-nav .safety-trigger:after{content:'';width:30px;height:10px;background:url(//mycardoeswhat.org/wp-content/themes/usmangroup/img/arrow-d.svg) no-repeat center center;background-size:contain;position:absolute;right:20px;top:50%;margin-top:-5px}}body.legacy .features-nav ul{float:left;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width: 600px){body.legacy .features-nav ul{padding:0 20px;display:none}}body.legacy .features-nav ul.active{display:block;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}body.legacy .features-nav ul li{float:left;width:48%;margin-bottom:30px}@media only screen and (max-width: 850px){body.legacy .features-nav ul li{width:100%}}body.legacy .features-nav ul a{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body.legacy .features-nav ul svg{width:72px;height:72px;border-radius:50%;background:#000;fill:#fff;color:#EA8A2A;float:left;margin-right:30px}body.legacy .full-search{background:RGBA(31, 37, 40, 0.9);z-index:1000;color:#fff;position:fixed;left:0;top:0;width:100%;height:100%;display:none}body.legacy .full-search.active{display:block;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}body.legacy .full-search.inactive{-webkit-animation-name:fadeOut;animation-name:fadeOut}body.legacy .full-search .search-container{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body.legacy .full-search .search-form{width:600px;max-width:100%;position:relative;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.2s;animation-delay:.2s}body.legacy .full-search .search-form input[type="text"]{width:100%;float:left;height:80px;font-size:1.5em;color:#737373;padding-right:70px;-webkit-appearance:none;border:none;border-radius:0}body.legacy .full-search .search-form .search-submit{-webkit-appearance:none;background:none;border:none;border-radius:0;border-bottom:4px solid transparent;outline:none;position:absolute;right:0;top:0;text-indent:-9999em;background:url(//mycardoeswhat.org/wp-content/themes/usmangroup/img/search-icon.svg) no-repeat center center;background-size:20px;height:100%;width:60px;cursor:pointer}body.legacy .full-search .search-form .search-submit:hover{border-color:#EA8A2A}  body .full-width .intro-area h1,
body .feature-container .heading h2,
body .iconView .feature-container .col h3,
body .full-width .tab-container.option--2 .buttons button span.text, body .full-width .tab-container.option--2 .buttons a span.text,
body .mediaFilter .wrap .filter-container.categories .filters .button .text,
body .mediaFilter .wrap .filter-container.search .inputWrap input[type="text"],
body .full-width .tab-container .buttons a span.text, body .full-width .tab-container .buttons button span.text,
body .intro h1,
body .intro article .feature-does-section p strong,
body .video .window .overlay .contentWrap h1,
body .video .window .overlay .contentWrap h2,
body .video .window .overlay .contentWrap h3,
body .video .window .overlay .contentWrap .overlayHeading,
body .pageNav button,
body .quickGuide h2,
body .quickGuide .container article h3,
body .quickGuide .intro article h3,
body .howItWorks h2,
body .howItWorks .contentBlocks article h3,
body .questions h2,
body .questions .question .header h3,
body .h2-s1 .content,
body .quickGuide h2 .content,
body .howItWorks h2 .content,
body .questions h2 .content,
body .resourcesSlider h2 .content,
body .shareFeature h2 .content,
body .resourcesSlider .container .deeper-learning a strong,
body .resourcesSlider .intro .deeper-learning a strong,
body .h2-s1,
body .quickGuide h2,
body .howItWorks h2,
body .questions h2,
body .resourcesSlider h2,
body .shareFeature h2,
body .shareFeature a.addthis_button,
body .shareFeature .haveQuestions h3,
body .safetyFeatures h2 .content,
body .safetyFeatures .safetyFeature .content h3,
body .safetyFeatures a.btn,
body .news-articles article h2,
body .news-details .main-content h1,
body .news-details .main-content h2,
body .more-news .button,
body .more-news button,
body .more-news h2,
body .news-articles article .button,
body .news-articles .pager a,
body .news-details .main-content h3,
body .share-content h1,
body .about-description h1,
body .about-description h2,
body .about-description .button
{
font-family: "Open Sans", sans-serif;
text-transform: none;
font-weight: 300;
}
body #shareFF .ff-item .ff-content {
font-family: "Open Sans", sans-serif !important;
}
.innerNav .content-wAside.t2 .sectionWrap {
padding-top: 110px;
}
#shareFF.v1.shareContainer {
padding-top: 343px !important;
}
body #shareFF.v1 .ff-header {
top: -340px;
}
body .share-content {
top: 105px;
}
body .shareContainer.v1 .ff-errors {
font-size: .75em;
float: left;
width: 100%;
margin-top: -86px;
position: relative;
line-height: 1.7;
z-index: 100;
}
@media only screen and (max-width: 960px){
.share-content h1 {
float: left;
width: auto;
margin: 30px 0;
}
.share-content .shareFix {
margin: 20px 0 0;
width: auto;
float: right;
}
}
@media only screen and (max-width: 570px){
.share-content h1 {
width: 100%;
margin: -50px 0 0;
}
.share-content .shareFix {
margin: 0 auto;
width: 260px;
float: none;
}
body .shareContainer.v1 .ff-errors {
margin-top: -130px;
}
}
body .page-hero {
margin-top: 0;
top: 200px;
margin-bottom: 200px;
} .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;
}
.slick-dots{
position: relative;
z-index: 20;
margin-top: 20px;
}
.slick-dots li button{
background-color: #C8C8C8!important;
height: 12px;
width: 12px;
border-radius: 100%;
}
.slick-dots li.slick-active button{
background-color: #707070!important;
}
.quick-guide-mobile-slider{
position: relative;
}
.slick-prev.slick-arrow{
position: absolute;
top: calc(50vw - 75px);
left: -10px;
height: 0px;
width: 0px;
z-index: 100;
text-indent: -9999px;
border-right: 20px solid #3A78C6;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
.slick-next.slick-arrow{
position: absolute;
top: calc(50vw - 75px);
right: -10px;
height: 0px;
width: 0px;
z-index: 100;
text-indent: -9999px;
border-left: 20px solid #3A78C6;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
.safety-features-single__intro{
min-height: calc(100vh - 222px);
padding-right: calc(35vw - (100vw - 1280px) / 2);
padding-top: 80px;
}
.safety-features-single__intro h1{
color: #777777;
line-height: 1.2;
}
.safety-features-single__intro p{
color: #777777;
font-weight: 500;
margin-bottom: 10px;
}
.safety-features-single__intro + .video{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
padding: 0;
max-width: none;
}
.safety-features-single__play-video{
position: absolute;
top: 0;
right: calc(((100vw - 1280px) / 2) * -1);
height: calc(100vh - 222px);
width: 360px;
cursor: pointer;
max-width: none;
}
.safety-features-single__intro + .video:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(left,  rgba(238,238,238,1) 55%, rgba(238,238,238,0) 90%, rgba(238,238,238,0) 100%); background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 55%,rgba(238,238,238,0) 90%,rgba(238,238,238,0) 100%); background: linear-gradient(to right,  rgba(238,238,238,1) 55%,rgba(238,238,238,0) 90%,rgba(238,238,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=1 ); z-index: 1;
}
.safety-features-single__intro + .video .window{
z-index: -1;
height: 100%;
}
.safety-features-single__intro + .video .window .overlay .contentWrap .table{
width: 360px;
float: right;
}
.safety-features-single__intro + .video .wpvr_embed iframe,
.safety-features-single__intro + .video.wpvr_embed object,
.safety-features-single__intro + .video.wpvr_embed embed{
max-height: calc(100vh - 222px);
}
.safety-features-single__intro + .video .window .overlay img{
height: 100%;
width: auto;
float: right;
}
.safety-features-single__intro + .video .window .overlay .contentWrap h2{
font-size: 21px;
margin: 10px 0 0 0;
padding: 0;
}
.safety-features-single__tabs{
width: 100%;
}
.safety-features-single__tabs-nav{
display: flex;
border-bottom: 1px solid #BEBEBE;
}
.safety-features-single__tabs-nav-item{
padding: 18px 20px 22px;
border: 1px solid #BEBEBE;
color: #1173CB;
font-weight: bold;
margin-right: 12px;
margin-bottom: -1px;
position: relative;
z-index: 1;
background-color: transparent;
transition: .25s all ease;
}
.safety-features-single__tabs-nav-item:hover{
cursor: pointer;
background-color: white;
}
.safety-features-single__tabs-nav-item--active{
border-bottom: 1px solid #eee;
}
.safety-features-single__tabs-nav-item--active:hover{
background-color: #eee;
}
.safety-features-single__tabs{
position: relative;
}
.safety-features-single__tabs-content{
position: relative;
}
.safety-features-single__tab-item{
display: none;
top: 0;
left: 0;
width: 100%;
padding: 20px;
transition: .25s all ease;
}
.safety-features-single__tab-item p, body .intro article .feature-does-section p{
font-size: 15px;
}
.safety-features-single__tab-item--active{
display: flex;
}
body .intro article .feature-does-section.feature-does-section--what-it-do p strong{
color: #24B920;
text-transform: uppercase;
margin-bottom: 12px;
font-weight: 500;
}
body .intro article .feature-does-section.feature-does-section--what-it-dont p strong{
color: #B92020;
text-transform: uppercase;
margin-bottom: 12px;
font-weight: 500;
}
body .intro article .feature-does-section.feature-does-section--did-you-know p strong{
color: #0a66a3;
text-transform: uppercase;
margin-bottom: 12px;
font-weight: 500;
}
.safety-features-single .quickGuide .container article .imgContainer, .quickGuide .intro article .imgContainer{
border: 1px dashed #979797;
position: relative;
}
.imgContainer__background{
position: absolute;
display: block;
top: -40px;
left: -50px;
height: calc(100% + 60px);
width: calc(100% + 100px);
background-color: #E1E1E1;
z-index: -1;
}
.safety-features-single__videos{
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
margin-top: 70px;
}
.safety-features-single__videos:after{
content: "";
position: absolute;
top: -30px;
left: -20px;
height: calc(100% + 60px);
width: calc(100% + 40px);
z-index: -1;
background-color: #E1E1E1;
}
.safety-features-single__videos .video{
margin: 0 10px;
}
.video__description{
margin-top: 30px;
}
.video__description p{
font-size: 20px;
color: #262626;
letter-spacing: 0;
text-align: center;
line-height: 30px;
}
.video__description p b{
font-weight: bold;
}
.quickGuide article:nth-child(1){
z-index: 0;
}
.quickGuide article:nth-child(2){
z-index: -1;
}
.quickGuide article:nth-child(3){
z-index: -2;
}
.intro .icon.icon--mobile-only{
display: none;
}
@media screen and (max-width: 1400px){
.safety-features-single__intro{
padding-right: 35vw;
}
}
@media screen and (max-width: 1300px){
.safety-features-single__intro + .video:after{
background: linear-gradient(to right, rgba(238,238,238,1) 50vw, rgba(238,238,238,0) 200px, rgba(238,238,238,1) 100%,); }
.edge .safety-features-single__intro + .video:after{
background: none;
background: linear-gradient(
to right,
rgba(238,238,238, 1) 0%,
rgba(238,238,238, .85) 75%,
rgba(238,238,238, .45) calc(100% - 250px),
rgba(238,238,238, 0) 100%
); }
.safety-features-single__play-video{
right: 0px;
width: 300px;
}
.safety-features-single__intro + .video .window .overlay .contentWrap .table{
width: 300px;
}
}
@media screen and (max-width: 1200px){
.safety-features-single__intro + .video:after{
background: linear-gradient(to right, rgba(238,238,238,1) 50vw, rgba(238,238,238,0) 200px, rgba(238,238,238,1) 100%,); }
.edge .safety-features-single__intro + .video:after{
background: none;
background: linear-gradient(
to right,
rgba(238,238,238, 1) 0%,
rgba(238,238,238, .85) 65%,
rgba(238,238,238, .125) calc(100% - 450px),
rgba(238,238,238, 0) 100%
); }
}
@media only screen and (max-width: 66.25em){
.safety-features-single .intro .icon{
top: 50px;
}
.safety-features-single__intro + .video, .safety-features-single__play-video{
display: none;
}
.safety-features-single__intro{
padding-right: 20px;
}
.safety-features-single .intro article{
max-width: 850px;
}
.safety-features-single__intro{
height: auto;
}
.safety-features-single__tabs{
padding-bottom: 200px;
}
}
@media only screen and (max-width: 50em){
.intro article{
padding-top: 50px;
}
.intro .icon {
display: none;
}
.intro .icon.icon--mobile-only{
display: block;
position: relative;
float: left;
border-width: 2px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0 15px 0 0;
height: 55px;
width: 55px;
}
.safety-features-single__tab-item{
position: static;
display: none;
}
.safety-features-single__tabs{
padding-bottom: 0;
}
.safety-features-single__tab-item--active{
display: block;
}
.safety-features-single__videos{
flex-direction: column;
justify-content: center;
align-items: center;
}
.safety-features-single__videos .video .window{
margin-bottom: 10px
}
.video .window .overlay:before{
display: none;
}
.safety-features-single__videos .video .video__description{
margin-top: 10px;
}
.safety-features-single__videos .video + .video{
margin-top: 50px;
}
.safety-features-single__videos:after{
display: none;
}
.imgContainer__background{
display: none;
}
.quickGuide .container article, .quickGuide .intro article.slick-slide{
margin: 0;
float: left;
width: 100%;
max-width: 100%;
padding: 0 40px;
}
}
@media only screen and (max-width: 37.5em){
body .video .window .overlay .contentWrap h3{
font-size: 24px!important;
line-height: 1.25;
margin-bottom: 10px!important;
}
}
.footer__social-links{
display: inline-block;
margin-left: 3rem;
padding: 2rem 0 2rem 3rem;
border-left: 1px solid #DADADA;
position: relative;
top: -2rem;
margin-bottom: -2rem;
}
.footer__social-label{
font-family: "Open Sans Condensed", sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #262626;
position: relative;
top: 2px;
display: inline-block;
}
.footer__social-item{
margin-left: 8px;
transition: .25s all ease;
display: inline-block;
}
.footer__social-item:hover{
opacity: .8;
}
@media only screen and (max-width: 37.5em){
.footer__social-links{
padding-left: 0;
margin-left: 0;
padding: 2rem 0 3rem;
position: static;
margin-top: 2rem;
border-top: 1px solid #dadada;
border-left: none;
width: 100%;
}
}
.safety-features-single__no-tabs-item{
display: flex;
}
@media only screen and (max-width: 37.5em){
.safety-features-single__no-tabs-item .feature-does-section{
width: 100%;
}
.safety-features-single__no-tabs-item {
display: block;
}
}
.ff-browser-ie .safety-features-single__tabs-nav-item {
display: inline-block;
}
.ff-browser-ie .safety-features-single__tab-item--active{
display: block;
margin-bottom: 10rem;
}
.ff-browser-ie .intro article .feature-does-section{
display: inline-block;
float: left;
}
.show-ajax-video.show-ajax-video-animate .ajax-video-lightbox .window .meat  { display: block !important; position: relative !important; }
.show-ajax-video.show-ajax-video-animate .ajax-video-lightbox .window .overlay { display: none; }