/*
Theme Name: Trimble Contentful
Author: Trimble Creative Services
Author URI: http://www.tnzmarcom.com
Description: Default theme 
Version: 2024
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black,left-sidebar, right-sidebar, fixed-layout, responsive-layout,custom-header, custom-menu, 

/******************************************************************
01. GENERAL STYLES
******************************************************************/
@charset "utf-8";
/******************************************************************
01. GENERAL BROWSER RESETS
******************************************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display:block; }
audio,canvas,video { display:inline-block; display:inline; zoom:1; }
audio:not([controls]) { display:none; height:0; }
[hidden] { display:none; }
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{border: 0;font: inherit;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html,body{ font-family: "adobe-garamond-pro",sans-serif; font-weight:300; font-size:14px; }
body{ background:#ffffff; }
html{ font-size:1em; text-size-adjust:1em; }
ul {line-height:1.5em; padding-bottom:15px;}
ul li{list-style: inside none;}
select{font-size: 1em;}
p {margin-bottom:20px; font-weight:400; }
*::-moz-selection{background: none repeat scroll 0 0 yellow;color: #222;}
*::selection {background: none repeat scroll 0 0 yellow;color: #222;}
input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], textarea {box-sizing: border-box;background-color: #FFFFFF;border: 1px solid #DDDDDD;margin: 0;padding: 6px 10px;width: 100%;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus { box-sizing: border-box;color: #000; border:1px solid #DDDDDD;}
input, button, textarea { box-sizing: border-box;color: #000; border:1px solid #DDDDDD; outline: medium none;position: relative;transition: all 0.1s ease 0s; -webkit-appearance: none; appearance:none;border-radius: 0;resize:none;}
a[href^=tel]{text-decoration:none;color:#fff;}
input[type=checkbox]{ -webkit-appearance:checkbox; appearance:checkbox; }

/******************************************************************
03. LAYOUT & GRID STYLES
******************************************************************/

.col1 { width:8.33%; float:left; margin:0px; padding:0px; }
.col2 { width:16.66%; float:left; margin:0px; padding:0px; }
.col3 { width:25%; float:left; margin:0px; padding:0px; }
.col4 { width:33.33%; float:left; margin:0px; padding:0px; }
.col5 { width:41.66%; float:left; margin:0px; padding:0px; }
.col6 { width:50%; float:left; margin:0px; padding:0px; }
.col7 { width:58.33%; float:left; margin:0px; padding:0px; }
.col8 { width:66.66%; float:left; margin:0px; padding:0px; }
.col9 { width:75%; float:left; margin:0px; padding:0px; }
.col10 { width:83.33%; float:left; margin:0px; padding:0px; }
.col11 { width:91.66%; float:left; margin:0px; padding:0px; }
.col12, .row { width:80%; clear:both; float:none; margin:0px auto; padding:0px; }
.container { width:100%; float:none; clear:both; position:relative; }
.clr { width:100%; clear:both; height:0; position:relative; }

h1 { font-size:34px; color:#1a3c7e; padding-bottom:10px; padding-top:10px; }
h2 { font-size:28px; font-weight:400; line-height:1.2em; padding-bottom:10px; }
h3 { font-size:20px; font-weight:600; line-height:1.2em; padding-bottom:10px;  }
h4 { font-weight:600; padding-bottom:10px; }
h5 { font-size:13px; font-style:italic; color:#282828; }
p { line-height:1.5em; color:#282828; }
em { font-style:italic; }
strong { font-weight:700; }
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }
ul li { list-style-position:outside; margin-left:1em; }
#main { padding:7vw 0; }
#main ul { margin-left:20px; }
#main ul li { list-style:initial; margin-left:1em; padding-bottom:5px; }
#main h1 { color:#222; font-weight:800; font-size:34px; padding-bottom:40px; }
#main h5 { color:#222; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
a { color:var(--medium-color); }
.forminator-edit-module { display:none!important; }
.single-event fieldset { border:1px dotted var(--medium-color ); margin-bottom:20px; }
.single-event fieldset legend { font-weight:700; background:#fff; padding:0 10px; margin-left:10px; }
.single-event fieldset p { text-align:center; margin-bottom:0; padding-bottom:10px; }

a.iconed.dark { display:inline-flex; align-items:center; text-decoration:none; width:fit-content; font-size:16px; font-weight:bold; color:#fff; text-transform:uppercase; background:var(--dark-color); padding:15px 40px; border:2px solid var(--dark-color); border-radius:4px; transition: all 200ms ease; }
a.iconed.dark:hover { background:#fff; color:var(--dark-color); }
a.iconed.dark img { display:inline-block; width:18px; height:auto; margin-left:10px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(6deg) brightness(103%) contrast(100%); }
a.iconed.dark:hover img { filter: invert(15%) sepia(14%) saturate(6994%) hue-rotate(180deg) brightness(96%) contrast(102%); }

a.iconed.medium { display:inline-flex; align-items:center; text-decoration:none; width:fit-content; font-size:16px; font-weight:bold; color:#fff; text-transform:uppercase; background:var(--medium-color); padding:15px 40px; border:2px solid var(--medium-color); border-radius:4px; transition: all 200ms ease; }
a.iconed.medium:hover { background:#fff; color:var(--medium-color);  }
a.iconed.medium img { display:inline-block; width:18px; height:auto; margin-left:10px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(6deg) brightness(103%) contrast(100%); }
a.iconed.medium:hover img { filter: invert(21%) sepia(42%) saturate(4987%) hue-rotate(188deg) brightness(96%) contrast(101%); }

a.iconed.light { display:inline-flex; align-items:center; text-decoration:none; width:fit-content; font-size:16px; font-weight:bold; color:#fff; text-transform:uppercase; background:var(--light-color); padding:15px 40px; border:2px solid var(--light-color); border-radius:4px; transition: all 200ms ease; }
a.iconed.light:hover { background:#fff; color:var(--light-color); }
a.iconed.light img { display:inline-block; width:18px; height:auto; margin-left:10px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(6deg) brightness(103%) contrast(100%); }
a.iconed.light:hover img { filter: invert(48%) sepia(43%) saturate(632%) hue-rotate(159deg) brightness(97%) contrast(103%); }

a.iconed.white { display:inline-flex; align-items:center; text-decoration:none; width:fit-content; font-size:16px; font-weight:bold; background:transparent; color:#fff;  text-transform:uppercase;  padding:15px 40px; border:2px solid #fff; border-radius:4px; transition: all 200ms ease; }
a.iconed.white:hover { background:#fff; color:#222; }
a.iconed.white img { display:inline-block; width:18px; height:auto; margin-left:10px; filter: invert(100%) sepia(34%) saturate(0%) hue-rotate(166deg) brightness(113%) contrast(101%);  }
a.iconed.white:hover img { filter: invert(11%) sepia(14%) saturate(13%) hue-rotate(87deg) brightness(107%) contrast(97%); }

/******************************************************************
04. SITE SPECIFIC STYLES ( #c60c23 / #0063a3 )
******************************************************************/

body { background:#fff; font-family:'Open Sans',sans-serif; width:100%; height:100%; color:#363545; font-size:16px; }

#top { background:#fff; }
#top .row { padding:13px 0px 10px 0px; vertical-align:top; }
#top .row a { display:block; text-decoration:none; font-weight:300; font-size:22px; color:var(--medium-color); }
#top .row a img { display:block; width:auto; height:44px; margin-right:3px; float:left; }
#top .row #topright { float:right; padding-top:10px; }
#top .row #searchform { float:right; position:relative; }
#top .row #searchform input[type=submit] { display:block; border:0px; width:27px; height:27px; margin-left:10px; background:url('lib/images/magnify.svg') center center no-repeat; background-size:80%; float:right; cursor:pointer; }
#top .row #searchform input#s { border:1px solid #b3d9f5; background:#ecf3f8; width:0px; padding:4px 10px 5px 10px; display:none;  }
#top .row #searchform a#cover { display:block; width:27px; height:27px; position:absolute; top:0px; right:0px; background:transparent; text-indent:-300px; }
#top img#hamburger { float:right; display:block; width:30px; height:auto; cursor:pointer; padding-top:10px; display:none; }

#nav { background:#fff; min-height:51px; visibility:hidden; }
#nav .row ul.menu { padding:0 0 0 0; margin:0 0 0 -26px; display:none; }
#nav .row ul.menu li { display:inline-block; position:relative; list-style-type:none; }
#nav .row ul.menu li a { display:inline-block; color:var(--medium-color); text-decoration:none; font-size:14px; font-weight:600; padding:14px 16px 10px 16px; border-bottom:3px solid #fff; transition: all 200ms ease; }
#nav .row ul.menu li a span { color:var(--light-color); }
#nav .row ul.menu li a.hi { border-bottom:3px solid #fff; }
#nav .row ul.menu li a.hi2 { border-bottom:3px solid #fbad26; }
/* nav level two */
#nav .row ul.menu li ul.sub { display:none; position:absolute; top:51px; left:0px; min-width:300px; background:#fff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:99; box-shadow: 0 4px 8px 0 rgba(54,53,69,.1),0 4px 8px 0 rgba(54,53,69,.1); }
#nav .row ul.menu li ul.sub li { display:block; position:relative!important; margin-left:0px; }
#nav .row ul.menu li ul.sub li a { display:block; color:#363545; text-decoration:none; font-size:14px; font-weight:400; padding:8px 20px 8px 20px; border:none; transition: all 200ms ease; }
#nav .row ul.menu li ul.sub li a:hover { color:#fff; background:var(--medium-color); text-decoration:none; }
#nav .row ul.menu li ul.sub li a span { display:block; float:right; transform:rotate(90deg); }
#nav .row ul.menu li ul.sub li a span:after { content:'\005E'; }
/* nav level three */
#nav .row ul.menu li ul.sub li ul.subsub { display:none; position:absolute; top:0px; left:300px; background:#fff; padding:0px 0px 0px 0px; min-width:220px; z-index:100; }
#nav .row ul.menu li ul.sub li:hover ul.subsub { display:block; }
#nav .row ul.menu li ul.sub li ul.subsub li { border:none; margin-left:0px; }

#crumbs { text-align:right; background:#eee; }
#crumbs { padding:10px 0 8px 0!important; color:#00437b; font-size:13px; }
#crumbs a { color:#666; }
#crumbs p { margin-bottom:0px; }

#heroA { background:#fff; }
#heroA .row { padding:0px 0px; width:100%; max-width:100%; text-align:center; }
#heroA .row img { display:block; width:100%; height:auto; }
#heroA .row span { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; width:80%; height:100%; position:absolute; top:0px; left:10%; padding:0px; text-align:left; }
#heroA .row span h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#heroA .row span h1 {  font-size:34px; font-weight:800; width:40%; padding:0 0 20px 0; line-height:1.1em; color:#fff; }
#heroA .row span h1 em { font-weight:300; font-style:normal; letter-spacing:.09em; color:#fff; }
#heroA .row span p { display:block; width:40%; font-size:16px; font-weight:400; color:#fff; line-height:1.4em; padding-bottom:20px; }
#heroA .row span a.iconed img { display:inline-block; width:18px; height:auto; margin-left:10px; }

#heroB { background:#fff; }
#heroB .row { padding:0px 0px; width:100%; max-width:100%; text-align:center; }
#heroB .row img { display:block; width:100%; height:auto; }
#heroB .row span { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; width:80%; height:100%; position:absolute; top:0px; left:10%; padding:0px; text-align:right; }
#heroB .row span h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#heroB .row span h1 {  font-size:34px; font-weight:800; width:40%; padding:0 0 20px 0; line-height:1.1em; color:#fff; margin-left:auto; }
#heroB .row span h1 em { font-weight:300; font-style:normal; letter-spacing:.09em; color:#fff; }
#heroB .row span p { display:block; width:40%; font-size:16px; font-weight:400; color:#fff; line-height:1.3em; padding-bottom:20px; margin-left:auto; }
#heroB .row span a.iconed { margin-left:auto; }
#heroB .row span a.iconed img { display:inline-block; width:18px; height:auto; margin-left:10px; }

#heroC { background:#fff; }
#heroC .row { padding:0px 0px; width:100%; max-width:100%; text-align:center; }
#heroC .row video#fixedvid { display:block; width:100%; height:auto; }
#heroC .row img { display:block; width:100%; height:auto; }
#heroC .row span { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; width:80%; height:100%; position:absolute; top:0px; left:10%; padding:0px; text-align:left; }
#heroC .row span h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#heroC .row span h1 {  font-size:34px; font-weight:800; width:40%; line-height:1.1em; padding:0 0 20px 0; color:#fff; }
#heroC .row span h1 em { font-weight:300; font-style:normal; letter-spacing:.09em; color:#fff; }
#heroC .row span p { display:block; width:40%; font-size:16px; font-weight:400; color:#fff; line-height:1.3em; padding-bottom:20px; }
#heroC .row span a.iconed img { display:inline-block; width:18px; height:auto; margin-left:10px; }

#heroD { background:#fff; }
#heroD img#image { display:block; width:100%; height:auto; }
#heroD .row { position:absolute; top:0; left:10%; width:80%; height:100%; padding:0px 0px; text-align:center; }
#heroD .row .col6 { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; width:50%; height:100%; padding:0px; text-align:left; }
#heroD .row .col6.first span h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#heroD .row .col6.first span h1 {  font-size:34px; font-weight:800; padding:0 0 20px 0; line-height:1.1em; color:#fff; }
#heroD .row .col6.first span h1 em { font-weight:300; font-style:normal; letter-spacing:.09em; color:#fff; }
#heroD .row .col6.first span p { display:block; font-size:16px; font-weight:400; color:#fff; line-height:1.3em; padding:0 0 20px 0; }
#heroD .row .col6.first span a.iconed img { display:inline-block; width:18px; height:auto; margin-left:10px; }
#heroD .row .col6.last { text-align:right; }

#small-quad-block { width:60%; margin-left:auto; }
#small-quad-block .row { position:relative; top:0; left:0; width:100%; display:flex; flex-wrap:wrap;  margin:0 auto; padding:0 0 0 0; }
#small-quad-block .row .box { width:50%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
#small-quad-block .row .box img { width:100%; height:auto; }
#small-quad-block .row .box.text-boxA { text-align:center; align-items:center; justify-content:center; padding:0; background:#003054; }
#small-quad-block .row .box.text-boxA span { display:block; padding:20px 20px; text-align:center; }
#small-quad-block .row .box.text-boxA span h4 { text-align:left; font-weight: 700; font-size: 24px; color:#fff; }
#small-quad-block .row .box.text-boxA span p { text-align:center; color:#fff; font-weight:400; font-size:16px; padding-bottom:0px; margin-bottom:0; }
#small-quad-block .row .box.text-boxB { text-align:center; align-items:center; justify-content:center; padding:0; background:#003054; }
#small-quad-block .row .box.text-boxB span { display:block; padding:20px 20px; text-align:center; }
#small-quad-block .row .box.text-boxB span h4 { text-align:left; font-weight: 700; font-size: 24px; color:#fff; }
#small-quad-block .row .box.text-boxB span p { text-align:center; color:#fff; font-weight:400; font-size:16px; padding-bottom:0px; margin-bottom:0; }

.full-width-paragraph { background:#fff; }
.full-width-paragraph .row { padding:5vw 0 5vw 0; }
.full-width-paragraph .row p { line-height:1.5em; font-size:16px; padding-bottom:10px; color:inherit; }
.full-width-paragraph .row h1 { font-size:34px; color:var(--dark-color); padding-bottom:10px; padding-top:10px; color:inherit; }
.full-width-paragraph .row h2 { font-size:28px; font-weight:400; line-height:1.2em; padding-bottom:10px; color:inherit; }
.full-width-paragraph .row h3 { font-size:20px; font-weight:600; line-height:1.2em; padding-bottom:10px; color:inherit; }
.full-width-paragraph .row h4 { font-weight:600; padding-bottom:10px; color:inherit; }
.full-width-paragraph .row h5 { font-size:13px; font-style:italic; color:inherit; }
.full-width-paragraph .row p a { color:#0063A3; text-decoration:underline; font-weight:600; }
.full-width-paragraph .row ul { margin-left:20px; }
.full-width-paragraph .row ul li { list-style:initial; margin-left:1em; padding-bottom:5px; }

.paragraph-sidebar { background:#fff; }
.paragraph-sidebar .row { padding:5vw 0 5vw 0; }
.paragraph-sidebar .row p { line-height:1.5em; font-size:16px; padding-bottom:10px; color:inherit; }
.paragraph-sidebar .row h1 { font-size:34px; color:var(--dark-color); padding-bottom:10px; padding-top:10px; color:inherit; }
.paragraph-sidebar .row h2 { font-size:28px; font-weight:400; line-height:1.2em; padding-bottom:10px; color:inherit; }
.paragraph-sidebar .row h3 { font-size:20px; font-weight:600; line-height:1.2em; padding-bottom:10px; color:inherit; }
.paragraph-sidebar .row h4 { font-weight:600; padding-bottom:10px; color:inherit; }
.paragraph-sidebar .row h5 { font-size:13px; font-style:italic; color:inherit; }
.paragraph-sidebar .row p a { color:var(--medium-color); text-decoration:underline; font-weight:600; }
.paragraph-sidebar .row ul { margin-left:20px; }
.paragraph-sidebar .row ul li { list-style:initial; margin-left:1em; padding-bottom:5px; }
.paragraph-sidebar .col8 { width:64%; margin-right:2.66%; }
.paragraph-sidebar .col4 { background:#eee; }
.paragraph-sidebar .col4 .pad30 { padding:30px; }

#quad-block { background:#fff; }
#quad-block .row { display:flex; flex-wrap:wrap; width: 80%; margin:0 auto; padding:5vw 0px 7vw 0px; }
#quad-block .row .box { width:50%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
#quad-block .row .box img { width:96%; height:94%; object-fit:cover; }
#quad-block .row .box.top-right { justify-content:flex-start; align-items:flex-end; }
#quad-block .row .box.bottom-left { justify-content:flex-end; align-items:flex-start; }
#quad-block .row .box.text-boxA { text-align:center; align-items:center; justify-content:center; padding:0; background:#003054; }
#quad-block .row .box.text-boxA span { display:block; padding:60px 7vw; }
#quad-block .row .box.text-boxA span h4 { text-align:left; font-weight: 700; font-size: 24px; color:#fff; }
#quad-block .row .box.text-boxA span p { text-align:left; color:#fff; font-weight:400; font-size:16px; padding-bottom:0px; margin-bottom:0; }
#quad-block .row .box.text-boxB { text-align:center; align-items:center; justify-content:center; padding:0; background:#003054; }
#quad-block .row .box.text-boxB span { display:block; padding:60px 5vw; }
#quad-block .row .box.text-boxB span h4 { text-align:left; font-weight: 700; font-size: 24px; color:#fff; }
#quad-block .row .box.text-boxB span p { text-align:left; color:#fff; font-weight:400; font-size:16px; padding-bottom:0px; margin-bottom:0; }

#video-modal-left { background:var(--dark-color); position:relative; }
#video-modal-left .row { padding:7vw 0; }
#video-modal-left .row h3 { color:#fff; font-weight:800; font-size:34px; padding-bottom:40px; }
#video-modal-left .row h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#video-modal-left .row p { color:#fff; font-weight:400; font-size:16px; line-height:1.6em; }
#video-modal-left .row ul { line-height:2em; }
#video-modal-left .row ul li { font-size:18px; font-weight:400; color:#fff; padding-bottom:20px; }
#video-modal-left .row ul li strong { font-weight:400; color:#89C6ED; }
#video-modal-left .row .col6.last { display:flex; flex-direction:column; justify-content:center; flex-wrap:nowrap; }
#video-modal-left a#vplayerinner { display:block; text-align:left; text-decoration:none; position:relative; }
#video-modal-left a#vplayerinner img { display:block; width:90%; height:auto; margin:0 0 0 0; }
#video-modal-left a#vplayerinner .circle { background:#fff; border-radius:50%; width:70px; height:70px; position:absolute; left:50%; top:50%; margin-left:-65px; margin-top:-35px; box-shadow: 3px 3px  rgba(0,0,0,0.4); }
#video-modal-left a#vplayerinner .triangle { width:0; height:0; border-top: 15px solid transparent; border-left: 25px solid var(--medium-color); border-bottom: 15px solid transparent; margin:20px 0 0 25px; }
#video-modal-left a#vplayerinner:hover .circle { transform:scale(1.2); }
#video-modal-left .col6.first iframe { display:block; width:100%; height:28vw; position:relative; }
#video-modal-left .col6.first .youtube-container { position:relative; width:100%; padding-top:56.25%; height:0; }
#video-modal-left .col6.first .youtube-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

#video-modal-right { background:var(--dark-color); position:relative; }
#video-modal-right .row { padding:7vw 0; }
#video-modal-right .row h3 { color:#fff; font-weight:800; font-size:34px; padding-bottom:40px; }
#video-modal-right .row h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#video-modal-right .row p { color:#fff; font-weight:400; font-size:16px; line-height:1.6em; }
#video-modal-right .row ul { line-height:2em; }
#video-modal-right .row ul li { font-size:18px; font-weight:400; color:#fff; padding-bottom:20px; }
#video-modal-right .row ul li strong { font-weight:400; color:#89C6ED; }
#video-modal-right .row .col6.first { display:flex; flex-direction:column; justify-content:center; flex-wrap:nowrap; }
#video-modal-right a#vplayerinner { display:block; text-align:right; text-decoration:none; position:relative; }
#video-modal-right a#vplayerinner img { display:block; width:90%; height:auto; margin:0 0 0 auto; }
#video-modal-right a#vplayerinner .circle { background:#fff; border-radius:50%; width:70px; height:70px; position:absolute; left:60%; top:50%; margin-left:-65px; margin-top:-35px; box-shadow: 3px 3px  rgba(0,0,0,0.4); }
#video-modal-right a#vplayerinner .triangle { width:0; height:0; border-top: 15px solid transparent; border-left: 25px solid var(--medium-color); border-bottom: 15px solid transparent; margin:20px 0 0 25px; }
#video-modal-right a#vplayerinner:hover .circle { transform:scale(1.2); }
#video-modal-right .col6.last iframe { display:block; width:100%; height:28vw; position:relative; }
#video-modal-right .col6.last .youtube-container { position:relative; width:100%; padding-top:56.25%; height:0; }
#video-modal-right .col6.last .youtube-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

#video-center { background:var(--dark-color); position:relative; }
#video-center .row { padding:7vw 0; text-align:center; }
#video-center .youtube-container { position:relative; width:100%; height:auto; margin:0 auto; padding-bottom:56.25%; }
#video-center .youtube-container iframe { position:absolute; width:100%; height:100%; left:0; }

#testimonialA { background:#fff; }
#testimonialA .row { padding:7vw 0 7vw 0; display:flex; width:80%; margin:0 auto; }
#testimonialA .row .col6.first { width:50%; display:flex; align-items:center; justify-content:center; float:none; text-align:left; }
#testimonialA .row .col6.first img { display:block; width:90%; height:auto; margin-right:auto; }
#testimonialA .row #quote { position:relative; width:50%; display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; float:none; padding:40px 0; }
#testimonialA .row #quote h5 { color:#222; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding:0 0 10px 60px; }
#testimonialA .row #quote h2 { display:block; width:auto; font-size:32px; font-weight:400; line-height:46px; color:#222; text-transform:none; padding:0 60px 0 60px; }
#testimonialA .row #quote h4 { font-size:14px; line-height:22px; font-weight:700; padding:60px 0 0 60px; }
#testimonialA .row #quote h4 em {font-size:14px; font-weight:400; font-style:normal; line-height:22px; }
#testimonialA .row #quote:before, #testimonialA .row #quote:after, #testimonialA .row #quote>:first-child:before, #testimonialA .row #quote>:first-child:after { position:absolute; width:40px; height: 40px; border-color:#FBAD26; border-style:solid; content: ' '; }
#testimonialA .row #quote:before {top:0;left:0;border-width: 2px 0 0 2px}
#testimonialA .row #quote:after {top:0;right:0;border-width: 2px 2px 0 0}
#testimonialA .row #quote>:first-child:before {bottom:0;right:0;border-width: 0 2px 2px 0; }
#testimonialA .row #quote>:first-child:after {bottom:0;left:0;border-width: 0 0 2px 2px; }

#testimonialB { background:#fff; }
#testimonialB .row { padding:7vw 0 7vw 0; display:flex; width:80%; margin:0 auto; }
#testimonialB .row .col6.last { width:50%; display:flex; align-items:center; justify-content:center; float:none; text-align:right; }
#testimonialB .row .col6.last img { display:block; width:90%; height:auto; margin-left:auto; }
#testimonialB .row #quote { position:relative; width:50%; display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; float:none; padding:40px 0; }
#testimonialB .row #quote h5 { color:#222; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding:0 0 10px 60px; }
#testimonialB .row #quote h2 { display:block; width:auto; font-size:32px; font-weight:400; line-height:46px; color:#222; text-transform:none; padding:0 60px 0 60px; }
#testimonialB .row #quote h4 { font-size:14px; line-height:22px; font-weight:700; padding:60px 0 0 60px; }
#testimonialB .row #quote h4 em {font-size:14px; font-weight:400; font-style:normal; line-height:22px; }
#testimonialB .row #quote:before, #testimonialB .row #quote:after, #testimonialB .row #quote>:first-child:before, #testimonialB .row #quote>:first-child:after { position:absolute; width:40px; height: 40px; border-color:#FBAD26; border-style:solid; content: ' '; }
#testimonialB .row #quote:before {top:0;left:0;border-width: 2px 0 0 2px}
#testimonialB .row #quote:after {top:0;right:0;border-width: 2px 2px 0 0}
#testimonialB .row #quote>:first-child:before {bottom:0;right:0;border-width: 0 2px 2px 0; }
#testimonialB .row #quote>:first-child:after {bottom:0;left:0;border-width: 0 0 2px 2px; }

#overlaidcolumnA { background-color:var(--dark-color); background-position:right top; background-repeat:no-repeat; background-size:50% auto; }
#overlaidcolumnA .row { position:relative; padding: 3vw 0px 0px 0px; }
#overlaidcolumnA .row h3 { color:#fff; font-weight:800; font-size:34px; padding-bottom:40px; }
#overlaidcolumnA .row h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#overlaidcolumnA .row p { color:#fff; font-weight:400; font-size:16px; line-height:1.6em; }
#overlaidcolumnA .row .col4 span { display:block; text-align:center; width:100%; background:#0063A3; padding:40px 0; margin:6vw 0; }
#overlaidcolumnA .row .col4 span p { display:block; padding:0 40px; margin-bottom:0; }
#overlaidcolumnA .row .col4 span .icon { display:block; width:70%; margin:0 auto; }
#overlaidcolumnA .row .col4 span .icon p { font-weight:400; font-size:14px; }
#overlaidcolumnA .row .col4 span .icon p strong { font-weight:700; display:block; }
#overlaidcolumnA .row .col4.first { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; }
#overlaidcolumnA .row .col4.first p { padding-right:20%; padding-bottom:20px; }
#overlaidcolumnA .row .col4.last img { display:none; }

#overlaidcolumnB { background-color:var(--dark-color); background-position:left top; background-repeat:no-repeat; background-size:50% auto; }
#overlaidcolumnB .row { position:relative; padding: 3vw 0px 0px 0px; }
#overlaidcolumnB .row h3 { color:#fff; font-weight:800; font-size:34px; padding:0 0 40px 20%; }
#overlaidcolumnB .row h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding:0 0 10px 20%; }
#overlaidcolumnB .row p { color:#fff; font-weight:400; font-size:16px; line-height:1.6em; }
#overlaidcolumnB .row .col4 span { display:block; text-align:center; width:100%; background:#0063A3; padding:40px 0; margin:6vw 0; }
#overlaidcolumnB .row .col4 span p { display:block; padding:0 40px; margin-bottom:0; }
#overlaidcolumnB .row .col4 span .icon { display:block; width:70%; margin:0 auto; }
#overlaidcolumnB .row .col4 span .icon p { font-weight:400; font-size:14px; }
#overlaidcolumnB .row .col4 span .icon p strong { font-weight:700; display:block; }
#overlaidcolumnB .row .col4.last { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; }
#overlaidcolumnB .row .col4.last p { padding:0 0 20px 20%; }
#overlaidcolumnB .row .col4.first img { display:none; }
#overlaidcolumnB .row .col4.last a.iconed { margin-left:20%; }

#resources { background:#f1f1f1; }
#resources .row { padding:7vw 0 7vw 0; }
#resources .row h5 { color:#333; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#resources .row h3 { text-align:left; color:#333; font-weight:800; font-size:34px; padding-bottom:40px; }
#resources .row p { text-align:left; color:#333; font-weight:400; font-size:16px; padding-bottom:50px; }
#feedinner { display:block; width:100%; position:relative; }
#feedinner ul { display:block; padding:0; margin:0; font-size:0; width:100%; }
#feedinner ul li { display:inline-block; width:25%; text-align:left; list-style-type:none; padding:0; margin:0; border:none; vertical-align:top; font-size:14px; }
#feedinner ul li .card { width:95%; margin:0 auto 20px 5px; -webkit-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); }
#feedinner ul li .card:hover { -webkit-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); -moz-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); }
#feedinner ul li .card img.topimg { display:block; width:100%; height:auto; }
#feedinner ul li .card span { display:block; padding:30px 40px 40px 40px; text-align:left; background:#fff; position:relative; }
#feedinner ul li .card h5 { color:var(--medium-color); font-weight:700; font-size:14px; font-style:normal; }
#feedinner ul li .card h4 { color:#252a2e; font-weight:800; font-size:20px; line-height:1.25; padding-top:10px; }
#feedinner ul li .card p { color:#252a2e; font-weight:400; font-size:14px;  }
#feedinner ul li .card a.iconed { display:flex; justify-content:center; align-items:center; text-decoration:none; text-align:center; position:absolute; bottom:30px; padding:15px 0; font-size:16px; width:calc(100% - 80px); box-sizing:border-box; }

#resources .row #single { padding:0 0 0 0; background:#fff; margin:0 0 40px 5px; width:98.7%; }
#resources .row #single .col6.first img { display:block; width:90%; height:auto; }
#resources .row #single .col6.last { background: #fff; padding:20px 0; }
#resources .row #single .col6.last h5 { color:var(--medium-color); font-weight:700; font-size:14px; font-style:normal; padding:20px 0 10px 0; }
#resources .row #single .col6.last h4 { color:#252a2e; font-weight:800; font-size:20px; line-height:1.25; padding:10px 40px 20px 0; }
#resources .row #single .col6.last p { color:#252a2e; font-weight:400; font-size:16px; padding:0 40px 0 0; }

#lnews .row h5 { color:#333; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#lnews .row h3 { text-align:left; color:#333; font-weight:800; font-size:34px; padding-bottom:40px; }
#lnews .row p { text-align:left; color:#333; font-weight:400; font-size:16px; padding-bottom:50px; }
#lnews #single { padding:0 0 0 0; background:#fff; margin:0 0 40px 5px; width:98.7%; }
#lnews #single .col6.first img { display:block; width:90%; height:auto; }
#lnews #single .col6.last { background: #fff; padding:20px 0; }
#lnews #single .col6.last h5 { color:var(--medium-color); font-weight:700; font-size:14px; font-style:normal; padding:20px 0 10px 0; }
#lnews #single .col6.last h4 { color:#252a2e; font-weight:800; font-size:20px; line-height:1.25; padding:10px 40px 20px 0; }
#lnews #single .col6.last p { color:#252a2e; font-weight:400; font-size:16px; padding:0 40px 0 0; }

#resources .row #double { padding:0 0 0 0; background:#fff; margin:0 0 40px 5px; width:98.7%; }
#resources .row #double .col3.first { background-size:cover; background-repeat:no-repeat; width:23%; margin-right:2%; }
#resources .row #double .col3.first img { display:block; width:90%; height:auto; }
#resources .row #double .col3.last { background: #fff; padding:30px 0; }
#resources .row #double .col3.last h5 { color:var(--medium-color); font-weight:700; font-size:14px; font-style:normal; padding-bottom:3px; }
#resources .row #double .col3.last h4 { color:#252a2e; font-weight:800; font-size:14px; line-height:1.25; padding:10px 20px 0 0; }
#resources .row #double .col3.last p { color:#252a2e; font-weight:400; font-size:14px; line-height:1.3em; padding:0 20px 0 0; }
#resources .row #double a.iconed { font-size:14px; font-weight:bold; padding:10px 30px; }
#resources .row #double a.iconed img { width:14px; margin-left:5px; }

#faq { background:var(--dark-color); }
#faq .row { padding:7vw 0px 7vw 0px; }
#faq .row h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#faq .row h3 { text-align:left; color:#fff; font-weight:800; font-size:34px; padding-bottom:10px; }
#faq .row p { text-align:left; color:#fff; font-weight:400; font-size:16px; padding-bottom:40px; }
#faq .row .accordion-item { margin-bottom:1rem; padding:0 1rem 0 0; border-bottom:1px solid #fff; }
#faq .row .accordion-link { font-size:16px; color:#fff; font-weight:700; letter-spacing:.01em; text-decoration:none; width:100%; display:flex; align-items:center; justify-content:space-between; padding:0 0; }
#faq .row .accordion-link span {  color:#fbad26; font-size:42px; font-weight:300; }
#faq .row .accordion-link span.fa-minus { display:none; }
#faq .row .answer { max-height:0; overflow:hidden; position:relative; color:#fff; transition:max-height 650ms; }
#faq .row .answer p, #faq .row .answer ul {  font-size:16px; font-weight:300; padding:0 2rem 2rem 0; color:inherit; }
#faq .row .answer ul { margin-left:20px; line-height:1.5em; padding-top:0; padding-bottom:1rem; }
#faq .row .answer ul li { color:inherit; list-style:initial; margin-left:1em; padding-bottom:5px; }
#faq .row .accordion-item .answer { -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; transition:.5s; }
#faq .row .accordion-item .answer.open { max-height:fit-content; }

#faq-half { background:var(--dark-color); }
#faq-half .row { padding:7vw 0px 7vw 0px; }
#faq-half .row .col6.first span { display:block; padding-right:10%; }
#faq-half .row h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#faq-half .row h3 { text-align:left; color:#fff; font-weight:800; font-size:34px; padding-bottom:10px; }
#faq-half .row p { text-align:left; color:#fff; font-weight:400; font-size:16px; padding-bottom:40px; }
#faq-half .row .accordion-item { margin-bottom:1rem; padding:0 1rem 0 0; border-bottom:1px solid #fff; }
#faq-half .row .accordion-link { font-size:16px; color:#fff; font-weight:700; letter-spacing:.01em; text-decoration:none; width:100%; display:flex; align-items:center; justify-content:space-between; padding:0 0; }
#faq-half .row .accordion-link span {  color:#fbad26; font-size:42px; font-weight:300; }
#faq-half .row .accordion-link span.fa-minus { display:none; }
#faq-half .row .answer { max-height:0; overflow:hidden; position:relative; color:#fff; transition:max-height 650ms; }
#faq-half .row .answer p, #faq-half .row .answer ul {  font-size:16px; font-weight:300; padding:0 2rem 1rem 0; color:inherit; }
#faq-half .row .answer ul { margin-left:20px; line-height:1.5em; padding-top:0; padding-bottom:1rem; }
#faq-half .row .answer ul li { color:inherit; list-style-position:outside; list-style:outside; margin-left:1em; padding-bottom:5px; }
#faq-half .row .accordion-item .answer { -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; transition:.5s; }
#faq-half .row .accordion-item .answer.open { max-height:fit-content; }

#events-block { background:var(--dark-color); }
#events-block .row { padding:7vw 0px 7vw 0px; }
#events-block .row .col6.first span { display:block; padding-right:10%; }
#events-block .row h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#events-block .row h3 { text-align:left; color:#fff; font-weight:800; font-size:34px; padding-bottom:10px; }
#events-block .row h2 { color:#fff; font-weight:300; }
#events-block .row p { text-align:left; color:#fff; font-weight:400; font-size:16px; padding-bottom:40px; margin-bottom:0; }
#events-block .row #eventlist a.iconed { font-size:13px; padding:10px 20px; float:right; border-width:1px; margin-left:10px; }
#events-block .row #eventlist a.iconed img { width:13px; margin-left:5px; }
#events-block .row #eventlist .newsitem { display:block; width:100%; border-bottom:1px dotted #fff; padding-top:10px; }
#events-block .row #eventlist .newsitem h4 { font-size:16px; color:#fff; display:block; width:50%; padding:0 0 5px 0; }
#events-block .row #eventlist .newsitem h4 em { font-style:normal; padding-left:10px; opacity:0.5; }
#events-block .row #eventlist .newsitem p { font-size:12px; color:#fff; margin-bottom:0; padding-bottom:10px; opacity:0.5; }

#products4 { background:#fff; }
#products4 .row { padding:5vw 0 7vw 0; }
#products4 .row h5 { color:var(--dark-color); font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#products4 .row h3 { text-align:left; color:var(--dark-color); font-weight:800; font-size:34px; padding-bottom:10px; }
#products4 .row p { text-align:left; color:var(--dark-color); font-weight:400; font-size:16px; padding-bottom:4vw; }
#products4 .row ul { padding:0; margin:0; }
#products4 .row ul li { display:block; width:25%; float:left; list-style-type:none; padding:0; margin:0; text-align:center; position:relative; }
#products4 .row ul li .image-container { position:relative; width:100%; height:100%; }
#products4 .row ul li .image-container::before { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:65%; height:86%; background-color: #ccc; border-radius:50%; z-index:0; }
#products4 .row ul li img.product { display:block; width:80%; height:auto; margin:0 auto; z-index:1; position:relative; }
#products4 .row ul li a { position:relative; font-size:16px; text-decoration:none; border-radius:4px; transition: all 200ms ease; margin:0 auto; }
#products4 .row ul li h4 { font-weight:700; font-size:20px; text-align:center; }
#products4 .row ul li p { display:block; font-size:16px; line-height:1.5em; padding:10px 3% 20px 3%; text-align:center; margin-bottom:0; }

#products3 { background:#fff; }
#products3 .row { padding:5vw 0 7vw 0; }
#products3 .row h5 { color:var(--dark-color); font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#products3 .row h3 { text-align:left; color:var(--dark-color); font-weight:800; font-size:34px; padding-bottom:10px; }
#products3 .row p { text-align:left; color:var(--dark-color); font-weight:400; font-size:16px; padding-bottom:4vw; }
#products3 .row ul { padding:0; margin:0; }
#products3 .row ul li { display:block; width:33.33%; float:left; list-style-type:none; padding:0; margin:0; text-align:center; position:relative; }
#products3 .row ul li .image-container { position:relative; width:100%; height:100%; }
#products3 .row ul li .image-container::before { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:49%; height:86%; background-color: #ccc; border-radius:50%; z-index:0; }
#products3 .row ul li img.product { display:block; width:60%; height:auto; margin:0 auto; z-index:1; position:relative; }
#products3 .row ul li a { position:relative; font-size:16px; text-decoration:none; border-radius:4px; transition: all 200ms ease; margin:0 auto; }
#products3 .row ul li h4 { font-weight:700; font-size:20px; text-align:center; }
#products3 .row ul li p { display:block; font-size:16px; line-height:1.5em; padding:10px 3% 20px 3%; text-align:center; margin-bottom:0; }

#products2 { background:#fff; }
#products2 .row { padding:5vw 0 7vw 0; }
#products2 .row h5 { color:#003054; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#products2 .row h3 { text-align:left; color:var(--dark-color); font-weight:800; font-size:34px; padding-bottom:10px; }
#products2 .row p { text-align:left; color:var(--dark-color); font-weight:400; font-size:16px; padding-bottom:4vw; }
#products2 .row ul { padding:0; margin:0; }
#products2 .row ul li { display:block; width:50%; float:left; list-style-type:none; padding:0; margin:0; text-align:center; position:relative; }
#products2 .row ul li .left { width:50%; display:inline-block; }
#products2 .row ul li .left .image-container { position:relative; width:100%; height:100%; }
#products2 .row ul li .left .image-container::before { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:65%; height:86%; background-color: #ccc; border-radius:50%; z-index:0; }
#products2 .row ul li .left img.product { display:block; width:80%; height:auto; margin:0 auto; z-index:1; position:relative; }
#products2 .row ul li .right { width:49%; display:inline-block; text-align:left; }
#products2 .row ul li .right a { position:relative; font-size:16px; text-decoration:none; border-radius:4px; transition: all 200ms ease; margin:0 auto; }
#products2 .row ul li .right h4 { font-weight:700; font-size:20px; text-align:left; }
#products2 .row ul li .right p { display:block; font-size:16px; line-height:1.5em; padding:10px 3% 20px 0; text-align:left; margin-bottom:0; }

.imageA { background:var(--medium-color); }
.imageA .row { padding:7vw 0 7vw 0; }
.imageA .row .col6.first { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap;  }
.imageA .row .col6.first img { display:block; width:100%; height:auto; position:relative!important; }
.imageA .row .col6.last { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; min-height:27.5vw; }
.imageA .row .col6.last h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding:0 0 10px 10%; }
.imageA .row .col6.last h3 { display:block; width:70%; padding:0 0 40px 10%; color:#fff; font-weight:800; font-size:34px; }
.imageA .row .col6.last ul { display:block; width:70%; padding-left:10%; font-size:16px; font-weight:400; line-height:1.5em; color:#fff; }
.imageA .row .col6.last ul li { margin-left:0; }
.imageA .row .col6.last ul li strong { font-weight:700; color:#FBAD26;; }
.imageA .row .col6.last p { padding:0 0 0 10%; margin-bottom:0; }
.imageA .row .col6.last a.iconed { margin-left:10%; }

.imageB { background:var(--dark-color); }
.imageB .row { padding:7vw 0 7vw 0; }
.imageB .row .col6.last { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap;  }
.imageB .row .col6.last img { display:block; width:100%; height:auto; position:relative!important; }
.imageB .row .col6.first { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; min-height:27.5vw; }
.imageB .row .col6.first h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding:0 0 10px 0; }
.imageB .row .col6.first h3 { display:block; width:80%; padding:0 0 40px 0; color:#fff; font-weight:800; font-size:34px; }
.imageB .row .col6.first ul { display:block; width:80%; padding-left:0; font-size:16px; font-weight:400; line-height:1.5em; color:#fff; }
.imageB .row .col6.first ul li { margin-left:0; }
.imageB .row .col6.first ul li strong { font-weight:700; color:#FBAD26;; }
.imageB .row .col6.first p { display:block; width:80%; padding:0 0 0 0; margin-bottom:0; }

.imageC { background:var(--dark-color); position:relative; }
.imageC .row { padding:7vw 0; text-align:center; }
.imageC img { display:block; width:100%; height:auto; margin:0 auto; }

#formA { background:var(--dark-color); }
#formA .row { padding:7vw 0 7vw 0; }
#formA .row .col6.last form { display:block; width:100%; height:auto; position:relative; }
#formA .row .col6.first { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; min-height:27.5vw; }
#formA .row .col6.first h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding:0 0 10px 0; }
#formA .row .col6.first h3 { display:block; width:80%; padding:0 0 40px 0; color:#fff; font-weight:800; font-size:34px; }
#formA .row .col6.first ul { display:block; width:80%; padding-left:0; font-size:16px; font-weight:400; line-height:1.5em; color:#fff; }
#formA .row .col6.first ul li { margin-left:0; }
#formA .row .col6.first ul li strong { font-weight:700; color:#FBAD26;; }
#formA .row .col6.first p { display:block; width:80%; padding:0 0 20px 0; margin-bottom:0; }

#formB { background:var(--medium-color); }
#formB .row { padding:7vw 0 7vw 0; }
#formB .row .col6.first form { display:block; width:100%; position:relative; }
#formB .row .col6.last { display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; min-height:27.5vw; }
#formB .row .col6.last h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding:0 0 10px 10%; }
#formB .row .col6.last h3 { display:block; width:70%; padding:0 0 40px 10%; color:#fff; font-weight:800; font-size:34px; }
#formB .row .col6.last ul { display:block; width:70%; padding-left:10%; font-size:16px; font-weight:400; line-height:1.5em; color:#fff; }
#formB .row .col6.last ul li { margin-left:0; }
#formB .row .col6.last ul li strong { font-weight:700; color:#FBAD26;; }
#formB .row .col6.last p { padding:0 0 20px 10%; margin-bottom:0; }
#formB .row .col6.last a.iconed { margin-left:10%; }

#formC { background:var(--dark-color); position:relative; }
#formC .row { padding:7vw 0; text-align:center; }
#formC form { display:block; width:100%; margin:0 auto; }

#theform .forminator-edit-module { display:none!important; }
#theform { display:block; width:100%!important; }
#theform form.mktoForm, #theform form.mktoForm .mktoFormCol, #theform form.mktoForm .mktoFieldWrap { width:100%!important; }
#theform form.mktoForm label { width:20%!important; }
#theform form.mktoForm input, #theform form.mktoForm select, #theform form.mktoForm textarea { width:79%!important; margin-left:1%!important; border-radius:0!important; }
#theform form.mktoForm .mktoGutter { display:none!important; }
#theform form.mktoForm .mktoButtonRow { padding-top:20px!important; width:100%!important; }
#theform form.mktoForm .mktoButtonWrap { margin-left:21%!important; }
#theform label { font-size:15px!important; padding-bottom:5px!important; } 
#theform p { font-size:14px!important; line-height:1.4em!important; }
#theform .forminator-button-submit, #theform form.mktoForm button[type=submit] { border-radius:4px; border:0!important; font-size:16px!important; padding:10px 30px!important; }

#icons { background:var(--light-color); }
#icons .row { padding:7vw 0 7vw 0; }
#icons .row img { display:block; width:100%; height:auto; position:relative; }
#icons .row h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding:0 0 10px 0; }
#icons .row h3 { display:block; padding:0 0 20px 0; color:#fff; font-weight:800; font-size:34px; }
#icons .row .tile h4 { font-weight:700; text-align:center; }
#icons .row p { padding:0 0 20px 0; margin-bottom:0; }
#icons .row .tile p { display:block; text-align:center; padding:0 10% 0 10%; }
#icons .row a.iconed { margin-left:0; }
#icons .row .col25 { width:25%; float:left; padding:0; margin:0; }

#callout { background:var(--medium-color); background-repeat:no-repeat; background-size:cover; }
#callout .row { padding:7vw 0 7vw 0; text-align:center; }
#callout .row h5 { color:#fff; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#callout .row h3 { color:#fff; font-weight:800; font-size:34px; padding-bottom:10px; }
#callout .row p { color:#fff; font-weight:400; font-size:16px; padding-bottom:20px; }

#cards4 { background:#f1f1f1; }
#cards4 .row { padding:7vw 0 7vw 0; }
#cards4 .row h5 { color:#333; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#cards4 .row h3 { text-align:left; color:#333; font-weight:800; font-size:34px; padding-bottom:10px; }
#cards4 .row p { text-align:left; color:#333; font-weight:400; font-size:16px; padding-bottom:50px; }
#cards4 .row .col3 { display:inline-block; width:25%; text-align:left; list-style-type:none; padding:0; margin:0; border:none; vertical-align:top; font-size:14px; }
#cards4 .row .col3 .card { width:95%; margin:0 auto 0 5px; -webkit-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); }
#cards4 .row .col3 .card:hover { -webkit-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); -moz-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); }
#cards4 .row .col3 .card img.topimg { display:block; width:100%; height:auto; }
#cards4 .row .col3 .card span { display:block; padding:30px 40px 40px 40px; text-align:left; background:#fff; position:relative; }
#cards4 .row .col3 .card h5 { color:var(--medium-color); font-weight:700; font-size:14px; font-style:normal; }
#cards4 .row .col3 .card h4 { color:#252a2e; font-weight:800; font-size:20px; line-height:1.25; padding-top:10px; }
#cards4 .row .col3 .card p { display:block; color:#252a2e; font-weight:400; font-size:16px; padding-bottom:50px;  }
#cards4 .row .col3 .card a.iconed { display:flex; justify-content:center; align-items:center; text-decoration:none; text-align:center; position:absolute; bottom:30px; padding:15px 0; font-size:16px; width:calc(100% - 80px); box-sizing:border-box; }

#cards3 { background:#f1f1f1; }
#cards3 .row { padding:7vw 0 7vw 0; }
#cards3 .row h5 { color:#333; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#cards3 .row h3 { text-align:left; color:#333; font-weight:800; font-size:34px; padding-bottom:10px; }
#cards3 .row p { text-align:left; color:#333; font-weight:400; font-size:16px; padding-bottom:50px; }
#cards3 .row .col4 { display:inline-block; width:33.33%; text-align:left; list-style-type:none; padding:0; margin:0; border:none; vertical-align:top; font-size:14px; }
#cards3 .row .col4 .card { width:95%; margin:0 auto 0 5px; -webkit-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); }
#cards3 .row .col4 .card:hover { -webkit-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); -moz-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); }
#cards3 .row .col4 .card img.topimg { display:block; width:100%; height:auto; }
#cards3 .row .col4 .card span { display:block; padding:30px 40px 40px 40px; text-align:left; background:#fff; position:relative; }
#cards3 .row .col4 .card h5 { color:var(--medium-color); font-weight:700; font-size:14px; font-style:normal; }
#cards3 .row .col4 .card h4 { color:#252a2e; font-weight:800; font-size:20px; line-height:1.25; padding-top:10px; }
#cards3 .row .col4 .card p { display:block; color:#252a2e; font-weight:400; font-size:16px; padding-bottom:50px;  }
#cards3 .row .col4 .card a.iconed { display:flex; justify-content:center; align-items:center; text-decoration:none; text-align:center; position:absolute; bottom:30px; padding:15px 0; font-size:16px; width:calc(100% - 80px); box-sizing:border-box; }

#cards2 { background:#f1f1f1; }
#cards2 .row { padding:7vw 0 7vw 0; }
#cards2 .row h5 { color:#333; font-weight:700; font-size:14px; font-style:normal; text-transform:uppercase; padding-bottom:10px; }
#cards2 .row h3 { text-align:left; color:#333; font-weight:800; font-size:34px; padding-bottom:10px; }
#cards2 .row p { text-align:left; color:#333; font-weight:400; font-size:16px; padding-bottom:50px; }
#cards2 .row .col6 { display:block; width:50%; text-align:left; list-style-type:none; padding:0; margin:0; border:none; float:left; }
#cards2 .row .col6 .card { width:97%; margin:0 auto 0 5px; -webkit-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.11); }
#cards2 .row .col6 .card:hover { -webkit-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); -moz-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.31); }
#cards2 .row .col6 .card .left { width:50%; display:block; float:left; background-repeat:no-repeat; background-size:auto 100%; background-position:center center; height:100%; }
#cards2 .row .col6 .card img.topimg { display:block; width:100%; height:auto; }
#cards2 .row .col6 .card .right { width:50%; display:block; float:left; }
#cards2 .row .col6 .card span { display:block;padding:30px 40px 40px 40px; text-align:left; background:#fff; position:relative; }
#cards2 .row .col6 .card h5 { color:var(--medium-color); font-weight:700; font-size:14px; font-style:normal; }
#cards2 .row .col6 .card h4 { color:#252a2e; font-weight:800; font-size:20px; line-height:1.25; padding-top:10px; }
#cards2 .row .col6 .card p { display:block; color:#252a2e; font-weight:400; font-size:16px; padding-bottom:50px;  }
#cards2 .row .col6 .card a.iconed { display:flex; justify-content:center; align-items:center; text-decoration:none; text-align:center; position:absolute; bottom:30px; padding:15px 0; font-size:16px; width:calc(100% - 80px); box-sizing:border-box; }

#searchresults #heroA span h5 { color:#fff; }
#searchresults #heroA span h1 { color:#ffffff; font-weight:300; }
#searchresults #heroA span h1 em { color:#222; font-weight:700; }
#searchresults article { background:var(--dark-color); padding:4vw 7vw; margin-bottom:15px; }
#searchresults article p { margin-bottom:0; color:#fff; }
#searchresults article a.iconed { float:right; margin:2em 0 2em 40px; }
#searchresults article h3 { color:#fff; }
#searchresults article:nth-child(odd) { background:#ecf5fc; }
#searchresults article:nth-child(odd) h3 { color:#222; } 
#searchresults article:nth-child(odd) p { color:#222; }
#searchresults article .excerpt_part strong { color:#FBAD26; }
#searchresults table { background:var(--dark-color); margin-bottom:15px; width:100%; vertical-align:top; }
#searchresults table p { margin-bottom:30px; color:#fff; }
#searchresults table a.iconed { float:right; margin:2em 0 2em 40px; }
#searchresults table h3 { color:#fff; padding-top:50px; }
#searchresults table:nth-child(odd) { background:#ecf5fc; }
#searchresults table:nth-child(odd) h3 { color:#222; } 
#searchresults table:nth-child(odd) p { color:#222; }
#searchresults table .excerpt_part strong { color:#FBAD26; }
#searchresults table td.first { width:3vw; }
#searchresults table td.last { width:270px; vertical-align:middle!important; }

.event-list { padding-top:40px; }
.event-list table { background:#fff; border:1px solid #ecf5fc; margin-bottom:15px; width:100%; vertical-align:top; }
.event-list table p { margin-bottom:30px; color:#222; font-size:14px; }
.event-list table a.iconed { float:right; margin:2em 0 2em 40px; }
.event-list table h5 { color:#222; padding-top:40px; }
.event-list table h5 em { font-style:normal; opacity:0.5; }
.event-list table h3 { color:#222; }
.event-list table:nth-child(odd) { background:#ecf5fc; }
.event-list table:nth-child(odd) h5 { color:#222; } 
.event-list table:nth-child(odd) h3 { color:#222; } 
.event-list table:nth-child(odd) p { color:#222; }
.event-list table .excerpt_part strong { color:#FBAD26; }
.event-list table td.first { width:3vw; }
.event-list table td.last { width:270px; vertical-align:middle!important; }
table#post-not-found { background:#eee; text-align:center; width:100%; margin-top:50px; }
table#post-not-found h3 { color:#222; padding:30px 0; }

#modal_cover { position:absolute; top:0; left:0; width:100%; height:100%; background:url('lib/images/transb80.png') left top repeat; z-index:110; display:none; }
#modal_outer { width:100%; position:relative; }
#modal_inner { position:absolute; width:70%; left:15%; top:0; height:auto; background:#fff; padding:5px 5px 0 5px; color:#000; font-size:16px; font-weight:400; z-index:120; }
#modal_inner iframe { width:100%; height:700px; }
#modal_inner strong { display:block; padding:0 0 20px 20px; }
#modal_inner ul { line-height:2em; color:#000; padding:0 0 20px 20px; }
#modal_inner ul ul { padding:0; }
#modal_inner ul li { font-size:16px; font-weight:400; }
#modal_inner h4 {  font-size:22px; font-weight:700; padding:20px; color:#0063A3; }
#modal_inner span { display:block; padding:20px 20px; }
a#modalclose { display:block; width:30px; height:30px; line-height:30px; position:absolute; top:-15px; right:-15px; z-index:13; text-decoration:none; font-family:arial,sans; font-weight:700; color:#fff; background:#c60c23; border:4px solid #fff; border-radius:50%; text-align:center; }
#modal_inner ol { margin:0 0 20px 30px; line-height:1.5em; }
#modal_inner ol li { list-style-type:decimal; color:#222; }
#modal_inner ol li strong { font-weight:700; }

#footer { background:#171C1E; }
#footer .row { padding:70px 0px 80px 0px; }
#footer .row .col6 h4 { font-family:'Open Sans',sans-serif; color:#fff; font-size:14px; font-weight:600; text-transform:uppercase; }
#footer .row .col6 a { margin-left:10px; color:#fff; font-size:32px; }
#footer .row .col6.last { text-align:right; }
#footer .row .col6.last p { text-align:right; color:#fff; font-weight:300; font-size:14px; padding:3vw 0 10px 0; }
#footer .row .col6.last ul { margin:0 0 20px 0; padding:0 0 0 0; line-height:1.5em; }
#footer .row .col6.last ul li { margin:0px; padding:0px; list-style-type:none; }
#footer .row .col6.last ul li a { color:#fff; text-decoration:none; font-family:'Open Sans',sans-serif; font-weight:300; font-size:14px; width:auto; }
#footer .row .col6.last ul li a:hover { text-decoration:underline; }
#footer .row .col6.first p { display:block; font-family:'Open Sans',sans-serif; font-weight:400; font-size:14px; color:#fff; line-height:1.5em; padding:0; }
#footer .row .col6.first img { display:block; width:40%; height:auto; margin-bottom:20px; }
#footer .row .col6.first span { color:#999; }
#footer .row .col6.last a { display:inline-block; width:6%; text-align:right; }
#footer .row .col6.last a img { display:block; width:98%; margin:0px 0px 0px auto; }

body.page-template-page-seminare #calendar-controls { display:flex; align-items: flex-start; justify-content:space-between; width:100%; text-align:center; font-size:28px; color:var(--medium-color); padding-bottom:20px; }
body.page-template-page-seminare #calendar-controls span#current-month-year { padding:0px 20px; }
body.page-template-page-seminare #calendar-controls button#prev-month, body.page-template-page-seminare #calendar-controls button#next-month { height:30px; line-height:28px; padding:0 10px; }
body.page-template-page-seminare #calendar { width:100%; }
body.page-template-page-seminare #calendar table { width:100%; }
body.page-template-page-seminare #calendar table td { width:14.28%; text-align:center; padding:10px 0; background:#f1f1f1; box-sizing:border-box; border:4px solid #fff; }
body.page-template-page-seminare #calendar table td.active { background:#ecf5fc; }
body.page-template-page-seminare #calendar table td.active a { font-size:12px; }
body.page-template-page-seminare #calendar table thead th { padding:10px 0; background:var(--dark-color); color:#fff; font-weight:700; }

body.single #main .col6 h1 span time { display:block; font-size:16px; font-weight:400; font-style:italic; }

/******************************************************************
05. Responsive STYLES
******************************************************************/

@media only screen and (max-width: 1350px) {
    #resources .col3 { width:50%; padding-bottom:20px; }
	#heroA .row span h1, #heroA .row span p { width:auto; }
    #heroB .row span h1, #heroB .row span p { width:auto; }
    #heroC .row span h1, #heroC .row span p { width:auto; }
	#video-modal-left .row .col6 { width:100%; float:none; clear:both; }
    #video-modal-left a#vplayerinner img { width:100%; }
    #video-modal-left a#vplayerinner { height:45vw!important; }
    #video-modal-right .row .col6 { width:100%; float:none; clear:both; }
    #video-modal-right a#vplayerinner img { width:100%; }
    #video-modal-right a#vplayerinner { height:45vw!important; }
    #video-modal-right .row .col6.first { padding-bottom:4vw; }
    #resources #single .col6 { float:none; width:100%; clear:both; }
    #resources .row #single .col6.first img { width:100%; }
    #resources .row #single .col6.last h5 { padding:20px 0 10px 40px; }
    #resources .row #single .col6.last h4 { padding:10px 40px 20px 40px; }
    #resources .row #single .col6.last p { padding:0 40px 0 40px; }
    #resources .row #single .col6.last a.iconed { margin:0 0 40px 40px; }
    #resources #feedinner ul li { width:50%; }
    #resources #feedinner ul li .card { width:97%; }
	#products4 .row ul li { width:50%; padding-bottom:4vw; }
	#cards4 .row .col3 { width:50%; margin-bottom:4vw; }
	#cards2 .row .col6 { width:100%; float:none; }
    #cards2 .row .col6:first-of-type { margin-bottom:40px; }
    #cards2 .row .col6 .left { background-size:cover!important; }
}

@media only screen and (max-width: 1250px) {
    #heroD { background:var(--medium-color); }
    #heroD .row { height:auto; position:relative; left:0; padding-bottom:5vw;  }
    #heroD .row .col6 { display:block; flex:none; width:100%; float:none; clear:both; }
    #heroD .row .col6.first { padding:7vw 0; }
    #heroD .row .col6.last { width:100%; margin:0; }
    #heroD .row .col6.last #small-quad-block { width:100%; }
	.imageA .row { padding-top:0; }
    .imageA .row .col6 { float:none; width:100%; clear:both; min-height:auto; }
    .imageA .row .col6.last { padding:7vw 0; }
    .imageB .row { padding-top:0; }
    .imageB .row .col6 { float:none; width:100%; clear:both; min-height:auto; }
    .imageB .row .col6.first { padding:7vw 0; }
    .imageB .row .col6.first h3, .imageB .row .col6.first ul { width:100%; }
    .imageA .row .col6.first h3, .imageA .row .col6.first ul { width:100%; }
}

@media only screen and (max-width: 1100px) {
    #testimonialA .row { display:block; flex:none; }
    #testimonialA .row .col6.first { display:block; flex:none; width:100%; float:none; padding-bottom:4vw; }
    #testimonialA .row .col6.first img { width:100%; height:auto; }
    #testimonialA .row #quote { display:block; flex:none; position:relative; width:100%; }
    #testimonialB .row { display:block; flex:none; }
    #testimonialB .row .col6.last { display:block; flex:none; width:100%; float:none; padding-top:4vw; }
    #testimonialB .row .col6.last img { width:100%; height:auto; }
    #testimonialB .row #quote { display:block; flex:none; position:relative; width:100%; }
}

@media only screen and (max-width: 1040px) {
	#heroA .row { background:var(--dark-color); }
    #heroA .row span { display:block; flex:none; position:relative; top:0; left:0; height:auto; margin:0 auto; padding:5vw 0; }
    #heroB .row { background:var(--dark-color); }
    #heroB .row span { display:block; flex:none; position:relative; top:0; left:0; height:auto; margin:0 auto; padding:5vw 0; }
    #heroC .row { background:var(--dark-color); }
    #heroC .row span { display:block; flex:none; position:relative; top:0; left:0; height:auto; margin:0 auto; padding:5vw 0; }
	#events-block .row .col6 { float:none; display:block; width:100%; }
    #events-block .row .col6.first { padding-bottom:4vw; }
	#overlaidcolumnB { background-size: 100% auto; padding-top:40vw; }
    #overlaidcolumnB .row .col4 { display:block; float:none; width:100%; }
    #overlaidcolumnB .row .col4.first { display:none; }
    #overlaidcolumnB .row .col4.last { height:auto!important; padding-bottom:8vw; }
    #overlaidcolumnB .row h5 { padding:0 0 10px 0; }
    #overlaidcolumnB .row h3 { padding:0 0 40px 0; }
    #overlaidcolumnB .row .col4.last p { padding:0 0 20px 0; }
    #overlaidcolumnB .row .col4.last a.iconed { margin-left:0; }
    #overlaidcolumnA { background-size: 100% auto; padding-top:30vw; padding-bottom:8vw; }
    #overlaidcolumnA .row .col4 { display:block; float:none; width:100%; }
    #overlaidcolumnA .row .col4.last { display:none; }
    #overlaidcolumnA .row .col4.first { height:auto!important; padding-bottom:4vw; }
    #overlaidcolumnA .row h5 { padding:0 0 10px 0; }
    #overlaidcolumnA .row h3 { padding:0 0 40px 0; }
    #overlaidcolumnA .row .col4.last p { padding:0 0 20px 0; }
    #overlaidcolumnA .row .col4.last a.iconed { margin-left:0; }
    #overlaidcolumnA .row .col4 span { margin:0; }
	#cards3 .row .col4 { width:100%; float:none; margin-bottom:4vw; }
    #faq-half .col6 { width:100%; float:none; }
    #faq-half .row .col6.first span { padding-right:0; }
	#formA .row .col6.first, #formA .row .col6.last { display:block; flex:none; width:100%; float:none; }
    #formA .row .col6.first { padding-bottom:40px; }
    #formB .row .col6.first, #formB .row .col6.last { display:block; flex:none; width:100%; float:none; }
    #formB .row .col6.first { padding-bottom:40px; }
}

@media only screen and (max-width: 980px) { /* FF: iPhone 6 (980 x 1409) */
    #testimonialA .col6 { display:block; float:none; width:100%; }
    #testimonialA .row .col6.first img { width:100%; margin-bottom:40px; }
    #testimonialB .col6 { display:block; float:none; width:100%; }
    #testimonialB .row .col6.last img { width:100%; margin-bottom:40px; }
    #receivers .row ul li { width:50%; padding-bottom:50px; }
	#footer .row .col6 { display:block; float:none; width:100%; }
    #footer .row .col6.last { text-align:left; }
	.custom.container .col10, .custom.container .col9, .custom.container .col8, .custom.container .col7, .custom.container .col6, .custom.container .col5, .custom.container .col4, .custom.container .col3, .custom.container .col2 { display:block; float:none; width:100%; padding:2vw 0; }
}

@media only screen and (max-width: 920px) {
    #nav { padding-bottom:40px; }
    #nav .row ul.menu { margin:0 0 0 0; }
    #nav .row ul.menu li { display:block; text-align:center; margin-left:0; border-bottom:1px solid var(--light-color); }
    #nav .row ul.menu li a { display:block; }
    #nav .row ul.menu li ul.sub { position:relative; top:0; left:0; box-shadow:none; }
    #nav .row ul.menu li ul.sub li { background:#DCEDF9; border-bottom:1px solid #fff; }
    #top .row #topright { float:none; }
    #top .row #searchform { float:none; vertical-align:top; display:inline-block; width:100%; padding-bottom:20px; }
    #top .row #searchform input#s { display:block; width:90%; float:left; background:#F0F9FF; border:1px solid #c8e6fa; }
    #top .row #searchform a#cover { display:none!important; }
}

@media only screen and (max-width: 870px) {
    #quad-block .col6 { float:none; width:100%; }
    #quad-block .row .col6.second img { width:100%; margin-top:0; }
    #quad-block .row .col6.third img { width:100%; margin:0 0 0 0; }
    #video-modal-left .row .col6 { width:100%; float:none; }
    #video-modal-left .row .col6.last, a#vplayerinner { display:block; height:auto!important; }
    #video-modal-left a#vplayerinner img { width:100%; }
    #video-modal-left .row h5 { padding-top:20px; }
    #video-modal-right .row .col6 { width:100%; float:none; }
    #video-modal-right .row .col6.first, a#vplayerinner { display:block; height:auto!important; }
    #video-modal-right a#vplayerinner img { width:100%; }
    #video-modal-right .row h5 { padding-top:20px; }
    #overlaidcolumnA { background:#003054; background-image:none!important; padding-top:8vw; }
    #overlaidcolumnA .row .col4 { display:block!important; width:100%; float:none; height:auto!important; }
    #overlaidcolumnA .row .col4.first { padding:60px 0 40px 0; }
    #overlaidcolumnA .row .col4.last p { display:block; width:100%; height:60vw; overflow:hidden; }
    #overlaidcolumnA .row .col4.last img { display:block; width:100%; height:auto; clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);  }
    #overlaidcolumnB { background:#003054; background-image:none!important; padding-top:8vw; }
    #overlaidcolumnB .row .col4 { display:block!important; width:100%; float:none; height:auto!important; }
    #overlaidcolumnB .row .col4.last { padding:60px 0 40px 0; }
    #overlaidcolumnB .row .col4.first p { display:block; width:100%; height:60vw; overflow:hidden; }
    #overlaidcolumnB .row .col4.first img { display:block; width:100%; height:auto; clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);  }
	#products4 .row ul li { width:100%; float:none; }
	#cards4 .row .col3 { width:100%; float:none; }
    #icons .row .col25 { width:100%; float:none; margin-bottom:4vw; }
}

@media only screen and (max-width: 820px) { /* FF: Small tablet landscape (800 x 600) */

}

@media all and (max-width: 800px) { /* FF: Tablet portrait (768 x 1024) */
    #video-modal-left .row, #whento .row { padding:12vw 0; }
    #video-modal-left .row .col6 { float:none; width:100%; }
    #video-modal-left .row .col6 ul { padding-top:40px; }
    #video-modal-right .row { padding:12vw 0; }
    #video-modal-right .row .col6 { float:none; width:100%; }
    #video-modal-right .row .col6 ul { padding-top:40px; }
    #resources .col3 { width:100%; float:none; }
    #receivers .row ul li { width:100%; }
	#resources #feedinner ul li { width:100%; }
    #resources #feedinner ul li .card { width:100%; margin-left:0; }
	#quad-block .row { display:block; flex:none; }
    #quad-block .row .box { width:100%; }
    #quad-block .row .box img { width:100%; height:auto; }
}

@media only screen and (max-width: 620px) { /* FF: Small tablet portrait (600 x 800) */
	#heroD .row .col6.last #small-quad-block .row .box { width:100%; }
	#footer .row .col6.first img { width:90%; }
	#footer .row .col6.last p { text-align:left; }
	#nav .row ul.menu li { text-align:left!important; }
	#nav .row ul.menu li ul.sub { display:block!important; }
	#nav .row ul.menu li ul.sub li { background:none; border-bottom:1px solid #eee; }
	#top .row #searchform input#s { width:80%; }
	#top img#hamburger { display:block; }
	#nav { display:none; }
}

@media only screen and (max-width: 500px) { /* FF: Mobile landscape (480 x 320) */

}

@media only screen and (max-width: 380px) { /* FF: iPhone56 Portrait (370 x 600) */
}

@media only screen and (max-width: 320px) { /* FF: iPhone4 Portrait (320 x 568) */
}