@font-face {
    font-family: 'next';
    src: url('nexa_light-webfont.eot');
    src: url('nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('nexa_light-webfont.woff2') format('woff2'),
         url('nexa_light-webfont.woff') format('woff'),
         url('nexa_light-webfont.ttf') format('truetype'),
         url('nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nextblack';
    src: url('fontfabric_-_nexablack-webfont.eot');
    src: url('fontfabric_-_nexablack-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontfabric_-_nexablack-webfont.woff2') format('woff2'),
         url('fontfabric_-_nexablack-webfont.woff') format('woff'),
         url('fontfabric_-_nexablack-webfont.ttf') format('truetype'),
         url('fontfabric_-_nexablack-webfont.svg#nexa_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
  position: relative;
  background: #101010;
}
html,body{
  margin:0;
  overflow-x: hidden;
  padding:0;
  width: 100%;
  max-width: 100vw;
}

a:focus,a:active{ outline: 0 none; }

.grey{color:#CCC}
.lh0 {line-height:0px}
.m5 {margin:5px}
.m10 {margin:10px}
.m15 {margin:15px}
.m20 {margin:20px}
.m25 {margin:25px}
.m30 {margin:30px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px}
.mt100 {margin-top:42px}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}
.mr30 {margin-right:30px}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb45 {margin-bottom:45px}
.mb50 {margin-bottom:50px}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}
.mtn {margin-top:0}
.mrn {margin-right:0}
.mbn {margin-bottom:0}
.mln {margin-left:0}
.p5 {padding:5px}
.p10 {padding:10px}
.p15 {padding:15px}
.p20 {padding:20px}
.p25 {padding:25px}
.p30 {padding:30px}
.pt12 {padding-top:14px}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt25 {padding-top:25px}
.pt30 {padding-top:30px}
.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr15 {padding-right:15px}
.pr20 {padding-right:20px}
.pr25 {padding-right:25px}
.pr30 {padding-right:30px}
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}
.pb25 {padding-bottom:25px}
.pb30 {padding-bottom:30px}
.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px}
.pl25 {padding-left:25px}
.pl30 {padding-left:30px}
.ptn {padding-top:0}
.prn {padding-right:0}
.pbn {padding-bottom:0}
.pln {padding-left:0}

.main-container{
  overflow: hidden;
  position: relative;
}
.font16 {font-size:20px;}
.font17 {font-size:16px;}
.font14{font-size:14px;}
.font18{font-size:18px;}
.font34{font-size:34px;}
.white {color:#fff}
.orange {color:#F90}
.blue{color:#004575}
.bg-grey{background:#333}
.bg-black{background:#000}
.bg-black-opacity {background: rgba(0,0,0,0.9)}
.bg-white-opacity {background: rgba(255,255,255,0.9)}

.bg-orange{background:#FF9700;}
.bg-grad {background: transparent url(../images/bg-menu.png) repeat-x 50% 50%;}
.bg-grad2 {background: transparent url(../images/bg-foot.png) repeat-x 50% 50%;}
.bg-grad3 {background-color: transparent url(../images/bg-stripes3.png) repeat-x 50% 50%; }
.border-bot { border-bottom: 5px solid #069; }
.border-bot2 { border-bottom: 5px solid #F90; }

#product-name.border-bot{
  border: 0 none;
  border-bottom: 5px solid #069;
/*  -moz-box-shadow: 0 -5px 0 #069 inset;
  -o-box-shadow: 0 -5px 0 #069 inset;
  -ms-box-shadow: 0 -5px 0 #069 inset;
  -webkit-box-shadow: 0 -5px 0 #069 inset;
  box-shadow: 0 -5px 0 #069 inset;*/
  padding-bottom: 5px;
}

.stripes {
  background: transparent url(../images/bg-stripes.png) 0 0 repeat;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  display:block;
  z-index:2;
}

.carousel-caption {
  position:absolute;
  bottom:20%;
  z-index:10;
  padding:20px 0;
  color:#fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-indicators {
  background: #000;
  clear: both;
  left: 0;
  margin: 0;
  padding: 10px 0;
  position: relative;
  width: 100%;
  /*padding-bottom:15%;*/
}
.carousel-indicators .active {
  background:#f90;
  margin:1px;
  width:40px;
  height:15px;
}

#myCarousel{
  height: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 62.5%;
  width: 100%;
}
#myCarousel .carousel-inner{
  height: 100%;
  position: absolute;
  width: 100%;
}

#myCarousel.carousel-overlay .carousel-inner .item:before {
  background: transparent url(../images/bg-stripes4.png) 50% 50% repeat;
  content: "";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  display:block;
  z-index:2;
}

.font1 { font-family:'nextblack',arial; font-size:6.3vw}
.nextblack { font-family:'nextblack',arial;}
.next{ font-family:'next',arial;}

.sanspro {font-family: 'Source Sans Pro', sans-serif;}
.oswald{font-family: 'Oswald', arial }
.font300 {font-weight:300}
.font400 {font-weight:400}
.font700 {font-weight:700}
.border-menu {
  border: solid #1D1D1D;
  border-width: 5px 0;
}

.navbar-inverse{
  background: #101010;
  margin-bottom: 0;
}

#home-footer,
#product-footer,
#category-footer{
  position: relative;
}
#product-footer .kategoria{
  width: 100%;
}
#product-footer .pokaz-opis{
  height: 100%;
  overflow: hidden;
}
#category-footer{
  clear: both;
}

#showmenu{
  cursor: pointer;
}
#showmenu span{
  background: #000;
  border-bottom: 5px solid #069;
  color: #f7932a;
  display: inline-block;
  line-height: 30px;
  padding: 10px 10px;
  position: relative;
  text-align: center;
  width: 9em;
}
#showmenu span:after{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #f7932a;content:"";display: block;height:0;margin-top:-2px;position:absolute;top:50%;right:10px;width:0; }
#showmenu span.active:after{border-top-width: 0;border-bottom: 4px solid #f7932a}

.navbar-brand
{
  margin-left: auto;
  margin-right: auto;
  width: 340px;
  position:relative;

}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
}
.navbar .navbar-collapse {
  text-align: center;
}
.navbar-brand2 {
  position:absolute;
  width:100%;
  left:0;
  top:-175%;
  padding:25px;
}

.navbar-brand3 {
  position:absolute;
  top:0;
  z-index:9999999;
}

.info-bar {
  position: absolute;
  /*width: 44%;*/
  width: 100%;
  left: 0;
  top:-5;
  /*right:0;*/
  z-index:999;
  text-shadow: 1px 1px 0 #000;
  font-weight:100;
  letter-spacing:1px;
  word-wrap:normal;
}

.info-bar img {margin-left:3px; margin-right:3px;}

.flags-list{
  white-space: nowrap;
}

#contact-form{ clear: both; }
label{ margin-left: 5px; }

#kuponline a{
  color:#fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#kuponline a:hover{
  color:#000;
  text-decoration:none;
}

/* PRODUCT STYLE
********************************/


.zindex {z-index:999}
.zindex2 {z-index:99999991}

.products-nav{
  clear: both;
  margin: 1em 0;
  padding: 1em 0;
  width: 100%;
}

.arrow,.arrow2{
  display:inline-block;
  width: auto;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -o-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.arrow .button,
.arrow2 .button{
  display: inline-block;
  padding: 8px 3px;
}

.arrow:hover,.arrow:focus{
  transform: translate(-6px);
  -webkit-transform: translate(-6px);
  -moz-transform: translate(-6px);
  -o-transform: translate(-6px);
  -ms-transform: translate(-6px);
}
.arrow2:hover,.arrow2:focus{
  transform: translate(6px);
  -webkit-transform: translate(6px);
  -moz-transform: translate(6px);
  -o-transform: translate(6px);
  -ms-transform: translate(6px);
}

.btn-default.dropdown-toggle .caret{
  margin-top: -4px;
}

/* MEGA MENU STYLE
********************************/
.mega-menu li:not(.nav-header) > a {
  background:transparent none;
  font-family: 'Oswald', arial;
  font-weight: 300;
  font-size: 14px;
  color: #A6C2FF;
  text-shadow: 1px 1px 0 #000;
  clear: both;
  display: inline-block;
  float: left;
  width: 150px;
  border-left: 4px solid  #A6C2FF;
  padding-left:5px;
}
.mega-menu li:not(.nav-header) > a:hover {
  color:#f7932a;
  padding-left: 5px;
  text-decoration:none;
  border-left: 4px solid  #f7932a;
}
.mega-menu li.nav-header > a { color: #fff; }
.mega-menu li.nav-header > a:hover,
.mega-menu li.nav-header > a:focus,
.mega-menu li.nav-header > a:active { color: #fff; }

.dropdown.open .mega-menu {
  background-color: #036;
  border-radius: 0;
  padding: 35px 0 25px 25px;
  z-index:2;
  margin-top:5px;
  border: 0 none;
  border-bottom: 5px solid #004575;
  overflow: hidden;
  width: 100%;
}

.mega-menu li {
  display: inline-block;
  /*float: left;*/
  padding: 3px 0px;
  color:#6FF;
  vertical-align: top;
}

.mega-menu li.mega-menu-column {
  margin:0 40px 20px 0;
  width: 160px;
}

.mega-menu .nav-header {
  padding: 0 !important;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  color:#fff;
  text-transform:uppercase;
  font-size:15px;
  text-shadow: 1px 1px 0 #000000;
}
.mega-menu img { padding-bottom: 10px;}
.mega-menu-page { clear:both;}
.dropdown.open .mega-menu.mega-menu-thin > li.mega-menu-page > a{
  padding: 5px;
}
.dropdown.open .mega-menu.mega-menu-thin {
  width: 100%;
  left:0;
}

/* Disable Toggle style
********************************/

/* Dropdown Toggle on style */
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background: inherit; /* Set to inherit when using mouse hover to open dropdown */
  color: #9d9d9d;
}
/* Toggle off style */
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav > li.dropdown > a:focus {
  background: inherit;
  color: #9d9d9d;
}
/* Toggle hover */
.navbar .nav li.dropdown > .dropdown-toggle:hover,
.navbar .nav li.dropdown.open > .dropdown-toggle
{
  background-color: #036;
  color:#FFF;
}

/* Toggle caret*/
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-bottom-color:none;
  border-top-color:none;
}
/* Toggle caret hover */
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-bottom-color: #fff;
  border-top-color: #fff;
}
/* Toggle caret active */
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-bottom-color:#fff;
  border-top-color: #fff;
}

/* Hover style
********************************/
.navbar .nav > li > a, .mega-menu a{
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;

  /* -webkit-transform: translate3d(0, 0, 0); Webkit Hardware Acceleration*/
  -webkit-backface-visibility: hidden; /* Safari Flicker Fix #2 */
  -webkit-transform: translateZ(0);
}

.prod-desc {float:left;margin:6px;padding:3px;color:#FFF;font-family:'Oswald', arial;width:35%;height:35%;max-width: 90px;max-height: 90px;overflow: hidden;position:relative;}
.prod-data { font-size: 12px;left: 5%; float:left; text-align:center; position:absolute; top:10px; /*left:10%; right:10%;*/ width: 90%; }
.prod-icon {width:100%}
/*.opis-bottom {bottom:84px;}*/
.prod-price{
  padding: 0px;
  color: #f7932a;
}

#products-other-list{ overflow: hidden; }
#products-other-list a.active img{ border:4px solid #f7932a; }
.product-thumb-bootom {
  position:relative;
   display:block;
   float:left;
   text-overflow:ellipsis;
}

.thumb-product-name {
  font-family: 'Oswald';
  font-size: 11px;
  z-index: 9999;
  position:absolute;
  bottom:11px;
  left:5px;
  color:#fff;
  overflow:hidden;
  background: rgba(0,0,0,0.6);
  width:85%;
  padding:2px;
  max-height:35px;
}

#dropdownMenu2 {border-radius:0px}
#dropdown-menu {border-radius:0px}
.dropup {float:left;}
.product-thumb-bootom a:active {border-color:#f7932a}
.kategoria:before{
	content:"KATEGORIA: ";
	top:-10px;
	font-size:14px;
}

.modal-dialog {width:50%;}
.thumbnail {margin-bottom:6px;}

@media screen and (min-width: 480px){
  .products-nav{
    margin: 0 auto;
    padding-top: 0;
    clear: none;
    width: auto;
  }
  .arrow{ margin-right: 30px; }
  .arrow2{ margin-left: 30px; }

  .prod-data{ font-size: 14px; top: 12px; }
}
@media screen and (min-width: 768px){

  #page{
    background: #eee url(../images/bg-main2.jpg) repeat 50% 0;
    background-size: cover;
  }

  #product-footer,
  #category-footer{
    margin-top: -60px;
    z-index: 20;
  }
  #product-footer .kategoria{
    width: auto;
  }
  #category-footer{
    padding: 0 1em 1em 1em
  }

  .info-bar{
    background: rgba(0,0,0,0.35);
  }

  .navbar-inverse{
    background: transparent url(../images/bg-foot.png) 50% 50% repeat-x;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 42px;
    z-index: 9999;
  }

  .carousel-indicators{
    background: transparent;
    position: absolute;
  }

  .dropdown.open .mega-menu {
    width: 768px;
    margin-top:5px;
    left: -90px;
    top:62px;
  }
  .dropdown.open .mega-menu.mega-menu-thin{
    left: 0;
    width: auto;
  }

  .mega-menu li.mega-menu-column{
    margin: 0 5% 20px 0;
    width: 27%;
  }

  .main-container {
    position:absolute;
    top:20vh;
    left:9%;
    right:9%;
    max-height:80vh;
    overflow-y:auto;
  }

}
@media screen and (min-width: 1200px) and (min-height: 600px){

  .carousel-caption { bottom: 35%; }
  .carousel-indicators{ bottom: 25%; }

  .dropdown.open .mega-menu {
    width: 960px;
    left:-220px;
  }
  .dropdown.open .mega-menu.mega-menu-thin{
    left: 0;
    width: auto;
  }

}
@media screen and (min-width: 1600px) and (min-height: 800px){

  html,body{ overflow: hidden; }

  #home-footer,
  #product-footer,
  #category-footer{
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
  }

  #product-footer,
  #category-footer{
    top: auto;
    margin:0 0 0 30px;
  }
  #product-footer{ bottom: 84px; }
  #category-footer{ padding: 0; }

  .info-bar{
    left: auto;
    right: 0;
    width: 44%;
  }

  .info-bar-contact{  text-align: right; }

  .flags-list .mr5{ margin-right: 15px; }

}