@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
.marketplace{
	/*background: url("../images/marketplace/bg.png") fixed;*/
	/*background-size: cover;*/
	height: 658px;
	padding-top:10px; 
}
.border-bottom{border-bottom	: 1px solid #ccc;}
.border-right, .border-separate{border-right	: 1px solid #ccc;}
.responsive-image{width:100%;}
.img_list{height:150px;overflow:hidden;}
.screenshot-image{height:153px;}
.padding-separate{
	padding-top:20px;
	padding-bottom:20px;
}
.padding-10{padding:10px 0;}
.padding-20{padding:20px 0;}
.padding-40{padding:40px 0;}
.margin-40{margin:40px 0;}
.margin-20{margin:20px 0;}
.left{float:left;}
.marketplace-quote{
	text-align:center;
	/*font-size:16px;*/
	/*font-family:frutigerltstd-bold;*/
	padding: 20px 0px 40px 0px;
	border-bottom:1px solid #CCC;
	font-family: "OpenSans-regular";
	font-size: 14px;
}
.featured-apps{padding-bottom:20px;}
.detail-content{padding:20px 0;}
.feature-header, .top-logo, .featured-apps .col-sm-4, .no-padding{padding:0;margin:0;}
.featured-apps .featuredapps{width: 33%;margin-right: 0.5%;}
.featured-apps .featuredapps.no-margin{margin-right: 0%;}
.form-find-app{
	float:right;
	padding:5px;
	background:#ebebeb;
	border:1px solid #cccccc;
	border-radius:5px;
	width:100%;
	font-size:11px;
}
.form-find-app input{
	border:none;
	background:inherit;
	padding:5px;
}
.form-find-app .btn-search{
	background:url(../../assets/images/find.png) no-repeat;
	width:26px;
	height:26px;
	float:right;
}
.find-inp{width:87%;}
.featured-content{
	position:absolute;
	bottom:2%;
	left:2%;
	width:96%;
	background:#FFF;
	opacity:0.9;
}
.featured-detail{width:70%;float:left;}
.featured-detail p{
	font-size:18px;
	border-bottom:1px solid #CCC;
	padding:10px 0;
}
.featured-category{
	bottom:0;
	left:0;
	font-size:11px;
	font-weight:bold;
	vertical-align:bottom;
	margin-top: 15px;
}
.featured-category span{margin-top: -3px;}
.featured-category img {
	margin-right:5px;
	margin-top: -5px;
	margin-bottom: 10px;
	width: 20px;
}
.featured-category p{padding:0;margin:0;}
.featured-price{
	float:left;
	background:#CCC;
	padding:5px;
	width:30%;
	font-size:25px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}
.featured-price p{font-size:20px;}
.featured-rating{
	right:0;
	color:#f7941d;
	font-size:20px;
}
.txt-rating{
	color:#f7941d;
	font-size:16px;
	font-weight:bold;
	padding:5px 10px;
}
.top-apps{
	border:1px solid #CCC;
	border-radius: 3px;
	background-color: #f9f9f9;
	margin-bottom:20px;
	padding:0;
	/*-webkit-box-shadow: 2px 2px 1px 1px #ccc;
	-moz-box-shadow: 2px 2px 1px 1px #ccc;
	box-shadow: 2px 2px 1px 1px #ccc;*/
}
.no-margin{margin-right:0;}
.top-content{
	padding:8px;
	height: 75px; /*height image product author - 14-08*/
	position: relative;
}
.top-apps .top-content {
    height: auto;
}
.top-content .float-price{
	position: absolute;
	z-index: 2;
	background-color: #2bc246;
	color: #fff;
	padding: 4px 7px 0px 7px;
	font-size: 17px;
	font-family: "frutigerltstd-bold";
	top: 15px;
	left: 0;
	-webkit-box-shadow: 2px 4px 1px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 4px 1px 1px rgba(0,0,0,0.75);
	box-shadow: 2px 4px 1px 1px rgba(0,0,0,0.75);
}.top-content .float-price:after{
	content: " ";
/* 	background: url("../images/badge-price.png") no-repeat left center; */
    height: 33px;
    width: 21px;
    position: absolute;
    right: -21px;
    top: 0;
    background-size: auto 35px;
}

.top-content .float-sold-out{
	position: absolute;
	z-index: 2;
	background-color: #990000;
	color: #fff;
	padding: 4px 7px 0px 7px;
	margin-top: 40px;
	font-size: 17px;
	font-family: "frutigerltstd-bold";
	top: 15px;
	left: 0;
	-webkit-box-shadow: 2px 4px 1px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 4px 1px 1px rgba(0,0,0,0.75);
	box-shadow: 2px 4px 1px 1px rgba(0,0,0,0.75);
}


.top-apps .top-content{
	overflow: hidden;
}
.label-item{
	position:absolute;
	top:0;
	right:0;
	display: none; /*hide for now*/
}
.wrapper-star{
	position: absolute;
	width: calc(100% - 20px);
	left: 10px;
	bottom: -3px;
	text-align: center;
	background: rgba(255,255,255,0.8);
	height: 28px;
	visibility: hidden;
}
.p-author{
	font-size: 12px;
	color: #6C7A89;
	padding: 5px 0px 8px 0px;
	font-style: 'arial', sans-serif;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}
.top-detail{font-size:15px;text-align:left;padding:8px 8px 0px 8px;}
.top-detail span{
	font-style: 'Arial', sans-serif;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	color: #6C7A89;
	padding: 0px 0px 8px 0px;
}
.top-detail.top-action{height: 30px;border-bottom: none;}
.top-detail p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 0;}
.top-action{padding:0;}
.top-framework{position: absolute; width: 35px;height: 35px;border-radius: 50%;background: rgba(255,255,255,0.9);top: 15px;right: 15px;text-align: center;padding: 5px;}
.top-platform-new{padding-right: 5px;margin-top: 3px;}
.top-platform-new img{    width: 19px;}
.top-platform, .top-price{font-size:23px;}
.top-price{
	color:#FF0000;
	font-weight:bold;
	text-align:center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.top-rate{padding-left:0;}
.top-platform, .border-right{border-right:1px solid #CCC;}
.top-platform{padding-left: 20px;}
.top-platform img{width: 18%;}
.top-logo img{float:right;}
 div.wrapper-middle {
	display: block;
	height: 100%;
	font: 0/0 a;        /* <-- reset the font property */
}

div.wrapper-middle:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

div.wrapper-middle .middle {
    vertical-align: middle;  /* vertical alignment of the inline element */
    max-width: 90%;
    max-height: 100%;
    display: inline-block!important;
    font: 16px/1 Arial sans-serif;        /* <-- reset the font property */
}

.featured-rating img{padding:0 0px 5px 0;margin-top: -17px;}
.become-author{
	/*background: url("../images/marketplace/background-market-place.png") fixed;*/
	background-position:center;
	background-size: cover;
	min-height: 286px;
	padding:30px 0 30px 0;
	color: white;
	text-align:center;
}
.btn-main-footer{
	background: none;
	border: 1px solid #fff;
	color: #fff;
	font-family: "frutigerltstd-roman";
	padding: 10px 20px 10px 20px;
}
.btn-main-footer:hover{background:#FFF;color:#000;}
.detail-marketplace{padding-top:100px;}
.current-location{font-weight:bold;font-size:12px;}
.no-border{border:0;}
.suggest-category{font-size:11px;font-weight:bold;}
.detail-title, .detail-img, .detail-rating, .detail-sub-title, .detail-thumbnail{padding:5px 0;}
.detail-img img{width:100%;}
h1.detail-title{
	font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 400;
	margin:0;
}
.detail-sub-title{font-size:22px;color:#808080;}
.tab{
	border-bottom:1px solid #CCC;
	padding:0;
	color:#1c7eed;
}
.tab ul li.active{
	border-bottom:6px solid #CCC;
	color:#808080;
}
.detail-sub-title ul{padding:0;margin:0;}
.detail-sub-title li{
	list-style:none;
	float:left;
	display:block;
	padding:5px 0px 5px 0;
	cursor:pointer;
	margin-right:20px;
}
.detail-thumbnail{
	float:left;
	margin-right:10px;
}
.detail-description{line-height:2em;}
.detail-description img{max-width: 100%;}
.dashed{border-bottom:2px dashed #CCC;margin: 50px 0 20px 0;}
.detail-title-comment{
	padding:15px 10px;
	background:#ed1c24;
	color:#FFF;
	font-weight:500;
}
.featured-license{padding:10px 0;}
.content-license{
	border:1px solid #96979b;
	width:32.532%;
	margin-right:1.2%;
	padding:15px;
	min-height:260px;
	/*height: 250px;*/
	float:left;
}
.content-license a{
	color:#FF0000;
	text-decoration:underline;
}
.license-act li{
	width:100%;
	background:#000;
	list-style:none;
}
.license-act li a{
	float:left;
	background:#000;
	color:#FFF;
	width:100%;
	text-decoration:none;
	padding:10px;
	font-size:20px;
	text-align:center;
	border:1px solid #000;
	border-radius: 5px;
	text-transform: uppercase;
}
.license-act li a.font-18{	font-size:18px;}
.author-form{min-height:55px;}
.author-form a{color:#000;}
.author-img{padding:0 10px;}
.author-txt, .author-name{padding:3px 5px;}
.author-txt{font-size:11px;}
.author-name{font-size:14px;overflow: hidden;}
.frm-email{padding:5px;background: #EBEBEB;border: 1px solid #CCC;border-radius: 5px;font-size: 11px;}
.frm-email input{border:none;background:#EBEBEB;padding:5px;width:100%;}
.hr{border-bottom:1px solid #CCC;margin-top:15px;}
.font-day{font-size:23px;}
.font-txt{font-size:18px;}
.cart-table{padding:0;border:1px solid #96979B;}
.cart-content{padding:5px;border-bottom:1px solid #96979B;}
.cart-content .padding-5{padding:5px;}
.cart-content .col-xs-3{font-weight:bold;font-size:16px;}
.cart-content .col-xs-4 {font-weight: bold;font-size: 16px;}
.txt-red, .cart-subtotal{color:red;font-weight:bold;}
.cart-subtotal{padding:10px;font-size:18px;text-align:right;}
.cart-btn{padding:15px;}
.right-content{background:#ebebeb;border:1px solid #CCC;padding:15px 25px;margin:20px 0;}
.right-content h4{padding:0;margin:0;}
.right-content p{padding:5px 0;font-size:12px;line-height:2em;}
.right-content li{list-style:none;padding:3px 0;}
.right-content li a{font-size:16px;}
.dev-img{float:left;margin-right:20px;}
.dev-content{float:left;}
.dev-name{font-size:18px; color:#1c7eed;}
.dev-job{font-size:12px;}
.dev-link{padding:0;margin-top:12px;}
.dev-link a{padding:7px 10px;background:#000;color:#FFF;text-transform:uppercase;border:1px solid #000;border-radius: 5px;}
.dev-link a:hover, .license-act li a:hover{background:#FFF;color:#000;}
.featured-tutorial{padding:0 40px;}
.featured-tutorial-item{padding:0;margin-bottom:20px;}
.featured-tutorial-title{font-size:16px;color:#007aff;font-weight:bold;}
.featured-tutorial-label{text-align:left;font-size:12px;}
.featured-tutorial-rating{padding-left:20px;}
.featured-tutorial-rating img{position:absolute;left:0;top:10%;}

/* all apps */
.tab-app{padding:0;margin:0;}
.tab-app li a{
	padding:10px 20px;
	/*width:170px;*/
	float:left;
}
.tab-app li{
	float:left;
    display:block;
    border-top:1px solid #CCC;   
    border-bottom:1px solid #CCC; 
    border-right:1px solid #CCC; 
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
.tab-app li:first-child{border-left:1px solid #CCC;}
.tab-app li.active a{background:#000;color:#FFF;text-decoration: none;}
.dropdown-tab{
	text-transform:uppercase;
	margin-bottom:20px;
}
.dropdown-tab ul li{
	list-style: none;
	border-bottom:1px solid #CCC;
	padding: 0; 
}
.dropdown-tab ul li:last-child{border-bottom: none;}
.dropdown-tab button{padding:15px;width:100%;}
.dropdown-tab .dropdown-menu{
	width:100%;
	background:#FFF;
	text-transform:uppercase;
}
.dropdown-tab ul li a div{
	padding: 10px 0 10px 0;
	font-family: "frutigerltstd-roman";
	font-weight: bold;
	color: #3a8fef;
}
.pagination{margin:0;float:right;}
.pagination li a{margin-right:5px;font-weight:bold;}
.pagination li.active a, .pagination li:hover a,.pagination li.active:hover a {background:#000;color:#FFF;border:1px solid #000;}
/* end all apps */

.margin-top150{
	margin-top: 150px;
}
.margin-top200{
	margin-top: 200px;
}
.margin-top25{
	margin-top: 25px;
}
.margin-top3{
	margin-top: 3px;
}
.detail-thumbnail img {
  max-height: 153px;
  width: auto !important;
}
.paddingdiv{
	min-height: 74px;
}
.featured-image{
  height: 234px;
  width: 100%;
  overflow: hidden;
}
.featured-image img{
  height: 100%;
  min-width: 100%;
}
.featured-tutorial-img img {
  width: 75px;
  height: 65px;
}
/*modal popup*/
.title-popup {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.header-filter{
  height: 50px;
}
.body-filter{
  padding-left: 15px;
  padding-right: 15px;
}
.search-filter{
  height: 30px;
  margin-left: -15px;
  background-color: #dedede;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(229, 229, 229);
}
.content-filter{
  height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.content-filter-first{
  padding-top: 0px !important;
  padding-right: 0px !important;
  height: 220px;
}
.content-filter-first-xs {
  padding-top: 0px !important;
  padding-right: 0px !important;
  height: 220px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgb(229, 229, 229);
}
.fluid-filter{
  padding: 10px 0 10px 0;
  height: 190px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.radio-filter{
  margin: 14px 5px 0px 0 !important;
}
.radio-filter.radio-first {
  margin: 0px 5px 0px 0 !important;
}
.radio-filter input{
	float: left;
	margin-right: 5px;
}
.radio-filter label{
	float: left;
	width: 90%;
	font-weight: normal;
	margin-bottom: 0px;
}
.footer-filter {
  text-align: center !important;
}
.button-filter{
  border-width: 2px;
  border-color: #000;
  border-radius: 0px;
  min-width: 100px;
}
.close-filter{
  opacity: 1;
  margin-top: -12px !important;
  margin-right: -10px !important;
}
.search-filter .btn-search {
  background: url(../images/find.png) no-repeat;
  width: 26px;
  height: 26px;
  float: right;
  border: none;
}
.featured-detail p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 65px;
}
@media(min-width: 992px) and (max-width: 1200px){
	.featured-content{position: relative; width: 100%; }
	.top-content {height: 138px;}
    .top-apps .top-content {height: auto;}
}
@media(min-width: 768px) and (max-width: 992px){
	.img_list{height:100px;}
	.form-find-app{width:100%;}
	.featured-content{position: relative; width: 100%; }
	.featured-detail p, .top-detail, .featured-price p{font-size:15px;}
	.featured-price, .featured-rating{font-size:18px;padding-bottom:5px;}
	.top-price{font-size:16px;padding-top:10px;}
	.top-platform img{padding:0;width:18%;}
	.top-platform-new img{padding-top: 7px;}
	.top-rate{padding:9px;}
	.label-item{width:35%;}
	.detail-sub-title, .license-act li a{font-size:16px;}
	.content-license, .content-license p{font-size:12px;}
	.content-license h4, .content-license h3{font-size:14px;}
	.license-act li a.font-18{font-size:11px;}
	.cart-table,.cart-table .col-xs-3,.cart-table .col-xs-3,.cart-subtotal{font-size:12px;}
	.right-content li a{font-size:12px;}
	.featured-tutorial{padding:0 10px;}
	.txt-rating{display:none;}
	.featured-detail p{height: 55px;}
	.top-content {height: 220px;}
    .top-apps .top-content {height: auto;}
}

@media screen and (max-width: 767px){
	.img_list{height:170px;}
	.form-find-app{width:100%;}
	.featured-detail p{font-size:16px;}
	.featured-price{font-size:20px;}
	.btn-header{float:left;width:100%;}
	.top-apps{margin-bottom:10px;}
	.featured-apps .featuredapps{width:100%;margin-bottom:10px;margin-right: 0px;}
	.featured-detail p{height: 59px;}
	.featured-apps .col-sm-4{margin-bottom:10px;}
	.current-location{padding-bottom:10px;}
	.detail-sub-title, .license-act li a{font-size:14px;}
	.content-license{width:100%;margin-bottom:10px;min-height:auto;}
	.border-separate{border:0;border-bottom:1px solid #CCC;}
	.featured-tutorial{padding:0;}
	.featured-tutorial-img{padding-bottom:10px;}
	.pagination{float:left;}
	.top-content {height: 250px;}
	.top-platform img {width: auto;}
	.top-platform-new{margin-top: -2px;}
}
@media screen and (max-width: 480px){
  	.featured-content{position: relative; width: 100%;left: 0; }
  	.top-content {height: 200px;}
}

@media screen and (max-width: 360px){
  	.top-content {height: 180px;}
}