#cartpopap-okno 
{
      background: #fff;
      max-width: 850px;
      width: 90%;
      margin: 0 auto;
      min-height: 90px;
      position: relative;
}

#cartpopap-okno .cartpopap-heading 
{
      text-align: left;
      background: #444;
      color: #fff;
      font-size: 16px;
      padding: 0px 20px;
      position: relative;
      min-height: 40px;
      line-height: 40px;
      overflow: hidden; 
}
#cartpopap-okno .mfp-close 
{
      background: #000;
      font-size: 24px;
      color: #fff;
      width: 50px;
      height: 40px;
      right: 0;
      top: 0px;
      position: absolute;
      z-index: 2;
      cursor: pointer !important;
      outline: none;
      border: 0;
      border-radius: 0 2px 0 0;
      opacity: 1;
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
}
#cartpopap-okno .mfp-close:hover 
{
      color: #fff;
      background-color: #333; 
}
#cartpopap-okno .cartpopap-footer 
{
    padding: 15px 15px 15px 15px;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}
#cartpopap-okno .cartpopap-footer a 
{
      float: right;
      background: #007D35;
      color: #fff;
      font-size: 16px;
      padding: 6px 25px;
      cursor: pointer;
      display: inline-block; 
}
#cartpopap-okno .cartpopap-footer a:hover
{
  opacity: 0.8;
}
#cartpopap-okno .cartpopap-footer button 
{
    
      padding: 5px 25px;
      color: #333;
      cursor: pointer;
      font-size: 14px;
      display: inline-block;
      border: 0;
      background: #ddd;
      border-radius: 2px;
      outline: none;
      text-align: center;
      margin-bottom: 10px;
}
#cartpopap-okno .cartpopap-footer button:hover 
{
      opacity: 0.8;
}
#cartpopap-okno .cartpopap-footer a:hover 
{
      background: #007D35;
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
}
#cartpopap-okno .cartpopap-center 
{
      background: #fff;
      padding: 10px 15px 0 15px;
      font-size: 14px;
}
.name span 
{
  font-size: 12px;
}

#cartpopap-okno .alert 
{
      margin: 0;
}  
 
.mfp-zoom-in .mfp-content > div {
      opacity: 0;
      transition: all 0.2s ease-in-out;
      transform: scale(0.7);
}
.mfp-zoom-in.mfp-ready .mfp-content > div {
      opacity: 1;
      transform: scale(1);
}
.mfp-zoom-in.mfp-removing .mfp-content > div {
        transform: scale(0.7);
        opacity: 0;
}
.masked {
position: absolute;
z-index: 10000;
width: 100%;
height: 100%;
background: #000;
opacity: 0.2;
left: 0;
top: 0;
}
 
.display-products-cart {
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
width: 100%;
}
.display-products-cart #main-price.spec {
text-decoration: line-through;
font-size:12px;
}
.display-products-cart #special-price {
color: #ff0000;
}
.display-products-cart tr td {
border-bottom: 1px solid #eee;
padding: 0;
vertical-align: middle;
}
.display-products-cart tr td.remove {
vertical-align: middle;
min-width: 20px;
padding: 0;
text-align: right;
}
.display-products-cart tr td.remove button {
font-size: 14px;
background: transparent;
border: 0;
outline: none;
}
.display-products-cart tr td.remove button:hover {
color: #ff0000;
}
.display-products-cart tr td.image {
vertical-align: middle;
padding: 0;
}
.display-products-cart.porder tr td.image {
padding: 10px 0;
}
.display-products-cart tr td.image img {
border: 0;
background-color: transparent;
}
.display-products-cart tr td.name {
padding: 10px;
font-size: 13px;
vertical-align: middle;
}
.display-products-cart.porder tr td.name {
font-size: 14px;
}
.display-products-cart.porder tr td.name .discounts {
font-size: 13px;
color: #555;
line-height: 1.3;
padding-left: 5px;
}
.display-products-cart tr td.name a {
font-size: 14px;
}
.display-products-cart tr td.qt {
min-width: 110px;
text-align: right;
vertical-align: middle;
padding: 0;
}
.display-products-cart tr td.totals {
padding: 0 10px;
text-align: right;
font-size: 14px;
min-width: 110px;
vertical-align: middle;
}
.display-products-cart .porder tr td.totals {
padding: 0;
}
.display-products-cart .number {
border: 1px solid #ddd;
display: inline-block;
vertical-align: middle;
position: relative;
border-radius: 2px;
}
.display-products-cart .frame-change-count {
width: 110px;
}
.display-products-cart .btn-plus button {
width: 30px;
height: 26px;
font-size: 12px;
line-height: 0;
padding: 0;
cursor: pointer;
display: inline-block;
background: #ddd;
border: 0;
outline: none;
text-align: center;
}
.display-products-cart .btn-minus button 
{
    width: 30px;
    height: 26px;
    font-size: 20px;
    line-height: 0;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    background: #ddd;
    border: 0;
    outline: none;
    text-align: center;
}
.display-products-cart .btn-plus {
float: right;
height: 26px;
width: 30px;
}
.display-products-cart .btn-minus {
float: left;
height: 26px;
width: 30px;
}
.display-products-cart .btn-plus button:hover,
.display-products-cart .btn-minus button:hover {
background-color: #eee;
color: #ff0000;
}
.display-products-cart input.plus-minus {
border-top: 0;
border-bottom: 0;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background: #fff;
width: 50px;
height: 26px;
outline: none;
font-size: 14px;
text-align: center;
position: absolute;
top: 0;
left: 30px;
}
.mobilepopap-cart {
display: none;
position: relative;
}
.mobilepopap-cart > div {
width: 100%;
position: relative;
text-align: left;
border-bottom: 1px solid #ddd;
padding-top: 10px;
padding-bottom: 15px;
display: inline-block;
}
.mobilepopap-cart .remove button {
font-size: 14px;
background: transparent;
border: 0;
outline: none;
padding-top: 10px;
}
.mobilepopap-cart .remove button:hover {
color: #ff0000;
}
.mobilepopap-cart .image {
height: 100%;
float: left;
margin-right: 10px;
margin-bottom: 15px;
}
.mobilepopap-cart .image img {
border: 0;
padding: 10px;
}
.mobilepopap-cart .name {
font-size: 13px;
}
.mobilepopap-cart .name a {
display: inline;
line-height: 1.4;
font-size: 15px;
padding-right: 5px;
}
.mobilepopap-cart .qt {
padding-top: 10px;
text-align: left;
}
.mobilepopap-cart .totals {
font-size: 14px;
padding-top: 15px;
}
.mobilepopap-cart .remove {
padding: 0 0 0 15px;
}
.all-total {
float: right;
padding: 15px 0;
}
.all-total .totals-left {
float: right;
text-align: right;
line-height: 26px;
font-size: 13px;
}
.all-total .totals-right {
float: right;
margin-left: 10px;
text-align: right;
font-size: 15px;
font-weight: bold;
line-height: 26px;
min-width: 70px;
}
.all-total .clear-total {
clear: both;   
}  
.mobilepopap-cart .number {
border: 1px solid #ccc;
display: inline-block;
vertical-align: middle;
position: relative;
border-radius: 2px;
}
.mobilepopap-cart .frame-change-count {
width: 110px;
}
.mobilepopap-cart .btn-plus button {
width: 30px;
height: 26px;
font-size: 12px;
line-height: 0;
padding: 0;
cursor: pointer;
display: inline-block;
background: #ddd;
border: 0;
outline: none;
text-align: center;
}
.mobilepopap-cart .btn-minus button {
width: 30px;
height: 26px;
font-size: 20px;
line-height: 0;
padding: 0;
cursor: pointer;
display: inline-block;
background: #ddd;
border: 0;
outline: none;
text-align: center;
}
.mobilepopap-cart .btn-plus {
float: right;
}
.mobilepopap-cart .btn-minus {
float: left;
}
.mobilepopap-cart .btn-plus button:hover,
.mobilepopap-cart .btn-minus button:hover {
background-color: #eee;
color: #ff0000;
}
.mobilepopap-cart input.plus-minus {
border-top: 0;
border-bottom: 0;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background: #fff;
width: 50px;
height: 26px;
outline: none;
font-size: 14px;
text-align: center;
position: absolute;
top: 0;
left: 30px;
}
 
@media (max-width: 767px) 
{
      #cartpopap-okno .cartpopap-heading 
      {
        font-size: 14px;
      }
      #cartpopap-okno .cartpopap-footer button 
      {
      width: 100%;
      }
      #cartpopap-okno .cartpopap-footer a 
      {
      width: 100%;
      margin-top: 5px;
      text-align: center;
      }
      #cartpopap-okno .popup-heading {
        font-size: 15px;
      }

      #cartpopap-okno .popup-footer button {
        width: 100%;
      }

      #cartpopap-okno .popup-footer a {
        width: 100%;
        margin-top: 5px;
      }

      .mobilepopap-cart {
        display: block;
      }

      .display-products-cart {
        display: none;
      }

      .display-products-cart.porder tr td.qt {
        min-width: 100px;
      }

      .display-products-cart.porder tr td.name {
        min-width: 100px;
      }

      .display-products-cart.porder tr td.image img {
        width: 60px;
      }
}