/*style-10*/

.style-10 img {
    max-width: 100%;
    height: auto;
}

.list-section-seven .container-style-10 {
    
    width:100%;
}

/*--------------------------end main style------------------------------*/

/*--------------------------start list style 07------------------------------*/

section.list-section-seven {
    /*padding: 80px 0;*/
}

ul.portfolio-listing {
    margin: 0;
    padding: 0 !important;
}

ul.portfolio-listing li {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 15px 25px 0;

  vertical-align: top;
  position: relative;
}

.list-inner-part-seven img {
    display: block;
}

.list-style-seven a {
    text-decoration: none;
    color: #ffffff;
}

ul.portfolio-listing li.sld-style10-column1{width: 100%;}
ul.portfolio-listing li.sld-style10-column2{width: 47%;}
ul.portfolio-listing li.sld-style10-column3{width: 30%;}
ul.portfolio-listing li.sld-style10-column4{width: 22%;}

.list-inner-part-seven .effect-style-seven h3 {
    font-size: 12px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.list-inner-part-seven .effect-style-seven p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    min-height: 40px;
}

.list-inner-part-seven .effect-style-seven i {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.2;

}

.style-10 .new-icon-section > span {
  align-items: center;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  display: flex;
  font-size: 9px;
  font-weight: bold;
  height: 13px;
  justify-content: center;
  position: absolute;
  top: 0;
  left:0;
  width: 28px;
}
.style-10 .featured-section {
  bottom: 0px;
  position: absolute;
  right: 0;
  z-index: 1;
  width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 2px 35px 25px;
	border-color: transparent transparent #FFEB3B transparent;

}
.style-10 .featured-section i {
	position: absolute;
	left: -10px;
	top: 17px;
	color: #3d7dfc;
}
.new-icon-section i {
	cursor:pointer;
}

.effect-style-seven {
    background: #c72d21;
    padding: 20px 10px 30px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
    z-index: 100;
}

.list-inner-part-seven {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.list-inner-part-seven:hover {
    -webkit-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.3);
    box-shadow: 0 20px 25px rgba(0, 0, 0, 0.30);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	
	-webkit-box-shadow: 0 6px 12px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px 5px rgba(0, 0, 0, 0.3);

}

.style-10 .ca-icon.list-img-1 {
  display: table-cell;
  height: 290px;
  justify-content: center;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  width: 100%;  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 100;
  
}

.style-10 .ca-icon.list-img-1 > img {
  margin: 15px auto;
}

/*
@media screen and (max-width: 800px) {
    ul.portfolio-listing li {
        width: 50%;
    }
}

@media screen and (max-width: 500px) {
    ul.portfolio-listing li {
        width: 100%;
    }
}
*/

/* RWD */ 
@media only screen and (max-width : 801px) {
     ul.portfolio-listing li.sld-style10-column3, ul.portfolio-listing li.sld-style10-column4 {
	  width: 45%;
	}
}

@media only screen and (max-width : 640px) {
    ul.portfolio-listing li.sld-style10-column3, ul.portfolio-listing li.sld-style10-column4, ul.portfolio-listing li.sld-style10-column2 {
	  width: 100%;
	}
	#item-1-49-add-block .advertise-block.tpl-default {
	 
	  width: 100% !important;
	}
}

/*RTL CSS*/
.direction-rtl .qc-grid-item, .direction-rtl .qc-grid-item h3
{
  direction: rtl !important;
}

.direction-rtl .qc-grid-item .ca-icon {
  direction: rtl !important;
}

.direction-rtl .qc-grid-item .ca-content {
  direction: rtl;
}

.direction-rtl .qc-grid-item h3 {
  margin-right: 10px;
}

.direction-rtl .qc-grid-item .ca-menu li {
  float: right;
  margin: 0 0 15px 10px;
}

.qcopd-list-hoder .upvote-style-10 {
display:inline-block;
}
.qcopd-list-hoder .bookmark-section-style-10 {
display:inline-block;
}

.qcopd-list-wrapper .qcopd-list-hoder .upvote-section-style-10{
	height: 26px !important;
}

.qcopd-list-hoder .upvote-section-style-10 .upvote-btn{
  cursor: pointer;
  z-index: 900;
}
.qcopd-list-wrapper {
    display: flex;
    width: 100%;
}
.left-side-filter {
    background:none;
    float: left;
    margin-right: 25px;
    width: 30% !important;
    border-bottom: none;

}
.style-10-upvote-section{
  position: absolute;
  bottom: 3px;
  width: 100%;
  text-align: center;
  z-index: 805;

}
.list-and-add{
	width:100%;
}
.qcopd-list-column{width:100%;}
.style-10 .list-style-seven:hover .style-10-upvote-section,
.style-10 .list-style-seven:hover .featured-section{
      -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.style-10 .list-style-seven .style-10-upvote-section,
.style-10 .list-style-seven .featured-section{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.style-10 span.qcopd-list-item-author {
  color: #fff;
  /*position: absolute;*/
  /*top: 25px;*/
  /*right: 0;*/
  font-size: 13px;
  /*left: 0;*/
  width: 100%;
  text-align: center;
}
.style-10 .qcopd-single-list ul li a{
  padding-bottom: 30px !important;
}

.style-10 ul li .upvote-section .upvote-btn, #qcopd-list-1-27899.style-10 ul li .upvote-section .upvote-count {
    color: #ddd;
}
.ca-content-audio audio {
    height: 36px;
    width: 240px;
}