@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Lemon');

body {
    font-family: "Courgette", cursive, arial, verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Courgette", cursive, arial, verdana, sans-serif;
}

/* HEADER */
.header {
    background: #0091d2 url('../images/assets/header_round_red.jpg') no-repeat center top;
    background-size: cover;
}

.header #header-logo {
    z-index: 1;
    border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    border: 3px solid #727271;
}

.header #slogan {
    font-family: "Lemon", cursive, arial, verdana, sans-serif;
    color: #CDCDCD;
}

.header #site-title {
    font-family: "Lemon", cursive, arial, verdana, sans-serif;
    color: #CDCDCD;
}

/* CONTACT BOX */
.contact-box {
    background-color: #FFF; 
}

.block {

}

.block > .block-title {

}

.register-box > h5 {
    background-color: #FFF; 
}

.registration-form {
    background-color: #FFF; 
}

/* CONTACT FORM */

.contact-form {
}

/* SLIDER */
.slider-text {
    background-color: rgba(50,50,50,0.5);
}

.slider-text h4 {
}

.slider-text p {
}

.slider-text a {
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #FF0000 none repeat scroll 0 0;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #6bb2fb none repeat scroll 0 0;
}

/* HOME PRODUCTS */

.home-product-name {
    background-color: rgba(50,50,50, 0.5);
}

.home-product-name h6 {
    color: #FFF;
    font-weight: bold;
}

.home-product-name p {
    display: none;
}

.home-product-price {
    text-shadow: 1px 1px lightgrey;
    background-color: #2F3557;
    color: #FFF;
}

.home-product-box {
    border: #eed solid 1px;
}

a.home-product-link {
}

.home-product-box img {
}

.add-to-cart {
    color: #000;
}

.home-product-details {

}

.home-product-other {

}

.infobox {
    background: #263E62 url('../images/assets/p4.png') repeat;
    border: 1px solid #DDD;
    /*    background-color: #263E62; */
    color: #212471;
    text-align: justify;
    box-shadow: 2px 2px 2px 2px #DDD;
    padding: 0;
}

.infobox .infobox-title {
    background-color: #212471;
    color: #DDD;
}

.infobox h5 {
    text-align: center;
    font-weight: bold;
}

.infobox .multichannel-symbol {
    text-align: center;
}

/* SIDEBAR */
.sidebar {

}

/* SHOPPING CART */

a.sh-cart {
}

a.sh-cart i.cart-icon {
}

.account-controls {
}

.account-menu {
    background: #000;;
}

.account-menu li a {
    color: #fff;
    background-color: #000;
}

.account-menu li a:hover, .account-menu li.hover > a,
.main-menu li a:hover, .main-menu li.hover > a {
    background-color: #c0c0c0;
}

.main-menu-wrapper {
}

.main-menu-container {
}

.main-menu-container .main-menu {
}

.main-menu {
    background: #000;
}

.main-menu li.current > a {
    background: #c0c0c0;
    color: #000;
}

.main-menu li.current > a:hover, .main-menu li.current.hover > a {
    background: #c0c0c0;
    color: #000;
}

.main-menu li a {
    color: #fff;
    background-color: #000;
}

/* BLOCKS */
.block h6 {
    font-family: "Courgette", cursive, arial, verdana, sans-serif;
    border-bottom: #000 1px solid;
}

/* CATEGORIES BLOCK */
.categories-block a {
    font-family: "Courgette", cursive, arial, verdana, sans-serif;
}

.categories-block ul.alt li {
}

/* PRODUCT SEARCH BLOCK */
#product-search-form tr, #product-search-form td {
}

#product-search-form input.spin, #product-search-form input.spin:focus {
}

/* CATEGORIES */
.categories {

}

.category-item {
}

.category-item a {
}

.category-info {
    background-color: rgba(50,50,50,0.5);
    color: #FFF;
    text-align: center;
}

.category-info h6 {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

.category-info p {
    font-weight: bold;
    text-align: center;
}

.category-image-container {
}

/* SINGLE CATEGORY */
.category {

}

.category-product {
}

.category-product a {
}

.category-product-image {
}

.category-product-info {
    background-color: rgba(50,50,50,0.5);
    color: #FFF;
    text-align: center;
}

.category-product-info h6 {
    font-weight: bold;
}

.category-product-info p {
    display: none;
}

.category-product-price {
    text-shadow: 1px 1px #D3D3D3;
    background-color: #2F3557;
    color: #FFF;
}

.category-product-price h6 {
}

.category-product-price h6 span {

}

/* SINGLE PRODUCT */
.single-product > h5 {
    text-shadow: 1px 1px 2px #cccccc; 
}

.single-product p {
}

.single-product .product-images-container {
}

/* SINGLE PRODUCT CAROUSEL */
ul.product-images-carousel {
}

ul.product-images-carousel > li {
}

ul.product-images-carousel li > img {
}

ul.product-images-carousel li.active {

}

ul.product-images-carousel li.active > img {
}

.single-product .product-images-container .product-carousel-display {
}

.product-images-carousel li img {
}

/* ABOUT AGENCY */
.about-content .about-images-container {
}

.about-images-container .about-image-display {
}

/* DISCLAIMER */
.disclaimer-content {
}

.disclaimer-notice {
    background-color: #0FF;
    color: #FFF; 
}

/* LOGIN FORM */
#login-form-container {
    background-color: #FFF;
    box-shadow: 1px 1px 2px 1px #BBB;
    border: 1px solid #AAA;
}

form.user-login-form table th, form.user-login-form table td {
}

.login-form-title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc400+0,6ba500+100 */
    background: #8fc400; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YmE1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #8fc400 0%, #6ba500 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8fc400 0%,#6ba500 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8fc400 0%,#6ba500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-8 */
}

.login-form-title h6 {
    color: #FFF;
}

.login-form-title .close-form {
    color: #FFF;
}

#login-form-response {
}

/* SHOPPING CART */
.product-cart-quantity {
}

.product-cart-price, .product-cart-quantity {
}

.reckoning {
    border-top: 2px solid #000;
}

.reckonig-digits {
}

.reckoning .reckonig-digits, .reckoning .reckoning-caption {
}

/* FOOTER */
.footer {
    /*background-color: #333856;*/
    background-color: #121212;
    color: #FFF;
}

.footer-menu {
}

.footer-menu li {
}

.footer-menu li a {
    color: #FFF;
}

.agency-description {
}

#order-detail-container {
    background-color: #FFF;
}

form.user-login-form table th, form.user-login-form table td {
}

.order-detail-title {
    background-color: #00FF00;
}

.order-detail-title h6 {
    color: #FFF;
}

.order-detail-title .close-form {
}

.order-detail-content {
}

#order-detail-data {
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    /* HEADER */
    .header {
    }
    
    .header .logo-container {
        text-align: center;
    }

    .header #header-logo {
        width: inherit;
        height: inherit;
    }

    .header #slogan {
        text-align: center;
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    }

    .header #site-title {
        text-align: center;
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    }
    
        /* MAIN MENU */
    .mm-container {
    }

    .mm-menu {
    }

    .mm-menu ul {
    }

    .mm-menu li {
    }

    .mm-menu > li {
    }

    .mm-menu > li > a {
    }

    ul.mm-menu > li > ul > li {
        background-color: #0A0A0A;
    }

    ul.mm-menu > li > ul > li > a {
    }

    ul.mm-menu > li > ul > li > ul > li {
        background-color: #1F1F1F;
    }

    ul.mm-menu > li > ul > li > ul > li > a {
    }

    ul.mm-menu > li > ul > li > ul > li > ul > li {
    }

    ul.mm-menu > li > ul > li > ul > li > ul > li > a {
    }

    .has-menu {
    }
    
    span[class^="arrow-"] {
    }

    /* USER MENU */
    .um-container {
    }

    ul.um-menu {
    }

    ul.um-menu > li {
    }

    ul.um-menu > li > a {
    }

    ul.um-menu > li > ul {
    }

    ul.um-menu > li > ul > li {
    }

    ul.um-menu > li > ul > li > a {
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* HEADER */
    .header {
    }

    .header #header-logo {
    }

    .header #slogan {
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    }

    .header #site-title {
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    }
    
    .mm-container { width: 75%; padding: 0; float: left; }

    .mm-menu {
        background-color: transparent;
    }

    .mm-menu li {
        background-color: transparent;
    }

    .mm-menu li a {
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);
    }

    .mm-menu li:hover,
    .mm-menu li a:hover {
    }

    .mm-menu > li.has-menu {
    }

    .mm-menu > li.has-menu > ul {
    }

    .mm-menu > li.has-menu > ul > li {
        padding: 0;
        background-color: #0A0A0A;
    }

    .mm-menu > li.has-menu > ul > li > a {
        padding: 4px;
    }

    .mm-menu > li.has-menu > ul > li > ul {
    }

    .mm-menu > li.has-menu > ul > li > ul > li {
        padding: 0;
        background-color: #1F1F1F;
    }

    .mm-menu > li.has-menu > ul > li > ul > li > a {
        padding: 4px;
    }

    .mm-menu > li.has-menu > ul > li > ul > li > ul {
    }

    .mm-menu > li.has-menu > ul > li > ul > li > ul > li {
    }

    .mm-menu > li.has-menu > ul > li > ul > li > ul > li > a {
    }

    /* USER MENU */
    .um-container {
        background-color: transparent;
    }

    ul.um-menu {
    }
    
    .um-menu li:hover,
    .um-menu li a:hover {
        background-color: #DDD;
        color: #000;
        text-shadow: none;
    }

    ul.um-menu > li {
    }

    ul.um-menu > li > a {
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);
    }

    ul.um-menu > li > ul {
    }

    ul.um-menu > li > ul > li {
    }

    ul.um-menu > li > ul > li > a {
    }
    
    ul.um-menu > li > ul > li > a > i {
    }
}

@media screen and (min-width: 1024px) {
    /* HEADER */
    .header {
    }

    .header #header-logo {
    }

    .header #slogan {
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    }

    .header #site-title {
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    }
    
    .mm-container { width: 75%; padding: 0; float: left; }

    .mm-menu {
        background-color: transparent;
    }

    .mm-menu li {
        background-color: transparent;
    }

    .mm-menu li a {
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);
    }

    .mm-menu li:hover,
    .mm-menu li a:hover {
        text-shadow: none;
    }

    .mm-menu > li.has-menu {
    }

    .mm-menu > li.has-menu > ul {
    }

    .mm-menu > li.has-menu > ul > li {
        padding: 0;
        background-color: #0A0A0A;
    }

    .mm-menu > li.has-menu > ul > li > a {
        padding: 4px;
    }

    .mm-menu > li.has-menu > ul > li > ul {
    }

    .mm-menu > li.has-menu > ul > li > ul > li {
        padding: 0;
        background-color: #1F1F1F;
    }

    .mm-menu > li.has-menu > ul > li > ul > li > a {
        padding: 4px;
    }

    .mm-menu > li.has-menu > ul > li > ul > li > ul {
    }

    .mm-menu > li.has-menu > ul > li > ul > li > ul > li {
    }

    .mm-menu > li.has-menu > ul > li > ul > li > ul > li > a {
    }

    /* USER MENU */
    .um-container {
        background-color: transparent;
    }

    ul.um-menu {
    }
    
    .um-menu li:hover,
    .um-menu li a:hover {
        background-color: #DDD;
        color: #000;
        text-shadow: none;
    }

    ul.um-menu > li {
    }

    ul.um-menu > li > a {
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);
    }

    ul.um-menu > li > ul {
    }

    ul.um-menu > li > ul > li {
    }

    ul.um-menu > li > ul > li > a {
    }
    
    ul.um-menu > li > ul > li > a > i {
    }
}