.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%;
    overflow:hidden
}
.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%
}