/*------------------------------------*\
    $FONTS
\*------------------------------------*/
@font-face {
  font-family: 'metaplusregular';
  src: url('../fonts/meta-plus-regular.eot');
  src: url('../fonts/meta-plus-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/meta-plus-regular.woff2') format('woff2'), url('../fonts/meta-plus-regular.woff') format('woff'), url('../fonts/meta-plus-regular.ttf') format('truetype'), url('../fonts/meta-plus-regular.svg#metaplusregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/*#Global Header + Footer */
/*#End Global Header + Footer */
/*Box Background Color*/
/* Color & Hover */
@media (min-width: 1200px) {
  .container {
    width: 1044px;
  }
}
body {
  font-family: metaplusregular;
  font-size: 1.4rem;
  overflow-x: hidden;
  background-color: #222222;
}
[lang=cs-cz] body,
[lang=cs] body,
[lang=pl-pl] body,
[lang=pl] body {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
li {
  list-style: none;
}
.img-responsive {
  display: inline-block;
}
h1,
h2,
h3,
h4 {
  text-transform: uppercase;
  margin: 30px 0;
  font-weight: bold;
}
h1 {
  font-size: 3.6rem;
}
h2 {
  font-size: 1.6rem;
}
.no-padding {
  padding: 0;
}
.fancybox-inner {
  overflow: auto!important;
}
@media (min-width: 768px) {
  .vcenter {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: -3px;
  }
}
/*#region Red Rubbon */
.red-rubbon {
  width: 100%;
  background-color: #ea1f26;
  height: 36px;
  overflow: hidden;
}
.red-rubbon .parent-brand-logo {
  padding: 5px 8px 5px 5px;
  position: relative;
  z-index: 1000;
}
.red-rubbon .intro a {
  padding-right: 18px;
  padding-left: 8px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJBAMAAAAbVLtZAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAgEDF2BAwIGCf64j2264AAAA1SURBVAjXYwCBBgYIMA6A0NZuDAyKgoKCq3cnMEjvBgEHhiIlJSXvzQEQ+QkQdRZQfQUMDACQRws6ikutDAAAAABJRU5ErkJggg==') /*/content/images/global/arrow-red-ribbon.png*/;
  background-position: right center;
  background-repeat: no-repeat;
  font: 12px/2.17 bold "Arial Bold", Verdana, sans-serif;
  color: #ffffff;
  text-decoration: none;
  line-height: 36px;
  position: relative;
  z-index: 1000;
}
/*#endregion */
/*------------------------------------*\
    $HEADER + FOOTER
\*------------------------------------*/
.header,
.footer,
.render-body {
  background: #222222;
}
.header {
  padding: 15px 0;
}
.header .language-selector {
  text-align: right;
  text-transform: uppercase;
}
.header .language-selector .lang {
  display: inline-block;
}
.header .language-selector .lang a {
  text-decoration: none;
  color: #757575;
  padding: 0 9px;
  border-left: 1px solid #757575;
}
.header .language-selector .lang a.active {
  color: #ffffff;
}
.header .language-selector .lang a:first-child {
  padding-left: 0;
  border-left: 1px solid transparent;
}
.footer {
  padding: 15px 0;
}
.footer .copyright,
.footer .links li a {
  color: #757575;
}
.footer .links ul {
  padding: 0;
}
.footer .links ul li {
  display: inline-block;
  padding: 0 9px;
  border-left: 1px solid #757575;
}
.footer .links ul li:first-child {
  padding-left: 0;
  border-left: 1px solid transparent;
}
.footer .copyright {
  text-align: right;
}
.footer .social {
  text-align: center;
  padding: 10px 0;
}
.footer .social ul {
  padding: 0;
}
.footer .social ul li {
  display: inline-block;
  padding: 0 15px;
}
.footer .social ul li a {
  content: "";
  background: url('../images/global/social-sprite.png') no-repeat;
  display: block;
  width: 35px;
  height: 35px;
}
.footer .social ul li.facebook a {
  background-position: 0 0;
}
.footer .social ul li.twitter a {
  background-position: -130px 0;
}
.footer .social ul li.youtube a {
  background-position: -195px 0;
}
.footer .social ul li.google a {
  background-position: -65px 0;
}
.footer .social ul li.instagram a {
  background-position: -836px 0;
}
/*Header Custom*/
@media (min-width: 992px) {
  .header.global {
    padding-bottom: 0;
  }
  .header.global .navbar {
    margin-bottom: 0;
  }
  .header.global .navbar-collapse.collapse .language-selector {
    float: right;
    display: inline-block;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .header.global .navbar-collapse.collapse .header-search {
    float: right;
    display: inline-block;
    padding: 15px 0 7px 10px;
  }
  .header.global .navbar-collapse.collapse .header-search img {
    margin-top: -5px;
    padding-left: 5px;
  }
  .header.global .navbar-collapse.collapse .navbar-nav.link {
    display: block;
    float: right;
  }
  .header.global .navbar-collapse.collapse .navbar-nav.link a {
    color: #eaeaea;
    font-size: 14px;
  }
  .header.global .navbar-collapse.collapse .navbar-nav.link a:hover,
  .header.global .navbar-collapse.collapse .navbar-nav.link a:focus {
    background-color: #222222;
  }
  .header.global .navbar-collapse.collapse .navbar-nav {
    display: block;
    float: left;
  }
  .header.global .navbar-collapse.collapse .navigation {
    /*position: absolute;
            top: 90px;
            left: 0;
            z-index: 200;
            width: 100%;*/
    position: relative;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    display: inline-block;
    padding-top: 15px;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav {
    padding-top: 16px;
    margin-left: -15px;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav a {
    color: #000000;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav a.active {
    color: #5eaba8;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav a.active:hover {
    color: #287471;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav a:hover {
    color: #ffffff;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav a:focus,
  .header.global .navbar-collapse.collapse .navigation .navbar-nav a.active:focus {
    background-color: transparent;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav a:hover,
  .header.global .navbar-collapse.collapse .navigation .navbar-nav .dropdown-toggle:hover,
  .header.global .navbar-collapse.collapse .navigation .navbar-nav .dropdown-menu a:hover {
    background-color: transparent;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav .dropdown {
    z-index: 201;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav .dropdown .background {
    position: absolute;
    background-color: #292929;
    filter: alpha(opacity=95);
    -moz-opacity: .95;
    opacity: .95;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav .dropdown .dropdown-menu {
    padding: 0;
    background-color: transparent;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav .dropdown .dropdown-menu a {
    color: #ffffff;
    text-transform: none;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav .dropdown .dropdown-menu a:hover {
    color: #5eaba8;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav > li:first-child a {
    padding-left: 0;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav > li a {
    color: #ffffff;
  }
  .header.global .navbar-collapse.collapse .navigation .navbar-nav li > ul > li a {
    padding-left: 15px !important;
  }
  .header.global .navbar-collapse.collapse .buy-now {
    float: right;
    padding-top: 20px;
  }
}
/*@media(min-width:1200px) {
    .header.global {
        .navbar-collapse.collapse {
            .navigation {
                top: 110px;
            }
        }
    }
}*/
@media (max-width: 992px) {
  .footer .copyright,
  .footer .links li a {
    text-align: center;
  }
  .footer .links ul {
    padding: 0;
  }
  .footer .links ul li {
    border-left: none;
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .dropdown-menu {
    min-width: 200px;
  }
  .dropdown-menu li {
    padding: 5px;
  }
  .dropdown-submenu {
    position: relative;
  }
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ffffff;
    margin-top: 10px;
    margin-right: -10px;
  }
  .dropdown-submenu:hover > a:after {
    border-left-color: #fff;
  }
  .dropdown-submenu.pull-left {
    float: none;
  }
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
  }
  .header .language-selector {
    border-left: 1px solid #757575;
  }
  .header .header-search {
    border-left: 1px solid #757575;
  }
  .footer .social {
    display: none;
  }
}
@media (max-width: 768px) {
  .header .navbar-collapse {
    right: -240px !important;
    width: 220px !important;
  }
}
@media (max-width: 992px) {
  /*.red-rubbon {
        position: fixed;
        z-index: 666;
    }*/
  .header.global .navbar {
    margin-bottom: 15px !important;
  }
  .header {
    /*padding-top: 51px;*/
  }
  .header .logo {
    float: left;
    width: 60%;
  }
  .header .navbar-toggle {
    padding: 0;
    margin-top: 0;
  }
  .header .navbar-toggle .icon-bar {
    background-color: white;
    margin: 8px 0;
    height: 4px;
    width: 50px;
  }
  .header .navbar-collapse {
    background-color: #222222;
    position: absolute;
    top: -15px;
    right: -300px;
    width: 280px;
    padding: 0 0 30px 0;
    margin: 0;
    border-top: 1px solid transparent;
    border-left: 1px solid #1d1d1d;
    -moz-box-shadow: -3px 0 5px 0 #1d1d1d;
    -webkit-box-shadow: -3px 0 5px 0 #1d1d1d;
    box-shadow: -3px 0 5px 0 #1d1d1d;
    z-index: 99;
  }
  .header .navbar-collapse .header-search {
    display: none !important;
  }
  .header .navbar-collapse .language-selector {
    float: none;
    text-align: left;
    padding: 20px 15px 10px 15px;
    margin: 0;
  }
  .header .navbar-collapse .navbar-nav {
    margin: 0 15px;
    padding: 0;
  }
  .header .nav .open > a,
  .header .nav .open > a:hover,
  .header .nav .open > a:focus {
    background-color: #222222;
  }
  .header .navbar-nav a:focus,
  .header .navbar-nav a:hover,
  .header a,
  .header a:hover,
  .header a:focus {
    background-color: #222222;
    color: #ffffff;
  }
  .header .navbar-nav > li > a {
    padding: 10px 0;
  }
  .header .dropdown-menu > li > a {
    color: #ffffff;
  }
  .header .dropdown-toggle:hover,
  .header .dropdown-toggle:focus,
  .header .mobile:hover,
  .header .mobile:focus {
    background-color: #222222;
  }
  .header .dropdown-toggle {
    float: left;
    width: 60%;
  }
  .header .dropdown-submenu .dropdown-menu {
    padding: 5px 15px 5px 25px;
  }
  .header .navbar-nav.link {
    margin: 0 15px;
    border-bottom: 1px solid #ffffff;
  }
  .header .mobile {
    width: 40%;
    float: left;
    text-align: center;
    clear: none;
  }
  .header .buy-now {
    margin-left: 15px;
  }
  .header .navigation li {
    display: inline-block;
    width: 100%;
  }
  .header .navigation li a {
    text-transform: uppercase;
    white-space: normal;
  }
  .header .navigation .dropdown-menu li a {
    text-transform: none;
  }
  .footer .copyright {
    border-top: 1px solid #757575;
    padding-top: 5px;
  }
  .footer .links ul li:first-child {
    padding-left: 15px;
  }
}
.open-menu .header,
.open-menu .footer,
.open-menu .render-body {
  right: 240px;
  position: relative;
}
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
.btn {
  font-family: metaplusregular;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 6px;
}
[lang=cs-cz] .btn,
[lang=cs] .btn,
[lang=pl-pl] .btn,
[lang=pl] .btn {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
.btn.btn-default {
  color: #ffffff;
  border-color: transparent;
  background-color: #5eaba8;
  padding: 8px 36px;
}
.btn.btn-default:hover {
  background-color: #287471;
}
.btn.btn-transparent {
  background-color: transparent;
}
.btn.btn-transparent:before {
  content: "\e080";
  font-size: 1.8rem;
  font-family: 'Glyphicons Halflings';
  margin-top: 6px;
}
.content {
  line-height: 1.8;
}
.content h1 {
  margin-bottom: 30px;
}
.content h2,
.content h3,
.content h4,
.content p {
  margin-bottom: 15px;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content p {
  color: #ffffff;
  text-align: left;
}
.content .text {
  color: #ffffff;
}
.content img {
  margin-bottom: 15px;
}
blockquote {
  font-size: 1.8rem;
  font-style: italic;
  text-align: center;
  border: none;
  padding: 0;
  margin: 0;
}
blockquote:before {
  content: '"';
}
blockquote:after {
  content: '"';
}
@media (min-width: 992px) {
  .content img {
    float: left;
    margin-right: 15px;
  }
}
.article-info {
  text-transform: uppercase;
  padding-top: 0;
  margin-bottom: 16px;
}
.article-info .article {
  font-weight: bold;
}
.article-info .article,
.article-info .date {
  color: #ffffff;
  text-transform: uppercase;
}
.article-info .tags ul {
  margin: 0;
  padding: 0;
}
.article-info .tags ul li {
  display: inline-block;
}
.article-info .tags ul li a {
  color: #ffffff;
}
/* Rating */
.rating {
  overflow: hidden;
  display: inline-block;
  font-size: 0;
  position: relative;
  vertical-align: bottom;
  margin-left: 16px;
}
.rating-input {
  float: right;
  /*width: 22px;*/
  height: 21px;
  padding: 0;
  margin: 0 0 0 -21px;
  opacity: 0;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
  background-position: 0 0;
}
.rating-star,
.rating:hover .rating-star {
  position: relative;
  float: right;
  display: block;
  width: 22px;
  height: 21px;
  background: url('../images/global/rating.png') 0 -21px;
}
.cursor {
  cursor: pointer;
}
/*#region Form Validators */
.field-validation-error > span {
  color: #d31245;
  font-weight: bold;
  display: block;
  padding: 8px 0;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}
/*#endregion */
/*content filling */
.table-overflow {
  overflow-x: auto;
  overflow-y: scroll;
  height: 320px;
}
.age,
.health,
.power,
.digestion,
.sensitive,
.adult,
.puppy,
.weight {
  width: 100%;
}
.age tr td,
.health tr td,
.power tr td,
.digestion tr td,
.sensitive tr td,
.adult tr td,
.puppy tr td,
.weight tr td {
  text-align: center;
}
.age tr td:first-child,
.health tr td:first-child,
.power tr td:first-child,
.digestion tr td:first-child,
.sensitive tr td:first-child,
.adult tr td:first-child,
.puppy tr td:first-child,
.weight tr td:first-child {
  text-align: left;
}
.puppy tr:nth-child(odd) {
  background-color: #6eb93e;
}
.puppy td {
  border: 1px solid #62a537;
}
.adult tr:nth-child(odd) {
  background-color: #F7ACB6;
}
.adult td {
  border: 1px solid #B5747D;
}
.sensitive tr:nth-child(odd) {
  background-color: #B6B3E1;
}
.sensitive td {
  border: 1px solid #7875A2;
}
.digestion tr:nth-child(odd) {
  background-color: #34dddd;
}
.digestion td {
  border: 1px solid #0b76ac;
}
.power tr:nth-child(odd) {
  background-color: #c987ba;
}
.power td {
  border: 1px solid #c375ba;
}
.health tr:nth-child(odd) {
  background-color: #d7862d;
}
.health td {
  border: 1px solid #e48824;
}
.age tr:nth-child(odd) {
  background-color: #a9a9d5;
}
.age td {
  border: 1px solid #9696bd;
}
.weight tr:nth-child(odd) {
  background-color: #d8a929;
}
.weight td {
  border: 1px solid #c39823;
}
ul.disc li {
  list-style-type: disc;
}
.good-bad {
  width: 100%;
  color: #fff;
  text-align: left;
}
.good-bad th {
  position: relative;
  padding-bottom: 8px;
}
.good-bad th:first-child {
  border-bottom: 2px solid #75C044;
}
.good-bad th:last-child {
  border-bottom: 2px solid #EF1D24;
}
.good-bad img {
  position: absolute;
  bottom: -11px;
  left: -2px;
}
.content .good-bad img {
  margin: 0;
}
.good-bad strong {
  display: inline-block;
  margin-top: 12px;
}
.good-bad td:first-child strong {
  color: #75C044;
}
.good-bad td:last-child strong {
  color: #EF1D24;
}
/*#region Fix IE 9 */
@media (min-width: 768px) {
  .ie9 .dropdown:hover > .dropdown-menu {
    margin-top: -16px;
  }
}
/*# sourceMappingURL=common.css.map */