/*-----------------------------------------------------------------------------------

	Stylesheet Name: App Store Box
	Stylesheet URL: http://codecanyon.net/item/app-store-box-fancy-reviews-maker-for-wordpress/2147789
	
	Description: A cool styling for the App Store Box plugin.
	Version: 2.1
	
	Designed & Handcrafted by Anatoli Nicolae - http://anatolinicolae.com

-----------------------------------------------------------------------------------*/

@media screen and (min-width: 721px) {

	#asb-appbox {
		width: 100%!important;
		height: 150px;
		display: inline-block;
		margin: 0 auto 15px auto;
		font: normal 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-weight: 200;
		text-align: left;
	}

	#asb-appbox:after {
		clear: both;
	}

	#asb-appbox #asb-imagebox {
		float: left;
		width: 128px;
		height: 128px;
		display: inline-block;
		overflow: hidden;
		border-radius: 30px;
	}

	#asb-appbox #asb-imagebox img {
		margin: 0!important;
		max-width: 100%;
		padding: 0!important;
	}

	#asb-appbox #asb-imagebox .asb-icon {
		position: relative;
		display: block;
	}

	#asb-appbox #asb-imagebox .asb-QR {
		position: relative;
		top: -100%;
		left: 0;
		visibility: hidden;
		display: block;
	}

	#asb-appbox #asb-imagebox:hover .asb-QR {
		visibility: visible!important;
	}

	#asb-appbox #asb-imagebox .icon-overlay {
		background: url("../images/mask.png") no-repeat;
		background-size: cover;
		height: 128px;
		width: 128px;
		position: relative;
		top: -200%;
		display: block;
		z-index: 2;
	}

	#asb-appbox #asb-content {
		background: #fff;
		color: #fff;
		border: 1px #cccccc solid;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		float: right;
		width: 70%;
		overflow: hidden;
	}

	#asb-appbox .asb-title {
		background: #fafbfc;
		display: inline-block;
		text-shadow: 0 1px 1px white;
		color: #222;
		position: relative;
		width: 100%;
		height: auto;
		padding: 8px 0;
		border-bottom: 1px solid #c7c7c7;
		text-indent: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#asb-appbox #asb-content .element {
		background-position: center left;
		background-repeat: no-repeat;
		background-size: 32px;
		height: 42px;
		width: 50%;
		line-height: 42px;
		float: left;
		color: #222;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		text-indent: 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border: none;
		padding: 0;
	}

	#asb-appbox #asb-content .money {
		background-image: url("../images/icons.png");
		background-position: 10px 8px;
		border-right: 1px #ccc solid;
	}

	#asb-appbox #asb-content .house {
		background-image: url("../images/icons.png");
		background-position: 10px -114px;
		border-bottom: 1px #CCC solid;
		border-right: 1px #CCC solid;
	}

	#asb-appbox #asb-content .house a {
		color: #007AFF;
		text-decoration: none;
		background: none!important;
		border: none!important;
	}

	#asb-appbox #asb-content .house a:hover {
		text-decoration: underline;
	}

	#asb-appbox #asb-content .type {
		background-image: url("../images/icons.png");
		background-position: 10px -53px;
		border-bottom: 1px #ccc solid;
	}

	#asb-appbox #asb-content .dwn {
		background: #fff;
		color: #007AFF;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.025);
		text-align: center;
		text-indent: 0;
		text-decoration: none;
	}

	#asb-appbox #asb-content .dwn:hover {
		text-decoration: none;
		background: #007AFF;
		color: #fff;
	}

	#asb-appbox #asb-content .dwn:active {
		box-shadow: 0 1px 0 white, inset 0 0 9px rgba(0,0,0,.5);
	}

	#asb-appbox #asb-content .dwn a {
		text-decoration: none!important;
		background: none!important;
		border: none!important;
	};
}

/* iPod, iPhone, iPad */

@media screen and (max-width: 720px) {

	#asb-appbox {
		height: auto;
		overflow: hidden;
		display: block;
		margin-top: 10px;
		font: normal 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-weight: 200;
	}

	#asb-appbox .title {
		font-size: 16px;
		font-weight: bold;
		color: #fafafa;
		display: block;
		text-align: center;
		margin: 8px 0;
	}

	#asb-appbox #asb-imagebox {
		width: auto;
		display: block;
		text-align: center;
		padding-top: 6px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		overflow: hidden;
		border-radius: 30px;
	}

	#asb-appbox #asb-imagebox img {
		-webkit-border-radius: 23.04px;
		-moz-border-radius: 23.04px;
		border-radius: 23.04px;
	}

	#asb-appbox #asb-imagebox .asb-QR {
		visibility: hidden;
		display: none;
	}

	#asb-appbox #asb-content {
		overflow: hidden;
		height: auto;
		background-color: #FFF;
		margin: 10px;
		display: block;
		padding-top: 14px;
		border: 2px solid #EEE;
		text-align: center;
	}

	#asb-appbox #asb-content .element {
		font-size: 14px;
		display: block;
		text-align: center;
		margin-top: 14px;
	}

	#asb-appbox #asb-content .element a {
		color: #007AFF!important;
	}

	#asb-appbox #asb-content .dwn {
		background: #fff;
		width: auto;
		display: block;
		padding: 10px 0;
		overflow: hidden;
		text-align: center;
		color: #007AFF;
	}

	#asb-appbox #asb-content .dwn:hover {
		background: #007AFF;
		color: #fff;
	};
}

/* Retina */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	#asb-appbox #asb-content .element {
		background-size: 32px;
	};
}