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

@font-face{
font-family: 'Comfortaa';
src: url('../fonts/comfortaa/Comfortaa-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'Comfortaa';
src: url('../fonts/comfortaa/Comfortaa-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face{
font-family: 'Comfortaa';
src: url('../fonts/comfortaa/Comfortaa-Light.ttf') format('truetype');
font-weight: lighter;
font-style: normal;
}

html {
    font-family: 'Comfortaa', normal !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    -webkit-text-size-adjust: 100% !important;
    background: #fff !important;
    color: #666 !important;
}


h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
    font-family: 'Comfortaa', normal !important;
}

h4, .uk-h4{
color: #66abd4 !important;
font-weight: bold !important;
line-height: 1.5 !important;
font-size: 16px !important;
}

.uk-background-white{
    background-color: #ffffff !important;
}

.uk-max-height-small {
    height: 150px !important;

}

.uk-max-height-xsmall {
    height: 70px;

}

.uk-slidenav {
    padding: 5px 10px !important;
    color: rgba(90, 187, 252, 0.9) !important;
    transition: color 0.1s ease-in-out !important;
}
.uk-slidenav:hover, .uk-slidenav:focus {
    color: rgba(90, 187, 252, 1) !important;
    outline: none;
}
.uk-slidenav:active {
    color: rgba(90, 187, 252, 1) !important;
}
.uk-slidenav-bold > svg > polyline {
    stroke-width:6 !important;
}
.uk-slidenav-bold > svg  {
    width: 30px !important;
}


.uk-light .uk-button-white, .uk-section-primary:not(.uk-preserve-color) .uk-button-white, .uk-section-secondary:not(.uk-preserve-color) .uk-button-white, .uk-tile-primary:not(.uk-preserve-color) .uk-button-white, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-white, .uk-card-primary.uk-card-body .uk-button-white, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-white, .uk-card-secondary.uk-card-body .uk-button-white, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-white, .uk-overlay-primary .uk-button-white, .uk-offcanvas-bar .uk-button-white {
    background-color: #fff !important;
    color: #3399cc !important;
    border-color: rgba(51, 153, 204, 0.7) !important;
    text-transform: none !important;
font-size:1.5rem !important;

}

.uk-light .uk-input, .uk-light .uk-select, .uk-light .uk-textarea, .uk-section-primary:not(.uk-preserve-color) .uk-input, .uk-section-primary:not(.uk-preserve-color) .uk-select, .uk-section-primary:not(.uk-preserve-color) .uk-textarea, .uk-section-secondary:not(.uk-preserve-color) .uk-input, .uk-section-secondary:not(.uk-preserve-color) .uk-select, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea, .uk-tile-primary:not(.uk-preserve-color) .uk-input, .uk-tile-primary:not(.uk-preserve-color) .uk-select, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea, .uk-tile-secondary:not(.uk-preserve-color) .uk-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-select, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, .uk-card-primary.uk-card-body .uk-input, .uk-card-primary.uk-card-body .uk-select, .uk-card-primary.uk-card-body .uk-textarea, .uk-card-primary > :not([class*='uk-card-media']) .uk-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-select, .uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, .uk-card-secondary.uk-card-body .uk-input, .uk-card-secondary.uk-card-body .uk-select, .uk-card-secondary.uk-card-body .uk-textarea, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-select, .uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, .uk-overlay-primary .uk-input, .uk-overlay-primary .uk-select, .uk-overlay-primary .uk-textarea, .uk-offcanvas-bar .uk-input, .uk-offcanvas-bar .uk-select, .uk-offcanvas-bar .uk-textarea {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    background-clip: padding-box !important;
    border-color: rgba(255, 255, 255, 1) !important;
}

.uk-light .uk-input::placeholder { 
       color: #fff !important;
 }

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


.uk-navbar-nav > li > a {
    font-family: 'Comfortaa', normal !important;
}
/*
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a.uk-open {
color: rgba(255, 255, 255, 1) !important;
    outline: none !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-card-primary {
    background: #35719E !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-icon-button-primary {
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    border-radius: 500px;
    background: rgba(75, 107, 175, 1);
    color: #fff;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color;
}
.uk-icon-button-primary:active, .uk-active > .uk-icon-button {
    background: rgba(75, 107, 175, 1);
    color: #fff;
}
.uk-icon-button-primary:hover, .uk-icon-button:focus {
        background: rgba(75, 107, 175, 1);
    color: #fff;
    outline: none;
}

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

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

.product{
overflow:hidden;
}

.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;
}