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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
/* Tamno zelena: #162950 */
/* Pastelno zelena: #40547F */

/** ACCORDION **/
.uk-accordion-title {margin: 0px 0px 2px 0px; background: #40547F; border-radius: 3px; color: #fff;}
.uk-accordion-title:hover {background: #162950;}

/** SLIDER **/
.slider {margin-bottom: 70px;}
.slider h3 {color: #fff; font-size: 48px; padding: 20px 50px; line-height: 50px;}
.slider p {font-size: 24px; display: inline-block; padding: 10px;}
.slider .uk-overlay-panel {border: none; border-radius: 0px;}
.slider .uk-dotnav li a {background: #40547F; width: 10px; height: 10px;}
.slider .uk-dotnav li.uk-active a {background: #6491f1 !important; width: 10px; height: 10px;}

.homepage h3 {font-size: 38px; color: #162950; font-weight: bold;}

/** LIVE SEARCH **/
.search {margin-top: 20px; position: relative;}
.search-box input {border: 1px solid #40547F; width: 100%; padding: 2px 5px; font-size: 16px;}
.search-box button {border: none; background: #162950; color: #fff; border-radius: 0px 3px 3px 0px; position: absolute; top: 5px; right: 0px;}
.search-box button:hover {background: #40547F; color: #162950; cursor: pointer;}
.search-box button#clearbutton {right: 35px; background: none; color: #333;}
.search-box button#clearbutton:hover {color: #162950;}
.search-box .result {position: relative;}
.search-box .result .result-list {position: absolute; width: 292px; height: 500px; z-index: 100000; background: #fff; border: 1px solid #162950; padding: 10px; overflow-y: auto; border-radius: 3px; margin-top: 1px;}
.search-box .result img {width: 50px; margin-bottom: 0px;}
.search-box .result a {display: block; height: 55px; border-bottom: 1px dotted #40547F; padding: 2px;}
.search-box .result a.info {height: auto; font-size: 12px; padding: 5px 0px;}
.search-box .result a div {width: 100%;}
.search-box .result a span {font-size: 10px; color: #162950;}
.search-box .result h4 {background: #162950; color: #fff; font-weight: bold; font-size: 14px; padding: 5px 10px; margin-bottom: 5px; text-align: center;}
.search-results ul li a {background: #f9f9f9; border-radius: 3px; display: block; text-align: center;}
.search-results ul li a:hover {border: 1px solid #40547F;}
.search-results ul li a h4 {margin: 0px; margin-bottom: 5px;}
.search-results ul li a span {font-size: 12px; display: block; padding-bottom: 15px;}

.shippingPrices {width: 100%; font-size: 12px;}
.shippingPrices td {border-bottom: 1px dotted #ccc; text-align: center;}

div.uk-panel.uk-panel-box.parfumes {background: #f4e3f5; border-radius: 3px; padding: 15px 20px;}
div.uk-panel.uk-panel-box.parfumes h3 {text-align: center; font-weight: bold; border-bottom: 1px solid #58193f; font-size: 24px; padding-bottom: 10px;}
div.uk-panel.uk-panel-box.parfumes ul {margin: 0px; padding: 0px;}
div.uk-panel.uk-panel-box.parfumes li {list-style: none;}
div.uk-panel.uk-panel-box.parfumes li a:hover {background: #58193f; color: #fff; display: block; padding-left: 10px !important;}

div.uk-panel.uk-panel-box.parfumes-m {background: #f7e6dd; border-radius: 3px; padding: 15px 20px;}
div.uk-panel.uk-panel-box.parfumes-m h3 {text-align: center; font-weight: bold; border-bottom: 1px solid #58193f; font-size: 24px; padding-bottom: 10px;}
div.uk-panel.uk-panel-box.parfumes-m ul {margin: 0px; padding: 0px;}
div.uk-panel.uk-panel-box.parfumes-m li {list-style: none;}
div.uk-panel.uk-panel-box.parfumes-m li a:hover {background: #58193f; color: #fff; display: block; padding-left: 10px !important;}
.subTitleList {padding-bottom: 10px;}

.parfumesList h2 {font-size: 18px; line-height: 21px; margin-bottom: 0px;}
.parfumesList h2 a {padding: 3px 0px; display: block;}
.parfumesList h2 a:hover {background: #58193f; color: #fff; padding: 3px 10px;}

html {color: #000;}
a {color: #627ebd;}
a:hover {color: #2B7BBB; text-decoration: none;}
*::-moz-selection {background: #40547F; color: #fff;}
em {color: #777;}

h1, .uk-h1 {font-size: 30px; line-height: 30px;}

.header {background: #fff;}
.header .contacts {background: #162950; color: #fff; padding: 3px 0px; text-align: left; font-size: 12px; text-align: center;}
.header .contacts a {color: #fff !important;}
.header .contacts i {font-size: 14px; padding-right: 7px;}
.tm-headerbar {margin-top: 10px; margin-bottom: 20px; color: #fff; text-align: right; font-size: 18px; font-weight: lighter;}
.callnow {text-align: right; padding: 5px 25px 0px;}
.callnow span {font-size: 9px; color: #fff;}
.callnow i {color: #fff; font-size: 18px; padding-right: 3px;}
.headerbarmenu {text-align: right; padding: 0px 20px 5px;}
.headerbarmenu span {color: #fff; font-weight: lighter;}
.headerbarmenu a {color: #000; padding: 2px 5px; font-size: 13px;}
.headerbarmenu a:hover {color: #fff;}
.tm-headerbar .uk-panel {max-width: 550px;}
.bag {margin-top: 10px; text-align: right; float: right;}
.bag a {margin-right: 10px;}
.bag i {font-size: 48px;}
.bag i:hover {color: #40547F;}

.home {display: none !important;}

.top {color: #fff; font-size: 14px; padding: 5px 0px;}
.navigation {margin-bottom: 0px; background: #e7f4f9; border-top: 1px solid #40547F; border-bottom: 1px solid #40547F;}
.navigation .uk-container {background: #fff;}
.navigation .uk-navbar-content {height: 95px;}
.navigation .uk-navbar-content:before {height: 0px;}
.navigation .uk-navbar-content .tm-logo-small {position: absolute; left: 10px; top: 15px; padding: 0px; width: 250px;}
.tm-logo-small img {margin-top: 15px;}
.navigation .tm-navbar {background: none; margin: 0px;}
.navigation .tm-navbar a {font-size: 14px; color: #000; padding: 0px 15px; text-transform: uppercase; font-family: 'Mulish', sans-serif !important;}
.navigation .tm-navbar a:hover, .navigation .tm-navbar li.uk-active a:hover {border-bottom: 1px solid #40547F; }
.navigation .tm-navbar a:hover i {color: #000;}
.navigation .tm-navbar li.uk-active a {color: #162950; border-bottom: 1px solid transparent; background: none;}
div.uk-grid.uk-dropdown-grid div.uk-width-1-2 ul.uk-nav.uk-nav-navbar li a {text-transform: none; background: none !important; color: #fff !important;}
div.uk-grid.uk-dropdown-grid div.uk-width-1-2 ul.uk-nav.uk-nav-navbar li a:hover {background: none; color: #fff; font-weight: bold;}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {background: none;}
.offcanvas {position: absolute; right: 0px; top: 0px;}
.offcanvas:hover {background: #40547F;}
.offcanvas .uk-navbar-toggle::after {content: "";}
.offcanvas .uk-navbar-toggle:hover {background: none !important;}
.offcanvas .uk-navbar-toggle {text-align: center; height: 100%;}
.offcanvas .uk-navbar-toggle i {padding-top: 2px;}
.offcanvas .uk-navbar-toggle span {font-size: 10px; color: #fff; display: block; }
.uk-offcanvas-bar li {border-bottom: 1px dotted #777;}
.uk-offcanvas-bar li.uk-nav-header {display: none;}
.uk-offcanvas-bar .uk-nav-sub {background: #e7f4f9;}
.uk-offcanvas-bar .uk-nav-sub li {border-bottom: 0px;}
.uk-offcanvas-bar .uk-nav-sub li a {color: #162950; border-bottom: 1px dotted #162950; font-weight: bold; text-transform: uppercase;}
.uk-offcanvas-bar .uk-nav-sub ul li a {font-weight: normal; text-transform: none; font-size: 12px !important;}

.uk-dropdown-navbar {background: #e7f4f9; border-radius: 0px 10px 10px 10px; margin: 0px; padding: 10px 20px 5px; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4);}
div.uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-1.uk-dropdown-bottom div.uk-grid.uk-dropdown-grid div.uk-width-1-1 ul.uk-nav.uk-nav-navbar li a {color: #000; text-transform: none; background: none; font-size: 14px; padding-bottom: 3px; margin-bottom: 5px; border-bottom: 1px solid transparent;}
div.uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-1.uk-dropdown-bottom div.uk-grid.uk-dropdown-grid div.uk-width-1-1 ul.uk-nav.uk-nav-navbar li a:hover, .withoutchild {font-weight: bold; background: none !important;}
.uk-navbar-nav .uk-dropdown-grid li.uk-parent a, .withoutchild {background: none; font-weight: bold; font-size: 12px !important; color: #000 !important; font-family: 'Mulish', sans-serif;}
.uk-navbar-nav .uk-dropdown-grid li.uk-parent ul.uk-nav-sub li a {font-size: 12px; font-weight: normal; text-transform: none; background: none; color: #000; padding: 0px; font-family: 'Mulish', sans-serif; border-bottom: 1px dotted #9aadd7;}
.uk-navbar-nav .uk-dropdown-grid li.uk-parent ul.uk-nav-sub li a:hover {border-bottom: 1px solid #627ebd;}
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*="uk-width-"]:nth-child(n+2) {border: none;}
.uk-navbar-nav > li.uk-parent:nth-child(2) .uk-nav-header { display: none; }
a.uk-navbar-toggle {color: #fff !important; font-size: 24px !important;}
.uk-search::before {line-height: 45px; font-size: 20px; color: #40547F;}
.search .uk-search {width: 100%; margin-top: 20px; margin-bottom: 10px;}
.uk-search-field {padding: 0px 0px 0px 35px; font-weight: lighter; border: 1px solid #40547F; width: 100%;}
.uk-search-field::-moz-placeholder {color: #000;}
.uk-search-field:focus, .uk-search.uk-active .uk-search-field {width: 100%;}
.uk-navbar-content {padding-right: 0px;}
.hidden {display: none !important;}

.article-slider {margin-top: 40px;}
.main-slide {margin-bottom: 20px; margin-top: 20px; overflow: hidden;}
.main-slide img {max-width: 200%; margin-left: -50%;}
.subslides img {margin-bottom: 20px;}
.featured-homepage a {font-weight: bold; font-size: 14px; text-transform: uppercase;}

.uk-pagination > .uk-active > span {background: #162950;}
.uk-pagination li {border-radius: 3px; overflow: hidden;}

.infoBoxSmall {background: #162950; color: #000;}
.infoBoxSmall a {color: #fff;}
.infoBoxSmall a:hover {color: #fff;}

.leading-0 h2, .leading-4 h2, .leading-21 h2, .leading-26 h2, .leading-29 h2, .leading-34 h2, .leading-41 h2, .leading-45 h2, .leading-51 h2, .leading-54 h2, .leading-58 h2, .leading-63 h2, .leading-68 h2, .leading-72 h2 {font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-top: 20px; color: #162950;}
.items-leading h2 a {font-weight: normal;}
 
.productBox a.uk-button {background: none; padding: 5px;}
.productBox a.uk-button:hover {border: 2px solid #ccc;}
.uk-overlay-panel {background: rgba(0,0,0,0.1); border-radius: 3px; border: 2px solid #ccc;}
.showcase1:hover img, .showcase2:hover img, .showcase3:hover img, .showcase4:hover img, .showcase5:hover img, .showcase6:hover img, .rightBox:hover img {-webkit-filter: blur(2px); filter: blur(2px);}
.uk-overlay-panel a {background: #162950; color: #000 !important; text-decoration: none !important; border-radius: 3px; font-weight: bold; padding: 10px 20px; box-shadow: 0px 0px 5px rgba(0,0,0,0.7);}
.uk-overlay-panel a:hover {background: #000; color: #162950 !important; border: 2px solid #fff;}
.promo {background: #f5f5f5; border-radius: 3px; padding: 10px 15px; margin-bottom: 20px; text-align: center;}
.promo h1 {font-size: 24px; margin: 0px; padding: 0px; font-weight: bold; line-height: 24px; color: #000;}
.promo em {color: #333; font-style: normal; display: block; padding: 0px 10px;}
 
.tm-main-top .uk-panel {padding: 0px; background: none;}
.uk-article-title {font-weight: bold; border-bottom: 1px solid #162950; padding-bottom: 10px; margin-bottom: 40px; font-size: 25px; line-height: 30px;}
a.readmore {border: 1px solid #162950; padding: 10px 20px; border-radius: 3px; color: #000; font-weight: bold;}
a.readmore:hover {border: 1px solid #162950; background: #162950; color: #000;}
.tm-sidebar-a .uk-panel {border-radius: 3px; margin-bottom: 20px;}
.tm-sidebar-a h3 {font-weight: bold; font-size: 21px; border-bottom: 1px solid #162950; padding-bottom: 8px; margin-bottom: 20px;}
.tm-sidebar-a a {color: #777; text-decoration: none; font-weight: lighter;}
.tm-sidebar-a a:hover {color: #000;}
.tm-sidebar-a .noborder {padding: 0px; border: 1px solid #ccc; border-radius: 3px; overflow: hidden;}

.tm-main {padding-bottom: 30px;}
#tm-main-bottom {margin-top: 15px;}
.tm-main-bottom .uk-panel-box {background: none; padding: 0px; border: 1px solid #ededed; border-radius: 3px;}
.tm-main-bottom .uk-panel-box h3 {background: #ededed; padding: 2px 10px 3px 10px; font-size: 20px; font-weight: bold; margin-bottom: 0px;}
.kozmeticke-sirovine {border: none !important;}
.bottom-menu h3 {background: #162950 !important; color: #fff !important; text-align: center; padding: 10px 5px !important;}
.bottom-menu .uk-nav {background: #e7f4f9; margin: 0px; padding-top: 5px;}
.bottom-menu .uk-nav li a {font-weight: bold; line-height: 25px !important; border-bottom: 1px dotted #40547F !important;}
.bottom-menu .uk-nav li a:hover {background: #40547F;}
.bottom-menu .uk-nal li:nth-child(11) a {border-bottom: none !important;}
.bottom-menu .uk-nav-sub {padding: 0px 20px;}
.bottom-menu .uk-nav-sub li a {color: #162950;}
.bottom-menu .uk-nav-sub li a:hover {background: none; color: #000;}
.bottom-menu .uk-nav-sub li.uk-parent ul li a {font-size: 13px;}
.bottom-menu .uk-nav-sub .uk-nav-header {display: none;}
 
.contactBox {margin-bottom: 40px !important;} 
.socialBox {display: block;}
.socialBox img {margin: 0px 7px 7px 0px; width: 48px; height: 48px;}
.socialBox a {line-height: 48px; font-weight: bold; color: #000;}
 
.spotlight .uk-panel {border-bottom: 1px solid #162950; border-top: 1px solid #162950; padding: 20px 0px; margin: 20px 0px; background: none; text-align: center;}
.spotlight i {font-size: 48px; display: block; padding-top: 10px;}
.spotlight a {margin: 2px 0px;}
.spotlight a:hover i {color: #fff;}
.bottom {background: #40547F;}
.bottom .wrapper .uk-panel-box {background: none;}
.bottom .wrapper .tm-bottom-b p {color: #ededed; font-weight: lighter;}
.bottom .wrapper .tm-bottom-b h3 {font-weight: bold; color: #fff; border-bottom: 1px dotted #6491f1; padding-bottom: 3px;}
.bottom .wrapper .tm-bottom-b a {color: #fff;}
.bottom .wrapper .tm-bottom-b a:hover {color: #162950;}
.bottom .wrapper .tm-bottom-b li a {padding: 3px 20px;} 
.bottom .wrapper .tm-bottom-b li.uk-active a {background: none;}
.bottom .wrapper .tm-bottom-b a.website, a.facebook i, a.whatsapp i, a.viber i {color: #162950;}
.bottom .wrapper .tm-bottom-b a.website:hover, a.social:hover i {color: #fff; text-decoration: none;}
a.facebook i, a.whatsapp i, a.viber i {font-size: 48px;}

.footer {background: #162950;}
.footer div {text-align: left; font-weight: lighter; color: #fff;}
.footer a {color: #fff; font-weight: normal;}
.footer a:hover {text-decoration: none; color: #000;}

/* COSMETICS CORNER */
.cosmeticsCorner a {display: block; border: 2px solid #40547F; text-align: center; font-size: 24px; line-height: 100px; border-radius: 3px; font-weight: bold;}

/* CATEGORIES */
.categories-list div {margin-bottom: 20px;}
.categories-list h3 {font-size: 16px; text-align: center; margin: 5px 0px; line-height: 18px;}
.page-header h2 {font-weight: bold; font-size: 16px; line-height: 20px; margin: 5px 0px;}
.categories-list .categoryList {width: 100%; margin-bottom: 5px;}
.categories-list .categoryList h3 {text-align: left; margin: 0px; line-height: 18px; font-size: 16px;}
.categories-list .categoryList h3 a {font-weight: bold;}
.subheading-category {font-weight: bold; font-size: 20px; line-height: 20px; margin: 5px 0px; color: #162950; text-transform: uppercase;}
.category-desc {width: 100%;}

/* VIRTUE MART */
.category-view h2 {font-weight: bold;}
.category-view .product-container {background: #f9f9f9; border-radius: 3px; padding: 0px !important;}
.category-view .product-container h2 {font-weight: bold; font-size: 14px; margin: 0px 20px;}
.category-view .product-container h2 a {color: #000; line-height: 26px; display: block; padding: 2px; min-height: 64px;}
.category-view .product-container h2 a:hover {color: #162950;}
.category-view .product-container .product-price {float: none; border-top: 1px dotted #162950; padding-top: 5px; margin: 10px 20px 0px;}
.category-view span.vm-price-desc {display: none;}
.category-view span.PricesalesPrice {text-align: center; display: block; font-weight: normal; font-size: 18px !important; color: #000 !important; padding-bottom: 20px; margin: 0px 20px;}
.category-view .browseProductImage {max-height: 300px; border-radius: 3px 3px 0px 0px;}
.category-view .browseProductImage:hover {border: 2px solid #162950;}
.category-view .product_s_desc {display: none;}
.category-view .product-details {width: 60%; font-size: 12px; margin: 5px 0px 10px 0px; background: #40547F; border: none; color: #fff; padding: 3px 5px}
.category-view .product-details:hover {background: #162950; color: #fff;}

.category-view .quantity-controls, .category-view .quantity-box {display: none;}
div.product {min-width: 209px;}
.instock a {font-weight: bold; display: block;}
.lager {font-size: 10px; font-style: normal; font-weight: bold;}

.product-description, .category_description, .notes {background: #e7f4f9; border: 1px solid #40547F; border-radius: 3px; padding: 20px; margin-bottom: 20px !important;}

.productdetails-view h1 {font-weight: bold; border-bottom: 1px solid #162950; padding-bottom: 10px; margin-bottom: 20px; margin-top: 0px;}
.productdetails-view h3 {font-size: 16px; font-weight: bold;}
.productdetails-view .subTitle {font-weight: lighter; font-size: 16px; display: block; font-style: italic; line-height: 20px; margin-top: 5px; color: #162950;}
.productdetails-view .vm-product-container {padding-left: 70px;}
.productdetails-view .spacer-buy-area {padding-left: 0px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #162950;}
.productdetails-view .spacer-buy-area .vm-price-desc {display: none;}
.productdetails-view .spacer-buy-area .PricesalesPrice {font-weight: bold; font-style: italic; font-size: 32px; margin-top: 20px; margin-bottom: 20px;}
.productdetails-view .additionalInfo {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #162950; font-size: 18px;}
.productdetails-view .product-price {width: 100%;}
.productdetails-view .vm-price-value span {display: block; border: 1px solid #40547F; line-height: 60px; text-align: center;}
.productdetails-view .radio {margin: 15px 30px 15px 0px; display: block;}
.productdetails-view .radio input {min-width: 20px !important;}
.productdetails-view .product-field-display {background: #e7f4f9; padding: 10px; border: 1px solid #40547F;}

input.addtocart-button, button#checkoutFormSubmit {border: none; background: #162950 !important; color: #fff !important; border-radius: 3px !important; font-weight: bold; border: none !important; }
button#checkoutFormSubmit {padding: 10px 20px;}
input.addtocart-button:hover, button#checkoutFormSubmit:hover {background: #40547F !important; color: #fff !important;}
input.quantity-input:hover {background: #fff !important;}
#customer_note_field {box-shadow: inset 0px 0px 3px rgba(0,0,0,0.3); height: 50px; border: none; resize: none; border-radius: 3px; padding: 10px;}

.vm-product-details-container {width: 100%;}
.customer-reviews {margin: 0px;}
#reviewform {background: #f5f5f5; border-radius: 3px; padding: 20px; margin-bottom: 20px;}
#reviewform .rating {margin: 0px;}
#reviewform .write-reviews {text-align: left; margin: 0px;}
#reviewform span.step span {font-weight: lighter; font-size: 12px;}
#reviewform textarea {width: 100%; box-sizing: border-box;}
#reviewform .write-reviews span.caractercount {font-size: 12px;}
#reviewform .write-reviews span input {background: none; border: none; margin: 0px 0px 0px 5px; padding: 0px; height: 20px; font-weight: bold; font-size: 14px;}

.switcher {border-bottom: 0px solid #40547F; padding: 0px; margin-bottom: 0px;}
.switcher li {list-style: none; display: inline-block;}
.switcher li a {display: block; background: #162950; color: #fff; border-radius: 3px 3px 0px 0px; padding: 10px 20px; font-weight: bold; font-size: 14px;}
.switcher li.uk-active a {background: #40547F; color: #fff;}
#switcher-content {border: 1px solid #40547F; padding: 20px; border-radius: 0px 3px 3px 3px; background: #fdfef9;}

.product-switcher {padding: 5px; margin: 0px; border-top: 1px solid #ededed;}
.product-switcher li {list-style: none; display: inline-block;}
.product-switcher li a {display: block;}
.product-switcher img {width: 50px; height: auto; margin-right: 5px;}
#product-switcher-content {text-align: center;}
#product-switcher-content img {width: auto; height: auto;}
.product-short-description {border: 1px solid #ededed;}

.main-image img {max-height: 500px;}

.vm-cart-header-container {position: relative;}
.vm-continue-shopping {position: absolute; right: 0px; top: 0px;}
.continue_link { border: 1px solid #cac9c9; border-radius: 4px; color: #777; text-decoration: none; display: inline-block; padding: 3px 8px 1px; background: url("http://www.headblade.rs/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png") #e8e8e8 repeat-x 0 0;}
.continue_link:hover {background-position: 0 -40px; color: #777;}
.billto-shipto {border: none; margin-bottom: 40px;}
.billing-adress, .shipping-adress {border: 5px solid #fff; box-sizing: border-box; border-radius: 3px; background: #f5f5f5; padding: 20px;}
.shipping-adress {display: none;}
.output-shipto, .output-billto {margin: 0px;}
.billto-shipto .details {display: block; text-align: center; margin-top: 10px;}
.billto-shipto .details:hover {background: none;}
.cart-view .cart .tos {font-weight: bold; margin: 0px;}
.show_cart a {float: none !important; text-align: center; display: block; border-radius: 3px; padding: 5px 10px; margin-top: 20px; font-weight: bold; color: #fff; background: #162950;}
.show_cart a:hover {background: #40547F; color: #fff;}
.vm_cart_products {border-bottom: 1px solid #fff; margin-bottom: 5px;}
.total_products {font-size: 11px; font-weight: lighter;}
.vm-cart-item-name a {line-height: 10px; padding-left: 0px;}
.vm2-remove_from_cart, .vm2-add_quantity_cart {background: none;}
.vm2-remove_from_cart i, .vm2-add_quantity_cart i {font-size: 18px; color: #162950;}
.vm2-remove_from_cart:hover i, .vm2-add_quantity_cart:hover i {color: #000;}
span.vm-price-desc {display: none;}
.PricetaxAmount {font-size: 11px; line-height: 40px;}
.PricesalesPrice {font-weight: bold;}
.PricebasePriceWithTax {text-align: center; margin-bottom: 3px; display: block; font-size: 16px !important; font-weight: lighter;}
.PricediscountAmount {text-align: center; color: #f00 !important; font-weight: bold; display: block; margin-top: -15px; margin-bottom: 10px;}

.thankyou {border: 1px solid #ccc; border-radius: 3px; font-weight: bold; margin: 40px 0px; padding: 30px; text-align: center;}

/* ACCORDION */
.content .faq button {width: 100%; margin-bottom: 3px; font-size: 14px; text-align: left; background: #f5f5f5; border: 1px solid #162950; color: #000; border-radius: 3px; padding: 10px; text-transform: uppercase; font-weight: bold;}
.content .faq button:hover {cursor: pointer; background: #162950;}
.content .faq h4 {border-bottom: 1px solid #162950; margin-top: 10px; font-weight: bold;}
.content #faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9, #faq10, #faq11, #faq12, #faq13, #faq14, #faq15, #faq16, #faq17, #faq18, #faq19, #faq20   {border: 1px solid #ccc; padding: 10px; border-radius: 3px; margin-bottom: 10px;}

/* FORMS */
.uk-button {background: #162950; color: #000; border-radius: 3px; font-weight: bold;}
.uk-button:hover {background: #000; color: #162950;}
input[type="text"], input[type="password"] {border-radius: 3px; height: 35px !important; margin-top: 5px; box-sizing: border-box;}
input[type="text"]:focus, input[type="password"]:focus {border-color: #162950 !important; background: #fff !important;}
.uk-form-row + .uk-form-row {margin-top: 10px;}

.vm-button-correct, button.default {background: #162950; color: #fff; border-radius: 3px; font-weight: bold; border: none; font-size: 18px; padding: 10px 20px;}
.vm-button-correct:hover, button.default:hover {background: #40547F; color: #fff;}

/* SIROVINE MODULE */
.sirovine .alphabetlist li {display: inline;}
.sirovine .alphabetlist li a {background: #162950; padding: 0px; color: #fff; display: inline-block; border-radius: 2px; margin-bottom: 5px; text-align: center; width: 50px; height: 50px; line-height: 50px;}
.sirovine .alphabetlist li a:hover {background: #40547F;}
.sirovine .alphabet {border-bottom: 1px dashed #40547F; padding: 20px 0px 10px;}
.sirovine ul {padding-left: 0px; margin: 0px;}
.sirovine ul li {list-style: none; margin-bottom: 15px;}
.subTitleList {font-size: 11px; font-style: italic; line-height: 14px; display: block;}


.userWrapper {background: #f5f5f5; border-radius: 10px; padding: 20px;}
.userWrapper label {font-weight: lighter;}
.userWrapper input#username, .userWrapper input#password, input#jform_email, input#jform_name, input#jform_username, input#jform_password1, input#jform_password2, input#jform_email1, input#jform_email2  {border: none; border-radius: 3px; width: 100%; margin: 5px 0px 15px 0px; padding: 0px 10px; font-weight: bold; font-size: 16px; box-shadow: inset 0px 0px 2px rgba(0,0,0,0.3); box-sizing: border-box;}
input#jform_email, input#jform_email1, input#jform_email2 {height: 40px;}
.userWrapper label.invalid {background: none;}
.userWrapper .remember {border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 20px;}
.userWrapper .remember .control-label {float: left;}
.userWrapper button {background: #162950; color: #000; border-radius: 3px; font-weight: bold; border: none; font-size: 16px; padding: 5px 20px;}
.userWrapper button:hover {background: #000; color: #162950; cursor: pointer;}
.userWrapper .buttonRight {text-align: right;}
.userWrapper #jform_spacer-lbl {border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 20px; display: block;}

input#first_name_field, input#last_name_field, input#address_1_field, input#zip_field, input#city_field, input#phone_1_field, input#email_field, input#shipto_first_name_field, input#shipto_last_name_field, input#shipto_last_name_field, input#shipto_address_1_field, input#shipto_zip_field, input#shipto_city_field, input#shipto_phone_1_field, input#shipto_address_type_name_field, input#company_field, input#tax_exemption_number_field {border: none; border-radius: 3px; width: 100%; margin: 5px 0px 15px 0px; padding: 0px 10px; font-weight: bold; font-size: 16px; box-shadow: inset 0px 0px 2px rgba(0,0,0,0.3); background: #fff; box-sizing: border-box;}

table.user-details {width: 100%;}
form#userForm fieldset {padding: 0px;}
form#userForm h2 {border-bottom: 1px dotted #ccc; padding-bottom: 5px;}
form#userForm label {font-weight: lighter; font-size: 13px; line-height: 15px;}

/* SEARCH */
.search a {font-size: 16px;}
.search-results {margin: 0px;}
.result-title span.number {float: left; width: 30px;}
.result-text {margin-bottom: 10px; font-size: 12px; font-style: italic; margin-left: 30px;}

/* BREADCRUMBS */
.uk-breadcrumb > li:nth-child(n+2)::before {content: ">";}

@media (min-width: 768px) {
	.tm-logo {width: 400px;}
	.navigation {margin-bottom: 30px;}
	.navigation .uk-container {background: none;}
	.navigation .uk-navbar-content {height: 45px;}
	.header .contacts {text-align: center;}
	.header .contacts i {font-size: 18px;}
	.article-slider {margin-top: 0px;}
	.tm-headerbar .callnow span {font-size: 16px; color: #40547F;}
	.tm-headerbar .callnow i {color: #162950; font-size: 32px; padding-right: 10px;}
	.tm-headerbar .headerbarmenu {position: absolute; right: 0px; bottom: -35px;}
	.tm-headerbar .headerbarmenu span {color: #162950;}
	.tm-headerbar .headerbarmenu a {color: #162950; padding: 2px 5px; font-size: 16px;}
	.tm-headerbar .headerbarmenu a:hover {background: #162950; color: #fff; border-radius: 2px;}
	.tm-headerbar .headerbarmenu a:hover i {color: #fff;}
	.vm-cart-item-name a {line-height: 40px; padding-left: 10px;}
	form#userForm label {line-height: 50px;}
	.promo {padding: 10px 15px;}
	.promo h1 {line-height: 40px;}
	.promo em {padding: 0px 150px;}
	#product-switcher-content img {width: auto; height: 360px;}
	.product-switcher img {width: 70px;}
	.subslides img {margin-bottom: 0px;}
	.main-slide {margin-bottom: 30px; margin-top: 0px;}
	.main-slide img {max-width: 100%; margin-left: 0px;}
	.productdetails-view .radio {display: inline-block;}
	.sirovine .alphabetlist li a {background: #162950; padding: 2px 4px; color: #fff; display: inline-block; border-radius: 2px; margin-bottom: 5px; width: 20px; height: auto; line-height: normal;}
}

@media (min-width: 468px) and (max-width: 1024px) {
	.navigation .tm-navbar a {padding: 0px 7px; font-size: 14px;}
	.uk-search-field:focus, .uk-search.uk-active .uk-search-field {width: 130px;}
	input[type="text"] {height: 35px !important; margin-top: 5px;}
	.uk-search::before {font-size: 16px; line-height: 45px;}
}