/*Common Style Part for All Templates*/
.html5tooltip-box{
  max-width:450px;
}
.sld-clearfix, .qcopd-list-wrapper{
  clear: both !important;
}

.qcopd-list-hoder, .qcopd-list-holder{
	width: 100%;
	clear: both;
}

.qcopd-list-column{
	display: inline-block;
	vertical-align: top;
	min-width: 22%;
}
.qcopd-list-column a{opacity:1 !important;}
.opd-column-1{
  width: 100%;
}

.opd-column-2{
  width: 45%;
}

.opd-column-3{
  width: 30%;
}

.opd-column-4{
  width: 23%;
}

/*Search Area*/
.sld-top-area.sld-border-bottom, .filter-area {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  padding: 0 0 15px;
}

.sld-top-area .sld-half{
	width: 48%;
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align:top;
}

.sld-half.sld-add{
  text-align: left;
}

#live-search input {

  border: 1px solid #e9e9e9;
  font-size: 14px;
  height: 45px;
  padding: 0 20px;
  width: 100%;
  max-width: 100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-sizing: border-box;
}



.sld-top-area .sld-add-btn, .filter-btn {
  background-color: #fff;
  border-color: #eaeaea;
  color: #333;
  -moz-user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  margin-left: 1px;
  padding: 6px 8px;
  box-sizing:border-box;
  text-align: center;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=90, Color=#ffffff)";
	-moz-box-shadow: 0px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 0px 0px #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=90, Color=#ffffff);  
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  
}
.sld-top-area .sld-add-btn {

  height: 45px;
  line-height: 32px;
  margin-right: 10px;
  width:35%;
  text-transform:uppercase;
}
.sld-add-btn,
.button-link {
	position:relative;
	z-index:1
}
.sld-add-btn::before,
.button-link::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.sld-add-btn:hover,
.button-link:hover {
	color: #fff !important;
	border-color: #222;
    text-decoration: none;
}
.sld-add-btn,
.sld-add-btn::before,
.button-link,
.button-link::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.sld-add-btn:hover::before,
.button-link:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.sld-half.sld-add {
  float: right;
  text-align: right;
}

.filter-btn:hover, .filter-active{
  border-color: #101010;
  color: #333;
  outline: none;
 
}
.filter-active {
  font-weight:bold;
}

.filter-btn {
  margin-bottom: 10px;
  margin-right: 10px;
  text-decoration: none !important;
}

.opd-item-count, .opd-item-count-fil{
  font-size: 60%;
  opacity: 60%;
}

.qcopd-single-list ul{
  padding: 0 !important;
}

.qcopd-list-column a{
 text-decoration: none !important; 
}
.left-side-filter {
	border:none !important;
}

/*Widget*/
.widget-sld-list{
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.widget-sld-list li {
  list-style: outside none none;
  margin-bottom: 6px;
  position: relative;
}

.widget-sld-list li a{
  text-decoration: none;
}

.widget-sld-list li a span{
  color: #848484;
  font-size: 80%;
}

.opening-bracket, .closing-bracket{
  color: #848484;
}

.widget-vcount, .widget-vcount .upvote-section{
  display: inline-block;
  color: #848484;
}

.widget-avatar {
  display: inline-block;
  height: auto;
  margin-right: 5px;
  position: relative;
  top: 0px;
  width: 20px;
}
.widget-sld-list li:before{
	content:unset !important;
}

/*Upvote - Common*/
.qcopd-list-hoder .upvote-section {
  height: 50px !important;
}

.qcopd-list-hoder .upvote-btn {
  z-index: 805 !important;
  position: relative !important;
  height: 25px !important;
  width: 32px !important;
}

.qcopd-list-hoder .upvote-count {
  z-index: 800 !important;
}

.qcopd-list-hoder .ca-menu li {
  position: relative;
  margin-left: 0 !important;
}

.cls-embed-btn, .cls-embed-btn i {
  line-height: 35px;
  text-transform: uppercase;
  vertical-align: top;
}


/*Advertisement*/
.advertise-block {
  padding: 15px !important;
}

.advertise-block {
  padding: 15px;
}

.advertise-block img{
  max-width: 100%;
  height: auto;
}

/*03-15-17*/
.list-img.favicon-loaded > img {
  height: auto !important;
  max-height: 32px;
  max-width: 32px;
  width: auto !important;
}

.ca-icon.favicon-loaded > img {
  height: auto !important;
  max-height: 32px;
  max-width: 32px;
  width: auto !important;
}

.logo-icon.favicon-loaded > img {
  height: auto !important;
  max-height: 32px;
  max-width: 32px;
  width: auto !important;
}
.sld-add-btn .fa.fa-plus,
.button-link .fa.fa-share-alt {
  margin-left: 10px;
}

.qcopd-list-wrapper #sticky-wrapper{
    width: 248px !important;
    overflow: hidden;
}
.slick-initialized .slick-slide{text-align: center;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sld-top-area .sld-add-btn,
	.button-link	{
	  width:45%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .filter-area-main{width:86%;margin:0 auto;}
	.sld-top-area .sld-add-btn,
	.button-link	{
	  width:48%;
	}
	.sld-top-area .sld-add-btn {
		margin-right:5px;
	}
	.qc-full-wrapper {
		display: block !important;
		width: 100%;
	}
	.left-side-filter {
	  background:#fff !important;
	  width: 100% !important;
	}
	.filter-area{position:relative !important;top:0px;}
    .qcopd-list-wrapper #sticky-wrapper{
        width: 100% !important;
        overflow: hidden;
    }
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .filter-area-main{width:86% !important;margin:0 auto;}
    .filter-area{position:relative !important;top:0px;}
    .qcopd-list-wrapper #sticky-wrapper{
        width: 100% !important;
        overflow: hidden;
    }
	.sld-top-area .sld-add-btn,
	.button-link	{
	  width:48%;
	}
	.sld-top-area .sld-half {
		width:100%;
	}
	.qc-full-wrapper {
		display: block !important;
		width: 100%;
	}
	.left-side-filter {
	  background:#fff !important;
	  width: 100% !important;
	}
	.sld-half {
		margin-bottom: 10px !important;
	}
	.sld-top-area.sld-border-bottom, .filter-area {
		border-bottom:none !important;
	}
	
	.left-side-filter {
	  display: none;
	}
	.sld_filter_mobile_view {
		display:block !important;
	}
	
	

}
.filter-area-main{width:100%}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .html5tooltip-box{
      max-width:250px;
    }
    .filter-area-main{width:86%;margin:0 auto;}
    .filter-area{position:relative !important;top:0px;}
    .qcopd-list-wrapper #sticky-wrapper{
        width: 100% !important;
        overflow: hidden;
    }
	.sld-top-area .sld-add-btn,
	.button-link	{
	  width:99% !important;
	}
	.qc-full-wrapper {
		display: block !important;
		width: 100%;
	}
	.left-side-filter {
	background:#fff !important;
	  width: 100% !important;
	}
	.sld-add-btn {
		margin-bottom:10px !important;
	}
	.sld-top-area.sld-border-bottom, .filter-area {
		border-bottom:none !important;
	}
	.sld-top-area .sld-half {
		width:100%;
	}
	.sld-half {
		margin-bottom: 10px !important;
	}
	.left-side-filter {
	  display: none;
	}
	.sld_filter_mobile_view {
		display:block !important;
	}
	
	
}
.sld-top-area{overflow:hidden}

.sld_filter_mobile_view {
	display:none;
}

.html5tooltip-box{
    background-color:#260404 !important;
    color:#fff !important;
}
.sld_search_filter{
    border-color: #ccc !important;
    background-color: #fff !important;
}

.sld_search_filter::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #A9A9A9 !important;
}
.sld_search_filter::-moz-placeholder { /* Firefox 19+ */
    color: #A9A9A9 !important;
}
.sld_search_filter:-ms-input-placeholder { /* IE 10+ */
    color: #A9A9A9 !important;
}
.sld_search_filter:-moz-placeholder { /* Firefox 18- */
    color: #A9A9A9 !important;
}


.cleanlogin-field-username::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #A9A9A9 !important;
}
.cleanlogin-field-username::-moz-placeholder { /* Firefox 19+ */
    color: #A9A9A9 !important;
}
.cleanlogin-field-username:-ms-input-placeholder { /* IE 10+ */
    color: #A9A9A9 !important;
}
.cleanlogin-field-username:-moz-placeholder { /* Firefox 18- */
    color: #A9A9A9 !important;
}

.cleanlogin-field-password::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #A9A9A9 !important;
}
.cleanlogin-field-password::-moz-placeholder { /* Firefox 19+ */
    color: #A9A9A9 !important;
}
.cleanlogin-field-password:-ms-input-placeholder { /* IE 10+ */
    color: #A9A9A9 !important;
}
.cleanlogin-field-password:-moz-placeholder { /* Firefox 18- */
    color: #A9A9A9 !important;
}


.button-link{
    text-decoration: none !important;
}
.sld-top-area .sld-add-btn{
    text-decoration: none !important;
}