@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://use.typekit.net/ske3hyp.css');
body{ margin: 0; padding: 0; box-sizing: content-box; font-family: "Urbanist", sans-serif; font-weight: 400; font-size: 20px; color: #000000;  }
a { text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: .75px !important;}
a:focus-visible, button:focus-visible { outline: 1px solid red !important; }
.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {
    padding: 0 !important;
}
h2, h1, h3, h4, h5, h6 { font-family: "chaparral-pro",serif; font-weight: 700; }
ul{ padding: 0; }
li{ list-style: none;}
p strong { font-weight: 600; }
.btn{ border-radius: 38px; background: #201432; font-size: 18px; font-weight: 700; line-height: 24px; border: 0; transition: all .2s; padding: 10px 24px;}
.btn::after { content: ''; background: url(../images/icon/arrow.svg); width: 8px; height: 10px; display: inline-block; margin-left: 5px;}
.btn.btn-secondary:hover:after { filter: brightness(.1); }
.btn:hover{border: 0; background: #BA0000; }
.btn.btn-secondary{border: 0; background: #BA0000; }
.btn.btn-secondary:hover{border: 0; background: #ffffff; color: #201432; }
.btn:focus-visible {border: 1px solid red; }
/* HEADER CSS */
.mainHeader { background: #000000; }
.mainHeader .navbar-expand-lg .navbar-collapse { justify-content: end; }
.mainHeader .navbar-expand-lg .navbar-collapse a { color: #ffffff; font-weight: 600; font-size: 16px; margin-left: 22px; position: relative; }
.mainHeader .navbar-expand-lg .navbar-collapse a.active {position: relative; display: inline-block; }
.mainHeader .navbar-expand-lg .navbar-collapse a.active::before,
.mainHeader .navbar-expand-lg .navbar-collapse a:hover::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #ffffff; }
.mainHeader .navbar-brand { font-size: 20px; font-weight: 900; color: #ffffff; display: block; }
.mainHeader .navbar-brand img { margin-right: 20px; max-width: 78px; height: auto; }
.mainHeader nav { background: #000000; padding-top: 12px; padding-bottom: 12px; }
.navbar-nav .nav-item .region-primary-menu {  display: flex; align-items: center; }

/* FOOTER CSS */

.footerWrap { background: #000000; padding-top: 30px; padding-bottom: 20px; }
.footerWrap .footerArea { display: flex; width: 100%; justify-content: space-between; }
.footerWrap .appXtraNav ul { display: flex; margin-bottom: 120px; flex-wrap: wrap; max-width: 830px;  }
.footerWrap .appXtraNav ul li { margin-right: 32px; margin-top: 30px; }
.footerWrap .appXtraNav ul li a { color: #ffffff; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: .75px !important; font-weight: 400; display: flex; align-items: center;  }
.footerWrap .appXtraNav ul li a:hover { color: #ED1C24;}

.footerWrap .appXtraNav ul li a i,
.footerWrap .appXtraNav ul li a:hover i { margin-left: 6px; background: url(../images/icon/external_link.png); background-repeat: no-repeat; vertical-align: middle; height: 16px; width: 16px; display: inline-block; }
.footerWrap .appXtraNav ul li a:hover i { background: url(../images/icon/external_link_red.png); vertical-align: middle; height: 16px; display: inline-block; background-repeat: no-repeat;
    background-position: 0px -4px; }
.footerWrap .appXtraNav ul li a i img { opacity: 0;  }
.footerWrap .footerArea .appLogo { margin-top: 35px; }
.footerWrap .appLegal { color: #ffffff; font-size: 14px; }
.appLogo img { width: 115px;}
.footerWrap .footerArea .socialLink { display: flex; justify-content: space-between; margin-top: 52px; }
.footerWrap .footerArea .socialLink a { text-decoration: none; margin: 0 10px; }
.footerWrap .footerArea .socialLink a:first-child{ margin-left: 0; }
.footerWrap .footerArea .socialLink a:last-child { margin-right: 0; }
.footerWrap .footerArea .socialLink a img { width: auto; }
.heroBannerTop { max-width: 820px; }
.getinspection.heroBannerTop h2 {max-width: 630px;}
.heroBanner .heroBannerTop.contactHeadIng h1,
.heroBanner .heroBannerTop.contactHeadIng h2 { max-width: 570px; }
.heroBanner {  height: 540px; position: relative; overflow: hidden; display: flex; align-items: center; background: #C4C4C4; }
.heroBanner::before { content: ''; background: #BA0000; border-radius: 1830px; opacity: 0.6; width: 1830px;
    height: 1830px; position: absolute; right: 36%; top: 50%; transform: translateY(-50%); z-index: 1;  }
.heroBanner::after { content: ''; background: #BA0000; border-radius: 1830px; opacity: 0.6; width: 1830px;
        height: 1830px; position: absolute; right: 36%; top: 50%; transform: translateY(-50%); z-index: 0;     mix-blend-mode: multiply;  }
.heroBanner .imageBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-size: cover; background-position: right top;}
.heroBanner p { margin-bottom: 0; max-width: 662px; width: 100%; line-height: 34px; font-weight: 700; font-size: 24px; }
.heroBanner h2,
.heroBanner h1 { max-width: 662px;  width: 100%; font-size: 68px; line-height: 74px; margin-bottom: 10px;  font-family: "chaparral-pro",serif; font-weight: bold;  }
.heroBanner h1,
.heroBanner h2,
.heroBanner p { color: #ffffff; z-index: 2; position: relative; }
.heroBanner .customBreadcrumb { position: absolute; z-index: 1; left: 0; top: 35px; width: 100%; display: inline-block; height: 40px; text-align: center;}
.heroBanner .customBreadcrumb .breadcrumb-item,
.heroBanner .customBreadcrumb .breadcrumb-item a { font-size: 14px; color: #ffffff; }
.breadcrumb-item + .breadcrumb-item::before { content: '>'; color: #ffffff; }
.heroBanner .customBreadcrumb + .container .heroBannerTop { padding-top: 100px;}
.heroBanner .container { width: 100%; display: inline-block; margin: 0 auto; }
 
.monoxideWrap { padding: 100px 0; }
.monoxideWrap .monoxideHead { margin-bottom: 80px; }
 
.monoxideWrap .monoxideHead p { }
.monoxideWrap .monoxideBody { display: flex; justify-content: space-between; margin-bottom: 80px; }
.monoxideWrap .monoxideBody .monoxideContent { text-align: center; color: #000000; text-decoration: none; }
.monoxideWrap .monoxideBody .monoxideContent span { max-width: 107px; margin: 0 auto; display: inline-block; line-height: 30px; }

.protectWrap { padding: 100px 0 120px 0; background: #000000; }
.protectWrap .protectHead { margin-bottom: 80px; color: #ffffff; }
 
.protectWrap .protectHead p { font-weight: 600; }

.protectWrap .protectBody { display: flex; justify-content: space-between; margin-bottom: 80px; }
.protectWrap .protectBody .protectItem  { background: #ffffff; padding: 20px 20px 40px 20px; border-radius: 4px; margin: 0 15px; width: 100%; }
.protectWrap .protectBody .protectItem figure { width: 121px; height: 121px; }
.protectWrap .protectBody .protectItem:first-child { margin-left: 0; }
.protectWrap .protectBody .protectItem:last-child { margin-right: 0; } 
.protectWrap .protectBody .protectItem h2 { font-size: 32px; font-weight: 700; line-height: 40px; font-family: "Urbanist", sans-serif; }
.protectWrap .protectBody .protectItem a { color: #BA0000; text-underline-offset: 0.03em; }
.protectWrap .protectBody .protectItem a:hover { color: #201432;}
.protectWrap .protectBody .protectItem a:hover i img { filter: brightness(.2); }

.resourcesWrap { padding: 100px 0 120px 0; }
.resourcesBody { display: block; margin-top: 60px; margin-bottom: 20px; }
.resourcesBody .resourcesItem { width:calc(25% - 35px); display: inline-block; margin: 0 16px 40px 16px; vertical-align: bottom; color: #000000; }
.resourcesBody .resourcesItem figure {   width: 100%; background-size: cover; background-repeat: no-repeat; width: 100%; }
.resourcesBody .resourcesItem figure img { max-width: 100%; border: 1px solid rgba(0, 0, 0, 0.50); }
.resourcesBody .resourcesItem:first-child{ margin-left: 0; }
.resourcesBody .resourcesItem:last-child{ margin-right: 0; }
.resourcesBody .resourcesItem h2 {font-size: 24px; font-weight: 700; line-height: 30px; font-family: "Urbanist", sans-serif; }
.resourcesBody .resourcesItem h2 i {margin-left: 7px; }
.resourcesBody .resourcesItem:hover{ color: #BA0000;}
.commanTitleB,
.commanTitleW { font-size: 40px; font-weight: 700; line-height: 44px; font-family: "chaparral-pro",serif; }
.mobileMenuBox{ display: none; }
.footerWrap .footerArea .appXtraNav .socialLink { display: none; margin-top: 32px; margin-bottom: 32px; } 
.keepTabsWrap { background: #EFEFEF; padding: 40px; }
.keepTabsWrap span,
.keepTabsWrap .mainPage { display: inline-block; color: #000; font-size: 20px; font-weight: 700; line-height: 28px; text-transform: uppercase; margin-right: 120px; vertical-align: middle;}
.keepTabsWrap .mainPage a{ color: #201432;}
.keepTabsWrap .mainPage a:hover{ color: #BA0000; }
.keepTabsWrap span.keedLearn,
.keepTabsWrap .mainPage { width: 225px;  }

.keepTabsWrap .keepTabs { display: inline-block; }
.keepTabsWrap .keepTabs a { color: #201432; font-size: 18px; font-weight: 500; margin-right: 14px; padding-left: 18px; position: relative; }
.keepTabsWrap .keepTabs a.active {  font-weight: 700; text-decoration: none; }
.keepTabsWrap .keepTabs a:hover { color: #BA0000; }
.keepTabsWrap .keepTabs a.active::before { content: ''; font-weight: 700; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/icon/polygon-right.svg); width: 12px; height: 12px; background-repeat: no-repeat; }
.commanNotesWrap { background: #000; color: #ffffff; font-size: 30px; font-weight: 700; padding: 40px; position: relative; font-family: "chaparral-pro",serif; line-height: 33px; max-width: 580px; }
.commanNotesWrap::before{ content: ''; position: absolute; right: 0; bottom: -34px; width: 54px; height: 34px; background: url(../images/icon/polygon.svg); }
.commanNotesWrap span { display: block; margin-bottom: 30px; }
.appliancesWrap { margin-bottom: 100px; }
.imgContentWrap.imgContentWrapReverse { flex-direction: row-reverse; }
.imgContentWrap { display: flex; align-items: start; justify-content: space-between; margin-top: 100px; margin-bottom: 20px; }
.imgContentWrap .imgContentLeft {width: 100%; padding-right: 40px; }
.imgContentWrap .imgContentRight { width: 100%; padding-left: 40px; }
.imgContentWrap .imgContentRight h3 { color: #000; font-family: "Urbanist", sans-serif; font-size: 28px; font-weight: 700;
    line-height: 120%; /* 33.6px */ margin-bottom: 24px;}
.imgContentWrap .imgContentRight b { margin-bottom: 20px; display: block; }
.imgContentWrap .imgContentRight .workPointWrap li b { display: inline-block; margin-bottom: 0;}
.imgContentWrap .workPointWrap h3 { margin-bottom: 24px; }
.imgContentWrap .imgContentLeft figure img { width: 100%; }
.imgContentWrap h2 { font-size: 40px; font-weight: 700; line-height: 44px; color: #BA0000; font-family: "chaparral-pro",serif; }
.imgContentWrap .imgContentRight ol { padding-left: 24px; }
.imgContentWrap .imgContentRight ol li { list-style-type: auto; }
.imgContentWrap.learnaboutImgContent { font-size: 20px; margin-top: 0; }
.imgContentWrap.learnaboutImgContent .imgContentRight .answerWrap { margin-top: 60px; }

.imgContentWrap.imgContentWrapReverse .imgContentLeft {width: 100%; padding-left: 40px; padding-right: 0; }
.imgContentWrap.imgContentWrapReverse .imgContentRight { width: 100%; padding-right: 40px; padding-left: 0; }
.imgContentWrap.practisingcosafety { margin-bottom: 100px; }
.contractorWrap { background: #000000; padding: 100px 0 120px 0; color: #ffffff;}
.contractorWrap .contractorImg { display: inline-block; vertical-align: top; }
.contractorWrap .contractorImg figure { margin-bottom: 0; max-width: 392px; width: 100%; }
.contractorWrap .contractorContent { display: inline-block; margin-left: 138px; width: calc(100% - 550px); vertical-align: top;  }
.contractorWrap .contractorContent h2 { font-size: 40px; font-weight: 700; line-height: 44px; color: #ffffff; font-family: "chaparral-pro",serif; margin-bottom: 20px; }
.contractorWrap .contractorContent p { font-weight: 600; margin-bottom: 80px; }

.titlePost { margin-top: 100px; margin-bottom: 60px;}
.titlePost h2 { font-size: 40px; font-weight: 700; line-height: 44px; font-family: "chaparral-pro",serif; }
.titlePost p { font-size: 20px; }

.titlePost.mostTitle h2 { margin-bottom: 20px;}

.workPointWrap h3 { color: #000; font-size: 28px; font-weight: 700; line-height: 33.6px; font-family: "Urbanist", sans-serif;  }
.listDics { list-style-type: disc; margin-top: 24px; margin-bottom: 40px; padding-left: 10px;}
.listDics li { position: relative; padding-left: 16px; margin-bottom: 15px; }
.listDics li a { color: #BA0000; }
.listDics li a:hover{ color: #201432;}
.listDics li::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(0.7); width: 4px; height: 4px; border-radius: 50%; background: #000000; }
.workPointWrap li { font-size: 20px; margin-bottom: 15px; }
.workPointWrap li b { color: #BA0000; text-transform: uppercase; }

.coAlaramWrap { display: flex; align-items: center; justify-content: space-between; margin: 80px 0 40px 0; }
.coAlaramWrap.copoisoningWrap { margin-top: 40px; margin-bottom: 0;}
.coAlaramWrap .coAlaramContent {display: inline-block; vertical-align: middle; width: calc(100% - 450px); }
.coAlaramWrap.commonsource .coAlaramContent{ width: 100%; }
.coAlaramWrap .coAlaramContent.commonsource { width: 100%; }
.coAlaramWrap .coAlaramContent h2 { font-size: 40px; font-weight: 700; line-height: 44px; color: #000; font-family: "chaparral-pro",serif; margin-bottom: 20px; max-width: 400px; }
.coAlaramWrap .coAlaramContent h2.red_color { color: #BA0000; max-width: 100%; }
.coAlaramWrap .coAlaramContent p {  font-size: 20px;  }
.coAlaramWrap .coAlaramContent .mngBot { margin-bottom: 20px; display: none; }
.coAlaramWrap .coAlaramContent .mngBotmainwrape { margin-bottom: 80px; }
.coAlaramWrap .coAlaramContent .mngBotmainwrape p { margin-bottom: 20px; }
.coAlaramWrap .coAlaramContent .mngBotmainwrape p:last-child{ display: none; }
.coAlaramWrap .coAlaramImg { display: inline-block; vertical-align: middle; text-align: right; }
.coAlaramWrap .coAlaramImg figure { position: relative; top: 20px; }
.font-sm { font-size: 20px; line-height: 25px; }
.loremcontent p strong { color: #BA0000; font-size: 20px; font-weight: 700; line-height: 140%; }
.cardMainWrap h2 { color: #000;  font-family: "Urbanist", sans-serif; 
    font-size: 28px; 
    font-weight: 700;
    line-height: 120%; /* 33.6px */}
   
.artboard {margin-top: 40px; }
.artboard .card__details.font20 p { font-size: 20px; }
.artboard .card__details.font18 p { font-size: 20px; }
.card { flex: initial; position: relative; height: 590px; width: calc(33.3% - 36px); -moz-perspective: 200rem; perspective: 200rem; overflow: hidden; border: 0; display: inline-block; margin-right: 32px; margin-bottom: 32px; background: #f1f1f1; }
.card__side { height: 100%; transition: all 0.8s ease; position: absolute; top: 0; left: 0; width: 100%;  -webkit-backface-visibility: hidden;
  /* We don't want to see the back part of the element. */
  backface-visibility: hidden;
  /* We don't want to see the back part of the element. */
  border-radius: 3px;  overflow: hidden;
  /* The image is overflowing the parent. */
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.15);
}
.card__side--front { border-radius: 4px; background: #484848; }
.card__side--back { background-color: #fff;  transform: rotateY(180deg);}
.card:hover .card__side--back { transform: rotateY(14);}
.card:hover .card__side--front {  transform: rotateY(14deg);}
.card.active .card__side--back { transform: rotateY(0);}
.card.active .card__side--front {  transform: rotateY(-180deg);}

.card__theme {  position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%);   width: 90%; text-align: center; }
.card .reload { position: absolute; right: 40px; top: 40px; z-index: 1; cursor: pointer; border: 0; background: transparent; }
.card__theme-box { color: #fff;  position: relative;}
.card__theme-box img { filter: brightness(0); width: calc(100%); }
.card__side.contentCard .card__theme { padding: 130px 40px 40px; width: 100%; transform: translate(0,0); top: auto; left: auto; text-align: left; }
.card__side.contentCard .card__theme .content h2 { font-family: "chaparral-pro",serif; font-size: 48px; font-weight: 700; color: #ffffff; }
.card__side.contentCard .card__theme .content p { font-size: 22px; line-height: 30px; margin-top: 40px; font-weight: 700; }

.howProducts { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #FFF; font-family: "chaparral-pro",serif;
    font-size: 300px; font-weight: 700; line-height:  375px; z-index: 1; }
.card__subject {  font-family: "Inconsolata", monospace;  letter-spacing: 0.8rem;  font-size: 1.6rem;  text-transform: uppercase;
  margin-bottom: 1rem; }
.card__title { font-family: "VT323", monospace; text-transform: uppercase; font-size: 6rem; font-weight: 100;}
.card__cover { position: relative; background-size: cover; height: 100%;    border-top-left-radius: 3px;  border-top-right-radius: 3px;  background:#BA0000; padding-top: 90px; }
.contentCardBack .card__cover { padding-top: 130px; }
.contentCardBack .card__cover .card__heading-span { font-size: 48px; font-weight: 700; }
.contentCardBack .card__cover .card__details { margin-top: 40px; }
.card__image { display: flex; align-items: center; justify-content: center; }
.card__image span { width: 215px; height: 225px; margin: 0 auto 20px; display: inline-block;  }
.card__image span img { max-width: 100%; max-height: 100%; }
.card__heading { color: #fff;  width: 100%; padding: 0 40px;}
.card__heading-span { font-size: 40px; font-family: "chaparral-pro",serif; font-weight: 700;  color: #fff;}
.card__details { color: #ffffff; padding: 0 40px; }
.card__details p { font-size: 20px; font-weight: 700; line-height: 28px; }
.spaceTop { margin-top: 120px; }

.contactPage { max-width: 1000px; width: 100%; margin-top: 100px; }
 
.contactPage h2 { color: #201432; font-size: 27px; font-weight: 900; line-height: 33px; }
.contactPage .formWrapBox { max-width: 694px; width: 100%; }
.contactPage .contactHead { margin-bottom: 40px; }
.contactPage .contactHead p { margin-bottom: 20px; color: #000; font-size: 20px; font-weight: 500; line-height: 27px;}
.contactPage form fieldset { width: 312px; margin-right: 32px; display: inline-block; margin-top: 32px; }
.contactPage form fieldset:nth-last-child(1){ width: 100%; }
.contactPage form fieldset:last-child { width: 100%;}
.contactPage form fieldset .form-label{ color: #201432; font-size: 20px; font-weight: 800; line-height: 25px; }
.contactPage form fieldset .form-control { border-radius: 4px; border: 1px solid#D8DCDB; background: rgba(216, 220, 219, 0.10); }
.contactPage form fieldset select.form-control{ position: relative; background: rgba(216, 220, 219, 0.10) url(../images/icon/polygon_red.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center;  }
.contactPage .form-item select.form-control {  position: relative;  background: rgba(216, 220, 219, 0.10) url(../images/icon/polygon_red.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background: transparent; border: 0; pointer-events: none; }
.contactPage .form-item:nth-child(6) select.form-control { background: transparent; border: 0; pointer-events: none; }
.contactPage .form-item:nth-child(7),
.contactPage .form-item:nth-child(8) { width: 100%; }
.contactPage .form-item:nth-child(7) .form-control,
.contactPage .form-item:nth-child(8) .form-control { width: 312px; }
.contactPage .form-item { width: 312px; margin-right: 32px; display: inline-block; margin-top: 32px;}
.contactPage .form-item label { color: #201432; font-size: 20px; font-weight: 800; line-height: 25px; margin-bottom: 5px; }
.contactPage .form-item .form-control { border-radius: 4px; border: 1px solid #D8DCDB; background: rgba(216, 220, 219, 0.10); }
.contactPage .stickerField { margin-top: 20px; color: #000; font-size: 18px; font-weight: 500; line-height: 27px; }
.contactPage .stickerField sup {color: #BA0000; font-size: 20px; position: relative; top: -3px; }
.contactPage .button {position: relative; }
.contactPage .button::after{ content: ''; background: url(../images/icon/arrow.svg); background-repeat: no-repeat; width: 10px; height: 10px; display: inline-block; margin-left: 4px; }
.customCheck { position: relative; padding-left: 30px; }
.customCheck input { display: none; }
.customCheck input:checked + span { color: #000; }
.customCheck span::before { content: ''; position: absolute; top: 9px; left: 0; display: inline-block; width: 18px; height: 18px; border: 1px solid #000;   text-align: center; line-height: 20px; }
.customCheck input:checked + span::after { content: ''; position: absolute; top: 9px; left: 0; width: 18px; height: 18px; background: #000; }
.customCheck span { color: #000; font-size: 20px; font-weight: 400; line-height: 24px; }

.resourcesWrap { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }
.resourcesWrap .resourcesCardBox { max-width: 922px; width: 100%; display: inline-flex; }
.resourcesWrap .resourcesCardBox .resourcesList { display: inline-block; vertical-align: top; margin-right: 30px; margin-bottom: 40px; width: calc(33% - 35px); }
.resourcesWrap .resourcesCardBox .resourcesList figure { margin-bottom: 0;}
.resourcesWrap .resourcesCardBox .resourcesList figure img { max-width: 100%; }
.resourcesWrap .resourcesCardBox .resourcesList .resourcesContent {  font-family: "chaparral-pro", serif; }
.resourcesWrap .resourcesCardBox .resourcesList .resourcesContent h2 { margin-bottom: 0; font-family: "chaparral-pro", serif; }
.resourcesWrap .resourcesCardBox .resourcesList .resourcesContent h2 a {color: #201432; font-size: 24px; font-weight: 500; line-height: 33px;  }

.resourcesWrap .resourcesCardBox .resourcesList .resourcesContent span { }

 .resourcesCardBox .resourcesList { display: inline-block; vertical-align: top; color: #201432; margin-right: 30px; margin-bottom: 40px; width: calc(33% - 35px); }
 .resourcesCardBox .resourcesList figure { margin-bottom: 0; display: inline-block; border: 1px solid #000000; }
 .resourcesCardBox .resourcesList figure img { max-width: 100%; }
 .resourcesCardBox .resourcesList .resourcesContent { } 
 .resourcesCardBox .resourcesList .resourcesContent h2 {margin-bottom: 0; margin-top: 20px;  color: #201432; font-size: 24px; font-weight: 700; line-height: 33px;  }
 .resourcesCardBox .resourcesList h2 { color: #201432; }
 .resourcesCardBox .resourcesList:hover h2 { color: #BA0000; }

 .resourcesCardBox .resourcesList .resourcesContent span { color: #201432;  }


.resourcesWrap .resourcesFilter {display: flex; width: 288px; padding: 20px 20px 40px 20px; flex-direction: column; align-items: flex-start;
    gap: 40px; border: 1px solid #D8DCDB; height: 100%;}
.resourcesWrap .resourcesFilter .filterTitle { color: #000; font-size: 30px; font-weight: 700; line-height: 36px; }
.resourcesWrap .resourcesFilter .filterList small { color: #000; font-size: 20px; font-weight: 700; line-height: 24px; }
.resourcesWrap .resourcesFilter .filterList .filterValue .customCheck { display: block; }
/* #views-exposed-form-resources-block-1 { display: none; } */

.videosMainWrap { background: rgba(216, 220, 219, 0.25); padding: 100px 0 0 0; margin-top: 60px; }
.videosWrap { }
.videosMainWrap .titlebox { color: #000; font-family: "chaparral-pro",serif; font-size: 54px; font-style: normal; font-weight: 700; line-height: 59.4px; margin-bottom: 36px; }
.videoWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.videoWrap .videoCell { width: 48%; }
.videoWrap .videoCell video,
.videoWrap .videoCell iframe { background: #e1e1e1; min-height: 390px; width: 100%; }
.videoWrap .videoCell video,
.videoWrap .videoCell img { width: 100%; }
.videoWrap .videoCell a { color: #201432; font-size: 24px; font-weight: 700; line-height: 30px; text-decoration-line: underline; }
.radioAdsMain { background: rgba(216, 220, 219, 0.25); padding: 100px 0;  }
.radioAds {  }
.radioAds h2 { color: #000; font-family: "chaparral-pro",serif; font-size: 54px; font-style: normal; font-weight: 700; line-height: 59.4px; }
.radioAds ul { display: block; }
.radioAds ul li { margin-top: 32px;}
.radioAds ul li a { color: #201432; font-size: 24px; font-weight: 700; line-height: 30px; text-decoration-line: underline; }

.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }

.imgContentWrap.coalarmyourself { margin-bottom: 100px; }
.imgContentWrap.coalarmyourself .imgContentRight { padding-left: 0; }
.imgContentWrap.coalarmyourself .imgContentRight p,
.imgContentWrap .moreyouknow p { font-size: 18px; line-height: 25px; }

.imgContentWrap.avoidmanagewrape  { margin-bottom: 100px; }
.imgContentWrap.avoidmanagewrape .imgContentRight { padding-left: 0; padding-right: 80px; }

.sourcesOfCOVenting { margin-bottom: 120px; }
.sourcesOfCOVenting h2 { color: #000; font-size: 28px; font-weight: 700; line-height: 120%; font-family: "Urbanist", sans-serif; margin-bottom: 20px;  }
.sourcesOfCOVenting p { color: #000; font-size: 18px; font-weight: 400; line-height: 140%; /* 25.2px */ }
.imgContentWrap.youcanhelp { margin-bottom: 100px; }
/* USER PATH */
.path-user {}
.path-user .user-login-form { max-width: 450px; margin: 100px auto; padding: 20px 40px; background: #ffffff;  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  border-radius: 20px; }
.path-user .user-login-form .description { font-size: 12px; }
.path-user .user-login-form .form-actions { margin-top: 30px; }
.path-user .user-login-form label { font-size: 18px;}
img { max-width: 100%; }
.contractorWrap .contractorImg figure img { max-width: 100%; }
.webform-confirmation__message { color: #000; font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal;    font-weight: 500; line-height: 150%; /* 27px */ }
.stickerField.required { opacity: 0; margin-bottom: 0; margin-top: 0; }
.contactPage .formWrapBox.successform { max-width: 1225px; width: 100%; }
.resourcesFilterBox + .region-content { padding-top: 100px !important; }
.resourcesFilterBox + .region-content .view-id-resources {  display: flex; flex-direction: row-reverse; max-width: 1354px;   margin: 0 auto; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form { width: 290px; border: 1px solid #000000; padding: 0 18px; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-checkboxes label.option { margin-left: 14px;  color: #000; font-size: 20px; font-weight: 400; line-height: 120%; /* 24px */ font-family: "Urbanist", sans-serif; vertical-align: middle; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-checkboxes .form-check-input[type=checkbox] { border-radius: 0; vertical-align: middle; margin-top: 0; width: 18px; height: 18px; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-checkboxes .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image:#000000; --bs-form-check-bg-image: none;  }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-checkboxes .form-check-input:checked { background: #201432; border-color: #000000; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .fieldset-legend { color: #000;  font-size: 20px; 
    font-weight: 700; font-family: "Urbanist", sans-serif; line-height: 120%; /* 24px */ display: block; margin-bottom: 20px; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form--inline.clearfix { display: flex;
    flex-wrap: wrap; flex-direction: column-reverse; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-actions { display: none; }
.resourcesFilterBox .region.region-sidebar-right{ display: none; }
.mw-auto { max-width: 100% !important; }

.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-radios label.option { margin-left: 14px;  color: #000; font-size: 20px; font-weight: 400; line-height: 120%; /* 24px */ font-family: "Urbanist", sans-serif; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-radios label.option:focus-visible { border: 1px solid red; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-radios .form-check-input[type=checkbox] { border-radius: 0; }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-radios .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image:#000000; --bs-form-check-bg-image: none;  }
.resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form .form-radios .form-check-input:checked { background: #201432; border-color: #000000; }
.form-radios li:first-child { display: none;  }
.resourcesColWrap {  overflow: hidden; padding: 100px 0 120px 0; }
.resourcesColBody { display: block; margin-top: 40px; margin-bottom: 20px; }
.resourcesColBody .resourcesColItem { width:calc(25% - 29px); display: inline-block; margin: 0 16px 40px 16px; vertical-align: top; color: #000000; }
.resourcesColBody .resourcesColItem:hover h2,
.resourcesColBody .resourcesColItem:hover { color: #BA0000; }
.resourcesColBody .resourcesColItem:hover h2 i { background: url(../images/icon/download.svg); }
.resourcesColBody .resourcesColItem figure {  width: 100%; }
.resourcesColBody .resourcesColItem figure img { max-width: 100%; border: 1px solid rgba(0, 0, 0, 0.50); }
.resourcesColBody .resourcesColItem:first-child{ margin-left: 0; }
.resourcesColBody .resourcesColItem:last-child{ margin-right: 0; }
.resourcesColBody .resourcesColItem h2 {font-size: 24px; font-weight: 700; line-height: 30px; color: #000000; min-height: 60px; text-align: left; word-break: break-word; }
.resourcesColBody .resourcesColItem h2 i { width: 16px; height: 16px; display: inline-block; background: url(../images/icon/download_black.svg); background-repeat: no-repeat; margin-left: 4px;  }

.form-radios .form-type-radio {
    position: relative;
  }
  .form-radios .form-type-radio input[type=radio] {
    opacity: 0;
  }
 
  .form-radios .form-type-radio label:before { width: 18px; height: 18px; position: absolute; top: 58%; left: 0; transform: translateY(-50%); content: ""; display: inline-block;  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid #000000; background: #fff;
  }
  .form-radios .form-type-radio input[type=radio] {
    margin: 0px;
  }
  .form-radios .form-type-radio input[type=radio]:disabled + label {
    color: #999;
  }
  .form-radios .form-type-radio input[type=radio]:disabled + label:before {
    background-color: #000;
  }
  .form-radios .form-type-radio input[type=radio]:checked + label::after { content: ""; position: absolute; top: 58%; left: 0px; transform: translateY(-50%); display: inline-block; font-size: 11px; width: 17px; height: 17px; background-color: #000;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
  
  .form-radios .form-type-radio input[type=radio]:checked:before {
    border-color: #000;
  }
  
  .form-radios .form-type-radio input[type=radio]:checked:before {
    border-color: #000;
  }
  .form-radios .form-type-radio input[type=radio]:checked::after {
    background-color: #000;
  }
  .view-filters .toggleSlide { display: none; }
  .view-resources .view-content { width: 100%; }

  @media (min-width:992px) {

    .lang-fr .keepTabsWrap span, .lang-fr .keepTabsWrap .mainPage{ margin-right: 40px; }
    .lang-fr .footerWrap .footerArea .appXtraBox { max-width: 1136px; }
    .lang-fr .mainHeader .navbar-expand-lg .navbar-collapse a { margin-left: 0;}
    .lang-fr .heroBanner h2, .heroBanner h1 { font-size: 58px; line-height: 58px; }
    
    }

@media (max-width:1100px) {
    .card { width: calc(50% - 36px);}

    .heroBanner::after,
    .heroBanner::before{ right: 20%;}

}
@media (max-width:1023px) {
    .heroBanner { background: #BA0000; }
    .heroBannerTop { background: #BA0000; margin-right: -32px; padding: 60px 32px 60px 32px; }
    .heroBanner .imageBg { position: relative; height: 345px; background-position: right bottom; }
    .heroBanner .container { width: 100%; display: inline-block; margin: 0; max-width: 100%; }
    .heroBanner .imageBg { position: relative; height: 360px; background-position: right bottom;  }
    .heroBanner { height: auto; flex-wrap: wrap;}
    .heroBanner::after, .heroBanner::before { display: none; }
}


@media (max-width:998px) {
    .mainHeader .navbar-toggler { position: absolute; right: 20px; top: 42px; }
    .mainHeader .navbar-toggler:focus-visible { border: 1px solid red;}
    .mainHeader .navbar-toggler.collapsed .navbar-toggler-icon { background: url(../images/icon/menu.svg); background-repeat: no-repeat; }
    .mainHeader .navbar-toggler .navbar-toggler-icon { background: url(../images/icon/menu_close.svg); background-repeat: no-repeat; }
    .mainHeader .navbar-expand-lg .navbar-collapse a { margin-left: 0; }
    .mobileMenuBox { display: block; border-top: 1px solid #ffffff; padding-top: 32px; }
    .mobileMenuBox .menuNav li:first-child a { margin-top: 0; }
    .mobileMenuBox .menuNav li:last-child { display: none; }
    .mobileMenuBox .menuNav a { display: inline-block; margin-top: 16px; text-decoration: none;  }
    .mobileMenuBox .menuNav a i { margin-left: 6px; background: url(../images/icon/external_link.png); background-repeat: no-repeat; vertical-align: middle; height: 16px; width: 16px; display: inline-block; }
    .mobileMenuBox .menuNav a:hover::before { display: none; } 
    .mobileMenuBox .menuNav a svg,
    .mobileMenuBox .menuNav a img { margin-left: 12px;}
    .mobileMenuBox .socialLink { margin-top: 1px; }
    .mobileMenuBox .socialLink a { text-decoration: none; margin-right: 20px; }
    .mobileMenuBox .socialLink a:hover { text-decoration: none; }
    .mobileMenuBox .socialLink a:hover::before{ display: none; }
    .mobileMenuBox .menuCopy { color: #ffffff; font-size: 14px; margin-top: 32px; }
    .mainHeader .navbar-expand-lg .navbar-collapse { padding-top: 50px; }
    .mainHeader .navbar-expand-lg .navbar-collapse .nav-link { font-size: 24px; padding: 16px 0; display: inline-block; }
    .contractorWrap .contractorContent { margin-left: 48px; width: calc(100% - 464px); }
    .monoxideWrap .monoxideBody { flex-wrap: wrap; }
    .monoxideWrap .monoxideBody .monoxideContent { margin-bottom: 32px; }
    .monoxideWrap .monoxideHead { margin-bottom: 60px; }
    .resourcesFilterBox + .region-content .view-id-resources { display: block; } 
    .resourcesFilterBox + .region-content .view-id-resources .view-filters .views-exposed-form { border: 0;  }
    .view-filters { border: 1px solid #000; min-height: 45px; max-width: 326px; margin: 0 auto 60px; background: #ffffff; position: relative; }
    .view-filters::after{ content: 'Filter by'; left: 20px; top: 14px; position: absolute; display: inline-block; z-index: 3; color: #201432;  font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 700;line-height: 110%; }
    .view-filters .toggleSlide { position: absolute; border: 0; display: inline-block; z-index: 1;  left: 0; top: 0; width: 100%; height: 43px; background: #ffffff;  }
    .view-filters .toggleSlide::before { content: ''; right: 20px; top: 20px; position: absolute; background: url(../images/icon/arrow.svg); width: 8px; height: 10px; display: inline-block; cursor: pointer; transform: rotate(90deg); filter: brightness(0); background-repeat: no-repeat; }
   
    .view-filters .views-exposed-form { display: none; }
    .view-filters.active .views-exposed-form { display: block; position: relative; left: 0; top: 60px; width: 100%; margin-bottom: 65px; width: 100% !important;  }
    
}

@media (max-width:767px) {
    body { font-size: 18px; line-height: 25px; }
    .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { padding-left: 32px; padding-right: 32px; }
    .btn { padding: 9px 18px;}
    .footerWrap .appXtraNav ul { display: block; }
    .footerWrap .footerArea { align-items: end; display: block; }
    .footerWrap .footerArea .appLogo { margin-top: 0; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; margin-bottom: 35px; }
    .footerWrap .appXtraNav ul { margin-bottom: 0; }
    /* .footerWrap .footerArea .appLogo .socialLink { display: none; } */
    .footerWrap .footerArea .appXtraNav .socialLink { display: block; }
   
    .footerWrap .appXtraNav ul li { margin-right: 0; padding: 8px 0; margin-top: 8px; }
    .footerWrap .appXtraNav ul li a { font-size: 20px; }
    .heroBanner h2,
    .heroBanner h1 { font-size: 36px; line-height: 39px; }
    .protectWrap .protectBody { flex-wrap: wrap; margin-bottom: 40px; }
    .protectWrap .protectBody .protectItem:first-child,
    .protectWrap .protectBody .protectItem:last-child { margin: 15px 0; }
    .protectWrap .protectBody .protectItem h2 { font-size: 24px; line-height: 24px; }
    .resourcesBody { margin-top: 30px; }
    .resourcesBody .resourcesItem { width: 100%; margin: 20px 0; }
    .monoxideWrap .monoxideBody { flex-wrap: wrap; }
    .heroBanner { height: auto; flex-wrap: wrap; }
    .heroBannerTop { background: #BA0000; margin-left: -32px; margin-right: -32px; padding: 60px 32px 60px 32px; }
    .heroBanner .imageBg { position: relative; height: 345px; background-position: right bottom; }
    .heroBanner::before,
    .heroBanner::after { display: none; }
    .heroBanner p { line-height: 32px; }
    .contractorWrap .contractorContent p { margin-bottom: 40px; }
    .protectWrap .protectHead { margin-bottom: 40px; }
    .protectWrap .protectHead .commanTitleW { margin-bottom: 20px; }
    .commanTitleB,
    .commanTitleW { font-size: 30px; line-height: 33px; }
    .monoxideWrap,
    .protectWrap,
    .resourcesWrap { padding: 60px 0; }
    .artboard {margin-top: 60px; }
    .card__theme-box img { width: 86%;}
    .coAlaramWrap { flex-wrap: wrap; margin-bottom: 40px; margin-top: 60px;  }
    .coAlaramWrap .coAlaramContent { width: 100%; margin-bottom: 40px; }
    .card {  margin-left: 0; margin-right: 0; width: 100%; }
   
    .contactPage form fieldset { margin-right: 0; width: 100%; }
    .contactPage .form-item:nth-child(7) .form-control, .contactPage .form-item:nth-child(8) .form-control { width: 100%; }
    .contractorWrap .contractorContent { width: 100%; margin-left: 0; margin-top: 20px; }
    .keepTabsWrap .container { padding: 0 ;}
    .keepTabsWrap span,
    .keepTabsWrap .mainPage { margin-right: 0; display: block; margin-bottom: 16px; }
    .keepTabsWrap .keepTabs { display: block; }
    .keepTabsWrap .keepTabs a { display: block; padding-left: 0; margin-bottom: 16px; }
    .keepTabsWrap .keepTabs a.active::before { left: -20px; }
    .keepTabsWrap .keepTabs a:last-child { margin-bottom: 0; }
    .imgContentWrap { flex-wrap: wrap; margin-top: 60px; }
    .imgContentWrap .imgContentLeft { padding-right: 0; }
    .commanNotesWrap { font-size: 20px; line-height: 22px; margin-bottom: 36px; }
    .imgContentWrap h2 { font-size: 30px; line-height: 33px; }
    .imgContentWrap .imgContentRight { padding-left: 0; }
    .imgContentWrap.imgContentWrapReverse .imgContentLeft { padding-left: 0; }
    .imgContentWrap .imgContentLeft figure img { max-width: 100%; }
    .imgContentWrap.mobileImgTop{         flex-direction: column-reverse;}
    .contractorWrap { padding: 60px 0; }
    .contractorWrap .contractorContent h2 { font-size: 30px; line-height: 33px; margin-top: 30px; }
    .contractorWrap .contractorContent .btn { margin: 0; }
    .appliancesWrap { margin-bottom: 60px; }   
    .contractorWrap .contractorImg figure img { max-width: 100%; }
    .mobileMenuBox .appXtraNav .socialLink { display: none;}
    .mobileMenuBox .appLegal { color: #fff; margin-top: 50px; font-size: 14px; }
    .contactPage { margin-top: 60px; }
    .contactPage .form-item {margin-right: 0; width: 100%; margin-top: 10px; }
    .titlePost { margin-top: 60px; }
    .spaceTop { margin-top: 60px; margin-bottom: 60px; }
    .coAlaramWrap .coAlaramImg { padding-top: 0; display: inline-flex; align-items: center; justify-content: center; width: 100%; }
    .workPointWrap .listDics { margin-top: 15px; }
    .imgContentWrap.coalarmyourself { margin-bottom: 60px; }
    .sourcesOfCOVenting { margin-bottom: 60px; margin-top: 60px; }
    .loremcontent p strong { font-size: 16px; }
    .imgContentWrap.practisingcosafety { margin-bottom: 60px; padding: 0 35px; margin-top: 40px; }
    .appLogo img { width: 75px; }
    .resourcesFilterBox + .region-content { padding-top: 60px !important;}
    .resourcesCardBox .resourcesList { margin-right: 10px; margin-bottom: 32px; width: calc(50% - 28px); margin-left: 10px; }
    .resourcesCardBox .resourcesList .resourcesContent h2,
    .resourcesCardBox .resourcesList h2,
    .resourcesCardBox .resourcesList .resourcesContent span { font-size: 18px; line-height: 20px; }
    .videosMainWrap { padding-top: 60px; }
    .videoWrap .videoCell { width: 100%; margin-bottom: 40px; }
    .videoWrap .videoCell video,
    .videoWrap .videoCell iframe { min-height: 50px; }
    .imgContentWrap.avoidmanagewrape .imgContentRight { padding-right: 0; }
    .resourcesColBody { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .resourcesColBody .resourcesColItem { width: calc(50% - 29px); margin: 0; margin-bottom: 22px; }
    .navbar-nav .nav-item .region-primary-menu { flex-wrap: wrap;}
    
    
}
@media (max-width:520px) {
    .card { width: 100%; margin: 10px 0; }
}
.toolTop { background: #fdd756; font-size: 14px; display:flex; color: #000000;  padding: 10px 0; } 
.toolTop small { font-size: 16px;  }
.toolTop a { font-size: 16px;  color: #000000 }
.toolTop .field--name-body { display: flex; max-width: 1280px; margin: 0 auto;  }
.toolTop .field--name-body p { margin: 0; font-size: 18px;}
.toolTop .field--name-body p:nth-child(2) { max-width: calc(100% - 340px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    padding: 0 10px; }