body {margin: 0px; padding: 0px; height: 100%; background-color: white; font-family: helvetica; box-sizing: border-box;}
       

#trigger3 {height: 7000px; overflow: hidden; background-color: white;}

.chair1 {display: block;}
.chair2 {display: none;}

.col-md-12 img { width: 100%; margin: 0 auto; position: relative;}
.col-lg-12 {width: 100%; margin: 0 0; padding: 0 0;}

.logo {width: 100%; position: relative; margin: 5% auto auto auto;}
.logos {margin: 0px auto 0px auto ; padding: 15px; width: 20%; border-bottom: 1px solid black; position: relative;}

.col-sm-4 p { position: relative; margin: 0 0; text-align: center; padding: 0 0; top: -8px; width: 25%; left: 12.5%;}
/*.col-sm-4 .pLogo {  font-size: 0px; letter-spacing: 7px; padding: 11px 0px; text-align: center; color: black; 
              border-bottom: 0px solid black; margin-top: 11px; left: 20%; height: 0px; width: 60%;
              
              transition: height .4s ease-out, font-size .4s ease-out, border-bottom .4s ease-out,
              letter-spacing .4s ease-out;}

.logo:hover .pLogo { height: 40px; font-size: 13px; letter-spacing: 11px; border-bottom: 1px solid black; }

a:hover {text-decoration: none;}*/


.auto.chairs { margin-bottom: 550px; margin-top: 5%; padding-top: -111px;
             position: relative; width: 45%; background-color: white; border: 0px solid red; z-index: 1111;}
#trans1 {z-index: 111; background-color: transparent;}

#introStreg {width: 0%}
#introText2 {position: relative; left: -300px; font-size: 0px; margin-top: 5%; margin-left: 5%;color: black;
   			 letter-spacing: 11px;z-index: 336;}

#introTextDesk1 {position: relative; left: -115%; font-size: 16px; margin-top: 32%;color: black; padding: 15px 0px;
                text-align: center; letter-spacing: 5px;z-index: 344; margin-bottom: 111px;
                border-top: 0px solid black; width: 890px; line-height: 30px;}
#introStreg1a {position: absolute; margin-top: -45.5%; z-index: 11; opacity: 1; left: -89.6%; width: 60%; z-index: 11;}


#chairBlack1Text2 {position: absolute; font-size: 14px; margin-top: 65%; margin-left: 5%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 22%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairBlack2Text2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 22%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairWhite1Text2 {position: absolute; font-size: 14px; margin-top: 65%; margin-left: 5%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 22%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairGreen1Text2 {position: absolute; font-size: 14px; margin-top: 65%; margin-left: 5%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 22%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}


.not1 {position: relative; float: left; z-index: 5555;}             
.not2 {display: none;}

#full1 {position: absolute; font-size: 14px; margin-left: 5%; margin-top: 10%; color: white;letter-spacing: 11px;
        border-top: 1px solid white; width: 22%; padding: 1% 1%; z-index: 5555; line-height: 22px;}

#footer1 {position: relative; width: 80%; height: 200px; margin: 175% auto auto auto; border-top: 1px solid black;
     color: black; padding: 2% 0; opacity: .9; z-index: 1533; text-align: center; padding: 3%;
     letter-spacing: 5px; box-sizing: border-box; display: none;}

}
  	

/*/////////////////////////////////////*/
/*/////////////////////////////////////*/
@media screen and (min-width: 1281px) and (max-width: 2440px){
#mobile1 {width: 21%; position: absolute; left: 79.9%; margin-top: 4.4%;}

}
/*iphone 6/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 320px) and (max-width: 413px){


#trigger3a {height: 3700px; background-color: white; overflow: hidden;}

.chair1 {display: none;}
.chair2 {display: block;}

div .col-xs-4 {width: 33.33%; padding: 15px;}
div .col-xs-4  p {border: 0px solid black; font-size: 0px; margin-top: 10px; padding: 0px; text-align: center;}

.col-xs-4 img { margin: 0 auto; padding: 18px; width: 70%; border-bottom: 1px solid black; background-color: white; }
.col-xs-12 img {width: 100%; background-color: white; margin: 0 auto; overflow: hidden;}

.logo {width: 100%; margin-top: 0%}
.logos { margin: 0 auto; padding: 15px; width: 20%; position: relative;}


.autoMo {display: block; width:100%;}
.autoMo.chairsMo {margin-bottom: 150px; background-color: white; width: 75%; margin-top: 35%;
                 border: 0px solid red; z-index: 1111;}
#trans1 {z-index: 111; background-color: transparent;}

#introStreg {position: absolute;left: 14%; z-index: 11; margin-top: 0%; opacity: 1; width: 69%;}
#introText2 {position: relative; font-size: 15px; margin-top: 70%; left: -87%;
          color: black; letter-spacing: 7px;z-index: 336; padding: 21px 21px; text-align: center;}


#introTextDesk1 {font-size: 0px; display: none;}
/*#introStreg1a {position: absolute; margin-top: -44%; z-index: 111; opacity: 1; left: -333px; width: 60%; display: none;}*/


#chairBlack1Text2 {position: absolute; font-size: 12px; margin-top: 125%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 3333;text-align: left; width: 42%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairBlack2Text2 {position: absolute; font-size: 12px; margin-top: 125%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 3333;text-align: left; width: 42%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairWhite1Text2 {position: absolute; font-size: 12px; margin-top: 125%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 3333;text-align: left; width: 42%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairGreen1Text2 {position: absolute; font-size: 12px; margin-top: 125%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 3333;text-align: left; width: 42%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}


.not1{display: none;}
#full1 {position: absolute; font-size: 14px; margin-left: 5%; margin-top: 10%; color: white;letter-spacing: 11px;
        border-top: 1px solid white; width: 22%; padding: 2% 3%; z-index: 5555; line-height: 20px; display: none;}

#footer1 {position: relative; width: 80%; height: 150px; margin: 75% auto auto auto; border-top: 0px solid black; 
        color: black; padding: 2% 0; opacity: .9; z-index: 1533; font-size: 12px; text-align: center; 
        padding: 3%; letter-spacing: 3px; display: block; box-sizing: border-box; display: block;}				 			 
}


/*Iphone6+/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 414px) and (max-width: 626px){


#trigger3a {height: 3800px; background-color: white; overflow: hidden;}

.chair1 {display: none;}
.chair2 {display: block;}

div .col-xs-4 {width: 33.33%; padding: 15px;}
div .col-xs-4  p {border: 0px solid black; font-size: 0px; margin-top: 10px; padding: 0px; text-align: center;}

.col-xs-4 img { margin: 0 auto; padding: 18px; width: 70%; border-bottom: 1px solid black; background-color: white; }
.col-xs-12 img {width: 100%; background-color: white; margin: 0 auto; overflow: hidden;}

.logo {width: 100%; margin-top: 0%}
.logos { margin: 0 auto; padding: 15px; width: 20%; position: relative;}


.autoMo {display: block; width:100%;}
.autoMo.chairsMo {margin-bottom: 90px; background-color: white; width: 75%; margin-top: 37%;
                  border: 0px solid red; z-index: 1111;}
#trans1 {z-index: 111; background-color: transparent;}


#introStreg {position: absolute;left: 14%; z-index: 11; margin-top: -1%; opacity: 1; width: 69%;}
#introText2 {position: relative; font-size: 15px; margin-top: 70%; left: -87%;
          color: black; letter-spacing: 7px;z-index: 3336; padding: 21px 21px; text-align: center;}

#chairBlack1Text2 {position: absolute; font-size: 12px; margin-top: 125%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 3333;text-align: left; width: 42%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairBlack2Text2 {position: absolute; font-size: 12px; margin-top: 125%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 3333;text-align: left; width: 42%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairWhite1Text2 {position: absolute; font-size: 12px; margin-top: 125%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 3333;text-align: left; width: 42%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairGreen1Text2 {position: absolute; font-size: 12px; margin-top: 133%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 3333;text-align: left; width: 42%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}          

.not1{display: none;}
#full1 {position: absolute; font-size: 14px; margin-left: 5%; margin-top: 10%; color: white;letter-spacing: 11px;
        border-top: 1px solid white; width: 22%; padding: 2% 3%; z-index: 5555; line-height: 20px; display: none;}

#footer1 {position: relative; width: 80%; height: 150px; margin: 75% auto auto auto; border-top:0px solid black; 
        color: black; padding: 2% 0; opacity: .9; z-index: 1533; font-size: 12px; text-align: center; 
        padding: 3%; letter-spacing: 3px; display: block; box-sizing: border-box; display: block;}     

}


/*Iphone6 & landscape/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 627px) and (max-width: 735px){

.chair1 {display: none;}
.chair2 {display: block;}

#trigger3a {height: 2770px; background-color: white; overflow: hidden;}


.logo {width: 100%; margin: 3% auto;}
.logos { margin: 0px auto 0px auto; padding: 15px; width: 30%; border: 1px solid black; position: relative;}



.autoMo {display: block; width:100%;}
.autoMo.chairsMo {margin-bottom: 150px; background-color: white; width: 38%; z-index: 1111;}
#trans1 {z-index: 111; background-color: transparent;}

#introText2 {position: relative; font-size: 16px; margin-top: 35%; left: -87%;
          color: black; letter-spacing: 7px;z-index: 336; padding: 21px 21px; text-align: center;}

#introStreg {position: absolute; left: -9%; margin-top: -46.5%;
         z-index: 116; opacity: .7; width: 40%; z-index: 11;}


#chairBlack1Text2 {position: absolute; font-size: 12px; margin-top: 40%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairBlack2Text2 {position: absolute; font-size: 12px; margin-top: 40%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairWhite1Text2 {position: absolute; font-size: 12px; margin-top: 40%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairGreen1Text2 {position: absolute; font-size: 12px; margin-top: 40%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#full1 {position: absolute; font-size: 12px; margin-left: 5%; margin-top: 10%; color: white;letter-spacing: 11px;
        border-top: 1px solid white; width: 42%; padding: 2% 3%; z-index: 5555; line-height: 20px;}


       }


/*Iphone6+ landscape/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 736px) and (max-width: 767px){

.chair1 {display: none;}
.chair2 {display: block;}

#trigger3a {height: 2900px; background-color: white; overflow: hidden;}


.logo {width: 100%; margin: 3% auto;}
.logos { margin: 0px auto 0px auto; padding: 15px; width: 30%; border: 1px solid black; position: relative;}



.autoMo {display: block; width:100%;}
.autoMo.chairsMo {margin-bottom: 180px; background-color: white; width: 38%; z-index: 1111;}
#trans1 {z-index: 111; background-color: transparent;}

#introText2 {position: relative; font-size: 16px; margin-top: 35%; left: -87%;
          color: black; letter-spacing: 7px;z-index: 336; padding: 21px 21px; text-align: center;}

#introStreg {position: absolute; left: -9%; margin-top: -43.5%;
         z-index: 116; opacity: .7; width: 40%; z-index: 11;}


#chairBlack1Text2 {position: absolute; font-size: 12px; margin-top: 45%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairBlack2Text2 {position: absolute; font-size: 12px; margin-top: 45%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairWhite1Text2 {position: absolute; font-size: 12px; margin-top: 45%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairGreen1Text2 {position: absolute; font-size: 12px; margin-top: 45%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#full1 {position: absolute; font-size: 12px; margin-left: 5%; margin-top: 10%; color: white;letter-spacing: 11px;
        border-top: 1px solid white; width: 42%; padding: 2% 3%; z-index: 5555; line-height: 20px;}


}


/*Ipad 768x1024 portrait/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 768px) and (max-width: 1023px){

.chair1 {display: block;}
.chair2 {display: none;}

#trigger3 {height: 4900px; background-color: white; overflow: hidden;}

.col-sm-4 {width: 33.33%; padding: 15px;}
.col-sm-4  p {border: 0px solid white; font-size: 0px; margin-top: 10px; padding: 0px; text-align: center;}

.col-sm-4 img { margin: 0 auto; padding: 18px; width: 30%; border: 1px solid black;}

.logo {width: 100%; position: relative; margin-top: 5%; }
.logos { margin: 45px auto 0px auto; padding: 5%; width: 20%; border: 1px solid black; position: relative;}
.introLogos {position: relative; top: 1%;}

#trans1 {width: 50%;}
.auto.chairs { margin-bottom: 550px; margin-top: -19%; padding-top: 0%;
             position: relative; width: 65%; background-color: white; border: 0px solid red; z-index: 1111;}

#introTextDesk1 {position: relative; left: -205%; font-size: 20px; margin-top: 29%;color: black; padding: 15px 0px;
                text-align: center; letter-spacing: 11px;z-index: 344; margin-bottom: 111px;
                border-top: 0px solid black; width: 890px; line-height: 39px;}

#introStreg1a {position: absolute; margin-top: -60%; z-index: 111; opacity: 1; left: -88.9%; width: 60%; z-index: 11;}


#chairBlack1Text2 {position: absolute; font-size: 12px; margin-top: 50%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 5333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairBlack2Text2 {position: absolute; font-size: 12px; margin-top: 50%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 5333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairWhite1Text2 {position: absolute; font-size: 12px; margin-top: 50%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 5333;text-align: left; width: 52%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}

#chairGreen1Text2 {position: absolute; font-size: 12px; margin-top: 50%; margin-left: 6%; color: black; 
                   letter-spacing: 6px; z-index: 5333;text-align: left; width: 62%; padding: 2% 3%;
                    border-top: 0px; border-left: 1px solid black;}


#full1 {position: absolute; font-size: 14px; margin-left: 5%; margin-top: 10%; color: white;letter-spacing: 11px;
        border-top: 1px solid white; width: 42%; padding: 2% 3%; z-index: 5555; line-height: 20px;}


#footer1 {position: relative; width: 80%; height: 255px; margin: 175% auto auto auto; border-top: 1px solid black;
     color: black; padding: 2% 0; opacity: .9; z-index: 1533; text-align: center; padding: 3%;
     letter-spacing: 5px; box-sizing: border-box; display: block;}
      }

/*Ipad 1024x768 landscape/////////////////////////////////////*/
/*/////////////////////////////////////*/

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

.chair1 {display: block;}
.chair2 {display: none;}

#trigger3 {height: 5400px; background-color: white; overflow: hidden;}


.auto.chairs { margin-bottom: 550px; margin-top: 0%; padding-top: 0%;
             position: relative; width: 45%; background-color: white; border: 0px solid red; z-index: 1111;}


#introTextDesk1 {position: relative; left: -147.5%; font-size: 20px; margin-top: 32%;color: black; padding: 15px 0px;
                text-align: center; letter-spacing: 11px;z-index: 344; margin-bottom: 111px;
                border-top: 0px solid black; width: 890px; line-height: 39px;}

#introStreg1a {position: absolute; margin-top: -50%; z-index: 11; opacity: 1; left: -89%; width: 60%;}
/*
#introTextDesk1 {position: relative; left: -205%; font-size: 20px; margin-top: 24.5%;color: black; padding: 15px 0px;
                text-align: center; letter-spacing: 11px;z-index: 344; margin-bottom: 111px;
                border-top: 0px solid black; width: 890px; line-height: 39px;}

#introStreg1a {position: absolute; margin-top: -55%; z-index: 111; opacity: 1; left: -88.9%; width: 60%; z-index: 11;}
*/


.not {display: block;}

#footer1 {position: relative; width: 80%; height: 150px; margin: 75% auto auto auto; border-top: 1px solid black;
     color: black; padding: 2% 0; opacity: .9; z-index: 1533; text-align: center; padding: 3%;
     letter-spacing: 5px; box-sizing: border-box; display: block;}

}