/*-------------------Main Banner-------------------*/

  .WorkMainBanner{
  	display: block;
    font-size: 0;
    width:100%;
    height:91vh;
    background-color: #ff0095;
    text-align: center;
    overflow: hidden;
  }

  .WorkMainBanner img{
    width: 70%;
    max-width: 1000px;
    top: 24%;
    position: relative;
  }

  .EV-logo{
    display: block;
    position: relative;
    width: 25%;
    max-width: 300px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
  }


  @keyframes FadeInOut {
    0% {
      opacity: .4;
    }
    50%{
    	opacity: 1;
    }
    100% {
      opacity: .4;
    }
  }

  @keyframes MoveUPDown {
    0% {
      transform: translateY(0px);
    }
    50%{
        transform: translateY(5px);
    }
    100% {
          transform: translateY(0px);
    }
  }


.Proj_Maintitle{
  display: block;
}

  #WorkDetails_Container{
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out; 
  }


  .slick-slider  div{
    -webkit-user-select: text !important; 
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }
  .slick-list div.draggable {
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }




  

  /*-------------------  Big Img  -------------------*/

  .Inno-img-1{
    display: block;
    height: 800px;
    overflow: hidden;
    background: url("../../links/InnoTower/Inno-1.jpg") no-repeat 50%;
    background-size: cover;
  }



  /* ----------- Call Out ----------- */

  .TO_CallOut{
    display:block;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 25pt;
    line-height: 150%;
    text-align: center;
    width: 65%;
    margin: 15% auto;
    max-width: 900px;
    position: relative;
    z-index: 9999;
  }

  .TO_CallOut span:nth-child(1){
    font-weight: 600;
  }

  .TO_CallOut span:nth-child(4), .TO_CallOut span:nth-child(6){
    font-size: 15pt;
  }

  /* ----------- Bottom Work Detail Nav ----------- */

  .sliding-middle-out3 {
    display: inline-block;
    position: relative;
    padding-top: 3px;
  }

  .sliding-middle-out3:after {
    content: '';
    display: block;
    position:absolute;
    top:-8px;
    margin: auto;
    height: 2px;
    width:100%;
    transform: scaleX(0);
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }

  .sliding-middle-out3.active3:after {
    transform: scaleX(1);
    background: #00d546;
  }

  .sliding-middle-out3:hover:after {
    transform: scaleX(1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    background: black;
  }


 



  


  /* ----------- Work_Details_Holder ----------- */
  .Work_Details_Holder_P1{
    width: 100%;
    background-color: white;
  }





  /* Feature */

  .Slider_WorkDetails{
    overflow: hidden;
  }

  .slick-slide:focus { outline: none; }



  /* F 1 */

  .F1_Holder{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    display: block;
    text-align: center;
    margin-top: 160px;
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 0;
  }

  .F1_Holder span, .F1_Holder p, .F2_Holder span, .F2_Holder p{
    max-width: 800px;
    margin: auto;
  }

  .F1_Holder > div{
    width: 100%;
    font-size: 0;
    margin-top: 80px;
  }


  .F1_Holder > div > div > img{
    width: 100%;
  }

  .F1_Holder div img{
    width: 100%;
  }

  .Inno-allicons{
    display: block;
    width: 100%;
    margin: 80px auto;
    padding: 0 40px;
    box-sizing: border-box;
  }

  .Inno-allicons img{
    width: 100%;
  }

  .Inno-img-3{
    display: block;
    width: 85%;
    margin: 5% auto;
    max-width: 1300px;
  }

  .Inno-img-3-BLK{
    display: block;
    width: 100%;
    background-color: black;
    text-align: center;
  }

  .Inno-img-3-BLK img{
    width: 85%;
    max-width: 1300px;
    margin: 5% auto;
  }

  .Inno-iconsDetails{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    display: block;
    text-align: center;
    padding: 0 40px;
    box-sizing: border-box;
  }

  .Inno-iconsDetails img{
    width: 100%;
  }

  /* F 2 */

  .F1_Holder, .F2_Holder{
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    text-align: center;
    margin-top: 160px;
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 0;
  }

  .F2_Holder{
    background-color: #fafafa;
  }


  .F2-intro {
    padding: 160px 0 80px;
  }


  .Inno-Signage-1-Details{
    width: 50%;
    text-align: left;
    z-index: 1;
    padding: 30px 0 0 50%;
    max-width: 550px;
  }

  .Inno-Signage-1{
    width: 100%;
  }


  .Inno-Signage-2-holder{
    display: block;
    position: relative;
    padding: 160px 0;
    max-width: 1200px;
    margin: auto;
  }

  .Inno-Signage-2-Details{
    text-align: left;
    padding: 100px 0 0 0;
    max-width: 500px;
  }

  .Inno-Signage-2-holder > div:nth-child(2) img{
    width: 60%;
    text-align: center;
    margin: auto;
  }

  .Inno-Signage-3{
    text-align: right;
  }

  .Inno-Signage-3 img{
    width: 55%;
  }

  .Inno-Signage-3-holder, .Inno-Signage-4-holder{
    padding: 0 0 160px;
    max-width: 1200px;
    margin: auto;
  }

  .Inno-Signage-3-holder span, .Inno-Signage-3-holder p, .Inno-Signage-4-holder span, .Inno-Signage-4-holder p{
    text-align: left;
    max-width: 500px;
  }

  .Inno-Signage-3-holder > div, .Inno-Signage-4-holder > div{
    vertical-align: middle;
  }

  .Inno-Signage-3-holder > div:nth-child(2), .Inno-Signage-4-holder > div:nth-child(2){
    padding-left: 40px;
    box-sizing: border-box;
  }


  .Inno-Signage-last{
    width: 100%;
    margin: 160px auto;
    padding: 0 40px;
    box-sizing: border-box;
  }

  .Inno-Signage-last img{
    width: 100%;
    margin-bottom: 160px;
  }

  .Inno-Signage-last img:nth-child(2){
    margin-bottom: 0;
  }


  .Inno-last-banner{
    display: block;
    height: 800px;
    background: url("../../links/InnoTower/Inno-last.jpg") no-repeat 50% 30%;
    background-size: cover;
    overflow: hidden;
  }

  .F3B_Holder{
    width: 100%;
    padding: 0 40px 160px;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
  }

  .F3B_Holder span{
    text-align: center;
  }

  .F3B_Holder span:nth-child(1){
    padding: 160px 0 40px;
  }


/*=========================================Computer Screens=================================================*/


@media only screen and (min-width:1025px){
}

@media only screen and (max-width:1300px){

}

@media only screen and (max-width: 1024px){

}

@media only screen and (max-width: 1000px) {


}


@media only screen and (max-width: 800px){

  .Inno-Signage-1-Details, .Inno-Signage-2-Details, .Inno-Signage-3-holder > div:nth-child(2), .Inno-Signage-4-holder > div:nth-child(2){
    width: 100%;
    padding: 40px 0 0;
    max-width: initial;
  }
  
  .Inno-Signage-2-holder > div:nth-child(1), .Inno-Signage-3-holder > div, .Inno-Signage-4-holder > div{
    display: block;
    width: 100%;
  }

  .Inno-Signage-2-holder > div:nth-child(2){
    display: none;
  }


}



/*=========================================mobile=================================================*/

@media only screen and (max-width: 480px) {

  .WorkMainBanner img{
    width: 75%;
    top: 30%;
  }

  .F1_Holder, .F2_Holder, .Inno-allicons, .Inno-iconsDetails, .Inno-Signage-last, .F3B_Holder{
    padding:  0 24px;
  }


}