/* Styles shared among all language versions - utility and fixes */

/** CLEARFIX **/
/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

.clear {	clear: both; }

/* Enable gradients, border-radius and box-shadows on older IE versions */
.pie { behavior: url(local/css/PIE.htc); } /* Class to enable css PIE on IE */
.relative { position: relative; } /* PIE fix */

/* CHAT NOW LAYOUT FIXES */
.c43-image {
  top: 11px !important;
  right: 0px !important;
}
.c43-content {
  margin-top: 0px !important;
  margin-right: -1px !important;
}
.c43-items div {
  margin: 0 6px !important;
  width: 186px !important;
}
.cc06-lastchat {
  text-align: left !important;
  border: 0px !important;
}

/* Classes to hide/show page elements depending on the viewport size */
/********************************* PHONE *************************************/
@media all and (max-width: 759px) {
	.hide-on-mobile {
		display: none !important; 
	}
	.show-on-mobile {
		display: block !important; 
	}
	.inline.show-on-mobile {
		display: inline !important; 
	}
}

/********************************* TABLET *************************************/
@media all and (min-width: 760px) and (max-width: 1249px) {
	.hide-on-tablet {
		display: none !important; 
	}
	.show-on-tablet {
		display: block !important; 
	}
	.inline.show-on-tablet {
		display: inline !important; 
	}
}

/********************************* DESKTOP *************************************/
@media all and (min-width: 1250px) {
	.hide-on-desktop {
		display: none !important; 
	}
	.show-on-desktop {
		display: block !important; 
	}
	.inline.show-on-desktop {
		display: inline !important; 
	}
}




/**************** TEMP PLACEHOLDERS *******************/



.placeholder {
	background: url('../img/placeholder.png') #ccc;
}
/* Phone only */
@media all and (max-width: 759px) {
	.placeholder.img-tab {
		width: 180px;
		height: 120px;
		margin: 15px auto;
	}
	.placeholder { border: 1px solid #666; }
}

/* Tablet only */
@media all and (min-width: 760px) and (max-width: 1249px) {
	.placeholder.img-tab {
		width: 170px;
		height: 135px;
		float: left;
		margin: 0 20px 0 0;
	}
}

/* Desktop only */
@media all and (min-width: 1250px) {
	.placeholder.img-tab {
		width: 210px;
		height: 175px;
		float: left;
		margin: 0 20px 0 0;
	}
}