@charset "utf-8";

/*===== Common CSS =====*/
/*===== HeaderFooter CSS =====*/

/*===== HomePage CSS =====*/

/*=================== ============
  ===============================*/

/*===== Common CSS =====*/
html, body {
    padding: 0; margin: 0;
    position: relative; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale;
    
    width:100%; height:100%; display: block; overflow: auto; overflow-x: hidden;
    display: flex; flex-direction: column; justify-content: space-between;
    background: #ffffff;
}

html, body, p, a, span, label, .bTn, .navbar .nav-item .nav-link {
    font-family: 'Neo Sans Std';
    color: #040404; font-size: 18px; font-weight: 400; line-height: 1.4;
}

* { font-family: "Neo Sans Std", sans-serif; box-sizing:border-box; }
*:hover { -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }
*:focus, .btn-default-focus { box-shadow: none !important; outline:none !important; }


h1, h2, h3, h4, h5, h6, p, ul {  padding: 0; margin: 0; }
/*h1, h2, h3, h4, h5, h6 { line-height: 1;  }*/





h1, h1 a, h1 a img { 
    font-size: inherit; line-height: inherit; display: flex; align-items: center;
    width:200px; object-fit: contain; display: block; margin:0; padding:0;
}


h2 { 
    font-size: 50px; font-weight: 600; color:#ffffff;
}

h3 {
    font-size:40px; font-weight: 500; color: #000000;
}
h3 img.Line { height:4px; }

h4 {
    font-size:25px; font-weight: 600; color: #13140e;
}


h5, h5 img { 
    font-size: inherit; line-height: inherit; display: block;
    width:130px; object-fit: contain; display: block;
}




h6, h6 a {
    font-size: 15px;
}
h6 a { border-left:1px solid; margin:0 0 0 10px; padding:0 0 0 10px; }
h6 a:hover { color: #d71d05; }


img, svg { border: none; vertical-align: middle; max-width: 100%; }
ul li { list-style: none; }

a { cursor: pointer; font-weight: 500; outline: none !important; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover, a:focus { text-decoration: none; color:#404606; }
a, input, button, textarea, a:focus, select:focus { outline: none; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
button, input, textarea { outline: none; -webkit-appearance: none; -moz-appearance: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }


input::-webkit-placeholder, textarea::-webkit-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; }


header, section, .heroSlider .owl-item .item,  footer > *  { padding-left:80px !important; padding-right:80px !important; }
.container { width:100%; max-width:1600px; }
.container.small { max-width:1400px; }



.loaderWrp { 
    z-index: 99; left: 0; top: 0; 
    transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out;
    
    background: #d5d4dd;
}
.loaderWrp img { position: relative; z-index: 2;  height: 60px; }

.pageLoad .loaderWrp { left: 100%; }

/*===== *************** =====*/



/*===== HeaderFooter CSS =====*/
header {
/*    border-bottom:3px solid #2c009c;*/
}

.contactLinks a span { font-weight: 500; font-size:16px; }
.contactLinks a img.iCon { 
    width:22px; height:22px; display: block; margin:-2px 0 0; object-fit: cover; object-position: center top;
}

.contactLinks a:hover span { color: #d71d05; }
.contactLinks a:hover img.iCon { 
    object-position: center bottom;
}

.navbar .nav-item .nav-link { padding:7px 10px; }

.navbar .nav-item .nav-link.active { color: #d71d05; font-weight: 500; }



footer .blackBG {
    background: #161616;
}
footer .blackBG label { color: white; opacity:0.35; margin:0 0 6px; }
footer .blackBG p,
footer .blackBG a { color: white; opacity:0.80; font-size:18px; font-weight: 400; }
footer .blackBG a:hover { color: #d71d05; opacity:1; }

footer .socialMedia a { opacity: 1; margin:2px 15px 2px 0; }
footer .socialMedia a,
footer .socialMedia a img { width:32px; height:32px; }

footer .socialMedia:hover a:hover { opacity: 1; }
footer .socialMedia:hover a { opacity: 0.45; }

.googleMap,
.googleMap iframe { width:100%; height:300px; border-radius: 25px; }


/*===== *************** =====*/



/*===== HomePage CSS =====*/
section .BG {
    width:100%; height:100%; left:0; top:0;
    object-fit: cover; object-position: center center;
}
section .BG.objPos-LeftCenter { object-position: left center; }


.bTn.Primary {
    padding:6px 12px; border-radius: 8px; 
/*    border:2px solid transparent;*/
    color: white; font-weight: 500; background: #2c009c;
}
.bTn.Primary img.iCon { 
    width:18px; height:18px; margin:0 0 0; display: block;
}

.bTn.Primary:hover {
/*    border:2px solid #d71d05;*/
    background:#d71d05;
}



.heroSlider { padding:0 !important; } 


.heroSlider .teXt { height:530px; }
.heroSlider .owl-dots {
    position: absolute; left:0; right:0; bottom:0; padding:20px;
    display: flex; align-items: center; justify-content: center;
}
.heroSlider .owl-dot {
    background: rgba(255,255,255,0.55); border:2px solid transparent; cursor: pointer;
    width: 15px; height: 15px; margin:10px; border-radius: 10px;
}
.heroSlider .owl-dot.active { width:50px; background: #2c009c; border:2px solid #ffffff; }

.heroSlider .owl-prev, .heroSlider .owl-next {
    display: none;
}


.secHero .teXt div { max-width:700px; }
.secHero .teXt p { color: #ffffff; font-size: 25px; }



.secWeAreFabronix .teXtBox {
    max-width:400px; margin:auto; border-radius: 20px;
}



.secIndustriesServed .iConBox {
    height:100%; border-radius: 20px;
    background-image: -moz-linear-gradient( 90deg, #d5d4dd 35%, rgba(255,255,255,0.55) 100%);
    background-image: -webkit-linear-gradient( 90deg, #d5d4dd 35%, rgba(255,255,255,0.55) 100%);
    background-image: -ms-linear-gradient( 90deg, #d5d4dd 35%, rgba(255,255,255,0.55) 100%);
}
.secIndustriesServed .iConBox .iCon {
    width:60px; height:60px;
}
.secIndustriesServed .iConBox h4 { margin:12px 0; }



.secTagLine-Vdo h3,
.secTagLine-Vdo h3 span { font-size:60px; line-height: 1; }

.vdoBox .vdo,
.vdoBox .vdo video {
    position: relative; z-index: 2;
    overflow: hidden; display: block;
}
.vdoBox .vdo video { 
    width:900px; height:508px;
    margin:20px; padding:0; border-radius: 25px;
}
/*
.vdoBox .vdo::before,
.vdoBox .vdo::after {
    content: ""; display: block; position: absolute;
}
.vdoBox .vdo::before {
    width:330px; height:330px; z-index: 1;
    left:0; top:0; background: url("../images/Vdo_BG-1.svg")no-repeat center center / contain;
}
.vdoBox .vdo::after {
    width:65px; height:65px; z-index: 3;
    right:5px; bottom:5px; background: url("../images/Vdo_BG-2.svg")no-repeat center center / contain;
}
*/



.secInfrastructureCapabilities,
.secInfrastructureCapabilities .BG {
    background-image: -webkit-linear-gradient( 90deg, rgba(213,212,221,0.35) 70%, rgb(255,255,255) 100%);
}
.secInfrastructureCapabilities .BG { margin:0 0 0; }

.vertTabs nav { margin:0 -25px 0 0; }
.vertTabs .nav-link {
    display: flex; align-items: center; white-space: nowrap; text-align: left;
    margin:10px 0; padding:12px 150px 12px 15px; border-radius: 15px 0 0 15px;
    background-image: -webkit-linear-gradient( 0deg, #d5d4dd 0%, rgba(251,251,249,0.5) 60%, rgba(255,255,255,0) 100%);
}
.vertTabs .nav-link span {
    font-size:20px; font-weight: 400; color:#13140e;
}
.vertTabs .nav-link img.iCon { 
    width:32px; height:32px; margin:0 10px 0 0;
    filter: grayscale(100%); opacity: 0.75;
}

.vertTabs .nav-link.active { 
    background-image: -webkit-linear-gradient( 0deg, #d5d4dd 0%, #d5d4dd 60%, #d5d4dd 100%);
}
.vertTabs .nav-link.active span {
    font-weight: 500;
}
.vertTabs .nav-link:hover img.iCon,
.vertTabs .nav-link.active img.iCon {
    filter: grayscale(0); opacity: 1;
} 


.vertTabs .tab-content { 
    margin:10px 0; width:100%;
    background: #d5d4dd;
    border-radius:15px; overflow: hidden;
    box-shadow: 3px 5px 5px 0px rgba(127, 117, 92, 0.25);
}
.vertTabs .tab-content .tab-pane {
}
.vertTabs .tab-content .tab-pane .teXt {
    padding:15px 30px;
}




.secCapabilities,
.secCapabilities .BG {
    background-image: -webkit-linear-gradient( 90deg, rgb(230,221,198) 70%, rgb(255,255,255) 100%);
}
.secCapabilities .BG {
    margin:-50px 0 0;
}

.horzTabs .nav-link {
    display: flex; flex-direction: column; align-items: center; white-space: nowrap; text-align: center;
    position: relative; min-width:220px; margin:10px; padding:15px; border-radius: 15px;
    background: white;
    box-shadow: 3px 5px 10px 0px rgba(186, 177, 153, 0);
}
.horzTabs .nav-link span {
    font-size:19px; font-weight: 400; color:#13140e;
}
.horzTabs .nav-link::after {
    content: ""; display: block; position: absolute; left:0; right:0; bottom:-15px; margin:auto;
    width: 0; height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid rgba(244,244,239,0);
}

.horzTabs .nav-link img.iCon { 
    width:50px; height:50px; margin:0 0 10px;
    filter: grayscale(100%); opacity: 0.75;
}

.horzTabs .nav-link.active { 
    background: #d5d4dd;
    box-shadow: 3px 5px 10px 0px rgba(186, 177, 153, 0.35) !important;
}
.horzTabs .nav-link.active span {
    font-weight: 500;
} 
.horzTabs .nav-link.active::after { border-top: 16px solid #d5d4dd; }
.horzTabs .nav-link:hover img.iCon,
.horzTabs .nav-link.active img.iCon {
    filter: grayscale(0); opacity: 1;
} 



.horzTabs .tab-content { 
    margin:10px 0; padding:40px; width:100%;
    background: #d5d4dd;
    border-radius:15px; overflow: hidden;
    box-shadow: 3px 5px 5px 0px rgba(127, 117, 92, 0.25);
}


.tab-content ul.List li { width:50%; }
.tab-content ul.List img.iCon {
    width:50px;
}
.tab-content ul.List h4 { font-size: 18px; font-weight: 500; }






.innerPages .secIndustriesServed,
.innerPages .secIndustriesServed .BG {
    background-image: -webkit-linear-gradient( 90deg, rgba(213,212,221,0.35) 70%, rgb(255,255,255) 100%);
}

.secIndustriesServed .horzTabs .nav-link {
    white-space: normal; min-width:inherit; max-width:13%; padding:12px; line-height: 1;
}

.secIndustriesServed .tab-content .tab-pane .iMG {
    width:50%; height:100%; right:0; top:0; 
}
.secIndustriesServed .tab-content .tab-pane .iMG img { 
    width:100%; height:100%;
    object-fit: cover; object-position: center center;
}

.secIndustriesServed .tab-content .tab-pane .iMG::after {
    content: ""; display: block; 
    z-index: 2; position: absolute; left:0; top:0; bottom:0; width:70%;
    background: rgba(213,212,221,0);
background-image: -webkit-linear-gradient( 0deg, rgba(213,212,221,1) 0%, rgba(213,212,221,0.5) 60%, rgba(213,212,221,0) 100%);
}



.secCapabilities.secIndustriesServed .horzTabs .nav-link {
    max-width:inherit; width:18%;
}



.secQualityAssurance .BG {
    object-position: right top;
}

.qualityCheckedBy img {
    height:75px; margin:0 20px 0 0;
}


.secCertificates .teXtBox {
    border-radius: 20px;
    background-image: -moz-linear-gradient( 90deg, #d5d4dd 35%, rgba(255,255,255,0.55) 100%);
    background-image: -webkit-linear-gradient( 90deg, #d5d4dd 35%, rgba(255,255,255,0.55) 100%);
    background-image: -ms-linear-gradient( 90deg, #d5d4dd 35%, rgba(255,255,255,0.55) 100%);
}
.secCertificates .teXtBox img.iMG { 
    width:215px; height:260px; border-radius: 20px;
    box-shadow: 3px 5px 12px 0px rgba(43, 48, 51, 0.35);
}




.tableWrp {
    width:100%;
}
table.table {
    width:100%; background: #c7c4d6; margin:0;
}
table.table tbody {
/*    border:4px solid #c7c4d6;*/
}

table.table th,
table.table td { padding:8px 15px; text-align: left; }
table.table th {
    color: #ffffff;
    background: #5e5b6d; border: none;
    border-bottom:4px solid #2c009c;
}

table.table tr td { 
    background: #e5e3eb;border: none;
    border-bottom:3px solid #c7c4d6; font-size: 95%; line-height: 1.2;
}
table.table tr:nth-child(2n + 2) td { background: #f8f7f7; }











.innerPages .secHero {
    background: #2c009c;
}

.font-19 { font-size:19px !important; }

.borderLine {
    width:230px; height:2px; background: #13140e;
}


.secContactInfo h3 { font-size:25px; }
.secContactInfo h4 { font-size:20px; color: #040404; }
.secContactInfo .infoDetails a { color: #2c009c; }
.secContactInfo .infoDetails a:hover { color: #d71d05; }

.secContactInfo form {
    border-radius: 20px;
    background:#d5d4dd;
    
}
form .form-group .form-control {
    width:100%; height:50px; padding:0 15px; border:2px solid #42433e;
    border-radius:12px; background: transparent;
}
form .form-group textarea.form-control {
    height:150px; padding:12px 15px; resize: none;
}

form .form-group input[type="file"].form-control { padding:9px 15px !important; }

form .form-group label.font-19 {
    left:10px; top:0; padding:13px 5px; background: rgba(255,255,255,0);
    pointer-events: none; transition: 0.2s ease-in-out;
}
form .form-group label .asterisk { color: #d71d05; }


form .form-group .form-control:focus,
form .form-group .form-control.hasValue {
    border:2px solid #2c009c;
}
form .form-group .form-control:focus + label.font-19,
form .form-group .form-control.hasValue + label.font-19 {
    color:#2c009c; font-size:14px !important;
    top:15px; padding:0px 5px; background: #d5d4dd;
}





.form-group label.active { transform: translateY(-1.5rem); font-size: 0.85rem; color: #007bff; }
.form-control:focus + label, .form-control.hasValue + label { transform: translateY(-1.5rem); }
.is-invalid { border-color: #dc3545; }





.modal-dialog-scrollable .modal-content {
    border-radius: 20px;
    
}
.modal-backdrop.show {
    opacity: 0.85;
}








.secPrivacyPolicy ul li {
    list-style: disc;
}


.secSiteMap h3,
.secSiteMap p {
    letter-spacing: 2px; margin:0 0 0 2.5%;
}

/*.secSiteMap .pageLinks { margin:0 -10px; }*/
.secSiteMap .pageLinks a {
    width:30%; margin:15px 1.5%;
    display: flex; flex-direction: column; justify-content: center; text-align: center;
    background: #ffe4e1; border-radius: 12px;
    color: #d71d05; text-transform: uppercase; padding:12px 50px;
}
.secSiteMap .pageLinks a:hover {
    color: white; background: #d71d05;
}






/*===== *************** =====*/


/*===== Responsive CSS =====*/

@media screen and (max-width: 1600px) {
    
    html, body, p, a, span, label, .bTn, .navbar .nav-item .nav-link,
    .contactLinks a span, footer .blackBG p, footer .blackBG a {
        font-size:17px;
    }
   
    header, section, .heroSlider .owl-item .item, footer > * {
        padding-left: 35px !important; padding-right: 35px !important;
    }
    
    h1, h1 a, h1 a img { width:180px; }
    
    
    
    .heroSlider .teXt {
        height: 480px;
    }
    
    .secTagLine-Vdo {
        padding-left:0 !important; padding-right:0 !important;
    }
    .secTagLine-Vdo h3,
    .secTagLine-Vdo h3 span { font-size:45px; }
    
    
    
    .horzTabs .nav-link { min-width:200px; }
    .horzTabs .tab-content { padding:25px; }
    

}


@media screen and (max-width: 1299px) {
    
    html, body, p, a, span, label, .bTn, .navbar .nav-item .nav-link,
    .contactLinks a span, footer .blackBG p, footer .blackBG a {
        font-size:16px;
    }
    
    .bTn.Primary { font-size:15px; }
    .bTn.Primary img.iCon {
        width: 15px; height: 15px; 
    }
   
    header, section, .heroSlider .owl-item .item, footer > * {
        padding-left: 0 !important; padding-right: 0 !important;
    }
    
    h1, h1 a, h1 a img { width:160px; }
    h2 { font-size: 42px; }
    h3 { font-size: 36px; }
    h4 { font-size: 22px; }
    
    
    
    .vertTabs .nav-link { 
        padding:10px 80px 10px 10px;
    }
    .vertTabs .nav-link span { 
        font-size:19px;
    }
    .vertTabs .nav-link img.iCon {
        width: 28px; height: 28px;
    }
    
    .horzTabs .nav-link { min-width: 120px; }
    .horzTabs .nav-link span { 
        font-size:18px; white-space: normal;
    }
    .horzTabs .nav-link img.iCon {
        width: 40px; height: 40px;
    }

    
    
    
}


@media screen and (max-width: 991px) {
    
    
    .hamBurger {
        padding:5px 2px; border: none; position: relative;
        display: flex; flex-direction: column;
    }
    .hamBurger span {
        display: flex; flex-direction: column; align-items: center; 
    }
    .hamBurger span {
        width:25px; height:2px; background: #d71d05; display: block; margin:3px;
        -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1 !important;
    } 

    .hamBurger.is-active span:nth-child(2){ opacity: 0 !important; }
    .hamBurger.is-active span:nth-child(1){ 
        -webkit-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);
    }
    .hamBurger.is-active span:nth-child(3){ 
        -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg);
    }
    
    
    .navbar-collapse {
        position: absolute; left: 0; right: 0; top: 70px; 
        background: rgba(255,255,255,0.95); padding:5px 0;
    }
    .navbar-collapse .bTn { margin:5px 0; } 
    
    
    .secTagLine-Vdo h3, .secTagLine-Vdo h3 span { font-size:36px; }
    .vdoBox .vdo video { 
        width:700px; height:395px; margin:15px;
    }
    .vdoBox .vdo::before { width:250px; height:250px; }

    
    
    
    .secQualityAssurance .BG {
        filter: blur(5px); opacity: 0.35;
    }
    .qualityCheckedBy img {
        height: 50px; margin: 0 5px 0 0;
    }
     
    
    
    .horzTabs .nav-link span { 
        font-size:16px;
    }
    
    .secIndustriesServed .horzTabs .nav-link { margin:5px 3px; }
    
    
    .font-19 { font-size:17px !important; }

    .secContactInfo h4 { font-size:18px; color: #d71d05; }

    
    
    .tab-content ul.List li { width:100%; }

.tab-content ul.List h4 { font-size: 17px; }

    

    
}


@media screen and (max-width: 767px) {
    
    
    h2 { font-size:38px; }
    h3 { font-size:32px; line-height: 1.1; }
    h4 { font-size:20px; }
    
    
    .contactLinks a span { display: none; }
    .contactLinks a img.iCon { margin:0 !important; }
    
    .heroSlider .owl-dot { width:12px; height:12px; }
    
    .secTagLine-Vdo h3, .secTagLine-Vdo h3 span { font-size:28px; }
    .vdoBox .vdo video { 
        width:325px; height:185px; margin:10px;
    }
    .vdoBox .vdo::before { width:150px; height:150px; }
    .vdoBox .vdo::after { width:45px; height:45px; right:0; }
    
    .vertTabs .nav-link {
        flex-direction: column; padding:10px 35px 10px 10px;
    }
    .vertTabs .nav-link img.iCon { min-width:28px; max-width:28px; margin:0; }
    
    .vertTabs .tab-content .tab-pane .teXt { padding:15px; }
    
    
    
    .vertTabs .nav-link span,
    .horzTabs .nav-link span { 
        display: none;
    }
    
    .horzTabs .nav-link { min-width: inherit; padding:12px; margin:10px 5px; }
    .horzTabs .nav-link img.iCon { margin:0; width:32px; height:32px; }
    
    .horzTabs .tab-content {
        padding: 15px;
    }
    
    
    .secIndustriesServed .horzTabs .nav-link { margin:5px 2px; padding:8px; }
    .horzTabs .nav-link::after {
        bottom: -9px;
        border-left: 8px solid transparent; border-right: 8px solid transparent;
    }
    .horzTabs .nav-link.active::after {
        border-top: 12px solid #d5d4dd;
    }
    
    
    .secIndustriesServed .tab-content .tab-pane .iMG {
        width:100%; height:100%; right:0; top:0; 
        position: relative !important;
    }
    .secIndustriesServed .tab-content .tab-pane .iMG::after {
        left:0; right:0; top:50%; bottom:0; width:100%;
        background: #F4F4EF;
    background: linear-gradient(0deg, #d5d4dd 0%, rgba(255, 255, 255, 0) 100%);
    }
    .secIndustriesServed .tab-content .tab-pane .iMG img { border-radius: 8px; }
    
    
    
    .secContactInfo h3 { font-size:22px; }
    .secContactInfo h4 { font-size:18px; color: #d71d05; }
    
    
    .infoDetails p, .infoDetails a { 
        display: block; width:100%; margin:1px 0; 
    }
    
    
    
    .secSiteMap .pageLinks a {
        width:47%; margin:15px 1.5%; padding:12px 20px;
    }
    
    
}

    
    
@media screen and (max-width:575px) {
    
    
    .secSiteMap .pageLinks a {
        width:100%; margin:10px 0; padding:12px 20px;
    }
    
    
}



    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    



/*===== Inquiry form (added) =====*/
button.bTn { border:0; cursor:pointer; }
form .form-control.is-invalid { border-color:#d71d05 !important; }
.formStatus .alert { font-size:16px; border-radius:10px; }
.formStatus .alert-success { background:#e6f4ea; color:#1e6b34; border:1px solid #b7dfc2; }
.formStatus .alert-danger { background:#fdecea; color:#b02a1e; border:1px solid #f5c6c0; }