.device-mockup {
 position:relative;
 width:100%;
 padding-bottom:61.775701%
}
.device-mockup>.device {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 width:100%;
 height:100%;
 background-size:100% 100%;
 background-repeat:no-repeat;
 background-image:url(macbook/macbook.png)
}
.device-mockup>.device>.screen {
 position:absolute;
 top:11.0438729%;
 bottom:14.6747352%;
 left:13.364486%;
 right:13.364486%;
}
.device-mockup>.device>.button {
 position:absolute;
 top:0;
 left:0;
 display:none;
 overflow:hidden;
 border-radius:100%;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 cursor:pointer
}
.device-mockup.imac {
 padding-bottom:81.230769%
}
.device-mockup.imac>.device {
 background-image:url(imac/imac.png)
}
.device-mockup.imac>.device>.screen {
 top:8.20707071%;
 bottom:31.6919192%;
 left:6.61538462%;
 right:6.61538462%
}
.device-mockup.macbook {
 padding-bottom:61.775701%
}
.device-mockup.macbook>.device {
 background-image:url(macbook/macbook.png)
}
.device-mockup.macbook>.device>.screen {
 top:11.0438729%;
 bottom:14.6747352%;
 left:13.364486%;
 right:13.364486%
}
.device-mockup.macbook_2015 {
 padding-bottom:57.5%
}
.device-mockup.macbook_2015.grey>.device,.device-mockup.macbook_2015>.device {
 background-image:url(macbook_2015/grey.png)
}
.device-mockup.macbook_2015.silver>.device,.device-mockup.macbook_2015>.device {
 background-image:url(macbook_2015/silver.png)
}
.device-mockup.macbook_2015.gold>.device,.device-mockup.macbook_2015>.device {
 background-image:url(macbook_2015/gold.png)
}
.device-mockup.macbook_2015>.device>.screen {
 top:7.5%;
 bottom:10.9%;
 left:12.46%;
 right:12.56%
}
.device-mockup.iphone5,.device-mockup.iphone5.portrait {
 padding-bottom:210.57%
}
.device-mockup.iphone5.landscape {
 padding-bottom:47.49%
}
.device-mockup.iphone5.black>.device,.device-mockup.iphone5.portrait.black>.device,.device-mockup.iphone5>.device {
 background-image:url(iphone5/iphone5_port_black.png)
}
.device-mockup.iphone5.landscape.black>.device,.device-mockup.iphone5.landscape>.device {
 background-image:url(iphone5/iphone5_land_black.png)
}
.device-mockup.iphone5.portrait.white>.device,.device-mockup.iphone5.white>.device {
 background-image:url(iphone5/iphone5_port_white.png)
}
.device-mockup.iphone5.landscape.white>.device {
 background-image:url(iphone5/iphone5_land_white.png)
}
.device-mockup.iphone5.portrait>.device>.screen,.device-mockup.iphone5>.device>.screen {
 top:14.78%;
 bottom:13.78%;
 left:8.77%;
 right:7.77%
}
.device-mockup.iphone5.landscape>.device>.screen {
 top:7.422488%;
 bottom:8.422488%;
 left:14.919127%;
 right:14.019127%
}
.device-mockup.iphone5.portrait>.device>.button,.device-mockup.iphone5>.device>.button {
 display:block;
 top:88.3%;
 bottom:2.5%;
 left:40%;
 right:40%
}
.device-mockup.iphone5.landscape>.device>.button {
 display:block;
 top:40%;
 bottom:41%;
 left:88.4%;
 right:2.3%
}
.device-mockup.iphone_se,.device-mockup.iphone_se.portrait {
 padding-bottom:209.83%
}
.device-mockup.iphone_se.landscape {
 padding-bottom:47.66%
}
.device-mockup.iphone_se.black>.device,.device-mockup.iphone_se.portrait.black>.device,.device-mockup.iphone_se>.device {
 background-image:url(iphone_se/iphone_se_port_black.png)
}
.device-mockup.iphone_se.landscape.black>.device,.device-mockup.iphone_se.landscape>.device {
 background-image:url(iphone_se/iphone_se_land_black.png)
}
.device-mockup.iphone_se.portrait.white>.device,.device-mockup.iphone_se.white>.device {
 background-image:url(iphone_se/iphone_se_port_white.png)
}
.device-mockup.iphone_se.landscape.white>.device {
 background-image:url(iphone_se/iphone_se_land_white.png)
}
.device-mockup.iphone_se.gold>.device,.device-mockup.iphone_se.portrait.gold>.device {
 background-image:url(iphone_se/iphone_se_port_gold.png)
}
.device-mockup.iphone_se.landscape.gold>.device {
 background-image:url(iphone_se/iphone_se_land_gold.png)
}
.device-mockup.iphone_se.portrait.rose>.device,.device-mockup.iphone_se.rose>.device {
 background-image:url(iphone_se/iphone_se_port_rose.png)
}
.device-mockup.iphone_se.landscape.rose>.device {
 background-image:url(iphone_se/iphone_se_land_rose.png)
}
.device-mockup.iphone_se.portrait>.device>.screen,.device-mockup.iphone_se>.device>.screen {
 top:16.28%;
 bottom:16.28%;
 left:11.77%;
 right:11.77%
}
.device-mockup.iphone_se.landscape>.device>.screen {
 top:11.722488%;
 bottom:11.722488%;
 left:16.0191273%;
 right:16.0191273%
}
.device-mockup.iphone_se.portrait>.device>.button,.device-mockup.iphone_se>.device>.button {
 display:block;
 top:86.3%;
 bottom:5.5%;
 left:42%;
 right:42%
}
.device-mockup.iphone_se.landscape>.device>.button {
 display:block;
 top:42%;
 bottom:42%;
 left:86.4%;
 right:5.1%
}
.device-mockup.iphone6,.device-mockup.iphone6.portrait {
 padding-bottom:207.19%
}
.device-mockup.iphone6.landscape {
 padding-bottom:48.76%
}
.device-mockup.iphone6.black>.device,.device-mockup.iphone6.portrait.black>.device,.device-mockup.iphone6>.device {
 background-image:url(iphone_6/iphone_6_port_black.png)
}
.device-mockup.iphone6.landscape.black>.device,.device-mockup.iphone6.landscape>.device {
 background-image:url(iphone_6/iphone_6_land_black.png)
}
.device-mockup.iphone6.portrait.white>.device,.device-mockup.iphone6.white>.device {
 background-image:url(iphone_6/iphone_6_port_white.png)
}
.device-mockup.iphone6.landscape.white>.device {
 background-image:url(iphone_6/iphone_6_land_white.png)
}
.device-mockup.iphone6.gold>.device,.device-mockup.iphone6.portrait.gold>.device {
 background-image:url(iphone_6/iphone_6_port_gold.png)
}
.device-mockup.iphone6.landscape.gold>.device {
 background-image:url(iphone_6/iphone_6_land_gold.png)
}
.device-mockup.iphone6.portrait>.device>.screen,.device-mockup.iphone6>.device>.screen {
 top:12.58%;
 bottom:12.88%;
 left:6.77%;
 right:6.77%
}
.device-mockup.iphone6.landscape>.device>.screen {
 top:6.77%;
 bottom:6.77%;
 left:12.58%;
 right:12.88%
}
.device-mockup.iphone6.portrait>.device>.button,.device-mockup.iphone6>.device>.button {
 display:block;
 top:88.6%;
 bottom:3.2%;
 left:42%;
 right:42%
}
.device-mockup.iphone6.landscape>.device>.button {
 display:block;
 top:42%;
 bottom:42%;
 left:88.6%;
 right:3.2%
}
.device-mockup.iphone6_plus,.device-mockup.iphone6_plus.portrait {
 padding-bottom:201.76%
}
.device-mockup.iphone6_plus.landscape {
 padding-bottom:49.56%
}
.device-mockup.iphone6_plus.black>.device,.device-mockup.iphone6_plus.portrait.black>.device,.device-mockup.iphone6_plus>.device {
 background-image:url(iphone_6_plus/iphone_6_plus_black_port.png)
}
.device-mockup.iphone6_plus.landscape.black>.device,.device-mockup.iphone6_plus.landscape>.device {
 background-image:url(iphone_6_plus/iphone_6_plus_black_land.png)
}
.device-mockup.iphone6_plus.portrait.white>.device,.device-mockup.iphone6_plus.white>.device {
 background-image:url(iphone_6_plus/iphone_6_plus_white_port.png)
}
.device-mockup.iphone6_plus.landscape.white>.device {
 background-image:url(iphone_6_plus/iphone_6_plus_white_land.png)
}
.device-mockup.iphone6_plus.gold>.device,.device-mockup.iphone6_plus.portrait.gold>.device {
 background-image:url(iphone_6_plus/iphone_6_plus_gold_port.png)
}
.device-mockup.iphone6_plus.landscape.gold>.device {
 background-image:url(iphone_6_plus/iphone_6_plus_gold_land.png)
}
.device-mockup.iphone6_plus.portrait>.device>.screen,.device-mockup.iphone6_plus>.device>.screen {
 top:11.58%;
 bottom:11.58%;
 left:5.97%;
 right:5.97%
}
.device-mockup.iphone6_plus.landscape>.device>.screen {
 top:5.97%;
 bottom:5.97%;
 left:11.38%;
 right:11.58%
}
.device-mockup.iphone6_plus.portrait>.device>.button,.device-mockup.iphone6_plus>.device>.button {
 display:block;
 top:89.9%;
 bottom:3.2%;
 left:43%;
 right:43%
}
.device-mockup.iphone6_plus.landscape>.device>.button {
 display:block;
 top:43%;
 bottom:43%;
 left:89.9%;
 right:3.2%
}
.device-mockup.ipad,.device-mockup.ipad.portrait {
 padding-bottom:128.406276%
}
.device-mockup.ipad.landscape {
 padding-bottom:79.9086758%
}
.device-mockup.ipad.black>.device,.device-mockup.ipad.portrait.black>.device,.device-mockup.ipad>.device {
 background-image:url(ipad/ipad_port_black.png)
}
.device-mockup.ipad.portrait.white>.device,.device-mockup.ipad.white>.device {
 background-image:url(ipad/ipad_port_white.png)
}
.device-mockup.ipad.landscape.black>.device,.device-mockup.ipad.landscape>.device {
 background-image:url(ipad/ipad_land_black.png)
}
.device-mockup.ipad.landscape.white>.device {
 background-image:url(ipad/ipad_land_white.png)
}
.device-mockup.ipad.portrait>.device>.screen,.device-mockup.ipad>.device>.screen {
 top:12.025723%;
 bottom:12.154341%;
 left:13.45995%;
 right:13.45995%
}
.device-mockup.ipad.landscape>.device>.screen {
 top:13.87755102%;
 bottom:13.87755102%;
 left:11.5459883%;
 right:11.5459883%
}
.device-mockup.ipad.portrait>.device>.button,.device-mockup.ipad>.device>.button {
 display:block;
 top:90.2%;
 bottom:5.5%;
 left:47.3%;
 right:47.3%
}
.device-mockup.ipad.landscape>.device>.button {
 display:block;
 top:47.3%;
 bottom:47.3%;
 left:90.8%;
 right:4.9%
}
.device-mockup.ipad_air,.device-mockup.ipad_air.portrait {
 padding-bottom:141.27%
}
.device-mockup.ipad_air.landscape {
 padding-bottom:70.79%
}
.device-mockup.ipad_air.grey>.device,.device-mockup.ipad_air.portrait.grey>.device,.device-mockup.ipad_air>.device {
 background-image:url(ipad_air/ipad_air_gray_port.png)
}
.device-mockup.ipad_air.portrait.silver>.device,.device-mockup.ipad_air.silver>.device {
 background-image:url(ipad_air/ipad_air_silver_port.png)
}
.device-mockup.ipad_air.landscape.grey>.device,.device-mockup.ipad_air.landscape>.device {
 background-image:url(ipad_air/ipad_air_gray_land.png)
}
.device-mockup.ipad_air.landscape.silver>.device {
 background-image:url(ipad_air/ipad_air_silver_land.png)
}
.device-mockup.ipad_air.portrait>.device>.screen,.device-mockup.ipad_air>.device>.screen {
 top:9.025723%;
 bottom:9.154341%;
 left:7.45995%;
 right:6.45995%
}
.device-mockup.ipad_air.landscape>.device>.screen {
 top:6.877551%;
 bottom:6.877551%;
 left:9.545988%;
 right:9.545988%
}
.device-mockup.ipad_air.portrait>.device>.button,.device-mockup.ipad_air>.device>.button {
 display:block;
 top:93.2%;
 bottom:2.5%;
 left:47.3%;
 right:47.3%
}
.device-mockup.ipad_air.landscape>.device>.button {
 display:block;
 top:47.3%;
 bottom:47.3%;
 left:93.1%;
 right:2.1%
}
.device-mockup.ipad_air_2,.device-mockup.ipad_air_2.portrait {
 padding-bottom:141.38%
}
.device-mockup.ipad_air_2.landscape {
 padding-bottom:70.73%
}
.device-mockup.ipad_air_2.grey>.device,.device-mockup.ipad_air_2.portrait.grey>.device,.device-mockup.ipad_air_2>.device {
 background-image:url(ipad_air_2/ipad_air_2_gray_port.png)
}
.device-mockup.ipad_air_2.portrait.silver>.device,.device-mockup.ipad_air_2.silver>.device {
 background-image:url(ipad_air_2/ipad_air_2_silver_port.png)
}
.device-mockup.ipad_air_2.gold>.device,.device-mockup.ipad_air_2.portrait.gold>.device {
 background-image:url(ipad_air_2/ipad_air_2_gold_port.png)
}
.device-mockup.ipad_air_2.landscape.grey>.device,.device-mockup.ipad_air_2.landscape>.device {
 background-image:url(ipad_air_2/ipad_air_2_gray_land.png)
}
.device-mockup.ipad_air_2.landscape.silver>.device {
 background-image:url(ipad_air_2/ipad_air_2_silver_land.png)
}
.device-mockup.ipad_air_2.landscape.gold>.device {
 background-image:url(ipad_air_2/ipad_air_2_gold_land.png)
}
.device-mockup.ipad_air_2.portrait>.device>.screen,.device-mockup.ipad_air_2>.device>.screen {
 top:9.025723%;
 bottom:8.854341%;
 left:6.15995%;
 right:6.15995%
}
.device-mockup.ipad_air_2.landscape>.device>.screen {
 top:6.277551%;
 bottom:6.277551%;
 left:8.545988%;
 right:8.545988%
}
.device-mockup.ipad_air_2.portrait>.device>.button,.device-mockup.ipad_air_2>.device>.button {
 display:block;
 top:93.2%;
 bottom:2.1%;
 left:46.3%;
 right:46.5%
}
.device-mockup.ipad_air_2.landscape>.device>.button {
 display:block;
 top:46.5%;
 bottom:46.8%;
 left:93.5%;
 right:1.9%
}
.device-mockup.ipad_pro,.device-mockup.ipad_pro.portrait {
 padding-bottom:138.63%
}
.device-mockup.ipad_pro.landscape {
 padding-bottom:72.14%
}
.device-mockup.ipad_pro.grey>.device,.device-mockup.ipad_pro.portrait.grey>.device,.device-mockup.ipad_pro>.device {
 background-image:url(ipad_pro/ipad_pro_port_black.png)
}
.device-mockup.ipad_pro.portrait.silver>.device,.device-mockup.ipad_pro.silver>.device {
 background-image:url(ipad_pro/ipad_pro_port_silver.png)
}
.device-mockup.ipad_pro.gold>.device,.device-mockup.ipad_pro.portrait.gold>.device {
 background-image:url(ipad_pro/ipad_pro_port_gold.png)
}
.device-mockup.ipad_pro.landscape.grey>.device,.device-mockup.ipad_pro.landscape>.device {
 background-image:url(ipad_pro/ipad_pro_land_black.png)
}
.device-mockup.ipad_pro.landscape.silver>.device {
 background-image:url(ipad_pro/ipad_pro_land_silver.png)
}
.device-mockup.ipad_pro.landscape.gold>.device {
 background-image:url(ipad_pro/ipad_pro_land_gold.png)
}
.device-mockup.ipad_pro.portrait>.device>.screen,.device-mockup.ipad_pro>.device>.screen {
 top:7.025723%;
 bottom:6.854341%;
 left:5.15995%;
 right:5.15995%
}
.device-mockup.ipad_pro.landscape>.device>.screen {
 top:5.177551%;
 bottom:5.177551%;
 left:6.945988%;
 right:6.945988%
}
.device-mockup.ipad_pro.portrait>.device>.button,.device-mockup.ipad_pro>.device>.button {
 display:block;
 top:94.9%;
 bottom:1.5%;
 left:47.3%;
 right:47.1%
}
.device-mockup.ipad_pro.landscape>.device>.button {
 display:block;
 top:47.5%;
 bottom:47.5%;
 left:94.8%;
 right:1.5%
}
.device-mockup.galaxy_s3,.device-mockup.galaxy_s3.portrait {
 padding-bottom:178.787879%
}
.device-mockup.galaxy_s3.landscape {
 padding-bottom:55.9322034%
}
.device-mockup.galaxy_s3.black>.device,.device-mockup.galaxy_s3.portrait.black>.device,.device-mockup.galaxy_s3>.device {
 background-image:url(galaxy_s3/s3_port_black.png)
}
.device-mockup.galaxy_s3.landscape.black>.device,.device-mockup.galaxy_s3.landscape>.device {
 background-image:url(galaxy_s3/s3_land_black.png)
}
.device-mockup.galaxy_s3.portrait.white>.device,.device-mockup.galaxy_s3.white>.device {
 background-image:url(galaxy_s3/s3_port_white.png)
}
.device-mockup.galaxy_s3.landscape.white>.device {
 background-image:url(galaxy_s3/s3_land_white.png)
}
.device-mockup.galaxy_s3.portrait>.device>.screen,.device-mockup.galaxy_s3>.device>.screen {
 top:12.3728814%;
 bottom:15.5367232%;
 left:13.8383838%;
 right:13.8383838%
}
.device-mockup.galaxy_s3.landscape>.device>.screen {
 top:13.8383838%;
 bottom:13.8383838%;
 left:12.3728814%;
 right:15.5367232%
}
.device-mockup.galaxy_s5,.device-mockup.galaxy_s5.portrait {
 padding-bottom:194.188862%
}
.device-mockup.galaxy_s5.landscape {
 padding-bottom:51.496259%
}
.device-mockup.galaxy_s5.black>.device,.device-mockup.galaxy_s5.portrait.black>.device,.device-mockup.galaxy_s5>.device {
 background-image:url(galaxy_s5/galaxy_s5_port_black.png)
}
.device-mockup.galaxy_s5.landscape.black>.device,.device-mockup.galaxy_s5.landscape>.device {
 background-image:url(galaxy_s5/galaxy_s5_land_black.png)
}
.device-mockup.galaxy_s5.portrait.white>.device,.device-mockup.galaxy_s5.white>.device {
 background-image:url(galaxy_s5/galaxy_s5_port_white.png)
}
.device-mockup.galaxy_s5.landscape.white>.device {
 background-image:url(galaxy_s5/galaxy_s5_land_white.png)
}
.device-mockup.galaxy_s5.portrait>.device>.screen,.device-mockup.galaxy_s5>.device>.screen {
 top:10.2%;
 bottom:10.1%;
 left:6.3%;
 right:6.4%
}
.device-mockup.galaxy_s5.landscape>.device>.screen {
 top:6.6%;
 bottom:6.2%;
 left:10.15%;
 right:10%
}
.device-mockup.galaxy_tab4,.device-mockup.galaxy_tab4.landscape {
 padding-bottom:72.689464%
}
.device-mockup.galaxy_tab4.black>.device,.device-mockup.galaxy_tab4.landscape.black>.device,.device-mockup.galaxy_tab4>.device {
 background-image:url(galaxy_tab4/galaxy_tab4_land_black.png)
}
.device-mockup.galaxy_tab4.landscape.white>.device,.device-mockup.galaxy_tab4.white>.device {
 background-image:url(galaxy_tab4/galaxy_tab4_land_white.png)
}
.device-mockup.galaxy_tab4.landscape>.device>.screen,.device-mockup.galaxy_tab4>.device>.screen {
 top:11.5%;
 bottom:11.5%;
 left:5.4%;
 right:5.2%
}
.device-mockup.lumia920,.device-mockup.lumia920.portrait {
 padding-bottom:172.796353%
}
.device-mockup.lumia920.landscape {
 padding-bottom:56.3330381%
}
.device-mockup.lumia920.portrait>.device,.device-mockup.lumia920>.device {
 background-image:url(lumia920/lumia920_port.png)
}
.device-mockup.lumia920.landscape>.device {
 background-image:url(lumia920/lumia920_land.png)
}
.device-mockup.lumia920.portrait>.device>.screen,.device-mockup.lumia920>.device>.screen {
 top:10.6420405%;
 bottom:18.9973615%;
 left:13.5258359%;
 right:13.5258359%
}
.device-mockup.lumia920.landscape>.device>.screen {
 top:12.2641509%;
 bottom:12.2641509%;
 left:10.5403012%;
 right:18.6005314%
}
.device-mockup.nexus7,.device-mockup.nexus7.portrait {
 padding-bottom:156.521739%
}
.device-mockup.nexus7.landscape {
 padding-bottom:63.6678201%
}
.device-mockup.nexus7.portrait>.device,.device-mockup.nexus7>.device {
 background-image:url(nexus7/nexus7_port.png)
}
.device-mockup.nexus7.landscape>.device {
 background-image:url(nexus7/nexus7_land.png)
}
.device-mockup.nexus7.portrait>.device>.screen,.device-mockup.nexus7>.device>.screen {
 top:13.1365741%;
 bottom:12.7893519%;
 left:13.7681159%;
 right:13.7681159%
}
.device-mockup.nexus7.landscape>.device>.screen {
 top:13.7681159%;
 bottom:13.7681159%;
 left:13.0911188%;
 right:13.0911188%
}
.device-mockup.surface,.device-mockup.surface.landscape {
 padding-bottom:64.7584973%
}
.device-mockup.surface.landscape>.device,.device-mockup.surface>.device {
 background-image:url(surface/surface.png)
}
.device-mockup.surface.landscape>.device>.screen,.device-mockup.surface>.device>.screen {
 top:14.5488029%;
 bottom:14.9171271%;
 left:9.36195587%;
 right:9.36195587%
}
.device-mockup.samsung_tv,.device-mockup.samsung_tv.landscape {
 padding-bottom:64.68%
}
.device-mockup.samsung_tv.landscape>.device,.device-mockup.samsung_tv>.device {
 background-image:url(samsung_tv/samsung_tv.png)
}
.device-mockup.samsung_tv.landscape>.device>.screen,.device-mockup.samsung_tv>.device>.screen {
 top:2.148803%;
 bottom:12.817127%;
 left:1.261956%;
 right:1.361956%
}