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, 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; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

a { outline: none; text-decoration: none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; color: #dc2b19; cursor: pointer; }

.clearfloat:before, .clearfloat:after { content: ""; display: table; }
.clearfloat:after { clear: both; }
.clearfloat { *zoom: 1; }

img { max-width: 100%; height: auto; display: inline-block; border: none; vertical-align: middle; -ms-interpolation-mode: bicubic; }

textarea { height: auto; min-height: 50px; -webkit-resize: none; -moz-resize: none; resize: none; }

select { width: 100%; }

p, ul, ol, section, article, div { font-size: 17px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', Arial; color: #000; text-transform: uppercase; }

h1 { font-size: 24px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Source Sans Pro', Arial; color: #000; font-weight: bold; padding: 0; margin: 0; }
.h1 { font-size: 24px; }
.h2 { font-size: 24px; }
.h3 { font-size: 22px; }
.h4 { font-size: 20px; }
.h5 { font-size: 18px; }
.h6 { font-size: 16px; }

body { background-color: #ffffff; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 100%; color: #484848; }

.wrapper { max-width: 1400px; margin: 0 auto; }

/*-------------- header ---------------*/
.header1 { position: relative; padding: 10px 0px 8px; /*border-top: 5px solid #fefea8;*/ background: #fff; }
.header1:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 3px; /*background: #dc2b19; */}
.header2 { position: relative; padding: 10px 0px 8px; border-top: 60px solid #ffffff; background: #fff; }
.header2:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 3px; /*background: #dc2b19; */}
.header3 { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; padding: 5px; font-family: 'Source Sans Pro', Arial; color: #dc2b19; z-index: 99999; text-align: center; }
.header3 table { display: inline-block; border-collapse: collapse; }
.header3 table td { border: 0px; font-family: 'Source Sans Pro', Arial; font-size: 16px; color: #ffffff; background: transparent; }
.header3chasa { border-radius: 4px; border: 0px; font-family: 'Source Sans Pro', Arial; font-size: 16px; color: #dc2b19; background: #eeeeee; padding: 0px 4px 2px 4px; margin: 1px; }
.headerclose { position: fixed; top: 0px; right: 0px; width: 28px; height: 28px; padding: 0; margin: 0; cursor: pointer; z-index: 999999; }
.header-right { float: right; }

/*-------------- logo ---------------*/
.logo { float: left; position: relative; z-index: 2; margin-top: 10px; }
.logo strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; }
.logo .mobile-logo { display: none; }

/*--------------- search -----------------*/
.search-form { float: left; margin-left: 10%; margin-top: 6px; position: relative; z-index: 10; }
.search-wrap { width: 530px; background: #ffffff; border: 1px solid #dcdcdc; height: 44px; }
.search-input { float: left; background: none; width: 75%; border: 0px; color: #000; font-size: 16px; padding: 0px 17px; line-height: 44px; font-family: 'Source Sans Pro', Arial; outline: none; }
.search-wrap .search-bar { width: 0; height: 2px; background-color: #e60000; opacity: 0; display: block; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all; position: absolute; z-index: 2; bottom: 0; left: 0px; }
.search-wrap input[type="text"]:focus + .search-bar { width: 100%; opacity: 1; }
.search-submit { display: block; float: right; line-height: 44px; font-size: 20px; color: #dc2b19; width: 48px; text-align: center; }
.search-submit:hover { background: #dc2b19; color: #ffffff; }
.search-icon { display: none; float: left; font-size: 22px; color: #dc2b19; margin-right: 10px; margin-top: 9px; cursor: pointer; }
.search-wrap .fluid-menu { visibility: visible; top: 100%; opacity: 1; }
.search-wrap .fluid-menu-products ul li a { width: 100%; }
.search-wrap .fluid-menu-products .little-image { max-width: 65px; }
.search-wrap .fluid-menu-products .little-title { font-size: 15px; max-width: 60%; }
.search-wrap .fluid-menu-products .little-price { font-size: 17px; }

/*--------------- suggestions -----------------*/
.suggestions { padding: 10px; }
.suggestions a { display: inline-block; color: #333; border: 1px solid #E6E6E6; padding: 5px 10px; font-size: 13px; margin: 2px 1px; }
.suggestions a em { color: #aaa; font-size: 12px; transition: 0.4s ease all; -moz-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; }
.suggestions a:hover, .suggestions a.suggestion-current { background: #dc2b19; color: #fff; }
.suggestions a:hover em, .suggestions a.suggestion-current em { color: #fff; }

/*--------------- responsive search -----------------*/
.responsive-search { display: none; position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; z-index: 2000; padding: 30px 20px; border-top: 8px solid #FEFEA8; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.responsive-search .search-form { display: block; margin-left: 0px; float: none; }
.responsive-search .search-wrap { width: 100%; height: 46px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.responsive-search .search-input { width: 90%; }
.responsive-search .popupfoot { top: 5px; right: 10px; }
.responsive-search .close { font-size: 15px; }

/*-------------- languages ---------------*/
.languages { float: right; margin-right: 25px; margin-top: 7px; }
.languages ul { margin: 0px; padding: 0px; list-style-type: none; }
.languages ul li { position: relative; }
.languages > ul > li { height: 42px; padding-right: 18px; line-height: 42px; cursor: pointer; }
.languages > ul > li:after { content: '\f0d7'; font-size: 16px; color: #818181; font-family: 'FontAwesome'; position: absolute; top: 0px; right: 0px; }
.languages ul li a { display: block; color: #9b9b9b; font-size: 14px; padding-left: 10px; }

/*---- languages submenu ----*/
.languages ul li ul { top: 120%; right: 0; opacity: 0; }
.languages ul li ul { min-width: 100px; visibility: hidden; position: absolute; text-align: left; z-index: 9999; background: #fff; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); }
.languages ul li ul li { border-top: 1px solid #F6F6F6; }
.languages ul li ul li a { line-height: 34px; padding-right: 10px; white-space: nowrap; }
.languages ul li:hover > ul { visibility: visible; top: 100%; opacity: 1; }
.languages ul li ul li a:hover { color: #dc2b19; }

/*-------------- log in ---------------*/
.login { float: left; margin-top: 14px; margin-right: 20px; position: relative; padding-bottom: 8px; }
.login > a { display: inline-block; color: #dc2b19; font-size: 24px; }
.login:hover .fluid-menu { visibility: visible; top: 100%; opacity: 1; }
.login .fluid-menu ul li:last-child a { background: #f9e1df; color: #dc2b19; }
.login .fluid-menu .fluid-title { font-size: 14px; color: #dc2b19; padding: 8px 10px; text-align: center; }

/*---- fluid menu ----*/
.fluid-menu { top: 120%; right: 0; opacity: 0; min-width: 100%; visibility: hidden; position: absolute; text-align: left; z-index: 9999; background: #fff; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); }
.fluid-menu ul { margin: 0px; padding: 0px; list-style-type: none; }
.fluid-menu ul li { position: relative; border-top: 1px solid #F6F6F6; }
.fluid-menu ul li a { line-height: 34px; display: block; color: #9b9b9b; font-size: 14px; padding-left: 10px; padding-right: 10px; white-space: nowrap; }
.fluid-menu ul li a:hover { color: #dc2b19; }
.fluid-menu ul li a i { margin-right: 7px; color: #dc2b19; }
.fluid-menu-products ul li a { line-height: normal; width: 284px; display: block; color: #888; font-size: 14px; padding: 8px 10px; position: relative; white-space: normal; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.fluid-menu-products ul li a:after { content: ''; display: table; clear: both; }
.fluid-title { font-size: 14px; color: #dc2b19; padding: 8px 10px; }
.fl-prod { float: left; width: 174px; font-size: 14px; }
.fl-qty { float: left; width: 20px; font-size: 14px; }
.fl-price { float: right; width: 70px; font-size: 14px; text-align: right; }
.fl-tab { display: block; float: left; margin-right: 13px; font-size: 15px; color: #333; position: relative; cursor: pointer; }
.tab-click { color: #dc2b19; }
.tab-click:after { content: ''; position: absolute; bottom: -8px; left: 0px; width: 100%; height: 2px; background: #dc2b19; }
.little-image { float: left; max-width: 45px; margin-right: 7px; border: 1px solid #f9e1df; }
.little-title { float: left; max-width: 140px; font-size: 13px; }
.pr-in-basket .little-title { max-width: 120px; }
.little-qty { float: left; max-width: 20px; font-size: 13px; color: #000; }
.little-price { max-width: 70px; float: right; font-size: 15px; font-weight: bold; color: #dc2b19; text-align: left; line-height: 1.5; }
.little-price .old-price { font-weight: normal; font-size: 13px; display: block; }
.fluid-menu-bottom { background: #f9e1df; color: #dc2b19; }
.bottom-pad { padding: 10px; font-size: 14px; }
.bottom-pad .btnk { display: inline-block; width: 100%; max-height: 30px; background: #48c231; text-align: center; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
.bottom-pad .btnk:hover { background: #28a211; }
.fluid-menu-bottom i { margin-right: 7px; }
.fluid-menu-bottom .btn { display: block; font-size: 14px; font-weight: normal; height: 34px; margin-top: 0px; }
.all-sum { background: #fff; padding: 8px 10px; border-top: 1px solid #F6F6F6; border-bottom: 1px solid #e5c3c0; }
.all-sum-total { float: left; width: 54px; font-size: 14px; color: #333; font-weight: bold; text-transform: uppercase; }
.all-sum-qty { float: left; max-width: 124px; font-size: 14px; color: #888; }
.all-sum-price { float: right; width: 70px; font-size: 16px; text-align: left; color: #333; font-weight: bold; line-height: 1.5; }
.delete-pr { display: none; position: absolute; bottom: 5px; right: 10px; font-size: 13px; color: #333; z-index: 5; }
.delete-pr i { margin-right: 0px !important; margin-left: 5px; }
.pr-in-basket ul li a:hover .delete-pr { display: block; }

/*------------------------- fav icon ---------------------------*/
.fav { float: left; margin-top: 14px; margin-right: 20px; padding-bottom: 8px; position: relative; }
.fav > a { display: inline-block; color: #dc2b19; font-size: 22px; }
.fav:hover .fluid-menu { visibility: visible; top: 100%; opacity: 1; }
.fav-num { position: absolute; top: -6px; right: -13px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid #dcdcdc; text-align: center; font-size: 12px; color: #333; font-weight: bold; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

/*-------------- shopping cart ---------------*/
.cart { float: left; margin-top: 4px; position: relative; }
.cart > a { display: block; position: relative; padding-left: 35px; }
.cart > a:before { content: '\f07a'; font-family: 'FontAwesome'; color: #dc2b19; position: absolute; top: 10px; left: 0px; font-size: 26px; }
.cart > a span { display: block; width: 42px; height: 42px; border: 1px solid #dcdcdc; font-size: 18px; color: #000; text-align: center; line-height: 42px; border-radius: 50%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.cart > a:hover span { background: #F6F6F6; }
.cart:hover .fluid-menu { visibility: visible; top: 100%; opacity: 1; }
.cart-full { position: relative; }
.cart-full > a span { background: #fefea8; }

/*----------------------- footer ------------------------*/
footer { margin-top: 30px; }
.footer-top { height: 58px; background: #f2f1f0; border-bottom: 3px solid #dc2b19; margin-bottom: 25px; }
.rights { float: left; font-size: 14px; color: #afafaf; line-height: 60px; }
.footer-menu { float: left; margin-bottom: 40px; margin-right: 8%; }
.footer-menu h4 { margin-bottom: 13px; font-size: 20px; }
.footer-menu ul { float: left; margin: 0px; margin-right: 65px; padding: 0px; list-style-type: none; }
.footer-menu ul li { line-height: 24px; }
.footer-menu ul li a { display: block; font-size: 15px; color: #878787; }
.footer-menu ul li a:hover { color: #000; }
.follow { float: left; margin-bottom: 40px; }
.follow h4 { margin-bottom: 13px; font-size: 20px; }
.follow ul { float: left; margin: 0px; margin-right: 65px; padding: 0px; list-style-type: none; }
.follow ul li { line-height: 24px; margin-bottom: 6px; }
.follow ul li a { display: block; font-size: 15px; color: #878787; }
.follow ul li a:hover { color: #000; }
.follow ul li a img { margin-right: 8px; }

/*----------------------- subscribe ------------------------*/
.subscribe { padding: 15px 0 40px; margin-bottom: 50px; border-bottom: 1px solid #e6e6e6; background: #fff; position: relative; }
.subscribe h3 { text-transform: none; float: left; width: 30%; padding-right: 24px; line-height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.subs-input { float: left; width: 50%; height: 50px; background: #f2f2f2; border: 0px; color: #878787; font-size: 16px; font-family: 'Source Sans Pro', Arial; outline: none; padding: 0px 20px; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.subs-txt { float: left; width: 80%; height: 80px; background: #f2f2f2; border: 0px; color: #878787; font-size: 16px; font-family: 'Source Sans Pro', Arial; outline: none; padding: 0px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.subs-inpt { float: left; width: 80%; height: 50px; background: #f2f2f2; border: 0px; color: #878787; font-size: 16px; font-family: 'Source Sans Pro', Arial; outline: none; padding: 0px 20px; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.subs-btn { display: block; float: right; background: #dc2b19; color: #fff; font-size: 18px; font-weight: bold; text-align: center; padding: 0px 20px; width: 17%; height: 50px; line-height: 50px; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }
.subs-btn:hover { background: #000; }

/*--------------- arrow for page top -----------------*/
.page-top { visibility: visible; opacity: 1; position: fixed; bottom: 40px; right: 4%; display: block; width: 50px; height: 50px; background: #fff; border: 1px solid #dc2b19; border-radius: 50%; color: #000; text-align: center; font-size: 16px; line-height: 49px; z-index: 100; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); }
.page-top:hover, .page-down:hover { background: #000; border: 1px solid #000; color: #fff; }
.page-down { visibility: visible; opacity: 1; position: fixed; bottom: 40px; right: 4%; display: block; width: 50px; height: 50px; background: #fff; border: 1px solid #dc2b19; border-radius: 50%; color: #000; text-align: center; font-size: 16px; line-height: 49px; z-index: 100; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); }

/*------------------------- content inside -------------------------*/
.main-part { float: left; width: 77%; margin-bottom: 20px; }
.left-part { float: left; width: 20%; margin-right: 3%; }

/*--------------------------- breadcrumb -------------------------*/
.breadcrumb { color: #404040; font-size: 15px; margin-top: 18px; margin-bottom: 25px; }
.breadcrumb a { color: #404040;  }
.breadcrumb a:hover { color: #ff1700; text-decoration: underline; }

/*---------------- biskviti --------------------*/
#popup-biscuits { background-color: rgba(127,127,127,0.80); width: 100%; padding: 5px 0px; position: fixed; bottom: 0px; left: 0px; z-index: 10000; visibility: visible; opacity: 1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.biscuits-text { float: left; color: #fff; font-size: 15px; line-height: 30px; }
.biscuits-btn { display: block; float: right; height: 26px; background: #48c231; text-align: center; position: relative; font-size: 15px; text-transform: uppercase; color: #fff; line-height: 26px; margin-top: 5px; padding: 0 20px; font-weight: bold; }

/* button styles */
.responsive-menu-btn { display: none; float: left; cursor: pointer; position: relative; z-index: 3; margin-top: 10px; }

/* about hamburger menu */
.icon-navicon { width: 23px; height: 3px; background-color: #808080; display: inline-block; position: relative; -webkit-transition: background-color 0.1s; -moz-transition: background-color 0.1s; transition: background-color 0.1s; top: -4px; }
.icon-navicon:before { content: ''; width: 23px; height: 3px; background-color: #808080; display: inline-block; position: absolute; top: -7px; left: 0; }
.icon-navicon:after { content: ''; width: 23px; height: 3px; background-color: #808080; display: inline-block; position: absolute; top: 7px; left: 0; }
.icon-navicon:after, .icon-navicon:before { -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; transition: transform 0.2s; }
.active .icon-navicon { background-color: transparent; }
.active .icon-navicon:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; }
.active .icon-navicon:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }


@media only screen and (max-width: 1480px) {
.wrapper { max-width: 1200px; }
.search-wrap { width: 370px; }
.search-wrap .fluid-menu-products .little-title { max-width: 57%; }
.footer-menu { margin-right: 5%; }
.subscribe h3 { width: 35%; }
.subs-input { width: 45%; }
}
@media only screen and (max-width: 1279px) {
.wrapper { max-width: 990px; }
.logo { width: 330px; }
.search-form { margin-left: 5%; }
/*.languages,*/
.login { margin-right: 20px; }
.search-wrap { width: 315px; }
.search-input { width: 73%; }
.search-wrap .fluid-menu-products .little-title { max-width: 50%; }
.footer-menu ul { margin-right: 45px; }
.footer-menu { margin-right: 0px; }
.subscribe h3 { font-size: 20px; width: 38%; }
.subs-input { width: 42%; }
.main-part .title { margin-bottom: 15px; }
}
@media only screen and (max-width: 990px) {
.wrapper { padding: 0 2px; }
.header1 { padding: 10px 0px; /*border-top: 5px solid #FEFEA8; */}
.header2 { padding: 10px 0px; /* border-top: 80px solid #FEFEA8;*/ }
.header-right { position: relative; z-index: 3; }
.logo { width: 300px; margin-left: 30px; }
.search-form { display: none; }
.search-icon { display: block; }
.languages { margin-top: 9px; }
.login { margin-top: 9px; }
.fav { margin-top: 11px; }
.cart { margin-top: 0px; }
.footer-menu { float: none; margin-bottom: 35px; }
.footer-menu ul { margin-right: 90px; }
.subscribe h3 { float: none; width: auto; text-align: center; line-height: normal; font-size: 24px; margin-bottom: 15px; padding-right: 0px; }
.subscribe { margin-bottom: 30px; }
.subs-btn { width: 25%; }
.subs-input { width: 72%; }
.subs-txt { width: 72%; }
.subs-inpt { width: 72%; }
.page-top { bottom: 25px; right: 3%; }
.left-part { display: none; }
.main-part { float: none; width: auto; }
.breadcrumb { margin-bottom: 18px; }
.biscuits-text { font-size: 18px; }
.scrolling-header .responsive-menu-btn { margin-top: 12px; margin-right: 25px; }
.responsive-menu-btn { display: block; }
.komp-menu-btn { display: none; }
}
@media only screen and (max-width: 900px) {
.responsive-search .search-input { width: 85%; }
}
@media only screen and (max-width: 800px) {
.logo { width: 270px; }
.footer-menu ul { margin-right: 10%; }
.biscuits-text { float: left; width: 75%; line-height: normal; }
}
@media only screen and (max-width: 700px) {
.header1 { padding: 14px 0 9px; }
.header2 { padding: 14px 0 9px; }
.logo { width: 225px; margin-left: 25px; }
.search-icon { font-size: 18px; margin-top: 6px; margin-right: 20px; }
.languages > ul > li { height: 34px; line-height: 34px; }
.languages { margin-right: 15px; }
.login a { font-size: 19px; }
.login { margin-top: 6px; margin-right: 15px; }
.fav { margin-top: 6px; }
.fav > a { font-size: 19px; }
.cart a { padding-left: 26px; }
.cart a span { width: 34px; height: 34px; line-height: 34px; }
.cart a::before { top: 7px; font-size: 20px; }
.footer-menu ul { margin-right: 8%; }
.subs-input { width: 64%; }
.subs-txt { width: 64%; }
.subs-inpt { width: 64%; }
.subs-btn { width: 33%; }
h1, h2{font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 17px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
.h1, .h2{font-size: 20px;}
.h3 {font-size: 18px;}
.h4 {font-size: 17px;}
.h5 {font-size: 16px;}
.h6 {font-size: 14px;}
.bottom-pad .btnk { width: 90%; }
.responsive-menu-btn { margin-top: 6px; }
}
@media only screen and (max-width: 640px) {
.logo { margin-left: 20px; }
.responsive-search .search-input { width: 78%; }
.footer-menu ul { margin-right: 15%; }
.biscuits-text { font-size: 16px; }

}
@media only screen and (max-width: 560px) {
.logo { width: auto; }
.logo .big-logo { display: none; }
.logo .mobile-logo { display: block; }
}
@media only screen and (max-width: 500px) {
.subs-input { width: 60%; }
.subs-txt { width: 60%; }
.subs-inpt { width: 60%; }
.subs-btn { width: 38%; font-size: 17px; }
.biscuits-text { width: 70%; font-size: 15px; }
#popup-biscuits { padding: 10px 0px; }
}
@media only screen and (max-width: 430px) {
.wrapper { padding: 0 10px; }
.logo { margin-left: 12px; }
.search-icon { margin-right: 15px; }
.responsive-search .search-input { width: 73%; }
/*.languages { margin-right: 10px; }*/
.login { margin-right: 10px; }
.fav { margin-right: 18px; }
.footer-menu ul { margin-right: 9%; }
.subs-btn { font-size: 15px; padding: 0 5px; }
.biscuits-text { width: 62%; font-size: 13px; }
}
@media only screen and (max-width: 370px) {
.logo { width: 74px; margin-top: 2px; }
.search-icon { font-size: 16px; margin-right: 10px; }
.responsive-search .search-input { width: 68%; }
.languages > ul > li { height: 30px; line-height: 30px; padding-right: 14px; }
.login a { font-size: 17px; }
.fav { margin-right: 15px; }
.fav > a { font-size: 17px; }
.fav-num { right: -10px; }
.cart a:before { font-size: 19px; top: 6px; }
.cart a { padding-left: 20px; }
.cart a span { width: 30px; height: 30px; line-height: 30px; font-size: 15px; }
.subs-input { float: none; width: 100%; margin-bottom: 10px; text-align: center; }
.subs-txt { float: none; width: 100%; margin-bottom: 10px; }
.subs-inpt { float: none; width: 100%; margin-bottom: 10px; }
.subs-btn { float: none; width: 100%; font-size: 16px; }
.breadcrumb { margin-bottom: 12px; margin-top: 12px; }
.biscuits-text { width: 60%; }
}

@media only screen and (max-width: 320px) {
.logo { margin-left: 7px; }
}
.bannerText{
    font-size-adjust: 0.58;
    font-family: "Source Code Pro ExtraLight ",sans-serif, Arial;
    color: rgba(71, 71, 71, 0.88);
    text-align: center;
    background: linear-gradient(to right, #ffded6 10%, #fff 50%, #fff9c4 60%);
    background-size: auto auto;
    display: inline-block;
    background-clip: border-box;
}
.bannerText2{
    font-size:75%;
    font-size-adjust: 0.58;
    text-align: center;
    font-family: "Source Code Pro ExtraLight ",sans-serif;
    background-size: auto auto;
    color: rgba(231, 0, 3, 0.88);
    background-clip: border-box;
    display: block;
    padding: 0.05rem;
    background-color: #EEE;
}
a.tel {color:#dc2b19;font-weight:bolder;}
a.tel:hover {color: #055d39;}
.fas { opacity: 0.9; }


/* Slider */
#slider{
    width:100%;
    height:500px;
    position:relative;
    overflow:hidden;
}
@keyframes load{
    from{left:-50%;}
    to{left:0;}
}
.slides{
    width:400%;
    height:77%;
    position:relative;
    -webkit-animation:slide 20s infinite;
    -moz-animation:slide 20s infinite;
    animation:slide 30s infinite;
}
.slider{
    width:25%;
    height:100vh;
    float:left;
    position:relative;
    z-index:2;
    overflow:hidden;
}
.slide {
    width:100%;
    height:100%;
}
.slide img{
    width:100%;
    height:100%;
}
.image{
    width:100%;
    height:100%;
}
.image img{
    width:100%;
    height:100%;
}




/* Switch */

.on{
    width:100%;
    height:100%;
    border-radius:60%;
    position:relative;
    -webkit-animation:on 30s infinite;
    -moz-animation:on 30s infinite;
    animation:on 30s infinite;
}

/* Animation */
@-webkit-keyframes slide{
    0%,100%{
        margin-left:0%;
    }
    21%{
        margin-left:0%;
    }
    25%{
        margin-left:-100%;
    }
    46%{
        margin-left:-100%;
    }
    50%{
        margin-left:-200%;
    }
    71%{
        margin-left:-200%;
    }
    75%{
        margin-left:-300%;
    }
    96%{
        margin-left:-300%;
    }
}
@-moz-keyframes slide{
    0%,100%{
        margin-left:0%;
    }
    21%{
        margin-left:0%;
    }
    25%{
        margin-left:-100%;
    }
    46%{
        margin-left:-100%;
    }
    50%{
        margin-left:-200%;
    }
    71%{
        margin-left:-200%;
    }
    75%{
        margin-left:-300%;
    }
    96%{
        margin-left:-300%;
    }
}
@keyframes slide{
    0%,100%{
        margin-left:0%;
    }
    21%{
        margin-left:0%;
    }
    25%{
        margin-left:-100%;
    }
    46%{
        margin-left:-100%;
    }
    50%{
        margin-left:-200%;
    }
    71%{
        margin-left:-200%;
    }
    75%{
        margin-left:-300%;
    }
    96%{
        margin-left:-300%;
    }
}
@-webkit-keyframes content-s{
    0%{left:-420px;}
    10%{left:0px;}
    30%{left:0px;}
    40%{left:0px;}
    50%{left:0px;}
    60%{left:0px;}
    70%{left:0;}
    80%{left:-420px;}
    90%{left:-420px;}
    100%{left:-420px;}
}
@-moz-keyframes content-s{
    0%{left:-420px;}
    10%{left:0px;}
    30%{left:0px;}
    40%{left:0px;}
    50%{left:0px;}
    60%{left:0px;}
    70%{left:0;}
    80%{left:-420px;}
    90%{left:-420px;}
    100%{left:-420px;}
}
@keyframes content-s{
    0%{left:-420px;}
    10%{left:20px;}
    15%{left:0px;}
    30%{left:0px;}
    40%{left:0px;}
    50%{left:0px;}
    60%{left:0px;}
    70%{left:0;}
    80%{left:-420px;}
    90%{left:-420px;}
    100%{left:-420px;}
}
@-webkit-keyframes on{
    0%,100%{
        margin-left:0%;
    }
    21%{
        margin-left:0%;
    }
    25%{
        margin-left:15px;
    }
    46%{
        margin-left:15px;
    }
    50%{
        margin-left:30px;
    }
    71%{
        margin-left:30px;
    }
    75%{
        margin-left:45px;
    }
    96%{
        margin-left:45px;
    }
}
@-moz-keyframes on{
    0%,100%{
        margin-left:0%;
    }
    21%{
        margin-left:0%;
    }
    25%{
        margin-left:15px;
    }
    46%{
        margin-left:15px;
    }
    50%{
        margin-left:30px;
    }
    71%{
        margin-left:30px;
    }
    75%{
        margin-left:45px;
    }
    96%{
        margin-left:45px;
    }
}
@keyframes on{
    0%,100%{
        margin-left:0%;
    }
    21%{
        margin-left:0%;
    }
    25%{
        margin-left:15px;
    }
    46%{
        margin-left:15px;
    }
    50%{
        margin-left:30px;
    }
    71%{
        margin-left:30px;
    }
    75%{
        margin-left:45px;
    }
    96%{
        margin-left:45px;
    }
}


/*more less button*/

#tuktxt{
    margin-bottom:5px;
}
#show {
    cursor: pointer;
    width: 140px;
    /*position: absolute;*/
    font-family: arial,sans-serif;
    font-size: 12px;
    color: rgb(255 255 255);
    padding: 0.6em 0.5em 0.6em 0.5em;
    background: #dc2b19!important;
    text-decoration: none;
    margin-top: 15px!important;
    outline: none;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    transition: all .218s ease 0s;
    text-align: center;
}
#show:hover {
    color: rgb(0 0 0);
    border: 1px solid rgb(198,198,198);
    background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1)!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

#show:active {
    color: rgb(255 255 255);
    border: 1px solid rgb(204,204,204);
    background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

@media only screen and (max-width: 400px){
    #show:hover {
        color: #f1f1f1;
        border: 1px solid rgb(198,198,198);
        background: #dc2b19!important;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }
}

@media only screen and (max-width: 1279px) {
    #slider{
        width:100%;
        height:24.3rem;
        position:relative;
        overflow:hidden;
    }
    .bannerText{
        font-size-adjust: 0.50;
    }
    #toprekm > img:nth-child(2){
        object-fit: cover;
        height:2.5rem;
        margin-top:0.4rem;
        margin-left:-9px;
    }
}
@media only screen and (max-width: 990px) {
    #slider{
        width:100%;
        height:22.3rem;
        position:relative;
        overflow:hidden;
    }
    .bannerText{
        font-size-adjust: 0.54;
    }
}
@media only screen and (max-width: 900px) {
    #slider{
        width:100%;
        height:24.3rem;
        position:relative;
        overflow:hidden;
    }
    .bannerText{
        font-size-adjust: 0.50;
    }
}
@media only screen and (max-width: 850px) {
    #slider {
        width: 100%;
        height: 21rem;
        position: relative;
        overflow: hidden;
    }

    .bannerText {
        font-size-adjust: 0.50;
    }

    #toprekm > img:nth-child(2) {
        object-fit: cover;
        height: 2rem;
        margin-top: 0.6rem;
        margin-left: -10px;
    }

    #toprekm > img:nth-child(2) {
        object-fit: cover;
        height: 2.6rem;
        margin-top: 0.2rem;
        margin-left: -10px;
    }
}
    @media only screen and (max-width: 750px) {
        #slider {
            width: 100%;
            height: 20rem;
            position: relative;
            overflow: hidden;
        }

        .bannerText {
            font-size-adjust: 0.45;
        }
    }
    @media only screen and (max-width: 650px) {
        #slider {
            width: 100%;
            height: 17.5rem;
            position: relative;
            overflow: hidden;
        }

        .bannerText {
            font-size-adjust: 0.45;
        }

        #zasaglas > a:nth-child(2) {
            display: block;
            margin-left: 7rem;
            margin-top: 0.4rem
        }

        div.checkbox-custom:nth-child(9) > label:nth-child(2) > a:nth-child(2) {
            display: block;
            margin-left: 7rem;
            margin-top: 0.4rem
        }
    }
    @media only screen and (max-width: 550px) {
        #slider {
            width: 100%;
            height: 14rem;
            position: relative;
            overflow: hidden;
        }

        .bannerText {
            font-size-adjust: 0.45;
        }

        #toprekm > img:nth-child(2) {
            object-fit: cover;
            height: 2rem;
            margin-top: 1rem;
            margin-left: -9px;
        }
    }
    @media only screen and (max-width: 480px) {
        #slider {
            width: 100%;
            height: 13rem;
            position: relative;
            overflow: hidden;
        }

        .bannerText {
            font-size-adjust: 0.45;
        }

        .bannerText2 {
            font-size: 56%;
        }
    }
    @media only screen and (max-width: 430px) {
        #slider {
            width: 100%;
            height: 12rem;
            position: relative;
            overflow: hidden;
        }

        .bannerText {
            font-size-adjust: 0.43;
        }

        .bannerText2 {
            font-size: 55%;
        }

        .icon-navicon, .icon-navicon::before, .icon-navicon::after {
            width: 2.5rem;
        }

        div.logo a img {
            margin-top: -10px;
            width: 4.7rem;
            margin-left: 4rem;
        }

        #toprekm > img:nth-child(2) {
            object-fit: cover;
            height: 1.7rem;
            margin-top: 1.5rem;
            margin-left: -9px;
        }
        /*.breadcrumb {*/
        /*    overflow:hidden;*/
        /*    overflow-x: scroll;*/
        /*    white-space: nowrap;*/
        /*    -webkit-overflow-scrolling: touch;*/
        /*}*/
        /*.breadcrumb a {*/
        /*    padding-bottom:15px;*/
        /*}*/


        .breadcrumb {
            overflow:hidden;
            overflow-x: auto;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            padding-bottom:5px;
            padding-top:5px;
            direction: rtl;
            background-color:#ececec;
            border-radius:13px;
            font-size:13.5px;
            border:1px solid #c9c9c9;
            border-right:none;
        }
        .breadcrumb span[itemprop="itemListElement"]:last-of-type{
            border-right:none;
        }
        .breadcrumb a span{
            padding:0px 6px 10px 2px;
            padding-top:10px;
            border-radius:54px;
            border-right:1px solid #c9c9c9;
        }
        .breadcrumb a:hover{
            text-decoration:none;
        }

        .breadcrumb  em{
            font-size:12px;
            font-style: normal;
            color:#949494;
            font-weight:normal;
        }
        .breadcrumb span[itemprop="itemListElement"]:after{
            content: "❯";
            font-weight:bold;
            margin-right:-6.8px;
            font-size:13px;
            color:#4d4d4d;
        }
        .breadcrumb span[itemprop="itemListElement"]:last-of-type:after{
            content:" ";
        }

        .breadcrumb span[itemprop="itemListElement"]:last-of-type {
            cursor:none;
            font-weight:bolder;
        }

    }
    @media only screen and (max-width: 380px) {
        #slider {
            width: 100%;
            height: 10rem;
            position: relative;
            overflow: hidden;
        }

        .bannerText {
            font-size-adjust: 0.43;
        }

        .bannerText2 {
            font-size: 53%;
        }

        div.checkbox-custom:nth-child(9) > label:nth-child(2) > a:nth-child(2) {
            display: inline;
            margin-left: 2rem;
        }

        .icon-navicon, .icon-navicon::before, .icon-navicon::after {
            width: 2.2rem;
        }

        div.logo a img {
            margin-top: -9px;
            width: 4.7rem;
            margin-left: 1.2rem;
        }

        div.search-icon i.fa.fa-search {
            margin-top: -1px;
            font-size: 1.8rem;
            margin-right: -2px
        }

        div.languages ul li a img {
            width: 1.3rem;
        }

        .languages > ul > li {
            padding-right: 0.9rem;
            margin-right: 6px;
        }

        div.login a i.fa.fa-user {
            font-size: 1.7rem;
            margin-right: 9px;
        }

        .cart a {

            padding-left: 21px;
        }

        .cart a::before {
            margin-top: 2px;
            font-size: 1.7rem;
            top: 3px;
        }

        .cart > a::before {
            left: -8px;
        }

        #toprekm > img:nth-child(2) {
            object-fit: cover;
            height: 1.6rem;
            margin-top: 1.7rem;
            margin-left: -10px;
        }


    }
    @media only screen and (max-width: 361px) {
        .icon-navicon, .icon-navicon::before, .icon-navicon::after {
            width: 2.2rem;
        }

        div.logo a img {
            margin-top: -3px !important;
            width: 4.7rem;
            margin-left: 0.9rem !important;
        }

        #toprekm > img:nth-child(2) {
            object-fit: cover;
            height: 1.42rem;
            margin-top: 1.7rem;
            margin-left: -9px;
        }
    }
    @media only screen and (max-width: 340px) {
        #slider {
            width: 100%;
            height: 9rem;
            position: relative;
            overflow: hidden;
        }

        .bannerText {
            font-size-adjust: 0.43;
        }

        #zasaglas > a:nth-child(2) {
            display: inline;
            margin-left: 1rem;
        }

        div.checkbox-custom:nth-child(9) > label:nth-child(2) > a:nth-child(2) {
            display: inline;
            margin-left: 1rem;
        }

        div.checkbox-custom:nth-child(9) > label:nth-child(2) > a:nth-child(2) {
            display: inline;
            margin-left: 1rem;
        }
    }
    @media only screen and (max-width: 325px) {
        .icon-navicon, .icon-navicon::before, .icon-navicon::after {
            width: 2rem;
        }

        div.logo a img {
            margin-top: -1px !important;
            width: 4rem;
            margin-left: 0.4rem !important;

        }

        div.search-icon {
            width: 2px;
            margin-right: 1.5rem;
        }

        .bannerText2 {
            font-size: 47%;
        }
    }
    @media only screen and (max-width: 282px) {
        #toprekm > img:nth-child(2) {
            object-fit: cover;
            height: 1.2rem;
            margin-top: 1.7rem;
            margin-left: -9px;
        }
    }