/***  initial animation  ***/
@-webkit-keyframes custom-list-init {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes custom-list-init {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes custom-list-init {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes custom-list-init {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
.custom_list {
	-webkit-animation: custom-list-init 1.5s;
	-moz-animation: custom-list-init 1.5s;
	-o-animation: custom-list-init 1.5s;
	animation: custom-list-init 1.5s;
	-webkit-transition: height 1s; 
	-moz-transition: height 1s; 
	-ms-transition: height 1s; 
	-o-transition: height 1s; 
	transition: height 1s;	
}
/***  end animation styles  ***/

.custom_list .items-wrapper .row { max-width: 1080px !important; }
.custom_list .items-wrapper .columns { padding-left: 20px !important; padding-right: 20px !important; }
.custom_list .img-wrapper { position: relative; max-width: 100%; margin-bottom: 20px; z-index: 100; }
.custom_list .img-wrapper:before {
	content: " ";
    height: 25px;
    position: absolute;
    z-index: 1;
    bottom: 5px;
    left: 5px;
    right: 5px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
    height: 75px;
}
.custom_list .img-wrapper .shadow:before, .custom_list .img-wrapper .shadow:after { color: #111; }
.custom_list .img-wrapper .highlights-button {
	background-image: url('/includes/public/assets/images/highlights-button.png');
	width: 34px;
	height: 34px;
	position: absolute;
	top: 0;
	right: 1px;
}
.custom_list .img-wrapper .title {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	color: #f4edd9;
	text-shadow: 0px 1px 1px #401c09;
	padding-right: 5px;
	position: absolute;
	left: 20px;
	bottom: 30px;
	z-index: 1;
}
.custom_list .img-wrapper img { border: 5px solid #ffffff; width: 100%; }
.custom_list .img-wrapper .playicon{
    display: block;
    width: 85px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 14px 15px;
    background-color: rgba(0,0,0,0.5);
    background-image: url("/includes/public/assets/images/play-arrow.png");
    background-position: 33px center;
    background-repeat: no-repeat;
    -webkit-transition: all 275ms ease-in-out;
    -moz-transition: all 275ms ease-in-out;
    -o-transition: all 275ms ease-in-out;
    transition: all 275ms ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.custom_list .img-wrapper:hover .playicon{
    background-color: rgba(218,41,28, 0.95);
    border: solid 1px rgba(255, 255, 255, 0.41);
}
.custom-list-wrapper .btn-wrapper {
	position: relative;
	width: 170px;
	left: 0;
	right: 0;
	margin: 0px auto;
	z-index: 100;
}
.custom-list-wrapper .btn-wrapper .shadow:before,
.custom-list-wrapper .btn-wrapper .shadow:after {
	bottom: 42px;
	top: 30%;;
	color: #111;
}
.custom-list-wrapper .btn-wrapper .button {
	background-image: url('/includes/public/assets/images/mosaic-light-green.png');
	border-radius: 6px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	color: #fffbf0;
	text-shadow: 1px 2px 1px #626502;
	text-transform: uppercase;
	position: relative;
	height: 45px;
	margin-top: 10px;
	margin-bottom: 30px;
}

/*** Tablet and Desk***/ 
@media only screen and (min-width: 40.063em){
	.custom_list .items-wrapper .short-col1 { text-align: center; }
	.custom_list .items-wrapper .short-col1 a:nth-child(2) .img-wrapper { width: auto; }
	.custom_list .items-wrapper .short-col2 a:nth-child(1) .img-wrapper { width: auto; margin-left: 4px; }
	.custom_list .items-wrapper .short-col2 { position: relative; top: -10px; }
	.custom_list .items-wrapper .tall-col { position: relative; }
	.custom_list .img-wrapper { display: inline-block; }
	.custom_list .single a:nth-child(2) .img-wrapper { margin-left: 15px; }
	.custom_list .img-wrapper img { width: auto; }
} 
/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.custom_list .items-wrapper .row { padding-left: 23px !important; padding-right: 23px !important; }
	.custom_list .items-wrapper .columns { padding-left: 7px !important; padding-right: 7px !important; }
	.custom_list .items-wrapper .tall-col { padding-left: 17px !important; top: -4px; }
	.custom_list .img-wrapper .title { font-size: 16px; left: 15px; bottom: 15px; }
} 
/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) {
	.custom_list .items-wrapper .columns { padding-left: 10px !important; padding-right: 10px !important; }
	.custom_list .items-wrapper .tall-col { top: -1px; }
	.custom_list .img-wrapper .title { font-size: 20px; bottom: 20px; }
}