/* 
Theme: InStijl Media Ultimate Theme
Description: Een online reclamebureau met pit.
Developer: InStijl Media

License: InStijl Media
License URI: http://www.instijlmedia.nl
Platform: Lightspeed

/* --------------------------- I Homepage --------------------*/

/* I Slider
-----------------------------------------------*/
#slider {float:left;padding:0px 15px;max-height:426px;overflow:hidden;}
#slider.full {padding-right: 0px;}
#slider .slide {position:relative;}
#slider .slide img {max-height: 425px;margin:0 auto;width:100%;}
#slider .slide .slide-title {position: absolute;top: 20px;left: 20px;font-size:48px;color: #fff;background: rgba(0, 0, 0, 0.5);padding: 2px 25px;}
#slider .slide-content {position: absolute;left: 20px;bottom: 20px;}
#slider .slide-content .btn {padding: 5px 35px 5px 15px;font-size: 16px;margin-bottom:0px;text-transform: uppercase;}
#slider .slide-content .btn .text {line-height:32px;}
#slider .slide-content .btn i {font-size:32px;float:right;position:absolute;right:0px;}
#slider .owl-theme .owl-dots .owl-dot span {background:rgba(255, 255, 255, 1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#slider .owl-theme .owl-nav.disabled+.owl-dots {z-index: 4;position: absolute;right:20px;bottom: 0px;}
#slider .owl-theme .owl-dots .owl-dot:hover span {background: rgba(87, 225, 192, 0.4);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#slider .owl-theme .owl-dots .owl-dot.active span {background: #57e1c0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

/* II Servicdesk
-----------------------------------------------*/
.service-title-box strong {display:inline-block;font-size: 18px;width:100%;}
.service-title-box span {display:inline-block;line-height: 23px;font-size:13px;}
.service-title-box .buss-hours {float:left;width:100%;}
.service-title-box .buss-hours .bh-title {width: 100%;float: left;}
.service-title-box .buss-hours strong {width:auto;padding-right:5px;}
.service-title-box .service-status {display:inline-block;}
.service-title-box .service-status strong {font-size: 14px;width:auto;}
.service-title-box .service-status strong.open {color:#00d25e;}
.service-title-box .service-status strong.closed {color:#e62117;}

#service {background:#fff;border: 1px solid #ddd;float: left;padding: 15px;height:426px;width:20%;}
#service .kiyoh-widget iframe {width:100%;}
#service .service-info {float: left;width: 100%;}
#service .service-info ul li {float:left;padding:10px 0px;width:100%;}
.service-info ul li a {display: table;}
#service .service-info ul li i {display:table-cell;font-size: 28px;padding-right: 0px;padding-right: 15px;text-align: center;vertical-align:middle;}
#service .service-info ul li .icon-content {display:table-cell;vertical-align:middle;}
#service .service-info ul li strong {display:block;}
#service .service-info ul li span {display:block;}
#service .service-info ul .phone {font-size:100%;line-height: normal;}
#service .service-info ul .phone strong {padding: 0px 0px;font-size: 20px;line-height:normal;}
.service-info ul li a:hover {color:#000 !important;}

/* Collection service */
.collection-service .service-info ul li {float:left;padding:10px 0px;width:100%;}
.collection-service .service-info ul li a {display: table;}
.collection-service .service-info ul li a i {display:table-cell;font-size:24px;vertical-align:middle;}
.collection-service .service-info ul li a .icon-content {display:table-cell;padding-left:15px;vertical-align:middle;}
.collection-service .service-info ul li a .icon-content strong {font-size: 18px;}
.collection-service .service-info ul li a .icon-content strong, .collection-service .service-info ul li a .icon-content span {display:block;}

/* III Categories
-----------------------------------------------*/
.custom-nav {float: right;}
.custom-nav a {border-radius: 5px;color: #000;display:inline-block;font-size: 32px;line-height:32px;text-align: center;}
#categories .categories.owl-carousel {float:left;width:100%;}
#categories .categories .category.item .category-image {border: 1px solid #ddd;}
#categories .categories .category.item .category-image img {min-height:227px;}
#categories .categories .category .category-info {position: absolute;left:0px;right:0px;bottom: 15px;padding: 10px 25px;width:100%;}
#categories .categories .category .category-info .category-btn {padding-right:30px;margin-bottom:0px;position:relative;white-space: normal;width:100%;}
#categories .categories .category .category-info .category-btn i {font-size: 31px;font-weight:bold;position: absolute;top: 50%;margin-top: -15.5px;right: 0px;}
#categories .categories .category .category-info .category-btn span {font-weight:bold;}
#categories .categories.no-carousel .category {float: left;position: relative;}
#categories .catalog.categories.no-carousel .category {padding:0px 7.5px;margin-bottom:15px;width:25%;}

/* IV Products
-----------------------------------------------*/
#products .custom-nav {float:right;}
#products .custom-nav a {border-radius: 5px;color: #000;float:none;font-size: 32px;line-height:32px;text-align: center;}
#products .products {width:100%;float:left;}
#products .products .usp {float: left;padding:0px;padding-bottom: 15px;width: 100%; }
#products .products .usp-products {padding:0px 7.5px;}
#products .products .usp-products .usp .usp-list {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;float:left;padding: 7.5px 0px;width:100%;}
#products .products .usp-products .usp .usp-list .usp-item {text-align:center;width:33%;}
#products .products .no-products-found {padding: 50px;font-size: 18px;font-weight: 300;text-align: center;margin-bottom:30px;}
#products .products.no-carousel .productborder {float:left;}
#products .products .productborder {border: 1px solid #fff;padding-bottom:15px;margin-bottom:15px;float:left;height:100%;}
#products .products.owl-carousel .productborder {margin-left: 2px;margin-right: 2px;}
#products .products .productborder:hover {border:1px solid #ddd;box-shadow: 0 3px 10px rgba(0,0,0,.15);z-index:9;}
#products .products .productborder .product {margin: 1px;}
#products .products.no-carousel .productborder .product {background:#fff;}
/*#products .products .productborder:hover .product {margin: 0px;}*/
#products .products .productborder .product .product-image {padding:10px 5px;text-align:center;position:relative;}
#products .products .productborder .product .product-image .discount {border-radius: 5px;color: #fff;position: absolute;left:20px;bottom: 20px;padding: 3px 12px;}
#products .products .productborder .product .product-image .discount span {font-size: 16px;font-weight: bold;}
#products .products .productborder .product .product-image .product-image1 {display:block;max-width:220px;max-height: 220px;margin: 0 auto;}
#products .products .productborder .product .product-image .product-image1 img {margin:0 auto;max-width:211px;}
#products .products .productborder .product .product-details {padding: 0px 15px;margin: 0 auto;height:148px;}
#products .products.list .productborder .product .product-details {float:left;padding: 0px 0px;padding-left:15px;margin: 0 auto;}

/* Product */
.product .product-title a {float: left;font-size: 16px;height: 3em;line-height: 1.5;display:-webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;}
.product .product-title a:hover {color:#000;}
.product .product-price {float: left;margin-bottom: 5px;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.product .product-price .price-old {color:#999;font-size:16px;margin-right:5px;vertical-align: bottom;}
.product .product-price .price {font-size:24px;vertical-align: bottom;}
.product .stars {color:#fed130;font-size: 16px;line-height: 24px;}
.product .stars .emp {color:#000;}
.product .stars .rate {color:#aaa;font-size: 14px;}
.product .stars-none.filler {color:#aaa;font-style:italic;line-height: 24px;}
.product .stars-none.filler a {color:#aaa;}
.product .stars-none.filler a:hover {text-decoration:underline;}

/* Quantity */
.product .quantity {float:left;vertical-align:middle;padding-right:15px;}
.product .quantity .change {float: left;}
.product .quantity a.up {border: 1px solid #ccc;border-left: 0;box-sizing: border-box;background: #fff;color: #000;display: block;width: 22px;height: 22px;text-align: center;text-decoration: none;line-height:22px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.product .quantity a.up:hover {background: #ECECEC;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.product .quantity a.up i {font-size: 32.5px;}
.product .quantity a.down {border: 1px solid #ccc;border-top: 0;border-left: 0;box-sizing: border-box;background: #fff;color: #000;display: block;width: 22px;height: 22px;text-align: center;text-decoration: none;line-height: 22px;}
.product .quantity a.down:hover {background: #ECECEC;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.product .quantity a.down i {font-size: 32.5px;}
.product .quantity input[type="text"] {border-color: #ccc;width: 44px;height: 44px;float: left;text-align: center;}

/* Stock */
.product .instock strong,
.product .outstock strong {line-height:18px;padding-left:10px;text-transform: uppercase;vertical-align: middle;}
.product .instock {color: #00d25e;font-size: 14px;font-weight: bold;}
.product .instock i {color: #00d25e;font-size: 18px;font-weight: bold;vertical-align: middle;}
.product .outstock {color:#e62117;font-size: 14px;font-weight: bold;}
.product .outstock i {color:#e62117;font-size: 18px;font-weight: bold;vertical-align: middle;}

/* List */
#products .products.list .productborder {border:1px solid #fff;border-bottom:1px solid #ddd;margin-bottom:0px !important;padding-bottom:0px !important;}
#products .products.list .productborder:hover {border:1px solid #ddd;}
#products .products.list .productborder .product-list {float:left;padding:15px;width:100%;margin:0px;}
#products .products list .productborder:hover .product-list {margin: 0px;}
#products .products.list .productborder .product-list .product-image {padding:0px;padding-right:15px;}
#products .products.list .productborder .product-list .product-image .discount {left:10px;bottom:10px;}
#products .products.list .productborder .product-list .product-price .price-old {display: inline-block;float:none;text-align: right;}
#products .products.list .productborder .product-list .product-price {float:right;text-align:right;}
#products .products.list .productborder .product-list .product-price .price {text-align: right;}
#products .products.list .productborder .product .product-details {height:auto;}
#products .products.list .productborder .product-list .shipping-cost {float:right;}
#products .products.list .productborder .product-list .instock,
#products .products.list .productborder .product-list .outstock {display:block;float:right;padding:10px 0px;text-align:right;width:100%;}
#products .products.list .productborder .product-list .cart {display: block;float:right;vertical-align: middle;line-height:30px;}
#products .products.list .productborder .product-list .cart span {text-transform: uppercase;padding-right: 10px;font-size: 16px;}
#products .products.list .productborder .product-list .cart i {font-size:22px;}
#products .products.list .usp-products {padding:0px;}
#products .products.list .usp-products .usp .usp-list {border-top: 0px solid #fff;}

/* V Banners
-----------------------------------------------*/
#banners {margin-top:15px;width: auto}
#banners .banner {float:left;}
#banners .banner .banner-image {border: 1px solid #ddd;position:relative;}
#banners .banner .banner-content {background: rgba(255, 255, 255, 0.7);border-left: 1px solid #ddd;position: absolute;top:15px;left: -1px;padding:7.5px 15px;font-size: 18px;}
#banners .banner .btn {position: absolute;bottom: 0px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;padding: 6px 35px 6px 12px;}
#banners .banner .btn i {position: absolute;top: 1px;right: 0px;font-size:30px;line-height:30px;}

#content .content-box {float:left;width:100%;}
#tags .tags .tag a {border: 1px solid #ddd;float: left;padding: 5px 15px;margin-right: 15px;margin-bottom:15px;}

/* VI Blogs
-----------------------------------------------*/
#blogs {float:left;width:100%;}
#blogs .blog {float:left;width:100%;}
#blogs .blog .blog-container {float:left;width:100%;}
#blogs .blog .blog-container .article-item .article {padding-bottom:15px;}
#blogs .blog .blog-container .article-item .article .post-time {color: #aaa;float: left;margin: 5px 0px;width: 100%;}
#blogs .blog .blog-container .article-item .article .post-title {float: left;font-size: 16px;height: 44px;overflow: hidden;width: 100%;}
#blogs .blog .blog-container .article-item .article .post-summary {font-size:13px;}
#blogs .blog .blog-container .article-item .article .post-btn {text-transform: uppercase;font-weight: bold;}
#blogs .blog .blog-container .article-item .article .post-btn:hover {text-decoration:underline;}
#blogs .blog .blog-container .btn-more {background: #f3f4f6;border: 1px solid #ddd;float: left;padding: 7px 15px;margin-bottom: 15px;text-align: center;width: 100%;}
#blogs .blog .blog-container .btn-more:hover {color:#000;}

/* VIII Brands
-----------------------------------------------*/
#brands {padding:15px 0px;overflow: hidden;width: 100%;}
#brands .custom-nav {width: 100%;float: left;}
#brands .custom-nav a {position:absolute;z-index:99;top:50%;margin-top: -21px;font-size:42px;}
#brands .custom-nav a.prev {left:8px;}
#brands .custom-nav a.next {right:8px;}
#brands:before, #brands:after {content: "";max-width: 4.5rem;cursor: pointer;display: block;height: 100%;position: absolute;top: 0;z-index: 93;width: 10%;}
#brands:before {background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.9) 90%);    background-image: linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,.9) 90%);left: 0;max-width: 6rem;width: 12%;}
#brands:after {background-image: -webkit-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,.9) 90%);background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.9) 90%);right: 0;max-width: 6rem;width: 12%;}
#brands .brands {padding-left:50px;padding-right:50px;margin:0px;}
#brands .brands.owl-carousel .brand {padding: 15px;}
#brands .brands.no-carousel .brand {float:left;}
#brands .brands .brand img {background: #fff;width:100%;}

/* --------------------------- II Collection --------------------*/

/* I Sidebar
-----------------------------------------------*/
#sidebar .sidebar .filters {padding-bottom: 15px;}
#sidebar .filter-button .btn {display:none;}
#sidebar .filter-button .btn.btn-filter {background: #f5f5f5;color: #878787;font-size: 16px;text-transform: uppercase;padding: 10px 40px;text-align:center;margin-bottom:0px;}
#sidebar .widget {float:left;width:100%;}
#sidebar .prices.widget {width:100%;}
#sidebar .widget .title-box {padding:10px 0px;padding-bottom: 7.5px; max-width: 220px;}
#sidebar .widget .title-box strong {font-size:18px;text-transform:none;}
#sidebar .widget .title-box span {background: #57e1c0;border: 1px solid #57e1c0;color: #fff;font-weight: bold;padding: 0px 6px;margin-left: 5px;line-height: 24px;vertical-align: top;}
#sidebar .widget .service {background: rgba(187, 243, 229, 0.40);float: left;padding: 10px;}
#sidebar .widget ul {float:left;width:100%;}
#sidebar .widget ul li.hide {display:none;}
#sidebar .widget ul li {position:relative;}
#sidebar .widget ul li i {display:none;position: absolute;top: 0px;color: #fff;line-height: 28px;pointer-events:none;text-align: center;width: 20px;z-index: 99;}
#sidebar .widget ul li.selected i {display:block;}
#sidebar .widget ul li input {-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius: 0px;display:inline-block;height: 20px;width: 20px;margin: 0px;vertical-align: middle;}
#sidebar .widget ul li input[type="radio"] {border-radius:50%;}
#sidebar .widget ul li label {cursor:pointer;display:inline-block;text-transform: none;font-weight:normal;padding: 5px 10px;line-height: normal;margin-bottom:0px;vertical-align: middle;font-size: 14px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#sidebar .widget ul li a {text-transform: none;width: 100%;display:inline-block;padding: 5px 0px;line-height: normal;font-size: 14px;}
#sidebar .widget ul li a .title {color:#aaa;text-decoration:underline;}
#sidebar .widget ul li a .title span {padding-right:7px;}

/* Checkbox styling */
#sidebar .widget ul li input[type="checkbox"]  + .cr {}
#sidebar .widget ul li input[type="checkbox"]  + .cr > .ck-icon {display:block !important;border:1px solid #ddd;background:#fff !important;top:4px !important;left:0px !important;line-height: 20px !important;width:22px !important;}
#sidebar .widget ul li input[type="checkbox"]:checked  + .cr > .ck-icon {display:block !important;}
/* Radio styling */
#sidebar .widget ul li input[type="radio"]  + .cr {display:inline-block;}
#sidebar .widget ul li input[type="radio"]  + .cr > .ck-icon {border-radius:50%;display:block !important;border:1px solid #ddd;background:#fff !important;top:4px !important;left:0px !important;line-height: 20px !important;width:22px !important;}
#sidebar .widget ul li input[type="radio"]:checked  + .cr > .ck-icon {display:block !important;}

#sidebar .widget #collection-filter-price {height: 5px;border: 1px solid #CCC;border-radius: 5px;margin: 10px 10px;position: relative;}
#sidebar .widget .price-filter {position: relative;float: left;padding:0px 5px;width: 100%;}
#sidebar .widget .ui-slider-range {position: absolute;height: 5px;border-radius: 5px;margin-top:-1px;}
#sidebar .widget .ui-slider-handle {background: #fff;border: 1px solid #ccc;border-radius: 5px;cursor: col-resize;display: block;position: absolute;width: 18px;height: 18px;top: -8.5px;margin-left: -15px;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#sidebar .widget .price-filter-range .min {float:left;}
#sidebar .widget .price-filter-range .max {float:right;}
#sidebar .feedback-widget {float:left;padding-bottom:15px;width:100%;}
#sidebar .widget .recent-title-box strong {float: left;font-size: 18px;padding-bottom: 7.5px;width: 100%;}
#sidebar .widget .recent-title-box strong .sidebar-clear {color: #999;float: right;font-size: 14px;font-style: italic;font-weight: normal;line-height: 24px;}
#sidebar .widget .recent-title-box strong .sidebar-clear:hover {text-decoration:underline;}
#sidebar .widget .product-sidebar {float:left;padding: 7.5px 0px;width:100%;}
#sidebar .widget .product-sidebar .product-sidebar-image {float:left;padding-right: 15px;}
#sidebar .widget .product-sidebar .product-sidebar-details {float:left;max-width:163px;}
#sidebar .widget .product-sidebar .product-sidebar-details .stars {color: #fed130;font-size:12px;}
#sidebar .widget .product-sidebar .product-sidebar-details .stars-none.filler {font-size: 11px;}
#sidebar .widget .product-sidebar .product-sidebar-details .stars-none.filler a {color: #999;font-style: italic;}
#sidebar .filter-button .btn.btn-default {display:block;}
#sidebar .kiyoh-widget iframe {float:left;width:100%;}

/* II Content
-----------------------------------------------*/
#sidebar .categories .title-box,
#collection .title-box {padding-top:0px;}
#collection .title-box .collection-title {float:left;padding-right:15px;}
#collection .title-box .title-label {background: #333;border-radius: 5px;color: #fff;float: left;font-size: 16px;padding: 2px 10px;margin-top:7px;}
#collection .title-box .title-label strong {font-size:16px;}
#collection .collection-description {float: left;padding-bottom: 5px;width: 100%;}
#collection #products .products .productborder {margin-bottom:15px;}
#collection-content {float: left;padding-bottom: 15px;width: 100%;}
#collection-content p {margin-bottom:15px;}
#collection #filter_form2 .mode, #collection #filter_form2 .sort {padding:0px;padding-bottom:7.5px;}
#collection #filter_form2 .sort-title {float:right;line-height: 40px;}
#collection #filter_form2 .modes ul li a i {font-size: 28px;float: left;padding-right: 10px;line-height:40px;}
#collection .pagination {padding-top:7.5px;float: left;width: 100%;}
#collection .pagination .products-pager {line-height: 35px;}
#collection .pagination .products-pager .pager-limits span {padding-left:5px;}
#collection .pagination .pager .prev, .pagination  .pager .next {display: inline-block;vertical-align: middle;padding: .5rem 0 .5rem 0;}
#collection .pagination .pager .number {display:inline-block;}
#collection .pagination .pager .number a {display: inline-block;min-width: 1.5rem;padding: .5rem 1rem;width: auto;font-weight: 700;vertical-align: middle;}
#collection .pagination .pager .number.active a, .pagination .pager .number:hover a {background: #f3f3f3;}
#collection .pagination .pager .prev strong  {padding-left:24px;} 
#collection .pagination .pager .next strong {padding-right:24px;} 
#collection .pagination .pager .prev i  {font-size: 32px;float: left;position: absolute;top: 2px;margin-left: -15px;}
#collection .pagination .pager .next i {font-size: 32px;float: right;position: absolute;top: 2px;right: 0px;}
#collection #filter_form2 { border-top: 1px solid #ddd;float: left;width: 100%;padding-top: 7.5px;margin-top: 7.5px;}