/* ========================================================================
   Custom: Styles
 ========================================================================== */

@font-face{
font-family: 'Roboto Condensed';
src: url('../fonts/roboto-condensed/RobotoCondensed-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face{
font-family: 'Roboto Condensed';
src: url('../fonts/roboto-condensed/RobotoCondensed-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

@font-face{
font-family: 'Roboto Condensed';
src: url('../fonts/roboto-condensed/RobotoCondensed-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}

@font-face{
font-family: 'Roboto Condensed';
src: url('../fonts/roboto-condensed/RobotoCondensed-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}

@font-face{
font-family: 'Roboto Condensed';
src: url('../fonts/roboto-condensed/RobotoCondensed-Light.ttf') format('truetype');
font-weight: lighter;
font-style: normal;
}

@font-face{
font-family: 'Roboto Condensed';
src: url('../fonts/roboto-condensed/RobotoCondensed-LightItalic.ttf') format('truetype');
font-weight: lighter;
font-style: italic;
}

html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto Condensed, Arial, sans-serif !important;
    color: #424242 !important;
}

/*
 * Sizes
 */
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
    margin: 0 0 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: normal;
    color: #333;
    /*text-transform: uppercase !important;*/
}

h1,
.uk-h1 {
  font-size: 2rem;
  line-height: 1.2;
}
h2,
.uk-h2 {
  font-size: 1.7rem;
  line-height: 1.3;
}
h3,
.uk-h3 {
  font-size: 1.5rem;
  line-height: 1.4;
}
h4,
.uk-h4 {
  font-size: 1.25rem;
  line-height: 1.4;
}
h5,
.uk-h5 {
  font-size: 16px;
  line-height: 1.4;
}
h6,
.uk-h6 {
  font-size: 0.875rem;
  line-height: 1.4;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  h1,
  .uk-h1 {
    font-size: 2.525rem !important;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    color: #333 !important;
    font-weight: 400 !important;
  }
  h2,
  .uk-h2 {
    font-size: 2rem !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    color: #333 !important;
    font-weight: 500 !important;
  }
  h3,
  .uk-h3 {
    font-size: 1.7rem !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    color: #333 !important;
    font-weight: 500 !important;
  }
}

.uk-logo {
    color: #333 !important;
}

.uk-padding-xsmall {
    padding: 10px;
}

.uk-padding-xxsmall {
    padding: 5px;
}

.uk-light .uk-logo:hover, .uk-light .uk-logo:focus, .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-section-primary:not(.uk-preserve-color) .uk-logo:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus, .uk-card-primary.uk-card-body .uk-logo:hover, .uk-card-primary.uk-card-body .uk-logo:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo:focus, .uk-card-secondary.uk-card-body .uk-logo:hover, .uk-card-secondary.uk-card-body .uk-logo:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:focus, .uk-overlay-primary .uk-logo:hover, .uk-overlay-primary .uk-logo:focus, .uk-offcanvas-bar .uk-logo:hover, .uk-offcanvas-bar .uk-logo:focus {
    color: rgba(255, 255, 255, 1) !important;
}

.uk-light .uk-logo, .uk-section-primary:not(.uk-preserve-color) .uk-logo, .uk-section-secondary:not(.uk-preserve-color) .uk-logo, .uk-tile-primary:not(.uk-preserve-color) .uk-logo, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo, .uk-card-primary.uk-card-body .uk-logo, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo, .uk-card-secondary.uk-card-body .uk-logo, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, .uk-overlay-primary .uk-logo, .uk-offcanvas-bar .uk-logo {
    color: rgba(255, 255, 255, 0.9) !important;
}

.uk-background-primary {
    background-color: #333366 !important;
}
.uk-section-primary {
    background: #333366 !important;
}
.uk-button-primary {
    background-color: #333366 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}
.uk-link {
    color: #333399 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
.uk-text-primary {
    color: #333366 !important;
}

.uk-button-default {
    background-color: transparent;
    color: #333;
    border: 1px solid #999 !important;
}


.uk-subnav > * > :first-child {
    display: block;
    color: #222 !important;
    font-size: 0.875rem;
    text-transform: none !important;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color;
}

.uk-navbar-nav > li > a {
color: rgba(51, 51, 51, 0.8) !important;
text-transform: none !important;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a.uk-open {
color: rgba(51, 51, 51, 1) !important;
    outline: none !important;
    text-transform: none !important;
    border-bottom: 3px solid #333399 !important;
}

.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
    border-bottom: 3px solid transparent !important;
    font-weight:normal !important;
    font-family: -apple-system, "CooperHewitt-Heavy", Roboto, Arial, sans-serif !important;
    /*padding: 0 10px !important;*/
        text-transform: none !important;
}

.uk-navbar-nav > li.uk-active > a {
    border-bottom: 3px solid #333399 !important;
        text-transform: none !important;
}

.uk-navbar-dropdown-nav > li > a {
    color: #333 !important;
}


.uk-light .uk-subnav > * > :first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-card-primary.uk-card-body .uk-subnav > * > :first-child, .uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child, .uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child, .uk-overlay-primary .uk-subnav > * > :first-child, .uk-offcanvas-bar .uk-subnav > * > :first-child {
    color: rgba(255, 255, 255, 0.9) !important;
}

.uk-light .uk-subnav > * > a:hover, .uk-light .uk-subnav > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-card-primary.uk-card-body .uk-subnav > * > a:hover, .uk-card-primary.uk-card-body .uk-subnav > * > a:focus, .uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > a:focus, .uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav > * > a:focus, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > a:focus, .uk-overlay-primary .uk-subnav > * > a:hover, .uk-overlay-primary .uk-subnav > * > a:focus, .uk-offcanvas-bar .uk-subnav > * > a:hover, .uk-offcanvas-bar .uk-subnav > * > a:focus {
    color: rgba(255, 255, 255, 1) !important;
}

.uk-light .uk-iconnav > * > a:hover, .uk-light .uk-iconnav > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-primary.uk-card-body .uk-iconnav > * > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus, .uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus, .uk-overlay-primary .uk-iconnav > * > a:hover, .uk-overlay-primary .uk-iconnav > * > a:focus, .uk-offcanvas-bar .uk-iconnav > * > a:hover, .uk-offcanvas-bar .uk-iconnav > * > a:focus {
    color: rgba(255, 255, 255, 1) !important;
}

.uk-light .uk-iconnav > * > a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-card-primary.uk-card-body .uk-iconnav > * > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a, .uk-card-secondary.uk-card-body .uk-iconnav > * > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a, .uk-overlay-primary .uk-iconnav > * > a, .uk-offcanvas-bar .uk-iconnav > * > a {
    color: rgba(255, 255, 255, 0.9) !important;
}


.uk-card-primary {
    background: #333399 !important;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}


.uk-background-defaultgray {
    background-color: #fcfcfc;
}

.uk-padding-xsmall {
    padding: 7px;
}

.uk-fieldset {
    border: none !important;
    margin: 0;
    padding: 0;
}

.uk-button-secondary {
    background-color: #26323a !important;
    color: #fff;
    border: 1px solid transparent;
}


.uk-overlay-danger {
    background: rgba(234, 0, 42, 0.95) !important;
}

.uk-overlay-primary {
    background: rgba(51, 51, 102, 0.95) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}



.uk-background-secondary {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

.uk-button-danger {
    background-color: #ed0740 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

.uk-button-danger:hover, .uk-button-danger:focus {
    background-color: #eb222f !important;
    color: #fff !important;
}


a, .uk-link {
    color: #333399;
    text-decoration: none !important;
    cursor: pointer !important;
}

.uk-breadcrumb > * > * {
    display: inline-block !important;
    font-size: 0.85rem !important;
    color: #999 !important;
}

.uk-breadcrumb > li > a {
    color: #999 !important;
    font-size: 0.85rem !important;
}


.uk-thumbnav > * {
    padding-left: 5px !important;
}

.uk-table {
    margin-bottom: 5px !important;
}

* + .uk-table {
    margin-top: 5px !important;
}


.uk-table-small th, .uk-table-small td {
    padding: 5px 10px !important;
}

.uk-table-xsmall th, .uk-table-xsmall td {
    padding: 3px 5px;
}

.product{
overflow:hidden;
position: relative;
}

.tagnew{
left: -35px;
transform: rotate(-45deg);
width: 130px;
position: absolute;
top: 10px;
z-index: 100;
}

.tagnew{
background: #33cc99 none repeat scroll 0% 0%;
display: block;
height: 30px;
font-weight: 300;
font-size: 14px;
line-height: 30px;
color: #FFF;
text-align: center;
text-transform: uppercase;

}

.tagsale{
left: -35px;
transform: rotate(45deg);
width: 130px;
position: absolute;
bottom: 10px;
z-index: 100;
}

.tagsale{
background: #ff0033 none repeat scroll 0% 0%;
display: block;
height: 30px;
font-weight: 300;
font-size: 14px;
line-height: 30px;
color: #FFF;
text-align: center;
text-transform: uppercase;

}

.tagtop{
right: -35px;
transform: rotate(45deg);
width: 130px;
position: absolute;
top: 10px;
z-index: 100;
}

.tagtop{
background: #f6004b none repeat scroll 0% 0%;
display: block;
height: 30px;
font-weight: 300;
font-size: 14px;
line-height: 30px;
color: #FFF;
text-align: center;
text-transform: uppercase;

}


.taghot{
right: -35px;
transform: rotate(-45deg);
width: 130px;
position: absolute;
bottom: 10px;
z-index: 100;
}

.taghot{
background: #faa05a none repeat scroll 0% 0%;
display: block;
height: 30px;
font-weight: 300;
font-size: 14px;
line-height: 30px;
color: #fff;
text-align: center;
text-transform: uppercase;

}

.tagarchive{
right: -15px;
transform: rotate(-45deg);
width: 130px;
position: absolute;
bottom: 10px;
z-index: 100;
}

.tagarchive{
background: #f6004b none repeat scroll 0% 0%;
display: block;
height: 30px;
font-weight: 300;
font-size: 14px;
line-height: 30px;
color: #FFF;
text-align: center;
text-transform: uppercase;

}

.tagfuture{
right: -35px;
transform: rotate(-45deg);
width: 130px;
position: absolute;
bottom: 10px;
z-index: 100;
}

.tagfuture{
background: #f6004b none repeat scroll 0% 0%;
display: block;
height: 30px;
font-weight: 300;
font-size: 14px;
line-height: 30px;
color: #FFF;
text-align: center;
text-transform: uppercase;

}

.tagcustom {
    left: -40px;
    transform: rotate(-45deg);
    width: 180px;
    position: absolute;
    top: 35px;
    z-index: 100;
}

.tagcustom{
display: block;
height: 30px;
font-weight: 300;
font-size: 14px;
line-height: 30px;
color: #FFF;
text-align: center;
}

.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}