body {background-color: #F6F4F2;}

.top-wine li { border: 2px dotted #fff; position: relative;overflow:hidden;border-bottom: 1px solid rgba(0,0,0,0.15); background-color: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.05); margin-top: 20px;   list-style-type: none;  counter-increment: step-counter;}
.top-wine li:last-of-type {border-bottom: none;}
.top-wine i {font-size: 2.5rem;margin: auto;line-height: 1.2;}
.top-wine li a {display: inline-flex; box-sizing: border-box; margin: 0; padding: 25px 15px;}
.top-wine li a:first-of-type {width: 89.5%; background-color: #fff; color: black;}
.top-wine2 li a:last-of-type {width: 10%; text-align: center;  background-color: #fff; color: black;}
.top-wine li::before {
  content: counter(step-counter);
  color: white;
  font-weight: bold;

box-shadow: 5px 5px 10px rgba(0,0,0,0.05);
}
.top-wine li:hover a{
font-weight: bold;
}

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

body .top-wine {padding: 10px;}
}

.pluschersprev{float: left;}
.pluschersnext{float: right;}


.pluschersprev,  .pluschersnext {
margin-top: 20px;
display:block;
width:48%;
line-height:50px;
text-align:center;
vertical-align:middle;
background-color: black;
text-decoration:none;
color: white;
}
.pluschersprev:hover,  .pluschersnext:hover {
font-weight: bold;
letter-spacing: 0.8px;
background-color: white;
color:black;
}

html .leg {display: none;}
html .top-wine {max-width: 1280px;
  width: inherit;
    margin: 0 auto;
    margin-bottom: 40px;
    display: grid;
    grid-gap: 40px;}
html  .top-wine h3 {font-family: var(--main-font-1) !important;  letter-spacing: 0;}
html .top-wine li::before { background-color: var(--main-bg-color); position: relative; height: inherit; width: inherit;}
html .top-wine h1, html .top-wine li span {color:var(--main-bg-color); }
/* html .top-wine h1 strong {display: none;} */
html .top-wine ol {padding: 0;}
html .top-wine h1{    font-family: var(--main-font-2);
    font-weight: bold;
    font-style: normal;
    font-size: 1.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;}
html .top-wine li a { padding: 10px;}
html .top-wine li  { margin-top: 10px; padding-left: 10px;display: flex;     align-items: center; }
html .top-wine h3 span {display: block;}
html .top-wine h2, html .top-wine li::before {    margin: 0;
    font-family: var(--main-font-1);

    font-weight: 300;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.4;}
 html .top-wine li::before {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
      align-items: center;}
      html .top-wine h3 span {
          display: block;
          position: absolute;
          right: 17px;
          top: 24px;
      }
html .span_9_of_12 p {font-size: 1rem !important; position: absolute; bottom: -10px;}
html .span_3_of_12 {display: block !important;}
html h1 br{display: none;} html .darkness {display: none;}
html h1 small {display: block;}
}