@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');



.section_2{
    margin-top:0px;
}

.font2{
    font-size:20px;
    border-left:1px solid #fff;
    font-weight:300;
    padding-left:20px;
}

.font3{
    font-size:22px;
    color:#fff;
    margin-bottom:10px;
}

.row .twelve.columns{
    margin:0 !important;
}

.wid-8{
    width: 90%;
    margin: 0 5%;
}

.imgx2 img{
    width:100% !important;
}

.imgx2{
    margin:10px 0;
    transition: all .3s ease-in-out;
    object-fit:cover;
}

.imgx2:hover{
    transform:scale(0.98);
}

.img-holderx1{
    object-fit:cover;
}

.img-holderx1 img{
    width:100% !important;
}

.img-holder{
    object-fit:cover;
}

.img-holder img{
    width:100% !important;
    transition: all .3s ease-in-out;
    filter:brightness(40%);
}

.img-holder:hover img{
    filter:brightness(80%);
}

.show-content {
    width: 90%;
    margin: 0 5%;
}


.show-content .content-holder {
    position: absolute;
    top: 50px !important;
    left: 40px !important;
    width: max-content !important;
    height: max-content !important;
    text-align: left !important;
    padding-top: 0 !important;
    transform: scale(1) !important;
    opacity: 1 !important;
    z-index: 1;
    transition: all .2s ease-in-out;
    background-color: rgba(255,255,255,0) !important;
    color: #fff !important;
}


.intro {
    padding: 0px !important;
    overflow-x: auto;
}

#page{
    background-color:#000;
}

.article {
    background-color: #000 !important;
    border: 1px solid #282828 !important;
}

.latest_product_title1 {
    background-color: #000;
    color: white;
    border: 1px solid #282828;
}

.contact_region {
    background-color: #000 !important;
    color: white;
}

#contact-form {
    background-color: #000 !important;
    color: white;
}

a, a:link, a:active, a:visited {
    color: #fff !important;
}