/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
body {
background: #f0f0f0 url('../img/main_fon.jpg') repeat-x 50% 180px;

/*background: #f0f0f0 url('../img/f1.jpg') repeat-x 50% 0%;
background: #f0f0f0 url('../img/fx.jpg') no-repeat 50% 0%;
background-size:100% auto;*/

}

h1, h2, h3, h4, h5, h6 {margin: 0 0 1em 0;line-height:1em;}

h1.uk-article-title {
    font-size: 28px;
}

.jshop h1 {
    background-color: #eee;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0.3rem 1.5rem;
}

.uk-container-center {background-color:white;
/*box-shadow: inset 0px 10px 7px 0px rgba(44,44,44,.5);*/
box-shadow: 1px 1px 3px rgba(96, 96, 96, 0.75);
}
.uk-panel-box {
/*    box-shadow: 1px 1px 2px rgba(96, 96, 96, 0.75) inset;*/
border: solid 1px #ccc;
}
.uk-panel:empty {
    display: none;
}
.tm-toolbar { background-color: #f0f0f0; margin: 0 -1em; padding: 0.75em;border-bottom: 1px solid #cdcdcd;}

nav.uk-navbar {margin: 1em -1em;}
nav .nav li.active > a { color: black;}

.tm-logo:hover {text-decoration:none;}
.tm-logo h1 {color:#fc3b0f; font-weight: bold;}

.tm-logo-small { letter-spacing: 0.31em;}

#tm-top-a {margin: -1em -1em 2em;}
#tm-top-a .uk-panel-box { border: none;}

#tm-top-a .uk-row-first {margin:0; padding:0;}
#tm-top-a .uk-panel-box {padding:0;}
.camera_caption_title, .camera_caption_desc {line-height: 2em;}

.uk-article {padding-left: 1em; padding-right: 1em;}

#tm-bottom-b {margin: 1em -1em 0; padding: 1em 1em 1em 0;
background-color:#0fb5a5;}

#tm-bottom-b .uk-panel-title {text-align:center; color: #00897b;}

#tm-footer{margin: 0 -1em; min-height:100px;
color: white; background:#0e343d url('../img/f3.jpg') 0 0 no-repeat; }

#tm-footer .uk-panel {padding-top:2em;}

.uk-breadcrumb {font-size: 0.8em; padding: 1em 0;}

input[id^="quantity"] { width:2em; margin-bottom: 0; margin-left: 3px;}

.btn {background-image: linear-gradient(to bottom, rgba(210,210,210,0.5), rgba(100,120,120,0.5)); background-repeat: repeat-x;}

.prod_qty_input .btn.product_minus { float: left;}
.prod_qty_input .btn.product_plus { float: right;}

.buttons .btn {
    border-color: white;
    border-style: solid;
    border-width: 1px;
}


.mycart_wrapp { padding: 0 2em; }

#category_list_product {margin: 1em 0;}
#category_list_product .product:nth-child(2n+1) {background-color:#f6f6f6; margin-top:0; padding-top: 1em;}

#category_list_product .product {padding-top: 0em; border-bottom: solid 1px #f3f3f3;}
#category_list_product .extra_fields,
#category_list_product .manufacturer_name {font-size: .9rem; text-align:left;}

.product.uk-grid {flex-wrap: wrap;}
.product.uk-grid > div {flex: 1 1 155px;}
.product.uk-grid > div.uk-width-2-6 {flex: 1 1 300px;}
.category_description {overflow: hidden;}
.cat_image {padding: 0 1em 1em 0; float: left; max-width:175px;}

.jshop_categ {border-top: solid 1px #f0f0f0;padding-top:0.5em;}
.jshop_categ > div {padding:0 1em;}
.jshop_categ .image{margin-bottom:1em;}
.jshop_categ .category_name,
.jshop_categ .image {text-align: center;}
.category_name h3 {font-size: 1.35rem; min-height: 4.5rem;}
.category_name a:hover {text-decoration:none;}
.jshop_categ .image img { border: solid 1px #bbb; border-radius: 50%; box-shadow: 2px 2px 3px rgba(0,48,16,.50);transition: all 0.3s ease 0s; max-height: 13em;}
.jshop_categ .image img:hover {transform: rotate(10deg);}

.control-group input { height: auto; }

.uk-dropdown-navbar a{color: white;}

article {padding-bottom: 1em;}

#mxcpr { display: none }

.uk-dropdown.w2 {width: 630px;}
.w2 ul.nav > li {width: 289px; float: left;margin-right: 10px;}
.w2 ul.nav > li > a { text-transform: uppercase; padding-top: 1em;}
.w2 .childCat {padding-left: 20px;}
ul.nav > li > a {font-weight: bold; color: gold; }

.b_cat_list {display: flex; flex-wrap: wrap;}
.b_cat_list .jshop_menu_level_0 {text-align: center; margin-bottom: 1em;flex: 1 1 275px;}
.b_cat_list .jshop_menu_level_0 img { display: block;  margin: 0 auto; padding: 0 0.5em;}

#tm-bottom-b p {margin-top: 0;}
#tm-bottom-b [class^="icon-"] {width:auto; height: auto;line-height: 100%;margin-right:0;color: #007667;}
.uk-navbar-toggle {color: #949494;}
.uk-search::before {color: rgba(240, 250, 240, 0.52);}
#basket-icon:after {content:"\f07a";}
#filter-icon { float: right;}
#filter-icon:after {content:"\f0b0";}
.icon-truck:before {font-family: FontAwesome; vertical-align: middle; content:"\f0d1";}
.tm-toolbar [class^="icon-"] {display: inline;}

.sc_askquestion { float: right;}

.tac{text-align:center;}

.b_cat_list .m_cat_name {font-size: 1.5em; line-height: 1.5em;display: block; min-height: 3em;}

.uf_cv {overflow: hidden;}
/*
.uf_cv label, .uf_cv input {display: block; float: left;}
.uf_cv input {clear: left;}
*/

.uf_cv > div {float: left; min-width: 50%;}

.uf_cv label { display: inline-block; margin-left: .3em;}
input[checked] + label {color:#007667; font-weight: bold;}

.jshop_filters {overflow: hidden; padding: 0.5em; background-color:#f5f5f5; margin-bottom:0.5em;}
.jshop_filters > span {padding:0 1em;}

.tm-totop-scroller {position: fixed; bottom: 2em; right: 1em; border: solid 3px #9f9f9f; border-radius: 1em; font-size: 16px; color: #9f9f9f; top:unset;}
.tm-totop-scroller:active {font-size: 16px;}

article table {border-bottom: 1px solid #ddd;}
article td {padding: 0.25em 0.5em;border-right: 1px solid #ddd;}
article tr:nth-child(2n+3) td {background-color: #eee;}

@media screen and (max-width: 800px) {
article table { overflow-x: auto; display: block; border-bottom: none;}
.uk-article-title, h1, .uk-h1, h3, .uk-h3, .jshop h1 {font-size: 1.5em;}
.category_name h3 {font-size:1.2em;}
.b_cat_list .m_cat_name {font-size: 1em; font-weight:bold;}
.modal_to_cart a {font-size: 1em;}
.mobile-cart {display:none;}
}


@media (max-width: 567px) {
#category_list_product .product .oiproduct {width:100%}
#category_list_product .product .buttons {width:100%; margin: 0.5em 0;}
.modal_anchor > span {display: block; margin: 1em 0;}
.product.uk-grid > div {flex: 1 1 200px;}
}