*, *:after, *:before{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height:100%;
  width: 100%;
  cursor: default;
  font-size: 100%;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  height: 100%;
  width: 100%;
  min-width:960px;
  background: #000;
}

.container{
  position: relative;
  background: #fff;
}

.wrapper,
.wrapper2{
  width: 960px;
  padding: 0 10px;
  margin: 0 auto;
}

.wrapper3,
.wrapper4{
  width: 960px;
  margin: 0 auto;
}

A {outline: none;text-decoration: none; color: #af1e09}
IMG {border: 0; -ms-interpolation-mode: bicubic;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
* html audio,* html canvas,* html video {display: inline;zoom: 1;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
button,input,select,textarea {font-family: 'Titillium Web',Arial, Helvetica, sans-serif;}
h1{font-size: 2em;margin: 0.67em 0;}
h2{font-size: 1.5em;margin: 0.83em 0;}
h3{font-size: 1.17em;margin: 1em 0;}
h4{font-size: 1em;margin: 1.33em 0;}
h5{font-size: 0.83em;margin: 1.67em 0;}
h6{font-size: 0.75em;margin: 2.33em 0;}
abbr[title]{border-bottom: 1px dotted;}
blockquote{margin: 1em 40px;}
dfn{font-style: italic;}
mark{background: #ff0;color: #000;}
p,pre{margin: 0.8em 0;}
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}
* + html code,* + html kbd,* + html pre,* + html samp {font-family: 'courier new', monospace;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
q {quotes: none;}
q:before,q:after {content: '';content: none;}
small {font-size: 75%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl,menu,ol,ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
menu,ol,ul {padding: 0 0 0 40px;}
nav ul,nav ol {list-style: none;list-style-image: none;}
svg:not(:root) {overflow: hidden;}
figure{margin: 0;}
form{margin: 0;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
* html legend {margin-left: -7px;}
* + html legend {margin-left: -7px;}
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline;vertical-align: middle;}
button,input{line-height: normal;}
input{padding: 0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance: button;cursor: pointer;}
* html button,* html input[type="button"],* html input[type="reset"],* html input[type="submit"]{overflow: visible;}
* html button,* + html input[type="button"],* + html input[type="reset"],* + html input[type="submit"]{overflow: visible;}
button[disabled],input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0;}
* html input[type="checkbox"],* html input[type="radio"]{height: 13px;width: 13px;}
* + html input[type="checkbox"],* + html input[type="radio"]{height: 13px;width: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
textarea{overflow: auto;vertical-align: top;}
table{border-collapse: collapse;border-spacing: 0;}
area{cursor:pointer}

#header{
  position: relative;
  z-index: 100;
  background: #000;
  height: 70px;
}

.hlogo{
  float:left;
  margin-top:9px;
}

.hlogo h1,
.hlogo a{
  margin: 0;
  display: block;
  height: 100%;
}

.hlogo img{
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/**TOP MENU**/
#nav{
  float: right;
}

.dl-menuwrapper{
  float: left;
}

.dl-trigger{
  display: none;
  height: 60px;
  width: 60px;
  text-align: center;
  transition: background .2s;
  margin-right: -10px;
}

.dl-trigger.dl-active{
  background: #24262b;
}

.dl-trigger .menu_icon{
  top: 20px;
}

.menu_icon{
  height:4px;
  width: 25px;
  margin: 8px 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #e2051b;
}

.menu_icon:before,
.menu_icon:after{
  content: '';
  position: absolute;
  top: -8px;
  height: 4px;
  width: 100%;
  left: 0;
  background: #e2051b;
}

.menu_icon:after{
  top: 8px;
}

.dl-active .menu_icon,
.dl-active .menu_icon:before,
.dl-active .menu_icon:after{
  content: '';
  background: #fff;
}

.top_menu{
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 100%;
  float: left;
}

.top_menu > li{
  float: left;
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.top_menu > li > a{
  display: block;
  height: 70px;
  line-height: 70px;
  padding: 0 25px;
  font-size: 14px;
  font-weight: bold;
  color: #bfc3c9;
  text-align: center;
  text-transform: uppercase;
  transition: background .2s, color .2s;
}

.top_menu > li > a:hover,
.top_menu > li.active > a{
  background: #24262b;
  color: #fff;
}

.top_menu button{
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 39px;
  width: 51px;
  overflow: visible;
  background: none;
  outline: none;
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.top_menu button:before{
  content: '';
  width:17px;
  height: 3px;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  top: 50%;
  margin-top: -1px;
  background: #fff;
}

.top_menu button:after{
  content: '';
  height:17px;
  width: 3px;
  position: absolute;
  left: 50%;
  margin-top: -8px;
  top: 50%;
  margin-left: -2px;
  background: #fff;
  transition: height .2s, margin-top .2s;
}

.top_menu li.selected > button:after{
  height: 0;
  margin-top: 0;
}

.top_menu ul{
  display: none;
  padding: 0;
  list-style: none;
  margin: 0;
}

.btn_basket{
  height: 70px;
  line-height: 70px;
  padding: 0 25px;
  text-align: center;
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #bfc3c9;
}

.btn_basket .si{
  vertical-align: middle;
  top: auto;
  margin-right: 15px;
  margin-top: -5px;
}

/***MEGA MENU**/
.megamenu{
  position: absolute;
  top: 100%;
  left:0;
  width: 100%;
  background: #24262b;
  height:0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.megamenu.active,
.megamenu.hover{
  visibility: visible;
  height: auto;
  min-height: 420px;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .2s;
  box-shadow: 0 2px 3px rgba(0,0,0,.3);
}

.megamenu.hover{
  transition: none;
}

.megamenu .quarter{
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.megamenu .image{
  display: block;
}

.megamenu img{
  display: block;
  width: 100%;
}

.megamenu .desc{
  padding: 0 10px 30px 10px;
}

.megamenu .title{
  display: block;
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  margin: 20px 0 10px 0;
  transition: color .2s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.megamenu .title strong{
  display: block;
  font-weight: 900;
}

.megamenu .title:hover,
.megamenu .title.active{
  color:#e2051b
}

.megamenu ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.megamenu li{
  display: block;
  text-align: center;
  padding: 5px 0;
}

.megamenu li a{
  color: #a0a5ad;
  padding: 0 6px;
  display: inline-block;
  transition: background .2s, color .2s;
}

.megamenu li a:hover,
.megamenu li.active a{
  color: #fff;
  background: #e2051b;
}

.btn_fb{
  float: left;
  height: 20px;
  margin-top: 25px;
  width: 95px;
}

/***MAIN**/
#main{
}

/**FOOTER**/
#footer{
  display: block;
  color: #a0a5ad;
  line-height: 1.5;
  padding: 25px 0;
}

#footer h2{
  font-size: 16px;
  font-weight: 900;
  margin: 0 0 8px 0;
  color: #fff;
  text-transform: uppercase;
}

#footer h2 a{
  color: inherit;
}

#footer h2 a:hover{
  text-decoration: none
}

.list_footer{
  list-style: none;
  margin: 0;
  padding: 0;
}

.list_footer a{
  color: #a0a5ad;
}

.list_footer a:hover{
  text-decoration: underline
}

.contact_footer a{
  color: #e2051b;
}

.contact_footer a:hover{
  text-decoration: underline
}

.social_footer{
  padding: 9px 0 24px 0;
}

.social_footer a{
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #4f5259;
  transition: background .2s;
}

.social_footer a + a{
  margin-left: 6px;
}

.social_footer a:hover{
  background: #656a73;
}

/***icons***/
.si{
  background: url(../layout/icons.svg) top left no-repeat;
  display: inline-block;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  position: relative;
  top: 0;
  vertical-align: top;
}

html.no-svg .si{
  background-image: url(../layout/icons.png)
}

.s_arrow-slider-left,.s_arrow-slider-left\:regular{background-position:0 0;width:15px;height:20px}
.s_arrow-slider-right,.s_arrow-slider-right\:regular{background-position:0 -20px;width:15px;height:20px}
.s_ico-dosage,.s_ico-dosage\:regular{background-position:0 -40px;width:30px;height:30px}
.s_ico-shop,.s_ico-shop\:regular{background-position:0 -70px;width:30px;height:22px}
.s_ico-stacking,.s_ico-stacking\:regular{background-position:0 -92px;width:30px;height:30px}
.s_menu-mobil,.s_menu-mobil\:regular{background-position:0 -122px;width:25px;height:20px}
.s_pecat,.s_pecat\:regular{background-position:0 -142px;width:194px;height:194px}
.s_sipka-button,.s_sipka-button\:regular{background-position:0 -336px;width:16px;height:12px}
.s_sipka-faq-down,.s_sipka-faq-down\:regular{background-position:0 -348px;width:10px;height:13px}
.s_sipka-faq-up,.s_sipka-faq-up\:regular{background-position:0 -361px;width:10px;height:13px}
.s_sipka-odrazky,.s_sipka-odrazky\:regular{background-position:0 -374px;width:13px;height:10px}
.s_social-fb,.s_social-fb\:regular{background-position:0 -384px;width:30px;height:30px}
.s_social-instagram,.s_social-instagram\:regular{background-position:0 -414px;width:30px;height:30px}
.s_social-twitter,.s_social-twitter\:regular{background-position:0 -444px;width:30px;height:30px}
.s_social-youtube,.s_social-youtube\:regular{background-position:0 -474px;width:30px;height:30px}
.s_star-grey,.s_star-grey\:regular{background-position:0 -504px;width:15px;height:15px}
.s_star-red,.s_star-red\:regular{background-position:0 -519px;width:15px;height:15px}
.s_video-play,.s_video-play\:regular{background-position:0 -534px;width:44px;height:44px}

/*CUSTOM**/
.page_content li:before{
  background: url(../layout/icons.svg) top left no-repeat;
  background-position:0 -374px;width:13px;height:10px
}

.box_icon:before{
  background: url(../layout/icons.svg) top left no-repeat;
  background-position:0 -40px;width:30px;height:30px
}

.box_icon.ico2:before{
  background-position:0 -92px;width:30px;height:30px
}

html.no-svg .page_content li:before,
html.no-svg .box_icon:before{
  background-image: url(../layout/icons.png)
}

*+html .si{
  text-indent: 0;
  font-size: 0;
  line-height: 0;
  zoom:1;
}

/**grid 1*/
.jgrid{
  text-align: justify !important;
  text-justify: distribute-all-lines;
  font-size: 0 !important;
}

*:-o-prefocus, .jgrid {
  font-size: 0.5px !important;
}

.jgrid > *{
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  text-align: left;
}

*+html .jgrid > * {
  display: inline;
  zoom: 1;
}

.jgrid:after{
  content: "";
  width: 100%;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

*+html .jgrid {
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("span") ).style.fontSize="0");
}

/**GRIDD**/
.gridd{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0 0 0 -3%;
  padding: 0;
  list-style: none;
  max-width: 105%;
}

.gridd > *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin:0 -.25em 0 3%;
  padding: 0;
  list-style: none;
  overflow: visible;
}

.gridd .col1{width: 97%;}
.gridd .col2{width: 47%;}
.gridd .col4{width: 22%;}
.gridd .col3{width: 30.361%;}
.gridd .col5{ width: 17.07%; }
.gridd .col25{width: 37%;}
.gridd .col23{width: 63.666666666%;}

*+html .gridd > *{
  display: inline;
  zoom: 1;
  overflow: visible;
}

.gridd img{
  max-width: 100%;
}

.gridd table{
  width: 100%;
}

.center{
  text-align: center;
}

.bold{
  font-weight: bold;
}

.nowrap{
  white-space: nowrap;
}

.align-right{
  text-align: right;
}

/**clear**/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
  clear: both;
}

*+html .cf {
  zoom: 1;
}

.clear {
  clear:both;
  font-size:1px;
  height:0.01px;
  line-height:1px;
  margin:0;
  padding:0;
}

/**BTNS**/


/***float***/
.fl{
  float: left;
}

.fr{
  float: right;
}

.rel{
  position: relative;
}

.dblock{
  display: block;
}

/**PADDINGs**/
.padd_b20{
  padding-bottom: 20px;
}

.padd_tb30{
  padding-top: 30px;
  padding-bottom: 30px;
}

.padd_t30{
  padding-top: 30px;
}

.padd_b30{
  padding-bottom: 30px;
}


/***MARGIN**/


/**widths**/
.w100{
  width: 100%;
}

.w40p{
  width: 40%;
}

.w60p{
  width: 60%;
}

.quarter{
  float: left;
  width: 25%;
}

.third{
  float: left;
  width: 33.3333%;
}

.half{
  float: left;
  width: 50%;
}

.wm160{
  min-width: 160px;
}

/**MQ**/
@media only screen and (max-width: 1100px){
  body{
    min-width: 320px;
    overflow-x: hidden;
  }

  .wrapper,
  .wrapper2,
  .wrapper3,
  .wrapper4{
    width: auto;
    max-width: 960px;
  }
}

@media only screen and (max-width: 960px) {
  .btn_fb{
    display: none;
  }
}

@media only screen and (max-width: 760px) {
  .wrapper2,
  .wrapper3{
    max-width: 550px;
  }

  #header{
    height: 60px;
  }

  .hlogo{
    position: relative;
    float: left;
    width: 110px;
  }

  .dl-menuwrapper{
    float: right;
  }

  .dl-trigger{
    display: block;
  }

  .top_menu{
    display: none;
    position: absolute;
    left:0;
    width: 100%;
    height: auto;
    top: 100%;
    z-index: 10;
    background: #24262b;
    border-bottom: 1px solid #4f5259;
  }

  .top_menu.dl-menuopen{
    display: block;
  }

  .top_menu > li{
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
    padding: 0;
    float: none;
  }

  .top_menu > li > a{
    width: 100%;
    border-top: 1px solid #4f5259;
    padding: 8px 60px 8px 73px;
    text-align: left;
    height: auto;
    line-height: 1.4;
    font-size: 16px;
  }

  .top_menu > li > a strong{
    display: inline-block;
    padding: 0 0 0 12px;
    vertical-align: middle;
  }

  .top_menu li.hide{
    display: block;
  }

  .top_menu li.finished ul{
    display: block;
  }

  .top_menu button{
    display: block;
  }

  .top_menu ul a{
    padding-left:80px;
    white-space: normal;
    border-top: 1px solid #4f5259;
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #bfc3c9;
    text-transform: uppercase;
    padding-top: 12px;
    padding-bottom: 11px;
    transition: all .2s;
  }

  .top_menu a:hover,
  .top_menu li.active > a{
    background: #e2051b;
    color: #fff;
  }

  .dl-submenu{
    position: relative;
    width: auto;
    height: auto;
    overflow: hidden;
    opacity: 1;
    left:auto;
    top: auto;
    transition: none;
    border-left: 0 !important;
    display: none;
  }

  .btn_basket{
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
  }

  .btn_basket span{
    display: none;
  }

  .btn_basket .si{
    vertical-align: middle;
    top: auto;
    margin-right: 0;
    margin-top: -2px;
  }

  .megamenu{
    display: none;
  }

  #footer .col4{
    width: 47%;
    padding: 10px 0
  }

  .social_footer a + a {
    margin-left: 0;
  }
}

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

}








/*.vjs-default-skin .vjs-big-play-button {
left: 40%;
top: 40%;
width: 20%;
height: 20%;}*/