@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");     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:bottom}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
body.logged-in > header { margin-top: 32px; }  
@media screen and (max-width: 1200px) {
body.logged-in > header {
margin-top: revert;
}
} html { font-size: 62.5%;}
body {
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
background: #ffffff;
color: #000000;
font-family: 'lato', sans-serif;
-webkit-font-smoothing: antialiased;
width: 100%;
overflow-x: hidden;
}
::selection {
background: #000;
color: #fff;
}
::-moz-selection {
background: #000;
color: #fff;
}
.row { max-width: 1280px;
width: 100%;
margin: 0 auto;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
*zoom: 1;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.row:before,
.row:after { content: normal; display: table; }
.row:after { clear: both; }
.row.full { max-width: 100% !important; padding: 0;}
.col, .mcol, .scol {
position: relative;
display: flex;
justify-content: space-between;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
flex-wrap: wrap;
height: 100%;
}
.inner { width: 100%;}
img {
width: 100%;
height: auto;
}
main#main {
margin-top: 55px;
background-color: #F4F4F4;
}
body img.gform_ajax_spinner {
display: none !important;
} .wt-cli-sr-only {
font-size: 14px !important;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #000000 !important;
} @keyframes slideright {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.reveal{
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.reveal.active{
transform: translateY(0);
opacity: 1;
} h1 {
font-size: 55px;
font-size: 5.5rem;
font-weight: 300;
line-height: 60px;
color: #E0040C;
font-family: "Lato", sans-serif;
margin-bottom: 20px;
word-break: keep-all;
}
h2 {
font-size: 38px;
font-size: 3.8rem;
line-height: 42px;
font-weight: 300;
color: #D52432;
font-family: "Lora", sans-serif;
margin-bottom: 20px;
word-break: keep-all;
}
h3 {
font-size: 32px;
font-size: 3.2rem;
line-height: 36px;
color: #E0040C;
font-family: "Lato", sans-serif;
margin-bottom: 20px;
}
h4 {
font-size: 26px;
font-size: 2.6rem;
line-height: 30px;
color: #E0040C;
font-family: "Lato", sans-serif;
margin-bottom: 20px;
}
h5 {
font-size: 22px;
font-size: 2.2rem;
line-height: 28px;
color: #E0040C;
font-family: "Lato", sans-serif;
}
p {
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
color: #2F2F2F;
font-family: 'Lato', sans-serif;
font-weight: 300;
}
a {
color: #E0040C;
}
a:hover {
color: #E0040C;
}
em, i {
font-weight: 300;
font-style: italic;
}
strong, b {
font-weight: 600;
}
sup {
font-size: 5px;
line-height: 5px;
position: relative; 
}
h2 > sup {
font-size: 12px;
line-height: revert;
position: relative; 
top: -5px;
} header#site-header {
position: fixed;
top: 0;
left: 0;
z-index: 2;
padding: 30px;
transition: all .5s;
background-color: rgba(0,0,0,0.7);
border-top: 5px solid #D52432;
}
header#site-header .row {
justify-content: revert;
}
#logo-container {
padding-right: 30px;
}
header#site-header.scroll #logo-container {
border-right: none;
}
header#site-header #logo {
position: relative;
max-width: 286px;
-webkit-transition: linear .3s;
-moz-transition: linear .3s;
-ms-transition: linear .3s;
-o-transition: linear .3s;
transition: linear .3s;
}
header#site-header.scroll {
padding: 5px 30px 6px;
background: #000000;
box-shadow: 0 0px 20px rgba(0,0,0,.1);
}
header#site-header.scroll img#logo {
max-width: 280px;
padding: 0 0 10px 0;
-webkit-transition: linear .3s;
-moz-transition: linear .3s;
-ms-transition: linear .3s;
-o-transition: linear .3s;
transition: linear .3s;
} #main-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 0;
top: 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#main-nav a,
#mobile-nav a {
font-size: 16px;
font-size: 1.6rem;
font-family: 'Lato', sans-serif;
font-weight: 600;
display: inline-block;
text-decoration: none;
padding: 0 12px 0 12px;
position: relative;
color: #ffffff;
letter-spacing: -.5px;
}
#main-nav ul {
display: flex;
white-space: nowrap;
}
header#site-header.scroll #main-nav   {
top: 15px;
-webkit-transition: linear .3s;
-moz-transition: linear .3s;
-ms-transition: linear .3s;
-o-transition: linear .3s;
transition: linear .3s;
}
#main-nav .current-menu-item a,
#main-nav a:hover {
color: #9c9c9c;
}
#main-nav a::before {
content: "\f0d7";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
z-index: 1;
top: -49px;
left: 50%;
color: #D52432;
margin-left: -8.5px;
width: 0;
height: 0;
position: absolute;
opacity: 0;
transition: opacity .5s;
font-size: 22px;
}
#main-nav a:hover::before,
#main-nav .current-menu-item a:before { opacity: 1;} header#site-header.scroll #main-nav a {
color: #ffffff;
}
header#site-header.scroll #main-nav a:hover {
color: #D52432;
} nav#main-nav ul.sub-menu a::after .nav-btn {
content: none;
}
li.lang a {
font-size: 12px !important;
font-weight: 400 !important;
border-left: 1px #fff solid;
}
li.lang-first a {
font-size: 12px !important;
font-weight: 400 !important;
margin-left: 30px;
} #nav-trigger {
display: none;
position: absolute;
cursor: pointer;
padding: 0;
width: 28px;
height: 20px;
z-index: 9999;
margin-right: 45px;
margin: 10px 0 0 20px;
right: 0;
top: -5px;
}
#nav-trigger #hamburger-top,
#nav-trigger #hamburger-mid,
#nav-trigger #hamburger-btm {
height: 3px;
background-color: #ffffff;
width: 28px;
display: block;
position: absolute;
border-radius: 3px;
left: 0;
transition: all .3s;
}
#nav-trigger #hamburger-top { top: 0;}
#nav-trigger #hamburger-mid { top: 8px;}
#nav-trigger #hamburger-btm { top: 16px;}
#nav-trigger.triggered #hamburger-top,
#nav-trigger.triggered #hamburger-mid,
#nav-trigger.triggered #hamburger-btm {
background-color: #ffffff;
}
html.csstransforms #nav-trigger.triggered #hamburger-top {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
top: 8px;
}
html.csstransforms #nav-trigger.triggered #hamburger-btm {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
top: 8px;
}
html.csstransforms #nav-trigger.triggered #hamburger-mid { opacity: 0;}
#mobile-nav {
display: none;
width: 100%;
position: relative;
background-color: #000000;
}
#mobile-nav nav { 
display: none;
}
#mobile-nav nav .sub-menu {
display: none;
overflow: hidden!important;
}
#mobile-nav a {
display: block;
color: #ffffff;
padding: 15px 30px;
font-size: 20px;
font-size: 2.0rem;
line-height: 30px;
transition: background-color .5s;
}
#mobile-nav a:hover {	
background-color: #E0040C;
}
#mobile-nav ul, #mobile-nav ol {
margin: 0;
}
#mobile-nav li.lang a {
font-size: 12px !important;
font-weight: 400 !important;
border-left: none;
}
#mobile-nav li.lang-first a {
font-size: 12px !important;
font-weight: 400 !important;
margin-left: 0;
} .hero-wrap {
height: 550px;
padding: 0 30px;
}
.hero-home {
display: flex;
align-items: center;
width: 100%;
margin-top: 50px;
animation: 1s ease-out 0s 1 slideright;
}
.hero-home h1 {
font-size: 62px;
font-size: 6.2rem;
line-height: 66px;
color: #ffffff;
font-family: "Lora", sans-serif;
margin-bottom: 20px;
max-width: 50%;
}
.hero-home p {
font-size: 28px;
font-size: 2.8rem;
line-height: 32px;
font-weight: 500;
color: #ffffff;
max-width: 50%;
}
.row.full.feat-cta-wrap {
background-color: rgba(0,0,0,0.7);
}
.feat-cta {
flex: 1;
font-size: 22px;
font-size: 2.2rem;
line-height: 26px;
font-weight: 600;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100px;
border-right: 1px solid #ffffff;
}
.feat-cta:last-child {
border-right: none;
}
#page-feature {
background-color: #000000;
}
.row.page-feature {
align-items: flex-end;
height: 330px;
padding: 0 20px;
z-index: 1;
}
.page-feature-wrap {
flex: 1;
animation: 1s ease-out 0s 1 slideright;
}
.page-feature-wrap h1 {
font-size: 55px;
font-size: 5.5rem;
font-weight: 300;
line-height: 60px;
color: #ffffff;
margin-bottom: 40px;
min-width: fit-content;
}
.page-feature-wrap p {
font-size: 20px;
font-size: 2.0rem;
line-height: 28px;
color: #ffffff;
font-weight: 300;
margin-bottom: 22px;
}
.hide-feature {
display: none;
} .narrow {
max-width: 1140px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.narrower {
max-width: 940px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
} .intro-panel.row.full {
background-color: #ffffff;
padding: 80px 30px;
text-align: center;
}
.intro-panel.row.full.panel-gray {
background-color: #f2f2f2;
}
.icons-wrap {
gap: 20px;
padding: 30px 40px;
}
.icon-tiles {
flex: 1;
text-align: center;
width: 25%;
}
.icon-image {
text-align: center;
margin: 10px 45px;
}
.icon-image img {
max-width: 220px;
}
.icon-text {
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
color: #2F2F2F;
font-weight: 800;
text-align: center;
margin: 20px;
} .quote-panel.row.full {
background-color: #ffffff;
padding: 80px 30px;
}
.row.full.quote-panel.panel-red {
background-color: #E0040C;
}
.quote {
flex: 1;
text-align: center;
}
.quote-pre {
font-size: 17px;
font-size: 1.7rem;
line-height: 24px;
font-weight: 800;
color: #E0040C;
text-transform: uppercase;
margin-bottom: 20px;
}
.quote-pre.panel-red  {
color: #ffffff;
}
.quote h2 {
font-size: 36px;
font-size: 3.6rem;
line-height: 38px;
font-weight: 300;
margin-bottom: 20px;
color: #2F2F2F;
}
h2.panel-red  {
font-size: 26px;
font-size: 2.6rem;
line-height: 28px;
font-family: "Lato", sans-serif;
color: #ffffff;
}
.quote-name {
font-size: 17px;
font-size: 1.7rem;
line-height: 24px;
font-weight: 500;
color: #2F2F2F;
font-style: italic;
}
.quote-name.panel-red  {
color: #ffffff;
} .content-panel.row.full {
background-color: #ededed;
padding: 80px 40px;
text-align: center;
}
.content-panel ul  {
list-style-type: disc;
color: #2F2F2F;
font-weight: 300;
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
margin-left: 50px;
margin-bottom: 20px;
}
.content-panel h2 {
color: #E0040C;
text-align: center;
margin-bottom: 40px;
}
.content-panel p {
margin-bottom: 20px;
}
.content-panel img {
max-width: 90%;
} .flex-photo-panel.row.full {
padding: 90px 30px;
background-color: #ffffff;
}
.panel-gray {
background-color: #ededed !important;
}
.trim-bottom {
padding-bottom: 0px !important;
}
.trim-top {
padding-top: 0px !important;
margin-top: -30px;
}
.info-panel {
display: flex;
flex-direction: row;
gap: 50px;
}
.image-left {
flex-direction: row-reverse;
}
.info-panel-text {
flex: 1;
}
.info-panel-img {
flex: 1;
max-width: 45%;
}
.info-panel-text h2 {
margin-top: 0px;
}
.info-panel p {
margin-bottom: 15px;
}
.info-panel ul {
list-style-type: disc;
color: #2F2F2F;
font-weight: 300;
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
margin-left: 50px;
margin-bottom: 20px;
}
.info-panel li {
margin-bottom: 10px;
}
.info-panel a {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.middle {
align-self: center;
}
.photo-panel-link {
margin: 10px 0;
}
a.panel-link {
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
color: #E0040C;
font-weight: 300;
text-decoration: none;
}
a.panel-link:hover {
color: #E0040C;
} .video-panel.row.full {
background-color: #000000;
padding: 160px 0 180px;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-size: 100%;
}
.video-cta {
text-align: center;
font-size: 60px;
color: #E0040C;
position: relative;
z-index: 1;
padding: 0 40px;
}
.video-cta h3 {
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
max-width: 840px;
margin: 0 auto;
}
.video-background-img {
position: absolute;
background-size: cover;
min-width: 100%;
min-height: 100%;
opacity: 0.95;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
} .video-modal {
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: auto;
min-height: 100vh;
z-index: 1000;
justify-content: center;
align-items: center;
background: rgba(0,0,0,.9);
color: #fff;
display: none;
transition: opacity .5s ease-in-out, transform .5s ease-in-out;
z-index: 10000 !important;
}
.video-modal.open {
pointer-events: all;
display: revert;
}
.modal-wrap {
padding: 15px 35px;
max-width: 80%;
margin: auto;
margin-top: 100px;
}
a.btn.video.modal {
background: none;
border: 0;
font-size: 70px;
}
a.btn.video.modal:hover {
color: #ffffff;
opacity: .7;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#video-modal-close {
display: block;
float: right;
min-width: 100%;
margin: 30px;
}
.video-modal-close {
display: block;
width: 50px;
height: 50px;
filter: invert(100%) sepia(96%) saturate(0%) hue-rotate(45deg) brightness(104%) contrast(104%);
float: right;
} .cta-panel.full {
background-color: #000000;
}
.cta-wrap {
height: 100%;
flex: 1;
}
.cta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; 
text-align: center;
width: 100%;
height: 500px;
padding: 60px;
position: relative;
}
.cta-text {
z-index: 1;
}
.cta h3 {
font-size: 32px;
font-size: 3.2rem;
line-height: 36px;	
color: #ffffff;
}
.cta-text a.btn.sm {
background-color: #E0040C;
border: 1px solid #E0040C;
}
.background-img {
position: absolute;
background-size: cover;
min-width: 100%;
min-height: 100%;
opacity: 0.75;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
} .tiles-panel.row.full {
padding: 80px 30px 100px 30px;
background-color: #ffffff;
}
.tiles-panel.row.full.panel-gray {
background-color: #f2f2f2;
}
.tiles-intro {
text-align: center;
margin-bottom: 40px;
}
.tiles-intro h2 {
margin: 0 0 20px 0;
color: #D52432;
}
.tile-wrap {
gap: 30px 60px;
}
.tiles {
flex: 1;
background-color: #f2f2f2;
}
.tiles.panel-gray {
background-color: #ffffff;
}
.tiles-image {
margin: 0;
}
.tiles-body-wrap {
margin: 40px;
}
.tiles-body-wrap .prehead {
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
color: #2F2F2F;
text-align: left;
margin-bottom: 10px;
}
.tiles-body-wrap h3 {
font-size: 32px;
font-size: 3.2rem;
line-height: 36px;
color: #E0040C;
text-align: left;
margin-bottom: 10px;
}
.tiles p {
color: #2F2F2F;
font-weight: 300;
margin-bottom: 10px;
text-align: left;
}
.tiles-outro {
text-align: center;
margin-top: 40px;
} .contact-panel.row.full {
background-color: #E0040C;
padding: 60px 30px;
text-align: center;
}
.contact {
flex: 1;
margin: 0 90px;
}
.contact h3 {
font-size: 32px;
font-size: 3.2rem;
line-height: 36px;
color: #ffffff;
text-transform: uppercase;
} .row.full.specs-panel {
padding: 80px 30px;
text-align: left;
}
.row.specs-content {
gap: 50px;
flex-direction: row;
}
.specs-table {
text-align: left;
flex: 1;
}
.table-wrap {
padding: 14px 0;
border-bottom: 1px solid #BBBBBB;
}
.cell-label {
font-weight: 600;
text-align: left;
flex: 1;
}
.cell-data {
font-weight: 300;
text-align: left;
flex: 1;
}
.specs-info {
text-align: left;
flex: 1;
}
.specs-cta {
background-color: #ededed;
padding: 30px;
}
.specs-cta h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 28px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
position: relative;
margin-bottom: 40px;
}
.specs-cta h3:after {
position: absolute;
content: '';
height: 2px;
width: 50px;
bottom: -20px;
left: 0;
right: 0;
background: #E0040C;
z-index: 100;
}
.specs-cta p {
margin-bottom: 10px;
}
.specs-cta ul {
list-style-type: disc;
color: #2F2F2F;
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
font-weight: 300;
margin-left: 50px;
margin-bottom: 20px;
}
.specs-cta li {
margin-bottom: 10px;
} .row.full.news-panel {
padding: 60px 30px 110px 30px;
}
.row.full.news-panel .row h2 {
margin-bottom: 40px;
} section.row.full.news {
padding: 40px 0 60px 0;
}
.row.news-wrap {
padding: 0 30px;
}
.row.narrow.news-wrap h2 {
flex: 1;
}
.news-list {
gap: 40px;
}
a.news-item {
text-decoration: none;
background-color: #f2f2f2;
width: 48%;
padding: 40px;
min-height: 300px;
-webkit-box-shadow: 0px 0px 8px 1px rgba(133,133,133,0.5);
-moz-box-shadow: 0px 0px 8px 1px rgba(133,133,133,0.5);
box-shadow: 0px 0px 8px 1px rgba(133,133,133,0.5);
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
}
a.news-item.news-feed {
width: 30%;
}
.date-wrap {
font-size: 13px;
font-size: 1.3rem;
font-weight: 500;
line-height: 17px;
margin-bottom: 40px;
color: #666666;
text-transform: uppercase;
position: relative;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
}  
.date-wrap:after {
position: absolute;
content: '';
height: 2px;
width: 50px;
bottom: -20px; 
left: 0;
right: 0;
background: #E0040C;
z-index: 1;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
} 
.news-item h3 {
font-size: 26px;
font-size: 2.6rem;
line-height: 34px;
font-weight: 300;
color: #484845;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
}
a.news-item:hover {
background-color: #E0040C;
}
a.news-item:hover > h3,
a.news-item:hover > .date-wrap {
color: #ffffff;
}
a.news-item:hover > .date-wrap:after {
background: #000000;
}
@media screen and (max-width: 1160px) {
.news-list {
gap: 25px;
}
a.news-item {
padding: 20px;
}
.news-item h3 {
font-size: 22px;
font-size: 2.2rem;
line-height: 26px;
}
}
@media screen and (max-width: 960px) {
.three {
width: 100%;
}
} .safety-information.row.full {
background-color: #222222;
position: fixed;
bottom: 0;
z-index: 2;
padding-left: 10px;
}
div.panel {
display: none;
}
.row.flip.flip-wrap {
transition: all .5s;
}
.flip-wrap {
padding: 20px 0;
}
.flip-text {
margin: 0px;
padding: 5px 0 5px 0;
font-weight: 900;
flex: 1;
color: #ffffff;
}
.flip-text:hover {
color: #E0040C;
}
h3.flip-text {
font-size: 1.7rem;
line-height: 18px;
font-family: 'lato', sans-serif;
}
i.fa-solid.fa-chevron-down {
font-size: 20px;
color: #ffffff;
margin: 6px 20px 0 0;
text-align: left;
transition: all 0.3s ease;
height: 32px;
}
i.fa-solid.fa-chevron-down.open {
transform: rotate(180deg);
margin: -6px 20px 0 0;
}
i.fa-solid.fa-chevron-down:hover {
color: #E0040C;
}
.safety-container {
max-height: 300px;
padding-right: 30px;
overflow-y: hidden;
margin-bottom: 20px;
max-width: 1280px;
}
.overflow-scrollbar {
overflow-y: scroll !important;
margin-right: 10px;
}
.safety-container.overflow-scrollbar.hide-scroll::-webkit-scrollbar {
background: #999999;
border-radius: 20px; 
margin-right: 10px;
}
.safety-container.overflow-scrollbar.hide-scroll::-webkit-scrollbar-thumb {
background-color: #444444; 
border-radius: 20px;   
border: 1px solid #999999; 
max-height: 200px;
margin-right: 10px;
}
@media screen and (max-width: 860px) {
.hide-scroll {
max-height: 0;
transition: all 0.8s ease;
}
.safety-container.hide-scroll.overflow-scrollbar {
max-height: unset;
}
}
.safety-text {
margin-bottom: 30px;
}
.safety-text a {
color: #ffffff;
}
.indication,
.indication p,
.safety-text p {
color: #ffffff;
font-weight: 500;
font-size: 15px;
font-size: 1.5rem;
line-height: 20px;
}
.indication ul,
.safety-text ul  {
list-style-type: disc;
color: #ffffff;
font-weight: 500;
font-size: 15px;
font-size: 1.5rem;
line-height: 20px;
margin-left: 20px;
margin-bottom: 20px;
} .ghost-header {
height: 100px;
}
.inner.notfound {
text-align: center;
padding: 100px 0;
} .fancybox-overlay {
background: rgba(0, 0, 0, .8);
}
.fancybox-opened .fancybox-skin {
margin-left: auto;
margin-right: auto;
padding: 0px !important;
background: #ffffff;
color: #000000;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
}
.fancybox-opened.fancybox-type-iframe .fancybox-skin {
background: none;
border: none;
}
.fancybox-opened .fancybox-skin .fancybox-inner {
max-width: 860px;
margin: auto;
}
.fancybox-overlay .fancybox-close {
background: none;
top: 0px;
right: -60px;
}
.fancybox-overlay .fancybox-close:before {
content: "\f00d";
font-family: FontAwesome;
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
text-align: center;
font-size: 30px;
line-height: 30px;
color: #ffffff;
font-weight: 200;
transform: translate(-50%, -50%);
transition: color .15s ease-in-out;
}
.fancybox-overlay .fancybox-type-iframe .fancybox-close {
top: 60px;
}
.fancybox-inner > div {
padding: 50px;
max-width: 860px;
}
.fancybox-inner em {
font-style: italic;
}
.fancybox-inner ul,
.fancybox-inner ol {
margin-left: 20px;
}
.fancybox-inner ul {
list-style: disc;
}
.fancybox-inner ol {
list-style: lower-latin;
} #site-footer { 
background-color: #ffffff; 
padding: 0 30px;
}
.main-footer {
padding: 60px 0 250px 0;
}
#footer-text {
flex: 1;
}
#footer-text a {
color: #E0040C;
font-size: 14px;
font-size: 1.4rem;
line-height: 22px;
font-weight: 500;
margin-right: 20px;
text-decoration: none;
transition: all .5s;
}
#footer-text .links {
margin-bottom: 20px;
}
.footer-logo {
max-width: 260px;
}
.copyright {
font-size: 14px;
font-size: 1.4rem;
line-height: 20px;
font-weight: 500;
color: #222222;
position: relative;
display: block;
max-width: 80%;
margin-bottom: 20px;
} .btn:not(.menu-item),
a.btn,
input[type='submit'] {
font-size: 17px;
font-size: 1.7rem;
line-height: 18px;
font-family: "Lato", sans-serif;
font-weight: 800;
color: #ffffff;
background-color: #000000;
text-decoration: none;
display: inline-block;
transition: all .5s;
border: 1px solid #000000;
border-radius: 4px;
padding: 15px 45px 15px 45px;
margin-top: 20px;
}
.btn:not(.menu-item):hover,
a.btn:hover,
input[type='submit']:hover {
color: #000000;
background-color: #ffffff;
border: 1px solid #ffffff;
}
a.btn.red {
color: #ffffff;
background-color: #E0040C;
border: 1px solid #E0040C;
}
a.btn.red:hover {
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
} .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.print-only { display: none!important; visibility: hidden;}
.hide { display: none; } @media print {
#site-header {display: none;}
#page-feature .panel-content,
#page-feature .panel-content-home,
.cta-panel.row.full {
padding: 30px;
}
.print-only { display: block!important; visibility: visible;}
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
} @media screen and (max-width: 1200px) {
#main-nav a {
font-size: 15px;
font-size: 1.5rem;
padding: 0 10px 0 10px;
}
header#site-header #logo {
max-width: 250px;
} @media screen and (max-width: 1080px) {
.intro-panel.row.full, 
.flex-photo-panel.row.full,
.quote-panel.row.full,
.content-panel.row.full,
.page-feature,
.contact-panel.row.full,
.row.full.specs-panel {
padding: 40px 20px;
}
.row.full.flip {
padding: 0 20px;
color: #fff;
}
header#site-header {
background: #000000;
position: relative!important;
padding: 20px;
}
#main-nav { display: none;}
#mobile-nav,
#nav-trigger { 
display: block;
z-index: 999;
}
main#main {
margin-top: 25px;
}
.hero-wrap {
height: 400px;
}
.hero-home h1 {
max-width: 70%;
font-size: 52px;
font-size: 5.2rem;
line-height: 56px;
}
h2,
.middle h2,
.quote h2 {
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
}
.row.page-feature {
height: 230px;
}
.page-feature-wrap h1 {
font-size: 40px;
font-size: 4.0rem;
line-height: 43px;
margin-bottom: 20px;
}	
.info-panel img {
display: block;
float: revert;
max-width: 100%;
margin: 30px 0 30px 0;
}
.panel-gray .cta {
border-right: none;
}
.blocks-panel.row.full {
padding: 80px 40px;
}
.blocks {
flex: unset;
}
.feat-cta {
font-size: 16px;
font-size: 1.6rem;
line-height: 16px;
height: 70px;
}
.tile-wrap {
flex-direction: column;
}
.tiles-body-wrap h3 {
font-size: 26px;
font-size: 2.6rem;
line-height: 28px;
}
.row.specs-content {
flex-direction: column;
}
.info-panel {
flex-direction: column;
}
.info-panel-img {
display: none;
}
.middle {
margin: 20px 0;
margin-bottom: 40px;
}
.icons-wrap {
gap: 10px; 
}
.icon-tiles {
min-width: 48%;
max-width: 48%;	
}
.icon-image {
margin: 10px 25px;
}
} @media screen and (max-width: 860px) {
header#site-header #logo {
max-width: 230px;
}
#mobile-nav a {
font-size: 18px;
font-size: 1.8rem;
line-height: 20px;
}
.hero-wrap {
height: 280px;
}	
.hero-home h1 {
max-width: 90%;
font-size: 30px;
font-size: 3.0rem;
line-height: 36px;
}
.hero-home p {
font-size: 22px;
font-size: 2.2rem;
line-height: 22px;
max-width: 90%;
}
.row.full.cta-panel.full {
flex-direction: column;
}
.cta {
height: 300px;
}
.news-list {
flex-direction: column;
}
a.news-item,
a.news-item.news-feed {
width: 100%;
}
a.news-item {
min-height: 200px;
}
.row.quote-flex {
display: block;
text-align: center;
}
.main-footer {
padding: 40px 20px;
}
#footer-text {
flex: none;
width: 100%;
}
#footer-text a {
margin: 0 10px;
}
#footer-text .links {
text-align: center;
}
#footer-text .copyright {
text-align: center;
margin-bottom: 20px;
}
.footer-logo {
margin: auto;
}
#footer-nav {
margin-top: 15px;
}
#footer-nav a {
margin-left: 0;
}
.modal-wrap {
max-width: 90%;
margin-top: 80px;
}
} @media screen and (max-width: 600px) {
h1 {
font-size: 36px;
font-size: 3.6rem;
line-height: 38px;
}
main#main {
margin-top: 0px;
}
.icon-tiles {
min-width: 100%;
max-width: 100%;	
}
.modal-wrap {
margin-top: 20px;
padding: 15px 20px;
}
.modal-window h1 {
font-size: 3.4rem;
line-height: 38px;
}
.modal-window li {
margin-bottom: 20px;
}
.footer-modal-close {
margin-right: -10px;
}
.indication,
.indication p,
.safety-text p {
font-size: 15px;
font-size: 1.5rem;
line-height: 18px;
}
.indication ul,
.safety-text ul  {
font-size: 15px;
font-size: 1.5rem;
line-height: 18px;
}
}