/*!
Theme Name: Mozaik Knjiga v3
Theme URI: http://underscores.me/
Author: Demode
Author URI: http:/demode.hr
Description: A custom theme by Demode.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dev
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

dev is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/

/* ---- HTML RESET ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}

strong { font-weight: bold; line-height: 24px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label, legend { display: block; }
body { font-size:100%; font-family: 'Open sans', sans-serif, sans-serif; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }
p { margin-bottom: 25px; }
a {color: #005194; text-decoration: none;}

input, textarea {
  -webkit-appearance: none;
}
select {

}
#wpcf7-f8504-o1 input[type="radio"] {
  -webkit-appearance: radio;
}

h1 {
  font-size: 30px;
    font-family: 'Book Antiqua', sans-serif;
    line-height: 32px;
    margin-bottom: 30px;
    color: #005194;
}

h3 {
  font-size: 24px;
    margin: 15px 0;
}

/* ---- Clearfixes ---- */
.grid:before,.grid:after,.clearfix:before,.clearfix:after,.prox:before,.prox:after{content:'';display:table}
.grid:after,.clearfix:after,.prox:after{clear:both}
.grid,.clearfix,.prox{zoom:1}

/* ---- GRID Layout ---- */
*{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{margin:0 auto; color:#000; font-family: 'Open sans', sans-serif, sans-serif;}
.grid{ margin:0 auto; width:1180px; max-width:100%; } /* You can choose the grid 1200 or 1140 or 1024 or 960 as per your requirement */
.row{width:100%; margin:0 auto;}
.c1{width:8.33%;}
.c2{width:16.66%;}
.c3{width:25%;}
.c4{width:33.33%;}
.c5{width:41.66%;}
.c6{width:48%;}
.c7{width:58.33%;}
.c8{width:66.66%;}
.c9{width:74%;}
.c10{width:83.33%;}
.c11{width:91.66%;}
.c12{width:100%; min-height:1px; float:left; position:relative;}
.c1-5{width:19.95%;}/* This column can be used as a one fifth of the grid */
.c1-8{width:12.5%;}/* This column can be used as a one eigth of the grid */
.c1-7{width:14.19%;}/* This column can be used as a one seventh of the grid */
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-7,.c1-8 {min-height:1px; float:left; padding-left:10px; padding-right:10px; position:relative;}
.grid.prox {padding-left:10px; padding-right:10px}
.grid .grid {padding-left:0px; padding-right:0px; }
.prox .c1,.prox .c2,.prox .c3,.prox .c4,.prox .c5,.prox .c6,.prox .c7,.prox .c8,.prox .c9,.prox .c10,.prox .c11,.prox .c1-5,.prox .c1-8, .prox > div {padding:0px}
.prox .box {padding:15px}


/* ---- Alignments ---- */
.centered{float: none; margin: auto;}
.left {float: left;}
.right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.space-top {margin-top: 20px;}
.space-bot {margin-bottom: 20px;}
.space-htop {margin-top: 10px;}
.space-hbot {margin-bottom: 10px;}

.desktop {display:block}
.mobile {display:none}



/* FONTS */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 24, 2018 */
@font-face {
    font-family: 'Book Antiqua Bold';
    src: url('/wp-content/themes/mozaik3/fonts/antquab-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mozaik3/fonts/antquab-webfont.woff') format('woff'),
         url('/wp-content/themes/mozaik3/fonts/antquab-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Book Antiqua Bold Italic';
    src: url('/wp-content/themes/mozaik3/fonts/antquabi-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mozaik3/fonts/antquabi-webfont.woff') format('woff'),
         url('/wp-content/themes/mozaik3/fonts/antquabi-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Book Antiqua Italic';
    src: url('/wp-content/themes/mozaik3/fonts/antquai-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mozaik3/fonts/antquai-webfont.woff') format('woff'),
         url('/wp-content/themes/mozaik3/fonts/antquai-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Book Antiqua';
    src: url('/wp-content/themes/mozaik3/fonts/bkant-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mozaik3/fonts/bkant-webfont.woff') format('woff'),
         url('/wp-content/themes/mozaik3/fonts/bkant-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: local('Calibri'),
        url('/wp-content/themes/mozaik3/fonts/Calibri.woff2') format('woff2'),
        url('/wp-content/themes/mozaik3/fonts/Calibri.woff') format('woff'),
        url('/wp-content/themes/mozaik3/fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: local('Calibri Bold Italic'), local('Calibri-BoldItalic'),
        url('/wp-content/themes/mozaik3/fonts/Calibri-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/mozaik3/fonts/Calibri-BoldItalic.woff') format('woff'),
        url('/wp-content/themes/mozaik3/fonts/Calibri-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Calibri';
    src: local('Calibri Bold'), local('Calibri-Bold'),
        url('/wp-content/themes/mozaik3/fonts/Calibri-Bold.woff2') format('woff2'),
        url('/wp-content/themes/mozaik3/fonts/Calibri-Bold.woff') format('woff'),
        url('/wp-content/themes/mozaik3/fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: local('Calibri Italic'), local('Calibri-Italic'),
        url('/wp-content/themes/mozaik3/fonts/Calibri-Italic.woff2') format('woff2'),
        url('/wp-content/themes/mozaik3/fonts/Calibri-Italic.woff') format('woff'),
        url('/wp-content/themes/mozaik3/fonts/Calibri-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}




h4 {
  padding: 20px 0;
}





/* BX SLIDER CSS */

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}





.home #main {
    transition: margin-left .5s;
    padding: 0px;
}

#main {
    transition: margin-left .5s;
    padding: 20px;
}

.grid.homeslider {
    padding: 0;
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

.ham {
  display: none;
}

/* HEADER */
/*
#masthead {
  margin-top: 28px;
}
*/

#masthead .tools {
  top: 22px;
  text-align: right;
}

#masthead .tools a {
  color: #005697;
}

#masthead .tools li:first-child a img {
  margin-bottom: 1px;
}

#masthead .tools a span {
  display: block;
  text-align: center;
}

#masthead .tools ul {
  list-style: none;
  float: right;
}

#masthead .tools ul li, .menu-izbornik-container ul li {
  float: left;
    position: relative;
}

#masthead .tools ul li {
  padding: 0 5px;
}

#masthead .tools ul:last-child li {
  padding: 5px 15px;
  bottom: 15px;
  /*border-left: 1px solid #005697;
  border-right: 1px solid #005697;*/
  margin-left: -1px;
}

#masthead .tools ul:first-child li a:after {
  content: '|';
  padding-left: 10px;
}

#masthead .tools ul:first-child li:last-child a:after {
  content: '';
}

.headertop {
  padding-bottom: 5px;
  padding-top: 11px;
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
  width: 1180px;
}

/* Main menu */

.menu-izbornik-container ul {
  list-style: none;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.menu-izbornik-container ul li {
  margin-right: 29px;
}

.menu-izbornik-container ul ul li {
  float: none;
  padding: 5px 0;
  margin: 0;
}

.menu-izbornik-container ul ul li:hover {
  background: #eee;
    padding: 5px 15px;
    margin-left: -15px;
    margin-right: -15px;
}

.menu-izbornik-container ul li a {
  font-size: 20px;
  font-family: 'Book Antiqua', sans-serif;
  color: #707070;
}

.menu-izbornik-container ul ul {
  display: none;
  position: absolute;
  z-index: 1000;
    background: white;
    padding: 15px;
}

.menu-izbornik-container ul li:hover > ul {
  display: block;
  min-width:  310px;
}

.menu-izbornik-container ul li:hover ul ul {
  display: none;
  position: absolute;
  left: 280px;
  top: -10px;
}

.menu-izbornik-container ul li:hover > ul li:hover > ul {
  display: block;
}

.menu-izbornik-container .current-menu-item > a, .menu-izbornik-container .current-menu-ancestor > a {
  font-weight: bold;
}

nav#site-navigation {
  padding: 19px 0 14px;
    border-top: 1px solid rgba(1, 87, 152, 0.5);
    border-bottom: 1px solid rgba(1, 87, 152, 0.5);
}

nav#site-navigation .c4 {
  text-align: right;
}

nav#site-navigation .c4 a {
  margin-left: 30px;
}

nav#site-navigation .c4 a:first-child {
  position: relative;
    top: -5px;
}

/* Generic Inputs */

input[type="text"], input[type="email"], input[type="number"], select {
  width: 420px;
  padding: 10px;
  border: 1px solid #015697;
  margin-top: 5px;
}

input[type="radio"] {
  padding-top: 5px;
}

input[type="submit"] {
  background-color: #005194;
    border-radius: 0;
    text-transform: uppercase;
    color: white;
    font-weight: normal;
    border: 0;
    padding: 10px 30px;
    cursor: pointer;
}


/* Search */

.header-search {
  padding: 12px;
  text-align: center;
  width: 48%;
}

.header-search input#s {
  border: 1px solid #015697;
  border-radius: 0;
  -webkit-appearance: none;
    padding: 10px;
    font-size: 16px;
    width: 370px;
  font-style: italic;
  background: transparent;
}

.header-search input[type="submit"] {
  width: 50px;
    border: 0;
    background: transparent url(/wp-content/themes/mozaik3/images/search_icon.png) no-repeat 12px 4px;
    box-shadow: none;
    position: absolute;
    margin-left: -1px;
    margin-top: 0px;
    padding: 0;
    border-left: 0;
  height: 40px;
  right: 96px;
  top: 18px;
}



/* Newsletter Box */
.nlbox {
  display: none;
  position: fixed;
  z-index: 10000;
  background: rgba(0,0,0,0.5);
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 10%;
  overflow-y: auto;
}

.newsbox {
  background: #004375;
  padding: 30px;
  width: 320px;
  color: white;
  margin: 0 auto;
  border: 1px solid white;
  line-height: 22px;
  position: relative;
}

.newsbox h3 {
  font-size: 24px;
  color: white;
  line-height: 26px;
  margin: 0 0 24px 0;
}

.newsbox form input {
  margin: 10px 0;
  width: 100%;
}

.newxbox a {
  color: rgba(255, 255, 255, 0.8) !important;
}

.iksajto {
    position: absolute;
    top: 0px;
    right: 7px;
    font-size: 24px;
    cursor: pointer;
}

.nlbox .acceptance {
  text-align: left;
  margin: 10px 0;
}

.nlbox .acceptance a {
  color: white;
  text-decoration: underline;
}

.nlbox input[type="checkbox"] {
  width: initial;
  -webkit-appearance: checkbox;
  margin: 0px 5px 0 0;
    bottom: -2px;
    position: relative;
}

/* Slider */

.bx-wrapper {
  -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    height: 430px;
}

.books .bx-viewport {
  height: 510px !important;
}

.toplist .bx-viewport {
  height: 580px !important;
}

.upripremi .bx-viewport {
  height: 415px !important;
}

.bx-wrapper .bx-controls-direction a {
  top: 43%;
  z-index: 99;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #99C8EA;
  width: 7px;
    height: 7px;
}

.homeslider .bx-wrapper .bx-controls-direction a {
  top: 37%;
}

.bx-wrapper .bx-prev {
    left: 25px;
    background: rgba(255, 255, 255, 0.8) url(images/prev.png) no-repeat 4px 4px;
    height: 90px !important;
}

.bx-wrapper .bx-next {
    right: 20px;
    background: rgba(255, 255, 255, 0.8) url(images/next.png) no-repeat 4px 4px;
    height: 90px !important;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
  background-position: 4px 4px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #0175CB;
}

.bx-wrapper .bx-pager {
  padding: 25px 0;
  bottom: initial;
  border-bottom: 1px solid #015798;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
  background-position: 4px 4px;
}

.homeslider .slider {
  visibility: hidden;
}

.homeslider .bx-wrapper img {
  width: 100%;
}

/* Book List */

.books .bx-wrapper .bx-controls-direction a {
  top: 24%;
}

.toplist .bx-wrapper .bx-controls-direction a, .upripremi .bx-wrapper .bx-controls-direction a  {
  top: 30%;
}

.section-heading {
  text-align: center;
  position: relative;
}

.section-heading h2 {
  font-family: 'Book Antiqua', sans-serif;
  font-size: 30px;
  margin: 36px 0;
  color: #005194;
}

.section-heading a {
  position: absolute;
  right: 0;
  font-size: 16px;
  top: 12px;
}

.section-heading p {
  font-size: 20px;
    color: #6C6C6C;
    font-family: 'Calibri', sans-serif;
    margin-bottom: 50px;
}

.books {
  border-bottom: 1px solid rgba(1, 87, 152, 0.5);
    padding-bottom: 105px;
}

.book {
  text-align: center;
    padding: 0;
    padding-left: 10px !important;
    padding-top: 10px !important;
    margin-left: 15px;
    cursor: pointer;
    width: 180px !important;
}

.book:hover {
  /*background: #f6f6f6;*/
  border: 1px solid #ccc;
    padding-left: 9px !important;
    padding-top: 9px !important;
}

.book img.cover {
  width: 160px;
    height: 240px;
    display: block;
}

.book .title-wrap {
  height: 140px;
}

.book .title {
  font-family: 'Book Antiqua', sans-serif;
  font-size: 18px;
  line-height: 25px;
  margin-top: 20px;
  margin-left: -10px;
  color: #005194;
  width: 180px; /* to center below book cover in slider, which has to be 160px */
    overflow: hidden;
  height: auto;
    height: 70px;
}

.book .author {
  margin-top: 5px;
  margin-bottom: 45px;
  color: #6C6C6C;
  font-size: 16px;
  line-height: 19px;
  width: 180px; /* to center below book cover in slider, which has to be 160px */
  position: relative;
    left: -10px;
}

.archive .book .author {
  left: initial;
  margin: -12px auto !important;
}

.book .author a {
  color: #6C6C6C;
}

.book .price {
  width: 160px;
  margin-top: 10px;
  text-align: center;
}

.book .price p {
  color: #005194;
  font-size: 20px;
}

.book .price p del {
  opacity: 0.5;
  font-size: 16px;
}

.book .price p ins {
  /*color: #FF7700;*/
  color: red;
  text-decoration: none;
}

.book .add {
  width: 160px;
}

.book .add .added_to_cart {
  line-height: 50px;
}

.book .add a.ajax_add_to_cart, .book .add a.button {
  background: #E6E6E6;
    padding: 9px;
    display: block;
}

.book .add a.added_to_cart {
  display: block;
    margin-top: -50px;
    margin-bottom: -6px;
    z-index: 100;
    background: white;
    position: relative;
}

.book:hover a.ajax_add_to_cart {
  background: #f5f5f5;
  border: 1px solid #E6E6E6;
  padding: 8px;
}

.book .add a img {
  margin: 0 auto;
}

.book .topnum {
  font-family: Book Antiqua, sans-serif;
    font-size: 30px;
    color: #005194;
    text-align: center;
    width: 160px;
    margin-bottom: 23px;
  background: #ecf7ff;
}

.page-id-30044 .book .topnum {
  margin-left: 10px;
    padding: 10px;
}

.page-id-30044 .book:hover .topnum {
  margin-left: 9px;
}

.toplist {
  padding-bottom: 175px;
}

.archive .page-content {
  padding-right: 0 !important;
}

.archive .page-content .book {
  padding-left: 0 !important;
}

.archive .page-content .book:hover {
  padding-left: 0 !important;
}

.archive .page-content .book:hover .title-wrap {
  margin-left: -1px;
}

.archive .page-content .book img.cover, .archive .page-content .book .title, .archive .page-content .book .author, .archive .page-content .book .add, .archive .page-content .book .price {
  margin: 20px auto;
}

/* TOP BAR */

.top {
  /*background: #4C88B7;*/
  background: #005194;
  height: 30px;
  color: white;
  text-decoration: none;
  }

  .top a {
  color: white;
  }

  ul.toplinks, ul.topsocial {
  list-style-type: none;
  display: inline;
  }

  ul.toplinks {
  position: absolute;
  right: 110px;
  }

  ul.topsocial {
  float: right;
  }

  ul.toplinks li {
  float: left;
  margin: 2px 10px;
  color: white;
  }

  ul.toplinks li a {
  font-size: 14px;
  font-family: 'Open sans', sans-serif, sans-serif;
  font-weight: 300;
  }

  ul.toplinks li a img {
  position: relative;
  top: 3px;
  }

  ul.topsocial li {
  float: left;
  width: 31px;
  margin-right: -1px;
  }

  ul.topsocial li img {
  border-left: 1px solid white;
  border-right: 1px solid white;
  }

  .top_cart_note {
  text-align: left;
  font-size: 14px;
  margin: 6px 0 0;
  padding: 0;
  }

  .top_cart_note img {
    top: 2px;
    position: relative;
    margin-right: 4px;
  }
  a.naslovnica {
  font-size: 12px;
  color: #AAC7DD;
  position: relative;
  top: 4px;
  float: left;
  margin-right: 10px;
  }

  .top .c7 {
    margin-top: 0 !important;
  }


/* Novosti */

.naslovna-novosti img {
  width: 340px;
  /*height: 99px;*/
}

.naslovna-novosti .novosti-datum {
  font-size: 16px;
  font-family: 'Calibri', sans-serif;
  padding: 20px 0;
  text-transform: uppercase;
}

.naslovna-novosti h3 {
  font-size: 20px;
  font-family: Book Antiqua, sans-serif;
  margin-bottom: 40px;
}

.naslovna-novosti .uvod {
  font-family: 'Calibri', sans-serif;
  font-size: 16px;
  color: #6C6C6C;
}

.naslovna-novosti .c4 {
  width: 340px;
  margin: 0 40px;
  padding: 0;
}

.naslovna-novosti .c4:first-child {
  margin-left: 0;
}

.naslovna-novosti .c4:last-child {
  margin-right: 0;
}


/* Home banneri */

.tri-bannera {
  padding: 70px 0;
  border-bottom: 1px solid rgba(1, 87, 152, 0.5);
  text-align: center;
}

.tri-bannera .c4 {
  text-align: center;
}

.tri-bannera a img {
  width: 300px;
  height: 300px;
}

.tri-bannera iframe {
  min-height: 300px !important;
}

/* Preporucujemo */

.preporucujemo {
  text-align: center;
    margin-left: -15px;
    margin-right: -15px;
}

.preporucujemo a img {
  width: 160px;
    height: auto;
    margin: 15px 20px;
}



/* Djecji casopisi */

.casopisi_izbornik {
  height: 110px;
    overflow: hidden;
    margin-bottom: 30px;
}


/* line 1589, sass/style.scss */
.djecji {
  background: url("/wp-content/themes/mozaik2015/images/djecjibg.jpg") top center;
  height: 300px;
}

/* line 1594, sass/style.scss */
.prvi_izbor img {
  margin: 20px 0;
}

/* line 1599, sass/style.scss */
.mojplanet img {
  margin: 5px 0;
}

/* line 1420, sass/style.scss */
ul.xbuttons {
  list-style-type: none;
  width: 462px;
  height: 84px;
}

/* line 1426, sass/style.scss */
ul.xbuttons li {
  float: left;
}

/* line 1430, sass/style.scss */
ul.xbuttons li a {
  background: rgba(238, 27, 34, 0.3);
  color: white;
  width: 150px;
  height: 40px;
  font-size: 14px;
  padding: 7px 5px;
  display: block;
  margin: 2px;
  text-align: center;
}

/* line 1603, sass/style.scss */
.prvi_izbor ul.xbuttons li a {
  /*width: 147px; */
  background: rgba(228, 7, 18, 0.58);
}

/* line 1608, sass/style.scss */
.prvi_izbor p, .mojplanet p {
  font-weight: 600;
  font-size: 30px;
  float: right;
  margin-right: 30px;
  position: relative;
  top: 235px;
}

/* line 1617, sass/style.scss */
.prvi_izbor p a, .mojplanet p a {
  color: white;
}

/* line 1621, sass/style.scss */
.prvi_izbor ul.xbuttons, .mojplanet ul.xbuttons {
  position: absolute;
  top: 130px;
}

/* line 1626, sass/style.scss */
.mojplanet ul.xbuttons {
  left: 20px;
}

/* line 1630, sass/style.scss */
.mojplanet ul.xbuttons a.sivo {
  background: rgba(86, 133, 182, 0.58);
}

/* line 1633, sass/style.scss */
.mojplanet ul.xbuttons a.crveno {
  background: rgba(228, 4, 25, 0.58);
}

/* line 1636, sass/style.scss */
.mojplanet ul.xbuttons a.zuto {
  background: rgba(255, 206, 0, 0.58);
}

/* line 1639, sass/style.scss */
.mojplanet ul.xbuttons a.zeleno {
  background: rgba(149, 194, 26, 0.58);
}

/* line 1642, sass/style.scss */
.mojplanet ul.xbuttons a.plavo {
  background: rgba(49, 179, 240, 0.58);
}


/* Footer */

.main-footer {
  background: #005194;
  padding: 40px 0 30px 0;
  color: white;
  font-size: 16px;
  font-family: Calibri, sans-serif;
}
.js-back-to-top {
    position: fixed;
    bottom: 5%;
    transform: rotate(180deg);
    width: 45px;
    height: 45px;
    padding: 5px;
    background: #005194;
    border: 1px solid #ffffff;
    text-align: center;
    right: 5%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.js-back-to-top svg, .js-back-to-top use {
  fill:#fff;
  width: 15px;
  height: 15px;
}
.main-footer a {
  color: white;
}

.main-footer a:hover {
  text-decoration: underline;
}

.main-footer .c3:first-child p {
  padding-bottom: 30px;
  margin-bottom: 0;
}

.main-footer .c3 ul {
  list-style: none;
}

.main-footer .c3 ul#menu-footer-menu-2 {
  margin-top: 49px;
}

.main-footer .about .c12 {
  text-align: right;
  padding: 0;
}

.main-footer .about .c12:first-child {
  font-weight: bold;
  margin-bottom: 43px;
}

.main-footer .about .c12:last-child p {
  color: rgba(255,255,255,0.8);
}

.footer-bottom .copyright, .footer-bottom .footer-logo {
  margin-left: 15px !important;
}


/* White footer */

.footer-white ul {
  list-style-type: none;
}

.footer-white ul.cards li {
  float: left;
}

.footer-white ul.certs li {
  float: right;
}

.footer-white .cards li {
  padding: 2% 65px 1% 0;
}

.footer-white .certs li {
  padding: 20px 1.5%;
  border-left: 1px solid #005194;
  height: 100px;
}

.footer-white .certs li:first-child {
  padding-right: 0;
}

.footer-white p {
  clear: both;
  font-family: 'Calibri', sans-serif;
  font-size: 14px;
  color: #6C6C6C;
  padding: 0 0 15px 0;
}

.footer-white p:first-child {
  padding: 15px 0 0 0;
}

.footer-white p a {
  color: #6C6C6C;
  text-decoration: underline;
}


/* Footer bottom */

.footer-bottom {
  background: #003B6B;
  min-height: 80px;
}

.footer-bottom {
    color: white;
}

.footer-bottom .footer-logo {
  float: left;
  margin: 20px 15px 0 0;
}

.footer-bottom p {
  font-size: 16px;
  font-family: 'Calibri', sans-serif;
  float: left;
  margin: 30px 18px;
}

.footer-bottom ul.social {
  list-style: none;
  padding: 25px 0;
}

.footer-bottom ul.social li {
  float: left;
  margin-bottom: 15px;
}

footer img {
  max-width: initial !important;
}

/* Page sidebar */

.page .sidebar {
  font-size: 16px;
  padding-top: 5px;
  padding-left: 0;
  margin-top: 45px;
}

.page .sidebar ul {
  list-style-type: none;
}

.page .sidebar ul.sub-menu {
  margin-left: 30px;
}

.page .sidebar ul li {
  position: relative;
  padding: 2px 0;
}

.page .sidebar ul li a {
  color: #6C6C6C;
    position: relative;
    background: white;
    font-size: 16px;
}
/*
.page .sidebar li.current-menu-item ::after {
  border-bottom: 1px solid rgba(1, 87, 152, 0.5);
    display: block;
    content: '';
    right: -10px;
    position: relative;
    top: -10px;
    z-index: -1;
}
*/
.page .sidebar .current-menu-item ::after {
  border-bottom: 1px solid rgba(1, 87, 152, 0.5);
    display: block;
    content: '';
    right: -10px;
    position: relative;
    top: -10px;
    z-index: -1;
}

.page .sidebar .current-menu-item .sub-menu ::after {
  border-bottom:none;
}

.page .sidebar .current-menu-item ul.sub-menu::after {
  border-bottom: none;
}

.widget {
  margin-bottom: 20px;
}

.widget-title {
  font-size: 20px;
    color: #015697;
    font-family: 'Book Antiqua', sans-serif;
    margin-bottom: 15px;
    padding: 0;
}

.sidebar aside iframe, .sidebar aside iframe img {
  width: 100%;
}

/* Page */

.page, .single, .archive, header {
  font-family: 'Calibri', sans-serif;
}

.page .page-content {
  margin-top: 45px;
  font-size: 18px;
  line-height: 18px;
  color: #6C6C6C;
  padding: 0 30px;
  font-family: 'Calibri', sans-serif;
  border-left: 1px solid rgba(1, 87, 152, 0.5);
}

.page-content img, .single img {
  max-width: 100%;
  height: auto;
}

.page-content ul, .single-content ul {
  margin-left: 30px;
  margin-top: 15px;
    margin-bottom: 15px;
}

.page-content h2 {
  margin-bottom: 30px;
}

/* Single */

.single .c2 {
  width: 20%;
  padding: 0;
  color: #6C6C6C;
  font-family: 'Calibri', sans-serif;
  margin-top: 30px;
}

.single .c7 {
  width: 55%;
  margin-top: 30px;
}

.single .c3 {
  width: 25%;
  padding: 0;
}

.single-title {
  font-family: 'Book Antiqua', sans-serif;
    font-size: 30px;
    color: #005194;
}

.single-author {
  font-family: 'Calibri', sans-serif;
  font-size: 25px;
}

.single-author a {
  color: #6C6C6C;
}

.single .rating {
  margin-top: 30px;
}

.single .section-label {
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  margin-top: 20px;
}

.single-categories {
  font-family: 'Book Antiqua', sans-serif;
  font-size: 20px;
}

.single-content {
  font-family: 'Calibri', sans-serif;
  font-size: 16px;
  color: #6C6C6C;
  padding-top: 20px;
    border-top: 1px solid rgba(1, 87, 152, 0.5);
    margin-top: 10px;
}



.single .side p {
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 24px;
}

.single .page-content h2 {
  line-height: 22px;
}

main .single-content h2 {
  font-size: 30px;
}

.single iframe {
  max-width: 100%;
  width: 100%;
    height: auto;
    min-height: 180px;
}

ul.share-buttons {
  list-style-type: none;
}

ul.share-buttons li {
  display: inline;
}

.informacije {
  font-size: 16px;
  margin-top: 60px;
  padding-left: 20px;
}

.breadcrumbs {
  font-size: 16px;
    padding: 10px 0 0;
}

.buybox {
  font-family: 'Calibri', sans-serif;
}

.buybox-content, .buybox-heading {
  border: 1px solid #7FAACB;
    padding: 15px;
}

.buybox-heading {
  margin-bottom: -1px;
  height: 60px;
}

.buybox .price {
  font-weight: bold;
    color: #005194;
    font-size: 20px;
}

.buybox .price-total {
  font-size: 30px;
  font-weight: bold;
  color: #005194;
}

.buybox-content .section-label:first-child {
  margin-top: 0;
}

.buybox-heading span:first-child {
  font-family: 'Book Antiqua', sans-serif;
  font-size: 20px;
}

.buybox-heading span:last-child {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  text-transform: uppercase;
  color: white;
  background-color: #549400;
  float: right;
}

.buybox-heading span.green {
  background-color: #549400;
}

.buybox-heading span.red {
  background-color: #940000;
}

.buybox a.ajax_add_to_cart, .buybox a.ajax_add_to_cart:hover {
  font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    color: white;
    background-color: #005696 !important;
    border-radius: 0;
    margin-top: 15px;
}


/* Wishlist */

.buybox a.add_to_wishlist, .kupi-eknjigu {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    color: #005194;
    padding: 10px;
  border: 1px solid #7FAACB;
  border-radius: 0;
  margin-top: 15px;
}

.woocommerce table.wishlist_table tbody td {
  padding: 16px 0px;
}

.wishlist_table tr td.product-stock-status span.wishlist-in-stock {
  color: #ffffff;
    background: #549400;
    width: 100px;
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
  content: '';
  margin: 0;
}

.wishlist_table td.product-name a {
    font-size: 20px;
    font-family: 'Book Antiqua', sans-serif;
}

.woocommerce .wishlist_table td.product-add-to-cart a, .woocommerce .wishlist_table td.product-add-to-cart a:hover {
  background-color: transparent !important;
}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
  max-width: inherit;
}

.woocommerce table.wishlist_table thead th {
  padding: 9px 12px;
}

.woocommerce table.wishlist_table tbody td.product-name {
  padding: 16px 20px;
}

.wishlist_table tr td.product-thumbnail a img {
  width: 66px;
}

div.vote-result {
  margin-top: 0;
    padding-left: 100px;
}

.yith-wcwl-share ul {
  margin: 0;
}


/* Buy e-book */

ul.eknjige {
  list-style: none;
  border: 1px solid #7FAACB;
    margin-top: -1px;
}

ul.eknjige li a.button {
  font-weight: normal;
    font-size: 18px;
    color: #005696;
}

ul.eknjige li a:hover {
  color: #005696 !important;
}

/* POST BLOG */

.blog-head {
    bottom: -95px;
    margin-top: -95px;
}

.c12.blog-post {
  margin-bottom: 20px;
  border-bottom: 1px solid #80ABCB;
  padding: 0;
}

.blog-post h2 {
  margin-bottom: 7px;
}

.c12.blog-post a {
    color: #333333;
}

.blog-post .blog-tags {
  margin-bottom: 10px;
}

.blog-post a.more {
  background: #005898;
    color: white;
    padding: 5px 20px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.blog-post a.more:hover {
  background: #003B6B;
}

.c5.feat-img {
    height: 214px;
    background-size: cover;
    background-position: center;
}

.c7.blog-info h2 {
  margin-top: 0;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 24px;
}

.blog-tags {
    font-size: 12px;
    text-transform: uppercase;
    display: inline;
}

.blog-tags a {
  padding: 4px;
    background: #f5f5f5;
    border: 1px solid #E6E6E6;
}


/* Archives / Book lists */


.archive .book {
  height: 560px;
  margin-bottom: 30px;
}

.page-id-30044 .book {
  height: 600px;
}

.archive .upripremi .book {
  min-height: 300px;
}

.category .book {
  min-height: 400px;
}

.archive .sidebar {
  width: 20%;
}

.archive .page-content {
  width: 80%;
}

.archive .sidebar ul li a {
  font-size: 16px;
  font-family: 'Calibri', sans-serif;
}

.archive .sidebar ul li ul.sub-menu {
  margin-left: 22px;
    margin-top: 5px;
}

.archive h1 {
  margin-left: 22px;
}

.page-id-27836 .book {
  height: 600px;
}


.page-id-14936 .archive .page-content h2 {
  font-size: 30px;
  color: #005194;
  font-family: 'Book Antiqua', sans-serif;
    line-height: 32px;
    margin-bottom: 30px;
}

/* Page contact */

.contact-page {
  font-size: 16px;
  font-family: 'Calibri', sans-serif;
  color: #6C6C6C;
}

.contact-page .special {
  color: #005696;
}

.contact-page h1, .contact-page h2 {
  font-size: 30px;
    font-family: 'Book Antiqua', sans-serif;
    color: #005194;
}

.contact-page h3 {
  font-size: 24px;
  font-family: 'Calibri', sans-serif;
  color: #005696;
}

.contact-page .c5:first-child {
  border-right: 1px solid rgba(1, 87, 152, 0.5);
}

.contact-page table tr {
  background: white;
}

.contact-page table th {
  text-align: left;
}

.contact-section {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(1, 87, 152, 0.5);
  display: inline-block;
}

.contact-page .c3 {
  width: 25%;
}

.contact-page .sidebar {
  width: 16%;
}

.contact-page table {
  width: 100%;
    margin: 18px 0;
}


/* Objave za medije */

/* line 2207, sass/style.scss */
.objava_zamedije {
  margin: 0 0 30px 0;
  min-height: 200px;
}

/* line 2211, sass/style.scss */
.objava_zamedije img {
  width: 150px;
}

/* line 2215, sass/style.scss */
.objava_zamedije .naslov_zamedije {
  position: absolute;
  margin: 10px 0 0 15px;
  font-size: 22px;
  font-weight: 800;
  line-height: 24px;
}


/* Book lightbox */

.lightbox-wrapper {
  position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
  z-index: 100;
  display: none;
}

.book-lightbox {
  position: relative;
    background: white;
    width: 60%;
  top: 10%;
    margin: 0 auto;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,81,148,0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,81,148,0.4);
  box-shadow: 0px 0px 10px 0px rgba(0,81,148,0.4);
}

.book-lightbox h3 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}

.book-lightbox ul {
  text-align: center;
}

.book-lightbox ul li {
  display: inline;
  list-style: none;
}

.book-lightbox ul li a {
  color: white;
    background: #005194;
    padding: 10px;
    text-transform: uppercase;
    margin: 5px;
}

.book-lightbox .clearfix {
  margin-bottom: 10px;
}

.book-lightbox span {
  position: absolute;
    top: 0px;
    right: 10px;
    font-size: 24px;
  color: red;
  cursor: pointer;
}


/* Woocommerce */

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background: none;
}

.woocommerce .woocommerce-MyAccount-content form button {
  clear: both;
  display: block;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-shipping-calculator button, .woocommerce-MyAccount-content button, a.wc-backward {
  background-color: #005194 !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  color: white !important;
  font-weight: normal;
}

.coupon input.button {
  font-weight: bold !important;
}

 .woocommerce .cart .button, .woocommerce .cart input.button {
  padding: 12px 20px;
 }


.woocommerce table.shop_table {
  border-radius: 0;
  border: 0;
}

.woocommerce table.shop_table thead {
  color: #707070;
  font-size: 18px;
  font-family: 'Calibri', sans-serif;
}

.woocommerce table.shop_table td {
  border-top: 0;
}

.woocommerce-cart table.cart td.product-name {
  font-family: 'Book Antiqua', sans-serif;
  font-size: 20px;
}

.woocommerce table.shop_table td.actions {
  padding: 6px 0;
}

thead, tr:nth-child(even) {
  background-color: #F8F8F8;
}

.woocommerce tr.cart_item {
  height: 120px;
}

.cart .c12 {
  padding: 0;
}

.cart h1 {
  color: #005194;
  font-size: 30px;
  font-family: 'Book Antiqua', sans-serif;
  margin: 45px 0 15px;
}

.woocommerce .cart-collaterals .cart_totals tr.order-total {
  background-color: #005194;
    color: white;
    font-size: 18px;
    font-family: 'Calibri', sans-serif;
}

.woocommerce .cart-collaterals .cart_totals tr.order-total td {
  text-align: right;
  font-size: 25px;
    font-family: 'Calibri', sans-serif;
    font-weight: normal;
    height: 40px;
}

.woocommerce .cart-collaterals .cart_totals tr.order-total th {
  padding: 10px;
}

.woocommerce .cart-collaterals .cart_totals tr.order-total td span {
  font-size: 25px;
    font-family: 'Calibri', sans-serif;
    font-weight: normal;
}

.woocommerce .cart-collaterals .cart_totals h2 {
  font-size: 30px;
    font-family: 'Book Antiqua', sans-serif;
    color: #005194;
    margin-bottom: 10px;
}

.woocommerce .cart-collaterals .cart_totals tr {
  background: #F8F8F8;
  color: #707070;
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
  border-top: 1px solid #fff;
  font-size: 18px;
    font-family: 'Calibri', sans-serif;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
  width: 52%;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

.woocommerce ul#shipping_method {
  line-height: 16px;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
  height: 40px;
    width: 300px;
    border: 1px solid #005194;
}

button[name="update_cart"] {
  display: none;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row input[type="number"] {
  padding: 10px;
  height: 40px;
  border: 1px solid #015697;
  text-align: left !important;
  font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 18px;
}

form.register .form-row input.input-text {
  width: 420px;
}

.woocommerce .woocommerce-form-login .form-row input.input-text, .woocommerce .col-2 form.register {
  width: 420px;
  text-align: center;
    margin: 0 auto;
    padding: 19px 10px;
}

.woocommerce-password-strength {
  width: 420px;
}

.woocommerce-form-login .c6:last-child {
  border-left: 1px solid #005696;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #015697;
    border-radius: 0;
    height: 40px;
    padding: 5px;
}

.woocommerce form .form-row label {
    line-height: 2;
    font-size: 18px;
    font-family: 'Calibri', sans-serif;
    line-height: 28px;
}

.woocommerce form .form-row .required {
  color: #6C6C6C;
  font-size: 18px;
    text-decoration: none;
    font-family: 'Calibri', sans-serif;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 70%;
}

.woocommerce-checkout-review-order-table .shipping h3 {
  font-size: 18px;
    font-family: 'Calibri', sans-serif;
    color: #707070;
}

.woocommerce-checkout-review-order-table .shipping label {
  font-size: 18px;
    font-family: 'Calibri', sans-serif;
    font-weight: normal;
    color: #6C6C6C;
}

.woocommerce-checkout-review-order-table .shipping p {
  font-weight: normal;
    font-size: 14px;
    font-family: 'Calibri', sans-serif;
    color: #6C6C6C;
    margin-left: 35px;
}

.woocommerce ul#shipping_method li {
  margin: 5px 0 !important;
  text-indent: -35px;
}

.woocommerce ul#shipping_method p.shipping-method-description {
  margin-left: 50px;
  margin-bottom: 0;
  font-size: 14px;
}

label[for=shipping_method_0_flexible_shipping_7_2] span.amount {
  display: none;
}

.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
  border-top: 0;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: transparent;
    border-radius: 0;
    font-family: 'Calibri', sans-serif;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  padding: 0;
  background-color: transparent;
  margin: 0;
  margin-left: 35px;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
  border: 0;
}

#payment ul.payment_methods li input {
  float: left;
    margin: 10px !important;
}

#payment ul.payment_methods li input#mozaik_installments-installments_num {
  margin: 0 !important;
  font-size: 16px;
    width: 75px;
}

.woocommerce-checkout #payment ul.payment_methods li {
  padding: 15px 0;
    border-top: 1px solid rgba(1, 87, 152, 0.5);
    border-bottom: 0;
}

.woocommerce-checkout-review-order-table tr.order-total {
  background: #005194;
    color: white;
    font-size: 18px;
    font-family: 'Calibri', sans-serif;
}

.woocommerce-checkout-review-order-table tr.order-total th {
  font-weight: bold;
}

.woocommerce-checkout-review-order-table tr.order-total td span {
  float: right;
  font-size: 25px;
  font-weight: normal;
}

.woocommerce-checkout-review-order-table input[type=number] {
  border: 0;
  background: transparent;
  pointer-events:none;
}

.woocommerce-checkout-review-order-table input[type=number]::-webkit-inner-spin-button,
.woocommerce-checkout-review-order-table input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border: 0;
  padding: 19px;
  margin: 2em -8px;
}

.woocommerce form.login, .col-1, .col-2 {
  text-align: center;
  position: relative;
}

.woocommerce form.login p.lost_password {
  position: relative;
    bottom: -120px;
    margin: 0 auto;
    width: 420px;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, #billing_country_field {
  width: 100%;
}

.woocommerce #payment .wc-terms-and-conditions, .woocommerce #payment .woocommerce-mailchimp-opt-in {
  width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid rgba(1, 87, 152, 0.5);
    border-top: 1px solid rgba(1, 87, 152, 0.5);
    color: #005194;
    margin-top: 0;
}
.woocommerce #payment .wc-terms-and-conditions:not(:first-child) {
  border-top: 0px solid rgba(1, 87, 152, 0.5);
}
.wc-terms-and-conditions a {
  text-decoration: underline;
}

.woocommerce-checkout #payment ul.payment_methods, .woocommerce-checkout #payment div.form-row {
  padding: 0;
}

.woocommerce-checkout #payment ul.payment_methods {
  border: 0;
}

.woocommerce-order {
  padding-top: 30px;
}

ul.jcmc-tabs {
  margin-top: 30px !important;
}



/* Pager */

.wp-pagenavi {
  text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
  padding: 0 10px;
    margin: 2px;
    font-size: 30px;
    font-family: 'Book Antiqua', sans-serif;
    color: #6C6C6C;
    border: 0;
}

.wp-pagenavi span.current {
  color: #005696;
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  top: 9px;
    position: relative;
}

.wp-pagenavi .nextpostslink {
  margin-left: 20px;
}

.wp-pagenavi .previouspostslink {
  margin-right: 20px;
}

.woocommerce-billing-fields, .woocommerce-shipping-fields {
  padding: 0 20%;
}

#billing_city_field, #billing_postcode_field, #billing_phone_field, #billing_email_field, #r1_oib_tvrtke_field, #r1_iban_tvrtke_field, #shipping_city_field, #shipping_state_field, #shipping_postcode_field {
  width: 50%;
    float: left;
    clear: none;
}

#billing_email_field {
    margin-bottom: 30px;
}

#billing_state_field {
  display: none;
}

#mx_custom_checkout_field {
  margin-bottom: 75px;
}

.woocommerce-billing-fields h3, #mx_custom_checkout_field h3, .woocommerce-shipping-fields h3, #order_review h3, .woocommerce-form-login h3 {
  text-align: center;
    font-family: 'Book Antiqua', sans-serif;
    font-size: 30px;
    color: #005194;
    margin: 30px 0;
}

#ship-to-different-address {
  text-align: center;
  margin-bottom: 60px;
}

.r1-checkbox {
  text-align: center;
}

textarea#order_comments {
  height: 150px;
}

tr.cart-subtotal {
  background: #EFEFEF;
    border: 0;
    color: #707070;
    font-size: 18px;
    font-family: 'Calibri', sans-serif;
}

tr.cart-subtotal .amount {
  font-weight: normal;
    float: right;
}

.woocommerce table.shop_table tr.shipping td {
  padding: 15px;
}

.freeshipping {
  text-align: center;
    font-size: 24px;
    color: #6C6C6C;
    margin: 30px 0 15px;
}

.freeshipping span {
  font-weight: bold;
  color: #005696;
}

#calc_shipping_state_field {
  display: none;
}

.extra-cart-info {
  margin-top: 50px;
}

.extra-cart-info ul ul {
  margin-left: 45px;
}

.extra-cart-info ul {
  margin-left: 30px;
}

.extra-cart-info button {
  border: 0;
  border-bottom: 1px solid #005194;
    background: none;
    padding: 10px;
    color: #005194;
    font-weight: bold;
    font-size: 18px;
    display: block;
    cursor: pointer;
    width: 300px;
    position: relative;
    margin-bottom: 15px;
    text-align: left;
    z-index: 100;
    -webkit-transition: width 0.5s; /* Safari */
  transition: width 0.5s;
}

.extra-cart-info button.expanded {
  width: 100%;
  -webkit-transition: width 0.5s; /* Safari */
  transition: width 0.5s;
}


.extra-cart-info .placanja-info, .extra-cart-info .dostava-info {
  display: none;
  font-size: 18px;
  font-family: 'Calibri', sans-serif;
  color: #707070;
  padding: 0 0 15px 0;
}
.page .sidebar .menu-moj-profil-container  ul li a {
    color: #6C6C6C;
    position: relative;
    background: white;
    font-size: 18px;
}

.woocommerce a.remove {
  padding: 0 10px;
}

.cart .woocommerce a.remove {
  padding: 0;
}

.woocommerce a.remove:hover {
  color: initial !important;
  background: initial;
}

.woocommerce .quantity .qty {
  background: #fff !important;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 0;
}

.wbu-qty-button {
  border-radius: 0 !important;
  background-color: #eee !important;
  padding-top: 1px;
}

.wbu-qty-button a {
  font-weight: bold;
    background: #eee;
    padding: 1px;
    height: 25px;
    display: inline-block;
    width: 20px;
    padding-left: 5px;
}

/* Multi Step Checkout */

.jcmc-tabs .jcmc-tab-span {
  padding: 4px 20px 4px 10px !important;
  height: 40px;
}

.jcmc-blocks li.jcmc-active-link a {
  background: #003B6B !important;
}

.jcmc-tabs-top .jcmc-wide li {
  text-align: center;
  width: 25% !important;
  margin-right: 0 !important;
}

.jcmc-tabs li.jcmc-even a {
  background: #F8F8F8 !important;
}

.jcmc-tabs li {
  margin-right: 0 !important;
}

.jcmc-tabs.jcmc-sm.jcmc-no-numbers .jcmc-tab-span {
  padding-left: 0;
}

.jcmc-tabs.jcmc-no-numbers a {
  padding-left: 0 !important;
  font-weight: bold;
}

.jcmc-tab {
  background-color: transparent !important;
}

.jcmc-tab-1 h3, .jcmc-tab h3#order_review_heading {
  display: block;
    font-size: 30px;
    font-family: 'Book Antiqua', sans-serif;
    text-align: center;
    margin: 45px 0;
    color: #005194;
}

.jcmc-next {
  display: none;
}

.woocommerce .form-row button.button {
  background: #005194 !important;
    color: white !important;
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0;
    font-family: 'Calibri', sans-serif;
    font-size: 25px;
    width: 420px;
    display: block;
    margin: 30px auto 0;
}

.woocommerce-form-login {
  border-right: 1px solid rgba(1, 87, 152, 0.5) !important;
    border-radius: 0 !important;
}

.woocommerce-form__label {
  display: block;
    color: #005194;
    font-size: 18px;
}

.woocommerce-form-login .woocommerce-form__label {
  top: 100px;
}

#customer_login .woocommerce-form__label {
  top: 25px;
}

#customer_login p.lost_password {
  bottom: -40px;
}

.jcmc-buttons {
  text-align: center;
  padding-bottom: 150px;
  font-family: 'Calibri', sans-serif;
}

a.jcmc-prev {
  position: relative;
    text-align: center;
    top: 89px;
    width: 100%;
    background: transparent !important;
    color: #005194 !important;
    font-size: 18px;
    top: 150px;
}

a.jcmc-next, .jcmc-order {
  font-size: 25px;
  width: 420px;
  height: 60px;
  text-transform: uppercase;
  padding: 15px !important;
  float: none;
}

.jcmc-order {
  float: none !important;
  margin: 0 auto;
  cursor: pointer;
}

.woocommerce-checkout-review-order-table .product-thumbnail img {
  height: 100px;
    width: auto;
}

.woocommerce-checkout-review-order-table .quantity .qty {
    background: transparent;
}

.woocommerce-checkout-review-order-table .wbu-qty-button {
  display: none;
}

.wbu-qty-button a.wbu-btn-sub {
    padding-left: 8px;
}


.payment_box {
  display: block !important;
}

/* Custom input fields */

/* Checkbox: */

label.checkbox, label.woocommerce-form__label-for-checkbox {
  display: inline;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 18px;
  font-family: 'Calibri', sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.checkbox input, label.woocommerce-form__label-for-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

label.checkbox .checkmark, label.woocommerce-form__label-for-checkbox .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 18px;
  width: 18px;
  background: url(/wp-content/themes/mozaik3/images/checkbox.png) 0px 0px;
}

label.checkbox input:checked ~ .checkmark, label.woocommerce-form__label-for-checkbox input:checked ~ .checkmark {
  border: 1px solid #005194;
    background: url(/wp-content/themes/mozaik3/images/checkbox-checked.png) -1px -1px;
}


/* Radio: */

label.radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.radio input {
  position: absolute;
  opacity: 0;
}

label.radio .checkmark {
  position: absolute;
  top: 9px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #005194;
}

label.radio input:checked ~ .checkmark {
  background: url(/wp-content/themes/mozaik3/images/radio-checked.png) -2px -2px;
}

label.radio .checkmark {
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: url(/wp-content/themes/mozaik3/images/radio.png) -2px -2px;
}

#payment label.radio .checkmark {
  top: 10px;
}

.woocommerce ul#shipping_method li label {
  line-height: 20px;
  margin-left: 15px;
}


/* My Account */

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 75%;
}

.woocommerce-account h2 {
  font-size: 30px;
  color: #005696;
  font-family: 'Book Antiqua', sans-serif;
  margin-bottom: 36px;
}

.col-1 h2, .col-2 h2 {
  margin-top: 100px;
}

.woocommerce-MyAccount-content {
  margin-top: 30px;
}

.woocommerce-MyAccount-content p.profile-name {
  font-size: 30px;
  display: block;
  color: #005696;
  margin-bottom: 30px;
}

.woocommerce-MyAccount-content .logout-button {
  background: #005696;
    color: white;
    border-radius: 0;
    width: 300px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 90px;
    display: block;
    padding: 10px;
}

table.dashboard {
  width: 100%;
}

table.dashboard tr {
  background: transparent;
  border-top: 1px solid #015798;
}

table.dashboard tr th, .woocommerce-MyAccount-content table tr td {
  font-size: 20px;
  padding: 15px 0;
  color: #005696;
  border-bottom: 1px solid #015798;
}

table.dashboard tr th {
  text-align: left;
}

table.dashboard tr td {
  text-align: right;
  font-weight: bold;
}

table.dashboard tr td span {
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
}

.woocommerce-Address address {
  text-align: left;
    line-height: 20px;
    margin-bottom: 15px;
}

.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
  padding: 9px 10px;
    line-height: 22px;
}

.woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
  width: 50%;
  padding: 0;
}

.woocommerce-account .addresses .title h3 {
  color: #005194;
}

/* Micro site */

/* Micro site */

.micro-header {
  background: #F3F7FA url(/wp-content/themes/mozaik2015/images/leo-header-noalpha.png) top center repeat-x;
  margin-top: -1px;
  min-height: 440px;
  position: relative;
}

.micro-header img {
  bottom: 180px;
    right: 30%;
    position: absolute;
}

.micro-heading h3 {
  color: #242423;
  font-family: 'Open sans', sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 10px;
}

.micro-heading h4 {
    color: #005596;
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
  font-weight: bold;
  padding: 0

}

.micro-heading {
  position: absolute;
  top: -160px;
  width: 100%;
  margin: 0;
}
/*
.micro-sidebar {
  width: 11%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 100;
  position: absolute;
  left: 455px;
  top: 310px;
  background-color: #fff;
  min-width: 215px;
}
*/

.micro-sidebar {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 100;
    left: -6%;
    background-color: #fff;
    max-width: 240px;
    top: -200px;
    padding: 5px !important;
}


.micro-sidebar ul li {
  list-style-type: none;
  padding-left: 7px;
  padding-right: 7px;
}

.micro-sidebar ul li:last-child {
  border-bottom: none;
}

.micro-sidebar ul li a {
  color: #242423;
  font-family: 'Open sans', sans-serif, sans-serif;
  font-size: 14px;
  display: block;
  padding: 5px 7px;
  text-indent: initial;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.left-spacer {
  width: 23%;
  min-height: 200px;
  float: left;
}

.micro-main {
  /*width: 53.5% !important;*/
  margin-top: 20px;
  margin-bottom: 170px;
  color: #242423;
}

.micro-main p {
  font-size: 14px;
  line-height: 18px;
}

.micro-main ul {
  padding-left: 30px;
  color: #333333;
  text-indent: -25px;
}

.micro-main ul li {
  font-size: 12px;
  line-height: 18px;
}

.micro-main hr {
  border: solid #c5d7df;
  border-width: 1px 0 0;
}

.micro-main .wp-caption .wp-caption-text {
  font-size: 12px;
}

.micro-main blockquote {
  border: 1px solid #DDDDDD;
  padding: 15px;
}

.micro-extra {
  float: left;
  padding-left: 10px;
  padding-right: 0;
  width: 23.5%;
  margin-top: 15px;
  line-height: 24px;
}

.micro-extra h5 {
  color: #005596;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  clear: both;
}

.micro-extra p {
  color: #242423;
  font-size: 14px;
  margin-bottom: 30px;
}

.micro-extra a {
  font-weight: bold;
}

.micro-social {
  list-style-type: none;
    display: block;
    margin-top: 10px;
}

.micro-social li {
  float: left;
  width: 31px;
  margin-right: -1px;
}

.mobile-sidebar-menu {
  display: none;
}

.mobile-sidebar-menu ul li {
  list-style-type: none;
}

.mobile-sidebar-btn {
  margin-bottom: 30px;
  display: none;
  padding-left: 5px;
}

.micro-sidebar ul .active {
    background-color: #f4f7fa;
}


#backtop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
#backtop i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#backtop:hover {
    background: rgba(0, 0, 0, 0.8);
}
#backtop:hover i {
    color: #fff;
    top: 5px;
}




@media handheld, only screen and (min-width: 1600px) {

.micro-header img {
  right: 37%;
}

.mobile-sidebar-menu {
  padding-bottom: 20px;
}

}

@media handheld, only screen and (max-width: 1300px) {

.micro-header h3 {
    margin-top: 0;
}

.micro-sidebar {
      left: 0;
}

.micro-header h4 {
  padding-bottom: 0;
}

  }

@media handheld, only screen and (max-width: 1000px) {

.micro-heading h3 {
  font-size: 27px;
}

.micro-extra {
    float: inherit;
    margin: auto;
    margin-bottom: 165px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    clear: both;
}

.c6.micro-main {
    padding-left: 20px;
    padding-right: 10px;
}

.top {
  display: none;
}

}

@media handheld, only screen and (max-width: 850px) {

.micro-main {
    width: 100% !important;
}


.micro-header {
  background: #F3F7FA url(/wp-content/themes/mozaik2015/images/leo-header-noalpha.png) -750px 0 repeat-x;
}

.micro-sidebar {
  /*display: none;*/
    width: 100% !important;
    max-width: 100%;
    top: 5px;
}


.mobile-sidebar-btn {
  display: block;
}

.micro-heading {
  top: -480px;
}

.woocommerce-form-login, .woocommerce-form-login .c6:last-child {
  border-right: 0 !important;
  border-left: 0 !important;
}

.woocommerce form.login p.lost_password {
  width: 100%;
}

.woocommerce-form-login .jcmc-buttons h3 {
  margin-top: 130px;
}

.woocommerce-form-login .jcmc-nextprev {
  margin-top: 30px !important;
}

.novosti .section-heading h2 {
  margin: 0;
}

.iksajto {
  font-size: 28px;
}

}


@media handheld, only screen and (max-width: 668px) {

.micro-heading h3 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 24px;
    background: rgba(243, 247, 249, 0.5);
    padding: 5px 0;
}

.micro-heading h4 {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 5px;
}
.micro-header {
  background: #F3F7F9 url(/wp-content/themes/mozaik2015/images/leo-header-noalpha.png) -860px 0 repeat-x;
    background-size: auto 300px;
    min-height: 380px;
}

.micro-header img {
  display: none;
}
.micro-main img {
   max-width: 100%;
  height: auto;
}

.micro-heading {
  top: -400px;
  width: initial;
}
/* .micro-heading {
    top: 0;
    position: relative;
    width: initial;
    margin-bottom: 20px;
} */

input[type="text"], input[type="email"], input[type="number"], select {
  width: 100%;
  padding: 5px 10px;
}

}
.micro-main iframe {
  max-width: 100%;
  width: 100%;
  height: 340px;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape) {
  .micro-main iframe {
    max-width: 100%;
    width: 100%;
    height: 250px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px)and (orientation: landscape) {
  .micro-main iframe {
    max-width: 100%;
    width: 100%;
    height: 250px;
  }
}
@media handheld, only screen and (max-width: 480px) {
#masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
}
.home #main {
  padding: 155px 0px 20px;
  margin: 0;
}
#main {
    transition: margin-left .5s;
    padding: 155px 20px 20px;
}

.micro-heading h3 {
    font-size: 23px;
    margin-bottom: 0px;
    line-height: 28px;
}

.micro-header h4 {
    padding-bottom: 0px;
}
.micro-main img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.micro-main p:empty {
  display: none;
}
.micro-main p {
  margin-bottom: 15px;
  line-height: 28px;
}
.micro-main figure {
  margin-bottom: 20px;
}
.micro-main .c1, .micro-main .c2, .micro-main .c3, .micro-main .c4, .micro-main .c5, .micro-main .c6, .micro-main .c7, .micro-main .c8, .micro-main .c9, .micro-main .c10, .micro-main .c11, .micro-main .c12, .micro-main .c1-5, .micro-main .c1-7, .micro-main .c1-8 {
  clear: both;
}
.micro-sidebar ul li:last-child a {
  border-bottom: 0;
}
.micro-social {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}
.micro-main iframe {
  max-width: 100%;
  width: 100%;
  height: 200px;
}
.micro-heading h3 {
  margin-bottom: 10px;
}
.news-slider img {
  height: 99px;
}
.page-content-filter {
  text-align: center;
  display: inline-block;
  float: none;
  margin-bottom: 20px;
  width: 100%;
}
}

@media handheld, only screen and (max-width: 374px) {
.micro-heading h3 {
  margin-top: -15px;
}

.micro-heading {
    top: -570px;
}

.micro-header {
  min-height: 470px;
}
}



 .search-icon-responsive {
    display: none;
    width: 45px;
    height: 45px;
    background-position: center;
    position: absolute;
    left: 0;
    top: -1px;
    cursor: pointer;
    background: url(/wp-content/themes/mozaik3/images/search_icon.png) no-repeat 17px 5px;
  }
.responsive-search-input {
  display: none;
  z-index: 55555;
}

.page-content-filter {
  text-align: right;
  display: inline-block;
  float: right;
}

/* MOBILE */

@media handheld, only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) and (orientation:portrait){

.footer-bottom .copyright {
  margin-top: 4px;
    margin-left: 0;
}

.header-search input#s {
  float: right;
  width: 90%;
}

.header-search input[type="submit"] {
    right: 60px;
}

.footer-bottom p {
  float: initial;
}

.footer-bottom ul.social {
  padding: 0 15px;
}

.header-search input[type="submit"] {
  position: absolute;
    right: 10px;
}

.main-footer .c3:first-child {
  margin-left: 15px;
}

}


@media handheld, only screen and (max-width: 1023px), only screen and (max-device-width: 1023px) and (orientation:portrait){

.header-logo img {
  width: 100%;
    margin-top: 10px;
}

#masthead .tools {
  width: 27%;
}

.book-lightbox {
  width: 72%;
}

.woocommerce .woocommerce-form-login .form-row input.input-text, .woocommerce .col-2 form.register, .woocommerce .form-row button.button, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  width: 100%;
}

.header-search input#s {
  width: 100%;
}

.menu-izbornik-container ul li {
  margin-right: 26px;
}

.menu-izbornik-container ul li a {
  font-size: 18px;
  width: 86%!important;
  display: block;
  padding: 7px 0px 7px 15px;
  line-height: 28px;
  margin: 0px;
}

nav#site-navigation .c4 a img {
  width: 30%;
}

.footer-white ul.certs li {
  float: left;
}

.footer-white ul.certs {
  display: block;
    width: 100%;
    clear: both;
}

}

/* Media query for iPad and tablets */
@media handheld, only screen and (max-width: 830px), only screen and (max-device-width: 830px) and (orientation:portrait){

.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-7,.c1-8 {width:100%;margin-right:0;margin-left:0;margin-bottom:20px; padding:0 20px;}

.grid.c1, .grid.c2, .grid.c3, .grid.c4, .grid.c5, .grid.c6, .grid.c7, .grid.c8, .grid.c9, .grid.c10, .grid.c11, .grid.c12, .grid.c1-5, .grid.c1-8 {padding:0px;}
.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {padding-left: 30px; position:relative;}
.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-7.last,.c1-8.last {padding-right: 30px; position:relative; margin-bottom:0px;}

.grid {padding: 0 15px;}
.desktop {display:none}
.mobile {display:block}

.header-search {
  padding: 0;
  width: 21%;
}

.header-search input#s {
  width: 100%;
}

.header-search input[type="submit"] {
  top: 5px;
  right: 0;
  background: url(/wp-content/themes/mozaik3/images/search_icon.png) no-repeat 17px 5px;
}

#masthead .tools {
  padding: 0;
  width: 61%;
  top: 7px;
}

#masthead .tools ul:last-child li {
  padding: 5px 8px;
}

.page .page-content {
  border: 0;
}

.page .sidebar {
  text-align: center;
    padding: 0;
}

.page .sidebar .current-menu-item ::after {
  display: none;
}


/*.bx-wrapper .bx-controls-direction a {
  display: none;
}
*/
.bx-wrapper .bx-next, .bx-wrapper .bx-prev {
  top: 43%;
    background-size: 15px;
    height: 62px !important;
    width: 22px !important;
}

.bx-wrapper .bx-next {
  right: 0;
}

.bx-wrapper .bx-prev {
  left: 0;
}

.section-heading a {
  display: none;
}

.books {
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 15px;
}

.bx-wrapper .c2 {
  padding: 9px 0 0 0px !important;
}

.casopisi_izbornik {
  display: none;
}

.tri-bannera {
  padding: 0 !important;
}

.single .c3, .single .c2, .single .c7 {
  width: 100%;
  padding: 0;
}

.footer-white ul.cards li {
  float: none;
    text-align: center;
    padding: 10px;
    border: 0;
}

.footer-white ul.certs li {
  float: none;
    text-align: center;
    border: 0;
}

.menu-toggle, .main-navigation.toggled ul, .ham {
  display: block;
    background: white;
    border: 0;
    z-index: 100;
    float: right;
    position: absolute;
    right: 30px;
}

.main-navigation.toggled ul {
 margin-top: 0;
 text-align: center;
 z-index: 10000;
}

.menu-izbornik-container ul {
  list-style: none;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  background: white;
  width: 100%;
  left: 0;
  margin: 0;
  display: none;
  top: 60px;
}

.menu-izbornik-container ul.sub-menu {
  display: none;
}

.menu-izbornik-container ul li {
  width: 100%;
  border-bottom: 1px solid #eee;
}

.header-logo {
  padding: 0;
  z-index: 10;
}

.header-logo img {
  width: 70%;
  max-width: 200px;
  margin-top: 0;
}

nav#site-navigation {
  position: absolute;
    top: 35px;
    border: 0;
}

nav#site-navigation .c3 {
  display: none;
}

.woocommerce tr.cart_item {
  height: auto;
}

.woocommerce ul#shipping_method {
  text-align: left;
    margin-top: 45px;
    margin-left: 15px;
}

.woocommerce-billing-fields, .woocommerce-shipping-fields {
  padding: 0;
}

.woocommerce-page .c12 {
  padding: 0;
}

ul.jcmc-tabs {
  display: none;
}

#jcmc-wrap .jcmc-nextprev, #jcmc-wrap .jcmc-nextprev:visited {
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
}

.woocommerce-MyAccount-content .logout-button {
  width: 100%;
}

.page .sidebar {
  margin-top: 0;
    margin-bottom: 45px;
    z-index: 10;
}

.page .page-content {
  padding: 0;
  margin-top: 30px;
}

.single .side {
  text-align: center;
  margin-top: 30px;
}

.single .side .informacije {
  margin-top: 20px;
    padding-left: 0;
}

.single .side .informacije ul {
  list-style: none;
}

.archive .sidebar, .archive .page-content {
  width: 100%;
  margin: 30px 0;
}

.page .sidebar ul {
  list-style-type: none;
    text-align: left;
}

.woocommerce-page table.cart td.actions .coupon .input-text+.button, .woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 100%;
}


.shipping td h3 {
  display: none;
}

.naslovna-novosti .c4 {
  margin: 40px 0;
}

.woocommerce .cart-collaterals .cart_totals tr.order-total td {
  height: auto;
}

.woocommerce .cart-collaterals .cart_totals tr.cart-subtotal {
  display: none;
}

.woocommerce a.remove {
  width: 0;
}

.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
  margin-bottom: 15px;
}

.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
  font-weight: normal;
  color: #777;
}

.woocommerce table.shop_table_responsive tr td.product-name::before {
  display: none;
}

.woocommerce-cart table.cart td.product-name {
  font-size: 18px;
  margin-top: -36px;
  border-bottom: 1px solid #e2e2e2;
}

.woocommerce-cart table.cart td.product-name a {
  width: 97%;
    margin-left: 3%;
}

.woocommerce .cart-collaterals .cart_totals tr.order-total td::before {
  color: white;
}

.extra-cart-info {
  display: none;
}

.woocommerce ul#shipping_method li label {
  margin-left: 0;
}

.woocommerce ul#shipping_method p.shipping-method-description {
  margin-left: 35px;
}

.wp-pagenavi a, .wp-pagenavi span {
  font-size: 20px;
}

.woocommerce-MyAccount-content form .form-row label {
  line-height: 20px;
    font-size: 18px;
}

form.register {
  padding: 20px !important;
}

.contact-page .sidebar {
  width: 100%;
}

.contact-page .c9, .contact-page .c5, .contact-page .c3, .contact-page .c4, .contact-page .c7 {
  width: 100% !important;
  padding: 0;
}

.contact-page .c5:first-child {
  border: 0;
}

.contact-page h2 {
  margin-bottom: 15px;
}

.contact-section {
  width: 100%;
  padding: 0;
}

.contact-section .c4 {
  margin-bottom: 15px;
}

.woocommerce-password-strength {
  width: 420px;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
  width: 100%;
  padding: 0;
}

.bx-wrapper {
  height: auto;
}

.homeslider .bx-wrapper {
  margin-bottom: 65px;
}
.bx-wrapper .bx-pager {
    padding: 15px 0;
}

.book .title {
  max-width: 160px;
  margin-left: 0px;
  margin-bottom: 15px;
}
.book .title-wrap {
    height: auto;
    padding-bottom: 10px;
}
.tri-bannera a img {
  width: 100%;
  height: auto;
}

.naslovna-novosti img {
  width: 90%;
}

.book-lightbox, .book-lightbox ul li {
  width: 100%;
}

.book-lightbox ul li a {
  display: block;
}

.section-heading h2 {
  margin-top: 0;
}

.contact-page table th {
  margin: 0;
}

.headertop {
  border-bottom: 1px solid #ccc;
  padding-top: 20px;
  height: 150px;
}
.books.novosti .bx-viewport {
    height: 280px !important;
}
.books.novosti .bx-viewport {
    min-height: 280px !important;
}
.books.novosti .bx-controls-direction a {
    top: 22%;
}

#mx_custom_checkout_field {
    margin-bottom: 15px;
}
/* #jcmc-wrap .jcmc-tab h3 {
  margin-top: 0;
} */
#ship-to-different-address {
    text-align: center;
    margin-bottom: 0px;
}

.footer-bottom .footer-logo {
  margin: 20px 15px 0 15px;
}

td.product-name .cart-author {
  display: none;
}

.menu-izbornik-container ul.sub-menu {
  padding: 0;
}

.menu-izbornik-container ul ul li {
  display: none;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background-color: transparent;
}

.djecji {
  display: none;
}

.woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
  width: 100%;
}

main {
  margin-top: 15px;
}

.wbu-qty-button {
  padding-left: 10px;
    padding-right: 10px;
  font-size: 20px;
  line-height: 1;
  padding-top: 4px;
  height: 30px;
    display: inline-block;
}

.woocommerce .quantity .qty {
  padding: 8px;
  margin-top: -1px;
  display: inline-block;
    height: 30px;
}
form#yith-wcwl-form {
    overflow-x: auto;
}
.wbu-quantity {
    display: flex;
    flex-flow: row;
    margin-left: auto;
    width: 110px;
    justify-content: space-between;
    align-items: center;
}

.archive .sidebar ul li a {
    font-size: 18px;
    font-family: 'Calibri', sans-serif;
}

.main-footer {
  text-align: center;
}

.main-footer .c3 ul#menu-footer-menu-2 {
  margin-top: 0;
}

.main-footer .about {
  margin-top: 30px;
}

.main-footer .about .c12 {
  text-align: center;
}

.main-footer .c3:first-child {
  margin-left: 0;
}
.main-footer a {
  font-size: 18px;
}
}
.main-footer .prijava-nl {
    background-color: #fff;
    padding: 10px 15px;
    border: 1px solid #005194;
    color: #005194;
    text-decoration: none;
    transition: all ease 0.3s;
}
.main-footer .prijava-nl:hover {
    background-color: #005194;
    border: 1px solid #fff;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    transition: all ease 0.3s;
}
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

  nav#site-navigation {
    top: 48px;
  }

}

@media handheld, only screen and (max-width: 620px), only screen and (max-device-width: 620px) and (orientation:portrait){

.footer-logo {
  width: 100%;
    margin-bottom: 15px !important;
}

}



/* Media query for iPad and tablets */
@media handheld, only screen and (max-width: 460px), only screen and (max-device-width: 460px) and (orientation:portrait) {

  /*.header-search, #masthead .tools {
    width: 100%;
  }*/

  .archive .sidebar, .archive .page-content {
    text-align: center;
  }

  .archive h1 {
    margin-left: 0;
  }

  .archive .page-content .book, .archive .page-content .book:hover {
    padding-right: 0;
  }

  .woocommerce table.wishlist_table tbody td.product-name {
    padding: 16px 16px;
  }
  #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{
    border-radius: 0;
  }
  .wishlist_table td.product-name a {
    font-size: 16px;
  }

  .wishlist_table tr td.product-stock-status span.wishlist-in-stock {
    font-size: 12px;
  }

  td.product-thumbnail, .woocommerce-checkout-review-order-table th:first-child {
    display: none;
  }

  .wbu-qty-button a {
    padding-right: 8px;
  }

  .newsbox {
    width: 100%;
  }

  a.jcmc-next, .jcmc-order {
    font-size: 21px;
  }


  .search-icon-responsive {
    display: block;
  }

  #searchform {
    display: none;
    top: 64px;
    position: absolute;
    width: 100%;
  }

  .responsive-search-input {
      top: 81px;
      position: absolute;
      left: 10px;
      right: 10px;
  }

  .responsive-search-input #searchform {
    display: block!important;
  }

  .header-search input[type="submit"] {
    background-size: 50%;
    background-position: right;
    float: right;
    left: inherit!important;
  }



  .header-search input#s {
    z-index: 1;
    position: absolute;
    background: white;
    height: 55px;
    left: 0;
    top: -10px;
    font-size: 15px;
  }

  .responsive-search-input input#s {
    z-index: 1;
    position: absolute;
    background: white;
    left: 0;
    height: 45px;
    top: -10px;
    font-size: 15px;
  }

  .responsive-search-input input[type="submit"] {
      top: 0px;
      right: 12px;
      background: url(/wp-content/themes/mozaik3/images/search_icon.png) no-repeat 17px 5px;
      background-size: 38%;
      background-position: right;
      float: right;
      left: inherit!important;
      z-index: 55555555;
      position: absolute;
  }

  .header-search input[type="submit"] {
    left: -10px;
    z-index: 100;
  }

  .header-search input.submit-activate {
    right: 10px;
    left: initial;
  }

  #masthead .tools {
    top: 10px;
    float: right;
  }

  main {
    margin-top: 30px;
  }



  #masthead .tools li:first-child a span {
    text-align: center;
    margin-left: 5px;
  }

  #masthead .tools li:last-child a span {
    text-align: center;
    margin-left: 10px;
  }

  #masthead .tools li a img {
    width: 80%;
  }

  #masthead .headertop-fixed .tools li:first-child a img {
    margin-bottom: 0;
  }

  .header-search input[type="submit"] {
    background-size: 50%;
  }

  .headertop-fixed {
    position: fixed;
    top: 0;
    z-index: 10000;
    background: white;
    height: 62px;
    padding-top: 10px;
  }

  .header-search input#s {
    height: 52px;
  }
  .page-content-filter {
      text-align: left;
      display: inline-block;
      float: none;
      margin-bottom: 20px;
  }

}

/* Media query for iPad and tablets */
@media handheld, only screen and (max-width: 375px), only screen and (max-device-width: 375px) and (orientation:portrait) {

  .archive .page-content .book {
    margin-left: 23%;
  }


}


/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 5555555; /* Stay on top */
    top: 0px; /* Stay at the top */
    right: 0;
    background-color: rgba(255,255,255,0.95); /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    display: block;
    transition: 0.3s;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav .menu-izbornik-container ul {
  box-shadow: none;
  background: transparent;
}



.sidenav .menu-izbornik-container ul li:hover ul ul, .sidenav .menu-izbornik-container ul li:hover > ul {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  min-width: initial;
}

.sidenav .menu-izbornik-container ul ul li:hover {
  background: none;
}

.sidenav .topsocial {
  position: absolute;
    top: 8px;
    z-index: 1000;
    left: -11px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}

}
@media screen and (max-width: 768px) {

  .sidenav .menu-izbornik-container ul li:hover ul ul, .sidenav .menu-izbornik-container ul li:hover > ul {
    display: none;
    position: relative;
    left: 0;
    top: 0;
    min-width: initial;
  }
  .page-content-filter {
    text-align: center;
    display: inline-block;
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
}
.sidenav .menu li {
  position: relative;
}

.sidenav .menu .site-arrow-position {
  position: absolute;
  right: 0;
  background-color: #eee;
  top: 0;
  bottom: 0;
  z-index: 5555555;
  height: 42px;
}



.sidenav .menu .site-arrow-position .submenu_arrow {
  width: 15px;
  height: 15px;
  margin: 14px 10px;
  fill: #005194;
}



.sidenav .menu .site-arrow-position2 {
  position: absolute;
  right: 0;
  background-color: #eee;
  top: 0;
  bottom: 0;
  z-index: 55555555;
  height: 42px;
}



.sidenav .menu .site-arrow-position2 .submenu_arrow {
  width: 15px;
  height: 15px;
  margin: 14px 10px;
  fill: #005194;
}

.sidenav .menu .site-arrow-position3 {
  position: absolute;
  right: 0;
  background-color: #eee;
  top: 0;
  bottom: 0;
  z-index: 555555555;
  height: 42px;
}



.sidenav .menu .site-arrow-position3 .submenu_arrow {
  width: 15px;
  height: 15px;
  margin: 14px 10px;
  fill: #005194;
}

.sidenav .menu-izbornik-container ul ul {
  position: relative;
  margin-top: 5px;
  top: initial;
  background: transparent;
  display: none;
}

.sidenav .menu-izbornik-container ul ul li {
  display: block;
  margin: 0;
}

.sidenav .menu-izbornik-container ul ul li a {
  font-size: 14px;
}

.sidenav .sub-menu {
  margin-top: 0px!important;
  background-color: #f4f4f4!important;
  display: none;
}

.sidenav .sub-menu .sub-menu2 {
  margin-top: 0px!important;
  background-color: #e0e0e0!important;
  padding: 0;
}

.sidenav .sub-menu .sub-menu2 .sub-menu3 {
  margin-top: 0px!important;
  background-color: #cfcfcf!important;
  padding: 0;
}


.sidenav .menu .sub-menu .site-arrow-position{
  background-color: #e0e0e0!important;
}

.sidenav .menu .sub-menu .sub-menu .site-arrow-position{
  background-color: #cfcfcf!important;
}

.sidenav .menu-izbornik-container ul ul li {
  margin: 0px;
  padding: 0px;
}
#sort-price {
  max-width: 260px;
}


.woocommerce-ordering-select select{
  width: 120px;
}

  .menu-izbornik-container ul li {
    margin-right: 29px!important;
 }

 img.aligncenter {
  margin:  0 auto;
  text-align: center;
      display: block;
 }

 blockquote {
  margin:  0 auto;
  text-align: center;
 }
  .category-description-new {
    margin-left: 22px;
 }

 @media handheld, only screen and (max-width: 460px), only screen and (max-device-width: 460px) and (orientation: portrait) {
  .category-description-new {
    margin-left: 0px;
 }
 }

 #billing_email_field {
    width: 100%;
    float: none;
    clear: left;
 }

@media screen and (max-width: 992px) {
  .menu-izbornik-container ul li a {
        width: 100%!important;
  }
  .menu-izbornik-container ul li {
    margin-right: 12px!important;
  }
}