@import url(//fonts.googleapis.com/css?family=Lato:400,900);

@font-face {
    font-family: 'warpaint';
    src: url('font/warpaint.ttf');
    font-style: normal;
}

/* @font-face {
    font-family: 'arial';
    src: url('font/ARIAL.ttf');
    font-style: normal;
} */
@font-face {
    font-family: 'strait1';
    src: url('font/strait-regular.ttf');
    font-style: normal;
}

.anchor_flyer {
    max-width: 60%;
}

.anchor_flyer {
    max-width: 60%;
}

body {
    background-color: #000000;
}

a {
    text-decoration: none !important;
}

p {
    color: #403d3d;

    /* font-family: arial */
}

.link_color {
    color: #ff0000;
    margin-bottom: 0px;
}

.link_color:hover {
    color: #a90e0e;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #706969;
}

.bbi-logo {
    width: 40%;
}

.bbi-navbar-color {
    background-color: rgba(0, 0, 0, 0.87);
}

.bbi-navbar-padding {
    margin-right: 65px;
}

.bbi-form {
    width: 80%;
    align-items: center;
    justify-content: center;
}

.bbi-subscribe {
    width: 50%;
}

.bbi-contact-text {
    margin-left: 10px;
    margin-right: 10px;
}

.bbi-section-padding {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bbi-footer-links {
    margin-left: 20px;
    margin-right: 20px;
}

.bbi-promo-bg {
    background-color: #000000;
}

.bbi-promo-text {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

/* Floating Social Media Bar Style Starts Here */
.fl-fl {
    /* background: #000000 */
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 220px;
    position: fixed;
    right: -160px;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.87);
}

.fab {
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    width: 40px;
    margin-left: 8px;
}

.fl-fl:hover {
    /* right: 0 */
}

.fl-fl a {
    /* color: #fff !important */
    /* text-decoration: none */
    /* text-align: center */
    /* line-height: 43px!important */
    /* vertical-align: top!important */
}

.float-fb {
    top: 168px;
}

.float-tw {
    top: 215px;
}

.float-gp {
    top: 262px;
}

.float-rs {
    top: 325px;
}

.float-ig {
    top: 380px;
}

.float-pn {
    top: 435px;
}

/* Floating Social Media Bar Style Ends Here */
.bbi-product-cards {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 20px;
    padding-top: 20px;
}

.bbi-mailing-bg {
    background-color: #212121;
    padding-top: 10px;
    padding-bottom: 20px;
}

.bbi-button {
    background-color: #000000;
    border-color: #ffffff;
    border-radius: 0px;
    color: #ffffff;
}

.bbi-button:hover {
    background-color: #ff0000;
    border-color: #ffffff;
    border-radius: 0px;
    color: #ffffff;
}

.bbi-intro {
    padding-left: 15px;
    padding-right: 15px;
}

.ic-logo {
    width: 100%;
    max-width: 60%;
}

.bbi-glove-card {
}

.bbi-stainless-padding {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bbi-footer-logo {
    width: 20%;
    padding-bottom: 10px;
}

/* *** Contact Cards **** */
.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.info-card {
    width: 100%;
    border: 1px solid rgb(215, 215, 215);
    position: relative;
    font-family: 'Lato', sans-serif;
    overflow: hidden;
    border-radius: 5px;
    background-color: #033e56;
    margin-bottom: 20px;
}

.info-card > img {
    width: 100px;
    margin-bottom: 60px;
}

.info-card .info-card-details,
	.info-card .info-card-details .info-card-header {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 0 15px;
    text-align: center;
    background-color: #033e56;
}

.info-card .info-card-details::-webkit-scrollbar {
    width: 8px;
}

.info-card .info-card-details::-webkit-scrollbar-button {
    width: 8px;
    height: 0px;
}

.info-card .info-card-details::-webkit-scrollbar-track {
    background: transparent;
}

.info-card .info-card-details::-webkit-scrollbar-thumb {
    background: #a0a0a0;
}

.info-card .info-card-details::-webkit-scrollbar-thumb:hover {
    background: rgb(130, 130, 130);
}

.info-card .info-card-details .info-card-header {
    height: auto;
    bottom: 100%;
    padding: 10px 2px;
}

.info-card:hover .info-card-details {
    bottom: 0px;
    overflow: auto;
    padding-bottom: 25px;
}

.info-card:hover .info-card-details .info-card-header {
    position: relative;
    bottom: 0px;
    padding-top: 45px;
    padding-bottom: 25px;
}

.info-card .info-card-details .info-card-header h1,
		.info-card .info-card-details .info-card-header h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Abel', sans-serif;
}

.info-card .info-card-details .info-card-header h3 {
    color: #8eb634;
    font-size: 15px;
    font-weight: 400;
    margin-top: 5px;
}

.info-card .info-card-details .info-card-detail .social {
    list-style: none;
    padding: 0px;
    margin-top: 25px;
    text-align: center;
}

.info-card .info-card-details .info-card-detail .social a {
    position: relative;
    display: inline-block;
    min-width: 40px;
    padding: 10px 0px;
    margin: 0px 5px;
    overflow: hidden;
    text-align: center;
    background-color: rgb(215, 215, 215);
    border-radius: 40px;
}

.card-text-color {
    color: #ffffff;
    font-family: 'Abel', sans-serif;
}

.contact_padding {
    padding-left: 15px;
    padding-right: 15px;
}

.sphere1 {
    padding: 20px;
    width: 50%;
}

.sphere-background {
    background-color: #000000;
}

.divider {
    background-color: #e71f1f;
    max-width: 96%;
    padding-top: 5px;
}

.glove-image-padding {
    padding: 5px;
}

.intro_text_padding {
    padding-left: 2%;
    padding-right: 2%;
}

.img_padding {
    padding-left: 4%;
    padding-right: 4%;
}

.ic-_image {
    max-width: 40%;
}

.contact_link {
}

.pro_screw_padding {
    margin-left: 20%;
    margin-right: 20%;
}

.sphere1_intro_padding {
    margin-left: 15%;
    margin-right: 15%;
}

.fasteners_image {
    max-width: 80%;
}

.logo_padding {
    padding-left: 11%;
    padding-right: 11%;
    padding-bottom: 10px;
}

.logo_icon_padding {
    padding-left: 10%;
    padding-right: 10%;
}

.arrow_padding {
    margin-top: 6px;
}

.text_box {
    background-color: #ff0000;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.stainless_text_padding {
    padding-left: 3%;
    padding-right: 3%;
}

.bolt_image {
    padding-top: 3%;
}

.anchor_flyer {
    max-width: 60%;
}

.flyer_padding {
    padding-left: 0px;
}

.vending_image {
    padding-left: 15%;
    padding-right: 15%;
}

.vending_download_padding {
    padding-left: 5%;
}

.contract_padding {
    margin-left: 12%;
}

.construction_header {
    font-family: warpaint;
    font-size: 65px;
}

.construction_yellow {
    color: #fff100;
}

.parallelogram {
    max-width: 93%;
    position: relative;
}

.parallelogram1 {
    max-width: 93%;
    position: relative;
    margin-left: 10%;
}

.yellow_text {
    color: #fff100;
}

.header_color {
    color: #ff0000;
}

.img-container {
    position: relative;
    display: inline-block;
}

.img-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.26);
    opacity: 0;
    transition: opacity 500ms ease-in-out;
    cursor: pointer;
}

.img-container:hover .overlay {
    opacity: 1;
}

.overlay span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}

.contract_link {
    color: #ffffff;
    text-decoration: underline;
}

.contract_link:hover {
    color: #ff0000;
}

.yellow_text1 {
    color: #fff;
    text-decoration: underline;
}

.yellow_text1:hover {
    color: #fff100;
}

.white_banner {
    background-color: #ffffff;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
}

.text_red {
    color: #ec0000;
}

.wedge_link {
    text-decoration: underline !important;
}

.wedge_link:hover {
    text-decoration: underline !important;
    color: #ffffff;
}

.bbi-image-padding {
    position: relative;
    padding: 10px 10px 0px;
}

.bbi-vid-icon {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 7vw;
}

.bbi-vid-icon:hover {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ef0b0b;
    font-size: 7vw;
}

.bbi-video-text {
    margin-left: 3%;
    margin-right: 3%;
    background-color: #b62020;
    font-family: 'Oswald', sans-serif;
    padding-left: 5px;
    color: #ffffff;
    font-size: 15px;
}

.form_box {
    border-radius: 0px;
}

.btn_box {
    border-radius: 0px;
}

.netplus_color {
    color: #a31f37 !important;
}

@media (max-width:575px) {
    .bbi-footer-logo {
        width: 45%;
        padding-bottom: 9px;
    }

    .sphere1_intro_padding {
        margin-left: 1%;
        margin-right: 1%;
    }

    .sphere1 {
        width: 94%;
        padding: 7px;
        margin-bottom: 10px;
    }

    .anchor_flyer {
        max-width: 100%;
        padding: 0px 9px;
    }

    .flyer_padding {
        padding-left: 0px;
    }

    .construction_header {
        font-family: warpaint;
        font-size: 35px;
    }

    .pro_screw_padding {
        margin-left: 5%;
        margin-right: 5%;
    }

    .construction_text_resize {
        font-size: 20px;
    }

    .parallelogram {
        position: relative;
    }

    .parallelogram_header {
        bottom: 11%;
        position: absolute;
        width: 90%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 10%;
        font-size: 2.5vw;
    }

    .parallelogram_header1 {
        bottom: 13%;
        position: absolute;
        width: 62%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 37%;
        font-size: 2.5vw;
    }

    .bbi-logo {
        width: 50%;
    }

    .ppe_link {
        font-size: 14px;
    }

    .bbi-image-padding {
        position: relative;
        margin: 0px;
        padding: 0;
    }

    .bbi-video-text {
        background-color: #b62020;
        font-family: 'Oswald', sans-serif;
        color: #ffffff;
        font-size: 18px;
        padding-left: 5px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .bbi-vid-icon {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 15vw;
    }

    .bbi-vid-icon:hover {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ef0b0b;
        font-size: 15vw;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .sphere1 {
        width: 87%;
        padding: 5px;
        margin-bottom: 10px;
    }

    .sphere1_intro_padding {
        margin-left: 2%;
        margin-right: 2%;
    }

    .anchor_flyer {
        max-width: 100%;
        padding: 0px 30px;
    }

    .flyer_padding {
        padding-left: 0px;
    }

    .contract_padding {
        margin-left: 3%;
    }

    .parallelogram_header {
        bottom: 6%;
        position: absolute;
        width: 90%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 10%;
        font-size: 2.5VW;
    }

    .parallelogram_header1 {
        bottom: 3%;
        position: absolute;
        width: 60%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 40%;
        font-size: 2.5VW;
    }

    .glove_padding {
        margin-left: 7.2%;
        margin-right: 7.2%;
    }

    .bbi-image-padding {
        position: relative;
        margin: 0px 5px;
        padding: 0px;
    }

    .bbi-video-text {
        background-color: #b62020;
        font-family: 'Oswald', sans-serif;
        padding-left: 5px;
        color: #ffffff;
        font-size: 18px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .bbi-vid-icon {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 7vw;
    }

    .bbi-vid-icon:hover {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ef0b0b;
        font-size: 7vw;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .anchor_flyer {
        max-width: 100%;
        padding: 30px;
    }

    .flyer_padding {
        padding-left: 0px;
    }

    .contract_padding {
        margin-left: 4%;
        padding-left: 0px;
    }

    .parallelogram_header {
        bottom: 5%;
        position: absolute;
        width: 90%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 10%;
        font-size: 2.5VW;
    }

    .parallelogram_header1 {
        bottom: 3%;
        position: absolute;
        width: 53%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 43%;
        font-size: 2.5VW;
    }

    .glove_padding {
        margin-left: 7%;
        margin-right: 7%;
    }

    .bbi-image-padding {
        position: relative;
        padding: 0px;
        margin: 0px 5px;
    }

    .bbi-video-text {
        background-color: #b62020;
        font-family: 'Oswald', sans-serif;
        padding-left: 5px;
        color: #ffffff;
        font-size: 18px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .bbi-vid-icon {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 5vw;
    }

    .bbi-vid-icon:hover {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ef0b0b;
        font-size: 5vw;
    }

    .form_size {
        width: 75%;
    }
}

@media (min-width:992px) {
    /* .col {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    } */
    .contract_padding {
        margin-left: 12%;
    }

    .bbi-image-padding {
        position: relative;
        padding: 10px 10px 0px;
    }

    .bbi-vid-icon {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 4vw;
    }

    .bbi-vid-icon:hover {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ef0b0b;
        font-size: 4vw;
    }

    .bbi-video-text {
        background-color: #b62020;
        font-family: 'Oswald', sans-serif;
        padding-left: 5px;
        color: #ffffff;
        font-size: 20px;
    }

    .form_size {
        width: 75%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .parallelogram_header {
        bottom: 7%;
        position: absolute;
        width: 90%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 10%;
        font-size: 2.5VW;
    }

    .parallelogram_header1 {
        bottom: 7%;
        position: absolute;
        width: 64%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 36%;
        font-size: 2.5VW;
    }

    .glove_padding {
        margin-left: 7.2%;
        margin-right: 7.2%;
    }

    .bbi-logo {
        width: 28%;
    }
}

@media (min-width:1200px) {
    .parallelogram_header {
        bottom: 7%;
        position: absolute;
        width: 90%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 10%;
        font-size: 2.5VW;
    }

    .parallelogram_header1 {
        bottom: 7%;
        position: absolute;
        width: 46%;
        display: flex;
        justify-content: space-around;
        font-family: 'Strait', sans-serif;
        font-weight: 400;
        left: 47%;
        font-size: 2.5VW;
    }

    .glove_padding {
        margin-left: 7.2%;
        margin-right: 7.2%;
    }

    .bbi-logo {
        width: 28%;
    }

    .bbi-image-padding {
        position: relative;
        padding: 0px;
        margin: 10% 10% 0;
    }

    .bbi-vid-icon {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 40px;
    }

    .bbi-vid-icon:hover {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        color: #ef0b0b;
        font-size: 40px;
    }

    .bbi-video-text {
        margin-left: 10%;
        margin-right: 10%;
        background-color: #b62020;
        font-family: 'Oswald', sans-serif;
        padding-left: 5px;
        color: #ffffff;
        font-size: 15px;
    }

    .form_size {
        width: 55%;
    }
}

@media (min-width:2500px) {
    .sphere1_global_padding {
        margin-left: 8%;
        margin-right: 8%;
    }

    .parallelogram_header {
        bottom: 5%;
        position: absolute;
        width: 90%;
        display: flex;
        justify-content: space-around;
        font-weight: 400;
        font-size: 60px;
        left: 10%;
        font-family: strait1;
    }

    .parallelogram_header1 {
        bottom: 5%;
        position: absolute;
        width: 46%;
        display: flex;
        justify-content: space-around;
        font-weight: 400;
        font-size: 60px;
        left: 50%;
        font-family: strait1;
    }

    .bbi-logo {
        width: 24%;
    }

    .bbi-image-padding {
        position: relative;
        padding: 0;
        margin: 10% 10% 0;
    }

    .bbi-video-text {
        margin-left: 10%;
        margin-right: 10%;
        background-color: #b62020;
        font-family: 'Oswald', sans-serif;
        padding-left: 5px;
        color: #ffffff;
        font-size: 20px;
    }
}