/*-------------------------------------------------------------------
BASE
-------------------------------------------------------------------*/

body{
  font-size:14px;
  margin-top:0 !important;
}

p{
  line-height:1.7;
}

h1,h2,h3,h4,h5,h6,
#homepage-products .page-subtitle a,
.product-block-title,
.product-block .product-block-rating-cart .add-to-cart,
.blog-title,
a.btn-primary,
#collection .filter-title,
#product-tabs .panel-heading,
.tag,
#product-tabs .review .review-name,
#product #wishlist-compare-container,
.label,
.gui-block-title strong,
.page .gui-page-title,
#blog-article .comment-name,
#blog-article #recent-article .article-title,
#brands .brand,
#mobile-menu .mm-listview .mm-divider,
.subitemTitle{
  font-weight:700;
  text-transform:uppercase;
}

.page:not(.index){
  padding-top:50px;
}

.smaller .page{
  padding-top:75px;
}

.no-list-style,
.no-list-style li{
  list-style-type:none;
  margin:0;
  padding:0;
}

.row-top-space{
  margin-top:15px;
}

.page-subtitle{
  text-align:center;
  margin-bottom:15px;
}

h1,
h2,
h3,
h4,
.gui-block-title,
#homepage-products .page-subtitle ul li,
.page .gui-page-title{
  font-size:18px;
}

a.btn-primary,
.form-control,
.label,
.pager li>a, .pager li>span{
  border-radius:0;
}

a.btn-primary,
a.btn-primary:focus{
  border:none;
}

a.btn-primary,
a.btn-primary:focus,
#product-tabs .panel-heading:focus{
  outline:none;
}

#breadcrumbs-container,
.review-date{
  font-size:12px;
}
#breadcrumbs-container{
  margin:15px 0;
}


#breadcrumbs-container ol li{
  display:inline-block;
}

#breadcrumbs-container ol li a.current{
  cursor:auto;
}

a.tag{
  display:inline-block;
  margin-right:15px;
  padding:10px;
  margin-bottom:15px;
}
.tag:last-child{
  margin-right:0;
}

.label{
  font-size:16px;
  padding:15px;
  text-align:center;
}
.messages{
  margin-top:30px;
}
#breadcrumbs-container ol li a.current,
a.tag,
header #service-bar a,
header nav#main-menu ul li a,
.product-block a,
#blog-overview a,
a.blog-block,
.mobile-product-block a{
  text-decoration:none;
}

/*-------------------------------------------------------------------
HEADER
-------------------------------------------------------------------*/
header#page-header {
  width: 100%;
  min-height: 140px;
  position: fixed;
  padding-bottom: 5px;
  top: 0;
  left: 0;
  z-index: 999;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}

header#page-header #service-bar{
  font-size:12px;
  padding:10px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
header#page-header #service-bar ul li{
  list-style-type:none;
  display:inline-block;
  margin-right:30px;
}
header#page-header #service-bar a{
  display:inline-block;
}
header#page-header #service-bar ul li:last-child {
  margin-right:0;
}
header#page-header #service-bar #service{
  text-align:right;
  text-transform:uppercase;
  font-weight:700;
  font-size:13px;
}

header #service-bar #service #languages-container,
header #service-bar #service #currency-container{
  position:relative;
}

header#page-header #service-bar #service #selected-language,
header#page-header #service-bar #service #selected-currency{
  cursor:pointer;
}

header#page-header #service-bar #service .dropdown-menu{
  border-radius:0;
  top:29px;
  border:none;
  right:0;
  left:auto;
  min-width:60px;
}
header#page-header #logo-menu-container{
  position:relative;
}

header#page-header #logo,
header#page-header nav#main-menu{
  height:100px;
  line-height:100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header#page-header .hallmark{
  display:inline-block;
  margin-left:15px;
} 

header#page-header .hallmark img{
  max-width:65px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}


header#page-header nav#main-menu{
  position:static;
  /*overflow:hidden;*/
  height: auto;
  padding-top: 25px;
}

header#page-header nav#main-menu ul{
  float:right;
}

header#page-header nav#main-menu ul > li.item{
  float:left;
  text-transform:uppercase;
  font-weight:700;
  font-size:16px;
  line-height: 50px;
}
header#page-header nav#main-menu ul > li.item.cart{
  position: relative;
}
header#page-header nav#main-menu ul li.item a{
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  position:relative;
  line-height: 20px;
}
header#page-header nav#main-menu ul li a:after{
  font-family: FontAwesome;
  content: "\f077";
  position:absolute;
  bottom:-50px;
  text-align:center;
  display:block;
  width:100%;
  opacity:0;
  font-size:12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
header#page-header nav#main-menu ul li a:hover:after,
header#page-header nav#main-menu ul li.active a:after{
  bottom:-20px;
  opacity:1;
}


header#page-header nav#main-menu ul li.item:after{
  content:"|";
  display:inline-block;
  padding:0 10px;
  vertical-align:middle;
}

header#page-header  nav#main-menu > ul li.item:last-child:after,
header#page-header nav#main-menu ul li .megamenu-image a:after{
  content:"";
  padding:0;
}






header#page-header  nav#main-menu li.cart:hover .overview{
     opacity: 1;
    visibility: visible;
}
header#page-header  nav#main-menu .overview {
    border: 1px solid;
    position: Absolute;
    right: 0;
    width: 410px;
    height: auto;
    margin-top: -2px;
    padding-right: .9375rem;
    padding-left: .9375rem;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all .3s ease .15s;    
    opacity: 0;
    visibility: hidden;
}

.cart .overview p {
    font-weight: normal;
    text-transform: none;
}

.cart .overview p span {
    font-weight: bold;
}

span.verzendkosten {
    width: 108%;
    position: Relative;
    display: block;
    margin-left: -15px;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    text-transform: none;
}
header#page-header nav#main-menu ul li .overview a:after {
    content: '';
    display: none;
}
header#page-header nav#main-menu ul > li.item .cart-item {
    font-size: 12px;
}

.overview .cart-item {
  border: solid 1px #b5b4b5;
  padding: 15px 0;
  margin: 10px 0 0 0;
  height: auto;
  float: left;
  width: 100%;
}
.cart .overview .cart-item a {
  color: #4A4A4A;
}

header#page-header nav#main-menu ul > li.item .cart-bundel ol{
  text-align:left;
  text-transform:none;
  float:none;
  margin-left:45px;
  font-weight:normal;
}

header#page-header nav#main-menu ul > li.item .cart-bundel ol li{
  list-style-type:none !important;
  text-transform:none !important;
}

header#page-header nav#main-menu ul > li.item .cart-bundel ol li:before{
  content:'+ ';
  font-weight:bold;
}

header#page-header nav#main-menu ul > li.item .cart-bundel ol li a{
  text-transform:none;
}

header#page-header nav#main-menu ul li.item a.producttitle {
  display: block !important;
  text-align: left !important;
  margin-top: -30px;
  padding-left: 66px;
}
.overview a.delete {
  display: block;
  float: left;
  padding: 0 8px;
  color: #4A4A4A;
}
.overview span.price {
  float: right;
  width: 105px;
  top: 2px;
  right: 5px;
  position: relative;
  line-height: 12px;
  font-size: 10px;
  text-align: right;
  font-weight: normal;
  text-transform: none;
}

.overview .price strong {
  font-size: 13px;
}

.overview img {
  height: 36px;
  display: block;
  margin-top: -9px;
  margin-right: 10px;
}
.overview .calculate {
  float: right;
  width: 232px;
  margin-top: 10px;
    text-transform: none;
}
.overview .calculate span {
    font-size: 11px;
    font-weight: normal;
}

.overview .bestellen {
  float: right;
  font-size: 10px;
  line-height: 40px;
  margin-top: 10px;
  text-transform: none;
}
.overview .bestellen a{
  color: #4A4A4A;
}
a.ctaButton, header nav#main-menu .overview a.button {
  float: right;
  border: none;
  line-height: 25px;
  margin: 4px 0 0 9px;
  font-family: 'Arial';
  padding: 5px 27px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.hover-desktop .overview a.button:hover{
  color: #fff;
}

.overview span.total {
  font-weight: bold;
  margin-bottom: 5px;
}
.overview .verzending {
  font-size: 12px;
}

header#page-header nav#main-menu ul li.item a.delete {
    z-index: 999999;
}








header#page-header nav#main-menu #search-btn{
  cursor:pointer;
}


header#page-header.smaller {
  min-height: 75px;
}
header#page-header.smaller #service-bar{
  height:0;
  padding:0;
  overflow:hidden;
  /*opacity:0;*/
}

header#page-header.smaller #logo,
header#page-header.smaller nav#main-menu{
  min-height: 75px;
  line-height: 75px;
}


header#page-header #logo .logo-link img{
  max-height:100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header#page-header.smaller #logo .logo-link img{
  max-height:70px;
}


header#page-header.smaller .hallmark img{
  max-height:50px;
  width:auto;
}

header#page-header.smaller nav a {
  line-height: 75px;
}

header#page-header .megamenu-container{
  background: #ededed;
  opacity: 0;
  left: 0;
  right: 0;
  margin-top:-3px;
  position: absolute;
  display: block;
  transition: all .3s ease .15s;
  visibility: hidden;
  min-width: 100%;
  max-width: 100%;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  line-height:normal;
  padding:15px 0;
  border-top:1px solid;
  z-index: 999;
}

header#page-header .item.sub:hover > .megamenu-container{
  opacity:1;
  visibility:visible;
}

header#page-header .megamenu-container .subnav-container{
  border-right:1px solid;
}

header#page-header nav#main-menu ul .megamenu-container .subnav-title{
  display:block;
  margin-bottom:15px;
}



header#page-header nav#main-menu ul .megamenu-container ul.subnav{
  float:none;
}
header#page-header nav#main-menu ul .megamenu-container ul.subnav li{
  line-height:normal;
  font-weight:normal;
  text-transform:none;
  margin-bottom:10px;
  position:relative;
  padding-right:30px;
}
header#page-header nav#main-menu ul .megamenu-container ul.subnav li a{
  text-align:left;
}


header#page-header nav#main-menu ul .megamenu-container ul.subnav li.subitem:after{
  font-family: FontAwesome;
  content: "\f053";
  position:absolute;
  right:0;
  top:8px;
  opacity:0;
  font-size:12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
header#page-header nav#main-menu ul .megamenu-container ul.subnav li.subitem:hover:after,
header#page-header nav#main-menu ul .megamenu-container ul.subnav li.subitem.active:after{
  right:30px;
  opacity:1;
}
header#page-header nav#main-menu ul .megamenu-container ul.subnav.nav-columns{
  float:left;
  margin-right:30px;
}

header#page-header nav#main-menu ul .megamenu-container .subitemTitle{
  margin-bottom:15px;
}


header#page-header nav#main-menu ul .megamenu-container ul.subnav li:last-child{
  margin-bottom:0;
}

header#page-header nav#main-menu ul li.item .megamenu-container ul.subnav li a:after{
  content:"";
}
header#page-header nav#main-menu ul .megamenu-container .subsubnav{
  display:none;
}
header#page-header nav#main-menu ul .megamenu-container .subsubnav.active{
  display:block;
}

header#page-header.smaller nav .megamenu-container a{
  line-height:normal;
}


/*-------------------------------------------------------------------
MOBILE NAVBAR
-------------------------------------------------------------------*/
header#mobile-header{
  position:fixed;
  left:0;
  right:0;
  top:0;
  height:50px;
  z-index:100;
}


header#mobile-header #mobile-logo {
  display:inline-block;
  position:absolute;
  height:50px;
  line-height:45px;
  left:60px;
}

header#mobile-header #mobile-logo img{
  max-width:130px;
  max-height:50px;
}

header#mobile-header #mobile-options-container{
  position:absolute;
  right:0;
  top:0;
  height:50px;
  font-size:18px;
}
header#mobile-header #mobile-options-container .mobile-option{
  display:inline-block;
  font-size:14px;
  border-left:1px solid;
  min-width:30px;
  padding:0 5px;
  height:50px;
  text-align:center;
  line-height:50px;
}

header#mobile-header #mobile-options-container .mobile-option.mobile-cart{
  min-width:65px;
}

header#mobile-header #mobile-options-container .mobile-option i{
  font-size:18px;
}



/*HAMBURGER */
#hamburger {
  border-right: 1px solid;
  display: inline-block;
  width: 50px;
  padding: 7px 10px;
}
#hamburger span {
  display: block;
  height: 4px;
  margin: 6px 0;
}

html.mm-opened #hamburger span.top-bar {
  transform: rotate( 45deg );
  position:relative;
  top: 9px;
}
html.mm-opened #hamburger span.middle-bar {
  opacity: 0;
}
html.mm-opened #hamburger span.bottom-bar {
  transform: rotate( -45deg );
  position:relative;
  top: -11px;
}
/*END HAMBURGER */


/* USPS */
#mobile-usp{
  padding-top:55px;
  margin-bottom:5px;
  text-align:center;
  font-size:12px;
}
#mobile-usp ul li{
  display:inline-block;
  margin-right:15px;
  margin-bottom:5px;
  
}
#mobile-usp ul li:last-child{
  margin-right:0;
}

#mobile-menu:not( .mm-menu ) {
  display: none;
}

/*MOBILE LOGO LARGE */
#mobile-logo-large{
  display:block;
  text-align:center;
  padding:15px 0;
  border-top:1px solid;
}

#mobile-logo-large.mobile-logo-space{
  padding-top:65px;
  margin-bottom:-50px;
}


#mobile-logo-large img{
  width:300px;
  max-width:90%;
}




/*-------------------------------------------------------------------
SEARCH FULLSCREEN OVERLAY COPIED FROM http://tympanus.net/codrops/2014/02/06/fullscreen-overlay-effects/
-------------------------------------------------------------------*/
/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index:4000;
}

/* Overlay closing cross */
.overlay .overlay-close {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  border: none;
  /*background: url(../img/cross.png) no-repeat center center;*/
  /*text-indent: 200%;*/
  color: transparent;
  outline: none;
  z-index: 100;
  font-size:40px;
  color:#fff;
  cursor:pointer;
}

/* Effects */
.overlay-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.overlay-hugeinc form {
  opacity: 0.4;
  padding-top:15%;
  -webkit-transform: translateY(-25%) rotateX(35deg);
  transform: translateY(-25%) rotateX(35deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
.overlay-hugeinc form input,
.overlay-hugeinc form input:focus{
  font-size:20px;
  background-color:transparent;
  color:#fff;
  border:0;
  border:1px solid #000;
  margin-top:25%;
}

.overlay-hugeinc form a{
  font-size:20px;
  color:#fff;
  cursor:pointer;
  margin-top:15px;
}



.overlay-hugeinc.open form {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

/*.overlay-hugeinc.close form{
-webkit-transform: translateY(25%) rotateX(-35deg);
transform: translateY(25%) rotateX(-35deg);
}*/

/*-------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------*/
#main-footer{
  margin-top:45px;
}
#main-footer #newsletter-container{
  padding:15px 0;
}
#main-footer #newsletter-container input{
  margin-top:5px;
  margin-bottom:15px;
}


#main-footer ul li{
  margin-bottom:5px;
}

#main-footer #footer-content{
  padding:30px 0;
}

#main-footer #footer-content div{
  margin-bottom:15px;
}

#main-footer #footer-content h4{
  margin-bottom:5px;
}
#main-footer #footer-content #footer-shop-desc{
  display:inline-block;
  margin-bottom:15px;
}

#main-footer #footer-social{
  margin-top:15px;
}

#main-footer #footer-social a{
  font-size:30px;
  display:inline-block;
  margin-right:5px;
}

#footer-powered{
  padding-top:15px;
  padding-bottom:15px;
}

#footer-powered .payment {
  display:inline-block;
  margin-left:5px;
}

/*-------------------------------------------------------------------
INDEX
-------------------------------------------------------------------*/
#headline-slider img{
  width: 100%;
}
.swiper-slide {
    overflow: hidden;
}
#headline-slider img:not(.mobile-slide-image) {
    /*min-height: 320px;*/
    /*width: auto;*/
    /*max-height: 500px;*/
    margin: auto;
}
#headline-slider .headlineTitle {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
}
#headline-slider a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 23px;
    width: 223px;
    margin: auto;
    float: none;
    text-align: center;
    padding: 13px 20px;
    position: relative;
    bottom:35px;
    text-decoration: none;
}

.buttonWrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
}


#headline-slider .headlineTitle{top: 30px;}

/*cATEGORIES*/
.category-block {
  position:relative;
  margin-bottom:30px;
  overflow:hidden;
}
.category-block a{
  display:block;
  overflow:hidden;
}


.category-block img{
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
  opacity:1;
}

.no-touch .category-block:hover img{
  -ms-transform:scale(1.05);
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  opacity:0;
}


.category-block .cat-label{
  position:absolute;
  left:15px;
  bottom:25px;
  padding:15px;
  color:#fff;
  text-transform:uppercase;
  font-weight:700;
}
.category-block .cat-hover{
  position:absolute;
  top:0; bottom:0; left:15px; right:15px;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  font-size:24px;
  opacity:0;
  font-weight:700;
  overflow: hidden;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
}

.category-block .cat-hover span{
  text-align:center;
}
.category-block .cat-hover span:before{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.no-touch .category-block:hover .cat-hover{
  opacity:1;
}

/*PRODUCTS*/
#homepage-products .page-subtitle{
  margin-bottom:30px;
}

#homepage-products .page-subtitle ul li{
  display:inline-block;
  margin-left:15px;
  font-size:16px;
}

#homepage-products .page-subtitle li:first-child{
  margin-left:0;
}

.product-block{
  text-align:center;
  min-height:560px;
  position:relative;
  margin-bottom:30px;
  overflow:hidden;
}

.list-view .product-block{
  text-align:left;
  min-height:auto;
}
.list-view .product-block .product-block-image{
  float:left;
  width:200px;
  margin-right:15px;
  margin-bottom:0;
}


.list-view .product-block .product-block-title{
  margin-top:15px;
}

.list-view .product-block .product-block-rating-cart{
  left:200px;
}


.product-block .product-block-image{
  display:block;
  max-height:368px;
  overflow:hidden;
  margin-bottom:15px;
}

.product-block .product-block-image img{
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
}
.no-touch .product-block:hover .product-block-image img{
  -ms-transform:scale(1.05);
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
}

.product-block .label,
#product-image-container .label{
  position:absolute;
  right:0px;
  top:0;
  z-index:10;
}



.product-block .product-block-title,
.blog-title{
  display:block;
  font-size:16px;
  margin-bottom:15px;
}

.product-block .product-block-title{
  padding:5px;
  display: block;
  display: -webkit-box;
  max-width: 301px;
  height: 55px;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.price,
.old-price{
  font-size:18px;
  font-weight:700;
  display:inline-block;
}
.old-price{
  text-decoration:line-through;
  margin-left:5px;
}

.vat-price,
.srp,
.shipping,
.unit-price{
  font-size:11px;
}
.vat-price,
.shipping,
.unit-price{
  display:block;
}

.product-block .product-block-rating-cart{
  text-align:left;
  padding:15px;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
}

.product-block .product-block-rating-cart .stars{
  float:left;
}
.product-block .product-block-rating-cart .add-to-cart{
  float:right;
}

.mobile-product-block{
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid;
}

.mobile-product-block .add-to-cart{
  margin-top:15px;
  float:right;
}

/*BRANDS */
#home-brand-container{
  padding:30px 0;
}
#home-brand-container #brand-slider .swiper-slide{
  text-align:center;
}
#home-brand-container #brand-slider .swiper-slide img{
  margin:0 auto;
}



#home-brand-container .swiper-pagination{
  position:relative;
}
#home-brand-container .swiper-pagination span{
  display:inline-block;
  margin-left:10px;
}
#home-brand-container .swiper-pagination span:first-child{
  margin-left:0;
}

#index .blog-block{
  display:block;
  margin-bottom:15px;
}


.blog-title{
  margin-bottom:0;
}



/*-----------------------------------------------------------------
COLLECTION PAGE
------------------------------------------------------------------*/
#collection .page-subtitle{
  margin-bottom:0;
}
#collection #product-sort{
  margin-left:5px;
}
#collection #product-mode{
  margin-right:5px;
}

#collection #filter-bar-container{
  /*display:none;*/
}
#collection #filter-bar-container .sidebar-menu{
  margin-bottom:15px;
}


#collection #filter-bar{
  border-width:1px;
  border-style:solid;
  padding:15px;
  display:none;
  margin-bottom:15px;
}

#collection #filter-btn{
  margin-bottom:15px;
  display:block;
}

#collection #filter-btn:after{
  font-family: FontAwesome;
  content: "\f078";
  margin-left:5px;
}
#collection #filter-btn.open:after{
  content: "\f077";
}

#collection .filter-title{
  display:block;
  margin-bottom:5px;
}

#collection .price-filter-range {
  margin-top:5px;
}

#collection .price-filter-range .min,
#collection .price-filter-range .max{
  display:inline-block;
  font-size:13px;
}
#collection .price-filter-range .max{
  float:right;
}


/*-----------------------------------------------------------------
PRODUCT PAGE
------------------------------------------------------------------*/
#product-images-holder{
  position:relative;
}

#product-image-container .label{
  left:15px;
  right:auto;
  font-size:18px;
}

#product-image-container .fancybox{
  cursor:zoom-in;
}

#product-image-container .product-image-zoom{
  position:absolute;
  right:15px;
  bottom:15px;
  font-size:30px;
  z-index:500;
  pointer-events:none; 
}

#product #product-info .stars,
#product #review-container .stars-container .stars{
  display:inline-block;
}

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

#product .stock{
  display:block;
  margin-top:15px;
}

#product .product-images img{
  max-width:99.9%;
}

#product #product-images-holder,
#product .product-thumb img
{
  border-width:1px;
  border-style:solid;
  margin-bottom:30px;
}

#product #product-images-holder{
  padding:1px;
}

#product .product-thumb{
  cursor:pointer;
}

#product .product-bundle-container{
  border-width:1px;
  border-style:solid;
  padding:15px 15px 60px 15px;
  margin-bottom:30px;
  position:relative;
}

#product .product-bundle-container .product-bundle-content {
  margin:15px 0;
  float: left;
}

#product .product-bundle-container .product-bundle-content  .fa-plus{
  display:block;
  padding:0 5px;
  float: left;
  margin-top: 43%;
    position: absolute;
    left: -21px;
}

#product .product-bundle-container  .product-bundle-content .main-bundle-product,
#product .product-bundle-container .product-bundle-content .bundle-product
{
  width:35%;  
}

#product .product-bundle-container .product-bundle-content .main-bundle-product{
  border-width:3px;
  border-style:solid;
  vertical-align:top;
}

#product .product-bundle-container .product-bundle-content .bundle-product{
  display:block;
  position:relative;
  margin-bottom:15px;
  float: left;
    margin-left: 20px;
}

#product .product-bundle-container .product-bundle-content .bundle-product .bundle-product-quantity{
  position:absolute;
  right:0; top:0;
  font-size:11px;
  padding:2px;
  text-align:center;
}


#product .product-bundle-container .product-bundle-content .bundle-product img{
  border-width:1px;
  border-style:solid;
  width:100%;
}

#product .product-bundle-container .product-bundle-price .btn-primary{
  position:absolute;
  right:15px;
  bottom:15px;
}

#product .product-bundle-container  a.bundleVariantsButton {
    display: block;
    width: auto;
    float: left;
    margin-top: 5px;
    background-color: #503f5a;
    color: #fff;
    padding: 2px 9px;
    text-decoration: none;
}
#product .bundleVariants {
    display: none;
}
#product .bundleVariantPopup {
    width: 40%;
    margin: auto;
    top: 40vh;
    position: Relative;
    background-color: #fff;
    padding: 30px 40px;
}

#product .bundleVariantPopup .close {
    position: Absolute;
    top: 5px;
    right: 11px;
    font-size: 19px;
    opacity: .5;
}

#product #product-price{
  margin:30px 0;
}


#product #product-price .price{
  font-size:28px;
}
#product #product-discounts{
  margin:15px 0;
}

#product-discounts li {
  font-size: 14px;
  list-style-type: none;
}

#product-discounts li strong {
  font-weight: 100 !important;
}
#product .add-to-cart-container{
  text-align:center;
  margin: 30px 0;
}
#product .add-to-cart-container input[type=number]{
  width:80px;
  margin-right:5px;
}

#product #wishlist-compare-container{
  text-align:center;
}

#product #product-social{
  margin-top:15px;
  font-size:20px;
}

#product #product-social a{
  margin-left:5px;
  cursor:pointer;
}

#product #product-social a:first-child{
  margin-left:0;
}


#product-tabs{
  border-bottom:1px solid;
}


#product-tabs .panel-heading{
  padding:15px;
  position:relative;
  background-color:transparent;
  border-top:1px solid;
  cursor:pointer;
  font-size:16px;
}
#product-tabs .panel-content{
  padding: 0 15px 15px 15px;
}

#product-tabs .stars-container .stars{
  display:inline-block;
}

#product-tabs .stars-container,
#product-tabs .review {
  margin-bottom:30px;
}

#product #recent-container .stars,
#product #recent-container .add-to-cart{
  display:none;
}
#add-review-btn{
  margin-top:5px;
}


#product #product-variants{
  margin:30px 0;
}

#product .variant-container{
  margin-bottom:15px;
  padding:5px 15px;
}

#product .variant-container .variant-title{
  font-size:16px;
  display:table;
  height:50px;
  width:60%;
  float:left;
}

#product .variant-container.variant-link .variant-title span:before{
  font-family: FontAwesome;
  content: "\f10c";
  display:inline-block;
  margin-right:15px;
}

#product .variant-container.variant-link.variant-active .variant-title span:before{
  font-family: FontAwesome;
  content: "\f05d";
  margin-right:15px;
}

#product .variant-container .variant-title span{
  display:table-cell;
  vertical-align:middle;
}

#product .variant-container .variant-price,
#product .variant-container .variant-stock{
  display:table;
  width:20%;
  height:50px;
  text-align:right;
  float:right;
}

#product .variant-container .variant-stock{
  width:auto;
  margin-left:15px;
}

#product .variant-container .variant-price-inner,
#product .variant-container .variant-stock-inner{
  display:table-cell;
  vertical-align:middle;
}

#product .variant-container .variant-price .old-price{
  font-size:12px;
}

#product .order-container input,
#product .order-container .btn{
  font-size:17px;
  float:right;
}
#product .order-container input{
  float:left;
}

#product .product-configure-variants,
#product .product-configure-options,
#product .product-configure-custom{
  text-align:left;
}
#product .product-configure-variants,
#product .product-configure-options-option,
#product .product-configure-custom-option
{
  margin-bottom:15px;
}
#product .product-configure-variants select,
#product .product-configure-options select,
#product .product-configure-custom input[type=text],
#product .product-configure-custom input[type=data],
#product .product-configure-custom input[type=number],
#product .product-configure-custom textarea,
#product .product-configure-custom select{
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-width: 1px;
  border-style:solid;
}

#product .product-configure-custom-option-date select,
#product .product-configure-custom-option-time select{
  width:30%;
  display:inline-block;
  margin-right:15px;
}
#product .product-configure-custom-option-time{
  margin-top:5px;
}
/*-----------------------------------------------------------------
BLOG OVERVIEWPAGE
------------------------------------------------------------------*/
#blog-overview .blog-block {
  border-width:1px;
  border-style:solid;
  margin-bottom: 30px;
}

#blog-overview .blog-block .blog-block-image
{
  overflow:hidden;
  max-height:350px;
}


#blog-overview .article-summary{
  height:80px;
  overflow:hidden;
}

span.articleDate {
  display: block;
  font-size: 13px;
  margin-bottom: 15px;
}

#blog-overview .blog-block .content {
  padding: 30px 15px;
  min-height: 175px;
}
#blog-overview .blog-block.smaller-blog-block{
  border: none;
}


#blog-overview .blog-block.smaller-blog-block h2 {
  font-size: 16px;
  margin: 15px 0 0 0;
}

#blog-overview .blog-block.smaller-blog-block .blog-block-image,
#index .blog-block .blog-block-image{
  overflow:hidden;
  max-height:356px;
}

.blog-block img{
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
}


.no-touch .blog-block:hover img{
  -ms-transform:scale(1.05);
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  
}


.pager li>a, .pager li>span {
  margin: 0 -2px;
  padding: 5px 16px;
  font-size: 20px;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/*-----------------------------------------------------------------
BLOG ARTICLE
------------------------------------------------------------------*/
#blog-article h2 {
  margin-bottom:30px;
}

#blog-article #article-specs{
  margin-bottom:30px;
  font-size:11px;
}

#blog-article #article-specs span{
  display:inline-block;
  margin-left:15px;
}
#blog-article #article-specs span:first-child{
  margin-left:0;
}

#blog-article .comment-block{
  padding:15px;
  border-width:1px;
  border-style:solid;
}
#blog-article .comment-name {
  font-size:18px;
  display:block;
}
#blog-article .comment-date{
  display:block;
  margin-bottom:15px;
}

#blog-article #leave-comment-btn{
  margin:30px 0;
}

#blog-article #article-post-comments{
  display:none;
}

#blog-article #recent-article h3{
  font-size:18px;
  margin-bottom:30px;
}
#blog-article #recent-article ul li a{
  display:block;
  padding:10px 0; 
  border-top:1px solid;
}
/*-----------------------------------------------------------------
BRAND PAGE
------------------------------------------------------------------*/
#brands .brand{
  border-style:solid;
  border-width:1px;
  text-align:center;
  vertical-align:middle;
  margin-bottom:15px;
}


#brands .brand.no-image span{
  line-height:normal;
}


#brands .brand img{
  display:inline-block;
  max-height:98px;
  width:auto;
}





/*-----------------------------------------------------------------
GUI RESET CSS
------------------------------------------------------------------*/
.gui a.gui-button-large, .gui a.gui-button-small, .gui-block, .gui-block.gui-closed .gui-block-title, .gui-block-option, .gui-block-option img.gui-border, .gui-block-option-block, .gui-block-title span, .gui-image, .gui-input, .gui-text, .gui-messages ul, .messages ul, .gui-number, .gui-popover, .gui-popover-bg, .gui-popover-content, .gui-popover-title a, .gui-select, .gui-table{
  border-radius:0 !important;
}

.page .gui-block-title,
.page .gui-buttons.gui-border,
.page .gui a.gui-button-large, 
.page .gui a.gui-button-small{
  border:none;
}

.page .gui-block-title,
.page .gui-progressbar{
  background-color:transparent;
}

.page .gui-button-small,
.page .gui-button-large{
  display: inline-block;
  padding: .375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  font-weight:700;
  text-transform:uppercase;
}

.page .gui #gui-form-related ul.gui-products li .gui-products-title{
  max-width:240px;
  text-overflow: ellipsis;
}

.page .gui #gui-form-related ul.gui-products li .gui-products-price{
  margin-top:-9px;
}

.page .gui-checkout .gui-progressbar ul li.gui-active a span, 
.page .gui-checkout .gui-progressbar ul li.gui-done a span,
.page .gui-checkout .gui-progressbar ul li a span
{
  background-image:none;
  text-indent:0;
}

.page .gui-checkout .gui-progressbar ul li a, 
.page .gui-checkout .gui-progressbar ul li.gui-done+li a, 
.page .gui-checkout .gui-progressbar ul li.step-details a,
.page .gui-checkout .gui-progressbar ul li.gui-active, 
.page .gui-checkout .gui-progressbar ul li.gui-invalid{
  background-image:none !important;
}


.gui-checkout-one-page #gui-popover-terms-and-conditions {
    position: fixed;
    z-index: 99999;
    top: 10vh;
}