html, body{ width: 100%; height: 100%; font: 16px/24px Montserrat, sans-serif; color: rgb(31, 46, 71); }
body{ margin: 0px; padding: 0px; background: #fff; }
input, button{ font: 16px/24px Montserrat, sans-serif; } 
button{ outline: none; padding: 10px 30px; border: 1px solid #f80; border-radius: 50px; background: #f80; box-shadow: 0px 10px 30px -8px rgba(0,0,0,0.16); color: #fff; white-space: nowrap; cursor: pointer; transition: .3s; }
button:hover{ border-color: rgb(255, 128, 102); background: #fff; color: rgb(255, 128, 102); transition: .3s; }

h1{ margin: 60px 0 75px 0; font-size: 2.5rem; line-height: 52px; font-weight: 500; text-align: center; color: #000; }
h2{ margin: 90px 0; font-size: 2.5rem; line-height: 52px; font-weight: 400; text-align: center; color: #000; }
h2.extraspace{ margin: 175px 0 120px 0; }
h3{ margin: 10px 0; font-size: 1.375rem; line-height: 26px; font-weight: 700; text-align: center; }

iframe{ border: 0; }

div.wrapper{ min-height: 100vh; }
div.container{ max-width: 1140px; margin: 0 auto; padding: 0 20px 90px 20px; box-sizeing: border-box; }
div.container:before{ content: ""; display: table; }

p{ margin: 40px 0; padding: 0; }

ul{ margin: 0; padding: 0; list-style: none; }
ul>li{ position: relative; padding: 0 0 20px 30px; text-align: left; }
ul>li:before{ content: ""; position: absolute; left: 4px; top: 0; width: 10px; height: 14px; border: 4px solid rgb(31, 46, 71); border-left: 0; border-top: 0; transform: rotate(45deg); }
ul.bigfont>li{ font-size: 1.25rem; line-height: 30px; }
ul.big>li{ padding: 0 0 50px 20px; text-align: left; font-size: 1.375rem; line-height: 33px; }
ul.big>li:before{ top: 8px; width: 6px; height: 10px; border-width: 3px; }

div.block1{ display: flex; justify-content: space-between; align-items: center; }
div.block1 h2{ margin: 0 0 30px 0; font-size: 1.625rem; line-height: 34px; font-weight: 500; text-align: left; }
div.block1>div{ width: 49%; }
div.block1>div:first-child{ text-align: right; }
div.block1>div:last-child{ text-align: left; }
div.block1>div:first-child img{ max-width: 100%; height: auto; }
div.block1>div:last-child ul{ margin-bottom: 42px; padding-bottom: 28px; border-bottom: 1px solid #000; }
div.block1>div:last-child p:last-child{ margin-bottom: 0; text-align: center; }
div.block1>div:last-child p:last-child button i{ margin: 5px 0 0 10px; }

div.block2{ display: flex; justify-content: space-between; align-items: top; }
div.block2>div{ width: 32%; text-align: center; }
div.block2>div>p:first-child{ margin: 0; }
div.block2>div>p:nth-child(2){ margin: 20px 0 -20px 0; font-size: 1.375rem; }
div.block2>div>p:last-child{ margin-bottom: 0; }
div.block2 i.fa{ font-size: 50px; color: #818a91; }

div.block3{ display: flex; justify-content: space-between; align-items: top; margin-bottom: 150px; }
div.block3>div{ width: 32%; text-align: center; }
div.block3>div>p:first-child{ margin: 20px 0 -20px 0; font-size: 1.375rem; }
div.block3>div>p:last-child{ margin-bottom: 0; }

div.blockFrom{ width: 50%; margin: 0 auto; }
div.blockFrom.popup{ width: 350px; }
div.blockFrom.withLeft, div.blockFrom.withRight, div.blockFrom.withBoth{ display: flex; justify-content: space-between; align-items: center; width: 100%; }
div.blockFrom.withLeft>div, div.blockFrom.withRight>div{ width: 48%; }
div.blockFrom.withBoth>div{ width: 32%; }
div.blockFrom h2{ margin: 0 0 30px 0; font-size: 1.625rem; line-height: 34px; font-weight: 500; text-align: left; }
div.blockFrom form{ box-sizing: border-box; width: 100%; padding: 32px; background: rgba(178,178,178,0); border: 1px solid rgba(0,0,0,0.3); border-radius: 15px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); }
div.blockFrom.popup form{ border: 0; box-shadow: none; padding: 0; }
div.blockFrom form>div{ margin-bottom: 30px; }
div.blockFrom form>div:last-child{ margin-bottom: 15px; }
div.blockFrom form>div span{ display: block; margin-bottom: 2px; }
div.blockFrom form input{ outline: 0; box-sizing: border-box; width: 100%; margin: 0; padding: 7px; border: 1px solid hsl( 217, 50%, 73% ); border-radius: 4px; transition: .2s; }
div.blockFrom form input:focus{ border-color: #000; transition: .2s; }
div.blockFrom form button:not(.bot){ outline: none; width: 100%; padding: 15px 0; border: 1px solid #f80; border-radius: 21px; background: #f80; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); font-weight: bold; color: #fff; white-space: nowrap; cursor: pointer; transition: .3s; }
div.blockFrom.popup form button:not(.bot){ box-shadow: none; }
div.blockFrom form button:not(.bot):hover{ border-color: rgb(255, 128, 102); background: #fff; color: rgb(255, 128, 102); transition: .3s; }
.bots{ padding-top: 10px; text-align: center; font-size: 0; }
.bots h3{ margin: 10px 0; font-size: 1rem; line-height: 26px; font-weight: 700; text-align: center; }
.bots button{ background: none; margin: 10px 30px 0px 30px; padding: 0; border: none; border-radius: 0; box-shadow: none; }

button{ outline: none; padding: 10px 30px; border: 1px solid #f80; border-radius: 50px; background: #f80; box-shadow: 0px 10px 30px -8px rgba(0,0,0,0.16); color: #fff; white-space: nowrap; cursor: pointer; transition: .3s; }
button:hover{ border-color: rgb(255, 128, 102); background: #fff; color: rgb(255, 128, 102); transition: .3s; }


div.video{ max-width: 777px; margin: 0 auto; }
div.video>div{ position: relative; padding-bottom: 56.241%; }
div.video>div>iframe{ position: absolute; width: 100%; height: 100%; }

div.popupFrameOverlay{ display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.8); }
div.popupFrame{ display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; }
div.popupFrame>div{ position: absolute; left: 0px; top: 0px; padding: 0px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(128,128,128,0.6); }
div.popupFrame>div>div{ position: relative; left: 0px; top: 0px; z-index: 1; margin: 30px; overflow: hidden; }
div.popupFrame>div>div>div{ position: absolute; left: 0px; top: 0px; width: 10000px; height: 10000px; }
div.popupFrame>div>div>div>div{ display: inline-block; position: relative; }
div.popupFrame.popupImages>div>div>div>div{ line-height: 1px; }
a.popupFrameClose{ display: block; position: fixed; z-index: 4; right: 0px; top: 0px; width: 40px; height: 40px; background: url(/images/close.png) center center no-repeat; text-decoration: none; cursor: pointer; opacity: 0.5; transition: opacity .2s ease-in-out; }
a.popupFrameClose:hover{ opacity: 1; transition: opacity .1s ease-in-out; }
a.popupFrameLeft{ display: block; position: fixed; z-index: 4; left: 9px; top: 50%; width: 38px; height: 76px; margin-top: -38px; background: url(/images/leftright.png) 0px 0px no-repeat; text-decoration: none; cursor: pointer; opacity: 0.5; transition: opacity .2s ease-in-out; }
a.popupFrameLeft:hover{ opacity: 1; }
a.popupFrameLeft:before{ content: ""; display: block; position: fixed; left: 0; top: 0; width: 50%; height: 100%; }
a.popupFrameRight{ display: block; position: fixed; z-index: 4; right: 9px; top: 50%; width: 38px; height: 76px; margin-top: -38px; background: url(/images/leftright.png) -38px 0px no-repeat; text-decoration: none; cursor: pointer; opacity: 0.5; transition: opacity .2s ease-in-out; }
a.popupFrameRight:hover{ opacity: 1; }
a.popupFrameRight:before{ content: ""; display: block; position: fixed; left: 50%; top: 0; width: 50%; height: 100%; }

div.popupFrameMessage{ }
div.popupFrameMessage>div{ padding: 20px; }
div.popupFrameMessage a.popupFrameClose, div.popupFrameMessage a.popupFrameClose:hover, div.popupFrameMessage a.popupFrameClose:active, div.popupFrameMessage a.popupFrameClose:visited{ display: none; }

div.dialogButtons, div.popupButtons{ text-align: center; margin: 40px 0px 0px 0px; }
div.dialogButtons button, div.popupButtons input[type="submit"], div.popupButtons input[type="button"]{ margin: 0 20px; }
div.dialogButtons button:first-child, div.popupButtons input[type="submit"]:first-child, div.popupButtons input[type="button"]:first-child{ margin-left: 0; }
div.dialogButtons button:last-child, div.popupButtons input[type="submit"]:last-child, div.popupButtons input[type="button"]:last-child{ margin-right: 0; }

#showroom{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #222; }
#showroom .progress{ position: relative; display: flex; width: 300px; height: 6px; margin: 12px auto 0px auto; list-style: none; z-index: 1000; }
#showroom .progress div{ flex:1 1 auto; height: 6px; overflow: hidden; margin: 0 3px; border-radius: 5px; background: #777; }
#showroom .progress div span{ display: block; height: 100%; width: 0; background: #fff; }
#showroom .imageContainer{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.popupButton{ position: fixed; z-index: 1; left: 50%; bottom: 25px; transform: translate(-50%, 0); }

@media(max-width: 900px){
    div.block1{ display: block; }
    div.block1>div{ width: 100%; }
    div.block1>div:first-child{ margin-bottom: 30px; text-align: left; }
    div.block1>div:first-child img{ width: 85%; }
    div.block2{ display: block; }
    div.block2>div{ width: 100%; margin-top: 40px; }
    div.block2>div:first-child{ margin-top: 0; }
    div.block3{ display: block; }
    div.block3>div{ width: 100%; margin-top: 40px; }
    div.block3>div:first-child{ margin-top: 0; }
    div.blockFrom{ width: 100% !important; }
    div.blockFrom.withLeft, div.blockFrom.withRight, div.blockFrom.withBoth{ display: block; }
    div.blockFrom.withLeft>div, div.blockFrom.withRight>div, div.blockFrom.withBoth>div{ width: 100%; }
}
@media(max-width: 500px){
    div.popupFrame>div>div>div>div{ max-width: 300px; }
}