#cs_preview {
    position: fixed;
    border: 1px solid #ccc;
    background: #000;
    padding: 5px;
    display: none;
    color: #fff;
    z-index: 99999;
}

#cs_product_list {
}

.cs_plugin_title h2{
   
	background-color: #f3f3f3;
    display:inline-block;
    position:relative;
    padding:18px;
    //padding-top:200px;
    letter-spacing:1.3px;
    text-transform:uppercase;
    color:#75777d;
    box-sizing:border-box;
    width:99.50%;
    font-size:2.00em;
    margin-bottom:30px;
    //border:1px solid red;
    border-radius:3px;
    font-weight:normal;
    //padding:5px;
}

.cs_plugin_title h2::before{
   
	content: '';
//	width:100%;
    margin:0px;
   // height:50%;
   bottom:0;
    padding:0px;
	margin-right: 13px;
	margin-left: 10px;
	//position:absolute;
	box-sizing:border-box;
	//border:1px solid red;

}


.cs_socials {
   display: block;
    width: 12.5em;
    white-space: nowrap;
 //   border:1px solid yellow;
   
}
.cs_socials_ie8 {
    width: 12.7em;
}

.cs_fb {
    display: inline;
}
.cs_twitter {
    position: relative;
    top: 10px;
}



.cs_sview {
    float: right;
}

.cs_inline_product {
    display: inline-block;
}
.cs_inline_product_div {
    display: table;
    vertical-align: top;
    border-radius:5px;
    border: solid 1px #F0F0F0;
    padding: 5px;
    margin: 10px;
    width:200px;
    // background-color: #f3f3f3;
}


.cs_img_center{
    //border:1px solid #f3f3f3; 
    padding:8px; 
    margin-bottom:25px; 
    border-radius:7px;
    //background-color:#f5f5f5;
}



.cs_show_price{
    max-width:65px; 
    //background:orange; 
    color:white; 
    font-size: 80%;  
    font-weight:normal;
    margin-top:20px; 
    margin-bottom:15px; 
    padding: 0.2em 0.2em;  
}

@media screen and (max-width: 450px) {
  .cs_show_price {
    margin-top:0px; 
    margin-bottom:10px;
  }
}



@media \0screen { /* IE */
    .cs_inline_product_div {
        display: table-cell;
    }
}

.cs_pr_title_link {
    cursor: pointer;
}

.cs_ip_table {
    display: table;
  //  border:1px solid #F0F0F0;
    padding:0px;
}
.cs_ip_tr {
    display: table-row;
}
.cs_ip_td {
    display: table-cell;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit */
    .cs_ip_td {
        padding: 0 8px;
    }
}
.cs_rank_gravity {
    color: #888888;
}

.cs_tw_frame {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
}
.cs_tw_cats {
    width: 999em;
    position: relative;
    padding: 0;
    
    font: 9px Arial;
}

.cs_tw_cat {
    display: inline-block;
    padding: 0;
}
.cs_tw_cat img {
    border: 0;
    padding: 0;
    margin: 2px 5px 2px 0;
}
:root .cs_tw_cat img {
    margin-right: 6px \0/IE9;
}

.cs_tw_larrow,
.cs_tw_rarrow {
    display: inline-block;
}
.cs_tw_larrow div,
.cs_tw_rarrow div {
    display: table-cell;
    vertical-align: middle;
}
@media (min-resolution: .001dpcm) { /* Opera */
    _:-o-prefocus,
    .cs_tw_larrow div,
    .cs_tw_rarrow div {
        position: relative;
    };
}
.cs_tw_larrow img,
.cs_tw_rarrow img {
    border: 0;
    padding: 0;
    margin: 2px;
    cursor: pointer;
}
.cs_tw_larrow img {
    margin-right: 6px;
}
.cs_tw_rarrow img {
    margin-left: 0;
}
/*.cs_tw_larrow img:hover,
.cs_tw_rarrow img:hover {
    opacity: 0.7;
}*/
.cs_tw_subcats {
    display: none;
    position: absolute;
    z-index: 999;
    border: solid 1px;
    padding: 4px 8px;
    white-space: normal;
}
.cs_tw_subcats img {
    border: 0;
    margin: 0;
    padding: 0;
}


* {
  box-sizing: border-box;
}

.cs_descr{
    padding-top:5px; 
    padding-left:3px; 
    text-align:left;  
    letter-spacing:0.5px; 
    font-style:italic; 
    overflow-wrap:break-word; 
    //padding-bottom:2px; 
    color:#75777d; 
    font-weight:400; 
    font-size:0.95em;
    line-height:1.30;
}


.cs_row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  //border:1px solid red;
}

/* Create four equal columns that sits next to each other */
.cs_column_4 {
  flex: 25%;
  max-width: 25%;
  padding: 0 10px 0px 0;
  //border:1px solid yellow;

}
.cs_column_3 {
  flex: 33.33%;
  max-width: 33.33%;
  padding: 0 10px 0px 0;
  //border:1px solid yellow;

}

.cs_column_2 {
  flex: 50%;
  max-width: 50%;
  padding: 0 10px 0px 0;
  //border:1px solid yellow;

}



.cs_column_4 img, .cs_column_3 img, .cs_column_2 img {
  margin-top: 8px;
  vertical-align: middle;
  padding-left:0px;
  padding-right:0px;
}


/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 700px) {
  .cs_column_4, .cs_column_2  {
    flex: 50%;
    max-width: 50%;
  }
 .cs_row{
     padding: 0 0px;
 }
  .cs_column img{
      padding-left:10px;
      padding-left:10px;
      //margin:0px;
     
  }
  .cs_plugin_title h2{
      font-size:1.5em;
      padding:15px;
  }
  
}


@media only screen and (min-width: 570px)   {
    #cs_hide_col{ display:none;}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 570px) {
    
   .cs_column_4#cs_horizontal, .cs_column_2#cs_horizontal{ 
       flex: 100%;
       max-width:100%;
      
   }
  .cs_column_4, .cs_column_2  {
    flex: 50%;
    max-width: 50%;
    
  }
  .cs_column_3  {
    flex: 50%;
   max-width: 50%;
   
  }
  .cs_column img{
      padding-left:0px;
      padding-left:0px;
      margin:0px;
     
  }
  .cs_img_center{
    padding:2px; 
    margin-bottom:15px; 
    }
    
    .cs_column_4#cs_hide_col, .cs_column_2#cs_hide_col{ display:none;}
    
        
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 335px) {
  .cs_column_4,.cs_column_3,.cs_column_2 {
    flex: 100%;
    max-width: 100%;
  }
  #cs_hide_col{ display:none;}
}