@charset "utf-8";

html, body 	{
	font-size: 12px;
	line-height: 18px;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', Arial, Sans-serif;
    font-weight: 400;
	background: #fff;
	color: #333;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-v50-latin_latin-ext-regular.woff2') format('woff2');
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
  size-adjust: 100%;
}

h1, h2, h3  { color: #424242; }

span.green  { color: #6e9c3e; }
span.red    { color: red; }

p.bottom    { margin-bottom: 0; }

textarea.fail,
input.fail          { border-color: #f4afad; color: #a94442; background-color: #faf2f2; }

.ajax-loader        { float: left; }
.ajax-loader img    { float: left; margin: 0 10px 0 0; }
.ajax-loader span   { float: left; margin: 6px 0 0 0; font-weight: 400; }

ul.files 			{ float: left; width: 100%; list-style: none; clear: both; margin: 0 0 0.5em 0; padding: 0; }
ul.files li			{ margin: 0.5em 0; }
ul.files a 			{ color: #424242; font-size: 1.15em; text-decoration: none; padding: 2px 0 2px 25px; background: url("../images/icon-file.png") 0 50% no-repeat; }
ul.files a:focus,
ul.files a:hover 	{ text-decoration: underline; color: #333333; }

p.mytitle           { font-size: 1.55em; font-weight: 400; text-transform: uppercase; color: #383838; padding-top: 15px; padding-bottom: 15px; }

div#alertb-outline                 { float: left; width: 100%; margin: 0; padding: 0; z-index: 1000; position: fixed; top: 0; left: 0; }
div#alertb-outline img.abimg       { float: left; width: 100%; margin: 0; padding: 0; }
div#alertb-outline a.abclose       { position: absolute; top: 13px; width: 47px; height: 47px; background: url("/images/abclose.png") 0 0 no-repeat; }
div#alertb-outline a.abclose:hover { background-position: 0 -47px; }

header.top                                  { float: left; width: 100%; background: #fff; z-index: 1000; position: fixed; top: 0; left: 0; }
header.top a.logo                           { float: left; padding: 0; }
header.top form#search-small                { position: relative; }
header.top form#search-small .query         { color: #545454; border-radius: 0; }
header.top form#search-small .submit        { position: absolute; }
header.top p.top-contact                    { float: right; background: url("../images/top-header-contact-icon.png") 0 50% no-repeat; }
header.top p.top-contact a                  { float: right; width: 100%; }
header.top p.top-contact a.phone            { color: #000; }
header.top p.top-contact a.email            { color: #e60000; }

header.top-large                            { border-bottom: 1px solid #e6e6e6; }
header.top-large div.row                    { padding: 10px 0; }
header.top-large a.logo                     { margin: 5px 0 0 0; }
header.top-large a.logo img                 { max-width: 90%; }
header.top-large form#search-small          { margin: 5px 25% 0 0; }
header.top-large form#search-small .query   { padding: 20px; font-size: 1.5em; border-color: #e6e6e6; }
header.top-large form#search-small .submit  { top: 12px; right: 10px; }
header.top-large p.top-contact              { height: 50px; width: auto; margin: 2px 0 0 15%; padding: 10px 0 0 55px; background-size: 48px 39px; }
header.top-large p.top-contact a.phone      { font-size: 1.55em; }
header.top-large p.top-contact a.email      { font-size: 1.15em; }

header.top-small                            { border-bottom: 1px solid #ccc; top: 0; }
header.top-small div.row                    { padding: 5px 0; }
header.top-small a.logo                     { margin: 2px 0 0 0; }
header.top-small a.logo img                 { max-width: 75%; }
header.top-small form#search-small          { position: relative; margin: 5px 25% 0 0; }
header.top-small form#search-small .query   { padding: 2px 5px; font-size: 1em; border-color: #ccc; }
header.top-small form#search-small .submit  { top: 7px; right: 10px; }
header.top-small p.top-contact              { height: 30px; width: auto; margin: 7px 0 0 15%; padding: 0 0 0 55px; background-size: 37px 28px; }
header.top-small p.top-contact a.phone      { font-size: 1em; margin: -2px 0 0 0; }
header.top-small p.top-contact a.email      { font-size: 1.15em; margin: -2px 0 0 0; }

header.top-small a.logo img                 { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

/* TOP CART */
a#top-cart                              { float: right; margin: 15px -15px 0 0; padding: 0; font-size: 0.75em; }
a#top-cart span#cart-quantity-left      { float: left; width: 3px; height: 25px; background: url("../images/top-cart-left-side.png") 0 0 no-repeat; }
a#top-cart span#cart-quantity           {
    float: left; width: auto; height: 25px;
    padding: 0 5px; margin-right: -9px;
    z-index: 100; position: relative;
    background: url("../images/top-cart-inside.png") 0 0 repeat-x;
    font-weight: 600; color: #e60000;
}
a#top-cart span#cart-quantity-right     { float: left; width: 11px; height: 25px; z-index: 10; position: relative; background: url("../images/top-cart-right-side.png") 0 0 no-repeat; }
a#top-cart span#cart-quantity-icon      { float: left; width: 18px; height: 24px; margin: 0 5px; background: url("../images/top-cart-icon.png") 0 0 no-repeat; }
a#top-cart span#cart-quantity-txt       { float: right; width: auto; height: 25px; margin: 2px 0 0 0; font-size: 1.15em; color: #fff; font-weight: 600; }

/* TOP CART SMALL */
a#top-cart-small                              { float: right; display: none; margin: -30px 0 0 0; padding: 0; font-size: 0.75em; }
a#top-cart-small span#cart-quantity-left      { float: left; width: 3px; height: 25px; background: url("../images/top-cart-small-left-side.png") 0 0 no-repeat; }
a#top-cart-small span#cart-quantity           {
    float: left; width: auto; height: 25px;
    padding: 0 5px; margin-right: -9px;
    z-index: 100; position: relative;
    background: url("../images/top-cart-small-inside.png") 0 0 repeat-x;
    font-weight: 600; color: #fff;
}
a#top-cart-small span#cart-quantity-right     { float: left; width: 11px; height: 25px; z-index: 10; position: relative; background: url("../images/top-cart-small-right-side.png") 0 0 no-repeat; }
a#top-cart-small span#cart-quantity-icon      { float: left; width: 18px; height: 24px; margin: 0 5px; background: url("../images/top-cart-small-icon.png") 0 0 no-repeat; }

div#top-interactives                        { float: left; padding: 0; margin: -20px 0 0 -15px; }

div#small-banners                           { float: left; padding: 0; margin: 0 0 0 -15px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
div#small-banners img                       { float: left; width: 33.33333333%; max-height: 203px; }
div#small-banners img.sb-1                  { border-right: 1px solid #e6e6e6; }
div#small-banners img.sb-2                  { border-right: 1px solid #e6e6e6; }

div#bottom-smallbanners                     { margin-bottom: 35px; }
div#bottom-smallbanners img                 { width: 100%; }

/* HOME */
div.news-outline                        { float: left; width: 100%; font-size: 1.1em; border-top: 1px solid #e6e6e6; background: #f5f5f5; padding-bottom: 35px; }
div.news-outline h4                     { text-align: center; margin: 35px 0; font-size: 2.25em; }
div.news-outline h4 a                   { color: #787878; font-weight: 100; }
div.news-outline h4 a:hover             { text-decoration: none; color: #000; }
div.news-outline h5                     { float: left; width: 100%; padding: 15px 0; font-size: 1.85em; color: #000; line-height: 1.25em; }
div.news-outline h5 a                   { color: #424242; }
div.news-outline h5 a:hover             { text-decoration: none; color: #3d2851; }
div.news-outline img                    { width: 100%; border: 1px solid #e6e6e6; }
div.news-outline a.btn                  { float: right; }
div.news-outline span.author            { float: left; color: #e60000; padding: 0 0 0 20px; margin: 0 5px 0 0; background: url("../images/news-dymek.png") 0 50% no-repeat; }
div.news-outline span.date              { float: left; color: #999; padding: 0; margin: 0; }
div.news-outline p.credits              { float: left; width: 100%; margin: 0 0 5px 0; }

div#promo-section div.promo-image                           { float: left; width: 100%; height: 565px; padding: 15px; background-repeat: no-repeat; border: 1px solid #e6e6e6; border-right: 0; }
div#promo-section div.promo-image a.red-box                 {
    float: left;
    width: 89%; min-height: 100px;
    padding: 15px;
    background: #e60000;
    opacity: 0.8; filter: alpha(opacity=80);
}
div#promo-section div.promo-image a.red-box span.title      {
    float: left;
    width: 100%;
    color: #fff; text-align: center; font-weight: 100; font-size: 2em; line-height: 1.15em;
}
div#promo-section div.promo-image a.red-box span.text       {
    float: left;
    width: 100%;
    color: #fff; text-align: center; font-size: 1.35em; line-height: 1.5em; text-transform: uppercase;
}
div#promo-section div.promo-image a.red-box span.llines      {
    float: left;
    width: 40%;
    padding: 2px 0;
    margin: 15px 0;
    border: 0;
}
div#promo-section div.promo-image a.red-box span.lines      {
    float: left;
    width: 20%;
    padding: 2px 0;
    margin: 15px 0;
    border: 1px solid #e7797a; border-right: 0; border-left: 0;
}
div#promo-section div.promo-image a.red-box:hover           { opacity: 0.5; filter: alpha(opacity=50); }
div#promo-section div.promo-image a.red-box:hover span.lines{ border: 1px solid #fff; border-right: 0; border-left: 0; }
div#promo-section div.promo-image a.red-box:hover span      { color: #fff; }

div#promo-section div.promo-image a.btn-trans               {
    float: left;
    margin: 0;
    padding: 8px 15px 10px 15px;
    bottom: 5%;
    text-transform: uppercase;
    border-radius: 0;
}
div#promo-section div.promo-image a.btn-trans:hover         { background: #e60000; color: #fff; }
div#promo-section div.promo-image a.btn-trans .z1           { }
div#promo-section div.promo-image a.btn-trans .z2           { font-family: Verdana; font-size: 1.25em; }

div#promo-section div.promo-thumb-outline   { border-top: 1px solid #e6e6e6; }
div#promo-section div.promo-thumb           { float: left; width: 25%; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
div#promo-section div.promo-thumb a.title   { font-family: 'Roboto Condensed', Arial, Sans-serif; top: 10%; text-transform: uppercase; color: #464646; font-size: 1.25em; font-weight: 600; }
div#promo-section div.promo-thumb a.text    { font-family: 'Roboto', Arial, Sans-serif; top: 17%; color: #858585; font-size: 1.15em; font-weight: 200; }
div#promo-section div.promo-thumb a.thumb   { top: 60%; }

div.onepromo-home   { margin-bottom: 35px; }

/* FOOTER */
div#footer-brands               { float: left; width: 100%; border-top: 1px solid #e6e6e6; background: #fff; }
div#footer-brands img           { float: left; width: 100%; margin: 15px 0; }
div#footer-brands .carousel-inner > .item {
    -webkit-transition: 3s ease-in-out left;
    -o-transition: 3s ease-in-out left;
    transition: 3s ease-in-out left;
}


div#footer-categories                      { float: left; width: 100%; border-top: 1px solid #e6e6e6; background: #f5f5f5; }
ul#footer-category-navi                    { float: left; width: 100%; list-style: none; margin: 0; padding: 0; }
ul#footer-category-navi li                 { float: left; width: 100%; padding: 0; margin: 0; }
ul#footer-category-navi > li a.fcat        { float: left; width: 200px; height: 38px; padding: 12px 0 0 30px; font-weight: 700; text-transform: uppercase; }
ul#footer-category-navi > li a:hover       { color: #e60000; text-decoration: none; }
ul#footer-category-navi li a.fcat-2        { background: url("../images/categories/2.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-3        { background: url("../images/categories/3.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-4        { background: url("../images/categories/4.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-5        { background: url("../images/categories/5.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-6        { background: url("../images/categories/6.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-7        { background: url("../images/categories/7.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-8        { background: url("../images/categories/8.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-9        { background: url("../images/categories/9.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-10       { background: url("../images/categories/10.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-11       { background: url("../images/categories/11.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-12       { background: url("../images/categories/12.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-13       { background: url("../images/categories/13.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-14       { background: url("../images/categories/14.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-14       { background: url("../images/categories/14-on.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-905      { background: url("../images/categories/905.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-906      { background: url("../images/categories/906.gif") 0 50% no-repeat; }
ul#footer-category-navi li a.fcat-907      { background: url("../images/categories/907.gif") 0 50% no-repeat; }

ul#footer-category-navi li div.onesubcat            { float: left; width: auto; margin: 11px 0 0 15px; padding: 0; }
ul#footer-category-navi li div.onesubcat a          { color: #999999; background: url("../images/footer-cats-li-bg.png") 0 50% no-repeat; padding: 2px 0 0 20px; }
ul#footer-category-navi li div.onesubcat a.first    { background: none; padding-left: 0; }
ul#footer-category-navi li div.onesubcat a:hover    { color: #e60000; text-decoration: none; }

div#footer-3cols                            { float: left; width: 100%; border-top: 1px solid #e6e6e6; background: #fff; }
div#footer-3cols div.one-col                { padding: 15px; min-height: 300px; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; }
div#footer-3cols div.one-col:first-child    { border: 0; }
div#footer-3cols div.one-col:last-child     { float: right; text-align: right; border: 0; }
div#footer-3cols img.logo                   { float: none; margin: 15px 0 20px -2px; max-width: 90%; }
div#footer-3cols div.address                { float: left; width: 100%; margin: 0 0 15px 0; padding: 0 0 0 25px; background: url("../images/footer-contact-icons/footer-contact-icon-address.png") 0 0 no-repeat; }
div#footer-3cols div.address p              { margin: 0; }
div#footer-3cols div.hours                  { float: left; width: 100%; margin: 0 0 15px 0; padding: 0 0 0 25px; background: url("../images/footer-contact-icons/footer-contact-icon-hours.png") 0 0 no-repeat; }
div#footer-3cols div.hours p                { margin: 0; }
div#footer-3cols div.meet-us div.images     { float: left; width: 100%; margin: 0 auto; text-align: center; }
div#footer-3cols div.meet-us img.i1         { float: left; }
div#footer-3cols div.meet-us img.i2         { margin: 0 auto; }
div#footer-3cols div.meet-us img.i3         { float: right; }
div#footer-3cols div.contact-data p         { float: left; width: 100%; margin: 0 0 5px 0; padding: 0 0 0 25px; }
div#footer-3cols div.contact-data p.phone   { background: url("../images/footer-contact-icons/footer-contact-icon-phone.png") 0 50% no-repeat; }
div#footer-3cols div.contact-data p.mobile  { background: url("../images/footer-contact-icons/footer-contact-icon-mobile.png") 0 50% no-repeat; }
div#footer-3cols div.contact-data p.email   { margin: 15px 0 0 0; background: url("../images/footer-contact-icons/footer-contact-icon-email.png") 0 50% no-repeat; }
div#footer-3cols p.title                    { float: left; width: 100%; margin: 20px 0; padding: 0; text-transform: uppercase; font-weight: 600; color: #e60000; font-size: 1.25em; }
div#footer-3cols p                          { line-height: 1.75em; }
div#footer-3cols div.company-icon           { margin-top: 15px; }
div#footer-3cols div.company-icon img       { max-width: 100%; }
div#footer-3cols div.social-icons           { float: right; width: 100%; margin: 0 0 15px 0; }
div#footer-3cols div.social-icons a         { float: right; width: 31px; height: 30px; margin-right: 2%; }
div#footer-3cols div.social-icons a.gplus   { background: url("../images/footer-social-icons/footer-social-1.png?v=201606") 0 0 no-repeat; }
div#footer-3cols div.social-icons a.fb      { background: url("../images/footer-social-icons/footer-social-2.png?v=201606") 0 0 no-repeat; }
div#footer-3cols div.social-icons a.tshirt  { background: url("../images/footer-social-icons/footer-social-3.png?v=201606") 0 0 no-repeat; }
div#footer-3cols div.social-icons a.cube    { background: url("../images/footer-social-icons/footer-social-4.png?v=201606") 0 0 no-repeat; }
div#footer-3cols div.social-icons a.yt      { background: url("../images/footer-social-icons/footer-social-5.png?v=201606") 0 0 no-repeat; }
div#footer-3cols div.social-icons a.insta   { background: url("../images/footer-social-icons/footer-social-6.png?v=201606") 0 0 no-repeat; }
div#footer-3cols div.social-icons a:hover   { background-position: 0 -30px; }

div#footer-newsletter                           { float: right; position: relative; width: 80%; }
div#footer-newsletter input.newsletter-email    { position: absolute; left: 0; top: 0; padding-left: 35px; }
div#footer-newsletter img.newsletter-envelope   { position: absolute; left: 10px; top: 10px; }
div#footer-newsletter p.newsletter-loader       { position: absolute; left: 1px; top: 1px; }
div#footer-newsletter p.newsletter-loader span  { float: left; margin: 6px 0 0 5px; color: #e60000; }
div#footer-newsletter a.newsletter-send         { position: absolute; right: 5px; top: 4px; padding: 2px 12px; }

div#footer-categories           { float: left; width: 100%; border-top: 1px solid #e6e6e6; background: #f5f5f5; padding: 35px 0; }
div#footer-categories a         { color: #424242; }
div#footer-categories a:hover   { color: #3d2851; }

div#footer-outline              { float: left; width: 100%; border-top: 1px solid #e1e1e1; background: #f3f3f3; padding: 35px 0 20px 0; }
div#footer                      { text-align: center; font-size: 1.25em; color: #cfcfcf; }
div#footer div.piap             { margin-top: -5px; }
div#footer div.fb               { margin-top: -10px; }
div#footer div.offer            { margin-top: -5px; }

div#footer-copy                 { float: left; width: 100%; background: #f5f5f5; }
div#footer-copy div.credits     { float: left; color: #ccc; font-size: 1.25em; height: 45px; padding: 12px 0 0 135px; background: url("../images/footer-copy-img.jpg?v=201609") 0 50% no-repeat; }
div#footer-copy div.authors		{ float: right; text-align: right; font-size: 1.25em; padding-bottom: 35px; }
div#footer-copy div.authors a 	{ float: left; color: #ccc; text-decoration: none; margin: 0; line-height: 33px; height: 35px; background: url("../images/contip-logo.png?v=201607") right 3px no-repeat; padding: 0 60px 0 0; }

#toTop {
	width: 47px; height: 47px;
	background: url(../images/back-top-btn.png) no-repeat;
	text-align: center;
	position: fixed; bottom: 25px; right: 20px;
	cursor: pointer; display: none; text-indent: -9999px; z-index: 12;
}

.kategoria-big,
.kategoria-small {
    all: unset;
}

h1.main-header {
	width: auto;
	margin: 0;
	padding: 0;
	display: inline;
}