@charset "UTF-8";

/* Layout (global rules for all sizes) */

body {margin: 0 ; padding: 0;height:100%;}

.pagewrapper
{min-height: 100%;

}

/* Layout Medium Screens */

.cont {
	
	clear: both;
	overflow:auto;
	padding: 40px 40px 230px;
}

header {
	background: url(../images/mobile/hd_backgrounds.png) repeat-x scroll 0 0 #fff;
    height: 35px;
    position: relative;
    width: 100%;
    z-index: 90000;
}

footer {
	background-color:#f2f2f2;
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	border-top:#ccc 1px solid;
	border-bottom:#f2f2f2 10px solid;
	
	/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;	
}
}

/* Footer style */

li{
	display: inline-block;
	padding: 15px;

}

li + li:before {
    content: " / ";
    padding:0 20px;
    color: #ed008c;
}



.grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    padding-left: 2em;
    padding-right: 2em;
    border-bottom:#ccc 1px dotted;
}
.grid:after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 39em) {
.grid {
    max-width: 1400px;
}
}
@media (min-width: 59em) {
.grid {
    max-width: 1400px;
}
}
@media (min-width: 79em) {
.grid {
    max-width: 1400px;
}
}
@media (min-width: 39em) {
.grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    padding-left: 4em;
    padding-right: 4em;
}
.grid:after {
    clear: both;
    content: "";
    display: table;
}
}


/* images start */

.iphone {
	
	box-sizing: border-box;
	background-size: 200px 400px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(../images/mobile/iphone_img.png); 
	height:100%;
	display: block;	
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/iphone_img.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
	-ms-interpolation-mode: bicubid;
		image-rendering: optimizeQuality;
}

.img1 { /* Apple Store */
	box-sizing: border-box;
	background-size: 120px 40px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/mobile/appStore.jpg); 
	-ms-interpolation-mode: bicubid;
		image-rendering: optimizeQuality;
}

.img2 {
	box-sizing: border-box;
	background-size: 120px 40px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/mobile/googlePlay.jpg); 
	-ms-interpolation-mode: bicubid;
		image-rendering: optimizeQuality;
}


.greybox {
    background: url(../images/mobile/oblique_box_bg.gif) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    color:#ed008c; 
    font-family: 'Muli';font-weight: normal;  
    font-size: 1rem;
    text-align:center;
    line-height:100%;
    position: relative;
    height: 100px;
}

/* images end */


/* Columns layout */

div.centered      { width: 100%; padding: 5px;}
div.columns       { width: 100%;  margin: 0 auto;}
div.col1   { width: 300px; height: 400px; float: left;}
div.col2   { width: 300px; height: 450px; float: left;}
div.clear         { clear: both; width: 100%; height: 40px; border-bottom:1px #ccc dotted; }
div.columns2      { width: 100%;  margin: 0 auto;}
div.columns2 div   { width: 50%; height: 100px; float: left;}



@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{

	/* rules go here */

}