.js-fullwidth{transition:background-color .5s ease-in-out}.center{width:100%;margin:0}#divChoosePngColor{text-align:center}.favColors{width:100%}.colorBox{width:26px;height:25px;float:left;border:2px solid transparent}.colorBox.active{border:2px solid #000;position:relative;z-index:2}.active:before{border:2px solid #fff;bottom:1px;content:"";display:block;left:1px;position:absolute;right:1px;top:1px;z-index:-1}.wrapper{margin:0 auto;max-width:1200px;width:90%}.iframes{min-height:600px;position:relative;left:0}.iframes iframe{transform:scale(.219);-webkit-transform:scale(.219);-o-transform:scale(.219);-ms-transform:scale(.219);-moz-transform:scale(.219);transform-origin:top left;-webkit-transform-origin:top left;-o-transform-origin:top left;-ms-transform-origin:top left;-moz-transform-origin:top left;margin:0;padding:0;position:relative;background-color:#fff;border-color:#000}.desktop,.notebook,.smartphone,.tablet{position:absolute;background-repeat:no-repeat;background-size:100%;overflow:hidden}.desktop{position:relative;width:566px;height:538px;background-image:url(/build/images/desktop.6da67105.svg);top:0;margin:0 auto}.notebook{background-image:url(/build/images/notebook.6c4fc410.png);width:477px;height:307px;top:264px;right:10px;margin:0 auto;z-index:1}.tablet{background-image:url(/build/images/tablet.c3afcbf6.png);width:246px;height:400px;z-index:2;left:160px;top:230px}.smartphone{background-image:url(/build/images/smartphone.8e19aa9c.svg);width:95px;height:196px;top:375px;left:332px;z-index:2}.desktop iframe{left:26px;top:27px;width:1600px;height:890px;transform:scale(.3223);-webkit-transform:scale(.3223);-o-transform:scale(.3223);-ms-transform:scale(.3223);-moz-transform:scale(.3223)}.notebook iframe{height:796px;left:76px;top:23px;width:1280px}.notebook iframe,.tablet iframe{transform:scale(.252);-webkit-transform:scale(.252);-o-transform:scale(.252);-ms-transform:scale(.252);-moz-transform:scale(.252)}.tablet iframe{width:768px;height:853px;top:28px;left:28px}#smartphone iframe{width:315px;height:519px;top:26px;left:14px;transform:scale(.252);-webkit-transform:scale(.22);-o-transform:scale(.22);-ms-transform:scale(.22);-moz-transform:scale(.22)}label{transition:all .5s ease-in-out}input#farbcode{width:65px!important;transition:all .5s ease-in-out;outline:none;padding:3px 0 3px 3px;margin:5px 1px 3px 0;color:#000}@media only screen and (max-width:1160px){.iframes{height:550px}.notebook{left:490px}.tablet{left:40px}.smartphone{left:210px}input{width:88%}}@media only screen and (max-width:1070px){.iframes{transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);-moz-transform:scale(.9)}}@media only screen and (max-width:1000px){.iframes{height:500px;transform:scale(.75);-webkit-transform:scale(.75);-o-transform:scale(.8);-ms-transform:scale(.8);-moz-transform:scale(.75);top:-40px;overflow:visible}.notebook{left:485px}.tablet{left:-45px}.smartphone{left:131px}}@media only screen and (max-width:850px){.iframes{height:500px;transform:scale(.65);-webkit-transform:scale(.65);-o-transform:scale(.65);-ms-transform:scale(.65);-moz-transform:scale(.65);overflow:visible}.notebook{left:450px}.tablet{left:-80px}.smartphone{left:100px}}@media only screen and (max-width:768px){.iframes{height:450px;transform:scale(.55);-webkit-transform:scale(.55);-o-transform:scale(.55);-ms-transform:scale(.55);-moz-transform:scale(.55)}.notebook{left:430px}.tablet{left:-120px}.smartphone{left:55px}a.button{font-size:1.6em;line-height:1.75em;margin-top:.5em;width:100%}input{height:1.2em;width:100%}}@media only screen and (max-width:670px){#colorForm{display:none}.framebox{height:1200px}.iframes{height:400px;transform:scale(1);-webkit-transform:scale(.45);-o-transform:scale(.45);-ms-transform:scale(.45);-moz-transform:scale(1)}.desktop{top:30px}.notebook{margin:0 auto;left:0;top:620px;transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5)}.tablet{top:1200px;transform:scale(1.8);-webkit-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);-moz-transform:scale(2)}.smartphone,.tablet{margin:0 auto;left:0;right:0}.smartphone{top:1900px;transform:scale(3.8);-webkit-transform:scale(3.8);-o-transform:scale(3.8);-ms-transform:scale(3.8);-moz-transform:scale(3.8)}}@media only screen and (max-width:580px){a.button,input{width:100%}a.button{float:left;font-size:1.4em;margin-top:.5em}}@media only screen and (max-width:560px){.iframes{height:270px;top:-65px;transform:scale(.38);-webkit-transform:scale(.38);-o-transform:scale(.38);-ms-transform:scale(.38);-moz-transform:scale(.38)}.desktop{margin:0 auto;right:0;top:-100px;left:-50px;transform:scale(1.9);-webkit-transform:scale(1.9);-o-transform:scale(1.9);-ms-transform:scale(1.9);-moz-transform:scale(1.9)}.notebook{top:800px;transform:scale(2.5);-webkit-transform:scale(2.5);-o-transform:scale(2.5);-ms-transform:scale(2.5);-moz-transform:scale(2.5)}.tablet{top:1800px;transform:scale(3.5);-webkit-transform:scale(3.5);-o-transform:scale(3.5);-ms-transform:scale(3.5);-moz-transform:scale(3.5)}.smartphone{top:3050px;transform:scale(7.5);-webkit-transform:scale(7.5);-o-transform:scale(7.5);-ms-transform:scale(7.5);-moz-transform:scale(7.5)}a.button{font-size:1.6em;line-height:1.75em;margin-top:.5em;width:100%}.framebox{height:1600px}}@media only screen and (max-width:500px){.desktop{margin:0 auto;right:0;top:-100px;left:-50px;transform:scale(1.9);-webkit-transform:scale(1.9);-o-transform:scale(1.9);-ms-transform:scale(1.9);-moz-transform:scale(1.9)}.notebook{top:800px;transform:scale(2.5);-webkit-transform:scale(2.5);-o-transform:scale(2.5);-ms-transform:scale(2.5);-moz-transform:scale(2.5)}.tablet{top:1800px;transform:scale(3.5);-webkit-transform:scale(3.5);-o-transform:scale(3.5);-ms-transform:scale(3.5);-moz-transform:scale(3.5)}.smartphone{top:3050px;transform:scale(7.5);-webkit-transform:scale(7.5);-o-transform:scale(7.5);-ms-transform:scale(7.5);-moz-transform:scale(7.5)}}@media only screen and (max-width:440px){.iframes{top:-65px;transform:scale(.35);-webkit-transform:scale(.35);-o-transform:scale(.35);-ms-transform:scale(.35);-moz-transform:scale(.35);margin:0 auto;left:-32px}.desktop{margin:0 auto;right:0;top:-100px;left:0;transform:scale(1.9);-webkit-transform:scale(1.9);-o-transform:scale(1.9);-ms-transform:scale(1.9);-moz-transform:scale(1.9)}.notebook{top:800px;transform:scale(2.2);-webkit-transform:scale(2.2);-o-transform:scale(2.2);-ms-transform:scale(2.2);-moz-transform:scale(2.2)}.tablet{top:1800px;transform:scale(3.5);-webkit-transform:scale(3.5);-o-transform:scale(3.5);-ms-transform:scale(3.5);-moz-transform:scale(3.5)}.smartphone{top:3050px;transform:scale(7.5);-webkit-transform:scale(7.5);-o-transform:scale(7.5);-ms-transform:scale(7.5);-moz-transform:scale(7.5)}a.button{font-size:1.6em;line-height:1.75em;margin-top:.5em;width:100%}.framebox{height:1500px}}@media only screen and (max-width:380px){.iframes{height:235px;margin:0 auto;top:-65px;transform:scale(.27);-webkit-transform:scale(.27);-o-transform:scale(.27);-ms-transform:scale(.27);-moz-transform:scale(.27);left:-83px}.desktop{margin:0 auto;right:0;top:-100px;left:170px;transform:scale(1.9);-webkit-transform:scale(1.9);-o-transform:scale(1.9);-ms-transform:scale(1.9);-moz-transform:scale(1.9)}.notebook{left:215px;top:800px;transform:scale(2.2);-webkit-transform:scale(2.2);-o-transform:scale(2.2);-ms-transform:scale(2.2);-moz-transform:scale(2.2)}.tablet{left:325px;top:1800px;transform:scale(3.5);-webkit-transform:scale(3.5);-o-transform:scale(3.5);-ms-transform:scale(3.5);-moz-transform:scale(3.5)}.smartphone{left:390px;top:3050px;transform:scale(7.5);-webkit-transform:scale(7.5);-o-transform:scale(7.5);-ms-transform:scale(7.5);-moz-transform:scale(7.5)}h1{font-size:1.2em}p{margin:1em}}@media only screen and (max-width:340px){input#url{width:65%!important}.framebox{height:1200px}}