/* Minification failed. Returning unminified contents. : run-time error CSS1036: Expected expression, found '' */ /*! * Megamenu */ .megamenu { border-radius: 0; margin-bottom: 0px; } .megamenu a:hover { text-decoration: none; } .action-display-mobilemenu { margin-left: 15px; } .megamenu .dropdown-menu { /*left: auto;*/ min-width: 300px; /*width: 600px;*/ /*max-width: 800px;*/ max-height:560px; } .megamenu .brands.dropdown-menu{ overflow-y:auto; max-height:none; } .megamenu .dropdown-menu.left { right: 0; left:auto; left: auto; } .dropdown-large { position: static !important; } .dropdown-menu-large { margin-right: 16px; padding: 20px 0px; white-space: nowrap; } .dropdown-menu-large>li>ul { padding: 0; margin: 0; } .dropdown-menu-large>li>ul>li { list-style: none; } .dropdown-menu-large>li>ul>li>a { display: block; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: normal; } .dropdown-menu-large>li ul>li>a:hover, .dropdown-menu-large>li ul>li>a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu-large .disabled>a, .dropdown-menu-large .disabled>a:hover, .dropdown-menu-large .disabled>a:focus { color: #999999; } .dropdown-menu-large .disabled>a:hover, .dropdown-menu-large .disabled>a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } .dropdown-menu-large .dropdown-header, .dropdown-menu-large .dropdown-header a { color: #333; font-size: 14px; font-weight: bold; } .dropdown-menu-large .dropdown-header { padding: 0; } .dropdown-menu-large .divider { background-color: none; height: 0; margin: 9px 0; overflow: hidden; } .megamenu .navbar-collapse { padding-left: 0; } .megamenu ul { list-style-type: none; } .megamenu ul li { list-style-type: none; padding: 7px 0px; } .megamenu .li-level-2 { padding-top: 5px; padding-bottom: 5px; } .megamenu .li-level-2>a, .megamenu .li-level-2>span { font-weight: bold; color: #333; } .megamenu .li-level-2 > a{display:block} .megamenu .li-level-2>ul { padding-left: 0; } .megamenu .li-level-2>ul a { color: #333; } .megamenu .dropdown-menu>li>ul { padding-left: 0 !important; } .megamenu .dropdown-menu ul, .megamenu .dropdown-menu li { padding-top: 5px; padding-bottom: 5px; } .megamenu .li-level-2:hover a, .megamenu .li-level-2:hover a:hover { color:#4e2d8d !important; } .megamenu .caret{display:none} .navbar-inverse ul.navbar-nav { display: flex; display: -webkit-flex; text-align: center; } .megamenu .li-level-3{width:300px;} .little-sticky-helper{display:none;height:220px;float:left;width:100%} .megamenu.sticky + .little-sticky-helper{display:block;} @media (max-width: 1199px) { .megamenu.navbar.navbar-inverse{position:relative} .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .megamenu .dropdown-menu { min-width: 0; max-height:none; } .dropdown-menu-large { margin-left: 0; margin-right: 0; } .dropdown-menu-large>li { margin-bottom: 30px; } .dropdown-menu-large>li:last-child { margin-bottom: 0; } .dropdown-menu-large .dropdown-header { padding: 10px 0 !important; } .megamenu .navbar-collapse { background-color: #585858; height: 100%; cursor: default; transition: margin linear 0.2s; } .megamenu .navbar-nav { background-color: #585858; margin: 0; } .megamenu .li-level-2 { padding-top: 0; padding-bottom: 0; } .megamenu .dropdown-menu{ min-height:0; } .megamenu .dropdown-menu>li ul { padding: 0; } .megamenu .dropdown-menu ul, .megamenu .dropdown-menu li { padding-top: 0; padding-bottom: 0; } .megamenu ul>li { padding-left: 0; } .megamenu .dropdown-menu.row>li { padding-right: 0 !important; } .megamenu .navbar-nav { padding-left: 0; } /* LEVEL1 */ .megamenu .navbar-nav>.li-level-1 { background-color: #4e2d8d; border-bottom: 1px solid #381c6e; } /*.megamenu .navbar-nav>.li-level-1:nth-child(2) { border-top: 1px solid #fff; }*/ /*.megamenu .navbar-nav>.li-level-1:first-child,*/ .megamenu .navbar-nav>.li-level-1:last-child { border-bottom: none; } .megamenu .navbar-nav>.li-level-1>a { text-shadow: none; font-size: 15px; color: #ffffff; } .megamenu>.container .navbar-nav>.li-level-1>a:active, .megamenu>.container .navbar-nav>.li-level-1>a:focus { color: #ffffff; } .megamenu>.container .navbar-nav>.li-level-1.open>a, .megamenu>.container .navbar-nav>.li-level-1.open>a:active, .megamenu>.container .navbar-nav>.li-level-1.open>a:focus { background-color: inherit; color: #fff; } .megamenu .navbar-nav>.li-level-1>a>.caret { display: initial; border: none; vertical-align: initial; } .megamenu>.container .navbar-nav>.li-level-1>a>.caret:after { content: "\f067"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 0; font-style: initial; padding: 15px 15px; background: #442480; font-style: normal; } .megamenu>.container .navbar-nav>.li-level-1.open>a>.caret:after { content: "\f068"; } .megamenu .navbar-nav>.li-level-1>.dropdown-menu { border-radius: 0; -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset; -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset; padding: 0; overflow: hidden; min-width: 0; /* position: relative; */ background-color: #818181; float: none; left: 0; } /* LEVEL2 */ .megamenu .li-level-2 { position: static; width: 100%!important; padding-left: 0; border-bottom: 1px solid #3a3a3a; padding-right: 24px; background: #202020; font-size: 15px; } .megamenu .li-level-2:last-child { border-bottom: none; } .megamenu .li-level-2.parent .opener { position: absolute; right: 0; width: 42px; color: #fff; height: 51px; line-height: 51px; text-align: center; cursor: pointer; background-color: #0e0e0e; } .megamenu .li-level-2>ul { margin-right: 15px; } .megamenu .li-level-2.parent .opener:after { content: "\f067"; font-family: 'FontAwesome'; font-style: initial; } .megamenu .li-level-2.open.parent .opener:after { content: "\f068"; } .megamenu>.container .navbar-nav>.li-level-1 .li-level-2>a, .megamenu>.container .navbar-nav>.li-level-1 .li-level-2>span { color: #fff; padding: 0 15px; line-height: 50px; height: auto; /*39px;*/ display: flex; } .megamenu>.container .navbar-nav>.li-level-1 .li-level-2>span { display: none; } .megamenu .li-level-2.parent.open:hover { /* background: #dfdfdf !important; */ color: #fff !important; padding: 0; margin: 0; } .megamenu .li-level-2.parent.open .opener { border-bottom: 1px solid #3a3a3a; } .megamenu .li-level-2.parent.open, .megamenu .li-level-2.parent.open:hover { background: #dfdfdf !important; } .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>a, .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>a>.opener, .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>span, .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>span>.opener { color: #4e2d8d; background-color: #cbcbcb; } .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>a, .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>span { background-color: #eeeeee; } .megamenu .li-level-2>ul { background: none repeat scroll 0 0 #999999; -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset; -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset; display: none; padding-left: 0; } .megamenu .li-level-2.open>ul { display: block; margin-top: 5px; margin-bottom: 5px; } .megamenu .li-level-2 li:hover { background-color: #928787; } .megamenu>.container .navbar-nav .li-level-2.open>a, .megamenu>.container .navbar-nav .li-level-2.open>a:hover { background-color: #dfdfdf !important; color: #4e2d8d !important; border-bottom: 1px solid #3a3a3a; } .dropdown-menu.another-level, .li-level-2.parent:hover { max-height: none !important; background: #202020 !important; color: #fff !important; } .dropdown-menu.another-level, .li-level-2.parent a, .dropdown-menu.another-level, .li-level-2.parent:hover a { color: #fff !important; } /* LEVEL3/4 */ .li-level-1 .dropdown-menu.another-level a { background: #dfdfdf !important; color: #393939; font-size: 15px; padding-left: 0; margin-left: 0; } .megamenu .li-level-3 { height: auto; width:auto; } .megamenu .li-level-4 { margin: 0px; height: auto; } .megamenu .li-level-3>a, .megamenu .li-level-4>a { display: block; color: #fff !important; line-height: 39px; } .megamenu .li-level-3>a { padding-left: 15px !important; } .megamenu .li-level-4>a { padding-left: 35px; } .megamenu .li-level-4>a:before { content: ""; } .megamenu .navbar-collapse.dropdown-full-menu { padding-right: 0; } .megamenu .dropdown-full-menu { -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.49); -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.49); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.49); } .megamenu .li-level-1{padding:0} .navbar-inverse .navbar-nav > li.li-level-1 > a {padding-top:15px;padding-bottom:15px} .navbar-inverse ul.navbar-nav{display:block;text-align:left} .megamenu ul, .megamenu li{ column-count:1!important; -moz-column-count:1!important; -webkit-column-count:1!important; } } @media (min-width: 768px) { .navbar-nav>li { float: none; } } @media (min-width: 1200px) { .megamenu .navbar-nav>li { display: flex; align-items: center; } .megamenu .navbar-toggle { display: none; } #quick-order-container label.visible-lg { display: initial!important; } } @media (min-width: 1200px) { .megamenu .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .li-level-1:hover>.dropdown-menu, .li-level-2.parent:hover>.dropdown-menu { display: block; } } @media (min-width: 768px) and (max-width:1199px) { .megamenu .navbar-collapse.collapse:not(.in) { display: none!important; height: auto !important; padding-bottom: 0; overflow: hidden !important; } .megamenu .navbar-collapse.collapse.in, .megamenu .navbar-collapse.collapsing { position: absolute; z-index: 999; } .search-xs.active { position: fixed; top: 58px; opacity: 1; border-top: 1px solid #444; } } @media (min-width: 200px) and (max-width:991px) { .search-xs.active { left: 0px; width: 100%; } } @media (min-width: 768px) and (max-width:1199px) { .megamenu .navbar-toggle { display: block; } .megamenu .navbar-header { /* width:100%;*/ float: none; position:relative; } .megamenu.navbar { z-index: 9999; } #quick-order-container>form { float: right; } #quick-order-container form>button[type="submit"] { padding-right: 0px; color: white; } .action-display-mobilemenu{ padding-right:0; margin-right:0; margin-left: 0; padding-left: 0; text-align: right; white-space:nowrap; position:absolute; right:0; left:auto; } } @media (min-width: 481px) { .megamenu.navbar .navbar-header button.hidden-md.hidden-sm, .megamenu.navbar .navbar-header a.hidden-md.hidden-sm { /* display:none!important;*/ } } @media (min-width: 481px) and (max-width:1199px) { #quick-order-container>form { float: right; } } @media (max-width: 1199px) { .quick-order-container label, .quick-order-text, .quick-order-container form>button[type="submit"] { color: white; } .megamenu .navbar-toggle { border: none; color: white; font-weight:bold; font-size:16px; padding-top:5px; padding-bottom:5px; } } @media (max-width: 767px) { .quick-order-container.active { top: 58px; opacity: 1; border-top: 1px solid #444; right: 0px; width: 100%; } .quick-order-container { position: absolute; top: -35px; opacity: 0; padding: 5px; z-index: 100; background: #333; margin-top: 0 !important; transition: top linear 0.2s; z-index: 0; } .quick_order_mobile { width: 100%; position: absolute; left: 0; } .megamenu .navbar-header .navbar-toggle .fa-shopping-basket{} .megamenu .navbar-header a.navbar-toggle{margin-top: 0;margin-bottom: 0;margin-right: 7px;} .megamenu .navbar-header .action-display-mobilemenu{margin-left:5px} .megamenu .navbar-header .navbar-toggle{margin-right:7px} .action-display-mobilemenu { position:relative; float:left; } } @media (max-width: 550px) { .megamenu .navbar-toggle { margin-right: 10px; padding-right: 8px; } .megamenu .navbar-header.container { padding: 0px; } .text-mobile-hide { display: none; } } @media (max-width: 350px) { .text-mobile-hide2 {display: none;} } ul.another-level { position: absolute; left: 100%!important; /*width: 100%!important;*/ top: 0px; border-radius: 0px; min-height: 100%; margin-top: 0px; border: 0px; height:365px; overflow-x:hidden; } .li-level-1:hover, .li-level-1>a:hover { background: #202020; } .li-level-1>.dropdown-menu:not(.another-level) { background: #202020; } .li-level-1:last-child > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(2) > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(3) > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(4) > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(5) > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(6) > .dropdown-menu:not(.another-level) { position: absolute; right: 0; left:auto; } .li-level-1:nth-last-child(2) .another-level, .li-level-1:nth-last-child(3) .another-level, .li-level-1:nth-last-child(4) .another-level, .li-level-1:nth-last-child(5) .another-level, .li-level-1:nth-last-child(6) .another-level { position: absolute; left: -300px !important; } .li-level-1:nth-last-child(2) .another-level.left-three-columns, .li-level-1:nth-last-child(3) .another-level.left-three-columns, .li-level-1:nth-last-child(4) .another-level.left-three-columns, .li-level-1:nth-last-child(5) .another-level.left-three-columns, .li-level-1:nth-last-child(6) .another-level.left-three-columns { left: -928px !important; } .li-level-1:nth-last-child(2) .another-level.left-two-columns, .li-level-1:nth-last-child(3) .another-level.left-two-columns, .li-level-1:nth-last-child(4) .another-level.left-two-columns, .li-level-1:nth-last-child(5) .another-level.left-two-columns, .li-level-1:nth-last-child(6) .another-level.left-two-columns { left: -614px !important; } left-three-columns .li-level-1:last-child .dropdown-menu { max-height: 500px; overflow-y: auto; } .li-level-1>.dropdown-menu:not(.another-level) a { color: white; padding: 0 20px; } .li-level-1 .dropdown-menu.another-level a { color: #393939!important; background-color: transparent; box-shadow: none; border: none; background-image: none; white-space: normal; } .dropdown-menu.another-level, .li-level-2.parent:hover { background: #dfdfdf; border-radius: 0; box-shadow: none; /*max-height: 500px;*/ height:auto; } @media (max-width: 1199px) { .li-level-1 .dropdown-menu.another-level a:before{content:"\f105";font-family:FontAwesome;padding-right:5px} .li-level-1:last-child > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(2) > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(3) > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(4) > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(5) > .dropdown-menu:not(.another-level), .li-level-1:nth-last-child(6) > .dropdown-menu:not(.another-level) { /* position: relative; */ width: 100%; } ul.another-level { height:auto; } .li-level-1:nth-last-child(2) .another-level, .li-level-1:nth-last-child(3) .another-level, .li-level-1:nth-last-child(4) .another-level, .li-level-1:nth-last-child(5) .another-level, .li-level-1:nth-last-child(6) .another-level { position: static; } body.offcanvas .megamenu .navbar-header button.action-display-mobilemenu i.fa-bars::before{content:"\f00d"} } @media only screen and (min-height : 400px) { .dropdown-menu.another-level { overflow-y: auto; } } .another-level.dropdown-menu .li-level-3:hover a { color: #4f2d8c!important; } .li-level-1 .dropdown-menu { padding-top: 0px; border: 0px; padding-bottom: 0px; border-radius: 0px; } .another-level.dropdown-menu .li-level-3:hover a { text-decoration: underline; } .li-level-2>.fa.fa-angle-right { padding-right: 15px; line-height: 20px; color: #4f2d8c!important; position:absolute; right:0; } #view-product-spec .fa.fa-angle-right { line-height: 20px; } #view-product-spec { color: #4e2d8d; } /* Fixes to make the mobile menu full width in tablet / small desktop */ @media only screen and (min-width: 768px) and (max-width: 1199px) { nav .dropdown-full-menu { left: 0; width: 100% } nav .nav.navbar-nav { width: 100%; } nav .dropdown-full-menu li { width: 100%; } .megamenu .dropdown-menu { min-width: 0; width: auto; max-width: none; } nav ul.another-level { position: static; padding: 0 !important; margin: 0 !important; } .megamenu .li-level-2.parent.open { padding: 0; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } } /* ========================================================================== Fluid Carousel Styles ========================================================================== */ /* Carousel base class */ .carousel { height: 450px; /*margin-bottom: 15px;*/ } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; } /* Declare heights because of positioning of img element */ .carousel .item { height: 450px; background-color: #777; } .carousel-inner > .item > img { position: absolute; top: 0; left: 0; } .carousel-inner { height: 550px; } .carousel-inner .item { overflow: hidden; max-width: 100%; } .carousel-inner .item img { width: 100%; max-height: none; } #myCarousel .carousel-indicators-outer{ left: 50%; margin-left: -30%; padding-left: 0; position: absolute; text-align: center; width: 60%; z-index: 15; bottom:20px; } #myCarousel .indicator-arrows, #myCarousel .indicator-arrows:active, #myCarousel .indicator-arrows:hover, #myCarousel .indicator-arrows:focus { display:inline-block; color:#fff; font-size:16px; padding:0 2px; outline:none; } #myCarousel .carousel-indicators { position:relative; display:inline-block; padding:0; margin:0; left:auto; bottom:-1px; width:auto; } #myCarousel .item .carousel-text-outer { left: 0; position: absolute; top: 10%; width: 100%; } #myCarousel .item .carousel-caption { position:relative; bottom:auto; left:auto; right:auto; text-align:left; padding:0; margin:0; text-shadow:none; width:28%; } #myCarousel .item .carousel-caption h1{ font-family:"Lato Light", sans-serif; color:#fff; font-size:60px; } #myCarousel .item .carousel-caption-text { font-family:"Lato"; font-size:18px; margin-bottom: 0; margin-top: 20px; } #myCarousel .item a.btn { margin-top:20px; padding-left:15px; padding-right:15px; } .carousel-control .fa { background-color:#000; width: 50px; height: 50px; font-size: 25px; left: 0; right: auto; position: absolute; top: 50%; display: inline-block; line-height: 50px; text-align: center; margin-top: -25px; } .carousel-control .fa.fa-angle-right { right:0; left:auto; } /* Media Query - Smartphone */ @media (max-width: 767px) { /*.carousel { height: 250px; margin-bottom: 15px; } .carousel-inner { height: 250px; }*/ .carousel-inner .item img { max-height: none; width: auto!important; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; line-height: 1; /* Image scaling */ max-width:800px; max-height:400px; } /* Banner Caption */ #myCarousel .item .carousel-text-outer{top: 0;} #myCarousel .item .carousel-caption {width:50%} #myCarousel .item .carousel-caption h1{font-size:30px;} .carousel-caption-text {display: none; } } /* Media Query - Tablet+ */ @media (min-width: 768px) and (max-width: 991px) { /*.carousel { height: 300px; margin-bottom: 15px; } .carousel-inner { height: 300px; }*/ /* Banner Caption */ #myCarousel .item .carousel-text-outer{top: 3%;} #myCarousel .item .carousel-caption {width:33%} #myCarousel .item .carousel-caption h1{font-size:30px;} #myCarousel .item .carousel-caption-text{font-size:16px;} } /* Media Query - Desktop + */ @media (min-width: 992px) and (max-width: 1199px) { /*.carousel { height: 350px; margin-bottom: 15px; } .carousel-inner { height: 350px; }*/ /* Banner Caption */ #myCarousel .item .carousel-caption {width:33%} #myCarousel .item .carousel-caption h1{font-size:35px;} } @media (max-width: 400px) { #myCarousel .item .carousel-caption {width:80%} #myCarousel .item a.btn { padding-left:10px; padding-right:10px; } } /* ========================================================================== Image Carousel Styles ========================================================================== */ /* Overwrite carousel fluid */ .carousel, .carousel-inner, .carousel .item { height: auto; max-width: 100%; } .carousel-inner > .item img, .carousel-inner > .item > a > img { max-width: 100%; max-height: 100%; } .carousel-inner > .item img { position: relative; } .imagelarge, .imagemedium, .imagesmall, .imageextrasmall { position: relative; width: 100%; overflow: hidden; display: none !important; } /* Additional rules for the largest image, so that it can scale properly */ @media only screen and (min-width: 2001px) { .imagelarge { display: block !important; } } @media only screen and (min-width: 1200px) and (max-width: 2000px) { .imagelarge { display: block !important; } .carousel-inner .item { height: 450px; } .carousel-inner > .item img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 100%; width: auto; max-width: none !important; } } @media only screen and (min-width: 751px) and (max-width: 1199px) { .imagemedium { display: block !important; } } @media only screen and (min-width: 451px) and (max-width: 750px) { .imagesmall { display: block !important; } } @media only screen and (max-width: 450px) { .imageextrasmall { display: block !important; } } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { height: unset !important; }