@font-face {
font-family: 'Asap';
src: url('../fonts/asap-regular.eot');
src: url('../fonts/asap-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/asap-regular.woff2') format('woff2'),
url('../fonts/asap-regular.woff') format('woff'),
url('../fonts/asap-regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Asap';
src: url('../fonts/asap-medium.eot');
src: url('../fonts/asap-medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/asap-medium.woff2') format('woff2'),
url('../fonts/asap-medium.woff') format('woff'),
url('../fonts/asap-medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Asap';
src: url('../fonts/asap-bold.eot');
src: url('../fonts/asap-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/asap-bold.woff2') format('woff2'),
url('../fonts/asap-bold.woff') format('woff'),
url('../fonts/asap-bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Playfair';
src: url('../fonts/playfairdisplay-italic.eot');
src: url('../fonts/playfairdisplay-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/playfairdisplay-italic.woff2') format('woff2'),
url('../fonts/playfairdisplay-italic.woff') format('woff'),
url('../fonts/playfairdisplay-italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Playfair';
src: url('../fonts/playfairdisplay-regular.eot');
src: url('../fonts/playfairdisplay-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/playfairdisplay-regular.woff2') format('woff2'),
url('../fonts/playfairdisplay-regular.woff') format('woff'),
url('../fonts/playfairdisplay-regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'Icomoon';
src: url('../fonts/icomoon.eot');
src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Textile';
src: url('../fonts/textile.eot');
src: url('../fonts/textile.eot?#iefix') format('embedded-opentype'),
url('../fonts/textile.woff') format('woff'),
url('../fonts/textile.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}



[class*="icon"] {
font-family: 'Icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

html {
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}
html, body {
min-height: 100vh;
}
body {
margin: 0;
padding: 0;
font-family: 'Asap', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: normal;
color: #000;
background-color: #f5f5f5;
hyphens: manual;
-ms-hyphens: manual;
-webkit-hyphens: manual;
}

.faux_popup {
display: flex;
justify-content: center;
align-items: center;
background: #1A1A1A url(../img/brod.png) no-repeat fixed center center;
background-size: 60%;
}

img {
display: block;
border: none;
}
a {
text-decoration: none;
outline: none;
color: #0099FF;
}
a:hover {
color: #D71440;
}
.show {
display: block;
}
.hide {
display: none;
}
.error {
padding: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #000;
background-color: #FFDC51;
}
h1, h2, h3 {
font-family: 'Playfair', serif;
font-weight: 400;
font-style: italic;
}
h1 {
font-size: 3em;
line-height: 120%;
margin: 0 0 .75em 0;
}
h2 {
font-family: 'Playfair', serif;
font-weight: 400;
font-style: italic;
font-size: 2.25em;
line-height: 120%;
margin: 1em 0;
}
h3 {
font-family: 'Playfair', serif;
font-weight: 400;
font-style: italic;
font-size: 1.9em;
line-height: 120%;
margin: 21px 0;
}
h4 {
font-weight: 500;
font-size: 1.25em;
line-height: 120%;
margin: 0 0 1em 
}


/*** main containers ***/

header, main, footer {
display: flex;
flex-flow: column nowrap;
background-color: #fff;
}
.innerwidth {
position: relative;
width: 100%;
max-width: 1104px;
margin: 0 auto;
padding: 0 40px;
}

/*** end main containers ***/



/*** top navigation bar ***/

#topnav {
position: fixed;
width: 100%;
height: 60px;
text-transform: uppercase;
font-size: 15px;
line-height: 60px;
background-color: #fff;
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.33);
z-index: 100;
}
#topnav .innerwidth {
height: 60px;
}
#topnav a {
color: #000;
border-left: 1px solid #dadada;
}
#topnav a:hover {
color: #0099FF;
}
nav.item.left {
float: left;
border-right: 1px solid #dadada;
}
nav.item.left * {
float: left;
}
nav.item.right {
float: right;
border-right: 1px solid #dadada;
}
nav.item.right * {
float: left;
}
nav.item a,
nav.item span,
nav.item div {
display: block;
height: 60px;
text-align: center;
}
a#navmainswitch {
width: 55px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a#navmainswitch:before {
font-family: 'icomoon' !important;
content: "\e915";
font-size: 30px;
}
a#navmainswitch.close:before {
color: #D71440;
}
.b2blink {
width: 55px;
}
.b2blink:before {
content: "B2B";
font-size: 18px;
font-weight: 500;
}
.b2blinks a {
padding: 0 12px;
}
#topnav .search {
width: 55px;
}
.search:before {
content: "\e91e";
font-size: 18px;
}
#topnav a.active {
color: #D71440;
}
#topnav a.active:hover {
color: #09F;
}
#topnav .userlinks a {
padding: 0 12px;
}
a#login-link:after {
content: "Prijava";
}
.en a#login-link:after {
content: "Sign in";
}
a#logout-link:after {
content: "Odjava";
}
.en a#logout-link:after {
content: "Sign out";
}
a.edit-link:after {
content: "Vaš korisnički račun";
}
.en a.edit-link:after {
content: "Your user account";
}
a#register-link:after {
content: "Registracija";
}
.en a#register-link:after {
content: "Register";
}
a#view_cart {
padding: 0 12px;
white-space: nowrap;
}
a#view_cart:after {
content: "Pregled";
}
.en a#view_cart:after {
content: "View";
}
.cart:before {
content: "\e1e4";
font-size: 22px;
line-height: 58px;
}
.lock:before {
display: block;
width: 55px;
height: 100%;
content: "\e2ad";
font-size: 22px;
line-height: 58px;
color: #D71440;
border-left: 1px solid #dadada;
}
nav.item div.cartitems {
color: #d71440;
padding: 0 8px 0 9px;
}
a#view_cart:hover .cartitems {
color: #000;
}
.view_cart_icon:before {
content: "\ea3c";
padding-right: 5px;
}

/*** end top navigation bar ***/





/*** main navigation ***/


.pop_menu {
max-width: 400px;
min-width: 300px;
margin: 40px auto 20px;
font-size: 22px;
text-align: center;
}
.pop_menu {
border-top: none;
}
.pop_menu#navmain {
border-top: 1px dotted #999;
/*margin: 0 auto;*/
}
.navi a {
display: block;
color: #fff;
line-height: normal;
padding: 15px;
border-bottom: 1px dotted #999;
}
.backbutton {
display: inline-block;
padding: 20px;
font-size: 44px;
line-height: 44px;
}
/*#navmain .mfp-close,
#login-b2b .mfp-close,
#sizechart .mfp-close,
.mfp-close-btn-in .fill-in .mfp-close {
position: relative;
margin: 20px auto;
color: #fff;
}*/
.navi a:hover {
color: #0CF;
}

/*** end main navigation ***/




/*** header ***/

header {
padding: 120px 0 0;
}
main {
padding: 20px 0 70px;
}
.home main {
padding: 40px 0 70px;
}
.faux_popup_body main {
padding-bottom: 0;
}

footer {
padding: 50px 0;
background-color: transparent;
}
.home a#logo-top {
font-size: 4.5em;
line-height: 60%;
}
a#logo-top {
display: inline-block;

font-size: 4em;
line-height: 60%;
color: #000;
}
#logo-top span:nth-of-type(1):before {
content: "\e901";
}
#logo-top span:nth-of-type(2):before {
content: "\e902";
margin: 0 .05em;
color: #d71440;
}
#logo-top span:nth-of-type(3):before {
content: "\e903";
}
#logo-top span:nth-of-type(4):before {
content: "\e900";
padding-left: 3px;
}
.en #logo-top span:nth-of-type(1):before {
content: "\e904";
}
.en #logo-top span:nth-of-type(2):before {
content: "\e905";
}
.en #logo-top span:nth-of-type(3):before {
content: "\e900";
padding-left: 3px;
}

#langnav {
float: right;
line-height: 55px;
}
#langnav a {
display: inline-block;
margin-left: 15px;
font-size: 15px;
font-weight: 500;
color: #000;
text-transform: uppercase;
}
#langnav a:hover {
color: #09F;
}

/*** end header ***/


/*** front page ***/

.clearfix:after {
content: "";
display: table;
clear: both;
}
#hero {
display: flex;
background-color: #333;
}
.imgshell {
flex: 0 1 700px;
}
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-loading {
min-height: 50px;
background: url(img/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
.bx-wrapper img {
max-width: 100%;
float: left;
}
.slider {
position: relative;
margin: 0;
}
.slide {
position: relative;
}
.slide img {
width: 100%;
}
.textshell {
flex: 1 1 300px;
padding: 20px;
text-align: center;
color: #fff;
margin: auto;
}

#hero #intro h2 {
font-size: 3em;
line-height: 100%;
margin: 0;
}
#hero #intro h2:after {
content: "—";
display: block;
font-size: 28px;
line-height: 20px;
margin: .4em 0 .6em;
}

#hero #intro p {
margin: .4em 0;
font-size: 18px;
text-transform: uppercase;
}
#intro a {
color: #0CF;
}
#intro a:hover {
color: #fff;
}
.flexlining {
display: flex;
flex-flow: row nowrap;
}






.fp_selection {
padding: 40px 0;
min-height: 100px;
border-bottom: 1px solid #dadada;
}
.fp_selection#fp_popular {
border-bottom: none;
}
.fp_selection .section_title {
display: block;
margin-bottom: 10px;
font-size: 24px;
line-height: 30px;
}

.fp_selection .section_title a:before {
display: inline-block;
margin-right: 10px;
font-family: 'Icomoon' !important;
font-size: 30px;
vertical-align: bottom;
}

.fp_selection .fp_selection_items {
display: flex;
flex-flow: row nowrap;
}

.fp_selection .fp_selection_items div {
flex: 0 1 25%;
text-align: center;
background-color: #fff;
}







.fp_selection .fp_selection_items div img {
width: 100%;
}
.fp_selection .fp_selection_items div p {
margin: 0 5px;
}
.price-full {
text-decoration: line-through;
}
.price-sale {
font-size: 18px;
font-weight: 700;
}



.fp_selection#fp_sale .section_title a:before {
content: "\e928";
}
.fp_selection#fp_new .section_title a:before {
content: "\e927";
}
.fp_selection#fp_popular .section_title a:before {
content: "\e925";
font-size: 28px;
}









#shopwindow {
margin: 20px 0 0;
background-color: #f5f5f5;
padding: 20px;
}
#shopwindow h2 {
margin: 10px 20px 15px;
line-height: 100%;
}
#shopwindow .flexlining {
display: flex;
flex-flow: row wrap;
}
#shopwindow .flexlining div {
flex: 1 0 50%;
max-width: 50%;
background: #fff;
border: 10px solid transparent;
background-clip: padding-box;
}
#shopwindow img {
width: 100%;
}
#shopwindow p {
width: 100%;
margin: 0;
padding: 20px;
font-size: 20px;
font-weight: 500;
}
#shopwindow a {
color: #000;
}
#shopwindow a:hover {
color: #0099FF;
}

/*** end front page ***/




/*** footer ***/

#footer_block {
min-height: 100px;
border-left: 1px solid #ccc;
color: #666;
}
#footer_block h3 {
margin: 50px 0 1em 0;
font-family: 'Asap', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
}
#footer_block .flexlining div {
flex: 1 1 300px;
border-right: 1px solid #ccc;
padding: 0 20px;
}
#footer_block p {
margin: 0 0 .5em 0;
}
.do_business {
padding: 20px 0;
font-weight: 500;
background-color: #EEEEEE;
border-bottom: 1px solid #fff;
}
.do_business p {
margin: 0;
}
.do_business a {
color: #D71440;
}
.do_business a:hover {
color: #0099FF;
}
.wrapspan {
display: block;
}
p#logo-bottom {
margin: 0;
height: 50px;
}
#logo-bottom:before {
content: "\e900";
font-size: 50px;
display: inline-block;
line-height: 38px;
color: #D71440;
}
#footer_block a {
color: #666;
}
#footer_block a:hover {
color: #0099FF;
}
.social {
display: block;
padding-top: 10px;
}
#fb:before {
content: "\e91c";
font-size: 30px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
#pn:before {
content: "\e92c";
font-size: 30px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
#is:before {
content: "\e92a";
font-size: 30px;
display: inline-block;
vertical-align: middle;
}

/*** end footer ***/


/*** category ***/

.category_group {
margin-top: 60px;
border-left: 1px solid #fff;
}
.category_group .flexlining div {
flex: 1 1 25%;
background-color: #444;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
.category_group p {
margin: 0;
}
.category_group h2 {
padding-bottom: 10px;
border-bottom: 1px dotted #333;
}
.category_group h4 {
margin: 0;
padding: 10px;
text-align: center;
font-size: 18px;
font-weight: 500;
color: #fff;
}
.category_group h4.current_category {
color: #000;
background-color: #f5f5f5;
}
.category_group img,
.category #hero img {
width: 100%;
}
.category h2,
.product h2 {
margin-top: 0;
}
.category #hero {
display: block;
background-color: #444;
margin-bottom: 60px;
}
.category_blog {
padding: 2px;
background-color: #f5f5f5;
}
.category_blog .flexlining {
display: flex;
flex-flow: row wrap;
}
.category_blog .flexlining div {
flex: 0 1 25%;
position: relative;
border: 2px solid #f5f5f5;
}
.category_blog img {
width: 100%;
}
.category_blog p {
margin: 0;
}
.category_blog h2 {
margin: 0;
padding: 20px;
}
.category_blog h4 {
margin: 1px 0 0;
padding: 7px 5px;
text-align: center;
font-size: 16px;
font-weight: normal;
color: #fff;
background-color: #444;
}

/*** end category ***/


/*** product ***/

#product_display {
position: relative;
margin-top: 1em;
padding: 20px 18px 30px 20px;
background-color: #f5f5f5;
}
.product_emblem {
width: 60%;
position: relative;
}
.product_emblem p {
font-family: "Asap", sans-serif;
margin: 0;
padding: 20px 15px;
}
.textile_care {
padding: 0 15px;
font-family: 'Textile' !important;
font-size: 40px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.product_info {
width: 40%;
padding-left: 20px;
}
.product_emblem img {
width: 100%;
}
.product_info img {
width: 33.33%;
float: left;
border-right: 2px solid #f5f5f5;
border-bottom: 2px solid #f5f5f5;
}
.product_info p {
margin: 10px 0;
}
.product_info .label {
display: inline-block;
min-width: 74px;
}
.code {
}
.product_info p.price {
font-weight: 500;
font-size: 20px;
padding: 10px 0;
margin: 15px 0;
border-top: 1px dotted #444;
border-bottom: 1px dotted #444;
}
.discount .regular_price {
font-weight: 400;
color: #666;
text-decoration: line-through;
padding-right: 10px;
}
.regular_price:after,
.discount_price:after {
content: " kn"
}
.en .regular_price:after,
.en .discount_price:after {
content: " €"
}
.price .label {
font-weight: 400;
}
.price-table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
}
.price-table td {
padding: 10px 0;
vertical-align: top;
border-top: 1px dotted #444;
border-bottom: 1px dotted #444;
}
.price-table tr td:last-child {
text-align: right;
padding-left: 10px;
font-weight: 500;
}
input.product_qty {
display: inline-block;
max-width: 50px;
height: 31px;
padding: 5px;
text-align: center;
font: 400 14px 'Asap', sans-serif;
border: 1px solid #0099FF;
}
.gty-min {
display: inline-block;
margin-left: 20px;
}
.select-small,
.select-large {
display: inline-block;
max-width: 60px;
height: 33px;
padding: 5px;
font: 400 15px 'Asap', sans-serif;
border: 1px solid #0099FF;
}
.select-large {
max-width: 250px;
}
.select-large option {
padding: 5px;
border-bottom: 1px solid #0099FF;
}
/*a.size-icon {
display: inline-block;
margin-left: 20px;
content: "Veličine";
}
a.size-icon:before {
content: "\e916";
font-size: 30px;
line-height: 30px;
vertical-align: -25%;
}*/
.product_info p.note {
margin-top: 1.5em;
font-size: 15px;
}
.product_info p.add_product {
margin: 20px 0;
}
.add_product a {
display: block;
padding: 15px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #0099FF;
border: 1px solid #fff;
}
.add_product a:hover {
background-color: #79c409;
}
.product_info p.share {
margin-top: 25px;
}
.share a {
color: #666;
}
.share a:hover {
color: #0099FF;
}
.pagenav {
widtn: 100%;
margin-top: 20px;
padding: 0 20px;
}
.pagenav a {
display: block;
font-size: 30px;
}
.pagenav a.dead {
color: #ccc;
}
.pagenav a:hover {
}
#prev_page {
float: left;
}
#prev_page:before {
content: "\ea40";
}
#next_page {
float: right;
}
#next_page:after {
content: "\ea3c";
text-align: right;
}
.signaling {
position: absolute;
top: 30px;
right: 20px;
height: 30px;
}
.signaling .label {
display: block;
float: right;
font-size: 15px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
}
.infosignal {
display: block;
float: right;
font-size: 30px;
line-height: 30px;
padding-left: 6px;
}
#new:after {
content: "\e927";
color: #FF6600;
}
#unavailable:after {
content: "\e910";
font-size: 28px;
color: #FF9900;
}
#onsale:after {
content: "\e928";
color: #D71440;
}
#our_choice:after {
content: "\e925";
font-size: 26px;
color: #F000F0;
}
.description {
margin: -30px 0 40px;
font-size: 18px;
}

.category.group .category_group {
margin-top: 40px;
}
.category_blog .flexlining div .sale_percent,
.product_emblem .sale_percent {
position: absolute;
align-self: center;
top: 0;
right: 0;
padding: 10px;
font-size: 18px;
font-weight: 500;
color: #fff;
background-color: #D71440;
border: none;
}
.sale_percent:before {
content: "–";
}
.sale_percent:after {
content: "%";
}

/*** end product ***/



/*** Search results ***/

.search-string,
.hits-nr {
display: inline-block;
margin-right: 20px;
white-space: nowrap;
}
.button-link {
display: inline-block;
font-weight: 500;
white-space: nowrap;
}
.boxed {
position: relative;
margin: 2em 0;
padding: 20px;
background-color: #f5f5f5;
}
.searchresults li {
margin-bottom: 1em;
}
b, strong, .searchresults b {
font-weight: 500;
}

/*** end Search results ***/




/*** Pagination ***/

.pagination {
list-style: none;
margin-top: 3em;
padding: 15px;
background-color: #f5f5f5;
}
.pagination ul {
margin: 0;
padding: 0;
list-style: none;
}
.pagination li {
display: block;
float: left;
margin: 5px;
padding: 0 10px;
min-width: 40px;
height: 36px;
text-align: center;
font-weight: 500;
line-height: 36px;
background-color: #666;
border-radius: 3px;
}
.pagination li:hover {
background-color: #09F;
}
.pagination li.current {
color: #000;
background-color: #dadada;
}
.pagination li.current a {
color: #000;
}
.pagination li a {
color: #fff;
}
.prev:before {
content: "\ea40";
}
.next:before {
content: "\ea3c";
}

/*** end Pagination ***/



.lining {
width: 72%;
}
.jumpmenu {
float: right;
margin-left: 4%;
width: 25%;
padding: 30px 20px;
background-color: #f5f5f5;
white-space: nowrap;
}
.jumpmenu h3 {
margin: 0;
padding: 30px 0 10px;
font-family: 'Asap', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 500;
color: #F49300;
text-transform: uppercase;
border-bottom: 1px dotted #999;
}
.jumpmenu h3:first-child {
padding: 0 0 10px;
}
.jumpmenu a {
display: block;
padding: 10px 0;
color: #000;
border-bottom: 1px dotted #999;
}
.jumpmenu a:hover {
color: #09F;
}
.form-container {
padding: 20px;
background-color: #f5f5f5;
margin: 1em 0 2em;
}
.readonly {
background-color: #f5f5f5;
}
.bottomspace {
margin-bottom: 3em;
}
.form-container label {
display: block;
padding: 0 0 5px;
}
.form-container input, .form-container select {
width: 100%;
padding: 10px;
font: 400 16px 'Asap', sans-serif;
border: 1px solid #0099FF;
}
.flex-container {
display: flex;
flex-flow: row wrap;
}
.flex-container.third div {
flex: 0 1 33.33%;
padding: 10px;
min-width: 250px;
}
.form-container .cartbuttons {
margin-bottom: 0;
}

.product_info p.added-message {
margin: 20px 0 0;
font-size: 14px;
font-weight: 500;
}
.added-message span:before {
content: "\e90e";
font-size: 16px;
color: #090;
vertical-align: bottom;
padding-right: 5px;
}


/*** Pop-ups ***/

figure {
margin: 0;
}
.fill-in h4,
#sizechart h4,
.checkoutmenu h4 {
margin: 0 0 30px;
padding-bottom: 10px;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
color: #fff;
border-bottom: 1px solid #999;
}
#sizechart {
position: relative;
max-width: 90%;
margin: auto;
padding: 40px 0;
}


body.sizes {
background-color: #444;
}
.size-table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
}
.size-table td,
.size-table th {
padding: 10px;
vertical-align: top;
border: 1px solid #000;
}
.size-table th {
text-align: left;
color: #fff;
background-color: #000;
border: 1px solid #fff;
}
.size-table.eurolead th:first-child {
background-color: #C00;
}
.size-table.eurolead tr td:first-child {
background-color: #f5f5f5;
}



#login-b2b.pop_menu h4 {
margin: 0 0 15px;
}
.fill-in {
position: relative;
max-width: 340px;
margin: auto;
padding: 40px 0;
text-align: center;
color: #fff;
}
.fill-in input, .fill-in select {
width: 100%;
min-width: 240px;
padding: 10px;
margin-top: .5em;
font: 400 16px 'Asap', sans-serif;
border: 2px solid #0099FF;
}
.fill-in input#SubmitSearch {
font-size: 24px;
} 
.fill-in input:focus {
border-color: #FC0;
}
.fill-in p {
position: relative;
}
.mandatory {
display: block;
position: absolute;
right: 0;
top: 3px;
font-size: 1.5em;
font-weight: 700;
}
.button.submit {
font-size: 24px;
color: #fff;
/*padding: 10px;*/
background-color: #0099FF;
border: none;
}
.button.submit:hover,
.button.submit:focus {
cursor: pointer;
background-color: #79C409;
}
.smallprint {
display: block;
padding-top: 8px;
font-size: 14px;
}
.popup-note {
}
.popup-note a {
color: #fff;
opacity: .65;
}
.popup-note a:hover {
opacity: 1;
}
#alert h4:before {
content: "\e60c";
font-size: 40px;
line-height: 40px;
color: #FFDC51;
}

#notification h4:before {
content: "\e914";
font-size: 40px;
line-height: 40px;
color: #FFDC51;
}
.checkoutmenu.fill-in {
min-width: 600px;
margin: 0 auto;
}
.checkoutmenu h4 {
font-size: 14px;
padding-bottom: 15px;
margin: 0 0 20px;
}
.payment-menu {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.payment-menu div {
flex: 0 1 160px;
text-align: center;
color: #fff;
margin: 20px;
}
.payment-menu a {
position: relative;
display: block;
min-height: 160px;
padding: 30px 20px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
background-color: #09F;
}
.payment-menu a:hover,
.payment-menu a:focus {
background-color: #79C409;
}
.payment-menu a:before,
.payment-menu a:after {
display: block;
padding-bottom: 5px;
font-family: "Icomoon" !important;
font-weight: normal;
font-size: 40px;
line-height: 40px;
text-align: center;
opacity: .65;
}
.payment-menu a:after {
content: "\e906";
font-size: 20px;
line-height: 20px;
width: 100%;
position: absolute;
bottom: 10px;
left: 0;
}
.payment-menu a:hover:after,
.payment-menu a:focus:after {
opacity: 1;
}
a.buy1:before {
content: "\e253";
}
a.buy2:before {
content: "\e254";
}
a.buy3:before {
content: "\e255";
}
a.pay1:before {
content: "\e922";
}
a.pay2:before {
content: "\f003";
font-size: 36px;
}
a.pay3:before {
content: "\e909";
font-size: 36px;
}

/* Product added to cart */

#product-added-message {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
padding: 20px;
text-align: center;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
background-color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #F90;
z-index: 300;
}
#product-added-message span:before {
content: "\e914";
font-size: 20px;
color: #F90;
vertical-align: middle;
padding-right: 5px;
}

/*** end Pop-ups ***/




/**** CSS table ****/

.table {
display: table;
width: 100%;
border-collapse: collapse;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
vertical-align: top;
}

/**** end CSS table ****/




/**** cart ****/

.shoppingcart h1 {
padding: 0;
}
.itemlist .table-cell,
.summary .table-cell {
border: 1px solid #ccc;
padding: 10px;
text-align: right;
vertical-align: middle;
}
.summary .table-cell:first-child {
text-align: left;
}
a.productlink:before {
content: "\e914";
font-size: 20px;
color: #F90;
vertical-align: middle;
padding-right: 5px;
}
a.productlink:hover:before {
color: #09F;
}
.table.summary {
width: auto;
margin: 2em 0;
}
.table-cell.th {
font-weight: 500;
text-align: center;
color: #fff;
background-color: #444;
border-right: 1px solid #fff;
}
.table-cell.th:last-child {
border-right: 1px solid #ccc;
}
.table-cell.qty {
text-align: center;
}
.table-cell.qty input {
width: 80%;
padding: 5px;
text-align: center;
font: 400 15px/15px 'Asap', sans-serif;
border: 1px solid #0099FF;
}
.table-cell.itemname, .table-cell.ordervalue {
text-align: left;
}
.itemlist .table-cell.remove,
.itemlist .table-cell.date {
text-align: center;
}
.remove a:before {
content: "×";
font-size: 30px;
line-height: 100%;
color: #D71440;
padding: 0 10px;
}
.remove a:hover:before {
color: #0099FF;
}
.order_sum {
font-weight: 500;
background-color: #f5f5f5;
}
.delivery {
margin: 1em 0;
padding: 10px 20px;
background-color: #f5f5f5;
}
.inlineimage img {
display: inline;
}
.cartbuttons {
margin: 2em 0;
}
a.cartbutton {
display: inline-block;
padding: 12px 17px 12px 15px;
margin: 0 1px 5px 0;
min-width: 201px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
background-color: #0099FF;
}
a.cartbutton:hover {
background-color: #79C409;
}
a.cartbutton span:before {
float: left;
display: inline-block;
padding-right: 8px;
font-size: 20px;
}
#empty_cart span:before {
content: "\e929";
font-size: 22px;
}
#refresh_qty span:before,
#refresh_sum span:before {
content: "\e924";
}
#cancel_order span:before,
#cancel_changes span:before {
content: "\e923";
}
#continue span:before {
content: "\e911";
font-size: 22px;
}
#check_out span:before {
content: "\e2ad";
font-size: 22px;
}
#save_changes span:before {
content: "\e90e";
font-size: 22px;
}
.cartempty {
margin: 3em 0;
}
.cart_options {
margin: 1em 0;
}
.cart_options p {
margin: .5em 0;
}
.cart_options h4 {
margin: 1em 0;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
}
.cart_options .floatcol {
float: left;
}
.cart_options .floatcol:first-child {
padding-right: 40px;
}
 
/**** end cart ****/



/******* to top *******/
.fixed {
display: none;
width: 30px;
position: fixed;
bottom: 15px;
right: 20px;
z-index: 200;
}
a#to_top {
display: block;
width: 30px;
text-align: center;
color: #0081D7;
}
a#to_top:hover {
color: #D71440;
}
a#to_top:before {
content: "\e90d";
font-size: 30px;
line-height: 20px;
}
/******* end to top *******/





















/******* MEDIA QUERIES *******/


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

/*body.faux_popup {
background-size: 60%;
}*/
.innerwidth {
padding: 0;
}
.lining {
padding: 0 20px;
}
h1,
header .innerwidth,
.checkout.innerwidth {
padding: 0 20px;
}
.category_group {
margin: 40px 20px 0;
}

#footer_block {
border-left: none;
}
#footer_block .flexlining div:last-child {
border-right: none;
}
.description {
margin: -30px 20px 40px;
}
.do_business p {
margin: 0 20px;
}
.jumpmenu {
margin-right: 20px;
}
.textile_care {
padding: 0 15px 20px;
}
.fp_selection .section_title {
padding: 0 20px;
}


}






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

.flex-container.third div {
flex: 0 1 50%;
}

}






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


.b2blinks a {
padding: 0;
}
#topnav .userlinks a {
padding: 0;
}
.login-icon:before,
.register-icon:before,
.edit-account-icon:before,
.edit-link:before,

.en .login-icon:before,
.en .register-icon:before,
.en .edit-account-icon:before,
.en .edit-link:before {
display: block;
padding-right: 0;
width: 54px;
}
a#login-link:after,
a#register-link:after,
a#view_cart:after, 
a#logout-link:after,
a.edit-link:after,

.en a#login-link:after,
.en a#register-link:after,
.en a#view_cart:after, 
.en a#logout-link:after,
.en  a.edit-link:after {
content: "";
}
#topnav .b2blinks a#logout-link,
#topnav .b2blinks a#account-b2b {
margin: 0;
}
#topnav .b2blinks a#account-b2b {
border-left: 1px solid #dadada;
}
.login-icon:before {
content: "\e253";
font-size: 24px;
}
.register-icon:before {
content: "\e254";
font-size: 24px;
}
.edit-account-icon:before {
content: "\e912";
font-size: 22px;
}
.userlinks .edit-account-icon:before {
display: block;
width: 54px;
}




.fp_selection .flexlining {
flex-flow: column nowrap;
}
/*.fp_selection .fp_selection_items {
width: 100%;
}
.fp_selection .fp_label {
width: 100%;
min-height: 60px;
}*/

/*#sizechart {
overflow: auto;
max-width: 100%;
padding: 0 1px;
}*/


}







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

header {
padding: 100px 0 0;
}
.product-added-message {
top: 100px;
}
main {
padding: 10px 0 40px;
}
.category_group .flexlining {
flex-flow: row wrap;
}
.category_blog .flexlining div,
.category_group .flexlining div {
flex: 0 1 33.33%;
/*max-width: 300px;*/
}
.category_group h2 {
margin: 1.5em 0 0;
}
.category_group h4 {
font-size: 16px;
padding: 5px;
}
#product_display .table,
#product_display .table-cell {
display: block;
width: auto;
}
.product_info {
padding-left: 0;
}
.lining {
width: auto;
}
.jumpmenu {
display: none;
}


}


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

body.faux_popup {
background-size: 80%;
}

.home #hero {
display: block;
}

#hero #intro h2 {
font-size: 2.75em;
}

#shopwindow {
padding: 20px 10px;
}
footer {
padding: 10px 0 50px 0;
}
footer .flexlining {
display: flex;
flex-flow: column nowrap;
}
#footer_block .flexlining div {
flex: 1 1 auto;
border-right: 1px solid #ccc;
padding: 20px;
border-bottom: 1px dotted #999;
}
#footer_block p {
float: left;
margin: 0;
padding: 5px 10px;
}

#footer_block p#logo-bottom {
float: none;
}
#footer_block h3 {
margin: 0;
padding: 5px 10px;
color: #333;
}
.social {
float: right;
padding: 0 0 0 10px;
margin-top: -5px;
}
.wrapspan {
display: inline;
}

.fp_selection .fp_selection_items {
flex-flow: row wrap;
}
.fp_selection .fp_selection_items div {
flex: 0 1 50%;
padding-bottom: 20px;
}
/*.fp_selection#fp_sale .fp_selection_items div {
border-bottom: 1px solid #d71440;
}
.fp_selection#fp_new .fp_selection_items div {
border-bottom: 1px solid #ff6600;
}
.fp_selection#fp_popular .fp_selection_items div {
border-bottom: 1px solid #EB67C7;
}*/

.search-string {
display: block;
margin-bottom: 10px;
white-space: normal;
}

}






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


/*** checkout ***/

.table.itemlist,
.table.itemlist .table-row,
.table.itemlist .table-cell {
display: block;
width: auto;
}
.checkout .row {
display: block;
}
.table.itemlist .table-row:after,
.table.summary:after {
content: " ";
display: block;
height: 10px;
clear: both;
}
.table.itemlist .table-row:nth-of-type(1) {
display: none;
}

.itemlist .table-cell {
padding: 0;
text-align: left;
background-color: #f5f5f5;
border: none;
border-bottom: 1px solid #ccc;
}
.itemlist .table-cell span {
display: block;
padding: 10px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.itemlist .table-cell.number {
padding: 8px 10px;
min-height: 0;
font-weight: 500;
color: #fff;
background-color: #444;
border: 1px solid #444;
border-bottom: none;
}
.itemlist .table-cell.itemname {
border-top: 1px solid #ccc;
}
.itemlist .table-cell span:before {
font-weight: 500;
}
.itemlist .table-cell.itemname span:before {
content: "Proizvod: ";
}
.en .itemlist .table-cell.itemname span:before {
content: "Product: ";
}
.itemlist .table-cell.value span:before {
content: "Cijena u HRK: ";
}
.en .itemlist .table-cell.value span:before {
content: "Price in EUR: ";
}
.itemlist .table-cell.value.sum span:before {
content: "Ukupno HRK: ";
}
.en .itemlist .table-cell.value.sum span:before {
content: "Total EUR: ";
}
.itemlist .table-cell.qty span:before {
content: "Količina: ";
}
.en .itemlist .table-cell.qty span:before {
content: "Quantity: ";
}
.itemlist .table-cell.remove span:before {
content: "Ukloni: ";
line-height: 21px;
font-weight: 400;
}
.en .itemlist .table-cell.remove span:before {
content: "Remove: ";
line-height: 21px;
font-weight: 400;
}
.itemlist .table-cell.date span:before {
content: "Datum: ";
}
.en .itemlist .table-cell.date span:before {
content: "Datum: ";
}



.itemlist .qty input {
width: auto;
margin-left: 5px;
}
.itemlist .table-cell.remove {
text-align: left;
line-height: 20px;
}
.remove a:before {
line-height: 20px;
vertical-align: text-bottom;
}
a.productlink:before {
padding: 0 5px;
}

.table.summary {
width: 100%;
}
.summary .table-cell {
vertical-align: top;
}
.summary .table-cell:first-child {
text-align: left;
}
.summary .table-cell:last-child {
white-space: nowrap;
}
a.cartbutton {
display: block;
text-align: right;
margin-bottom: 20px;
height: auto;
}
a.cartbutton span:before {
float: left;
display: inline-block;
padding-right: 8px;
font-size: 20px;
}

/*** end checkout ***/

/*#shopwindow .flexlining {
justify-content: center;
}*/
#shopwindow h2 {
text-align: center;
}


}







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

.category_group .flexlining div,
.category_blog .flexlining div {
flex: 0 1 50%;
/*max-width: 300px;*/
}
.flex-container.third div {
flex: 0 1 100%;
}
#shopwindow .flexlining div {
flex: 1 0 100%;
max-width: 100%;
}

}








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

.fp_selection .fp_selection_items div {
flex: 1 1 100%;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.7em;
}

#register-link,
nav.item a span.view_cart_icon {
display: none;
}
.mfp-content {
padding: 0 10px;
}
.cart_options h4 {
margin: 1em 0;
}
.cart_options .floatcol {
float: none;
}
a#logo-top {
display: block;
text-align: center;
padding-bottom: 10px;
}
#langnav {
float: none;
text-align: center;
line-height: normal;
margin-bottom: 1em;
}
#langnav.home {
margin: 1em 0 0;
}
#langnav a {
color: #999;
margin: 0 8px;
}
.category_group .flexlining,
.category_blog .flexlining {
justify-content: center;
}
.category_group .flexlining div,
.category_blog .flexlining div {
flex: 0 1 100%;
max-width: 400px;
}
h1, h2 {
text-align: center;
}
.product_emblem {
margin: 0 -18px;
}
#product_display h2 {
margin-bottom: .5em;
}
.signaling {
position: static;
height: auto;
margin: .5em 0;
text-align: center;
line-height: 30px;
}
.infosignal {
display: inline-block;
float: none;
height: 30px;
}
.signaling .label {
display: inline-block;
float: none;
padding: 0 0 0 5px;
height: 30px;
vertical-align: top;
}


}



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

.lining {
padding: 0 10px;
}
.payment-menu div {
flex: 0 1 140px;
margin: 10px;
}
.payment-menu a {
min-height: 140px;
padding: 20px;
}
.payment-menu a:after {
font-size: 16px;
line-height: 16px;
bottom: 5px;
}

}





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

.home a#logo-top {
font-size: 4em;
}
a#logo-top {
font-size: 3.5em;
}
h1 {
font-size: 2.25em;
} 
h2 {
font-size: 1.8em;
} 
.fp_selection_items div {
padding: 15px 0;
}
.textile_care {
font-size: 30px;
}

}