.flexContainer{display:-webkit-flex;display:flex;}.flexInlineContainer{display:-webkit-inline-flex;display:inline-flex;}.flexWrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}.flexRow{-webkit-flex-direction:row;flex-direction:row;}.flexColumn{-webkit-flex-direction:column;flex-direction:column;}.flexRowReverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}.flexColumnReverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}.flexJustifyStart{-webkit-justify-content:flex-start;justify-content:flex-start;}.flexJustifyCenter{-webkit-justify-content:center;justify-content:center;}.flexJustifyEnd{-webkit-justify-content:flex-end;justify-content:flex-end;}.flexJustifySpace{-webkit-justify-content:space-between;justify-content:space-between;}.flexAlignStart{-webkit-align-items:flex-start;align-items:flex-start;}.flexAlignCenter{-webkit-align-items:center;align-items:center;}.flexAlignEnd{-webkit-align-items:flex-end;align-items:flex-end;}.flexCell{-webkit-flex-grow:1;-webkit-flex-shrink:1;-webkit-flex-basis:auto;flex-grow:1;flex-shrink:1;flex-basis:auto;}.flexAlignSelfStart{-webkit-align-self:flex-start;align-self:flex-start;}.flexAlignSelfCenter{-webkit-align-self:center;align-self:center;}.flexAlignSelfEnd{-webkit-align-self:flex-end;align-self:flex-end;}body{background-color:#ebebeb;padding:0;width:680px;max-width:calc(90%);font-family:"Helvetica Neue","Helvetica",Arial,sans-serif;overflow-x:hidden;}body>*{margin:10px;padding:10px;background-color:#fff;}body>*:first-child{margin-top:20px;}header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:25px;min-height:50px;}header h1{text-align:center;}header,footer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:25px;min-height:50px;}footer{margin-bottom:0;}main section{width:100%;padding:0;margin:0;}.SV3DSwipe.applicationContainer{box-sizing:content-box;border:none;background-color:transparent;margin:auto;}.SV3DSwipe.applicationContainer #loadingOverlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity ease-in-out .5s;-webkit-transition-delay:1s;transition-delay:1s;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:2;padding:0 10%;}.SV3DSwipe.applicationContainer #loadingOverlay progress{margin:0;width:100%;height:8px;}.SV3DSwipe.applicationContainer #loadingOverlay progress.showPercentage::before{display:block;position:absolute;top:10px;left:0;right:0;bottom:0;content:attr(value) " %";text-align:center;line-height:25px;font-weight:bold;}.SV3DSwipe.applicationContainer #loadingOverlay progress::-webkit-progress-bar{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-color:#eee;}.SV3DSwipe.applicationContainer #loadingOverlay progress::-webkit-progress-value{background:#e4001f;}.SV3DSwipe.applicationContainer #loadingOverlay progress::-moz-progress-bar{background:#e4001f;}.SV3DSwipe.applicationContainer.loading #loadingOverlay{background-color:rgba(255,255,255,.8);}.SV3DSwipe.applicationContainer.started+progress{display:none;}#configurator ul{list-style:none;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;}#configurator ul li{box-sizing:border-box;border:10px solid transparent;margin:5px;padding:10px;width:calc(25% - 10px);-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}#configurator ul li.selected,#configurator ul li:hover{border-color:#e4001f;}#configurator ul li.selected span,#configurator ul li:hover span{color:#e4001f;}#configurator ul li img{display:block;max-width:100%;}#configurator ul li span{text-align:center;text-transform:uppercase;font-weight:bold;margin-left:-100%;margin-right:-100%;display:block;}.SV3DSwipe.applicationVisualiser canvas#webcamCanvas{background-color:#fff;}.SV3DSwipe.applicationVisualiser canvas.visualiser{z-index:1;}video{display:none;}.overlayMessage{margin:10px;font-weight:bold;}.overlayMessage:not(.visible){display:none;}#message{text-align:center;text-transform:uppercase;color:#646464;}@media screen and (orientation:portrait){.SV3DSwipe.applicationContainer{height:675px;}}@media screen and (max-width:1024px){main section{padding:10px;}}@media only screen and (max-width:750px){header{-webkit-flex-direction:column;flex-direction:column;min-height:100px;}header,footer{-webkit-justify-content:center;justify-content:center;}#configurator ul li{width:calc(50% - 10px);}}