/*
@font-face{
font-family:"SVN-Gotham Rounded Regular";
src:url("//cdn.hstatic.net/themes/1000280264/1001389859/14/SVN-Gotham Rounded Regular.ttf?v=2021");
font-weight:400;
}
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal; }

@font-face {
  font-family: "SVN_Gotham_Rounded";
  src: url("//cdn.hstatic.net/themes/1000280264/1001389859/14/svn_gotham_rounded_regular.ttf?v=2021");
  font-weight: normal; }

@font-face {
  font-family: "SVN_Gotham_Rounded";
  src: url("//cdn.hstatic.net/themes/1000280264/1001389859/14/SVN_Gotham_Rounded_Medium1.ttf?v=2021");
  font-weight: 500; }

@font-face {
  font-family: "SVN_Gotham_Rounded";
  src: url("//cdn.hstatic.net/themes/1000280264/1001389859/14/SVN_Gotham_Rounded_Bold.ttf?v=2021");
  font-weight: 700; }

@font-face {
  font-family: "SVN_Gotham_Rounded";
  src: url("//cdn.hstatic.net/themes/1000280264/1001389859/14/SVN_Gotham_Rounded_Bold_Italic.ttf?v=2021");
  font-weight: 700;
  font-style: italic; }

.page-body {
  font-size: 14.4px;
  line-height: 1.8;
  color: #818385; }
  .page-body * {
    font-family: "SVN_Gotham_Rounded" !important; }
  .page-body .fa {
    font-family: "FontAwesome" !important; }
  .page-body .white {
    color: #fff; }
  .page-body ol li {
    list-style: none;
    position: relative;
    margin-bottom: 0.8em; }
  .page-body p {
    line-height: 1.8;
    margin-bottom: 1em; }
  .page-body h2 {
    margin: 0 0 1.2em 0;
    font-size: 2.2em;
    text-align: center;
    line-height: 0.9;
    color: #818385; }
  .page-body hr {
    color: #818385;
    background-color: #818385;
    height: 1px;
    margin: 2em 0;
    border: none; }
  .page-body h4 {
    margin: 0 0 0.8em 0;
    font-size: 1.4em;
    text-align: center;
    color: #818385;
    line-height: 1.3; }
  .page-body h3 {
    margin: 0 0 0.8em 0;
    color: #3ec2d2;
    font-size: 1.4em;
    line-height: 1.3;
    color: #818385; }
  .page-body a.btn, .page-body a.btn:visited, .page-body button, .page-body input[type=button], .page-body input[type=submit], .page-body input[type=reset] {
    display: inline-block;
    margin: 0;
    padding: 0.8em 4em;
    color: #fff;
    background-color: #faaa18;
    font-family: "SVN-Gotham Rounded Regular";
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.2;
    border: none;
    border-radius: 0;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none; }
  .page-body a.btn i.fas, .page-body a.btn:visited i.fas, .page-body button i.fas, .page-body input[type=button] i.fas, .page-body input[type=submit] i.fas, .page-body input[type=reset] i.fas {
    margin-left: 0.2em; }
  .page-body a.btn:hover, .page-body a.btn:active, .page-body a.btn:visited:hover, .page-body a.btn:visited:active, .page-body button:hover, .page-body button:active, .page-body input[type=button]:hover, .page-body input[type=button]:active, .page-body input[type=submit]:hover, .page-body input[type=submit]:active, .page-body input[type=reset]:hover, .page-body input[type=reset]:active {
    background-color: #3ec2d2; }
  @media only screen and (max-width: 700px) {
    .page-body a.btn:hover, .page-body a.btn:active, .page-body a.btn:visited:hover, .page-body a.btn:visited:active, .page-body button:hover, .page-body button:active, .page-body input[type=button]:hover, .page-body input[type=button]:active, .page-body input[type=submit]:hover, .page-body input[type=submit]:active, .page-body input[type=reset]:hover, .page-body input[type=reset]:active {
      background-color: #faaa18; } }

div.section {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin: 4em auto; }

.faq {
  display: none; }

div.graybg div.section h2 {
  margin-bottom: 0.6em; }

div.graybg {
  position: relative;
  margin: 0 0 6em 0;
  padding: 2.5em 0 2.5em;
  background-color: #f1f1f2; }
  div.graybg .section {
    margin: 0px auto; }
  div.graybg p {
    margin-bottom: 0; }

div.fullwidth {
  position: relative;
  overflow: hidden; }

div.fullwidth {
  position: relative;
  overflow: hidden; }

div.fullwidth a, div.fullwidth a:visited {
  display: block;
  width: 100%;
  height: 100%; }

div.fullwidth a:hover, div.fullwidth a:active, div.fullwidth a:visited:hover, div.fullwidth a:visited:active {
  opacity: 0.8; }

@media only screen and (max-width: 700px) {
  div.fullwidth a:hover, div.fullwidth a:active, div.fullwidth a:visited:hover, div.fullwidth a:visited:active {
    opacity: 1; } }

div.fullwidth img {
  display: block;
  width: 100%;
  max-width: none; }

@media only screen and (max-width: 700px) {
  div.fullwidth img {
    width: auto;
    height: 220px; } }

div.fullwidth a, div.fullwidth a:visited {
  display: block;
  width: 100%;
  height: 100%; }

div.fullwidth img {
  display: block;
  width: 100%;
  max-width: none; }

div.fullwidth .centervertically {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 1.5em;
  text-align: center;
  line-height: 2.5;
  text-shadow: 2px 2px 6px #000; }

div.fullwidth .centervertically img {
  width: 150px;
  height: auto;
  margin: 0.3em auto 0 auto; }

img.safetyicon {
  display: block;
  width: 80px;
  margin: 0 auto 2em auto; }

img.reasonsicon {
  display: block;
  height: 120px;
  margin: 0 auto 2.5em auto; }

img.anatomyicon {
  display: block;
  width: 80px;
  margin: 0 auto 2em auto; }

img.product {
  display: block;
  height: 250px;
  margin: 0 auto 1em auto; }

img.bluetriangle {
  position: absolute;
  bottom: -40px;
  left: 50%;
  height: 40px;
  margin: 0 0 0 -47px; }

img.orangetriangle, img.graytriangle {
  position: absolute;
  bottom: -45px;
  left: 50%;
  height: 45px;
  margin: 0 0 0 -53px; }

.section-title-cus {
  margin: 0 0 0.8em 0;
  color: #faaa18;
  font-size: 3.5em;
  text-align: center;
  line-height: 0.9; }
  @media only screen and (max-width: 767px) {
    .section-title-cus {
      font-size: 2em; } }

.section-title-cus span.h1b {
  font-size: 0.5em; }

h2 span.h2b {
  font-size: 0.5em; }

h2.tightbottom {
  margin: 0 0 0.3em 0; }

.spacer {
  height: 3em; }

div.col3 {
  float: left;
  width: 30%;
  margin: 0 5% 0 0; }

div.col3:nth-child(3n) {
  margin-bottom: 0;
  margin-right: 0; }

#pointsofprotection h3 {
  margin: 0 0 0.2em 0;
  color: #faaa18;
  font-size: 5em;
  text-align: center; }

.larger {
  font-size: 1.2em; }

.white {
  color: #fff; }

div.orangebg {
  position: relative;
  margin: 0 0 6em 0;
  padding: 2em 0 1.5em;
  background-color: #faaa18; }
  div.orangebg div.section {
    margin: 0 auto; }

div.orangebg div.section h2 {
  margin-bottom: 0.6em; }

img.orangetriangle, img.graytriangle {
  position: absolute;
  bottom: -45px;
  left: 50%;
  height: 45px;
  margin: 0 0 0 -53px; }

/** anatomyofsafety  **/
sup {
  color: #faaa18;
  font-size: 0.7em;
  vertical-align: super; }

#anatomyofsafety div.col4 {
  float: left;
  width: 22%;
  margin: 0 4% 0 0; }
  #anatomyofsafety div.col4:last-child {
    margin-right: 0; }

#anatomyofsafety img.anatomyicon {
  display: block;
  width: 80px;
  margin: 0 auto 2em auto; }

/** section FAQ **/
a.faqopen, a.faqopen:visited {
  display: block;
  width: 90%;
  color: #faaa18; }

a.faqopen i.fa, a.faqopen:visited i.fa {
  float: right;
  margin: 0 -10% 0 1em;
  color: #faaa18;
  font-weight: 700; }

div.col3.pro-item {
  margin-bottom: 42px; }

/** section category **/
img.product {
  display: block;
  height: 250px;
  margin: 0 auto 1em auto; }

/** popup css **/
#popupoverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: auto;
  font-size: 14.4px; }

#popupoverlay #popupwrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15%;
  width: 70%; }

@media only screen and (max-width: 700px) {
  #popupoverlay #popupwrapper {
    left: 0;
    width: 100%;
    top: 0;
    transform: none; } }

#popupoverlay #popupwrapper #popupcontainer {
  display: none;
  position: relative;
  width: 90%;
  padding: 0 5% 2% 5%;
  background-color: #fff;
  border-radius: 1.5em;
  box-shadow: 0 0 1em 0 #818385;
  margin: auto; }

@media only screen and (max-width: 700px) {
  #popupoverlay #popupwrapper #popupcontainer {
    width: 100%;
    padding: 0 8% 2% 8%;
    border-radius: 0;
    box-shadow: none; } }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup {
  display: none;
  padding: 1.5em 0 1em 0;
  word-break: break-word; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup ol {
  list-style: none; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup h2 {
  margin: 0 0 0.8em 0;
  color: #faaa18;
  font-size: 1.6em;
  text-align: left; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup h2 img {
  vertical-align: baseline; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup h2.spaceabove {
  margin-top: 3em; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup h3 {
  margin: 0 0 0.5em 0;
  color: #faaa18;
  font-size: 1.6em; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup p {
  margin: 0 0 0.5em 0;
  line-height: 1.6;
  font-size: 14.4px; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup p span.break {
  display: block;
  height: 0.4em; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup a, #popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup a:visited {
  color: #faaa18; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup a.popupclose, #popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup a.popupclose:visited {
  float: right;
  color: #3ec2d2;
  font-size: 2.8em; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup hr {
  color: #faaa18;
  background-color: #3ec2d2;
  height: 2px;
  margin: 1.5em 0;
  border: none; }

#popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup img.reasonsicon {
  display: inline-block;
  position: relative;
  top: 0.5em;
  margin: 0 0.5em 0 0; }

#popup4 ol li {
  margin-bottom: 15px; }

.orange {
  color: #faaa18; }

.page-body a.btn {
  font-weight: 500; }

@media only screen and (max-width: 700px) {
  #popupoverlay #popupwrapper #popupcontainer #popupcontent div.popup img.reasonsicon {
    display: block;
    top: 0;
    margin: 3.5em auto 1em auto; } }

@media (max-width: 767px) {
  div.section {
    margin: 2.5em auto; }
  .page-body h2 {
    margin: 0 0 1.5em 0;
    font-size: 2em;
    line-height: 1.2; }
  div.col3 {
    float: none;
    width: 100%;
    margin: 0 0 4em 0; }
  div.fullwidth img {
    width: auto;
    height: 220px; }
  #anatomyofsafety div.col4 {
    float: none;
    width: 100%;
    margin: 0 0 4em 0; } }

.icon-video {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 150px;
  height: auto;
  margin: 0.3em auto 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 1.5em;
  text-align: center;
  line-height: 2.5;
  text-shadow: 2px 2px 6px #000; }
  .icon-video img {
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    margin: 0 !important; }
  @media (max-width: 767px) {
    .icon-video {
      margin-top: 15px; } }

.list_product h2 {
  font-size: 28px; }

@media (min-width: 1200px) {
  .list_product .pro-item a {
    padding: 0.8em 4.4em !important; } }

#reasonstofaceforward a.btn, #reasonstofaceforward a.btn:visited {
  margin-top: 2em; }

#section-faq hr {
  margin: 1.8em 0; }

.medium {
  font-weight: 500; }

@media only screen and (max-width: 700px) {
  a.faqopen, a.faqopen:visited {
    font-size: 0.9em; } }