/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



.boxedcontainer {
  max-width: 1170px;
  margin: auto;
  padding: 0px 30px;
}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

a,
a:visited,
a:active {
  color: #444444;
}

a.btn,
a.btn:visited,
a.btn:active {
  color: #ffffff;
  white-space: inherit;
}

input[type=submit],
a.submit {
  border-radius: 0;
  margin: 5px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  padding: 12px;
  color: #ffffff;
}

.small input[type=submit],
.small a.submit {
  border-radius: 0;
  margin: 2px;
  font-size: 12px !important;
  font-weight: normal;
  display: inline-block;
  color: #ffffff;
  padding: 8px;
}

.signup-form label {
  color: #ffffff;
  font-weight: normal;
}

.tp-banner-container {
  width: 100%;
  position: relative;
  padding: 0;

}

.tp-banner {
  width: 100%;
  position: relative;
}

.logo img {
  max-width: 350px;
}


@media(max-width:767px) {
  .logo img {
    max-width: 300px;
  }
}


.tp-banner-fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0;
}

#cart-table {
  margin-top: 10px;
}

.table.cart>tbody>tr>td {
  vertical-align: middle;
}

.cart-block-title {
  font-size: 20px;
  padding: 6px;
  margin: 0px;
  vertical-align: middle;
}

.cart-block-title .icon {
  font-size: inherit;
  font-size: 110%;
  color: #888888;
  margin-right: 20px;
}

.shipping-block {
  background: #fafafa;
  border: solid 1px #e4e4e4;
  float: left;
  width: 100%;
  padding: 10px;
}

.shipping-block h3 {
  font-size: 20px;
}

.services-two .service-sec .icon {
  background-color: transparent;
}

.latest-news .post.item .img-container {
  display: block;
  height: 242px;
  background-size: cover;
  background-position: center center;
}



.same-height {
  position: relative;
}

.same-height:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 60%;
}

.same-height>.content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 40px;
}

.header2.sticky {
  z-index: 49000;
}

.modal-backdrop {
  z-index: 55999;
}

.modal {
  z-index: 56000;
}

a.image-link {
  display: block;
}

a.image-link:hover .img-container {
  opacity: 0.8;
}

a.image-link:hover {
  background-color: #000000;
}

.latest-news .post.item {
  margin-bottom: 30px;
}

.caption {
  position: absolute;
  bottom: 0px;
  right: 25px;
  left: 25px;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}

@media only screen and (max-width: 1024px) {
  .caption {
    left: 10px;
    right: 10px;
  }
}


.splash-title {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  padding: 20px;
  font-size: 45px;
  background-color: #ffffff;
  right: 50px;
  top: 50px;
  z-index: 20;
  color: #333333;
}

@media(max-width:992px) {
  .splash-title {
    padding: 15px;
    font-size: 35px;
  }
}

@media(max-width:767px) {
  .splash-title {
    padding: 8px;
    font-size: 25px;
    right: 15px;
    bottom: 20px;
    top: auto;
  }

  .map {
    width: 80%;
    margin: 0px auto;
  }
}



#page .header a {

  display: block;
  width: 40px;
  height: 41px;
  position: absolute;
  top: -70px;
  border-radius: 2px;
  z-index: 99999;
  right: 0;
  font-size: 30px;
  text-align: center;

}

#page .header {
  padding: 0px;
  display: inline;
}

div#page {
  float: right;
  position: relative;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.treemenu ul {
  padding-left: 10px;
}

.treemenu li {
  margin-bottom: 3px;
  padding: 6px;
}

.treemenu li a {
  font-size: 16px;
  font-weight: 300;
}

li.tree-empty>.toggler {
  opacity: 0;
}

.promotion-container {
  position: absolute;
  width: 100%;
  z-index: 20;
  top: 0;
  left: 0;
}

.promotion-content {
  display: none;
  margin-top: 80px;
  margin-left: 50px;
  padding: 30px;
  max-width: 600px;
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 10px solid #525866;
}

.promotion-title {
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0px;
  font-size: 35px;
  padding-bottom: 20px;
  font-weight: 600;
  color: #333333;
}

.promotion-description {
  font-size: 20px;
  letter-spacing: 1px;
  padding-bottom: 30px;
}


.promotion-container a.read-more {
  margin: 35px 0 0 0;
  background-color: #525866;
  padding: 12px 30px;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  border-radius: 0px;
}

.promotion-container a.read-more:hover {
  background-color: #c6cad5;
  color: #525866;
}



@media(max-width:767px) {
  .promotion-content {
    margin: 15px 0px;
    padding: 15px;
    max-width: 100%;
    border-bottom: 5px solid #525866;
  }

  .promotion-title {
    font-size: 16px;
    padding-bottom: 5px;
  }

  .promotion-description {
    font-size: 12px;
    padding-bottom: 10px;
  }

  .promotion-container a.read-more {
    margin: 15px 0 0 0;
    padding: 5px 15px;
    font-size: 12px;
  }
}


.newsletter-subscribe {
  padding: 90px 0;
  background: #222222;
}

.newsletter-subscribe .main-title h2 {
  color: #fff;
}

.newsletter-subscribe .main-title p {
  color: #fff;
}

.newsletter-subscribe .services-sec .detail {
  width: 85%;
  float: right;
  color: #fff;
}

.newsletter-subscribe .services-sec .detail p {
  margin: 5px 0 0 0;
}

.newsletter-subscribe input {
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  padding: 15px;
  color: #ffffff;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  margin-top: 10px;
}

.newsletter-subscribe button {
  color: #000000;
  border: 0px;
  border-radius: 0px;
  padding: 15px;
  background-color: #ffffff;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  margin-top: 10px;
  text-transform: uppercase;
}

.sub-banner .detail {
  box-shadow: none;
}

.page-nav {
  margin-top: 20px;
  margin-bottom: 20px;
}

.page-nav h2 {
  font-weight: 700;
  font-size: 45px;
  font-family: 'Open Sans', sans-serif;
  color: #222222;
  font-weight: 300;
  margin-bottom: 5px;
}

.page-nav ul li {
  float: left;
  background: url(../images/paging-arrow.png) no-repeat right 9px;
  padding: 0 20px 0 0;
  margin: 0 12px 0 0;
}

.page-nav li {
  list-style: none;
}

.page-nav ul li:last-child {
  background: none;
}

.page-nav ul li:last-child a {
  color: #02adc6;
}

.form-control,
.btn,
.input-group-lg>.form-control,
.input-group-lg>.input-group-btn>.btn {
  border-radius: 0px;
}

.product-detail-description .btn-medium {
  border-radius: 0px;
}

.product-description {
  position: relative;
}

.product-description .price {
  margin-top: 15px;
}

.mobile-cart {
  padding: 10px;
}

.cart-table>.row {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c4c4c4;
}


.cart-table>.row.row-header {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 0px;
  margin-top: 0px;
}

.required-field {
  float: left;
  margin-top: 15px;
  right: 0;
  margin-left: -5px;
  width: 5px;
  height: 5px;
}

.required-field:before {
  content: '*';
  color: #ffffff;
}

.search-bar {
  z-index: 10000;
  display: none;
  width: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 1);
  padding: 9px 25px;
}

.search-bar .close i {
  font-size: 22px;
  margin: 4px 20px;
}

.search-bar input {
  outline: none;
  border: none;
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid #999;
}

#menu-scroll-container {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  /*left: 50%;*/
  width: 100%;
  /*transform: translateX(-50%);    */
}

#menu-scroll-container.visible {
  background-color: #fff;
  display: block;
  position: fixed;
  margin: 0px auto;
  top: 0;
  z-index: 10000;
}

.top-product-footer {
  margin-top: 15px;
  width: 100%;
  align-content: stretch;
  display: flex;
  flex-direction: row;
}

.top-product-footer .in-stock {
  flex-grow: 1;
}

.top-products-container {
  width: 100%;

  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  align-items: flex-start;
}

.top-product {
  width: 200px;
  flex-grow: 1;
  overflow: hidden;
  border: 1px solid transparent;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.top-product:hover {
  transform: scale(1.03);
}

.top-product h5 {
  margin-top: 5px;
  font-size: 17px;
  height: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.top-product h6 {
  padding: 0px 10px;
  font-size: 13px;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.top-product h6 p {
  font-size: 14px;
}

.top-product:not(:last-child) {
  margin-right: 15px;
}

.top-product img {
  width: 100%;
}

.services-two .basket-icon {
  display: inline-block;
  padding: 10px;
  border: 2px solid #000;
}

.icon-svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.icon-svg__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: currentColor;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.icon-svg:before {
  content: '';
  display: block;
}

.icon-svg--alert {
  width: 32px;
}

.icon-svg--alert:before {
  padding-top: 118.75%;
}

.icon-svg--arrow-down {
  width: 20px;
}

.icon-svg--arrow-down:before {
  padding-top: 100%;
}

.icon-svg--arrow {
  width: 20px;
}

.icon-svg--arrow:before {
  padding-top: 100%;
}

.icon-svg--avatar {
  width: 20px;
}

.icon-svg--avatar:before {
  padding-top: 100%;
}

.icon-svg--basket {
  width: 20px;
}

.icon-svg--basket:before {
  padding-top: 100%;
}

.icon-svg--box {
  width: 61.1px;
}

.icon-svg--box:before {
  padding-top: 68.73977086743044%;
}

.icon-svg--bubbles {
  width: 40px;
}

.icon-svg--bubbles:before {
  padding-top: 92.5%;
}

.icon-svg--burger {
  width: 24px;
}

.icon-svg--burger:before {
  padding-top: 66.66666666666666%;
}

.icon-svg--bus {
  width: 17px;
}

.icon-svg--bus:before {
  padding-top: 111.76470588235294%;
}

.icon-svg--cake {
  width: 38px;
}

.icon-svg--cake:before {
  padding-top: 94.73684210526315%;
}

.icon-svg--calendar {
  width: 20px;
}

.icon-svg--calendar:before {
  padding-top: 100%;
}

.icon-svg--car {
  width: 65px;
}

.icon-svg--car:before {
  padding-top: 66.15384615384615%;
}

.icon-svg--card {
  width: 49px;
}

.icon-svg--card:before {
  padding-top: 97.95918367346938%;
}

.icon-svg--check {
  width: 16px;
}

.icon-svg--check:before {
  padding-top: 81.25%;
}

.icon-svg--clock {
  width: 18px;
}

.icon-svg--clock:before {
  padding-top: 100%;
}

.icon-svg--cross {
  width: 16px;
}

.icon-svg--cross:before {
  padding-top: 100%;
}

.icon-svg--cupon {
  width: 38px;
}

.icon-svg--cupon:before {
  padding-top: 63.1578947368421%;
}

.icon-svg--czech {
  width: 43.7px;
}

.icon-svg--czech:before {
  padding-top: 100%;
}

.icon-svg--dots {
  width: 20px;
}

.icon-svg--dots:before {
  padding-top: 100%;
}

.icon-svg--email {
  width: 22px;
}

.icon-svg--email:before {
  padding-top: 100%;
}

.icon-svg--eshop {
  width: 18px;
}

.icon-svg--eshop:before {
  padding-top: 100%;
}

.icon-svg--facebook-plain {
  width: 22.4px;
}

.icon-svg--facebook-plain:before {
  padding-top: 215.625%;
}

.icon-svg--facebook {
  width: 32px;
}

.icon-svg--facebook:before {
  padding-top: 100%;
}

.icon-svg--fbshare {
  width: 16px;
}

.icon-svg--fbshare:before {
  padding-top: 100%;
}

.icon-svg--gift {
  width: 38px;
}

.icon-svg--gift:before {
  padding-top: 105.26315789473684%;
}

.icon-svg--hang {
  width: 40px;
}

.icon-svg--hang:before {
  padding-top: 85%;
}

.icon-svg--house {
  width: 42px;
}

.icon-svg--house:before {
  padding-top: 85.71428571428571%;
}

.icon-svg--info-full {
  width: 16px;
}

.icon-svg--info-full:before {
  padding-top: 100%;
}

.icon-svg--info {
  width: 16px;
}

.icon-svg--info:before {
  padding-top: 100%;
}

.icon-svg--instagram {
  width: 32px;
}

.icon-svg--instagram:before {
  padding-top: 100%;
}

.icon-svg--marker {
  width: 17px;
}

.icon-svg--marker:before {
  padding-top: 111.76470588235294%;
}

.icon-svg--pen {
  width: 17.21px;
}

.icon-svg--pen:before {
  padding-top: 99.8721673445671%;
}

.icon-svg--phone {
  width: 16px;
}

.icon-svg--phone:before {
  padding-top: 100%;
}

.icon-svg--pinterest {
  width: 32px;
}

.icon-svg--pinterest:before {
  padding-top: 100%;
}

.icon-svg--questions {
  width: 38px;
}

.icon-svg--questions:before {
  padding-top: 100%;
}

.icon-svg--search {
  width: 20px;
}

.icon-svg--search:before {
  padding-top: 100%;
}

.icon-svg--shadow {
  width: 30px;
}

.icon-svg--shadow:before {
  padding-top: 100%;
}

.icon-svg--share {
  width: 24px;
}

.icon-svg--share:before {
  padding-top: 95.83333333333334%;
}

.icon-svg--star-spec {
  width: 36px;
}

.icon-svg--star-spec:before {
  padding-top: 105.55555555555556%;
}

.icon-svg--star {
  width: 14px;
}

.icon-svg--star:before {
  padding-top: 92.85714285714286%;
}

.icon-svg--stars-empty {
  width: 69.1px;
}

.icon-svg--stars-empty:before {
  padding-top: 17.945007235890017%;
}

.icon-svg--stars-full {
  width: 69.1px;
}

.icon-svg--stars-full:before {
  padding-top: 17.945007235890017%;
}

.icon-svg--stock {
  width: 45px;
}

.icon-svg--stock:before {
  padding-top: 97.77777777777777%;
}

.icon-svg--svk {
  width: 43.7px;
}

.icon-svg--svk:before {
  padding-top: 100%;
}

.icon-svg--twittershare {
  width: 16px;
}

.icon-svg--twittershare:before {
  padding-top: 100%;
}

.icon-svg--youtube {
  width: 45px;
}

.icon-svg--youtube:before {
  padding-top: 71.11111111111111%;
}

.currency-flag {
  padding: 13px 8px !important;
}

.currency-flag img {
  width: 20px;
  opacity: 0.6;
}

.currency-flag.selected img {
  opacity: 1;
  width: 25px;
}

.modal-content {
  border-radius: 0;
}

.btn-brand {
  background-color: #525866;
  color: #ffffff;
}

.btn-brand:hover {
  background-color: #464C5B;
  color: #ffffff;
}

.add-to-cart-over {
  width: 100%;
  top: 40px;
  left: 0;
  right: 0;
  position: absolute;
  overflow: hidden;
  height: 40px;
  z-index: 10;
}

.add-to-cart-over .add-to-cart {
  position: absolute;
  width: 50%;
  left: 0px;
  margin-left: 80%;
  opacity: 0;
  display: block;
  -webkit-transition: height 0.5s;
  /* Safari */
  transition: 0.5s;
}

.product:hover .product-thumb .add-to-cart {
  display: block;
  margin-left: 50%;
  opacity: 1;
}