body {margin: 0px; padding: 0px; height: 100%; background-color: white; font-family: helvetica;box-sizing: border-box; } #trigger3 {height: 11700px; overflow: hidden; background-color: white;} .chair1 {display: block;} .chair2 {display: none;} .log1 {display: none;} .log3 {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-top: 5% } .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; 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: -105.6%; font-size: 16px; 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: -79%; width: 60%;} #chairBlack1Text2 {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;} #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: 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;} #chairGreen1Text2 {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;} #chairInt1Text2 {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;} #chairInt2Text2 {position: absolute; font-size: 14px; margin-top: 80%; 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;} #chairInt3Text2 {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;} #table7 {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;} #table8 {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;} #introText3 {position: absolute; left: -300px; font-size: 0px; margin-top: -40%; margin-left: 5%;color: white; letter-spacing: 11px;z-index: 3376; background-color: black; width: 110%; padding-left: 15%; padding-top: 5%; padding-bottom: 12%; margin-bottom: 22%;} #footer1 {display: none;} #tableFull1 {position: relative; font-size: 16px; margin-left: 5%; margin-top: -50%; color: white; letter-spacing: 11px; border-top: 1px solid white; text-align: left; padding: 1% 1%; width: 333px; line-height: 22px; z-index: 3333;} .not1 {z-index: 3333;} /*/////////////////////////////////////*/ /*/////////////////////////////////////*/ @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){ .chair1 {display: none;} .chair2 {display: block;} #trigger3a {height: 5400px; background-color: white; overflow: hidden;} div .col-xs-4 {width: 33.33%; padding: 15px;} div .col-xs-12 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 #333; background-color: white; } .col-xs-12 img {width: 100%; background-color: white; margin: 0 auto; overflow: hidden;} .col-xs-4 p { position: relative; margin: 0 0; text-align: center; padding: 0 0; top: -8px; width: 25%; left: 12.5%; display: none;} /*.logo:hover .pLogo { height: 0px; font-size: 13px; letter-spacing: 11px; border-bottom: 1px solid white; display: none; } a:hover {text-decoration: none;}*/ .logo {width: 100%; margin-top: 0%} .logos { margin: 0 auto; padding: 15px; width: 20%; position: relative;} /* .logo {width: 100%; margin-top: 10%} .logos { margin: 0px auto 0px auto; padding: 15px; width: 20%; border: 1px solid white; position: relative;}*/ .autoMo {display: block; width:100%;} .autoMo.chairsMo {margin-bottom: 90px; background-color: white; width: 80%; margin-top: 12%; z-index: 1111;} #trans2 {z-index: 111; background-color: transparent;} /*#introText2 {position: relative; font-size: 0px; margin-top: 70%; left: -85%; color: black; letter-spacing: 7px;z-index: 336; padding: 21px 21px;}*/ #introStreg {position: absolute; margin-top: -30%; left: 10%; z-index: 11; opacity: .7; width: 79%;} #introTextDesk1 {font-size: 0px; display: none;} /*#introStreg1a {position: absolute; margin-top: -44%; z-index: 111; opacity: 1; left: -333px; width: 0%; display: none;}*/ #chairBlack1Text2 {position: absolute; font-size: 12px; margin-top: 100%; 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: 100%; 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: 100%; 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: 100%; 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;} #chairInt1Text2 {position: absolute; font-size: 12px; margin-top: 100%; 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;} #chairInt2Text2 {position: absolute; font-size: 12px; margin-top: 100%; 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;} #table7 {position: absolute; font-size: 12px; margin-top: 100%; 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;} #table8 {position: absolute; font-size: 12px; margin-top: 100%; 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;} #tableFull1 {position: relative; font-size: 16px; margin-left: 6%; margin-top: -50%; color: white; letter-spacing: 11px; border-top: 1px solid white; text-align: center; padding: 11px 11px; width: 333px; line-height: 26px; display: none;} .not1 {display: none;} #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; 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: 6200px; 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; display: none;} .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: 300px; background-color: white; width: 90%; margin-top: -68%; border: 0px solid red; z-index: 1111;} #trans2 {z-index: 111; background-color: transparent;} #introText2 {position: relative; font-size: 0px; margin-top: 70%; left: -82%; color: black; letter-spacing: 7px;z-index: 336; padding: 21px 21px;} #introStreg {position: absolute; left: 10.3%; margin-top: -106%; z-index: 11; opacity: .7; width: 79%;} #chairBlack1Text2 {position: absolute; font-size: 12px; margin-top: 19%; 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: 19%; 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: 19%; 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: 19%; 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;} #chairInt1Text2 {position: absolute; font-size: 12px; margin-top: 19%; 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;} #chairInt2Text2 {position: absolute; font-size: 12px; margin-top: 19%; 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;} #table7 {position: absolute; font-size: 12px; margin-top: 19%; 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;} #table8 {position: absolute; font-size: 12px; margin-top: 19%; 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;} #tableFull1 {position: relative; font-size: 16px; margin-left: 6%; margin-top: -50%; color: white; letter-spacing: 11px; border-top: 1px solid white; text-align: center; padding: 11px 11px; width: 333px; line-height: 26px; display: none;} .not1 {display: none;} #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; 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: 3900px; 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: 20px; background-color: white; width: 40%; border: 0px solid red; z-index: 1111;} #trans2 {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: -10%; margin-top: -48%; z-index: 111; opacity: .7; width: 40%;} #chairInt2Text2 {position: absolute; font-size: 12px; margin-top: 40%; 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;} #chairBlack1Text2 {position: absolute; font-size: 12px; margin-top: 40%; 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: 40%; 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: 40%; 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: 40%; 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;} #chairInt1Text2 {position: absolute; font-size: 12px; margin-top: 40%; 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;} #table7 {position: absolute; font-size: 12px; margin-top: 40%; 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;} #table8 {position: absolute; font-size: 12px; margin-top: 40%; 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;} #tableFull1 {position: relative; font-size: 12px; margin-left: 6%; margin-top: -50%; color: white; letter-spacing: 11px; border-top: 1px solid white; text-align: left; padding: 11px 11px; width: 333px; line-height: 26px; } } /*Iphone6+ landscape/////////////////////////////////////*/ /*/////////////////////////////////////*/ @media screen and (min-width: 736px) and (max-width: 767px){ .chair1 {display: none;} .chair2 {display: block;} #trigger3a {height: 4960px; 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: 120px; background-color: white; width: 40%; border: 0px solid red; z-index: 1111;} #trans2 {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: -10%; margin-top: -48%; z-index: 11; opacity: .7; width: 40%;} #chairInt2Text2 {position: absolute; font-size: 12px; margin-top: 40%; 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;} #chairBlack1Text2 {position: absolute; font-size: 12px; margin-top: 40%; 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: 40%; 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: 40%; 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: 40%; 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;} #chairInt1Text2 {position: absolute; font-size: 12px; margin-top: 40%; 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;} #table7 {position: absolute; font-size: 12px; margin-top: 40%; 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;} #table8 {position: absolute; font-size: 12px; margin-top: 40%; 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;} #tableFull1 {position: relative; font-size: 12px; margin-left: 6%; margin-top: -50%; color: white; letter-spacing: 11px; border-top: 1px solid white; text-align: left; padding: 11px 11px; width: 333px; line-height: 20px; } } /*Ipad 768x1024 portrait/////////////////////////////////////*/ /*/////////////////////////////////////*/ @media screen and (min-width: 768px) and (max-width: 1023px){ .chair1 {display: block;} .chair2 {display: none;} #trigger3 {height: 8900px; 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%;} .auto.chairs { margin-bottom: 550px; margin-top: -30%; 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: 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;}*/ #introTextDesk1 {position: relative; left: -192%; 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: 11; opacity: 1; left: -79%; width: 60%;} #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: 8900px; background-color: white; overflow: hidden;} .auto.chairs { margin-bottom: 550px; margin-top: -10%; padding-top: 0%; position: relative; width: 45%; background-color: white; border: 0px solid red; z-index: 1111;} #introTextDesk1 {position: relative; left: -137.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: -79%; width: 60%;} .not {display: block;} #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: block;} }