* {box-sizing: border-box; font-family: 'Roboto', sans-serif;}
body{
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #D9D9D9 100%);
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #D9D9D9 100%);
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #D9D9D9 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #FFFFFF), color-stop(100, #D9D9D9));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #D9D9D9 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #D9D9D9 100%);
}
svg {
    clip-path: url(#theSVGPath);
}
#preview {margin:50px auto; width: 426px; height: 889px; overflow: hidden;}
#phonewrap {position: relative; padding: 109px 26.5px; width: 428px; height: 889px; background: none; overflow: hidden;}
#phone {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#demo {opacity: 0; position: absolute; top: 109px; left: 27px; width: 0; height: 0; border: 0px; z-index: -1; background: url('/splash.png') no-repeat center center; background-size: cover}
#phonewrap.launched #demo {opacity: 1; height: 669px; width: 375px; z-index: 9; background: #fff url(http://www.arabianbusiness.com/skins/ab.main/gfx/loading_spinner.gif) no-repeat center center; background-size: 20%}
#homescreen {position: relative; width: 375px; height: 669px; border: 0px; overflow: hidden}
#homescreen .defaulthome{position: absolute; }
#phonewrap.launched #homescreen .defaulthome {width: 1125px; height: 2007px; left: -375px; top: -669px;}
#homebtn {display: block; position: absolute; bottom: 25px; left: 180px; width: 75px; height: 70px; background: transparent;}

.icons {position: absolute; top: 378px;width: 100%; left: 0px; padding-left: 26.5px }
.icons a {text-decoration: none; color: white; display: inline-block; border-radius: 12px; position: relative; width: 60px; height: 60px; margin-right: 25px; z-index: 2}
.icons img {width: 60px; height: 60px;}
.icons p {opacity: .8; font-size: 12px; color: #fff; text-align: center; margin: 3px 0; font-weight: 500}
.icons #talklouder_demo img{  
	-webkit-clip-path: url(#svg-shape);
	-moz-clip-path: url(#svg-shape);
	-o-clip-path: url(#svg-shape);
	-ms-clip-path: url(#svg-shape);
	clip-path: url(#svg-shape);
	width: 60px;
	height: 60px
	}