﻿

@media only screen and (max-width:991px){
    .bread-crump-container{
        display:none;
    }
    .topic-container{
        width:100% !important;
    }
}


.page {
    width: 100%;
    background-color: rgba(241,241,241,1);
}

.picture-thumbs a {
    width: 48% !important;
    display: block !important;
    margin: 0% !important;
    padding: 5px !important;
}

    .picture-thumbs a:nth-child(2n+1) {
        float: left !important;
    }

    .picture-thumbs a:nth-child(2n) {
        float: right !important;
    }

    .picture-thumbs a img {
        width: 100%;
    }

input[type=button], button, input[type=submit] {
    color: black !important;
    background: white !important;
}

.carousel-inner > .item img {
    width: 100%;
    max-width: 430px;
    height: 270px;
    display: block;
    margin: 0 auto;
}

.heading {
    font-weight: bold;
    font-size: 18pt;
}

.desc-container {
    color: black;
    width: 60%;
    float: left;
    padding: 50px 25px;
}
.desc-container p{
    font-weight:normal;
}
.desc-container > p:first-child,.desc-container > ul:first-child{
    margin-top:0;
}
blockquote {
    border: none !important;
}

.gallery-image-container {
    width: 40%;
    float: left;
    /*padding: 5px;*/
    padding: 55px 5px;
}

.glyphicon-chevron-left, .glyphicon-chevron-right {
    color: white;
}

.table td, .table th {
    border: 1px solid #ddd;
}


.gallery-custom .picture {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

    .gallery-custom .picture img {
        width: 100%;
        height: auto;
    }

#galaxyBiglia, #galaxyTajmac {
    float: left;
    margin-bottom: 50px;
}


/*Milestones*/
#milestone-container {
    padding: 15px 30px;
    float: left;
    width: 100%;
}

.milestone-left, .milestone-right {
    float: left;
    font-weight: bolder;
    font-size: 22px;
    line-height: 30px;
}

    .milestone-left img, .milestone-right img {
        max-width: 100%;
    }

#milestone-container .milestone-row-1, #milestone-container .milestone-row-2, #milestone-container .milestone-row-3, #milestone-container .milestone-row-4, #milestone-container .milestone-row-5 {
    width: 100%;
    float: left;
    clear: both;
    padding: 3%;
}

#milestone-container > div {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.4);
}

    #milestone-container > div:last-child {
        border-width: 1px;
    }

#milestone-container .milestone-row-1 .milestone-left {
    width: 100%;
    padding: 25px 8%;
}

#milestone-container .milestone-row-1 .milestone-right {
    width: 40%;
}

#milestone-container .milestone-row-2 .milestone-left {
    width: 40%;
}

#milestone-container .milestone-row-2 .milestone-right {
    width: 60%;
    padding: 25px 8%;
}

#milestone-container .milestone-row-3 .milestone-left {
    width: 100%;
    padding: 25px 8%;
}

#milestone-container .milestone-row-3 .milestone-right {
    width: 40%;
}

#milestone-container .milestone-row-4 .milestone-left {
    width: 40%;
}

#milestone-container .milestone-row-4 .milestone-right {
    width: 60%;
    padding: 25px 8%;
}

#milestone-container .milestone-row-5 .milestone-center {
    text-align: center;
}

#milestone-container .milestone-row-5 .milestone-centre img {
    max-width: 100%;
}
/*Milestones*/

#awards-container .award-row:first-child {
    background-color: rgba(0,0,0,0.5);
    padding: 3%;
}

#awards-container .awards-left {
    width: 60%;
    float: left;
    padding: 3%;
}

#mission-container .mission-left {
    width: 100%;
    padding: 3%;
    float: left;
}

#mission-container .mission-right {
    width: 20%;
    float: left;
    padding: 3% 0;
}

#vision-container .vision-left {
    width: 60%;
    float: left;
    padding: 0;
}

#awards-container .awards-left, #awards-container .awards-left-2 {
    color: #fff;
    font-weight: normal;
    font-size: 17px;
    padding-right: 3%;
    padding-left: 0;
}



#vision-container .vision-left, #mission-container .mission-left {
    background-color: rgba(255,255,255,1);
    color: #fff;
}

#vision-container .vision-row {
    float: left;
    width: 100%;
    clear: both;
    padding: 3%;
}

    #vision-container .vision-row:first-child {
        padding-bottom: 0;
    }

#vision-container .vision-content, #mission-container .mission-content {
    width: inherit;
    float: left;
    padding: 5%;
    text-align:left;
}

.vision-row .vision-center {
    padding: 0 15%;
}

    .vision-row .vision-center img {
        width: 100%;
    }

#vision-container .vision-left, #mission-container .mission-left {
    font-weight: normal;
    font-size: 22px;
    line-height: 35px;
}

#milestone-container .milestone-row-2 > .milestone-left {
    font-weight: normal;
    font-size: 25px;
    line-height: 35px;
}

#awards-container .awards-left-2 {
    color: #000;
}

.award-row {
    clear: both;
    float: left;
    width: 100%;
}

    .award-row:nth-child(2) {        
        background-size: cover;
    }

#awards-container .awards-left-2 {
    width: 40%;
    float: left;
    padding-left: 3%;
}

#awards-container .awards-right-2 {
    float: left;
    width: 60%;
    padding: 3%;
}

#vision-container .vision-right, #awards-container .awards-right {
    width: 40%;
    float: left;
    text-align: center;
}

.award-row {
    width: 100%;
    clear: both;
    float: left;
}


#vision-container .vision-left {   
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}



#vision-container, #mission-container, #milestone-container {
    float: left;
    width: 100%;
}



#mission-container {
    background: url('./Themes/DefaultClean/Content/Images/Mission/Mission4.jpg') no-repeat left center;
}

.award-watermark {
    background: rgba(255,255,255,0.8);
}

.hr-watermark-1 {
    background: rgba(0,0,0,0.2);
}

.hr-watermark-2 {
    background: rgba(0,0,0,0.9);
}

.mission-watermark, .milestone-watermark, .award-watermark, .hr-watermark-1, .hr-watermark-2 {
    padding: 3%;
    float: left;
    width: 100%;
}

.vision-watermark, .mission-watermark {
    padding: 0;
    float: left;
    width: 100%;
    /*background-color: rgba(106,128,0,0.8);*/     
    background-color: rgba(0,0,204,0.82);
    border-radius:5px;
}

#vision-container .vision-right img, #mission-container .mission-right img, #milestone-container .milestone-right img, #awards-container .awards-right img {
    max-width: 100%;
}


/*HR*/
#hr-container {
    width: 100%;
    float: left;
}

    #hr-container .hr-row-1, #hr-container .hr-row-2, #hr-container .hr-row-3, #hr-container .hr-row-4, #hr-container .hr-row-5, #hr-container .hr-row-0 {
        float: left;
        width: 100%;
        clear: both;
    }

    #hr-container .hr-row-1, #hr-container .hr-row-2, #hr-container .hr-row-4 {
        color: #000;
    }

    #hr-container img {
        max-width: 100%;
    }

.hr-left {
    padding: 1% 1% 1% 2%;
}

.hr-right {
    padding: 1% 2% 1% 1%;
}

.hr-row-0 {
    background-color:#009;
    background-size: cover;
    background-position: bottom;
    color: #fff;
}

    .hr-row-0 .hr-header-main {
        padding: 25px 15px;
        font-size: 20px;
        text-align: center;
    }


.hr-row-1 .hr-left {
    width: 60%;
}

.hr-row-1 .hr-right {
    width: 40%;
    text-align: center;
}

.hr-left, .hr-right {
    float: left;
}

.hr-row-1 {
    background-color: rgba(140,193,209,1);
    color: #fff;
}

.hr-header {
    font-weight: 700;
    font-size: 17px;
    margin-top: 10px;
}

.hr-content {
    font-weight: normal;
    font-size: 17px;
    margin-bottom: 20px;
}

.hr-row-2 {
    background-color: rgba(146,219,210,1);
    color: #fff;
}

    .hr-row-2 .hr-left {
        width: 100%;
        /*text-align: center;*/
    }

    .hr-row-2 .hr-right {
        width: 60%;
    }

.hr-row-3 {
    background-color: rgba(20,26,50,1);
    color: #fff;
}

    .hr-row-3 .hr-left {
        width: 60%;
    }

    .hr-row-3 .hr-right {
        width: 40%;
        text-align: center;
    }


.hr-row-4 .hr-left {
    width: 100%;
    color: #000;
    padding: 6% 2% 6% 30%;
}

.hr-row-4 .hr-right {
    width: 40%;
    text-align: left;
}

.hr-row-4 .hr-center-content {
    color: #000;
    padding: 10px;
}

.hr-row-5 {
    /*background-image: url('./content/Images/HR/HR3.jpg');*/
    background-size: cover;
    color: #fff;
}

    .hr-row-5 .hr-center {
        width: 100%;
    }

    .hr-row-5 .hr-header {
        text-align: center;
    }

/*HR*/

/*Collaborations*/
/*#collaboration-container p {
    font-weight: bold;
}*/

    #collaboration-container > ul:first-child{
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
@media screen and (min-width: 768px) {
    .carousel-caption {
        padding-bottom: 0 !important;
    }
}


.collaboration-container .nav-pills li a {
    padding: 10px 15px !important;
    text-decoration: none !important;
}

#collaboration-container .info-link{        
    text-align: right;
    font-weight:700;
    text-decoration:underline;
}

/*Collaborations*/

/*philosophy*/
#philosophy-container {
    float: left;
    width: 100%;
}

    #philosophy-container .philosophy-row {
        float: left;
        clear: both;
        width: 100%;
    }


    #philosophy-container .philosophy-left, #philosophy-container .philosophy-right {
        float: left;
    }

    #philosophy-container .philosophy-left {
        width: 70%;
        font-size: 22px;
        line-height: 30px;
        color: #fff;
        padding: 30px;
    }

    #philosophy-container .philosophy-right {
        width: 30%;
        padding: 30px 30px 30px 0;
    }

    #philosophy-container .philosophy-center {
        text-align: center;
        padding-bottom: 30px;
    }

.philosophy-watermark {
    float: left;
    width: 100%;
    background-color: rgba(0,0,204,0.82);
    padding: 50px 30px;
    border-radius:5px;
}

#philosophy-container .philosophy-right img {
    max-width: 100%;
}
/*philosophy*/

/*Carporate social responsibility*/

#responsibility-container {
    padding: 20px 30px;
    float: left;
    width: 100%;
    background: rgba(255,249,255,1);
}

.quote {
    margin: 30px 0;
    padding: 15px;
    font-weight: bold;
    font-style: italic;
    background-color: rgba(0,0,0,0.1);
}

    .quote .quote-philosoper {
        font-weight: inherit;
        text-decoration: none;
    }

.responsibility-content dl dt:before {
    content: url('./Themes/DefaultClean/Content/Images/Thumbs/listStyleArrow.JPG');
    vertical-align: text-top;
}

.responsibility-header {
    font-weight: bold;
}

#responsibility-container .dl-container {
    margin-top: 30px;
}
/*Carporate social responsibility*/

/*Environment Management*/
#environment-container {
    float: left;
    width: 100%;
}

    #environment-container img {
        max-width: 100%;
    }

    #environment-container .environment-row-1 {
        float: left;
        width: 100%;
        clear: both;
    }

    #environment-container .environment-row-2 {
        padding: 3%;
    }

    #environment-container .environment-row-1 .environment-left {
        width: 60%;
        float: left;
        padding: 10% 3%;
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
    }

    #environment-container .environment-row-1 {
        background: rgb(203,222,158);
    }

        #environment-container .environment-row-1 .environment-right {
            width: 40%;
            float: left;
            text-align: right;
        }

    #environment-container .environment-row-2 .environment-left {
        width: 60%;
        float: left;
        padding: 3%;
        font-weight: bold;
    }

    #environment-container .environment-row-2 .environment-right {
        width: 40%;
        float: left;
    }

        #environment-container .environment-row-2 .environment-right img {
            max-width: 100%;
        }
/*Environment Management*/

/*Service and spare parts*/
#service-container {
    float: left;
    width: 100%;
}

    #service-container .service-row-main-1, #service-container .service-row-main-2 {
        float: left;
        padding: 1.5%;
    }

    #service-container .service-row-main-1 {
        width: 70%;
        font-size: 17px;
    }

    #service-container .service-row-main-2 {
        width: 30%;
    }

    #service-container .service-row-main-1 {
        font-weight: bold;
    }

    #service-container .service-row-1, #service-container .service-row-2, #service-container .service-row-3 {
        float: left;
        width: 100%;
        clear: both;
        padding: 3% 3% 0;
    }

    #service-container .service-left {
        float: left;
        width: 100%;
    }

    #service-container .service-row-main-2 .service-center-1 {
        float: left;
        width: 100%;
        font-weight: bolder;
        font-size: 15px;
        text-decoration: underline;
        margin-bottom: 15px;
    }

    #service-container .service-row-main-2 .service-content {
        border: 1px solid lightgray;
        padding: 3%;
        box-shadow: 1px 2px 3px lightgrey;
    }

        #service-container .service-row-main-2 .service-content .service-center-2 a {
            display: block;
            padding: 15px 7px;
        }
/*Service and spare parts*/

@@media only screen and (max-width:768px) {
    .desc-container, .gallery-image-container {
        width: 100%;
    }

    #vision-container .vision-left, #mission-container .mission-left, #milestone-container .milestone-row-1 div, #milestone-container .milestone-row-2 div, #milestone-container .milestone-row-3 div, #milestone-container .milestone-row-4 div {
        width: 100% !important;
    }

    #vision-container .vision-right, #mission-container .mission-right {
        display: none;
    }
}

@@media only screen and (min-width:769px) and (max-width:999px) {
    .desc-container, .gallery-image-container {
        width: 100%;
    }

    .carousel {
        max-width: 430px;
        margin: 0 auto;
    }
}

.bread-crump-container {
    width: 20%;
    float: left;
}

    .bread-crump-container > .topic-line > ul {
        padding-left: 0;
    }

    .bread-crump-container ul a {
        color: #000;
    }

.topic-container {
    width: 80%;
    float: left;
    background-color: white; /*rgba(230,40,22,0.3);*/
}

.topic-custom-title {
    font-weight: bolder;
    font-weight: bolder;
    padding: 20px 50px;
    font-size: 16pt;
}

.topic-page-header {
    font-size: 20pt;
    padding: 25px 20%;
    display: block;
    /*background: linear-gradient(to right,rgba(230, 40, 22, 1),rgba(230, 40, 22, 0.1));*/
    box-shadow:3px 1px 2px 3px rgba(0,0,0,0.2);
    margin-bottom:5px;
}

    .topic-page-header span {
        padding-left: 10px;
        text-shadow: 3px 5px 5px grey;
        font-weight: bold;
    }

/*Clientelle and Awards*/
.awards-container {
    padding: 50px 15px 15px 15px;
    color: black;
}

.thumb {
    height: 300px;
}

    .thumb div {
        height: 100%;
    }

    .thumb > .image-wrapper {
        display: table;
        width: 100%;
        vertical-align: middle;
    }

.image-wrapper > .inner-image-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.inner-image-wrapper > img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.certification {
    height: 445px;
}

.thumb-logo {
    height: 180px;
}

.awards-and-certifications {
    border-bottom: 1px solid lightgray;
}

.heading-customized {
    font-weight: bold;
    font-size: 18pt;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid lightgray;
}

    .heading-customized div {
        border-bottom: 1px solid lightgray;
    }

/*Logo*/
.main-logo-container {
    padding: 50px 15px 15px 15px;
}

.logo-col-1 {
    width: 70%;
}

.logo-col-2 {
    width: 30%;
}

.logo-col-1, .logo-col-2 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.logo-subheading {
    text-decoration: underline;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
}

.logo-subdiscription {
    text-indent: 10px;
    font-size: 20px;
    line-height: 35px;
}

    .logo-subdiscription p {
        /*font-weight: bold;*/
        text-align:left;
    }

.logo-image-wrapper > img {
    width: 300px;
}


#vision-container, #mission-container {
    color: black;
    font-weight: 600;
    font-size: 15pt;
}

    #vision-container ul, #mission-container ul li {
        background: url('./Themes/DefaultClean/Content/Images/Thumbs/listStyleArrow.JPG') no-repeat 0px 1px;
        padding-left: 25px;
        list-style: none !important;
    }

#about-us-container {
    padding: 15px;
    /*font-weight: bold;*/
}

#about-us-container div:nth-child(2){
    margin-top:10px;
}

/*
     FILE ARCHIVED ON 06:07:39 Mar 19, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:59:58 Apr 10, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.673
  exclusion.robots: 0.078
  exclusion.robots.policy: 0.068
  cdx.remote: 0.064
  esindex: 0.011
  LoadShardBlock: 60.666 (3)
  PetaboxLoader3.datanode: 76.519 (5)
  PetaboxLoader3.resolve: 161.007 (3)
  load_resource: 228.201 (2)
*/