#content #samples{position:relative;min-height:290px;padding:20px;background:white;background:-moz-linear-gradient(-62deg,#c8c8c8 0,#fff 53%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#c8c8c8),color-stop(53%,#fff));background:-webkit-linear-gradient(-62deg,#c8c8c8 0,#fff 53%);background:-o-linear-gradient(-62deg,#c8c8c8 0,#fff 53%);background:-ms-linear-gradient(-62deg,#c8c8c8 0,#fff 53%);background:linear-gradient(118deg,#c8c8c8 0,#fff 53%);overflow:hidden}#samples div{position:absolute;top:30px;right:20px;width:380px;height:320px}#samples img{position:absolute;visibility:hidden;opacity:0;-moz-transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility 0s .2s;-ms-transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility 0s .2s;-o-transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility 0s .2s;-webkit-transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility 0s .2s;transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility 0s .2s}#samples .sample-1,#samples .sample-2,#samples .sample-3{visibility:visible;opacity:1}#samples .sample-0{top:40px;left:0;z-index:1005}#samples .sample-1{top:30px;left:20px;z-index:1004}#samples .sample-2{top:20px;left:40px;z-index:1003}#samples .sample-3{top:10px;left:60px;z-index:1002}#samples .sample-1,#samples .sample-3{-moz-transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility .2s 0s;-ms-transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility .2s 0s;-o-transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility .2s 0s;-webkit-transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility .2s 0s;transition:left .2s 0s,top .2s 0s,opacity .2s 0s,visibility .2s 0s}#samples .sample-4{top:0;left:80px;z-index:1001}#samples a{opacity:.5;display:block;position:absolute;top:120px;width:20px;height:41px;text-indent:-1000em;overflow:hidden;background:center no-repeat;-moz-transition:opacity .2s 0s;-ms-transition:opacity .2s 0s;-o-transition:opacity .2s 0s;-webkit-transition:opacity .2s 0s;transition:opacity .2s 0s}#samples a:hover{opacity:1}#samples .prev{left:-10px;background-image:url(/content/images/web-and-apps/prev.png)}#samples .next{right:-10px;background-image:url(/content/images/web-and-apps/next.png)}#samples h2,#samples h3,#samples p{margin-right:450px}#samples h2{margin:20px 0;font-size:30px;font-weight:600;line-height:100%}#samples h3{margin-bottom:20px;font-size:20px;line-height:140%}@media screen and (max-width:730px),projection and (max-width:730px){#content #samples{min-height:230px}#samples>div{width:280px;height:250px}#samples img{width:200px}#samples a{top:70px}#samples h2,#samples h3,#samples p{margin-right:330px}}@media screen and (max-width:630px),projection and (max-width:630px){#content #samples{min-height:0;background:white}#samples>div{top:auto;bottom:20px;right:50%;height:190px;margin-right:-140px}#samples h2,#samples h3,#samples p{margin-right:0}#samples p{margin-bottom:200px}}@media screen and (max-width:400px),projection and (max-width:400px){#samples h2,#samples h3,#samples p{text-align:center}}@media screen and (max-width:320px),projection and (max-width:320px){#samples>div{width:230px;height:170px;margin-right:-115px}#samples img{width:150px}#samples a{top:50px}}#content #devices{background:url(/content/images/web-and-apps/devices-bg.jpg) top no-repeat}#devices h2{position:relative;width:200px;margin:20px 0 0 10px;line-height:100%;font-size:30px;font-weight:600;z-index:1000}#devices p{margin:-60px 0 0 0;padding:300px 380px 30px 10px;background:url(/content/images/web-and-apps/devices.png) top no-repeat;font-size:16px}@media screen and (max-width:760px),projection and (max-width:760px){#devices p{padding-right:270px;background:url(/content/images/web-and-apps/devices-small.png) right -30px no-repeat}}@media screen and (max-width:660px),projection and (max-width:660px){#devices p{padding-top:320px;padding-right:10px;background:url(/content/images/web-and-apps/devices-small2.png) right -30px no-repeat}}@media screen and (max-width:520px),projection and (max-width:520px){#devices p{padding-top:250px;background:url(/content/images/web-and-apps/devices-small3.png) right -30px no-repeat}}@media screen and (max-width:400px),projection and (max-width:400px){#devices h2{width:auto;margin:20px 10px 0 10px;text-align:center}#devices p{margin-top:0;background:url(/content/images/web-and-apps/devices-small3.png) center -30px no-repeat;text-align:center}}@media screen and (max-width:340px),projection and (max-width:340px){#devices p{margin-top:0;padding-top:170px;padding-bottom:10px;background:url(/content/images/web-and-apps/devices-small4.png) center -10px no-repeat}}@media screen and (max-width:250px),projection and (max-width:250px){#content #devices{background:white}}#content #package{background:white url(/content/images/web-and-apps/package-bg.png) left bottom no-repeat}#package h2{margin:30px 30px 20px 350px;font-size:30px;font-weight:600}#package p{margin:0 30px 20px 350px;font-size:16px}#package ul{margin:0 30px 20px 370px}#package ul li{margin-top:10px;padding-left:60px;background:url(/content/images/web-and-apps/check.png) left no-repeat}#package ul li:first-child{margin-top:0}#package ul li h3{font-size:18px;font-weight:600}#package ul li p{margin:5px 0 0 0;font-size:14px;font-weight:300}@media screen and (max-width:820px),projection and (max-width:820px){#content #package{min-height:540px}#package h2{margin:30px 30px 20px 30px;text-align:center}#package>p{margin:0 30px 20px 30px;text-align:center}}@media screen and (max-width:740px),projection and (max-width:740px){#content #package{background-image:url(/content/images/web-and-apps/package-bg-small.png);min-height:0}#package ul{margin:0 30px 20px 240px}}@media screen and (max-width:620px),projection and (max-width:620px){#content #package{background:white url(/content/images/web-and-apps/box.png) -30px 20px no-repeat}#package h2,#package>p{margin:20px 20px 20px 140px;text-align:left}#package h2{font-size:29px}#package ul{margin:40px 20px 20px 20px}#package ul li{padding-left:60px;background:url(/content/images/web-and-apps/check.png) left no-repeat}}@media screen and (max-width:460px),projection and (max-width:460px){#content #package{background-position:-40px 20px}#package h2,#package>p{margin:20px 10px 20px 120px}#package h2{font-size:25px}#package>p{font-size:15px}#package ul{margin:20px}}@media screen and (max-width:400px),projection and (max-width:400px){#package h2{font-size:22px}#package>p{font-size:14px}#package ul{margin:10px}}@media screen and (max-width:380px),projection and (max-width:380px){#content #package{background:white}#package h2,#package>p{margin:10px 10px 20px 10px;text-align:center}#package ul{padding-top:120px;background:url(/content/images/web-and-apps/box.png) center -20px no-repeat}#package ul li{padding-left:0;background:0;text-align:center}#package ul li h3{font-size:15px}}