@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap'); 

body {  
    line-height:1.6em;
    list-style:none;
    color:#333;
    font-family:sans-serif;
    font-size:16px;
    letter-spacing:-.02em;
    font-weight:400;
  }  
* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 

ul { 
    margin-bottom: 10px; 
    margin-top: 0;
} 

ul  { 
    line-height: 1.6em;
} 

.list-unstyled { 
    list-style: none; 
    padding-left: 0;
} 

.col-xs-12 { 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px; 
    position: relative;
} 

.col-xs-12 { 
    float: left;
} 

.col-xs-12 { 
    width: 100%;
} 

.row { 
    margin-left: -15px; 
    margin-right: -15px;
} 

body { 
    margin: 0;
} 

body { 
    background-color: #fff; 
    color: #333; 
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    font-size: 14px; 
    line-height: 1.42857143;
} 

body { 
    font-family: Inter,sans-serif; 
    font-size: 1rem; 
    letter-spacing: -.02em; 
    overflow-x: hidden; 
    overflow-y: scroll;
} 

html { 
    font-family: sans-serif; 
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;
} 

html { 
    font-size: 10px; 
    -webkit-tap-highlight-color: rgba(0,0,0,0);
} 

html { 
    font-family: Inter,sans-serif; 
    font-size: 16px; 
    font-weight: 400; 
    letter-spacing: -.02em; 
    line-height: 1.6em; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
} 

.product-list-element  { 
    background-color: #fff; 
    font-size: 14px; 
    padding: 1.25rem 2rem;
} 

.product-list-element.product-list-element-sb:hover  { 
    background-color: #fbebeb;
} 

*,:after,:before { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 

.d-flex { 
    display: -ms-flexbox!important; 
    display: flex!important;
} 

.flex-column { 
    -ms-flex-direction: column!important; 
    flex-direction: column!important;
} 

.align-items-center { 
    -ms-flex-align: center!important; 
    align-items: center!important;
} 

@media (min-width: 992px){ 
  .flex-md-row { 
    -ms-flex-direction: row!important; 
    flex-direction: row!important;
  } 
}     

.row:after, .row:before { 
    content: " "; 
    display: table;
} 

.row::after, .row::before { 
    content: " "; 
    display: table;
} 

.row:after { 
    clear: both;
} 

.row::after { 
    clear: both;
} 

.text-left { 
    text-align: left;
} 

.col-lg-4,.col-md-4,.col-sm-12,.col-xs-12 { 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px; 
    position: relative;
} 

@media (min-width: 768px){ 
  .col-sm-12 { 
    float: left;
  } 

  .col-sm-12 { 
    width: 100%;
  } 
}     

@media (min-width: 992px){ 
  .col-md-4 { 
    float: left;
  } 

  .col-md-4 { 
    width: 33.33333333%;
  } 
}     

@media (min-width: 1200px){ 
  .col-lg-4 { 
    float: left;
  } 

  .col-lg-4 { 
    width: 33.33333333%;
  } 
}     

.col-lg-5,.col-md-5,.col-sm-12,.col-xs-12 { 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px; 
    position: relative;
} 

@media (min-width: 992px){ 
  .col-md-5 { 
    float: left;
  } 

  .col-md-5 { 
    width: 41.66666667%;
  } 
}     

@media (min-width: 1200px){ 
  .col-lg-5 { 
    float: left;
  } 

  .col-lg-5 { 
    width: 41.66666667%;
  } 
}     

.align-items-baseline { 
    -ms-flex-align: baseline!important; 
    align-items: baseline!important;
} 

.my-2 { 
    margin-top: .5rem!important;
} 

.my-2 { 
    margin-bottom: .5rem!important;
} 

@media (min-width: 992px){ 
  .my-md-0 { 
    margin-top: 0!important;
  } 

  .my-md-0 { 
    margin-bottom: 0!important;
  } 
}     

.my-2 { 
    margin-bottom: .5rem; 
    margin-top: .5rem;
} 

.col-lg-3,.col-md-3,.col-sm-12,.col-xs-12 { 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px; 
    position: relative;
} 

@media (min-width: 992px){ 
  .col-md-3 { 
    float: left;
  } 

  .col-md-3 { 
    width: 25%;
  } 
}     

@media (min-width: 1200px){ 
  .col-lg-3 { 
    float: left;
  } 

  .col-lg-3 { 
    width: 25%;
  } 
}     

.align-items-end { 
    -ms-flex-align: end!important; 
    align-items: flex-end!important;
} 

@media (min-width: 992px){ 
  .align-items-md-center { 
    -ms-flex-align: center!important; 
    align-items: center!important;
  } 

  .align-items-md-baseline { 
    -ms-flex-align: baseline!important; 
    align-items: baseline!important;
  } 
}     

.sf-serverdata-grid { 
    display: grid; 
    grid-gap: 5px 10px; 
    gap: 5px 10px; 
    grid-template-columns: 1fr 6fr; 
    line-height: 1.5rem;
} 

a { 
    background-color: transparent;
} 

a { 
    color: #337ab7; 
    text-decoration: none;
} 

a  { 
    color: #383838; 
    font-weight: 500; 
    text-decoration: underline;
} 

.btn { 
    background-image: none; 
    border: 1px solid transparent; 
    border-radius: 4px; 
    cursor: pointer; 
    display: inline-block; 
    font-size: 14px; 
    font-weight: 400; 
    line-height: 1.42857143; 
    margin-bottom: 0; 
    padding: 6px 12px; 
    text-align: center; 
    -ms-touch-action: manipulation; 
    touch-action: manipulation; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    vertical-align: middle; 
    white-space: nowrap;
} 

.btn-block { 
    display: block; 
    width: 100%;
} 

.btn { 
    border: 0; 
    font-family: Montserrat,sans-serif; 
    font-weight: 500; 
    text-decoration: none; 
    text-transform: uppercase;
} 

.btn { 
    text-transform: none;
} 

.btn.btn-yellow { 
    background-color: #fdc400; 
    box-shadow: none; 
    color: #383838;
} 

.btn.btn-yellow { 
    transition: all .2s; 
    -webkit-transition: all .2s;
} 

.btn-buy-product-list  { 
    margin-bottom: 10px;
} 

a:active,a:hover { 
    outline: 0;
} 

a:hover { 
    color: #23527c; 
    text-decoration: underline;
} 

.btn:hover { 
    color: #333; 
    text-decoration: none;
} 

.btn.btn-yellow,.btn.btn-yellow:hover { 
    transition: all .2s; 
    -webkit-transition: all .2s;
} 

.btn.btn-yellow:hover { 
    background-color: #e4b000;
} 

button { 
    color: inherit; 
    font: inherit; 
    margin: 0;
} 

button { 
    overflow: visible;
} 

button { 
    text-transform: none;
} 

button { 
    -webkit-appearance: button; 
    cursor: pointer;
} 

button { 
    font-family: inherit; 
    font-size: inherit; 
    line-height: inherit;
} 

.btn-sm { 
    border-radius: 3px; 
    font-size: 12px; 
    line-height: 1.5; 
    padding: 5px 10px;
} 

.align-self-center { 
    -ms-flex-item-align: center!important; 
    align-self: center!important;
} 

.font-weight-normal { 
    font-weight: 400;
} 

.font-size-small { 
    font-size: .8rem;
} 

.sf-btn-details { 
    color: #383838!important; 
    font-size: .8rem!important; 
    padding: 0!important;
} 

.sf-btn-details { 
    text-decoration: none!important;
} 

.btn-show-details  { 
    background: none; 
    border: none; 
    cursor: pointer; 
    display: block; 
    font-size: .8rem; 
    line-height: 1em; 
    margin: 0 auto; 
    outline: none; 
    padding: 9px 0 0;
} 

.sf-btn-details,.sf-btn-details:after { 
    text-decoration: none!important;
} 

.product-price-sf  { 
    font-size: 1.625rem; 
    font-weight: 500; 
    letter-spacing: -.52px; 
    line-height: 90%;
} 

.font-weight-bold { 
    font-weight: 500;
} 

.fa { 
    display: inline-block; 
    font: normal normal normal 14px/1 FontAwesome; 
    font-size: inherit; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
} 

.fa { 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: inline-block; 
    font-style: normal; 
    font-variant: normal; 
    line-height: 1; 
    text-rendering: auto;
} 

.fa { 
    font-family: Font Awesome\ 5 Free;
} 

.fa { 
    font-weight: 900;
} 

.fa-shopping-cart:before { 
    content: "\f07a";
} 

.fa-shopping-cart:before { 
    content: "";
} 

.mb-3 { 
    margin-bottom: 1rem!important;
} 

.mb-3 { 
    margin-bottom: 1rem;
} 

ul  { 
    margin-bottom: 0;
} 

.list-inline,.list-unstyled { 
    list-style: none; 
    padding-left: 0;
} 

.list-inline { 
    margin-left: -5px;
} 

ul.list-product-specs-sb  { 
    margin-left: 0;
} 

ul.list-product-specs  { 
    line-height: 1.4em;
} 

.max_per_month_label { 
    font-family: Inter,sans-serif; 
    font-size: 13px; 
    font-style: normal; 
    font-weight: 400;
} 

.max_per_month_label { 
    line-height: 160%;
} 

.sf-hourprice { 
    color: #737373; 
    font-size: 1rem; 
    font-weight: 500; 
    letter-spacing: -.32px; 
    line-height: 120%;
} 

.per_hour_label { 
    color: #737373;
} 

.per_hour_label { 
    font-size: 13px; 
    font-weight: 400; 
    line-height: 160%;
} 

.list-inline > li  { 
    display: inline-block; 
    padding-left: 5px; 
    padding-right: 5px;
} 

ul.list-product-specs-sb li  { 
    padding: 0;
} 

ul.list-product-specs li span  { 
    border-radius: 3px; 
    font-size: 12px; 
    font-weight: 500; 
    margin-right: 3px; 
    padding: 1px 4px; 
    white-space: nowrap;
} 

ul.list-product-specs li span.special-tag  { 
    background-color: #59a219; 
    color: #fff;
} 

ul.list-product-specs-sb li:last-child span  { 
    margin-right: 0;
} 


/* These were inline style tags. Uses id+class to override almost everything */