/* global override */

body{
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
}

b{
	font-weight:bold;
}

/* top */

.home_top{
	height: 500px;
	text-align:center;
	box-sizing: border-box;
	position: relative;
	transition: height 0.3s;
}

.home_top.promotion{
	height:600px;
}

.home_top_container{
	width: 100%;
	position: absolute;
	padding-bottom:40px;
	bottom: 0px;
	left: 0px;
	transition: padding-bottom 0.3s;
}

.home_top_logocontainer{

}

.home_top_logo{
	vertical-align: top;
	height: 70px;
}

.home_top_infoBtn{
	width: 20px;
	height: 20px;
	vertical-align: top;
	line-height:20px;
	margin-right: -20px;
	position: relative;
	left: 5px;
	cursor: pointer;
}

.home_top_aboutus{
	font-size: 14px;
	padding: 20px 150px 0px 150px;
}

.home_top_aboutus.hidden{
	display:none;
}

.home_top_aboutus a{
	color: #f00;
	font-weight: bold;
}

.home_top_aboutus_checkbox{
	padding-top: 20px;
	font-size: 11px;
	cursor:pointer;
}

.home_top_contactContainer{
	padding: 30px 0px;
	font-size: 15px;
}

.home_top_contactContainer span a{
	font-weight:bold;
	color:#f00;
}

.home_top_contactContainer span span{
	font-weight:bold;
	color:#f00;
}

.home_top_search_backBtn{
	float: left;
	color: #fff;
	font-size: 16px;
	padding: 15px 20px;
	margin: 0px -80px 0px 20px;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	display:none;
}

.home_top_search_container{
	display:inline-block;
	position: relative;
	width:700px;
	height:50px;
	margin-bottom:20px;
	transition: width 0.4s;
}

.home_top.promotion.searchresults .home_top_search_container{
	margin-bottom:50px;
}

.home_top_search_container.expanded{
	height:300px;
}

.home_top_search{
	width: 100%;
	height: 100%;
	position:absolute;
	top:0px;
	left:0px;
	padding: 10px 30px;
	vertical-align: top;
	font-size: 17px;
	font-weight: normal;
	text-align: left;
	color: #757575;
	background-color: #d4d4d4;
	outline: none;
	border: 0px;
	border-radius: 10px;
	box-sizing: border-box;
	z-index: 1;
}

.home_top.promotion .home_top_search{
	box-shadow: 0px 3px 15px -3px;
	background: #fff;
}

.home_top_searchupload{
	width: 100%;
	height: 100%;    
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	border-radius: 10px;
	z-index: 4;
	display: none;
}

.home_top.searchresults .home_top_searchupload{
	box-shadow: 0px 3px 10px -5px
}

.home_top_searchupload span[data-label='filename']{
	font-weight:bold;
}

#home_top_searchupload_imagepreview{
	height:30px;
	width:30px;
	margin-right: 10px;
	vertical-align: middle;
	border-radius: 15px;
}

.home_top_searchupload .far{
	color: #f00;
	margin-right: 10px;
}

.home_top_searchupload_image,
.home_top_searchupload_qrcode,
.home_top_searchupload_document{
	display:none;
	line-height: 50px;
}

.home_top_searchupload_image_showDetailsBtn,
.home_top_searchupload_qrcode_showDetailsBtn,
.home_top_searchupload_document_showDetailsBtn{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px !important;
	line-height: 50px;
	color: #000 !important;
	border-radius: 10px;
	cursor: pointer;
}

.home_top_searchupload_image_details,
.home_top_searchupload_qrcode_details,
.home_top_searchupload_document_details{
	padding: 10px 20px;
	text-align: left;
	display:none;
}

.home_top_searchupload_image_details .home_top_searchupload_image_preview{
	height: 220px;
	width: 220px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: top;
	display:inline-block;
}

.home_top_searchupload_image_details .home_top_searchupload_image_info{
	width:400px;
	height:200px;
	display:inline-block;
	vertical-align:top;
	line-height:initial;
	padding:10px 20px;
	font-size:12px;
	overflow-y:scroll;
}

.home_top_searchupload_image_info_color,
.home_top_searchupload_image_info_label2{
	margin: 10px 0px;
}

.home_top_searchupload_image_info_color div{
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 20px;
	vertical-align: middle;
	margin: 0px 10px;
}

.home_top_searchupload_image_info_label2 div{
	display:inline-block;
}

.home_top_searchupload_image_info_label2 #score{
	font-weight:bold;
	float:right;
}

.home_top_searchupload_qrcode_thumbnail{
	height:200px;
	width:200px;
	display:inline-block;
	vertical-align:top;
}

.home_top_searchupload_qrcode_details .home_top_searchupload_qrcode_info{
	width: 420px;
	height: 200px;
	display: inline-block;
	vertical-align:top;
	line-height: initial;
	padding: 10px 20px;
	border: 0px;
	font-size: 12px;
	overflow-y: scroll;
	word-break: break-word;
}

.home_top_searchupload_document_details .home_top_searchupload_document_thumbnail{
	vertical-align: top;
	height: 220px;
	width: 160px;
	border: 1px solid #dedede;
}

.home_top_searchupload_document_details .home_top_searchupload_document_info{
	width: 450px;
	height: 200px;
	display: inline-block;
	vertical-align:top;
	line-height: initial;
	padding: 10px 20px;
	border: 0px;
	font-size: 12px;
	overflow-y: scroll;
}

.home_top_searchupload_document_info_label,
.home_top_searchupload_qrcode_info_label,
.home_top_searchupload_image_info_label{
	font-weight: bold;
	margin: 10px 0px;
	margin-top: 20px;
}

.home_top_search.selected{
	color:#000;
}

.home_top_dropfile{
	width: 700px;
	height: 150px;
	padding: 10px 30px;
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	background: rgba(255,255,255,0.8);
	border: 2px dotted #bdbdbd;
	border-radius: 10px;
	position:relative;
	display:none;
}

.home_top_dropfile h1{
	font-size:17px;
	padding:40px 0px 30px 0px;
	margin:0px;
}

.home_top_dropfile p{
	font-size: 13px;
	margin: 0px 5px;
}

.home_top_dropfile p i{
	color:#f00;
}

.home_top_dropfile p span{
	font-weight:bold;
}

.home_top_dropfile p.disclaimer{
	position:absolute;
	bottom:0px;
	right:0px;
	padding:5px 10px;
	margin:0px;
	font-size:11px;
}

.home_top_search_btn{
	width: 50px;
	height: 50px;
	margin-left: 6px;
	margin-right: -50px;
	vertical-align: top;
	color: #f00;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	border-radius: 30px;
	position: relative;
	z-index:2;
	cursor: pointer;
}

.home_top_search_btn[data-label='upload']{
	margin-left: -54px;
	margin-right: 0px;
	color: rgb(169, 169, 169);
	border-radius: 10px;
	display:none;
}

/* promotion bg */
.home_top_promotion{
	width: 100%;
	height: 700px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow:hidden;
}

.home_top_promotion_colour{
	width:100%;
	height:100%;
}

.home_top_promotion_image{
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

.home_top_promotion_video{
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	opacity: 0.2;
	object-fit: cover;
}

.home_top_promotion_description{
	text-align:center;
}

.home_top.promotion.searchresults .home_top_promotion_description{
	display:none;
}

.home_top_promotion_topmask{
	width: 100%;
	height: 300px;
	background: -moz-linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(160,160,160,0) 100%);
	background: -webkit-linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(160,160,160,0) 100%);
	background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgb(160, 160, 160) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#00a0a0a0',GradientType=0 );
	position: absolute;
	top: 0px;
}

.home_top_promotion_mask{
	width: 100%;
	height: 150px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	position: absolute;
	bottom: 0px;
}

/* search results */

.home_top.searchresults .home_top_container{
	position: initial;
	padding-bottom: 0px;
	padding-top: 10px;
}

.home_top.searchresults .home_top_logocontainer,
.home_top.searchresults .home_top_aboutus,
.home_top.searchresults .home_top_contactContainer{
	display:none;
}

.home_top.searchresults .home_top_search_btn[data-label='upload']{
	display:none;
}

.home_top.searchresults .home_top_search_btn[data-label='search']{
	border-radius:10px;
}

.home_top.searchresults .home_top_search_btn[data-label='search']{
	margin-left: -54px;
}

.home_top_search_uploadcontainer{
	position:fixed;
	width:240px;
	height:170px;
	background: #bcbcbc;
	box-shadow: 4px 4px 10px -4px #4c4c4c;
	border-radius: 0px 10px 10px 10px;
	z-index: 2;
	display:none;
}

.home_top_search_uploadBtn{
	height:50px;
	text-align:right;
	line-height:50px;
	font-size: 12px;
	cursor:pointer;
	position:relative;
}

.home_top_search_uploadBtn.disabled{
	color: #9a9a9a;
	cursor:not-allowed;
}

.home_top_search_uploadBtn .fas,
.home_top_search_uploadBtn .far{
	height:50px;
	width:50px;
	color:#8a8a8a;
	text-align:center;
	line-height: 50px;
	font-size: 20px;
	margin-left:15px;
	vertical-align: middle;
}

.home_top_search_uploadBtn.disabled .fas,
.home_top_search_uploadBtn.disabled .far{
	color:#9a9a9a;
}

.home_top_search_uploadBtn span.fa{
	z-index: 10;
	position: absolute;
	top: 19px;
	color: #000;
}

.home_top_search_uploadBtn input{
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right:0;
	width: 100%;
	height:100%;
	opacity: 0.0;
	cursor:pointer;
}

.home_top_search_uploadMessage{
	height: 20px;
	background: #a7a7a7;
	border-radius: 0px 0px 10px 10px;
	font-size: 12px;
	line-height: 20px;
}

.home_top_promotion_description{
	padding: 70px 0px;
	font-size: 14px;
}

.home_top_promotion_description a{
	color:#f00;
	font-weight:bold;
}

.home_top_search_uploaderror{
	position: fixed;
	height: 100px;
	width: 700px;
	background: #fff;
	box-shadow: 0px 2px 10px -4px;
	border-radius: 15px;
	z-index: 10;
	display:none;
}

.home_top_search_uploaderror .far{
	float: left;
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 50px;
}

.home_top_search_uploaderror_dismissBtn{
	float: right;
	padding: 10px 30px;
	margin: 30px 10px;
	display: inline-block;
	box-shadow: 0px 4px 10px -5px;
	text-transform:uppercase;
	cursor: pointer;
}

.home_top_search_uploaderror_format,
.home_top_search_uploaderror_size{
	display: inline-block;
	padding: 10px 0px;
	width: 380px;
	display:none;
}

.home_top_search_uploaderror_format h1,
.home_top_search_uploaderror_size h1{
	font-size: 16px;
	margin:10px 0px;
}

.home_top_search_uploaderror_format h1 span#format{
	text-transform:uppercase;
	font-weight:bold;
}

.home_top_search_uploaderror_format p,
.home_top_search_uploaderror_size p{
	font-size: 12px;
	margin: 15px 0px;
}

.home_top.searchresults .home_top_search{
	background:#fff;
	box-shadow: 0px 2px 10px -3px #757575;
}

.home_searchresults{
	display:none;
	background: #e5e5e5;
	position:relative;
}

.home_searchresults_transition{
	height: 90px;
	width: 100%;
	position: absolute;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.home_searchresults_loading{
	position:absolute;
	width:100%;
	z-index:5;
}

.home_searchresults_loading .fa-circle-notch{
	font-size:40px;
}

.home_searchresults_container,
.home_searchresults_none,
.home_searchresults_toolong{
	display:none;
}

/* search results - too short */
.home_searchresults_tooshort{
	text-align: center;
	display:none;
}

.home_searchresults_tooshort_title{
	font-size:25px;
	padding:40px 0px;
	color: #5d5d5d;
}

.home_searchresults_tooshort_intro{
	font-size:14px;
}

.home_searchresults_tooshort_examples{
	width: 350px;
	margin: 25px 0px;
	display: inline-block;
	position: relative;
	font-style: italic;
	line-height: 25px;
}

.home_searchresults_tooshort_examples .fas{
	position: absolute;
	color: #b5b5b5;
	font-size: 30px;
}

.home_searchresults_tooshort_examples .fa-quote-left{
	top: 10px;
	left: 10px;
}

.home_searchresults_tooshort_examples .fa-quote-right{
	bottom: 10px;
	right: 10px;
}
 
.home_searchresults_tooshort_moretxt{
	font-size: 12px;
}

.home_searchresults_tooshort_moretxt a{
	color:#f00;
	font-weight:bold;
}

/* search result menu */
.home_searchresults_menu{
	height: 50px;    
	position: absolute;
	top: 10px;
	background: #fff;
	box-shadow: 0px 3px 10px -5px #545454;
	border-radius: 20px;
	z-index: 2;
}

.home_top.promotion .home_searchresults_menu{
	top:-25px;
}

.home_searchresults_menu_left{
	height: 100%;
	padding: 0px 15px;
	line-height: 50px;
	display: inline-block;
	background: #e2e2e2;
	color: #484848;
	vertical-align: top;
	border-radius: 20px 0px 0px 20px;
}

.home_searchresults_menu_viewBtns i{
	height: 25px;
	width: 25px;
	vertical-align: middle;
	line-height: 25px;
	text-align: center;
	border-radius: 20px;
	font-size: 13px;
	margin: 7px 3px 3px;
	cursor: pointer;
	position: relative;
}

.home_searchresults_menu_viewBtns i.selected{
	background:#cacaca;
}

.home_searchresults_menu_left span{
	line-height: 15px;
	height: 15px;
	font-size: 11px;
	font-weight: bold;
}

.home_searchresults_menu_listings{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

.home_searchresults_menu_listings li{
	display: inline-block;
	height: 100%;
	line-height: 50px;
	margin: 0px;
	padding: 0px 20px;
	vertical-align: top;
	cursor: pointer;
}

.home_searchresults_menu_listings li:last-child{
	border-radius: 0px 20px 20px 0px;
}

.home_searchresults_menu_listings_counter{
	width: 12px;
	height: 12px;
	display: inline-block;
	line-height: 12px;
	vertical-align: top;
	position: relative;
	top: 13px;
	font-size: 9px;
	color: #fff;
	background: #484848;
	border-radius: 10px;
}

/* search result cards */

.home_searchresults_container{
	padding-top: 90px;
}

.home_searchresults_container.grid{
	margin:0px;
}

.home_searchresults_cardcontainer{
	padding:10px 0px;
	text-align:left;
}

.home_searchresults_cardcontainer h1{
	margin: 0px 53px;
	margin-bottom: -27px;
	text-align: right;
	font-size: 30px;
	color: #d2d2d2;
}

.home_searchresults_cardcontainer.highlight,
.home_searchresults_cardcontainer:hover{
	background: #d2d2d2;
}

.home_searchresults_cardcontainer:hover h1{
	color:#bdbdbd;
}

.home_searchresults_card{
	min-height: 100px;
	margin: 20px 30px;
	background: #fff;
	box-shadow: 0px 3px 10px -5px #9a9a9a;
	border-radius: 20px;
	position:relative;
	color:#000;
}

.home_searchresults_container.grid .home_searchresults_card{
	display:inline-block;
	width: 200px;
    height: 300px;
    margin: 20px 10px;
}

.home_searchresults_container.grid .home_searchresults_card .home_searchresults_card_matchRate{
	display:inline-block;
	font-size:10px;
	text-align:center;
	box-sizing:border-box;
	width: 100%;
}

.home_searchresults_card.perfect{
	border: 4px solid #ffd455;
}

.home_searchresults_card_matchRate{
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 20px;
}

.home_searchresults_card_matchrate .home_searchresults_card_perfectmatchIcon{
	color:#ff9800;
}

.home_searchresults_card_supplierLogo{
	margin: 35px;
    height: 40px;
    width: 130px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    background-size: contain;
}

.home_searchresults_card_supplierdetails{
	display: inline-block;
    vertical-align: top;
    padding: 27px 0px;
}

.home_searchresults_container.grid .home_searchresults_card .home_searchresults_card_supplierLogo {
    margin: 60px 48px;
    height: 40px;
}

.home_searchresults_container.grid .home_searchresults_card .home_searchresults_card_supplierdetails{
	padding: 0px 10px;
    text-align: center;
}


/* supplier result listing */

.home_searchresults_card_suppliercountry{
	font-size: 13px;
	font-weight: bold;
}

.home_searchresults_card_suppliercountry img{
	height:20px;
	vertical-align:middle;
	margin-right:5px;
}

.home_searchresults_card_suppliertypes{
	font-size: 14px;
    padding: 10px 0px;
}

/* product result listing */
.home_searchresults_card_product_img{
	width: 150px;
    margin: 25px;
    vertical-align: middle;
}

.home_searchresults_card_product_details{
	display: inline-block;
    vertical-align: middle;
}

.home_searchresults_container.grid .home_searchresults_card_product_details{
	padding:0px 20px;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}

.home_searchresults_card_product_name{
	font-weight:bolder;
}

.home_searchresults_card_product_supplierLogo{
	height:12px;
	padding-right:3px;
}

/* section result listing */

.home_searchresults_card_section_name{
    font-weight: bold;
    width: 150px;
    height: 50px;
    margin: 25px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    position: relative;
    display: inline-block;
}

/* cards */

.home_cards_container{
	text-align:center;
	margin-bottom: 50px;
	visibility:hidden;
}

.home_card{
	border-radius:5px;
	background-color: #d4d4d4;
	overflow: hidden;
}

.home_card_toobig{
	display:none !important;
}

.home_card_background_colour{
	width:100%;
	height:100%;
	border-radius:5px;
	position:relative;
	color:#000;
}

.home_card_background_image{
	width:100%;
	height:100%;
	border-radius:5px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	color:#000;
}

.home_card_background_video{
	width:100%;
	height:100%;
	overflow:hidden;
	color:#000;
}

.home_card_background_video video{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	z-index:-1;
}

.home_card_background_video i{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	z-index: 2;
	color: #fff;
	font-size: 14px;
	background: rgba(0,0,0,0.8);
	cursor: pointer;
}

.home_card_dismiss {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	color: #000;
	opacity: 0.1;
	z-index: 2;
	cursor: pointer;
}

.home_card_like{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	color: #000;
	opacity: 0.1;
	z-index:2;
	cursor: pointer;
}

.home_card_like.liked{
	color:#ff1100;
}

.home_card_background_dismissed{
	background:#fff;
	border: 2px solid #d6d6d6;
	color:#000;
	box-sizing: border-box;
	font-size: 12px;
	z-index:5;
	border-radius: 5px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	cursor: pointer;
}

.home_card_background_dismissed i{
	margin-bottom:5px;
	display:block;
}

.home_card_dismiss_popup,
.home_card_like_popup{
	position: fixed;
	background: #fff;
	z-index: 3;
	border-radius: 10px;
	min-height: 40px;
	min-width: 300px;
	font-size: 14px;
	box-shadow: 0px 3px 10px -3px #000;
}

.home_card_dismiss_popup div,
.home_card_like_popup div{
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	color: #000;
	text-align:left;
	cursor:pointer;
}

.home_card_like_popup div i,
.home_card_dismiss_popup div i{
	margin-right:10px;
}

.home_card:hover .home_card_dismiss,
.home_card:hover .home_card_like{
	opacity:1;
}

.home_card .home_card_like.liked{
	opacity:1;
}

/* ad card */
.home_card_ad{
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	color: #fff;
	z-index: 2;
	cursor: help;
}

.home_card_adModal{
	width:300px;
	height:300px;
	position:fixed;
	background:#fff;
	border-radius:20px;
	box-shadow:0px 3px 10px -3px;
	z-index: 3;
}

.home_card_adModal_closeBtn{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 20px 0px 20px 0px;
	cursor:pointer;
}

.home_card_adModal h1{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	padding: 5px 0px 15px 0px;
}

.home_card_adModal p{
	font-size: 13px;
	text-align: center;
	padding: 0px 20px;
}

.home_card_adModal_btns{
	padding: 0px 10px;
}

.home_card_adModal_btns > div{
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 20px;
	position: relative;
	border-radius: 10px;
	cursor: pointer;
}

.home_card_adModal_btns > div[data-button='dontshow']{
	color:#f00;
	font-size:12px;
}

/* swipe overlay */
.home_card_swipeoverlay{
	width:0%;
	height:100%;
	position:absolute;
	top:0px;
	background:#fff;
	border-radius:5px;
	box-sizing: border-box;
	z-index: 10;
}

.home_card_swipeoverlay.dismiss{
	right:0px;
}

.home_card_swipeoverlay.like{
	left:0px;
}

.home_card_swipeoverlay.fullwidth{
	border:2px solid #cacaca;
}

.home_card_swipeoverlay i{
	display:none;
}

.home_card_swipeoverlay.fullwidth i{
	display:inline-block;
}

.home_card_swipeoverlay i{
	font-size:30px;
	color:#000;
}

.home_card_swipeoverlay.like i{
	color:#F44336;
}

/* loading */

.home_cards_loading{
	width: 100%;
	text-align: center;
	padding: 30px 0px;
	font-size: 25px;
}

.home_cards_loading .far{
	margin-right:10px;
}

.home_cards_end{
	height: 250px;
	background: #fff;
	box-shadow: 0px 3px 10px -5px;
	margin: 30px 40px;
	border-radius: 20px;
	display:none;
}

.home_cards_end_icon{
	display: inline-block;
	vertical-align: top;
	margin: 80px 70px;
	font-size: 90px;
	color: #b7b7b7;
}

.home_cards_end_container{
	display: inline-block;
	vertical-align: top;
	margin-top: 25px;
	padding: 0px 20px;
}

.home_cards_end_title{
	font-size: 22px;
	padding: 10px 0px;
}

.home_cards_end_text{
	font-size:16px;
}

.home_cards_end_btns{
	margin-top: 10px;
}

.home_cards_end_btns div{
	margin:2px 0px;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 10px;
	cursor:pointer;
}

.home_cards_end_btns i{
	width: 30px;
}

.home_cards_end_btns a,
.home_cards_end_btns span{
	color:#f00;
	font-weight:bold;
}

/* fixed top */

.home_cards_fixedTop{
	width: 100%;
	position: fixed;
	padding-top: 20px;
	top: 70px;
	text-align: center;
	z-index: 5;
}

.home_cards_updatedPrefBtn{
	background: #fff;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0px 3px 10px -3px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	display:none;
	cursor:pointer;
}

.home_cards_updatedPrefBtn i{
	margin-right: 5px;
	font-size: 13px;
}

.home_cardPreference_modal{
	width: 300px;
	height: 370px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 3px 10px -5px;
	position: fixed;
	top: 90px;
	padding-top: 40px;
	box-sizing: border-box;
}

.home_cardPreference_modal_closeBtn{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 40px;
	border-radius: 20px 0px 20px 0px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	z-index:1;
}

.home_cardPreferences_modal_header{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#fff;
	border-radius: 20px 20px 0px 0px;
	/*box-shadow: 0px 5px 10px -5px #bdbdbd;*/
	font-size: 13px;
	font-weight: bold;
}

.home_cardPreferences_modal_header .fas{
	font-size: 13px;
	margin-right: 5px;
}

.home_cardPreference_modal_body{
	overflow-y: scroll;
	height: 100%;
	border-radius: 20px;
}

.home_cardPreference_modal_title{
	padding: 10px 13px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

.home_cardPreference_modal_title i{
	margin-right: 10px;
}

.home_cardPreference_modal_container{
	padding: 10px 0px;
	margin: 0px;
}

.home_cardPreference_modal_container li{
	margin: 0px;
	padding: 5px 30px;
	height: 25px;
	line-height: 25px;
	text-align: left;
	list-style: none;
}

.home_cardPreference_modal_container li:nth-child(odd) {
	background: #ececec;
}

.home_cardPreference_modal_removeBtn{
	float: right;
	background: #fff;
	box-shadow: 0px 3px 8px -5px;
	padding: 5px 10px;
	border-radius: 10px;
	background: #F44336;
	color: #fff;
	font-size: 12px;
	line-height: initial;
	cursor: pointer;
	display:none;
}

.home_cardPreference_modal_container li:hover .home_cardPreference_modal_removeBtn{
	display:inline-block;
}

/* fixed bottom */

.home_cards_fixedBottom{
	width: 100%;
	position: fixed;
	bottom: 0px;
	text-align: center;
	padding-bottom: 20px;
	z-index: 5;
}

.home_cards_scrollPromptBtn{
	height: 50px;
	width: 50;
	line-height: 50px;
	text-align: center;
	background: #ffffff;
	border-radius: 30px;
	box-shadow: 0px 3px 10px -2px;
	cursor: pointer;
}

.home_cards_updateBtn{
	background: #fff;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0px 3px 10px -3px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	display:none;
	cursor:pointer;
}

.home_cards_updateBtn i{
	margin-right: 5px;
	font-size: 13px;
}

/* search placeholder */
.home_card_searchplaceholder{
	background: #eaeaea;
    position: fixed;
    z-index: 5;
    border-radius: 5px;
}

.home_card_searchplaceholderload{
	background:#dedede;
	height:100%;
	width:0%;
	border-radius: 5px;
}

.home_card_searchplaceholder.animated .home_card_searchplaceholderload{
	-webkit-animation: placeholder_loading 1s infinite; /* Safari 4+ */
  	-moz-animation:    placeholder_loading 1s infinite; /* Fx 5+ */
  	-o-animation:      placeholder_loading 1s infinite; /* Opera 12+ */
  	animation:         placeholder_loading 1s infinite;
}

@-webkit-keyframes placeholder_loading{
  0%   { width: 0%; }
  100% { width: 100%; }
}
@-moz-keyframes placeholder_loading{
  0%   { width: 0%; }
  100% { width: 100%; }
}
@-o-keyframes placeholder_loading{
  0%   { width: 0%; }
  100% { width: 100%; }
}
@keyframes placeholder_loading{
  0%   { width: 0%; }
  100% { width: 100%; }
}

/***************************************************
	media queries - height
***************************************************/

@media only screen and (max-height: 900px){

	.home_top{
		height:480px;
	}

}

@media only screen and (max-height: 850px){

	.home_top{
		height:460px;
	}

}

@media only screen and (max-height: 750px){
	
	.home_top{
		height:410px;
	}

}

@media only screen and (max-height: 650px){

	.home_top{
		height:410px;
	}

	.home_top_logo{
		height:55px;
	}

}

@media only screen and (max-height: 550px){

	.home_top{
		height:300px;
	}

	.home_top_container{
		padding-bottom: 20px;
	}

}

@media only screen and (max-height: 500px){

}

@media only screen and (max-height: 480px){

}

/***************************************************
	media queries - width
***************************************************/

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

}

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

}

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

}

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

	.home_top_search_container{
		width:600px;
	}

}

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

	.home_top_search_container{
		width:500px;
	}

	.home_cards_end_icon{
		margin: 80px 40px;
	}

}

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

	.home_cards_end_icon{
		margin: 80px 20px 80px 30px;
	}

}

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

	.home_top_search_container{
		width:400px;
	}

	.home_cards_end_icon{
		display:none;
		width:0px;
		margin:0px;
	}

}

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

	.home_top_search_btn[data-label='search']{
		display:none !important;
	}

}

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

	.home_top_search_container{
		width:350;
	}

}

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

	.home_top_search_container{
		width:300px;
	}

}

@media only screen and (max-width: 320px){
	.home_card.size51,
	.home_card.size52,
	.home_card.size53,
	.home_card.size54,
	.home_card.size55,
	.home_card.size56,
	.home_card.size57,
	.home_card.size58,
	.home_card.size59{
		border-radius:0px;
	}

	.home_card.size51 .home_card_background_colour,
	.home_card.size52 .home_card_background_colour,
	.home_card.size53 .home_card_background_colour,
	.home_card.size54 .home_card_background_colour,
	.home_card.size55 .home_card_background_colour,
	.home_card.size56 .home_card_background_colour,
	.home_card.size57 .home_card_background_colour,
	.home_card.size58 .home_card_background_colour,
	.home_card.size59 .home_card_background_colour{
		border-radius:0px;
	}

	.home_card.size51 .home_card_background_image,
	.home_card.size52 .home_card_background_image,
	.home_card.size53 .home_card_background_image,
	.home_card.size54 .home_card_background_image,
	.home_card.size55 .home_card_background_image,
	.home_card.size56 .home_card_background_image,
	.home_card.size57 .home_card_background_image,
	.home_card.size58 .home_card_background_image,
	.home_card.size59 .home_card_background_image{
		border-radius:0px;
	}

	.home_card.size51 .home_card_background_video,
	.home_card.size52 .home_card_background_video,
	.home_card.size53 .home_card_background_video,
	.home_card.size54 .home_card_background_video,
	.home_card.size55 .home_card_background_video,
	.home_card.size56 .home_card_background_video,
	.home_card.size57 .home_card_background_video,
	.home_card.size58 .home_card_background_video,
	.home_card.size59 .home_card_background_video{
		border-radius:0px;
	}

}

/* override