﻿/*.HomeSliderContainer{
    float:left;
    position:relative;
    width:100%;
    height:699px;
    background-color:#eef;
    border-bottom:1px solid #e3e6e8;
}*/
.GeneralContainer{
    background-color:#000000;
}

.main-top header .NavigationContainer{
    background-color:#ffffff;
}

.HomeSliderContainer .BannerImg{
    /*cursor: move; 
    position: absolute; 
    overflow: hidden; 
    left: 0px; 
    top: 0px;*/ 
    width:100%;
    height:100%;
    background: url(../Images/FoilCarBG.png) no-repeat top right;
    background-size:contain;
    background-color:#ffffff;
}

   .HomeSliderContainer .BannerImg .BannerTextContainer{
       font-family:'Proxima Nova Regular';
       float:left;
       margin-left: 24%;
       margin-top: 9%;
   }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader{
          width:375px;
          height:90px;
          float:left;
      }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1{
             font-size:30pt;
             /*font-family:'Proxima Nova Regular';*/
             font-family:'Proxima Nova Semibold';
         }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText{
          font-size:11pt;
          margin-top:32px;
          width:475px;
          float:left;
          
      }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p{
            width:212px;
            float:left;
            margin-left:5px;
         }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight{
            margin-left:25px;
         }

.OrangeContainer{
    /*float:left;*/
    height:104px;
    width:100%;
    background-color:#e27204;
}

   .OrangeContainer .GetInfoButtonContainer{
        /*float:left;*/
        height:115px;
        width:163px;
        margin:0 auto;
    }

   .OrangeContainer .GetInfoButtonContainer .GetMoreInfoButton{
       margin-top:29px;       
       width:163px;
       height:43px;
       color:#ffffff;
       background-color:Transparent;
       border:1px solid #ffffff;
       text-align:center;
   }

.CorporateAboutUsContainer{
    width:100%;
    height:659px;
    background: url(../Images/CorporateAboutUsBG.jpg) no-repeat;
    background-size:contain;
    background-color:#000000;
}

    .CorporateAboutUsContainer .CorporateBodyTopLeft{
        width:343px;
        height:254px;
        display:inline-block;
        float:left;
        vertical-align:middle;    
        padding-top:20px;     
        color:#ffffff;
        font-family:'Proxima Nova Thin';
        font-size:22pt;      
        line-height:normal;
        margin:35px 0 0 95px; 
    }

       .CorporateAboutUsContainer .CorporateBodyTopLeft .BodyTopLeftHeader{
           width:290px;
       }

          .CorporateAboutUsContainer .CorporateBodyTopLeft .BodyTopLeftHeader h2{
              font-family:'Proxima Nova Semibold';
          }

       .CorporateAboutUsContainer .CorporateBodyTopLeft .BodyTopLeftText{
           font-size:11pt;
           margin-top:46px;
           text-align:justify;
           text-indent:20px;
       }

    .CorporateAboutUsContainer .CorporateBodyTopCenter{
        width:343px;
        height:254px;
        display:inline-block;
        float:left;
        vertical-align:middle;    
        padding-top:20px;     
        color:#ffffff;
        font-family:'Proxima Nova Thin';
        font-size:22pt;      
        line-height:normal;
        margin:90px 0 0 50px;
        text-align:justify; 
    }

       .CorporateAboutUsContainer .CorporateBodyTopCenter .BodyTopCenterText{
           font-size:11pt;           
           text-align:justify;
           text-indent:20px;
       }

          .CorporateAboutUsContainer .CorporateBodyTopCenter .BodyTopCenterText p{

          }

   .CorporateAboutUsContainer .CorporateVideoContainer{
       margin-left:52px;
   }

.ProductionProcessContainer{
    height:470px;
    width:100%;
    background-color:#000000;
    color:#ffffff;
    font-family:'Proxima Nova Thin';
}

   .ProductionProcessContainer .ProductionEncapsualtion{
       width:985px;
       margin:0 auto;
       padding-top:83px;
   }

      .ProductionProcessContainer .ProductionEncapsualtion .ProductionIcon{
          float:left;
      }

      .ProductionProcessContainer .ProductionEncapsualtion .ProductionBorder{
          float:left;
          margin-top:16px;
          width:30px;
          height:2px;
          background-color:#23b153;
      }

      .ProductionProcessContainer .ProductionEncapsualtion .ProductionHeader{
          float:left;
          margin-top:-7px;
      }

         .ProductionProcessContainer .ProductionEncapsualtion .ProductionHeader h2{
             float:left;
             font-family:'Proxima Nova Semibold';
         }

      .ProductionProcessContainer .ProductionEncapsualtion .ProductionSubHeader{
          float:left;
          margin-top:-7px;
          font-size:12pt;
      }

      .ProductionProcessContainer .ProductionEncapsualtion .ProductionText{
          float:left;
          margin-top:45px;
      }

         .ProductionProcessContainer .ProductionEncapsualtion .ProductionText p{
             float:left;
             width:470px;
             text-indent:20px;
             text-align:justify;
         }

         .ProductionProcessContainer .ProductionEncapsualtion .ProductionTextLeft{
             float:left;
             width:472px;
         }

         .ProductionProcessContainer .ProductionEncapsualtion .ProductionTextRight{
             float:left;
             width:472px;
             margin-left:35px;
         }

.TimelineContainer{
    /*height:370px;*/
    /*height:470px;*/
    height:100%;
    width:100%;
    background-color:#000000;
    color:#ffffff;
    padding-top:90px;    
}

   .TimelineContainer .TimelineEncapsulation{
       width:100%;
       margin-bottom:-10px;       
   }

      .TimelineContainer .TimelineEncapsulation ul{
      }

         .TimelineContainer .TimelineEncapsulation ul li{
             display:inline-block;
             width:9.5%;
             padding-left:7px;
             font-family:'Proxima Nova Thin';
             margin-left:1%;
             padding-left:15px;
         }

            .TimelineContainer .TimelineEncapsulation ul li.TL1945{
                border-left:4px solid #001c32;
                opacity:0.4;
                padding-bottom:55px;
                /*padding-bottom:90px;*/
            }
            
            .TimelineContainer .TimelineEncapsulation ul li.TL1968{
                border-left:4px solid #001c32;
                opacity:0.5;
                padding-bottom:55px;
                /*padding-bottom:100px;*/
            }
            
            .TimelineContainer .TimelineEncapsulation ul li.TL1969{
                border-left:4px solid #000d18;
                opacity:0.9;
                padding-bottom:55px;
                /*padding-bottom:80px;*/
            }
            
            .TimelineContainer .TimelineEncapsulation ul li.TL1984{
                border-left:4px solid #1d9988;
                opacity:0.96;
                padding-bottom:55px;
                /*padding-bottom:115px;*/
            }
            
            .TimelineContainer .TimelineEncapsulation ul li.TL1986{
                border-left:4px solid #749ba1;
                opacity:0.99;
                padding-bottom:55px;
                /*padding-bottom:85px;*/
            }
            
            .TimelineContainer .TimelineEncapsulation ul li.TL1987{
                border-left:4px solid #00649f;
                opacity:0.96;
                padding-bottom:55px;
                /*padding-bottom:88px;*/
            }
            
            .TimelineContainer .TimelineEncapsulation ul li.TL1988{
                border-left:4px solid #002e53;
                opacity:0.9;
                padding-bottom:55px;
                /*padding-bottom:130px;*/
            }
            
            .TimelineContainer .TimelineEncapsulation ul li.TL1990{
                border-left:4px solid #4f6a6e;
                opacity:0.5;
                padding-bottom:55px;
                /*padding-bottom:154px;*/
            }
            
            .TimelineContainer .TimelineEncapsulation ul li.TL1991{
                border-left:4px solid #002e53;
                opacity:0.4;
                padding-bottom:55px;
                /*padding-bottom:125px;*/
            }

            .TimelineContainer .TimelineEncapsulation ul li .TLHeader{
                font-size:12pt;
                font-family:'Proxima Nova Semibold';
            }

            .TimelineContainer .TimelineEncapsulation ul li .TLBorder{
                width:139px;
                height:1px;
                margin:9px 0;
                background-color:#4d4d4d;
            }

   .TimelineContainer .TimelineBorderBottom{
       width:100%;
       height:8px;
       background: url(../Images/ProductTimeline.png) top center no-repeat;
       background-size:contain;
   }

.HomeBodyContainer .HomeBodyTop{
        margin-top:115px;
    }

@media only screen and (max-width: 767px){
/*.HomeSliderContainer {
    height: 150px;
}*/

.HomeBodyContainer .HomeBodyTop{
        margin-top:30%;
    }

.HomeSliderContainer .BannerImg{
    background: url(../Images/FoilCarBG.png) no-repeat bottom right;
    background-size:contain;
    background-color:#ffffff;
}

    .HomeSliderContainer .BannerImg .BannerTextContainer {
        margin-left: 2%;
        margin-top: 2%;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader {
            width: 100%;
            height: 45px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 {
                /*font-size: 7pt;*/
                font-size:3vw;
            }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
            font-size: 2.1vw;
            width: 50%;
            margin-top:0;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p {
                width: initial;
                margin-left:0;
                margin-right: 5px;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight {
                margin-left: 0;
            }

.OrangeContainer {
    height: 70px;
}

    .OrangeContainer .GetInfoButtonContainer {
        height: 70px;
        width: 131px;
    }

        .OrangeContainer .GetInfoButtonContainer .GetMoreInfoButton {
            margin-top: 17px;
            width: 130px;
            height: 35px;
            font-size: 7pt;
        }

    .CorporateAboutUsContainer {
        height: 600px;
    }

    .CorporateAboutUsContainer .CorporateBodyTopLeft {
        /*width: 310px;*/
        width:92%;
        /*height: 254px;*/
        height:initial;
        padding-top: 10px;
        font-size: 22pt;
        margin: 20px 0 0 15px;
    }

        .CorporateAboutUsContainer .CorporateBodyTopLeft .BodyTopLeftHeader{
            min-width: 305px;
            width:100%;
            margin: 0 auto;
        }

            .CorporateAboutUsContainer .CorporateBodyTopLeft .BodyTopLeftHeader h2 {
                font-size: 18pt;
            }

        .CorporateAboutUsContainer .CorporateBodyTopLeft .BodyTopLeftText {
            font-size: 11pt;
            margin-top: 30px;
        }

    .CorporateAboutUsContainer .CorporateBodyTopCenter {
        width:92%;
        /*height: 254px;*/
        height:initial;
        padding-top: 0;
        margin: 0px 0 0 15px;
    }

        .CorporateAboutUsContainer .CorporateBodyTopCenter .BodyTopCenterText {
            font-size: 11pt;
        }

    

    .ProductionProcessContainer {
        padding-left: 15px;
        /*height: 771px;*/
        min-height:715px;
    }

        .ProductionProcessContainer .ProductionEncapsualtion{
            width:100%;
            padding-top:0;
        }

            .ProductionProcessContainer .ProductionEncapsualtion .ProductionText {
                width:100%;
            }

            .ProductionProcessContainer .ProductionEncapsualtion .ProductionHeader h2 {
                font-size: 18pt;
            }

            .ProductionProcessContainer .ProductionEncapsualtion .ProductionSubHeader {
                font-size: 10pt;
            }

            .ProductionProcessContainer .ProductionEncapsualtion .ProductionTextLeft {
                width: 95%;
            }

            .ProductionProcessContainer .ProductionEncapsualtion .ProductionText p {
                /*width: 312px;*/
                width:initial;
            }

            .ProductionProcessContainer .ProductionEncapsualtion .ProductionTextRight {
                width: 95%;
                margin-left: 0px;
            }

    .TimelineContainer{
        padding-top:0;
        margin-top:50px;
    }

    .TimelineContainer .TimelineEncapsulation ul {
        padding-left: 0;
    }

        .TimelineContainer .TimelineEncapsulation ul li {
            width: 18.5%;
            padding-left: 2px;
            font-size: 4pt;
            margin-left:0;
        }

            .TimelineContainer .TimelineEncapsulation ul li .TLHeader {
                font-size: 7pt;
            }

            .TimelineContainer .TimelineEncapsulation ul li .TLBorder {
                width: 55px;
            }
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .HomeSliderContainer{
        height:280px;
    }

    .HomeSliderContainer .BannerImg .BannerTextContainer {
        margin-left: 5%;
        margin-top: 0%;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader {
            width: 230px;
            height: 35px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 {
                font-size: 15pt;
            }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
            font-size: 10pt;
            width: 312px;
            margin-top:40px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p {
                width: 142px;
                margin-left:0;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight {
                margin-left: 20px;
            }

    .HomeBodyContainer .HomeBodyTop{
        margin:0 auto;
    }

    .HomeBodyContainer .HomeBodyTop .HomeBodyTopContentContainer .HomeBodyTopLeft{
        /*display:none;*/
        margin-left:2%;
        padding-top:30px;
    }

    .CorporateAboutUsContainer{
        height:421px;
        background-size:cover;
    }

    .CorporateAboutUsContainer .CorporateBodyTopLeft {
        /*width: 345px;*/
        width:27%;
        height: 254px;
        padding-top: 0;
        font-size: 22pt;
        margin: 85px 0 0 40px;
    }

        .CorporateAboutUsContainer .CorporateBodyTopLeft .BodyTopLeftHeader{
            width:100%;
        }

    .CorporateAboutUsContainer .CorporateBodyTopLeft .BodyTopLeftText{
        margin-top:20px;
    }

    .CorporateAboutUsContainer .CorporateBodyTopCenter {
        width:30%;
        height: 254px;
        padding-top: 17px;
        margin: 82px 0 0 20px;
    }

    .CorporateAboutUsContainer .CorporateBodyTopLeft .BodyTopLeftHeader h2{
        font-size:18pt;
    }

    /*.ProductionProcessContainer .ProductionEncapsualtion .ProductionHeader h2{
        font-size:18pt;
    }*/

    .ProductionProcessContainer .ProductionEncapsualtion .ProductionHeader h2 {
        font-size: 18pt;
    }

    .ProductionProcessContainer .ProductionEncapsualtion .ProductionSubHeader {
        font-size: 10pt;
    }

    .ProductionProcessContainer {
        padding-left: 38px;
        height: 500px;
    }

        .ProductionProcessContainer .ProductionEncapsualtion{
            width:100%;
            padding-top:40px;
        }

        .ProductionProcessContainer .ProductionEncapsualtion .ProductionText {
            /*width:730px;*/
            width:95%;
            margin-top:35px;
        }

        .ProductionProcessContainer .ProductionEncapsualtion .ProductionTextLeft {
            /*width: 345px;*/
            width: 48%;
        }

        .ProductionProcessContainer .ProductionEncapsualtion .ProductionText p {
            width: 100%;
        }

        .ProductionProcessContainer .ProductionEncapsualtion .ProductionTextRight {
             width: 48%;
            margin-left: 20px;
        }

    .TimelineContainer{
        height:330px;
    }

    .TimelineContainer .TimelineEncapsulation ul {
        padding-left: 0;
    }

        .TimelineContainer .TimelineEncapsulation ul li {
            width: 10%;
            padding-left: 2px;
            font-size: 4pt;
            margin-left:0;
        }

            .TimelineContainer .TimelineEncapsulation ul li .TLHeader {
                font-size: 7pt;
            }

            .TimelineContainer .TimelineEncapsulation ul li .TLBorder {
                width: 55px;
            }   

.FooterGeneralContainer{
    height:126px;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1523px) {
    .HomeSliderContainer{
        height:570px;
    }

    .HomeSliderContainer .BannerImg .BannerTextContainer{
        margin-left: 18%;
        margin-top: 6%;
    }

    .HomeBodyContainer .HomeBodyTop{
        margin-top:20px;
    }

    .CorporateAboutUsContainer{
        height:480px;
    }
}

@media only screen and (min-width: 2200px) {

    .CorporateAboutUsContainer{
        background-size:cover;
    }

    .ProductionProcessContainer{
        height:535px;
    }
}