* {

    font-family: "purista-web";

}



#login h1 a,

.login h1 a {

    background-image: url('../images/logo.png');

    background-repeat: no-repeat;

    background-size: contain;

    box-shadow: none;

    outline: 0px !important;

    padding-bottom: 30px;

    width: 100%;

}



body.login.js.login-action-login.wp-core-ui.locale-en-us {

    background: url('../images/category-2.jpg');

    background-size: cover;

    position: relative;

    z-index: 1;

}



body.login.js.login-action-login.wp-core-ui.locale-en-us:after {

    background: rgba(255, 255, 255, 0.8);

    content: '';

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.container {

    max-width: 1200px !important;

}



header#masthead {

    background: #fff;

    padding: 10px 0;

    position: relative;

    transition: all 0.2s linear;

    z-index: 9999 !important;

}



.main-navigation ul {

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    justify-content: end;

    text-align: center;

}



ul#primary-menu li a {

    color: #0d0d0d;

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    line-height: 24px;

    padding: 30px 40px;

    position: relative;

    text-transform: uppercase;

}



ul#primary-menu>li a:after {

    background: #ffd664;

    bottom: -10px;

    content: '';

    height: 5px;

    left: 0;

    position: absolute;

    transition: all 0.2s linear;

    width: 0%;

}



ul#primary-menu>li a:hover {

    color: #d00b00;

    font-weight: 700;

    transition: all 0.2s linear;

}



ul#primary-menu>li a:hover:after {

    transition: all 0.2s linear;

    width: 100%;

}



ul#primary-menu>li:last-child a:after {

    display: none;

}



ul#primary-menu>li:last-child a {

    font-size: 24px;

    font-weight: 700;

    position: relative;

}



ul#primary-menu>li:last-child {

    padding-right: 0;

}



ul#primary-menu>li:last-child a:before {

    background-image: url('../images/fire-call.png');

    background-repeat: no-repeat;

    background-size: cover;

    content: '';

    height: 30px;

    left: 0px;

    position: absolute;

    top: 30%;

    width: 30px;

}



ul.sub-menu {

    background: #fff;

    display: block;

}



ul.sub-menu>li {

    margin: 0 20px;

    text-align: left;

}



ul.sub-menu>li a {

    padding: 20px 0px !important;

}



ul.sub-menu>li a:after {

    bottom: 0px !important;

}



.menu-item-has-children:before {

    background: url(../images/arrow.png);

    content: '';

    height: 15px;

    position: absolute;

    right: 30px;

    top: 40%;

    transform: rotate(90deg);

    width: 9px;

}



.owl-nav.disabled {

    display: block !important;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

}



.owl-nav button i {

    color: #d00b00;

    font-size: 30px;

}



button.owl-prev {

    float: left;

    margin-left: -20px;

}



button.owl-next {

    float: right;

    margin-right: -20px;

}



.side-filter .wpc-filters-ul-list {

    overflow: inherit !important;

}



.side-filter .wpc-term-count {

    display: none;

}



.hero-section {

    background-attachment: fixed;

    background-image: url('../images/hero-banner.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    transition: all 0.2s linear;

    z-index: 1;

}



.hero-section:after {

    background-image: url('../images/smoke.png');

    background-repeat: no-repeat;

    background-size: cover;

    content: '';

    height: 100%;

    left: 0;

    opacity: 0.5;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.hero-section .col-sm-6:first-child {

    align-items: center;

    display: flex;

    justify-content: end;

}



.hero-text {

    max-width: 600px;

}



.hero-text h6 {

    font-size: 22px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 24px;

    text-transform: uppercase;

}



.hero-text h1 {

    color: #0d0d0d;

    font-size: 84px;

    font-weight: 700;

    letter-spacing: 1px;

    line-height: 70px;

    text-transform: uppercase;

}



.hero-text h1 span {

    color: #0d0d0d;

    display: block;

    font-size: 49px;

}



.hero-text p {

    color: #0d0d0d;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 2px;

    line-height: 24px;

    text-align: justify;

}



.hero-text a {

    background: #d00b00;

    border-radius: 10px;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    font-weight: 400;

    letter-spacing: 2px;

    line-height: 24px;

    padding: 15px 30px;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.2s linear;

}



.hero-text a:hover {

    background: #000;

    color: #fff;

}



.category-section {

    padding: 30px 0;

}



.category-heading h1 {

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.first-category {

    background-image: url('../images/category-1.jpg');

    background-position: bottom;

    background-repeat: no-repeat;

    background-size: cover;

    min-height: 300px;

    position: relative;

}



.second-category {

    background-image: url('../images/category-2.jpg');

    background-position: bottom;

    background-repeat: no-repeat;

    background-size: cover;

    min-height: 300px;

    position: relative;

}



.third-category {

    background-image: url('../images/category-3.jpg');

    background-position: bottom;

    background-repeat: no-repeat;

    background-size: cover;

    min-height: 300px;

    position: relative;

}



.fourth-category {

    background-image: url('../images/category-4.jpg');

    background-position: bottom;

    background-repeat: no-repeat;

    background-size: cover;

    min-height: 300px;

    position: relative;

}



.category-inner:before {

    background: rgba(0, 0, 0, 0.2);

    content: '';

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.category-name {

    bottom: 20px;

    left: 20px;

    max-width: 320px;

    position: absolute;

}



.category-name h3 {

    color: #fff;

    font-size: 40px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 38px;

    text-transform: uppercase;

}



.category-name a {

    background: #fff;

    border-radius: 10px;

    color: #d00b00;

    display: inline-block;

    font-size: 17px;

    font-weight: 500;

    letter-spacing: 3px;

    line-height: 24px;

    padding: 15px 30px;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.2s linear;

}



.category-name a:hover {

    background: #0d0d0d;

    color: #fff;

}



.quality-section {

    background-image: url('../images/quality.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    padding: 50px 0;

}



.quality-text h3 {

    color: #fff;

    font-size: 36px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 40px;

    padding: 15px 0;

    text-transform: uppercase;

}



.quality-icon-box img {

    height: auto;

    margin-bottom: 10px;

    width: 50px;

}



.quality-icon-box h6 {

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 24px;

    text-transform: uppercase;

}



.quality-icon-box p {

    color: #fff;

    font-size: 16px;

    font-weight: 300;

    letter-spacing: 2px;

    line-height: 24px;

}



.best-seller-section {

    padding: 30px 0;

}



.best-seller-heading h1 {

    color: #0d0d0d;

    font-size: 42px;

    font-weight: 700;

    line-height: 34px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.mainslider .product-image {

    background: #f1f1f1;

    border: 1px solid #fff;

    border-radius: 5px;

    overflow: hidden;

    position: relative;

    transition: all 0.2s linear;

}



.item.product .product-image img {

    height: 350px;

    object-fit: contain;

    width: 350px;

}



.mainslider .product-image:hover {

    border: 1px solid #ccc;

}



.mainslider .product h6 {

    color: #0d0d0d;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 4px;

    line-height: 24px;

    padding: 20px 0;

    text-align: center;

    text-transform: uppercase;

}



.product .view {

    background: #db3a31;

    border-radius: 10px;

    bottom: 50%;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    font-weight: 500;

    left: 50%;

    opacity: 0;

    padding: 10px 30px;

    position: absolute;

    text-decoration: none;

    text-transform: uppercase;

    transform: translate(-50%, -50%);

    transition: all 0.2s linear;

}



.product .view:hover {

    background: #000;

}



.mainslider .product:hover .view {

    opacity: 1;

    transition: all 0.2s linear;

}



.item.product img {

    transition: all 0.2s linear;

}



.item.product:hover img {

    transform: scale(1.1);

    transition: all 0.2s linear;

}



.about-section {

    background-image: url('../images/about-background.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 50px 0;

    position: relative;

    z-index: 1;

}



.about-section:after {

    background-image: url('../images/about-after.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    content: '';

    display: none;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -2;

}



.about-section:before {

    background: linear-gradient(90deg, rgba(226, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 60%);

    content: '';

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.about-text h6 {

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.about-text h1 {

    color: #fff;

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 4px;

    line-height: 40px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.about-text p {

    color: #fff;

    font-size: 16px;

    font-weight: 300;

    letter-spacing: 2px;

    line-height: 24px;

    margin-bottom: 20px;

}



.about-text a {

    background: #fff;

    border-radius: 10px;

    color: #0d0d0d;

    display: inline-block;

    font-size: 17px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 24px;

    padding: 15px 30px;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.2s linear;

}



.about-text a:hover {

    background: #000;

    color: #fff;

}



.video img {

    background: rgba(0, 0, 0, 0.75);

    border: 1px solid #e20000;

    border-radius: 10px;

    cursor: pointer;

    padding: 30px 30px;

}



.video p {

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.video {

    text-align: center;

    width: 100%;

}



.video-popup {

    background: rgba(0, 0, 0, 0.4);

    display: none;

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 9;

}



.video-popup-inner {

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 800px;

}



.video-popup-inner video {

    width: 100%;

}



.video-popup img {

    cursor: pointer;

    height: 50px;

    position: absolute;

    right: 20%;

    top: 20%;

    width: 50px;

}



.fire-quality-section {

    background-image: url('../images/fire-quality-back.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 50px 0;

}



.fire-quality img {

    height: 51px;

    width: 51px;

}



.fire-quality {

    border-right: 2px solid #d9d9d9;

    text-align: center;

}



.fire-quality-section .col-sm-4:last-child .fire-quality {

    border-right: 0;

}



.fire-quality h6 {

    color: #0d0d0d;

    font-size: 24px;

    font-weight: 500;

    letter-spacing: 4px;

    line-height: 24px;

    padding: 15px 0;

    text-transform: uppercase;

}



.contact-text h1 {

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 4px;

    line-height: 34px;

    text-transform: uppercase;

    /* margin-bottom: 50px; */

}



.contact-text p {

    color: #0d0d0d;

    font-size: 17px;

    font-weight: 300;

    margin: 50px 0;

    text-align: justify;

    word-spacing: 2px;

}



.contact-section {

    padding: 50px 0;

}


ul.contact-detail li{
    line-height: 48px;
    clear: both;
    overflow: hidden;

}
ul.contact-detail li i {
    color: #fff;
    font-size: 20px;
    background: #d00005;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    float: left;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
ul.contact-detail {

    list-style: none;

    margin: 0;

    margin-bottom: 10px;

    padding: 0;

}



ul.contact-detail>li>a {

    color: #0d0d0d;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 36px;

    margin-bottom: 20px;

    text-decoration: none;

    text-transform: uppercase;

}



ul.contact-detail>li:first-child a {

    font-size: 24px;

    font-weight: 700;

    line-height: 24px;

}



ul.contact-detail>li img {

    height: 30px;

    margin-right: 10px;

    width: 30px;

}



ul.cnss-social-icon li {

    margin-right: 20px !important;

}



ul.cnss-social-icon li a {

    border-radius: 5px !important;

}
.contact-form form{
    position: relative;
}


.contact-form input,

.contact-form select,

.contact-form textarea,

.popup-inner form input,

.popup-inner form textarea {

    border: none;

    border-bottom: 2px solid #e5e5e5;

    border-radius: 0;

    color: #000;

    font-size: 14px;

    letter-spacing: 2px;

    line-height: 20px;

    outline: none;

    padding: 10px 0 !important;

    text-transform: uppercase;

}



.contact-form input::placeholder,

.contact-form textarea::placeholder,

.popup-inner form input::placeholder,

.popup-inner form textarea::placeholder {

    color: #000;

    font-size: 14px;

    letter-spacing: 2px;

    line-height: 20px;

    text-transform: uppercase;

}



.contact-form input[type='submit'],

.popup-inner form input[type='submit'] {

    background: #d00b00;

    border-bottom: 0;

    border-radius: 5px;

    color: #fff;

    font-size: 17px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 24px;

    padding: 20px 50px !important;
    
    transition: all 0.2s linear;

}
.contact-form input[type='submit']{
    width: 100%;
}


.contact-form input[type='submit']:hover,
.popup-inner form input[type='submit']:hover {

    background: #000;

    color: #fff;

}
div.disclaimer {
    width: 50%;
    float: left;
    position: relative
}
div.disclaimer p {
  margin-left: 60px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #8c8c8c;
    text-transform: uppercase;
    padding: 0 10px;
}
div.disclaimer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/lock.png);
    height: 55px;
    width: 55px;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-form form {
    position: relative;
}

.contact-form .gform_footer.top_label {
    position: absolute;
    bottom:0;
    right:0;
    width: 50%;
}
.gform_footer img {
    position: absolute!important;
    bottom: 0;
    left: 0;
}

footer.site-footer {

    background-image: url('../images/fire-quality-back.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 50px 0;

}



.footer-links h2,

.footer-contact h2 {

    display: inline-block;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 2px;

    line-height: 44px;

    margin-bottom: 20px;

    position: relative;

    text-transform: uppercase;

}



.footer-links h2:before,

.footer-contact h2:before {

    background: #ffca28;

    bottom: 0;

    content: '';

    height: 2px;

    left: 0;

    position: absolute;

    width: 50%;

}



.footer-links ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.footer-links ul li a {

    color: #0d0d0d;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 36px;

    text-decoration: none;

    text-transform: uppercase;
    float: left;

    transition: all 0.2s linear;

}



.footer-links ul li a:hover {

    color: #d00b00;

    transition: all 0.2s linear;

}



.footer-contact ul li:first-child a {

    line-height: 36px;

}



.footer-contact ul li a {color: #0d0d0d;font-size: 14px;font-weight: 500;letter-spacing: 2px;line-height: 36px;margin-bottom: 0;float: left;}



.footer-logo ul {

    text-align: center !important;

}



.inner-banner {

    background-image: url('../images/contact-banner.jpg');

    background-position: left;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    transition: all 0.2s linear;

    z-index: 1;

}



.inner-banner:after {

    background-image: url('../images/smoke.png');

    background-repeat: no-repeat;

    background-size: cover;

    content: '';

    height: 100%;

    left: 0;

    opacity: 0.5;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.banner-heading h1 {

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 4px;

    line-height: 34px;

    margin-bottom: 0;

    padding: 100px 0;

    text-transform: uppercase;

}



.map-section {

    padding-bottom: 50px;

}



body.page-id-14 .contact-text p {

    margin-top: 0;

}



.about-details {

    padding: 50px 0;

}



.about-fire-armor {

    float: right;

    padding-right: 50px;

    width: 580px;

}



.about-fire-armor h3,

.about-mission h3 {

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 4px;

    line-height: 40px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.about-fire-armor p,

.about-mission p {

    font-size: 17px;

    font-weight: 300;

    letter-spacing: 2px;

    line-height: 24px;

    text-align: justify;

}



.fire-armor-image {

    background-image: url('../images/category-1.jpg');

    background-position: bottom;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

}



.mission-image {

    background-image: url('../images/category-4.jpg');

    background-position: bottom;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

}



.about-mission {

    float: left;

    padding-left: 50px;

    width: 580px;

}



.news-section {

    background-image: url('../images/new_filreimg.png');

    background-position: right;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 50px 0;

    position: relative;

    z-index: 1;

}



.news-section:after {

    background-image: url('../images/aboupaget-after.png');

    background-repeat: no-repeat;

    background-size: cover;

    content: '';

    display: none;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -2;

}



.news-section:before {

    background: linear-gradient(90deg, rgba(226, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 60%);

    content: '';

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.news-text h6 {

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.news-text h3 {

    color: #fff;

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 4px;

    line-height: 40px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.news-text ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.news-text ul li a {

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    font-weight: 300;

    letter-spacing: 2px;

    line-height: 24px;

    margin-bottom: 20px;

    text-decoration: none;

    transition: all 0.2s linear;

}



.news-text ul li a:hover {

    font-weight: 700;

    transform: translateX(20px);

    transition: all 0.2s linear;

}



.level-detail {

    padding: 50px 0;

}



.level-heading h3 {

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 40px;

    margin-bottom: 40px;

    text-transform: uppercase;

    width: 60%;

}



.levels ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.levels ul li:first-child {

    background: #d90a0f;

}



.levels ul li:nth-child(odd):not(:first-child) {

    background: #f4f4f4;

}



.levels ul li .level-header div {

    float: left;

    width: calc(20%);

}



.levels ul li .level-header div:nth-child(2) {

    width: 40%;

}



.levels ul li {

    display: inline-block;

    width: 100%;

}



.level-header {

    align-items: center;

    display: flex;

    margin: auto;

    max-width: 1200px;

    padding: 20px 10px;

}



.levels ul li:first-child .level-header div {

    color: #fff;

    font-size: 30px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 40px;

    text-transform: uppercase;

}



.level-header div:first-child {

    color: #0d0d0d;

    font-size: 72px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 40px;

    text-transform: uppercase;

}



.level-header div p {

    color: #0d0d0d;

    font-size: 30px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 30px;

    margin-bottom: 0;

}



.level-header img {

    display: block;

}



.ammunition-text h3 {

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 40px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.ammunition-text p {

    font-size: 16px;

    font-weight: 300;

    letter-spacing: 2px;

    line-height: 24px;

}



.more-information h3 {

    display: inline-block;

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 40px;

    margin-bottom: 20px;

    padding-bottom: 10px;

    position: relative;

    text-transform: uppercase;

}



.more-information h3:before {

    background: #ffca28;

    bottom: 0;

    content: '';

    height: 5px;

    left: 0;

    position: absolute;

    width: 20%;

}



.more-information {

    background-image: url('../images/fire-quality-back.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    margin: 0 30px;

    padding: 40px;

}



.more-information ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.more-information ul li {

    display: inline-block;

    width: 100%;

}



.more-information ul li img {

    float: left;

    height: 20px;

    margin-right: 10px;

    width: 18px;

}



.more-information ul li span {

    color: #000;

    float: right;

    font-size: 18px;

    font-weight: 500;

    line-height: 24px;

    margin-bottom: 10px;

    transition: all 0.2s linear;

    width: calc(100% - 28px);

}



.more-information ul li span:hover {

    font-weight: 800;

}



.procedure-section {

    background-image: url('../images/procedure-back.png');

    background-position: right;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 60px 0;

    position: relative;

    z-index: 1;

}



.procedure-section:after {

    background-image: url('../images/procedur-after.png');

    background-repeat: no-repeat;

    background-size: cover;

    content: '';

    display: none;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -2;

}



.procedure-section:before {

    background: linear-gradient(90deg, rgba(226, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 60%);

    content: '';

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.procedure-text h6 {

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.procedure-text h3 {

    color: #fff;

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 4px;

    line-height: 40px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.procedure-text p {

    color: #fff;

    font-size: 16px;

    font-weight: 300;

    letter-spacing: 2px;

    line-height: 24px;

    margin-bottom: 20px;

}



.procedure-text a {

    background: #fff;

    border-radius: 10px;

    color: #0d0d0d;

    display: inline-block;

    font-size: 17px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 24px;

    padding: 15px 30px;

    text-decoration: none;

    text-transform: uppercase;

}



body.page-id-12 .video-popup-inner video {

    background: #fff;

    height: 500px;

    width: 100%;

}



.products-section {

    padding: 50px 0;

}



.product-box .product-image {

    background: #f1f1f1;

    border: 1px solid #c9c4c4;

    border-radius: 5px;

    overflow: hidden;

    position: relative;

    text-align: center;

    transition: all 0.2s linear;

}



.product-detail-image {

    margin-bottom: 50px;

}



.xzoom-container {

    display: inline-block;

    width: 100%;

}



.main_image {

    align-items: center;

    background: #f1f1f1;

    display: flex;

    height: 500px;

    justify-content: center;

    object-fit: contain;

    position: relative;

    text-align: center;

}



.main_image:before {

    content: '';

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



img#xzoom-fancy {

    display: block;

    max-height: 100%;

    max-width: 100%;

}



/*.xzoom-thumbs img {

        width: 80px;

        height: 80px;

        object-fit: cover;

    }*/

.xzoom-thumbs a {

    align-items: center;

    background: #f1f1f1;

    border: 1px solid #f1f1f1;

    display: flex;

    float: left;

    height: 100px;

    margin-right: 10px;

    overflow: hidden;

    padding: 10px;

    transition: all 0.2s linear;

    width: 100px;

}



.xzoom-thumbs a:hover {

    border: 1px solid #c9c4c4;

}



.xzoom-thumbs a .product-name {

    text-align: center;

}



.product-name a {

    text-decoration: none;

}



.product-name a h6 {

    color: #0d0d0d;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 24px;

    padding: 10px 0;

    text-transform: uppercase;

}



.product-box {

    position: relative;

}



.product-name .view {

    background: #db3a31;

    border-radius: 10px;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    font-weight: 500;

    left: 50%;

    opacity: 0;

    padding: 10px 20px;

    position: absolute;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    top: 40%;

    transform: translate(-50%, -40%);

    transition: all 0.2s linear;

}



.product-box:hover .view {

    opacity: 1;

    transition: all 0.2s linear;

}



.product-box .product-image:before {

    content: '';

    display: block;

    padding-bottom: 100%;

    width: 100%;

}



.product-description {

    padding: 0 0 50px 0;

}



ul.product-detail-tab {

    border-bottom: 0;

    margin: 0;

}



ul.product-detail-tab .nav-item {

    border-right: 2px solid #d9d9d9;

    padding: 0px 20px;

}



ul.product-detail-tab .nav-item .nav-link {

    color: #0d0d0d;

    display: inline-block;

    font-size: 36px;

    font-weight: 500;

    line-height: 40px;

    padding: 5px 0;

    position: relative;

    text-transform: uppercase;

    transition: all 0.2s linear;

}



ul.product-detail-tab .nav-item .nav-link:after {

    display: block;

    content: attr(data-text);

    font-weight: bold;

    height: 0;

    overflow: hidden;

    visibility: hidden;

}



ul.product-detail-tab .nav-item .nav-link:hover {

    border-color: #fff;

    font-weight: 700;

}



ul.product-detail-tab .nav-item .nav-link:before {

    background: #ffca28;

    bottom: 0;

    content: '';

    height: 0px;

    left: 0;

    position: absolute;

    transition: all 0.2s linear;

    width: 15%;

}



ul.product-detail-tab .nav-item .nav-link:hover:before {

    height: 3px;

}



ul.product-detail-tab .nav-item:first-child {

    padding-left: 0;

}



ul.product-detail-tab .nav-item:last-child {

    border-right: 0;

}



ul.product-detail-tab .nav-item.show .nav-link,

ul.product-detail-tab .nav-link.active {

    background: transparent;

    border: none;

    border-color: #fff;

    color: #0d0d0d;

    font-weight: 700;

}



ul.product-detail-tab .nav-item.show .nav-link:before,

ul.product-detail-tab .nav-link.active:before {

    height: 3px;

}



div#myTabContent {

    padding: 50px 0 0 0;

}



div#myTabContent .tab-pane ul {

    margin-bottom: 2rem;

    margin-left: 0;

}





.faq-question .accordion-item {

    background: #fcfcfc;

    border: none;

    margin-bottom: 20px;

}



.faq-question .accordion-body p {

    font-size: 16px;

    font-weight: 300;

    letter-spacing: 1px;

    line-height: 24px;

    padding: 10px 20px;

    text-align: justify;

}



.faq-question button.accordion-button {

    background: #f6f6f6;

    color: #0d0d0d;

    font-size: 22px;

    font-weight: 500;

    letter-spacing: 1px;

    line-height: 40px;

    padding: 10px 10px 10px 40px;

}



.faq-question .accordion-button:not(.collapsed) {

    box-shadow: none;

    color: #0d0d0d;

}



.faq-question .accordion-button:focus {

    border-color: transparent;

    box-shadow: none;

}



.faq-question .accordion-button::after {

    background-image: url('../images/arrow.png');

    background-size: contain;

    height: 15px;

    left: 10px;

    position: absolute;

    width: 15px;

}



.faq-question .accordion-button:not(.collapsed)::after {

    background-image: url('../images/arrow.png');

    transform: rotate(90deg);

}



.product-details-info {

    padding: 50px 0;

}



.product-detail-description h3 {

    color: #000;

    font-size: 36px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 36px;

    text-transform: uppercase;

}



.product-detail-description p {

    color: #000;

    font-size: 16px;

    font-weight: 300;

    letter-spacing: 2px;

    line-height: 24px;

    text-align: justify;

}



.product-detail-description a {

    background: #e20001;

    border-radius: 10px;

    color: #fff;

    display: block;

    font-size: 17px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 24px;

    padding: 15px 30px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.2s linear;

}



.product-detail-description a:hover {

    background: #0d0d0d;

    color: #fff;

    transition: all 0.2s linear;

}



.product-detail-description ul {

    margin-bottom: 2rem;

    margin-left: 0;

}



.product-detail-image>img {

    background: #f6f6f6;

}



select {

    -webkit-appearance: none;

    /* webkit browsers */

    -moz-appearance: none;

    /* firefox */

    appearance: none;

}



.ginput_container_select {

    position: relative;

}



.ginput_container_select:after {

    color: #ffca28;

    content: "▼";

    font-size: 0.8rem;

    pointer-events: none;

    position: absolute;

    right: 0.2rem;

    top: 0.3rem;

    z-index: 1;

}



.gfield_validation_message,

.validation_message {

    display: none;

}



.gform_wrapper .gfield_error [aria-invalid=true] {

    border: none !important;

    border-bottom: 2px solid #c02b0a !important;

}



.gform_wrapper .gfield_error [aria-invalid=true] {

    background: #fff9f9;

    color: #000 !important;

}



.side-filter {

    background-image: url(../images/fire-quality-back.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 40px;

}



.side-filter .wpc-filter-set-widget-title h2 {

    display: inline-block;

    font-family: 'purista-web';

    font-size: 30px;

    font-weight: bold;

    letter-spacing: 2px;

    position: relative;

    text-transform: uppercase;

}



.side-filter .wpc-filter-set-widget-title h2:before {

    background: #ffca28;

    bottom: -10px;

    content: '';

    height: 5px;

    left: 0;

    position: absolute;

    width: 30%;

}



.side-filter .wpc-term-item-content-wrapper label a {

    color: #000;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.side-filter .wpc-filters-widget-main-wrapper input[type=radio]:checked+label a {

    font-weight: bold;

}



.side-filter .wpc-filters-widget-top-container {

    display: none;

}



.side-filter .wpc-filters-widget-main-wrapper input[type=radio]:after {

    background: #db3732 !important;

    border: none !important;

    border-radius: 0;

    box-sizing: content-box;

    content: "";

    display: block;

    height: 80%;

    left: 2px;

    opacity: 0;

    position: absolute;

    top: 2px;

    transform: none;

    width: 80%;

}



.side-filter .wpc-filters-widget-main-wrapper input[type=radio],

.side-filter .wpc-filters-widget-main-wrapper input[type=radio]:hover,

.side-filter .wpc-filters-widget-main-wrapper input[type=radio]:checked {

    border-color: #fff !important;

    border-radius: 0;

}



.form-popup {

    background: rgba(0, 0, 0, 0.7);

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

}



.popup-inner {

    background: #fff;

    height: auto;

    left: 50%;

    max-width: 100%;

    padding: 50px;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 800px;

}



.form-popup span#close-popup {

    cursor: pointer;

    display: inline-block;

    height: 50px;

    position: absolute;

    right: 100px;

    top: 50px;

    width: 50px;

}



.xzoom-preview,

.xzoom-source {

    display: none !important;

}



.not-found {

    padding: 50px 0px;

}



.not-found .page-content img {

    user-drag: none;

    -webkit-user-drag: none;

    user-select: none;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    width: 400px

}



h1.page-title {

    padding: 20px 0;

}



a.back {

    background: #d00b00;

    border-radius: 10px;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    font-weight: 400;

    letter-spacing: 2px;

    line-height: 24px;

    padding: 15px 30px;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.2s linear;
     width: auto;
    text-align: center;
    margin: 20px auto;
}



a.back:hover {

    background: #000;

    color: #fff;

}



.product-box .product-image img {

    height: 100%;

    left: 50%;

    object-fit: contain;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

}



body.page main#primary {

    padding: 50px 0;

}



.owl-nav {

    position: absolute;

    top: 40%;

    width: 100%;

    z-index: -1;

}



div#page {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 100vh;

}



body .wpc-filters-widget-main-wrapper li.wpc-term-count-0:not(.wpc-has-not-empty-children) label {

    opacity: 1 !important;

}



.alm-reveal {

    clear: both;

    overflow: hidden;

}



@media only screen and (min-width: 1800px) {

    .products-section .col-sm-3 {

        margin-left: -300px;

        width: 300px;

    }



    .products-section .col-sm-9 {

        float: right;

        width: calc(100% - 30px);

    }



    .side-filter {

        padding: 20px;

    }



}



@media screen and (max-width: 1600px) {

    .video-popup-inner {

        position: absolute;

        width: 600px;

    }



    .video-popup img {



        right: 10%;

    }

}



@media screen and (max-width: 1200px) {

    .hero-text {

        max-width: 100%;

    }



    ul#primary-menu li a {

        padding: 30px 0;

    }



    ul#primary-menu>li:last-child a:before {

        height: 25px;

        left: -40px;

        top: 35%;

        width: 25px;

    }



    .hero-text h1 span {

        font-size: 42px;

    }



    .hero-text h1 {

        font-size: 72px;

    }



    .about-fire-armor {

        float: none;

        padding-right: initial;

        width: 100%;

    }



    .about-mission {

        float: none;

        padding-left: initial;

        width: 100%;

    }



    .news-text h3,

    .about-text h1 {

        font-size: 30px;

        letter-spacing: 2px;

        line-height: 30px;

    }



    .video-popup img {

        height: 50px;

        right: 13%;

        top: 22%;

        width: 50px;

    }



    .side-filter {

        padding: 20px;

    }



    .side-filter .wpc-filter-set-widget-title h2 {

        font-size: 26px;

    }



    .owl-nav {

        display: none;

    }

}



@media screen and (max-width: 999px) {

    ul#primary-menu li a {

        font-size: 14px;

        line-height: 18px;

        padding: 20px 0px;

    }



    ul#primary-menu>li:last-child a {

        font-size: 18px;

    }



    .menu-item-has-children:before {

        right: 0px;

    }



    ul#primary-menu>li:last-child a:before {

        display: none;

    }



    .hero-text {

        width: 100%;

    }



    .hero-text h6 {

        font-size: 18px;

        line-height: 20px;

    }



    .hero-text h1 span {

        font-size: 32px;

    }



    .hero-text h1 {

        font-size: 48px;

        line-height: 54px;

    }



    .hero-text p {

        font-size: 14px;

        line-height: 18px;

    }



    .hero-text a {

        font-size: 15px;

        line-height: 18px;

        padding: 10px 20px;

    }



    .category-name h3 {

        font-size: 30px;

        letter-spacing: 1px;

        line-height: 35px;

    }



    .category-name a {

        font-size: 14px;

        letter-spacing: 1px;

        line-height: 24px;

        padding: 10px 20px;

    }



    .quality-icon-box h6 {

        font-size: 16px;

        letter-spacing: 1px;

        line-height: 20px;

    }



    .quality-icon-box p {

        font-size: 14px;

        line-height: 18px;

    }



    .category-heading h1,

    .best-seller-heading h1,

    .about-text h1,

    .contact-text h1 {

        font-size: 30px;

        letter-spacing: 1px;

    }



    .mainslider .product h6 {

        font-size: 16px;

        letter-spacing: 2px;

        line-height: 18px;

    }



    .about-text a {

        padding: 10px 30px;

    }



    .fire-quality h6 {

        font-size: 18px;

        letter-spacing: 2px;

        line-height: 20px;

    }



    .contact-form input[type='submit'] {

        padding: 10px 50px !important;

    }



    ul.product-detail-tab .nav-item .nav-link {

        font-size: 30px;

    }



    .side-filter .wpc-filter-set-widget-title h2 {

        font-size: 20px;

        padding: 20px 0 0 0;

    }



    .side-filter .wpc-term-item-content-wrapper label a {

        font-size: 14px;

    }



    .product-detail-description h3 {

        font-size: 30px;

        line-height: 30px;

    }



    .product-detail-description p {

        font-size: 14px;

        line-height: 18px;

    }



    .about-fire-armor {

        float: none;

        padding-right: initial;

        width: 100%;

    }



    .about-fire-armor h3,

    .about-mission h3,

    .quality-text h3,

    .level-heading h3,

    .ammunition-text h3,

    .more-information h3,

    .procedure-text h3 {

        font-size: 30px;

        letter-spacing: 2px;

        line-height: 30px;

    }



    .about-fire-armor p,

    .about-mission p {

        font-size: 15px;

        line-height: 18px;

    }



    .about-mission {

        float: none;

        padding-left: initial;

        width: 100%;

    }



    .video-popup-inner {

        width: 600px;

    }



    .levels ul li:first-child .level-header div {

        font-size: 20px;

        line-height: 24px;

    }



    .level-header div:first-child {

        font-size: 32px;

    }



    .level-header div p {

        font-size: 18px;

        letter-spacing: 1px;

        line-height: 24px;

    }



    .ammunition-text p {

        font-size: 16px;

        letter-spacing: 0px;

        line-height: 22px;

    }



    .xzoom-thumbs a {

        height: 60px;

        margin-bottom: 20px;

        width: 60px;

    }

}



@media screen and (max-width: 767px) {

    button.menu-toggle {

        background: #d00b00;

        border: none;

        border-radius: 5px;

        position: absolute;

        right: 10px;

        top: 10px;

    }



    button.menu-toggle i {

        color: #fff;

        font-size: 22px;

    }



    .main-navigation ul {

        display: none;

        justify-content: end;

        padding-top: 50px;

        width: 100%;

    }



    .main-navigation ul {

        text-align: left;

    }



    header#masthead .col-sm-9 {

        padding: 0;

        position: absolute;

        right: 0;

        top: 0px;

        width: 100%

    }



    ul#primary-menu>li:last-child {

        padding-left: 25px;

    }



    nav#site-navigation {

        background: #fff;

        padding: 0 20px;

    }



    header#masthead .col-sm-3 {

        z-index: 999;

    }



    .video-popup img {

        height: 30px;

        width: 30px;

    }



    .products-section .col-sm-4 {

        width: 50%;

    }



    .products-section .col-sm-3,

    .products-section .col-sm-9 {

        margin-bottom: 20px;

        width: 100%;

    }



    .side-filter {

        padding: 20px;

    }



    .side-filter .wpc-open-close-filters-button {

        margin-bottom: 0;

    }



    .main-navigation ul ul.sub-menu {

        box-shadow: none;

        display: none;

        left: auto;

        padding-top: 0;

        position: inherit;

    }



    .main-navigation ul ul.sub-menu.open {

        display: block;

    }



    .menu-item-has-children:before {



        right: 0px;

        top: 15px;

    }



    .owl-nav {

        display: none !important;

    }



    .hero-text {

        max-width: 100%;

    }



    .hero-text h6 {

        font-size: 18px;

        line-height: 20px;

    }



    .hero-text h1 {

        font-size: 30px;

        line-height: 30px;

    }



    .hero-text h1 span {

        font-size: 25px;

    }



    .hero-text p {

        display: none;

    }



    .hero-text a {

        font-size: 15px;

        line-height: 20px;

        padding: 10px 20px;

    }



    .category-heading h1,

    .best-seller-heading h1,

    .about-text h1,

    .contact-text h1,

    .banner-heading h1 {

        font-size: 30px;

        letter-spacing: 1px;

    }



    .category-name h3 {

        font-size: 30px;

        letter-spacing: 1px;

        line-height: 35px;

    }



    .category-name a {

        font-size: 15px;

        letter-spacing: 1px;

        line-height: 18px;

        padding: 10px 25px;

    }



    .quality-text h3 {

        font-size: 24px;

        line-height: 30px;

    }



    .quality-icon-box h6 {

        font-size: 16px;

        letter-spacing: 0px;

        line-height: 18px;

    }



    .quality-icon-box p {

        font-size: 14px;

        letter-spacing: 1px;

        line-height: 18px;

    }



    .mainslider .product h6 {

        font-size: 16px;

        letter-spacing: 1px;

        line-height: 18px;

    }



    .about-text p {

        font-size: 14px;

        letter-spacing: 1px;

        line-height: 24px;

    }



    .about-text a {

        font-size: 14px;

        line-height: 18px;

        padding: 10px 25px;

    }



    .video p {

        font-size: 16px;

        letter-spacing: 1px;

    }



    .video img {

        padding: 20px 20px

    }



    .fire-quality h6 {

        font-size: 16px;

        letter-spacing: 1px;

        line-height: 18px;

    }



    .contact-text p,

    ul.contact-detail>li>a {

        font-size: 15px;

        word-break: break-all;

        word-spacing: 1px;

    }



    ul.contact-detail>li>a {

        word-break: break-all;

    }



    .contact-form input[type='submit'] {

        padding: 10px 50px !important;

    }



    ul.cnss-social-icon li {

        margin-right: 10px !important;

    }

        div.disclaimer {
    width: 100%;
    float: none;
    position: relative;
}

.contact-form .gform_footer.top_label {
    position: inherit;
    width: 100%;
}

    .product-name a h6 {

        font-size: 16px;

        letter-spacing: 1px;

        line-height: 18px;

    }



    .product-name .view {

        font-size: 12px;

        padding: 5px 10px;

    }



    .product-detail-description h3 {

        font-size: 25px;

        letter-spacing: 1px;

        line-height: 30px;

    }



    .product-detail-description p,

    .tab-pane p {

        font-size: 14px;

        letter-spacing: 1px;

        line-height: 18px;

    }



    .product-detail-description a {

        font-size: 15px;

        letter-spacing: 0px;

        line-height: 18px;

        padding: 10px 20px;

    }



    ul.product-detail-tab .nav-item .nav-link {

        font-size: 20px;

    }



    .about-fire-armor {

        float: none;

        padding-right: 0;

        width: 100%;

    }



    .about-mission {

        float: none;

        padding-left: 0;

        width: 100%;

    }



    .about-fire-armor h3,

    .about-mission h3,

    .news-text h3 {

        font-size: 30px;

        letter-spacing: 1px;

        line-height: 30px;

    }



    .about-fire-armor p,

    .about-mission p {

        font-size: 15px;

        font-weight: 300;

        letter-spacing: 1px;

        line-height: 20px;

    }



    .news-text h6 {

        font-size: 16px;

        letter-spacing: 1px;

    }



    .news-text ul li a {

        font-size: 14px;

        line-height: 18px;

        margin-bottom: 10px;

    }



    .video-popup-inner {

        padding: 0 20px;

        width: 80%;

    }

}



@media screen and (max-width: 593px) {



    .products-section .col-sm-4 {

        width: 100%;

    }



    .video-popup img {

        top: 24%;

    }



    button.menu-toggle {

        top: 20px;

    }



    .hero-section .col-sm-6:first-child {

        display: block;

    }



    header#masthead .col-sm-3 {

        width: 25%;

    }



    header#masthead .col-sm-3 {

        width: 75%;

    }



    nav#site-navigation {

        padding: 20px 20px;

    }



    .hero-text {

        max-width: 100%;

    }



    .hero-section .col-sm-6:first-child {

        bottom: 20px;

        left: 0px;

        position: absolute;

        width: 100%;

    }



    .hero-text h6 {

        color: #fff;

        font-size: 18px;

    }



    .hero-text h1 {

        color: #ffffff;

        font-size: 47px;

        line-height: 47px;

    }



    .hero-text h1 span {

        color: #ffffff;

        font-size: 27px;

        line-height: 19px;

    }



    .hero-text p {

        display: none;

    }



    .site-branding img {

        width: 210px;

    }



    .category-heading h1 {

        font-size: 36px;

        line-height: 30px;

    }



    .category-name h3 {

        font-size: 30px;

        line-height: 30px;

    }



    .category-inner {

        min-height: 250px;

    }



    ul#primary-menu li {

        margin: 0;

    }



    ul#primary-menu>li:last-child {

        margin-left: 10px;

    }



    .quality-icon-box img {

        float: left;

        margin: 0 20px 0 0;

        width: 50px;

    }



    .quality-box-text {

        float: right;

        width: calc(100% - 70px);

    }



    .about-section,

    .news-section,

    .procedure-section {

        background: transparent;

    }



    .about-section:after,

    .procedure-section:after,

    .news-section:after {

        display: block;

    }



    .about-section:before,

    .procedure-section:before,

    .news-section:before {

        background: linear-gradient(180deg, rgba(226, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%)

    }





    .video {

        padding: 80px 0;

    }



    .video-popup-inner {

        margin: auto;

        width: 80%;

    }



    .about-text h1 {

        font-size: 30px;

        letter-spacing: 2px;

        line-height: 30px;

    }



    .about-text p {

        font-size: 14px;

        line-height: 24px;

        text-align: justify;

    }



    .fire-quality {

        border-bottom: 2px solid #d9d9d9;

        border-right: 0;

        padding: 50px;

    }



    .fire-quality-section .col-sm-4:last-child .fire-quality {

        border: 0;

    }



    .footer-links h2,

    .footer-contact h2 {

        display: block;

    }



    .footer-links h2:before,

    .footer-contact h2:before {

        background: #d9d9d9;

        width: 100%;

    }



    .footer-contact {

        display: none;

    }



    .menu-category-container,

    .menu-company-container {

        display: none;

    }



    .footer-links h2:after {

        color: #ffca28;

        content: '▼';

        position: absolute;

        right: 0;

    }



    #block-9 {

        display: none;

    }



    ul.product-detail-tab .nav-item {

        border-right: 0;

    }



    .level-heading h3,

    .ammunition-text h3,

    .more-information h3 {

        font-size: 30px;

        line-height: 30px;

        width: 100%;

    }



    .levels ul li:first-child .level-header div {

        font-size: 22px;

        line-height: 30px;

    }



    .level-header div:first-child {

        font-size: 42px;

        line-height: 40px;

    }



    .level-header div p {

        font-size: 18px;

        letter-spacing: 0px;

        line-height: 30px;

        margin-bottom: 0;

    }



    .more-information {

        margin: 20px 0;

    }



    .ammunition-text p {

        font-size: 14px;

        line-height: 24px;

        text-align: justify;

    }



    .contact-text {

        margin-bottom: 50px;

    }



    ul.product-detail-tab .nav-item .nav-link {

        font-size: 18px;

    }



    ul.product-detail-tab .nav-item {

        padding: 0px 10px;

    }



    .faq-question button.accordion-button {

        font-size: 18px;

        line-height: 24px;

    }



    .banner-heading h1,

    .product-detail-description h3,

    .quality-text h3 {

        font-size: 30px;

    }



    .about-fire-armor,

    .about-mission {

        float: none;

        padding: initial;

        width: 100%;

    }



    .about-fire-armor p,

    .about-mission p {

        font-size: 16px;

        text-align: justify;

    }



    .fire-armor-image,

    .mission-image {

        min-height: 300px;

    }



    .about-fire-armor h3,

    .about-mission h3 {

        font-size: 30px;

        letter-spacing: 2px;

        line-height: 30px;

    }



    .about-details .row .col-sm-6:nth-child(1) {

        order: 2;

    }



    .about-details .row .col-sm-6:nth-child(2) {

        order: 1;

    }



    .about-details .row .col-sm-6:nth-child(3) {

        order: 3;

    }



    .about-details .row .col-sm-6:nth-child(4) {

        order: 4;

    }

}