/* Example CSS file */ 
.uk-logo img {
    height: 72px
}

.uk-padding-nav-custom {
    padding-left: 20px;
    padding-right: 20px;
}

.uk-border-rounded-custom {
    border-radius: 20px;
}

.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
    min-height: 60px;
    font-size: 0.795rem;
}

.uk-navbar-nav > li > a {
    color: #6B7280;
}

.uk-hero-section {
    height: 126vh;
}

@media screen and (max-width: 600px) {
    .uk-hero-section {
        background-position: 80%;
    }
}

.uk-hero-section img {
    height: 150px;
    width: 80px;
}

.uk-news-image img {
    height: 500px;
    width: 500px;
    object-fit: cover;
}

.uk-collection-section {
    height: 100vh;
}

.uk-collection img {
    height: 800px;
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 600px) {
    .uk-collection img {
        height: 335px;
        width: 100%;
        object-fit: cover;
    }
}


.uk-about-section {
    height: 80vh;
}


.uk-text-primary {
    color: #0192D5!important;
}

.uk-text-white {
    color: white;
}

.uk-card-backgorund {
    background-color: #F4F4F4;
}

/* Primary */
.uk-button-primary {
    background-color: #0192D5;
    color: #fff;
    border: 1px solid transparent;
}
  
.uk-button-primary:hover {
    background-color: #0999db;
    color: #fff;
}
  
.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #0999db;
    color: #fff;
}

/* Default */

.uk-button-default {
    background-color: transparent;
    color: #4A4A4A;
    border: 1px solid #4A4A4A;
}

.uk-button-default:hover {
    background-color: transparent;
    color: #4A4A4A;
    border-color: #4A4A4A;
}

.uk-button-default:active,
.uk-button-default.uk-active {
    background-color: transparent;
    color: #4A4A4A;
    border-color: #4A4A4A;
}

.uk-card-title {
    font-weight: 600;
}

.uk-product img {
    height: 350px;
    width: 100%;
    object-fit: contain;
}

.uk-height-modal-1 {
    height: 100vh!important;
}

.uk-product img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.uk-home-product img {
    height: 400px;
    width: 100%;
    object-fit: contain;
}

.uk-blog img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.uk-products  img{
    height: 350px;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 320px) and (max-width: 768px) {
    .uk-home-product img {
        height: 280px;
        width: 100%;
        object-fit: contain;
    }
}

a.uk-position-center-left-out.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav {
    background-color: #0192d5;
    color: white;
    border-radius: 10px;
}

a.uk-position-center-right-out.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav {
    background-color: #0192d5;
    color: white;
    border-radius: 10px;
}

a.uk-position-center-left.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav {
    background-color: #0192d5;
    color: white;
    border-radius: 10px;
}

a.uk-position-center-right.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav {
    background-color: #0192d5;
    color: white;
    border-radius: 10px;
}



.uk-background-transparent {
    background-color: #f8f8f800;
}

.uk-nav-home a {
    color: white!important;
}

.uk-dropdown-home a{
    color: gray!important;
}

.margin-hero {
    margin-top: -72px;
}

@media (min-width: 1281px) {
    .uk-hero-home {
        background-image: url(../../templates/images/cross-for-hero.png), url(../../templates/images/hero.jpg);
        background-position: 150% -35%, left top;
        background-repeat: no-repeat;
        background-size: 50%, 100%;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .uk-hero-home {
        background-image: url(../../templates/images/cross-for-hero.png), url(../../templates/images/tablet-hero.jpg);
        background-position: 482% 68%, left top;
        background-repeat: no-repeat;
        background-size: 90%, 100%;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .uk-hero-home {
        background-image: url(../../templates/images/cross-for-hero.png), url(../../templates/images/mobile-hero.jpg);
        background-position: -11% 105%, left top;
        background-repeat: no-repeat;
        background-size: 161%, 100%
    }
}

.uk-background-menu-secondary {
    background-color: #c5c5c5;
}

.uk-instagram img{
    height: 597px;
    width: 478px;
    object-fit: cover;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {
    .uk-instagram img{
        height: 250px;
        width: 100%;
        object-fit: cover;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
}

.uk-hero-shadow {
    box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.27);
}

.uk-custom-title {
    padding: 10px;
    border: 2px solid #0192d5;
    border-radius: 6px;
}

.uk-search-image img {
    width: 60%;
    object-fit: contain;
}

.uk-black li>a {
    color:black!important;
}