@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&display=swap&subset=latin-ext');

html body {
  font-family: 'Raleway', sans-serif;
  background: #eee;
}

footer .copy {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #111;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  text-align: left;
}
h1.title.text-center {
  text-align: left;
}
h2 {
  margin-bottom: 30px;
  text-transform: uppercase;
}
a, .thumbnail h2 a {
  color: #111;
}
main a {
  text-decoration: underline;
}
main a.btn, .thumbnail h2 a {
  text-decoration: none;
}
.cardbox a {
  text-decoration: none;
}
a:hover, a:focus, .thumbnail h2 a:hover, .thumbnail h2 a:focus {
  text-decoration: none;
  color: #d8191e;
}
#top-ribbon {
  color: #a8a8a8;
  text-align: right;
  background: #231f20;
}
#motive {
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: cover;
  background-position: center;
  text-align: left;
  font-family: 'Raleway', sans-serif;

  display: none;
}
#index #motive {
  display: block;
  min-height: 250px;
}
#motto {
  display: none;
}
#motto #motto-text {
  text-align: left;
  margin: 0;
  display: block;
  padding: 15px;
  background: #fff;
  width: 40%;
  color: #111;
}
#motto p#motto-title {
  text-shadow: none;
  text-align: left;
  background: #d8191e;
  display: inline-block;
  margin: 0;
  padding: 15px;
  line-height: 1;
  color: #fff;
  margin-top: 150px;
  font-size: 60px;
}
#border {
  border: 0;
  padding-top: 0 !important;
}

/* navbar */
.navbar .navbar-nav > li > a {
  color: #313131;
  font-weight: 700;
}
.navbar {
  font-family: 'Raleway', sans-serif;
  box-shadow: none;
  font-size: 14px;
  letter-spacing: 0;
  position: static;
}
.navbar-default li.active > a:before {
  display: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  border: 0;
}
.navbar .navbar-nav > .active > a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
  color: #d8191e;
}
.navbar-default .navbar-nav > li > a {
  height: auto;
  display: block;
  margin-top: 10px;
}
.logo {
  width: 200px;
  position: relative;
}
.logo a {
  position: absolute;
  top: 0;
  margin-top: -23px;
}
.navbar .logo img {
  max-height: 75px;
}
.dropdown.open ul.dropdown-menu {
  top: 100px;
  background: #231f20;
}
.navbar-default .navbar-toggle {
  border: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #111;
}
.dropdown-menu ul {
  text-align: right;
}
ul.dropdown-menu li ul li {
  border-bottom: 1px dashed #000;
}

#top-eshop a {
  color: #fff;
  background: #d8191e;
  margin-left: 35px;
  padding: 5px 8px;
  transition: all .3s;
  border-radius: 4px;
}
#top-eshop a:hover {
  background: #111;
}
#top-eshop a:before {
  content: "\f08e";
  font-family: fontawesome;
  margin-right: 5px;
  font-size: 10px;
}

/* footer */
footer.col-lg-12 {
  background: #111;
  border-top: 0;
  margin-top: 0;
  color: #6a6a6a;
}
footer .container {
  margin: 0 auto;
}
footer h4 {
  color: #fff;
}
footer ul {
  padding: 0;
  list-style: none;
  line-height: 2;
}
footer a {
  color: #6a6a6a;
}
footer a:hover, footer a:focus {
  color: #d8191e;
}
footer h4 {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#footbox .row:last-child {
  padding-top: 15px;
  margin-top: 30px;
  border-top: 1px solid #212121;
  font-size: 14px;
}
#footbox {
  padding: 50px 0 15px 0;
}
footer .social-fb, footer .social-tw, footer .social-insta {
  font-size: 25px;
  margin-right: 15px;
}


/* kontakt */
#supportPage .row > div {
  margin-bottom: 35px;
  text-align: left;
  font-size: 15px;
}
#supportPage ul {
  list-style: none;
  padding: 0;
}
#supportPage h3 {
  text-transform: none;
  font-size: 18px;
  margin: 0;
  margin-bottom: 10px;
  font-weight: 500;
}
#supportPage h2 {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 24px;
}
#supportPage .itm, .itm {
  background: #fff;
  padding: 15px;
}
#supportPage .itm h3:nth-of-type(2) {
  margin-top: 30px;
  border-top: 1px solid #efefef;
  padding-top: 10px;
}
#supportPage .double {
  padding: 0;
}
#supportPage ul {
  margin-bottom: 0;
}
.itms > div:nth-child(2) {
  background: #fff;
  padding: 15px;
}
.itms {
  margin-bottom: 30px;
  background: #fff;
  padding: 15px 0;
  text-align: left;
}
.itms h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 22px;
}
.itms ul {
  padding-left: 20px;
}
#supportPage .fa {
  margin-right: 5px;
}

/* kariera */
.kariera-kontakt ul {
  list-style: none;
  padding: 15px;
  background: #fff;
  line-height: 1.8;
}
.kariera-kontakt ul li:first-child {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}
.kariera-kontakt .fa {
  margin-right: 0;
  width: 25px;
}
.kariera h3 {
  margin-bottom: 25px;
  margin-top: 10px;
}
.kariera h4 {
  font-weight: 500;
}

/* ostatni */
article {
  margin: 0;
  padding: 0 !important;
  float: none;
}
main {
  padding: 50px 15px 60px 15px;
  margin: 0;
  background: transparent;
}
#index main {
  padding-top: 0;
}
strong {
  font-weight: 600;
}
ul {
  line-height: 1.6;
  text-align: left;
  list-style-type: square;
}
.list-float {
  column-count: 2;
}
.p-top {
  padding-top: 50px;
}
.date {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 5px;
}
.mg-bottom-10 {
  margin-bottom: 10px;
}
.mg-bottom-25 {
  margin-bottom: 25px !important;
}
.mg-top-10 {
  margin-top: 10px !important;
}
.mg-top-25 {
  margin-top: 25px !important;
}
hr {
  border-top: 2px dashed #eee;
}
.smallFont {
  font-size: 15px;
}

/* gallery */
.gallery-detail .photos .thumbnail:hover, .article-detail .photos .thumbnail:hover, .product-detail #tab-images .col-lg-4 .thumbnail:hover, #galleriesphoto .thumbnail:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}
#photogalleries .caption > * {
  display: none;
}
#photogalleries .caption h2, #photogalleries .caption .more {
  display: block;
}
#photogalleries .caption .more {
  position: static;
  margin: 0;
  border-top: 1px solid #efefef;
  margin-top: 25px;
  padding-top: 10px;
  text-align: left;
}
#photogalleries .caption .more a {
  padding: 0;
  background: transparent;
  color: #111;
  border-radius: 0;
  border: 0;
  font-size: 13px;
  font-weight: 400;
  transition: all 0.3s;
}
#photogalleries .caption .more a:hover {
  color: #d8191e;
}
#photogalleries .thumbnail {
  border-radius: 0;
}
.thumbnail .caption {
  padding: 15px;
}
.thumbnail h2 {
  font-size: 22px;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
  text-transform: none;
}
#photogalleries .thumbnail {
  padding: 0;
  background: #fff;
}
.gallery-detail .photos .thumbnail {
  border: 10px solid #fff !important;
}
#galleries h1, .gallery-detail h1 {
  margin-bottom: 30px;
}
.gallery-detail .photos {
  margin-top: 0;
}

/* stahnout */
ul#list-downloads {
  margin: 10px 0;
}
#table-downloads strong {
  font-weight: normal;
}

/* btn */
.btn, a.btn.btn-link {
  background: #111;
  color: #fff;
  border-radius: 4px;
  padding: 10px 20px;
  border-color: #111;
  font-weight: 400;
}
a.btn.btn-link {

}
.btn:hover, a.btn.btn-link:hover, .btn:focus {
  border-radius: 4px;
  background: #d8191e;
  border-color: #d8191e;
}
.content {
  background: #fff;
  padding: 15px;
}

/* second */
#second .container {
  border-bottom: 0;
  margin: 0 auto;
}
#second {
  background: #fff;
  display: none;
  margin-top: 0;
  min-height: auto;
}
#index #second {
  display: block;
}
#wrap #panel-custom-1, #wrap #panel-custom-2, #wrap #panel-news, #wrap #panel-photos, #wrap #panel-favourites {
  margin: 0;
}
#panel-custom-2 {
  padding: 60px 0;
}
#second .container h3.panel-title {
  text-align: left;
}
.brd {
  border-right: 1px solid #efefef;
  padding-right: 35px;
}
.brd + div {
  padding-left: 35px;
}

.cardbox {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  margin-bottom: 30px;
  padding: 0;
  text-align: center;
}
.cardbox > div {
  padding: 15px;
  text-align: left;
}
.cardbox h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
}
.cardbox p {
  margin: 0;
  border-top: 1px solid #efefef;
  margin-top: 25px;
  padding-top: 10px;
  font-size: 13px;
}
.cardbox img {
  max-height: 264px;
}

/* box */
.box {
  background: #fff;
  padding: 60px 15px;
  text-align: justify;
}
.box-full {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.box-news {
  color: #6a6a6a;
  background: #111;
}
.box-news h2 {
  color: #fff;
}

/* formular */
.article-detail article .form-group input[type="text"], .article-detail article .form-group textarea {
  border: 2px solid #333;
  padding: 25px 15px;
}
.asterisk {
  font-size: 30px;
}
form.form-horizontal {
  width: 75%;
  margin: auto;
}

/* responsive */
@media (min-width: 991px) and (max-width: 1200px) {
  /* fix menu */
  .navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 991px) {
  #navbar ul.nav > li:last-child a {
    padding-right: 15px;
  }
  .navbar-collapse.in .nav.navbar-nav, .navbar-collapse {
    padding-left: 0;
  }
  #navbar, .navbar-nav {
    margin: 0;
  }
  article {
    padding: 40px 0;
  }
  .logo a {
    position: static;
  }
  .navbar .logo img {
    max-height: 55px;
  }
  .navbar-default .navbar-nav > li > a {
    margin-top: 0;
  }
  .brd {
    border-right: 0;
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-right: 15px;
  }
  .brd + div {
    padding-left: 15px;
  }
  .navbar-default .navbar-nav > li > a {
    line-height: 1;
  }
  .dropdown.open ul.dropdown-menu {
    top: 0;
  }
}
@media (max-width: 768px) {
  #footbox .row:last-child, #footbox .text-right {
    text-align: center;
  }
  .list-float {
    column-count: 1;
  }
  .itms {
    padding-left: 15px;
    padding-right: 15px;
  }
  .itms > .col-xs-12.col-sm-3 {
    padding: 0;
  }
  #supportPage .double .col-sm-6:last-child {
    margin-top: 15px;
  }
  #top-eshop {
    display: block;
    margin-top: 10px;
  }
  .cardbox {
    text-align: left;
  }
  .itms-m {
    margin-top: 20px;
  }
  main {
    padding: 30px 15px 30px 15px;
  }
  .box {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .itms > div:nth-child(2) {
    padding: 15px 0 0 0;
  }
  .itms > .col-xs-12.col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 550px) {
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 400px) {
  #photogalleries .thumbnail a.link-thumbnail {
    margin-bottom: 0;
  }
}