/* user.css ----------------------------------------------------------------- */

/* BOF Specials Ribbon*/
/*
.ribbon {
   position: relative;
right: -10.5em;
top: -16em;
   z-index: 1;
   overflow: hidden;
   width: 6em; height: 6em;
   text-align: right;
}
*/

.t-tabli {width:100%;}

@media screen and (max-width: 42em) {
.t-tabli        table, tbody, tr {
                display: block;
        }
.t-tabli        thead {
                display: none;
        }
.t-tabli        tr:first-child {
                border-top: medium solid lightgrey;
        }
.t-tabli        tr {
                border-bottom: medium solid lightgrey;
                padding: .5em 2em 1em;
        }
.t-tabli        th::before {
                content: " ";
        }
.t-tabli        td:nth-child(2)::before {
                content: " ";
        }
.t-tabli        td:nth-child(3)::before {
                content: " ";
        }
.t-tabli        td:nth-child(4)::before {
                content: " ";
        }
.t-tabli        td.paid + td::before {
                content: " ";
        }
.t-tabli        tbody th {
                display: block;
                font-weight: bold;
        }
.t-tabli        th a {
                font-weight: normal;
        }
.t-tabli        td {
                display: inline-block;
                min-width: 30%;
                padding: .2em 2em;
                text-align: left;
        }
.t-tabli        td:nth-child(3) {
                text-align: left;
        }
}
@media screen and (max-width: 33em) {
.t-tabli        td {
                display: block;
        }
.t-tabli        tr {
                padding: .5em .5em 1em;
        }
}
.desc_tip { color: green; }
 .card-img-top2 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60%;
    }
span.tab1 {
  display: inline-block;
  width: 10em;
  height: 2em;
  padding: 0.1em;
}
span.tab2 {
  display: inline-block;
  width: 10em;
  height: 2em;
  padding: 0.1em;
}
span.tab3 {
  display: inline-block;
  width: 10em;
  height: 2em;
  padding: 0.1em;
}
span.tab4 {
  display: inline-block;
  width: 10em;
  height: 2em;
  padding: 0.1em;
}
span.tab5 {
  display: inline-block;
  width: 10em;
  height: 2em;
  padding: 0.1em;
}
span.tab6 {
  display: inline-block;
  width: 10em;
  height: 2em;
  padding: 0.1em;
}
span.tab7 {
  display: inline-block;
  width: 10em;
  height: 2em;
  padding: 0.1em;
}

span.tabli {
  display: inline-block;
  width: 10em;
  height: 2em;
  padding: 0.1em;
}
span.tabre {
  display: inline-block;
  width: 40em;
  height: 2em;
  padding: 0.1em;
}
.btn-primary-bar {
    background-color: #eee;
    border-color: #333;
    color: black;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    }
.stepwizard-row {
    display: table-row;
}
.stepwizard-row::before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}

.tax_info {    font-family: Verdana, Arial, sans-serif;    font-size: 9px;    color: #758389;  }

.base_price {
    font-size: 12px;
    color: #999999;
    font-weight: lighter;
    text-align:right;
}

.nomobile {
    display:flex;
    float:right;
}
.ribbon {
    z-index: 1;
    width: auto;
    height: auto;
    text-align: right;
    display:flex;
    float:right;
}
.ribbon span {
   font-size: 15px;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   width: 100px; display: block;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
   -webkit-transform: rotate(45deg)
}
.ribbon span::before {
   content: '';
   position: absolute;
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #79A70A;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
.ribbon span::after {
   content: '';
   position: absolute;
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #79A70A;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
.green span {background: linear-gradient(green 0%, #8F0808 100%);}
.green span::before {border-left-color: green; border-top-color: #1e5799;}
.green span::after {border-right-color: green; border-top-color: #1e5799;}
.blue span {background: linear-gradient(#8F0808 0%, #8F0808 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}
/* EOF Specials Ribbon*/

a { color: #333;  }

/* BOF tabreiter */

.tabreiter p:not(:last-child) { margin: 0 0 20px; }

.tabreiter section
{
  display: none;
  padding: 20px 0 0;
  border-top:0;
}

.tabreiter input { display: none; }

.tabreiter label
{
  display: inline-block;
  margin: 0 0 -1px;
  font-weight: 600;

  padding: 0 18px;
  text-align: center;
  border-bottom: solid 2px lightgrey;
  cursor: pointer;
}


.tabreiter label:before
{
  font-weight: normal;
  margin-right: 10px;
}


.tabreiter label:hover { color: #789; }


.tabreiter input:checked + label
{
  background: #fff;
  border-bottom: solid 2px red;
}

#tab0:checked ~ #content0,
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 { display: block; }

@media screen and (max-width: 800px)
{
/*  .tabreiter  label { font-size: 0; } */

  .tabreiter  label:before
  {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 500px)
{
  .tabreiter  label { padding: 20px 15px 1px 15px; }
  .table-cell { width:100%; }
}
/* EOF tabreiter */


/* BOF products_cylce_slideshow */
.content-slider
{
  width: 100%;
  height: 360px;
}

.slider
{
  height: 320px;
  width: 680px;
  margin: 40px auto 0;
  overflow: visible;
  position: relative;
}

.mask
{
  overflow: hidden;
  height: 320px;
}

.slider ul
{
  margin: 0;
  padding: 0;
  position: relative;
}

.slider li
{
  width: 680px;
  height: 320px;
  position: absolute;
  top: -325px;
  list-style: none;
}

.slider .quote{ text-align: center;}

.slider .source { text-align: right; }

.slider li.anim1  { animation: cycle 15s linear infinite;  }
.slider li.anim2  { animation: cycle2 15s linear infinite; }
.slider li.anim3  { animation: cycle3 15s linear infinite; }
.slider li.anim4  { animation: cycle4 15s linear infinite; }
.slider li.anim5  { animation: cycle5 15s linear infinite; }
.slider li.anim6  { animation: cycle6 15s linear infinite; }
.slider li.anim7  { animation: cycle7 15s linear infinite; }
.slider li.anim8  { animation: cycle8 15s linear infinite; }
.slider li.anim9  { animation: cycle9 15s linear infinite; }
.slider li.anim10 { animation: cycle10 15s linear infinite; }
.slider li.anim11 { animation: cycle11 15s linear infinite; }
.slider li.anim12 { animation: cycle12 15s linear infinite; }
.slider li.anim13 { animation: cycle13 15s linear infinite; }

.slider:hover li { animation-play-state: paused; }

@keyframes cycle {
    0% { top: 0px; }
    4% { top: 0px; }
   16% { top: 0px;    opacity: 1; z-index: 0; }
   20% { top: 325px;  opacity: 0; z-index: 0; }
   21% { top: -325px; opacity: 0; z-index: -1; }
   50% { top: -325px; opacity: 0; z-index: -1; }
   92% { top: -325px; opacity: 0; z-index: 0; }
   96% { top: -325px; opacity: 0; }
  100% { top: 0px;    opacity: 1; }
}

@keyframes cycle2 {
    0% { top: -325px; opacity: 0; }
   16% { top: -325px; opacity: 0; }
   20% { top: 0px;    opacity: 1; }
   24% { top: 0px;    opacity: 1; }
   36% { top: 0px;    opacity: 1; z-index: 0; }
   40% { top: 325px;  opacity: 0; z-index: 0; }
   41% { top: -325px; opacity: 0; z-index: -1; }
  100% { top: -325px; opacity: 0; z-index: -1; }
}

@keyframes cycle3 {
    0% { top: -325px; opacity: 0; }
   36% { top: -325px; opacity: 0; }
   40% { top: 0px; opacity: 1; }
   44% { top: 0px; opacity: 1; }
   56% { top: 0px; opacity: 1; z-index: 0; }
   60% { top: 325px; opacity: 0; z-index: 0; }
   61% { top: -325px; opacity: 0; z-index: -1; }
  100% { top: -325px; opacity: 0; z-index: -1; }
}

@keyframes cycle4 {
    0% { top: -325px; opacity: 0; }
   56% { top: -325px; opacity: 0; }
   60% { top: 0px;    opacity: 1; }
   64% { top: 0px;    opacity: 1; }
   76% { top: 0px;    opacity: 1; z-index: 0; }
   80% { top: 325px;  opacity: 0; z-index: 0; }
   81% { top: -325px; opacity: 0; z-index: -1; }
  100% { top: -325px; opacity: 0; z-index: -1; }
}

@keyframes cycle5 {
   0%  { top: -325px; opacity: 0; }
   76% { top: -325px; opacity: 0; }
   80% { top: 0px;    opacity: 1; }
   84% { top: 0px;    opacity: 1; }
   96% { top: 0px;    opacity: 1; z-index: 0; }
  100% { top: 325px;  opacity: 0; z-index: 0; }
}
/* EOF products_cycle_slideshow*/