html {
  overflow-y: scroll;
}
body {
	overflow:hidden;
}
/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/* Infinite Scroll loader */
#infscr-loading { 
	text-align: center;
	z-index: 100;
	position: absolute;
	left:50%;
	bottom:0px;
	width:300px;
	height:200px;
	padding:5px;
	text-align:center;
	/*background:#EC1D23;*/
	opacity: 0.8;
	background:#FFF url(/images/preload.gif) center center no-repeat;
	font-size:14px; font-weight:bold;
	color:#666;
	margin:0px auto;
	margin-left:-150px;
	/*border-bottom:1px solid #8f0c10;*/
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
@media (min-width: 1200px) {#infscr-loading {width:300px; }}
#infscr-loading  img{ display:none;}
#infscr-loading  .fa-refresh{ padding-right:10px;}
#infscr-loading  .fa-spin{ font-size:40px; color:#666;}

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/**grid-content*/

#grid .post{
	-webkit-transition: top 0.5s ease, left 0.5s ease;
	-moz-transition: top 0.5s ease, left 0.5s ease;
	-o-transition: top 0.5s ease, left 0.5s ease;
	-ms-transition: top 0.5s ease, left 0.5s ease;
}
#grid{ margin:0 auto; margin-left:-6px; margin-right:-6px;}
#grid [class*="col-"]{  padding-left:6px; padding-right:6px;}

#grid .post{
	width:33.3%;
	margin:0px;
	margin-bottom:5px;
	min-height:100px;
}

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

@media screen and (max-width: 992px) {
	#grid .post{
		width:49.9%;
	}
}

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

}

@media screen and (max-width: 480px) {
	#grid .post{
		width:100%;
		max-width: none;
	}
}

.sub-section{ margin-bottom:15px;}
.item-post{	
	background:#FFF;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
   margin-bottom:15px;
   overflow:hidden;
	
	border:1px  solid #e5e5e5;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
.item-post:hover{background:#FFF; border:1px solid #f66b96;
	box-shadow: 0 1px 3px rgba(236,0,140,0.4);
	-moz-box-shadow: 0 1px 3px rgba(236,0,140,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(236,0,140,0.4);
}

.field-image{ overflow:hidden; position:relative; min-height:90px;}
.field-image img{ max-width:100%; height:auto;}
.field-image a{display:block; overflow:hidden;}
.field-image a:hover{ color:#333;}
.field-image .preview-pic{
	min-width:100%; height:auto;
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 2000ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration:2000ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration:2000ms;
	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.field-image:hover .preview-pic {
	-webkit-transform:scale(1.15, 1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 1500ms;
	-moz-transform:scale(1.15, 1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 1500ms;
	transform:scale(1.15, 1.15);
	transition-timing-function: ease-out;
	transition-duration: 1500ms;

	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	
	position: relative;
	z-index: 3;
}
.item-hidden{overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}

.item-post .field-image{margin-bottom:10px;}
.item-post .field-content{overflow:hidden; margin-bottom:10px; padding:0 10px;} 
.item-post .field-content h3{font-family:Arial,Helvetica,sans-serif,tahoma;font-weight:bold; margin: 0; margin-bottom:10px;font-size:16px;line-height:1.4; overflow: hidden;}
.item-post .field-content a h3{color:#333;} .item-post .field-content a:hover h3, .item-post .field-content a:focus h3{color:#e50780;}
.item-post .field-content .post-preview{color:#666666;display:block; overflow:hidden;}

.field-footer{padding:5px 5px; border-top:1px solid #e7e7e7;}
.field-footer .fa{ color:#CCC; font-size:14px;}
.field-footer .post-cate{display:inline-block; padding-left:5px; padding-right:5px;}
.field-footer .post-cate span{ font-size:12px; font-weight: bold; padding:2px 0px; display: inline-block; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.field-footer .post-date{display:inline-block; color:#666; font-size:11px;}

@media (max-width:767px){
	.home-cosmeintrend .grid{ width:49.9%; float:left;}
}
@media (max-width: 600px) {
	.home-cosmeintrend .item-post .field-image{height:140px;} 
}
@media (max-width: 400px) {
	.home-cosmeintrend .grid{ width:100%}
	.field-footer .post-date{display:inline-block; padding-left:0px;}
	.home-cosmeintrend .item-post .field-image{height:auto; max-height:200px;}
	.item-post .field-content h3{ font-size:18px;}
}
@media (min-width:768px) and (max-width:991px){
	.home-cosmeintrend .grid{ width:25%; float:left;}
}
@media (min-width:992px) and (max-width:1199px){
	.field-footer .post-date{display:block; padding-left:5px;}
}

.item-post.banner .field-image {
    margin-bottom:0px;
}
.item-post.banner .field-image .cosme-banner300 {
    margin: 0 auto 0px;
}
.item-post.banner  img{
    height: auto;
    min-width: 100%;
}
.field-image .sponsor{ display:inline-block; padding:0px 3px; background:rgba(172,172,172,0.5); color:#FFF; font-size:11px; position:absolute; bottom:1px; right:1px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}