/*Fonts*/
@font-face {
    font-family: 'TerumoBCTBold';
    src: url('../fonts/terumobct_bd-webfont.eot');
    src: url('../fonts/terumobct_bd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/terumobct_bd-webfont.woff') format('woff'), url('../fonts/terumobct_bd-webfont.ttf') format('truetype'), url('../fonts/terumobct_bd-webfont.svg#TerumoBCTBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TerumoBCTLight';
    src: url('../fonts/terumobct_lt-webfont.eot');
    src: url('../fonts/terumobct_lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/terumobct_lt-webfont.woff') format('woff'), url('../fonts/terumobct_lt-webfont.ttf') format('truetype'), url('../fonts/terumobct_lt-webfont.svg#TerumoBCTLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TerumoBCTItalic';
    src: url('../fonts/terumobct_rgit-webfont.eot');
    src: url('../fonts/terumobct_rgit-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/terumobct_rgit-webfont.woff') format('woff'), url('../fonts/terumobct_rgit-webfont.ttf') format('truetype'), url('../fonts/terumobct_rgit-webfont.svg#TerumoBCTItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TerumoBCTRegular';
    src: url('../fonts/terumobct_rg-webfont.eot');
    src: url('../fonts/terumobct_rg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/terumobct_rg-webfont.woff') format('woff'), url('../fonts/terumobct_rg-webfont.ttf') format('truetype'), url('../fonts/terumobct_rg-webfont.svg#TerumoBCTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TerumoBCTBoldItalic';
    src: url('../fonts/terumobct_bdit-webfont.eot');
    src: url('../fonts/terumobct_bdit-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/terumobct_bdit-webfont.woff') format('woff'), url('../fonts/terumobct_bdit-webfont.ttf') format('truetype'), url('../fonts/terumobct_bdit-webfont.svg#TerumoBCTBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TerumoBCTThin';
    src: url('../fonts/terumobct_th-webfont.eot');
    src: url('../fonts/terumobct_th-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/terumobct_th-webfont.woff') format('woff'), url('../fonts/terumobct_th-webfont.ttf') format('truetype'), url('../fonts/terumobct_th-webfont.svg#TerumoBCTThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TerumoBCTBlack';
    src: url('../fonts/terumobct_bk-webfont.eot');
    src: url('../fonts/terumobct_bk-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/terumobct_bk-webfont.woff') format('woff'), url('../fonts/terumobct_bk-webfont.ttf') format('truetype'), url('../fonts/terumobct_bk-webfont.svg#TerumoBCTBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}




        html,
        body {
            height: 100%;
            margin: 0;
            /*overflow-y: hidden;*/
        }
        
        .footer,
        .push {
            height: 50px;
        }

        button:focus {outline:0;}

        .modal-header {
          min-height: 0px;
          padding: 15px;
          border-bottom: 0px solid #fff;
          margin-left:20px;margin-right:20px;
        }

        .modal-footer {
          min-height: 0px;
          padding: 15px;
          border-top: 0px solid #fff;
        }

        
         


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

    html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.flowplayer {
         width:800px;
         height:450px;
      }

      #learnMore {
        top: 87%;
        margin-left:-15%;
        font-size:17px;
            color:black;
            font-family:TerumoBCTBold;
            cursor: pointer;
        float:left;
        position: absolute;
      }
       

       #sprite {
            width: 600px;
            height: 1200px;
            position: absolute;
            left:2%;
            top:-2%;
            padding-bottom:25px;
            
        }
        .disclaimer {
            font-size:22px;
        }

        /*X button code for dropdowns Productivity, Quality and Experience*/        
       
        .close-red-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #f28f00;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-red-lr .close-red-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #f28f00;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-green-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #73E573;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-green-lr .close-green-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #73E573;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-blue-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #35a4ae;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-blue-lr .close-blue-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #35a4ae;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        

        /*Overriding Bootstrap modal size to fit this page size */        
        .modal-content {
            width: 1300px;
            height: 740px;
            margin-left: -400px;
        }
        div#overviewModal {
            width: 1590px;
            height: 840px;
            margin-left:-82%;/*-109%;*/
        }
        #title {
            width:100%;
        }
        
        /*All h1 tags on page*/        
        h1 {
            color:#3b4147;
            font-size: 66px;
            font-weight: bold;
            /*font-family: 'TerumoBCTBold';*/
        }
        
        /*Subtitles for h1 tags*/  
        .dropdown_subtitle {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:34px;
            color: #3b4147;
        }
        .dropdown_items {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:28px;
            color: #3b4147;
        }

        /*.menu-section-title {
            font-family:MSGothicLight;
        }*/
/*X button code for modals*/        
        .lr {
            z-index: 1051;
            width: 2px;
            height: 40px;
            margin-right: 10px;
            background-color: black;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .lr .rl {
            z-index: 1052;
            width: 2px;
            height: 40px;
            background-color: black;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }


/*Animation Code*/        
        


        /*.defaultSpin{
           background-size:100% auto;
        }*/

        



        .vidplayer{
        width:800px;
        height:450px;}

        #animationDiv {
            /*margin-left:-245px;*/
            margin-top:-59px;
        }

        #infoDiv {
            margin-left:220px;
            margin-top:205px;
            padding-left:60px;
            margin-bottom:35px;
           /*width:2350px;*/
        }

        #productivityTitleDiv {
            border-left:10px solid #f28f00;padding-left:1.3em; margin-top:160px;
        }

        /*#productivityTitleDiv h1 {
            font-size:60px;
        }*/

        #qualityTitleDiv {
            border-left:10px solid #96d0ba;padding-left:1em;
        }

        #experienceTitleDiv {
            border-left:10px solid #009faf;padding-left:1em;
        }

        #modalInfoDiv {
            width:360px;height:310px;margin-left:250px;margin-top:40px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivOverview {
            width:370px;height:570px;margin-left:320px;margin-top:10px;font-size:16px;color:#5c5e5d;overflow: scroll;
        }

        #modalInfoDivSAS {
            width:360px;height:400px;margin-left:250px;margin-top:5px;font-size:16px;color:#5c5e5d;
        }

        #modalInfoDivTCEF {
            width:330px;height:310px;margin-left:250px;margin-top:40px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSB {
            width:360px;height:310px;margin-left:250px;margin-top:10px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSSS {
            width:360px;height:360px;margin-left:50px;margin-top:40px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #footerImg {
            background: url(../images/footer.png) no-repeat;
            width:160%;height:52px;
            margin-right:-50%;
            
        }

        #safetyBoxImg {
            background:url(../images/safetybox-img.png) no-repeat;
            margin-left:10%;
            width:252px;
            height:249px; 
            /*width:400;
            height:500; 
            margin-left:200px;*/
        }

        #singleStageImg {
            background:url(../images/singlestagesep-img.jpg) no-repeat;
            width:800px;
            height:450px;
        }

        #guiImg {
            background:url("../images/gui.png");
            width:578px;
            height:427px;
        }

        #hideProductivity {
            float:right; color:#f28f00;display:none;padding:20px;padding-left:28px;cursor: pointer;
            margin-top:-100px;
        }

        .productivity-root {
            padding-top:100px;
        }
    
  }


@media only screen and (min-width: 1800px)
  and (max-width: 2559px){

.flowplayer {
         width:800px;
         height:450px;
      }

      #learnMore {
        top: 87%;
        margin-left:-12%;
        font-size:17px;
            color:black;
            font-family:TerumoBCTBold;
            cursor: pointer;
        float:left;
        position: absolute;
      }
       

       #sprite {
            width: 510px;
            height: 1080px;
            position: absolute;
            left:5%;
            top:-3%;
            padding-bottom:25px;
            
        }
        .disclaimer {
            font-size:22px;
        }

        /*X button code for dropdowns Productivity, Quality and Experience*/        
       
        .close-red-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #f28f00;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-red-lr .close-red-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #f28f00;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-green-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #73E573;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-green-lr .close-green-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #73E573;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-blue-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #35a4ae;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-blue-lr .close-blue-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #35a4ae;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        

        /*Overriding Bootstrap modal size to fit this page size */        
        .modal-content {
            width: 1300px;
            height: 740px;
            margin-left: -400px;
        }
        div#overviewModal {
            width: 1590px;
            height: 840px;
            margin-left:-82%;
        }
        #title {
            width:100%;
        }
        /*All h1 tags on page*/        
        h1 {
            color:#3b4147;
            font-size: 56px;
            font-weight: bold;
            /*font-family: 'TerumoBCTBold';*/
        }
        /*Subtitles for h1 tags*/  
        .dropdown_subtitle {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:28px;
            color: #3b4147;
        }
        .dropdown_items {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:20px;
            color: #3b4147;
        }

        /*.menu-section-title {
            font-family:MSGothicLight;
        }*/
/*X button code for modals*/        
        .lr {
            z-index: 1051;
            width: 2px;
            height: 40px;
            margin-right: 10px;
            background-color: black;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .lr .rl {
            z-index: 1052;
            width: 2px;
            height: 40px;
            background-color: black;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }


/*Animation Code*/        
        


        /*.defaultSpin{
           background-size:100% auto;
        }*/

        



        .vidplayer{
        width:800px;
        height:450px;}

        #animationDiv {
            /*margin-left:-245px;*/
            margin-top:-59px;
        }

        #infoDiv {
            margin-left:220px;
            margin-top:190px;
            padding-left:60px;
            margin-bottom:35px;

        }

        #productivityTitleDiv {
            border-left:10px solid #f28f00;padding-left:1.3em; /*margin-top:160px;*/
        }

        /*#productivityTitleDiv h1 {
            font-size:60px;
        }*/

        #qualityTitleDiv {
            border-left:10px solid #96d0ba;padding-left:1em;
        }

        #experienceTitleDiv {
            border-left:10px solid #009faf;padding-left:1em;
        }

        #modalInfoDiv {
            width:360px;height:310px;margin-left:250px;margin-top:40px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivOverview {
            width:370px;height:570px;margin-left:320px;margin-top:10px;font-size:16px;color:#5c5e5d;overflow: scroll;
        }

        #modalInfoDivSAS {
            width:360px;height:400px;margin-left:250px;margin-top:5px;font-size:16px;color:#5c5e5d;
        }

        #modalInfoDivTCEF {
            width:330px;height:310px;margin-left:250px;margin-top:40px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSB {
            width:360px;height:310px;margin-left:250px;margin-top:10px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSSS {
            width:360px;height:360px;margin-left:50px;margin-top:40px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }



        #footerImg {
            background: url("../images/footer.png") no-repeat;
            width:160%;height:52px;
            margin-right:-105%;
            /*display: block;*/
            
        }

        #safetyBoxImg {
            background: url(../images/safetybox-img.png) no-repeat;
            margin-left:10%;
            width:252px;
            height:249px; 
            /*margin-left:200px;*/
        }

        #singleStageImg {
            background:url(../images/singlestagesep-img.jpg) no-repeat;
            width:800px;
            height:450px;
        }

        #guiImg {
            background:url("../images/gui.png");
            width:700px;
        }

        #hideProductivity {
            float:right; color:#f28f00;display:none;padding:140px 20px 20px 20px;padding-left:28px;cursor: pointer;
            margin-top:-100px;
        }

        .productivity-root {
            padding-top:100px;
        }


}


   @media only screen and (min-width: 1401px)
  and (max-width: 1799px){

        .flowplayer {
         width:800px;
         height:450px;
      }

      #learnMore {
        top: 78%;
        margin-left:-8%;
        font-size:15px;
            color:black;
            font-family:TerumoBCTBold;
            cursor: pointer;
        float:left;
        position: absolute;
      }
       

       #sprite {
            width: 370px;
            height: 1050px;
            position: absolute;
            left:1%;
            top:-23%;
            padding-bottom:25px;
            
        }
        .disclaimer {
            font-size:22px;
        }

        /*X button code for dropdowns Productivity, Quality and Experience*/        
       
        .close-red-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #f28f00;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-red-lr .close-red-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #f28f00;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-green-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #73E573;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-green-lr .close-green-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #73E573;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-blue-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #35a4ae;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-blue-lr .close-blue-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #35a4ae;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        

        /*Overriding Bootstrap modal size to fit this page size */        
        .modal-content {
            width: 1300px;
            height: 740px;
            margin-left: -400px;
        }
        div#overviewModal {
            width: 1420px;
            height: 780px;
            margin-left:-70%;
        }
        #title {
            width:100%;
        }
        /*All h1 tags on page*/        
        h1 {
            color:#3b4147;
            font-size: 54px;
            font-weight: bold;
            /*font-family: 'TerumoBCTBold';*/
        }
        /*Subtitles for h1 tags*/  
        .dropdown_subtitle {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:18px;
            color: #3b4147;
        }
        .dropdown_items {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:16px;
            color: #3b4147;
        }

        /*.menu-section-title {
            font-family:MSGothicLight;
        }*/
/*X button code for modals*/        
        .lr {
            z-index: 1051;
            width: 2px;
            height: 40px;
            margin-right: 10px;
            background-color: black;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .lr .rl {
            z-index: 1052;
            width: 2px;
            height: 40px;
            background-color: black;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }


/*Animation Code*/        
        


        /*.defaultSpin{
           background-size:100% auto;
        }*/

        



        .vidplayer{
        width:800px;
        height:450px;}

        #animationDiv {
            /*margin-left:-245px;*/
            margin-top:-59px;
        }

        #infoDiv {
            margin-left:220px;
            margin-top:50px;
            padding-left:60px;
            margin-bottom:35px;
        }

        #productivityTitleDiv {
            border-left:10px solid #f28f00;padding-left:1.3em; margin-top:160px;
        }

        #productivityTitleDiv h1 {
            font-size:36px;
        }

        #qualityTitleDiv {
            border-left:10px solid #96d0ba;padding-left:1em;
        }

        #qualityTitleDiv h1 {
            font-size:36px;
        }

        #experienceTitleDiv {
            border-left:10px solid #009faf;padding-left:1em;
        }

        #experienceTitleDiv h1 {
            font-size:36px;
        }

        #modalInfoDiv {
            width:360px;height:310px;margin-left:250px;margin-top:40px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

    
        #modalInfoDivOverview {
            width:330px;height:500px;margin-left:320px;margin-top:10px;font-size:16px;color:#5c5e5d;overflow: scroll;
        }

        #modalInfoDivSAS {
            width:360px;height:400px;margin-left:250px;margin-top:5px;font-size:16px;color:#5c5e5d;
        }

        #modalInfoDivTCEF {
            width:330px;height:310px;margin-left:250px;margin-top:40px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSB {
            width:360px;height:310px;margin-left:250px;margin-top:10px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSSS {
            width:360px;height:360px;margin-left:50px;margin-top:40px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #footerImg {
            background:url(../images/footer.png) no-repeat;
            width:110%;height:52px;margin-right:-55%;
        }

        #safetyBoxImg {
            background:url(../images/safetybox-img.png) no-repeat;
            margin-left:10%;
            width:252px;
            height:249px; 
            /*width:400;
            height:500; 
            margin-left:200px;*/
        }

        #singleStageImg {
            background:url(../images/singlestagesep-img.jpg) no-repeat;
            width:800px;
            height:450px;
        }


        #guiImg {
            background:url(../images/gui.png) no-repeat;
            width:700px;
        }



        #hideProductivity {
            float:right; color:#f28f00;display:none;padding-top:120px;padding-right:20px;padding-left:28px;padding-right:20px;cursor: pointer;
        }


   }



@media screen 
  and (min-width: 1367px)
  and (max-width: 1400px){




#sprite {
            width: 310px;
            height: 900px;
            position: absolute;
            left:3%;
            top:-2%;
            
        }


    #learnMore {
        top: 85%;
        margin-left:-2%;
        font-size:15px;
            color:black;
            font-family:TerumoBCTBold;
            cursor: pointer;
            float:left;position: absolute;
      }



        /*X button code for dropdowns Productivity, Quality and Experience*/        
       
        .close-red-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #f28f00;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-red-lr .close-red-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #f28f00;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-green-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #73E573;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-green-lr .close-green-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #73E573;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-blue-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #35a4ae;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-blue-lr .close-blue-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #35a4ae;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        

        /*Overriding Bootstrap modal size to fit this page size */        
        .modal-content {
            width: 1100px;
            height: 625px;
            margin-left:-300px;
            
        }
        div#overviewModal {
            width: 1200px;
            height: 715px;
            /*margin-left:-355px;*/
            margin-left:-50%;
        }

        .flowplayer {
         width:700px;
         height:393.75px;
      }
        .vidplayer{
        width:700px;
        height:393.75px;}
        /*All h1 tags on page*/        
        h1 {
            color:#3b4147;
            font-size: 40px;
            /*font-family: terumofontBold;*/
        }
        /*Subtitles for h1 tags*/  
        .dropdown_subtitle {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:14px;
            color: #3b4147;
        }
        .dropdown_items {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:12px;
            color: #3b4147;
        }

        /*.menu-section-title {
            font-family:MSGothicLight;
        }*/
/*X button code for modals*/        
        .lr {
            z-index: 1051;
            width: 2px;
            height: 40px;
            margin-right: 10px;
            background-color: black;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .lr .rl {
            z-index: 1052;
            width: 2px;
            height: 40px;
            background-color: black;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }


/*Animation Code*/        
        /*.defaultSpin {
            margin-top: 10px;
            

            width: 190px;
            height: 450px;
            background: url(../images/laptopview/trima7_sequences_all-sm.png);
            animation: moveDefault 9.5s steps(132) infinite alternate;

        }*/


        /*.defaultSpin{
           background-size:100% auto;
        }*/

        /*@keyframes moveDefault {
           from { background-position:    0px; }
             to { background-position: -29964px; }
        }*/



        

        #animationDiv {
            /*margin-left:-245px;*/
            margin-top:50px;
            margin-left:50px;
        }

        #sprite {
            margin-top:-80px;
            margin-left:40px;
        }
        #disclaimer {
            font-size:14px;
        }
        


        

        #infoDiv {
            margin-left:360px;
            margin-top:-35px;
            /*padding-left:60px;*/
            margin-bottom:35px;
            width:600px;
        }
        #title{
            width:100%; 
        }

        #productivityTitleDiv {
            border-left:10px solid #f28f00;padding-left:1.3em; margin-top:130px;
        }

        #qualityTitleDiv {
            border-left:10px solid #96d0ba;padding-left:1em;
        }

        #experienceTitleDiv {
            border-left:10px solid #009faf;padding-left:1em;
        }

        #modalInfoDiv {
            width:260px;height:310px;margin-left:220px;margin-top:10px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivOverview {
            width:310px;height:510px;margin-left:250px;margin-top:-15px;font-size:16px;color:#5c5e5d;overflow: scroll;
        }

        #modalInfoDivSAS {
            width:270px;height:350px;margin-left:220px;margin-top:0px;font-size:14px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivTCEF {
            width:260px;height:310px;margin-left:220px;margin-top:10px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSSS {
            width:290px;height:335px;margin-left:30px;margin-top:15px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSB {
            width:260px;height:310px;margin-left:220px;margin-top:-10px;font-size:12px;color:#5c5e5d;/*font-family:MSGothic;*/
           
        }

        #modalInfoDivSB p {
            width:290px;/*font-family:MSGothic;*/
            
        }


        #footerImg {
            background:url(../images/laptopview/footer-sm.png) no-repeat;
            width:110%;height:26px;
            margin-right:-53%;
            
        }



        #safetyBoxImg {
            background:url(../images/laptopview/safetybox-img-sm.png) no-repeat;
            margin-left:15%;
            width:180px;
            height:178px; 
            /*margin-left:210px;*/
        }

        #singleStageImg {
            background:url(../images/laptopview/singlestagesep-sm.jpg) no-repeat;
            /*height:400px;
            width:600px;*/
            width:615px;
            height:335px;
        }

        #guiImg {
            background:url(../images/gui.png) no-repeat;
            height:400px;
            width:600px;
        }

        #hideProductivity {
            float:right; color:#f28f00;display:none;padding:20px;padding-left:28px;cursor: pointer;
        }

}



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

    #sprite {
            width: 310px;
            height: 900px;
            position: absolute;
            left:3%;
            top:-16%;
            
        }


    #learnMore {
        top: 90%;
        margin-left:-1%;
        font-size:14px;
            color:black;
            font-family:TerumoBCTBold;
            cursor: pointer;
            float:left;position: absolute;
      }



        /*X button code for dropdowns Productivity, Quality and Experience*/        
       
        .close-red-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #f28f00;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-red-lr .close-red-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #f28f00;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-green-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #73E573;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-green-lr .close-green-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #73E573;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .close-blue-lr {
            z-index: 1051;
            width: 1px;
            height: 40px;
            margin-right: 10px;
            background-color: #35a4ae;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .close-blue-lr .close-blue-rl {
            z-index: 1052;
            width: 1px;
            height: 40px;
            background-color: #35a4ae;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        

        /*Overriding Bootstrap modal size to fit this page size */        
        .modal-content {
            width: 1100px;
            height: 625px;
            margin-left:-230px;
            
        }
        div#overviewModal {
            width: 1200px;
            height: 715px;
            /*margin-left:-355px;*/
            margin-left:-50%;
        }

        .flowplayer {
         width:700px;
         height:393.75px;
      }
        .vidplayer{
        width:700px;
        height:393.75px;}
        /*All h1 tags on page*/        
        h1 {
            color:#3b4147;
            font-size: 40px;
            /*font-family: terumofontBold;*/
        }
        /*Subtitles for h1 tags*/  
        .dropdown_subtitle {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:14px;
            color: #3b4147;
        }
        .dropdown_items {
            /*font-family:terumofontRegular;*/
            /*font-family:MSGothic;*/
            
            font-size:12px;
            color: #3b4147;
        }

        /*.menu-section-title {
            font-family:MSGothicLight;
        }*/
/*X button code for modals*/        
        .lr {
            z-index: 1051;
            width: 2px;
            height: 40px;
            margin-right: 10px;
            background-color: black;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .lr .rl {
            z-index: 1052;
            width: 2px;
            height: 40px;
            background-color: black;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }


/*Animation Code*/        
        /*.defaultSpin {
            margin-top: 10px;
            

            width: 190px;
            height: 450px;
            background: url(../images/laptopview/trima7_sequences_all-sm.png);
            animation: moveDefault 9.5s steps(132) infinite alternate;

        }*/


        /*.defaultSpin{
           background-size:100% auto;
        }*/

        /*@keyframes moveDefault {
           from { background-position:    0px; }
             to { background-position: -29964px; }
        }*/



        

        #animationDiv {
            /*margin-left:-245px;*/
            margin-top:0px;
            margin-left:50px;
        }

        /*#sprite {
            margin-top:-80px;
            margin-left:40px;
        }*/
        #disclaimer {
            font-size:14px;
        }
        


        

        #infoDiv {
            margin-left:410px;
            margin-top:75px;
            /*padding-left:60px;*/
            margin-bottom:35px;
            width:550px;
        }
        #title{
            width:100%; 
        }

        #productivityTitleDiv {
            border-left:10px solid #f28f00;padding-left:1.3em; margin-top:80px;
        }

        #qualityTitleDiv {
            border-left:10px solid #96d0ba;padding-left:1em;
        }

        #experienceTitleDiv {
            border-left:10px solid #009faf;padding-left:1em;
        }

        #modalInfoDiv {
            width:260px;height:310px;margin-left:220px;margin-top:10px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivOverview {
            width:310px;height:510px;margin-left:250px;margin-top:-15px;font-size:16px;color:#5c5e5d;overflow: scroll;
        }

        #modalInfoDivSAS {
            width:270px;height:350px;margin-left:220px;margin-top:0px;font-size:14px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivTCEF {
            width:260px;height:310px;margin-left:220px;margin-top:10px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSSS {
            width:290px;height:335px;margin-left:80px;margin-top:15px;font-size:16px;color:#5c5e5d;/*font-family:MSGothic;*/
            
        }

        #modalInfoDivSB {
            width:260px;height:310px;margin-left:220px;margin-top:-10px;font-size:12px;color:#5c5e5d;/*font-family:MSGothic;*/
           
        }

        #modalInfoDivSB p {
            width:290px;/*font-family:MSGothic;*/
            
        }


        #footerImg {
            background:url("../images/laptopview/footer-sm.png") no-repeat;
            width:110%;height:26px;
            margin-right:-65%;
            
        }



        #safetyBoxImg {
            background:url("../images/laptopview/safetybox-img-sm.png") no-repeat;
            margin-left:15%;
            width:180px;
            height:178px; 
        }

        #singleStageImg {
            background:url("../images/laptopview/singlestagesep-sm.jpg") no-repeat;
            width:615px;
            height:335px;
        }

        #guiImg {
            background:url("../images/gui.png") no-repeat;
            height:400px;
            width:600px;
        }


       /* #footerImg {
            background:url(../images/laptopview/footer-sm.png) no-repeat;
            width:160%;height:26px;
            margin-right:-40%;
            
        }



        #safetyBoxImg {
            background:url(../images/laptopview/safetybox-img-sm.png) no-repeat;
            margin-left:15%;
            width:180px;
            height:178px; 
        }

        #singleStageImg {
            background:url(../images/laptopview/singlestagesep-sm.jpg) no-repeat;
            width:615px;
            height:335px;
        }*/

        

        #hideProductivity {
            float:right; color:#f28f00;display:none;padding:20px;padding-left:28px;cursor: pointer;
        }

        
   }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#footerImg {
            background:url(../images/footer.png) no-repeat;
            width:110%;height:52px;margin-right:-40%;
        }
}



