@charset "utf-8";
/*
@import url("http://fonts.googleapis.com/css?family=Roboto:300,400,700");
@import url("http://fonts.googleapis.com/css?family=Roboto+Slab:400,300");
@import url("http://fonts.googleapis.com/css?family=Pacifico");*/



body{	
	color: #323232;
	background-color:#F8F8F8;
	line-height:18px;
	font-family: 'Roboto', arial, tahoma, sans-serif;
	font-weight: 300;
	padding: 50px 0 0 0 !important;
}

p { font-weight: 300; word-wrap: break-word;}

*:focus {
    outline: 0;
}
a:link,a:visited{
	color:#333;
	text-decoration: none;
}
a:hover {
	color:#666;
}

.navbar-toggle .icon-bar {
	width: 25px;
	border-radius: 0px !important;	
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 3px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
}

.top-register-btn {
	float: right; 
	margin: 8px 0px 0px 0px;
}

.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

input.expandsearch[type=text] {
    width: 50px;
    box-sizing: border-box;
    border: 0;
    border-radius: 0px;
	background-image: url("../images/ui/search-icon.png") !important;
    background-position: 10px 8px;
    background-repeat: no-repeat;
	background-size: 22px 22px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    float: right;
	cursor: pointer;
	box-shadow:none;	
	background-color: #ffffff;
    border: none;
	padding-left: 40px;
}

input.expandsearch[type=text]:focus {
    width: 100%;
	position:absolute;
	top: 2px;
	float: right;
	height: 46px;
	right: 0px;
	border: 3px solid #d44175;
	border-radius: none;
	cursor:auto;
	/* opacity: 70%; */
	padding-left: 40px;
	font-size: 16px;
	background-image: url("../images/ui/search-icon.png") !important;
	background-color: #FFFFFF;
    background-repeat: no-repeat;
	background-size: 22px 22px;
	
}

label,form,input,select,textarea,button{
	font-family: 'Roboto', arial, tahoma, sans-serif;
}
span.label{
	font-weight:normal;
}
div#top-bar{
	padding:5px 0 20px;
	padding:10px 10px 10px 10px;	
	background-color:#FFF;
	border-bottom: 2px solid #ED2C91;
}

#top-bar a.brand img{
		float:none !important;
		width: 50%;
	}
	
.navbar-toggle {
	margin-left: 15px;
	float: left;
	margin-right: 0px;
	padding: 10px 10px 0 0;
	border-radius: 0px;
	border: 0px;	
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #FFF;	
	color: red;
}
	
.navbar-brand {padding: 10px 15px;}
	
a.navbar-brand { width: 128px;}
	
a.navbar-brand img{
	float:none !important;
	width: 100%;
}
	
.header-data {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color: #CCCCCC; text-align: center; float: left; margin-left: 16px;}

.header-data h2 { margin: 0px; padding: 0px; font-size: 10px; text-transform: uppercase;}

.header-data p { font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;  color: #ED2C91; font-size: 18px; font-style: italic; padding: 4px 0 0 0; margin: 0px;}
	
h1,h2,h3,h4{
	font-family: 'Roboto', arial, tahoma, sans-serif;
	font-weight: 300;
}
ul{
	list-style-type:square;
	padding:0;
	margin:0;
}
img.img{
	border:0px solid #ddd;
	padding:0px
}

.navbar-default { background: rgba(255,255,255,0.95); border: 0px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}

.navbar-default .navbar-toggle .icon-bar { background-color: #cb4171 !important}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #FFF;
background-color: #e7e7e7;
}

.navbar-default .navbar-nav>li>a {
	color: #666;
	font-weight: 600;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #FFF;
background-color: #ce3e6f;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #666;
border-bottom-color: #666;
}

nav.bs-navbar-collapse{
	padding-left:0;
}

.navbar-form {
	padding: 0px 0px;
}

#main-nav.nav{
	background-color:#eee;
}
#top-bar .nav{
	margin-top:0px;
	margin-bottom:0;
}
div#footer .container a{
}

 div#footer .container a:hover {
	 color: #999;
	 cursor: pointer;
 }

div#footer h4 {color: #d44175; font-weight: 300; font-size: 1em; font-transform: uppercase;}

div#footer ul { }

#top-bar .nav a {
	color: #ED2C91;
	padding: 4px 8px;
	border: 1px solid #ED2C91;
	margin-top: 4px;
	background: #FFF;
}

#searchbar { margin-bottom: 20px;} 

#adv-search-results {
	width: 100%;
	position:absolute;
	background: #FFFFFF;
	top: 48px;
	float: left;
	left: 0px;
	max-height: 280px;
	overflow-x: hidden;
	border-radius: 0 0 2px 2px;
}

.adv-search-list {
	width: 100%; 
	display: block; 
	border-bottom: 1px solid #F6F6F6; 
	font-weight: 500;
	
}

.adv-search-list a {
	padding: 4px 4px 4px 10px; 
	float: left;
	width: 100%;
	
}

.adv-search-list a:hover {
	background: #D9F3FA;
}

.adv-search-title {
	padding-top: 6px;	
	height: 22px;
}

.adv-search-logo {
	float: left; 
	margin-right: 14px;
}

.adv-state-tag {
	margin-left: 4px;
	background:#C3C3C3;	
}

#top-bar .nav a:hover {
	color:#eee;
	background-color:transparent;
}
#top-bar li.phone{
	margin-right:50px;
}
div#footer{
	background-color:#FFF;
	font-weight: 300;
}
div#footer .container{	
	
	padding-top:40px;
	padding-bottom:40px;
}
div#footer .container ul{	
	list-style: none; 
	padding: 0px; 
	margin: 0px;
}
.bs-docs-nav{
	text-shadow: 0 -1px 0 rgba(0,0,0,.15);
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 1px 0 rgba(255,255,255,.5);
	border-width:0 0 1 0;
	border-radius:0;	
}
.bs-docs-nav li.active{
	background-color:#ddd;
}
.bs-docs-nav .nav a{
	text-transform: uppercase;
	font-family: 'Open Sans', arial, tahoma, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#777;
	text-shadow: 0 1px 0 #fff;
}
.bs-docs-nav .nav a:hover,
.bs-docs-nav .navbar-toggle:hover{
	background-color:#e8e8e8;
	*outline:none;
}
.bs-docs-nav .navbar-toggle{
	background-color:#dedede;
}
.bs-docs-nav .navbar-toggle .icon-bar {
	background-color: #999;
}
.right-col .nav.nav-pills{
	padding-left:0;
	padding-right:0;
	margin:0;
}
.right-col .nav.nav-pills > li > a{
	display:inline-block;
	padding: 4px 0;
	text-shadow: 0 2px 0 #fff;
	font-weight: 400;
	font-size: 0.95em;	
}
.right-col .nav.nav-pills > li > a:hover{
	background-color:transparent;
}

.panel-body {
	padding-top: 5px;
}

.nav.nav-pills > li > span{
	padding-left:5px;
	font-size:8pt;
	color:#999;
}

.label-success:hover {
	background: #5add5a;
}
.search_top_form{	
	text-align:center;
	padding:15px 0 10px 0;	
	margin:0 0 0px 0;	
	overflow:hidden;
}
.search_top_form button{
	width:100%;
	background: none;
	border: 1px solid #FFF;
}

.search_top_form button:hover {
	background: #c62d63;
	border: 1px solid #FFF;
}

.search_top_form button.deal{
	width:100%;
	background: none;
	border: 1px solid #FFF;
	transition: 0.5s ease;
}

.search_top_form button.deal:hover {
	background: #5f8c2a;
	border: 1px solid #FFF;
}

.search_top_form h5{
	text-align:left;
	padding-top:15px;
	margin:0;
}
.search_top_form div{
	margin-bottom:5px;
}

.master-seo-title {
	position: absolute; 
	z-index: -1000;	
}

.master-seo-title h1 {
	color: #FFFFFF; 
	font-size: 1px !important;	
}

.menu-artikel {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.menu-artikel:hover {
	opacity:0.8;
	cursor: pointer;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
				
#myCarousel h4{
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
}
#myCarousel .carousel-caption{
	position:absolute;
	right: 0;
	left:0;
	z-index: 10;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background-color:#000;
	bottom:0;
	padding:5px;
	font-size:11px;
	line-height:15px;
	opacity:.5;
}
.main_content{	
	border:0px solid #FFF;
	background-color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:1px 30px 30px 30px;	
	*margin-top: 20px;	
	margin-bottom:20px;
	float: left;
	width: 100%;
}

.main_content h1.titleBig {
	text-align: center;
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: 500;
	color: #000;
	line-height: 1em;
	letter-spacing: -1px;
	margin-top: 30px;
}

.main_content h2.titleBigSub {
	text-align: center;
	font-family: 'Roboto', arial, tahoma, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	color: #666;
	line-height: 1.5em;
	margin-top: 8px;
	letter-spacing: 0px;
}

.main_content h3.titleBig {
	text-align: center;
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: 500;
	color: #000;
	line-height: 1em;
	letter-spacing: -1px;
	margin-top: 30px;
}

.main_content h3.titleBig p{
	text-align: center;
	font-family: 'Roboto', arial, tahoma, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	color: #666;
	line-height: 1.5em;
	margin-top: 8px;
	letter-spacing: 0px;
} 

.product_listing .item{
	padding: 0px;
	background: #FFF;
	/*box-shadow: 0px 0px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.3);*/
	margin: 4px 0px;
}
.product_listing .item img{
	width:100%;
	margin-bottom:0px;
}

.product_listing .item .data{
	padding: 10px 10px 20px 10px;
	background: #F2F2F2;
	border-bottom: 1px solid #FFF;
}

.product_listing .item .data .title{
	font-weight:700;
	font-size:12pt;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 38px;
	overflow: hidden;
	float: left;
	width: 100%;
}
.product_listing .item .data a.title:hover{
	color:#428bca;
	text-decoration: none;
	width: 100%;
}

.product_listing .item .data a.subinfo {
	width: 100%;
	margin-top: 0px;
	padding-top: 10px;
	color: #0099CC;
}

.product_listing .item .data p {
	margin: 0px;	
}

.product_listing .item .data p.category{
	font-weight: 700;	
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #d44175;
	min-height: 30px;
}

.product_listing .item .item-footer {
	background: #F8F8F8; 
	padding: 10px;
	text-align: right;
}


.company-name-list {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px 4px 9px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #d44175;
	color: #FFF;
    border-radius: 15px;	
}




.deal_listing {
	margin-bottom: 15px;
}

.deal-end-message {
	background: #CB2027; 
	padding: 0px 0px 5px 0px !important;
}



.btn-deal {
	border-radius: 30px; margin: 20px; border: 1px solid #FFF; padding: 4px 12px; color: #FFF; background: #4a741a; font-weight: 300; font-size: 0.8em; text-transform: uppercase; transition: 1s ease;
}

.btn-deal:hover {
	background: #70a533;
	transition: 1s ease;
}

.icon-on-proniaga-banner {
	border: 1px solid #F1F1F1;  position: absolute; left: 35%; top: 28px; right: 35%; border-radius:2px; background: #FFF; padding: 3px;	
}

.proniaga-featured-image {
	height: 140px;	
	display: block;
	overflow: hidden;
	transition : filter 500ms linear;
   -webkit-transition : -webkit-filter 500ms linear;
	-webkit-filter: brightness(0.6) grayscale(0);
   filter: brightness(0.6) grayscale(0);
}

.proniaga-featured-image:hover {
	-webkit-filter: brightness(1.0) grayscale(0);
   filter: brightness(1.0) grayscale(0);
   transition : filter 500ms linear;
   -webkit-transition : -webkit-filter 500ms linear;
}

.proniaga-icon {
	width:66px; 
	height: 66px; 
	border: 1px solid #F1F1F1; 
	bottom: 0px; left: 4px; 
	float: left;  
	z-index: 1; 
	top: 40px; 
	left: 30px; 
	position: absolute; 
	border-radius:2px; 
	background: #FFF; 
	padding: 3px; 
	box-shadow: 0px 0px 3px #666;	
}

.deal h3.titledeal {
  border-bottom: none;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 42px;
  margin: 0px 0px;
  padding: 0px;
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  letter-spacing: -1.2px;
  color: #333;
  text-transform: capitalize;
}

.deal_listing .item:hover {
  box-shadow: 0px 0px 4px rgba(0,0,0,.3);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.3);
}

.deal_listing .item{
	padding: 0px;
	background: #FFF;
	/*box-shadow: 0px 0px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.3);*/
	margin: 0px;
}
.deal_listing .item img{
	width:100%;
	margin-bottom:0px;
}

.deal_listing .item .data{
	padding: 10px 10px 10px 10px;
	background: #F2F2F2;
	border-bottom: 1px solid #FFF;
}

.deal_listing .item .data a.title{
	font-weight:700;
	font-size:12pt;
	color: #000;
	margin-top: 10px;
	float: left;
	width: 100%;
}
.deal_listing .item .data a.title:hover{
	color:#428bca;
	text-decoration: none;
	width: 100%;
}

.deal_listing .item .price-tag {
	position: absolute; 
	background: #82b548; 
	margin-top: -55px; 
	right: 15px; 
	height: 45px;
	padding: 8px 8px 4px 8px; 
	color: #FFF; 
	font-weight: 700;
	z-index: 1;
}

.deal_listing .item .total-view {
	position: absolute; 
	background: #000000; 
	border: 1px solid red;
	margin-top: -55px; 
	left: 0px; 
	height: 45px;
	padding: 8px 8px 4px 8px; 
	color: #FFF; 
	width: 100%;
	font-weight: 700;
	z-index: 2;
}

.deal-unit {
	text-align: right; 
	text-transform:uppercase; 
	font-size: 0.6em; 
	font-weight: 300; 
	padding: 0px;
	line-height: 8px;	
}

.deal_listing .item .deal-featured-image {
	width: 100%; 
	height: 140px;
	background-size: cover;
	background-color: #CCC;
	-webkit-filter: brightness(0.8); -moz-filter: brightness(0.8); filter: brightness(0.8);
	-webkit-transition: -webkit-filter 500ms linear; -moz-transition: -webkit-filter 500ms linear; transition: -webkit-filter 500ms linear;
}

.deal_listing .item .deal-featured-image:hover {
	-webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);
	-webkit-transition: -webkit-filter 500ms linear; -moz-transition: -webkit-filter 500ms linear; transition: -webkit-filter 500ms linear;
}



.deal_listing .item .data a.subinfo {
	width: 100%;
	margin-top: 0px;
	padding-top: 10px;
	color: #0099CC;
}

.deal_listing .item .data p {
	margin: 0px;
	font-size: 0.9em;
  	line-height: 1.5em;	
}

.deal_listing .item .data p.category {
	font-weight: 700;	
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 0.8em;
	color: #d44175;
	min-height: 30px;
}

.deal_listing .item .data p.percent {
	font-weight: 700;	
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 1em;
	display: inline-block;
	min-height: 24px;
	margin-bottom: 10px;
	text-decoration: line-through;
	color: #888;
}

.deal_listing .item .data p.best-value {
	font-weight: 700;	
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 1em;
	display: inline-block;
	min-height: 24px;
	margin-bottom: 10px;
	text-decoration: none;
	color: #888;
}

.deal_listing .item .data p.description {
	 font-weight: 600; color: #000;	
	 min-height: 46px;
}

.deal_listing .item .item-footer {
	background: #F8F8F8; 
	padding: 10px;
	text-align: right;
	font-size: 0.8em;
	
}

.deal_listing .item .item-footer a { 
	color: #CCCCCC;
	cursor: pointer;
	margin-left: 4px;
}

.deal_listing .item .item-footer a:hover {
	color: #d44175;
}

.logo-in-deal {
	position: absolute; top: 16px; left: 30px; padding: 4px; background: #FFF; border-radius: 4px;  border: 1px solid #E2E2E2;
}

.price-tag-title {
	display: none;	
}


/* Deal Page: START */


.deal .price-old {
	font-size: 1.4em;
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
	text-decoration:line-through;
	color: #CCC;	
}

.deal .price-new {
	font-size: 3.0em;
	font-weight: 700;
	margin: 30px 0px;
}

.deal .price-info-detail {
	 background: #76b72c;	
}

.deal .title-price {
	font-size: 0.8em;
	padding: 2px 0px;
	color: #FFF;
}

.deal .content-price {
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	padding: 6px 0px;
	color: #FFF;
}

.deal-status {
	display: block;
	font-size: 2em;
	padding: 20px 0px 0px 0px;
	color: #FFF;
}

.deal-title {
	font-size: 0.85em;
	padding: 6px 0px;
	color: #333;
	font-weight: 700;
	text-transform: uppercase;
	color: #588b1d;
}

.company-name {
	padding: 0px 0px 4px 0px;
}

.deal-category {
	padding: 4px 0px 20px 0px;
}

ul.highlight-list {
	margin-left: 18px;
	margin-bottom: 15px;
}

ul.highlight-list li {
	padding: 4px 0px;
}	


/* Deal Page: END */

h1.title{
	font-size:1.3em;
	overflow:hidden;
	border-bottom:3px solid #F8F8F8;
	line-height:30px;
	padding-bottom: 20px;
	margin:20px 0;
	color: #d44175;
	font-weight: 400;
	
}


h3.title{
	font-size:1.3em;
	overflow:hidden;
	border-bottom:3px solid #F8F8F8;
	line-height:30px;
	padding-bottom: 20px;
	margin:20px 0;
	color: #d44175;
	font-weight: 400;
	
}

h3.titleBig{
	font-size:1.3em;
	overflow:hidden;
	/*border-bottom:3px solid #F8F8F8;*/
	line-height:30px;
	/*padding-bottom: 20px;*/
	/*margin:20px 0;*/
	color: #d44175;
	font-weight: 300;
	
}

h3.detail_title{
	color:#333;
}
h3.detail_title .label{
	position:relative;
	top:-5px;	
}
h3.title.nmb{
	margin-bottom:0;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 700;
	padding: 0px;
	margin: 0px;
}
h3.title.nm{
	margin:0;
}
h3.title.nl{
	border:0;
}
h3.title a{
	color:#666;
	font-size:.8em;
	font-weight:normal;
}
.featured-item {
	overflow:hidden;
	margin-bottom:10px;
}

.featured-item h4 {
	margin: 0px 0px 0px 0px;
	font-weight: 700;
	font-size: 12pt;
	color: #000;
	float: left;
	width: 100%;
}

.featured-item p.category{ 
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #d44175;
	font-size: 0.8em;
}

.featured-item h5{
	font-weight:bold;
}
.featured-item img.img,.other_info .deal-tag{
	margin:0 10px 5px 0;	
}

.other_info p,.other_info div.item{
	border-bottom:1px solid #eee;
	padding-bottom:5px;
}

.review-area {
	margin-bottom: 20px;
	float: left;
}

.reviews-item{
	padding-bottom:10px;
	padding-top:10px;
}
.reviews-item .info{
	border-left:3px solid #ddd;
	padding-left:10px;
}

.reviews-item p.category {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.8em;
	margin-bottom: 0px;
}

.reviews-item p.location {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0px;
  color: #333333;
  font-size: 0.8em;
  padding-bottom: 4px;
}

.reviews-item img.img{
	float:left;
	margin:0 10px 5px 0;
	width:50px;
	height:50px;
}

.reviews-item img.announcements {
	float:left;
	margin:0 10px 5px 0;
	width: 18px; height: 18px; margin-left: 6px;
}

.aboutus-section {
	margin-top: 20px; 
	margin-bottom: 20px;
}

.other_info p:last-child,.other_info div.item:last-child,.reviews-item:last-child{
	border-bottom:0;
}
.other_info div.item,.reviews-item{
	padding-top:14px;
}
.other_info .deal-tag{
	margin:0 10px 5px 0;
}
.deal-tag {
	background: #EE3C1F;
	color: white;
	float: left;
	font-size: 14px;
	height: 80px;
	line-height: 32px;
	overflow: hidden;
	text-align: center;
	width: 80px;	
}
.deal-discount {
	background-color: #dae2e8;
	color: #061826;
	float: right;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 71px;	
}
.featured-item .deal-tag-info{
	width:80px;
	position:absolute;
}
.featured-item .pic{
	margin-left:00px;
}
.featured-item img.deal-featured{
	width:373px;
}

/* WATCHED VENDOR FRONT: START */

.watched-vendor {width: 100%; float: left; padding: 8px 0px; border-bottom: 1px dotted #CCC;}

.watched-vendor .data a.title{
	font-weight:700;
	font-size:12pt;
	color: #000;
	float: none;
}

.watched-vendor .data a.title:hover{
	color:#428bca;
	text-decoration: none;
	width: 100%;
}

.watched-vendor img {
	color: white;
	float: left;
	font-size: 14px;
	height: 80px;
	line-height: 32px;
	overflow: hidden;
	text-align: center;
	width: 80px;
	margin-right: 10px;
}

.watched-vendor .data p.category {
	font-weight: 700;	
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #d44175;
	}
	
.watched-vendor .data { padding-top: 0px;}

.watched-vendor .info {}

.pagination {
	margin: 0px 0px 20px 0px;	
}

.pagination>li>a, .pagination>li>span {
	border: 0px;
	border-bottom: 3px solid #ddd;
	margin: 4px;	
	border-radius: 0px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 0px;
  	border-bottom-right-radius: 0px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-top-left-radius: 0px;
  	border-bottom-left-radius: 0px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	color: #333;
    cursor: default;
   background-color: #FFF;
   border-color: #cb4171;
}



/* TESTIMONIAL FRONT: START */

.testimonial {
	padding: 10px;
}

.testimonial-front {
	text-align: center;
}

.testimonial-front img {
	border: 3px solid #FFF;
}

.testimonial-company {
	padding: 8px 4px; text-transform: uppercase; color: #000; font-weight: 700;
}

.testimonial-words { padding: 12px 6px 8px 6px; background: #FFF; margin-bottom: 6px; font-size: 1.2em; font-style: italic; line-height: 28px;}

.testimonial-name { padding: 8px 0px; color: #000; font-weight: 700;}

p.testimonial-quote:first-letter {
	text-transform:lowercase;
	text-transform: capitalize;
}


.panel {
	box-shadow: none;
	border: 0px;
	background-color: transparent;
}

.panel-group .panel-heading+.panel-collapse .panel-body {border: 0px solid #F5F5F5; border-top: none;}

.panel-heading a h3 {text-transform: uppercase; font-size: 0.8em; font-weight: 700; padding: 0px; margin: 0px;}

.panel-collapse {
	/*background-color: #FFF;	*/
}

/* TESTIMONIAL FRONT: END */

.right-col.panel-group{
	margin-top:0px;
}
.right-col .panel-heading{
	background-color: #F8F8F8;
	border: none;
}
.right-col .panel-heading a:hover{
	text-decoration:none;	
}
ul.social{
	padding:0;margin:0;list-style:none;
}
ul.social li{
	float:left;margin-left:10px;
}
.thumbnails.small{
	list-style:none;
}

.detail {
	 margin-top: 10px;	
	 padding-top: 30px;
}

.right-side-title {
	width: 100%; 
	background: #cb4171; 
	color: #FFF; 
	padding: 16px 20px; 
	text-transform: uppercase; 
	font-size: 0.85em; 
	font-weight: 700;"	
}

.single-page {
	 margin-top: 30px;	
}

.detail-contact-block {
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	margin-left: 20px;
	background: #FAFAFA;
	margin-bottom: 15px;
}

.contact-sub-block {
	padding-left: 20px;	
	padding-right: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #F1F1F1;
	padding-top: 20px;
}

.detail-product .detail .contact-sub-block h3 {
	color: #000000;	
}

.text-promotion {
	font-weight: 100;
	margin-top: 20px;
	padding: 0px 15px;
	float: left;
}


p.sinopsis:first-letter {
	text-transform: capitalize;
}

.full-page {
	margin: 0px 0px;
}

.full-page::after {
    background: rgba(0, 0, 0, 0.7);
	content: "";
    display: block;
	
}

.form-horizontal {
	margin-top: 20px;	
}

.tags, .album, .promosi, .sinopsis {
	margin-bottom: 30px;
	margin-top: 30px;
}

.sinopsis {
	margin-top: 0px;	
}

.statistik {
	margin-bottom: 12px;
	margin-top: 4px;
}

.tags span.label {
	padding: 6px 10px;	
	margin: 4px 4px 4px 0px;
	float: left;
	border-radius: 30px;
	background: #F3F3F3;
	font-weight: 100;
}

.states {
	margin-top: 10px;
	display: inline-block;
}

.states span.label {
	padding: 6px 10px;	
	margin: 4px 4px 4px 0px;
	float: left;
	border-radius: 30px;
	background: #F3F3F3;
	font-weight: 100;
	color: #666;
}

.tags span.label a{
	color: #333;
	font-size: 1.2em;
}

.tags span.label span.label-tags {
	background: #000;
	
}

.statistic-head {
	width: 100%; 
	background: #F1F1F1; 
	text-align: center; 
	padding: 10px 4px;	
}

.statistic-content {
	width: 100%; 
	border: 1px solid #F1F1F1; 
	text-align: center; 
	padding: 30px 4px; 
	font-size: 2.5em;
	background: #FFF;
}

.text-promotion blockquote {
	margin-bottom: 0px;
	padding: 0px 20px;
}


.detail-product .single-page h3 {
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; 
	font-size: 2em; 
	font-weight: 100;
	letter-spacing: 0px; 
	color: #000; 
	margin-top: 0px;
}

.detail-product .single-page p {
	font-size: 1em;
	line-height: 24px;
}


.detail-product .detail h3 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; 
	font-size: 0.85em; 
	font-weight: 700;
	letter-spacing: 0px; 
	text-transform: uppercase;
	color: #d44175; 
	margin-top: 6px;
}

.detail-product .detail h2 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; 
	font-size: 0.85em; 
	font-weight: 700;
	letter-spacing: 0px; 
	text-transform: uppercase;
	color: #d44175; 
	margin-top: 6px;
}

.detail-product .detail p {
	font-size: 1em;
	line-height: 24px;
}

.detail-product h5{
	font-family: 'Open Sans', arial, tahoma, sans-serif;
	margin:0;
}

.detail-header h1.title{
	border-bottom: none;
	font-size: 2.2em;
	font-weight: 400;
	line-height: 38px;
	text-align: center;
	margin: 0px;
	padding: 10px;
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; 
   letter-spacing: -1.2px;
   filter: none;
   color: #FFF;
}

.detail-header h1.title a, .detail-header h1.title a:hover {
	color: #FFFFFF;	
	text-decoration: none;
}
	
.detail-header h3.title{
	border-bottom: none;
	font-size: 2.2em;
	font-weight: 100;
	line-height: 38px;
	text-align: center;
	margin: 0px;
	padding: 10px;
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; 
   letter-spacing: -1.2px;
   filter: none;
   
}

.detail-product h3.category {
	text-align: center;
	margin-bottom: 20px;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 700;
}

.detail-product .summary {
	margin: 0px;
	padding: 10px 0px;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	font-size: 1.0em;
}

.detail-header {
	/*background: url('../img/ui/water-color-pink-bg.jpg');*/
	background: #F1F1F1;
	border-radius: 4px 4px 0px 0px; 
	float: left;
	width: 100%;
	text-align: center;
	}
	
.detail-header-overview {
	position: relative;
    padding: 30px; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	background: rgba(0,0,0,0.65); 
	padding-top: 30px;	
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px;	
}
	
.detail-header img.media-object {
	margin: 0px auto; 
	width: 112px; 
	height: 112px; 
	border-radius: 4px; 
	padding: 5px; 
	background: #FFF;
	border: 1px solid #E2E2E2;
	-webkit-filter: none;
}

.detail-header .star-rating {
	color: #FFCF00;	
}
	
.detail-header p.category {
	font-weight: 700;
	text-transform: uppercase;	
	letter-spacing: 0px;
	color: #FFF;
}

.detail-product .contact-information{
	border:1px solid #f0f0f0;
	padding:5px;
	background-color:#f8f8f8;
	margin-top:20px;
}
.detail-product .contact-information h5{
	font-weight:bold;
	margin-bottom:10px;
}
.detail-product span.label.price{
	font-size:12pt;
	position:relative;
	top:5px;
	padding:3px;
}
.detail-product hr{
	margin:10px 0 5px 0;
	background: #01011;
}

.detail .announcement {
	border: 4px solid #cb4171; 
	height: 300px;
}

.detail .announcement .title {
	background: #cb4171; 
	padding: 15px;
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; 
	color: #FFF;
}

.detail .announcement .text-promotion {
	margin-top: 20px; 
	font-size: 1.0em; 
	line-height: 1.3em; 	
}

.date {
	/*display: block;*/
	width: 80px;
	margin: 20px 0px;
	background: #fff;
	text-align: center;
	float: left;
	position: relative;
}

.date .binds {
	position: absolute;
	height: 15px;
	width: 60px;
	background: transparent;
	border: 2px solid #999;
	border-width: 0 5px;
	top: -6px;
	left: 0;
	right: 0;
	margin: auto;
}

.date .month {
	background: #555;
	display: block;
	padding: 8px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #333;
	box-shadow: inset 0 -1px 0 0 #666;
}

.date .day {
	display: block;
	margin: 0;
	padding: 15px 0;
	font-size: 30px;
	box-shadow: 0 0 3px #ccc;
	position: relative;
	font-family: 'Roboto', arial, tahoma, sans-serif;
    font-weight: 300;
}

.date .day::after {
	content: '';
	display: block;
	height: 100%;
	width: 96%;
	position: absolute;
	top: 3px;
	left: 2%;
	z-index: -1;
	box-shadow: 0 0 3px #ccc;
}

.date .day::before {
	content: '';
	display: block;
	height: 100%;
	width: 90%;
	position: absolute;
	top: 6px;
	left: 5%;
	z-index: -1;
	box-shadow: 0 0 3px #ccc;
}

.contact-section {
	margin-top: 20px; 
	margin-bottom: 20px; 
	background: #f5f3f3	
}

.address {
	background:url('../images/ui/address-bg.png') no-repeat bottom #f5f3f3;
	background-size: cover;	
}

.tab-content-area {
	margin: 20px 0px;
	max-height: 300px;
	padding-bottom: 30px;
	overflow:hidden;
	overflow: auto;	
}

.testimonial-balloon {
	padding: 6px 0px 3px 0px;  
	margin-bottom: 2px;
}

.testimonial-quote {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; 
}

.testimonial-date {
	color: #CCC;	
}


.fade-to-top {
	width: 100%; 

	background: url('../images/ui/gradient-effect-to-top.png') repeat-x;

}


.panel-title>a {
	display: block;	
}
	
.tab-content>.active {
	border-top: 0px;
	}
	
.nav-tabs {border-top: 1px solid #DDD}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background: #F1F1F1;
	border: 1px solid #F1F1F1;
	border-bottom: 1px solid #DDD;
}
	
.nav-tabs>li>a {
	border-radius: 0px;
}

.rezekiAllah {
	margin-top: 15px;	
	margin-bottom: 30px;	
}

.thumbnail-list {
	/* remove default list styles */
	list-style: none;
	margin: 0;
	padding: 0;
	/* remove spaces between li tags*/
	font-size: 0;
	text-align: left;
}

.thumbnail-list li {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}


.thumbnail-list li img {
	display: block;
	width: 100%;
	padding: 8px;
	padding-left: 0px;
}

.thumbnail-list a {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	border: 1px solid #F1F1F1;
	padding: 4px;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.thumbnail-list a img {
	display: block;
	width: 100%;
	
}



#map-outer {  
	height: 150px; 
	background-color:#FFF;
}

#map-container { 
	height: 150px;	
}

#map-container { height: 100% }


.listing-item{
	border-bottom: 0;
	overflow:hidden;
	padding:5px 0px;
	margin-bottom:20px;
}

.listing-item .media-object {
	border: 3px solid #F1F1F1;	
}

.listing-item .quick-info {padding-top: 10px; }

.listing-item .media-left { display: table-cell; vertical-align: top; padding-right: 20px;}

.listing-item .media-body { display: table-cell; vertical-align: top; height: 200px; overflow:hidden;}

.listing-item .quick-info .info {  float: left; margin-left: 4px; margin-top: 4px;}

.listing-item .bottom-control {margin: 14px 0px;}

.listing-item .bottom-control a { cursor: default;}

.listing-item .bottom-control a:hover { background: #F1F1F1;}

.bottom-control:after, .bottom-control:before { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0;width: 0; position: absolute; pointer-events: none; }


.bottom-control:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #F1F1F1;
	border-width: 10px;
	margin-left: -36px;
}

.listing-item .bottom-box { padding: 10px; margin-bottom: 20px;}

.listing_sub_categories{
	margin-bottom:10px;
}

#triangle-topright {
    position: absolute;
  margin-top: 0px;
  right: 15px;
  z-index: 2;
}


#triangle-topright:before {
    content:'';
    border-top: 50px solid rgba(204, 204, 204, 0.5);
    border-left: 50px solid transparent;
    position: absolute;
	
    top: 0;
    right: 0;
}

#triangle-topright.yellowBorder:before { 
	content:'';
	border-top: 50px solid rgba(255, 192, 0, 1);
	border-left: 50px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}

#triangle-topright.blueBorder:before { 
	content:'';
	border-top: 50px solid rgba(30, 193, 233, 1);
	border-left: 50px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}

#triangle-topright.greenBorder:before { 
	content:'';
	border-top: 50px solid rgba(0, 208, 174, 1);
	border-left: 50px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}

.triangle-text {
      -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg) translateZ(0px);
  transform: rotate(45deg) translateZ(0px);
  position: absolute;
  font-size: 0.55em;
  font-weight: 700;
  top: 7px;
  right: 3px;
  width: 44px;
  height: 40px;
  text-align: center;
  /* text-shadow: 1px 1px rgba(0,0,0,0.4); */
}

.btn-primary {
	background-color: #d44175;
	border-color: #FFF;
	color: #FFF;
}

.btn-primary:hover, .btn-primary:focus{
	background-color:#e9568a;
	background-position:0 -15px;
	border-color: #e9568a;
}

.btn-deal-more {
	background-color: #82b548;
	border-color: #FFF;
	color: #FFF;
}

.btn-deal-more:hover, .btn-deal-more:focus{
	background-color:#a0d95e;
	background-position:0 -15px;
	border-color: #a0d95e;
	color: #FFF;
}

.discount-tag {
	position: absolute; width: 40px; height: 40px; border: 1px solid red; top: 8px; right: 8px; background: red; border-radius: 50%; color: #FFF; text-align: center; padding-top: 6px; font-weight: 700;	z-index:999;
}

.discount-value {
	padding: 0px; width: 100%; margin: 0;	
}

.discount-off {
	font-size: 0.6em; font-weight: 300; line-height: 6px;
}	

.media:first-child {
	margin-top: 15px;	
}

.media {
	margin-bottom: 10px;	
}

h4.media-heading {
font-weight: 700;
font-size: 12pt;
line-height: 16pt;
color: #000;
float: left;
width: 100%;	
margin-bottom: 10px;
margin-top: -4px;
}

h2.media-heading {
font-weight: 700;
font-size: 12pt;
line-height: 16pt;
color: #000;
float: left;
width: 100%;	
margin-bottom: 10px;
margin-top: -4px;
}

.media .category a {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0px;
color: #d44175;
font-size: 0.8em;	
padding-bottom: 4px;
}

.media .category a:hover {
	color: #e9568a;
}

.media .location {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0px;
color: #333333;
font-size: 0.8em;
padding-bottom: 4px;
}

.media .description {
font-weight: 300;
letter-spacing: 0px;
margin: 10px 0px;
line-height: 22px;
height: 85px;
overflow: hidden;
word-break: break-word;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-header .close {
	margin-top: 4px !important;	
}


.tos .modal-header {
	background: #cb4171;
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
	color: #FFF;
	
}

.tos .modal-header h4 {
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}

.modal-backdrop {
	opacity: 0.8 !important;	
}

.modal-body h4 {
		font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
		color: #cb4171;
}

.modal-body p.signature {
		font-family: 'Pacifico', Helvetica, Arial, sans-serif;
		color: #000000;
		font-size: 2em;
}




#carousel-example-generic .carousel-control.left,
#carousel-example-generic .carousel-control.right{
	background-image:none;
}
#carousel-example-generic .carousel-control .icon-prev,
#carousel-example-generic .carousel-control .glyphicon-chevron-left{
	left:15%;
}
#carousel-example-generic .carousel-control .icon-next,
#carousel-example-generic .carousel-control .glyphicon-chevron-right{
	right: 15%;
}

#owl-headline .item {text-align: center;}

#owl-headline .item img {border: 0px; padding: 0px; margin: 0px;}

#owl-headline .owl-controls {margin-top: -30px; z-index: 9; position:inherit; text-align: center;}

a.headline-title {  font-size: 32px; font-weight: 400; color: #FFF; text-align: left; line-height: 34px; margin-top: 60px; display: block;  transition: all 0.5s ease-out; padding-left: 120px; font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; }

a.headline-title:hover {color: #CCC; transition: all 0.5s ease-out;}

a.headline-deal { background: rgba(130,181,72,0.75); font-size: 14px; padding: 14px 20px; font-weight: 300; color: #FFF; text-align: left; line-height: 20px; transition: all 0.5s ease-out; float: right;}

a.headline-deal:hover {background: rgba(130,181,72,1);  transition: all 0.5s ease-out;}

a.headline-visit { background: rgba(255,255,255,0.75); font-size: 14px; padding: 14px 20px; font-weight: 300; color: #333; text-align: left; line-height: 20px; transition: all 0.5s ease-out; float: right;}

a.headline-visit:hover {background: rgba(212,65,117,1);  transition: all 0.5s ease-out; color: #FFF;}

.headline-logo { position: absolute; left: 18px; margin-top: 64px; padding: 4px; border-radius: 1px; background: #333; box-shadow: 5px 5px 5px #000; }

.bounce-logo {
  margin-top:-25px;
  margin-left:-25px;
  display: none;
  height:20px;
  width:20px;
  border-radius: 20px;
  background:red;
  position: absolute;
  margin-top: -66px;
  -webkit-animation:bounce-logo 1s infinite;
}

@-webkit-keyframes bounce-logo {
  0%       { bottom:5px; }
  25%, 75% { bottom:15px; }
  50%      { bottom:20px; }
  100%     {bottom:0;}
}

.background {     
    -webkit-filter: blur(10px);     
    filter: blur(10px);      
}

#owl-headline .headline-description { color: #FFF; font-weight: 300; text-align: left; width: auto; padding-left: 120px; font-size: 18px; line-height: 22px; padding-top: 15px;}

#owl-headline .owl-pagination .owl-theme .owl-controls .owl-page span { background: #FFF;}

.owl-theme .owl-controls .owl-buttons div{
border-radius: 0px;
opacity: 0.7;
background: #cb4171 !important;
padding: 10px 10px;
	}

.owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 0px;
top: 120px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 0px;
top: 120px;
}


#footer-bottom { margin: 10px 0px 0px 0px;}



.navbar-nav>li>.dropdown-menu {
	margin-top: -1px;
}

.navbar-nav>li>.dropdown-wide {
	min-width: 280px !important;	
	padding: 0px 0px 5px 0px;
}


.first-list-deals {
	margin-bottom: 4px; 
	color: #FFF; 
background: #70a533; /* Old browsers */

background: -moz-linear-gradient(top,  #70a533 0%, #82b548 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70a533), color-stop(100%,#82b548)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #70a533 0%,#82b548 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #70a533 0%,#82b548 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #70a533 0%,#82b548 100%); /* IE10+ */

background: linear-gradient(to bottom,  #70a533 0%,#82b548 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70a533', endColorstr='#82b548',GradientType=0 ); /* IE6-9 */


}


.first-list-perkhidmatan {
	margin-bottom: 4px; 
	color: #FFF; 
	background: #cb4171; /* Old browsers */

background: -moz-linear-gradient(top,  #cb4171 0%, #fa396f 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb4171), color-stop(100%,#fa396f)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #cb4171 0%,#fa396f 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #cb4171 0%,#fa396f 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #cb4171 0%,#fa396f 100%); /* IE10+ */

background: linear-gradient(to bottom,  #cb4171 0%,#fa396f 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4171', endColorstr='#fa396f',GradientType=0 ); /* IE6-9 */
}

.first-list-perkhidmatan a, .first-list-deals a {
	 color: #FFF !important;
}

.first-list-perkhidmatan a:hover, .first-list-deals a:hover {
	background: #666 !important;	
}

.navbar-nav>li>.dropdown-menu .badge {
	font-weight: 300;
	font-size: 0.8em;
	background-color: #F1F1F1;
	margin-top: 2px;
	color: #999;
}

.navbar-nav>li>.dropdown-menu .semua {
	background-color: #333333;
	color: #FFF;
}

/* smooth drop down menu:START */
.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  
}
.open > .dropdown-menu li a {
  color: #000;  
}
.dropdown-menu li a{
  color: #fff;
}
.dropdown-menu {
  -webkit-transform-origin: top;
  transform-origin: top;

  -webkit-transform: scale(1, 0);
  display: block;
  transform: scale(1, 0);
    -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
}
.dropup .dropdown-menu {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;  
}
 
.navbar .nav > li > .dropdown-menu:after {
 
}
.dropup > .dropdown-menu:after {
  border-bottom: 0;
  border-top: 6px solid rgba(39, 45, 51, 0.9);
  top: auto;
  display: inline-block;
  bottom: -6px;
  content: '';
  position: absolute;
  left: 50%;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

/*COUNT DOWN*: START*/
.countdown {
  margin: 10px 0;
  padding-top: 10px;
  text-align: center;
  color: #FFF;
  padding-bottom: 0px;

}


.countdown div span {
  font-size: 2em;
  font-weight: 700;
  color: #FFCC00;
  padding-top: 10px
}

.countdown div p {
  font-size: 12px;
  text-align: center;
}


/*COUNT DOWN: END */

/* smooth drop down menu:END */

.mega-dropdown {
  position: static !important;
  
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
	background:url('../images/ui/triangle.png') no-repeat 0px 0px #FFF;
}
.mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #580717;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 130px;
    z-index: 10;
	display: none;
}
.mega-dropdown-menu:after {
    content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 128px;
    z-index: 8;
	display: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #666;
  white-space: normal;
}

.mega-dropdown-menu > li > ul > li > a span {
  padding-left: 5px;
  font-size: 8pt;
  color: #999; 
  font-weight: normal;
}


.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 85%;
  font-weight: 700;
  text-transform: uppercase;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.mega-dropdown-menu .top-featured {
	border: 0px solid red;	
}

.mega-dropdown-menu .top-featured h1 {
	font-family: Pacifico,cursive;	
	margin-top: 20px;
	margin-bottom: 20px;
}

.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
}
  
.dropdown-menu {
}

.btn-breadcrumb {
	  margin-bottom: 20px;	
}

/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/* The responsive part */

.btn-breadcrumb > * > div {
    /* With less: .text-overflow(); */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.btn-breadcrumb > *:nth-child(n+2) {
  display:none;
}


.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.navbar-fixed-top + .content-container {
	margin-top: 70px;
}
.content-container {
	margin: 0 130px;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
	z-index: 9;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
	z-index: 9;
}


/*iPhone Landscape*/
@media only screen and (max-width: 767px) {
	.full-page {
	}
	
	.top-register-btn {
		margin: 8px 15px 0px 0px;
	}
	
	.btn-breadcrumb > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 160px;
    }
	
	.deal h3.titledeal {
		font-size: 1.8em;	
		line-height: 36px;
	}
	
	.detail .announcement .text-promotion {
		text-align: center;	
	}
	
	.detail-header h1.title {
		  font-size: 1.8em;
	}
	
	.detail-header h3.title {
		  font-size: 1.8em;
	}
	
	.detail-header {
		border-bottom: 1px solid #F1F1f1;	
	}
	
	.navbar-nav>li>.dropdown-wide {
	min-width: 160px !important;	
	}

	.detail-contact-block {
		margin-left: 0px;	
	}

	
	.pagination>li>a, .pagination>li>span {
	   padding: 6px 10px;
	   
   }
   
   .price-tag-title {
		display: inline;   
   }
   
   .thumbnail-list a {
	width: 33.33%;  
  }
   
   .iphone-landscape {
		width: 50% !important; 
		float: left;  
   }
   

	.owl-pagination {
		display: none;	
	}
	
	.navbar-default .navbar-brand {
		padding-left: 4px;
	}
	
	a.navbar-brand {
		width: 110px;
	}
	
	
}


/*iPhone Portrait*/
@media only screen and (max-width: 479px) {
	.full-page {
	}
	
	.detail-contact-block {
		margin-left: 0px;	
	}
	
	.top-register-btn {
		margin: 8px 15px 0px 0px;
	}
	
    .btn-breadcrumb > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 88px;
    }
	
	.deal h3.titledeal {
		font-size: 1.8em;	
		line-height: 36px;
	}
	
	.thumbnail-list a {
	width: 33.33%  
  }
	
	.detail .announcement .text-promotion {
		text-align: center;	
	}
	
	.detail-header {
		border-bottom: 1px solid #F1F1f1;
	}
	
	.detail-header h1.title {
		font-size: 1.8em;
	}
	
	.detail-header h3.title {
		font-size: 1.8em;
	}
	
	.navbar-nav>li>.dropdown-wide {
	min-width: 160px !important;	
	}

	.main_content {
	padding: 1px 15px 30px 15px;
	}
	
	.listing-item .media-left { 
		padding-right: 15px;
	}
	
	.iphone-landscape {
		width: 100% !important; 
		float: left;  
   }
	
	.owl-pagination {
		display: none;	
	}
	
	.navbar-default .navbar-brand {
		padding-left: 4px;
	}
	
	a.navbar-brand {
		width: 110px;
	}
	
}

/* === For tablets (iPad portrait) ================================== */
@media (min-width: 768px) and (max-width:991px) {
    .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 160px;
    }
	
	.detail-contact-block {
		margin-left: 0px;	
	}
	
	.pagination>li>a, .pagination>li>span {
	   padding: 6px 8px;
	   
   }
   
   .price-tag-title {
		display: inline;   
   }
   
   .owl-pagination {
		display: none;	
	}
	
	.listing-item {
		margin-bottom: 0px;  
  }
}

/* === For desktops ================================== */
@media (min-width: 992px) {
    .btn-breadcrumb > *:nth-last-child(-n+6) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 200px;
    }
}


/*iPad Landscape*/
@media only screen and (min-width : 768px) and (max-width : 1279px) { 
html {
-webkit-text-size-adjust: 100%; 	
}

.mega-dropdown-menu {
	background:url('../images/ui/triangle.png') no-repeat -100px 0px #FFF;
}
.mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #580717;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 130px;
    z-index: 10;
}

.pagination>li>a, .pagination>li>span {
	   padding: 6px 8px;
	   
   }
   
   .deal_listing .item .data p.description {
		min-height: 60px !important;   
   }
   
   .icon-on-proniaga-banner {
		top: 34px;   
   }
   


}


/* Responsive
----------------------------------------------------------------------------- */
@media (max-width: 670px){
	#top-bar .nav{
		display:none;
	}
	#top-bar a.brand{
		float:none !important;
		
	}
	
	.icon-on-proniaga-banner {
		top: 26px;   
   }
	
	
	#top-bar a.brand img{
		float:none !important;
		width: 50%;
	}
	
	.nav>li {
		border-bottom: 1px solid #ccc;	
		font-size: 1.2em;
		font-weight: normal;
		background: #F3F3F3;
	}
	
	.main_content h1.titleBig {
		font-size: 1.5em;
		font-weight: 400;
		margin-top: 20px;
	}
	
	.main_content h2.titleBigSub {
		font-size: 10pt;
		font-weight: 500;
	}
	
	.proniaga-featured-image {
		height: 90px;	
	}
	
	.proniaga-icon {
		width: 60px; 
		height: 60px; 
		top: 15px; 	
	}
	
	.product_listing .item .data p.category {
		font-size: 65% !important;	
	}
	
	.product_listing .item .data .title {
		font-size: 11px;	
		line-height: 14px;
		height: 45px;
	}
	
	.product_listing .item .data {
		min-height: 150px;	
	}
	
	.deal_listing .item .deal-featured-image {
		height: 90px;	
	}
	
	.deal_listing .item .price-tag {
		height: 40px;
		margin-top: -50px;	
	}
	
	.deal_listing .item .data p.description {
		min-height: 60px;	
		font-size: 11px;	
		line-height: 14px;
	}
	
	.deal_listing .item .data p.category {
		font-size: 65% !important;	
	}
	
	.main_content h3.titleBig {
		font-size: 1.5em;	
		font-weight: 400;
		margin-top: 20px;
	}
	
	.main_content h3.titleBig p {
		font-size: 10pt;
		font-weight: 500;
	}
	
	.testimonial-words {
		font-size: 1em;
		line-height: 24px;	
	}
	
	.btn-deal-more {
    	font-size: 14px;
    	width: 100%;
	}
	
	.btn-gambar-more {
		font-size: 14px;
    	width: 100%;
	}
	
	.deal_listing .item .item-footer {
		height: 60px !important;	
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	.main_content{	
		padding:1px 15px 20px 15px;	
	}
	.thumbnail-list li {
		width: 50%;	
	}
	
	.listing-item .media-left { 
		padding-right: 15px;
	}
	
	.listing-item .bottom-control a {
		font-size: 0.75em;	
	}
	
	h4.media-heading {
		font-size: 1em;	
	}
	
	.thumbnail-list a {
	width: 33.33%  
   }
	
	.deal h3.titledeal {
		font-size: 1.4em;	
		line-height: 30px;
	}
	
	.owl-pagination {
		display: none;	
	}
	
	.icon-on-proniaga-banner {
		top: 14px;   
   }
   
   .listing-item {
		margin-bottom: 0px;  
  }
	
}

/*iphone portrait*/
@media screen and (max-width: 767px) {
	
	
	html {
-webkit-text-size-adjust: 100%; 	
}

	.icon-on-proniaga-banner {
		top: 14px;   
   }
   
   .top-register-btn {
		margin: 8px 15px 0px 0px;
	}
	
  .navbar-fixed-top {
    width:100%;
  }
  .navbar-fixed-top .navbar-collapse, 
  .navbar-fixed-bottom .navbar-collapse {
    max-height:none;
  }
  .navbar-nav {
    margin:0;
  }
  .navbar-form {
    margin:0;
  }
  
  .thumbnail-list a {
	width: 33.33% ; 
  }
  
  .navbar-toggle {
	  padding: 10px 10px 0 0;
  }
  
  
  .deal h3.titledeal {
		font-size: 1.6em;	
		line-height: 32px;
	}
	
	.price-tag-title {
		display: inline;   
   }
 
  
  /* General styles for all menus */
  .cbp-spmenu {
    background: #DDD;
    position: fixed;
    padding:0;
    margin:0 !important;
    overflow-x:hidden;
    overflow-y:visible;
    display:block;
    visibility:visible;

  }
  .navbar-fixed-top .cbp-spmenu {
    bottom:0;
  }
  /* Orientation-dependent styles for the content of the menu */
  .cbp-spmenu-vertical {
    width: 260px;
    height: 100%;
    top: 0;
    z-index: 1000;
  }
  .cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
  }
  .cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
  }
  .cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
  }
  /* Vertical menu that slides from the left or right */
  .cbp-spmenu-left {
    left: -260px;
  }
  .cbp-spmenu-right {
    right: -260px;
  }
  .cbp-spmenu-left.cbp-spmenu-open,
  .cbp-spmenu-push-toright .navbar-fixed-top .cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
	  box-shadow: 1px 1px 5px #999;
  }
  .cbp-spmenu-right.cbp-spmenu-open,
  .cbp-spmenu-push-toleft .navbar-fixed-top .cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
  }
  /* Horizontal menu that slides from the top or bottom */
  .cbp-spmenu-top {
    top: -150px;
  }
  .cbp-spmenu-bottom {
    bottom: -150px;
  }
  .cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
  }
  .cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
  }
  /* Push classes applied to the body */
  .cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
  }
  .cbp-spmenu-push-toright,
  .cbp-spmenu-push-toright .navbar-fixed-top {
    left: 260px;
  }
  .cbp-spmenu-push-toleft,
  .cbp-spmenu-push-toleft .navbar-fixed-top {
    left: -260px;
  }
  /* Transitions */
  .cbp-spmenu,
  .cbp-spmenu-push,
  .navbar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	
  }
  
  .thumbnail-list li {
		width: 50%;  
  }
  
  .listing-item {
		margin-bottom: 0px;  
  }
  

}